:root{--paper:#efeee7;--ink:#171815;--line:#c5c5be;--red:#e2231a;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;padding:0}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--red);outline-offset:6px}::selection{background:var(--red);color:var(--paper)}.skip-link{position:fixed;top:12px;left:12px;z-index:100;background:var(--paper);padding:14px;transform:translateY(-160%)}.skip-link:focus{transform:none}.micro{display:block;font-size:10px;line-height:1.35;letter-spacing:.03em}.resting-scene{position:relative;min-height:100svh;height:100svh;color:var(--paper);background:#006277;overflow:hidden}.resting-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%}.technical-grid{position:absolute;inset:0;background-image:linear-gradient(#efeee71a 1px,transparent 1px),linear-gradient(90deg,#efeee71a 1px,transparent 1px);background-size:12.5vw 20vh;pointer-events:none}.portfolio-nav{position:absolute;top:28px;left:3%;right:3%;display:flex;align-items:flex-start;justify-content:space-between;z-index:2}.signature{display:flex;align-items:flex-start;gap:15px;font-size:35px;line-height:.82;font-weight:700;letter-spacing:-.09em}.signature>span{font-size:9px;line-height:1.4;font-weight:400;letter-spacing:0}.portfolio-nav nav{display:flex;gap:35px;font-size:12px}.portfolio-nav nav a,.portfolio-nav nav button{padding:7px 0;border-bottom:1px solid transparent;transition:border-color .2s}.portfolio-nav nav span{display:inline-block;margin-left:15px;transition:transform .3s}.resting-details{position:absolute;top:19%;left:51%;width:42%;max-width:680px}.resting-statement{padding:26px 0 34px}.resting-statement h1{font-size:clamp(45px,5.6vw,92px);font-weight:500;line-height:.96;letter-spacing:-.065em;margin:22px 0}.resting-statement p{font-size:13px;line-height:1.6}.enter-archive{position:absolute;bottom:6%;left:3%;display:flex;gap:60px;font-size:11px;border-top:1px solid #efeee77a;padding-top:15px;min-width:31%}.archive{padding:35px 4% 0;scroll-margin-top:0}.archive h2{font-size:clamp(90px,18vw,310px);font-weight:500;letter-spacing:-.085em;line-height:.8;margin:100px 0 0}.archive h2>span{margin-left:24%}.archive-intro{display:grid;grid-template-columns:1fr 1fr;margin:70px 0 100px;align-items:start}.archive-intro p{font-size:17px;line-height:1.4;margin:0;letter-spacing:-.02em}.photo-index{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:90px 24px;align-items:start}.photo-entry{margin:0}.photo-entry:nth-child(1){grid-column:2/7}.photo-entry:nth-child(2){grid-column:8/13;margin-top:180px}.photo-entry:nth-child(3){grid-column:1/6}.photo-entry:nth-child(4){grid-column:9/12;margin-top:100px}.photo-entry:nth-child(5){grid-column:3/9}.photo-entry:nth-child(6){grid-column:9/13;margin-top:180px}.photo-entry:nth-child(7){grid-column:1/9;margin-top:70px}.photo-open{display:block;width:100%;position:relative;text-align:left;overflow:hidden;background:#deded7}.photo-open img{display:block;width:100%;height:auto;transition:transform .65s cubic-bezier(.22,1,.36,1)}.photo-open .view-mark{position:absolute;right:13px;bottom:13px;padding:8px 10px;background:var(--paper);font-size:10px;opacity:0;transform:translateY(8px);transition:transform .25s,opacity .25s}.photo-entry figcaption{display:flex;justify-content:space-between;gap:15px;margin-top:13px;font-size:10px;line-height:1.5}.photo-caption-title{display:block;font-size:12px;margin-bottom:3px}.photo-sequence{font-variant-numeric:tabular-nums;color:#6e6f69}.archive footer{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--ink);margin-top:150px;padding:20px 0 85px;font-size:10px}.photo-viewer{position:fixed;inset:0;margin:0;max-width:none;max-height:none;width:100%;height:100%;border:0;padding:22px 3%;background:var(--paper);color:var(--ink)}.photo-viewer::backdrop{background:#171815b3}.viewer-toolbar,.viewer-bottom{position:absolute;left:3%;right:3%;display:flex;justify-content:space-between;align-items:center;font-size:11px;gap:20px}.viewer-toolbar{top:25px}.viewer-bottom{bottom:25px}.viewer-photo{display:block;position:absolute;left:5%;top:9%;width:90%;height:80%;object-fit:contain}.viewer-counter{font-variant-numeric:tabular-nums}.noscript-note{padding:20px}
@media(hover:hover){.portfolio-nav nav a:hover,.portfolio-nav nav button:hover{border-color:currentColor}.portfolio-nav nav a:hover span,.portfolio-nav nav button:hover span{transform:translate(3px,-3px)}.photo-open:hover img{transform:scale(1.025)}.photo-open:hover .view-mark{opacity:1;transform:none}.enter-archive:hover{border-top-color:currentColor}footer a:hover,footer button:hover{text-decoration:underline;text-underline-offset:4px}}.photo-open:focus-visible .view-mark{opacity:1;transform:none}
@media(min-width:1600px){.resting-details{top:20%}}
@media(max-width:800px){.portfolio-nav{top:23px;left:5%;right:5%}.portfolio-nav nav{gap:20px;font-size:11px}.signature{font-size:30px}.signature>span{font-size:8px}.resting-details{left:40%;width:54%;top:20%}.resting-statement{padding:10px 0 20px}.resting-statement h1{font-size:54px}.enter-archive{left:5%;bottom:9%;width:52%;gap:20px;justify-content:space-between}.photo-index{gap:65px 15px}.photo-entry:nth-child(2),.photo-entry:nth-child(6){margin-top:100px}.archive footer{flex-wrap:wrap}}
@media(max-width:520px){.resting-photo{object-position:56% 47%}.portfolio-nav{top:25px}.signature{font-size:28px}.signature>span{font-size:7px}.portfolio-nav nav{gap:16px;font-size:10px}.portfolio-nav nav span{display:none}.resting-details{top:23%;left:35%;width:60%}.micro{font-size:8px}.resting-statement h1{font-size:48px;margin:18px 0}.resting-statement p{font-size:11px;line-height:1.6}.enter-archive{width:67%;bottom:10%;font-size:9px}.archive{padding:25px 5% 0}.archive h2{font-size:24vw;margin-top:85px}.archive h2>span{margin-left:18%}.archive-intro{grid-template-columns:1fr;gap:25px;margin:45px 0 65px}.archive-intro p{font-size:15px;padding-left:25%}.photo-index{grid-template-columns:repeat(6,minmax(0,1fr));gap:50px 12px}.photo-entry:nth-child(n){grid-column:1/7;margin-top:0}.photo-entry:nth-child(1){grid-column:1/6}.photo-entry:nth-child(4){grid-column:3/7}.photo-entry:nth-child(6){grid-column:2/7}.photo-entry figcaption{font-size:8px}.photo-caption-title{font-size:11px}.archive footer{margin-top:80px;font-size:8px;padding-bottom:80px}.viewer-toolbar,.viewer-bottom{font-size:9px}.viewer-photo{top:12%;height:73%}}
@media(max-height:650px) and (min-width:521px){.resting-details{top:15%;width:45%}.resting-statement{padding:0 0 15px}.resting-statement h1{font-size:45px;margin:15px 0}.resting-statement p{font-size:11px}.enter-archive{bottom:8%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}.photo-open:hover img{transform:none}}

/* Subtle text separation preserves legibility over water highlights. */
.resting-details,.portfolio-nav,.enter-archive{text-shadow:0 1px 3px #002b4180}
@media(max-height:800px) and (min-width:521px){
  .resting-details{top:15%;width:45%}
  .resting-statement{padding:10px 0 20px}
  .resting-statement h1{font-size:clamp(45px,5vw,64px);margin:15px 0}
  .resting-statement p{font-size:11px}
}
@media(max-height:700px) and (max-width:520px){
  .resting-details{top:15%}
  .resting-statement{padding:4px 0 12px}
  .resting-statement h1{font-size:38px;margin:12px 0}
  .enter-archive{bottom:8%}
}
.resting-photo{object-position:center 35%}
@media(max-width:520px){.resting-photo{object-position:56% 47%}}
@media(max-height:650px) and (min-width:521px){.resting-statement{padding:0 0 15px}.resting-statement h1{font-size:45px}}
@media(max-height:700px) and (max-width:520px){
  .resting-statement h1{font-size:36px}
  .resting-statement p{font-size:10px}
}
/* One photograph per viewport, with the original ratio and editorial offsets. */
html.photo-paged{scroll-snap-type:y mandatory;scroll-behavior:auto}
html.photo-paged.is-page-turning{scroll-snap-type:none}
.photo-paged .resting-scene,.photo-paged .archive-heading,.photo-paged .photo-entry{scroll-snap-align:start;scroll-snap-stop:always}
.photo-paged .archive{padding-top:0}
.photo-paged .archive-heading{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:35px 0}
.photo-paged .archive h2{margin:7svh 0 0}
.photo-paged .archive-intro{margin:7svh 0 0}
.photo-paged .photo-index{display:block}
.photo-paged .photo-entry:nth-child(n){min-height:100svh;margin:0;padding:7svh 0;display:flex;flex-direction:column;justify-content:center;width:65%}
.photo-paged .photo-entry:nth-child(1){width:43%;margin-left:8%}
.photo-paged .photo-entry:nth-child(2){margin-left:33%}
.photo-paged .photo-entry:nth-child(3){margin-left:2%}
.photo-paged .photo-entry:nth-child(4){width:37%;margin-left:56%}
.photo-paged .photo-entry:nth-child(5){margin-left:18%}
.photo-paged .photo-entry:nth-child(6){width:43%;margin-left:50%}
.photo-paged .photo-entry:nth-child(7){width:78%;margin-left:5%}
.photo-paged .photo-open{height:74svh;background:transparent}
.photo-paged .photo-open img{width:100%;height:100%;object-fit:contain}
.photo-paged .archive footer{margin-top:0;scroll-snap-align:end;padding-bottom:35px}
@media(max-width:600px){.photo-paged .photo-entry:nth-child(n){width:100%;margin-left:0;padding:8svh 0}.photo-paged .photo-entry:nth-child(1),.photo-paged .photo-entry:nth-child(4),.photo-paged .photo-entry:nth-child(6){width:88%;margin-left:6%}.photo-paged .photo-open{height:70svh}.photo-paged .archive-heading{padding:30px 0}.photo-paged .archive h2{margin-top:6svh}}
@media(prefers-reduced-motion:reduce){html.photo-paged{scroll-snap-type:y proximity}}