@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400;1,500&family=Manrope:wght@400;500;600&display=swap');
:root{--ink:#263735;--paper:#f5f2eb;--progress:0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,sans-serif}header{position:absolute;z-index:5;top:0;left:0;width:100%;padding:32px 5%;display:flex;justify-content:space-between;align-items:center;color:white}a{color:inherit;text-decoration:none}.brand{font-family:'Cormorant Garamond',serif;font-size:30px}.brand span{display:block;font:9px Manrope,sans-serif;letter-spacing:3px;margin-top:7px}nav{display:flex;gap:35px;font-size:12px}h1,h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;line-height:1.03;margin:20px 0}h1{font-size:clamp(64px,8vw,125px)}h2{font-size:clamp(42px,5.8vw,82px)}em{font-weight:400}.eyebrow{font-size:10px;letter-spacing:3px;font-weight:600}.journey{height:260vh}.stage{height:100svh;position:sticky;top:0;overflow:hidden;background:#b09b85;color:white}.landscape{position:absolute;inset:-8%;background:#748e9a url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=2400&q=90') center 48%/cover;transform:scale(calc(1.14 - var(--progress)*.14));filter:brightness(.82) sepia(.22);will-change:transform}.shade{position:absolute;inset:0;background:linear-gradient(180deg,#182e3440,transparent 40%,#182e3440)}.opening{position:absolute;top:30%;left:10%;opacity:calc(1 - var(--progress)*2.8);transform:translateY(calc(var(--progress)*-70px))}.opening>p:last-child{font-size:14px;letter-spacing:1px}.reveal-copy{position:absolute;left:8%;top:25%;opacity:clamp(0,calc((var(--progress) - .48)*3),1);max-width:48%}.reveal-copy h2{font-size:clamp(40px,5vw,72px)}.camera{position:absolute;left:67%;bottom:-10%;width:300px;height:530px;transform:translate(-50%,calc((1 - var(--progress))*620px)) scale(calc(.65 + var(--progress)*.35));filter:drop-shadow(0 18px 15px #0005);will-change:transform}.camera-body{position:absolute;top:20px;width:300px;height:180px;background:linear-gradient(150deg,#333838,#0b1012 65%);border-radius:18px 24px 16px 16px;border:3px solid #414646;box-shadow:inset 0 2px 3px #a0a3a3}.camera-top{position:absolute;top:0;left:80px;width:100px;height:45px;background:#20282a;clip-path:polygon(20% 0,80% 0,100% 100%,0 100%)}.viewfinder{position:absolute;top:12px;left:103px;width:65px;height:22px;background:#080d10;border:5px solid #465050;border-radius:5px}.screen{position:absolute;left:18px;top:47px;width:205px;height:116px;background:url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=600&q=85') center/cover;border:7px solid #060a0d;border-radius:4px}.screen span{position:absolute;bottom:3px;left:4px;font-size:6px;letter-spacing:1px;color:white}.screen-lines{position:absolute;inset:20%;border:1px solid #ffffff90}.controls{position:absolute;right:14px;top:42px;display:grid;gap:13px;color:#939c9d}.controls i{width:23px;height:23px;border:4px solid #545e60;border-radius:50%;background:#151b1c}.tripod-head{position:absolute;top:200px;left:124px;width:48px;height:45px;background:linear-gradient(90deg,#111,#626968,#111);border-radius:4px}.leg{position:absolute;top:235px;left:142px;width:15px;height:300px;background:linear-gradient(90deg,#0c1214,#626968,#111);transform-origin:top;border-radius:5px}.left{transform:rotate(24deg)}.right{transform:rotate(-24deg)}.middle{height:310px;width:12px}.scroll-note{position:absolute;bottom:38px;left:10%;font-size:9px;letter-spacing:3px;opacity:calc(1 - var(--progress)*2)}.scroll-note span{display:block;font-size:23px;margin-top:12px}.scene-credit{position:absolute;bottom:22px;right:24px;font-size:9px;opacity:.7}.manifesto{text-align:center;padding:130px 20px 140px;max-width:840px;margin:auto}.manifesto>p:last-child{max-width:480px;margin:32px auto 0;font-size:14px;line-height:1.9;color:#64716c}.collection{padding:0 7% 110px;scroll-margin-top:35px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.section-heading>p{font-size:12px;line-height:1.9}.gallery{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.photo{position:relative;display:block;border:0;padding:0;background:#c5cdc5;cursor:zoom-in;height:300px;overflow:hidden;text-align:left;color:white}.photo.tall{grid-row:span 2;height:624px}.photo img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.photo:hover img{transform:scale(1.04)}.photo:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#0007)}.photo span{position:absolute;z-index:1;bottom:25px;left:25px;font-size:9px;letter-spacing:2px}.photo strong{display:block;font:32px 'Cormorant Garamond',serif;letter-spacing:0;margin-top:9px}.sample-note{font-size:10px;color:#6d7770;margin-top:18px}.story{background:#e8e9e0;padding:100px 8%;display:grid;grid-template-columns:1fr 2fr;gap:40px;scroll-margin-top:25px}.story h2{margin-top:0}.story div>p{max-width:530px;font-size:14px;line-height:1.9}.story .signature{font:italic 30px 'Cormorant Garamond',serif;margin-top:35px}footer{padding:45px 7%;display:flex;justify-content:space-between;align-items:center}footer a{font:27px 'Cormorant Garamond',serif}footer p{font-size:11px}footer span{font-size:8px;letter-spacing:2px}dialog{border:0;background:#f5f2eb;padding:20px;max-width:90vw;max-height:90svh}dialog::backdrop{background:#102321df}dialog img{display:block;max-width:80vw;max-height:72svh;object-fit:contain}dialog p{font:26px 'Cormorant Garamond',serif}.close{position:absolute;right:22px;top:22px;border:0;background:var(--paper);width:36px;height:36px;font-size:26px;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #b99659;outline-offset:5px}
@media(max-width:650px){header{padding:24px 6%}.brand{font-size:24px}nav{gap:14px;font-size:10px}.brand span{font-size:7px;letter-spacing:2px}.opening{left:7%;top:32%}.opening .eyebrow{font-size:8px;letter-spacing:2px}.opening>p:last-child{font-size:12px}.camera{left:65%;width:300px;bottom:-24%;transform:translate(-50%,calc((1 - var(--progress))*650px)) scale(.78);transform-origin:top center}.reveal-copy{top:19%;left:7%;max-width:90%}.reveal-copy h2{font-size:46px}.reveal-copy .eyebrow{font-size:8px}.manifesto{padding:80px 24px}.section-heading{display:block}.gallery{display:block}.photo,.photo.tall{height:400px;margin-bottom:18px;width:100%}.collection{padding-bottom:65px}.story{display:block;padding:65px 7%}.story>.eyebrow{margin-bottom:28px}footer{gap:20px;flex-wrap:wrap}footer span{width:100%}.scene-credit{font-size:8px}.scroll-note{left:7%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.journey{height:100svh}.opening{opacity:0}.reveal-copy{opacity:1}.camera{transform:translateX(-50%) scale(.8)}.landscape{transform:none}.scroll-note{display:none}.photo img{transition:none}}

.site-footer{display:block;padding:65px 8% 26px;background:#263735;color:#f5f2eb}.footer-main{display:flex;justify-content:space-between;align-items:center;gap:40px;padding-bottom:48px}.site-footer .footer-brand{font:clamp(34px,4vw,50px) 'Cormorant Garamond',serif}.site-footer .footer-byline{font-size:8px;letter-spacing:3px;margin:10px 0 0;color:#c7d0c4}.site-footer .footer-thought{font:italic 21px 'Cormorant Garamond',serif;margin:24px 0 0;color:#d6d9cd}.footer-nav{display:flex;flex-direction:column;align-items:flex-end;gap:16px;font-size:11px}.footer-nav a{transition:color .2s}.footer-nav a:hover{color:#d8bc8f}.footer-top{margin-top:8px}.footer-top span{margin-left:12px}.footer-bottom{border-top:1px solid #ffffff26;padding-top:22px;display:flex;justify-content:space-between;align-items:center;gap:20px}.site-footer .footer-bottom p{margin:0;font-size:10px;color:#c7d0c4}.site-footer .footer-bottom>span{font-size:8px;letter-spacing:1.8px;color:#adb9ad;width:auto}@media(max-width:650px){.site-footer{padding:48px 7% 24px}.footer-main{align-items:flex-start;flex-direction:column;gap:32px;padding-bottom:32px}.footer-nav{align-items:flex-start;flex-direction:row;flex-wrap:wrap;gap:20px}.footer-top{margin-top:0}.footer-bottom{flex-direction:column;align-items:flex-start;gap:12px}.site-footer .footer-bottom>span{font-size:7px;letter-spacing:1.2px}}
@media(max-width:650px){
 .site-footer{padding:48px 24px 28px;text-align:center}
 .footer-main{align-items:center;gap:30px;padding-bottom:30px}
 .footer-identity{width:100%}
 .site-footer .footer-brand{display:block;font-size:38px;line-height:1.1}
 .site-footer .footer-byline{font-size:8px;letter-spacing:2.4px;margin-top:12px}
 .site-footer .footer-thought{font-size:20px;line-height:1.4;margin-top:20px}
 .footer-nav{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;align-items:center;font-size:11px}
 .footer-nav a{padding:12px 0}
 .footer-nav .footer-top{grid-column:1 / -1;margin:4px 0 0;padding-top:12px}
 .footer-bottom{align-items:center;gap:14px;width:100%;padding-top:24px}
 .site-footer .footer-bottom p{font-size:10px;line-height:1.6}
 .site-footer .footer-bottom>span{display:block;width:100%;font-size:7px;line-height:1.8;letter-spacing:1px}
}

.site-footer .footer-nav a{font:11px Manrope,sans-serif;letter-spacing:.2px}.site-footer .footer-nav .footer-top span{font:16px Manrope,sans-serif}

/* Keep the ocean covering the viewport as mobile browser controls retract. */
@media(max-width:650px){
 .journey{height:260lvh;background:#748e9a}
 .stage{height:100lvh;background:#748e9a}
}
@media(max-width:650px) and (prefers-reduced-motion:reduce){.journey{height:100lvh}}

.site-footer{background:#ebe6dc;color:#263735}
.site-footer .footer-byline,.site-footer .footer-thought,.site-footer .footer-bottom p{color:#52615f}
.site-footer .footer-bottom>span{color:#65716d}
.footer-bottom{border-top-color:#26373526}
.footer-nav a:hover{color:#71604b}