@font-face{font-family:Display;src:url('/assets/display.ttf');font-weight:700;font-display:swap}@font-face{font-family:Body;src:url('/assets/body.ttf');font-weight:400;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#efede5;color:#20221d;font-family:Body,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid #525c28;outline-offset:6px}.skip{position:fixed;top:-80px;background:#e8ff59;padding:16px;z-index:30}.skip:focus{top:10px}header{position:absolute;top:0;left:0;width:100%;height:100px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;z-index:10}.logo{font-family:Body,sans-serif;font-weight:900;font-size:48px;letter-spacing:-5px;line-height:1}.logo sup{font-size:12px;vertical-align:top;letter-spacing:0;padding-left:6px}.header-center{font-size:11px;letter-spacing:.1em}.contact{font-size:14px;border-bottom:1px solid #20221d60;padding:10px 0;display:flex;gap:35px}.contact span{font-size:20px}.journey{height:420svh;position:relative}.stage{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate;background:#efede5}.light{position:absolute;inset:0;background:radial-gradient(ellipse at 49% 44%,#fffef8 0%,#efede5 58%,#d6d7cd 115%);z-index:-2}#crowd{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.film-grain{position:absolute;inset:0;z-index:5;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.scene-copy{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:105px 25px 115px;z-index:2;pointer-events:none;will-change:transform,opacity}.eyebrow{font-size:11px;letter-spacing:.13em;line-height:1.5;display:block}.scene-copy h1,.scene-copy h2{font-family:Display,'Arial Narrow',sans-serif;font-size:clamp(66px,8.9vw,155px);font-weight:700;line-height:.89;letter-spacing:-.018em;margin:28px 0 25px}.scene-copy em{font-family:Georgia,serif;font-size:.74em;font-weight:400;letter-spacing:-.065em;line-height:1.18}.scene-copy p{font-size:16px;line-height:1.7;margin:0}.intro h1 em{position:relative}.intro h1 em:after{content:'';position:absolute;height:16%;left:0;right:0;bottom:6%;background:#e8ff59;z-index:-1;transform:rotate(-1deg)}.encounter{opacity:0;align-items:flex-start;text-align:left;padding-left:9vw}.encounter h2{font-size:clamp(76px,10vw,170px)}.encounter-label{position:absolute;left:64%;top:76%;font-size:10px;letter-spacing:.12em;z-index:3;opacity:0}.encounter-label span{background:#e8ff59;padding:10px 15px;display:block;transform:rotate(-3deg)}.encounter-label i{display:block;height:40px;border-left:1px solid #20221d;width:0;position:absolute;bottom:100%;left:50%;transform:rotate(10deg)}.scene-foot{position:absolute;bottom:32px;left:4.5vw;right:4.5vw;display:flex;justify-content:space-between;align-items:center;z-index:6;gap:25px;font-size:10px;letter-spacing:.07em}.chapter{min-width:180px}.scroll-prompt{display:flex;gap:22px;align-items:center}.scroll-prompt span{font-size:22px}#motion{font-size:11px;background:none;border:0;border-bottom:1px solid #20221d50;padding:8px 0;color:inherit}.progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#20221d10;z-index:6}.progress i{height:100%;width:0;display:block;background:#20221d}.corner-note{position:absolute;left:20px;top:45%;writing-mode:vertical-rl;font-size:9px;letter-spacing:.15em;opacity:.4;z-index:3}.loading{position:absolute;left:0;right:0;bottom:100px;text-align:center;font-size:12px;z-index:4}.ready .loading{display:none}.arrival{position:relative;padding:100px 8vw 65px;background:#e8ff59;min-height:90svh}.arrival h2{font:700 clamp(64px,10vw,160px)/.88 Display,sans-serif;letter-spacing:-.02em;margin:50px 0}.arrival h2 em{font-family:Georgia,serif;font-size:.74em;font-weight:400;letter-spacing:-.06em;line-height:1.1}.arrival-bottom{display:flex;align-items:center;justify-content:space-between;gap:60px}.arrival p{font-size:16px;line-height:1.8;max-width:550px}.button{background:#20221d;color:#efede5;padding:20px 24px;display:flex;align-items:center;gap:45px;font-size:14px;white-space:nowrap}.button span{font-size:25px}.return{display:inline-block;margin-top:55px;font-size:13px;border-bottom:1px solid #20221d60;padding-bottom:6px}@media(max-width:760px){header{height:85px;padding:0 6vw}.logo{font-size:42px}.header-center{display:none}.contact{font-size:12px;gap:18px}.journey{height:350svh}.scene-copy{padding:100px 6vw 135px}.eyebrow{font-size:9px;letter-spacing:.08em}.scene-copy h1{font-size:14vw;margin:25px 0}.scene-copy p{font-size:14px}.scene-foot{left:6vw;right:6vw;bottom:25px;flex-wrap:wrap;gap:10px;font-size:9px}.scroll-prompt{order:3;width:100%;justify-content:space-between}.chapter{min-width:0}#motion{font-size:10px}.corner-note{display:none}.encounter{justify-content:flex-start;padding-top:20svh}.encounter h2{font-size:17vw}.encounter p{max-width:70%;font-size:12px}.encounter-label{left:50%;top:78%;font-size:8px}.arrival{padding:70px 7vw 40px;min-height:auto}.arrival h2{font-size:16vw;margin:35px 0}.arrival-bottom{display:block}.arrival p{font-size:14px}.button{margin-top:30px;font-size:12px;justify-content:space-between;white-space:normal}.return{font-size:12px}.loading{font-size:11px;bottom:130px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.foreground{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}#crowd,.foreground{opacity:0;transition:opacity 1.4s}.ready #crowd,.ready .foreground{opacity:1}@media(prefers-reduced-motion:reduce){#crowd,.foreground{transition:none}}
/* Fishing sequence: a single continuous camera journey. */
.journey{height:650svh}.encounter{justify-content:flex-start;padding-top:15svh;padding-left:6vw;align-items:flex-start}.encounter h2{font-size:clamp(42px,4.8vw,80px);line-height:.96;margin:20px 0}.encounter p{font-size:14px;max-width:430px}.encounter-label{display:none}.scene-copy.intro{transition:none}.scene-foot .chapter{min-width:190px}.loading{background:#efede5c9;padding:8px;max-width:450px;margin:0 auto}.asset-failure .loading{display:block}.asset-failure .intro{opacity:1!important;visibility:visible!important}.scene-foot{background:linear-gradient(transparent,#efede5d0);padding-top:10px}
@media(max-width:760px){.journey{height:590svh}.encounter{padding-top:14svh;padding-left:6vw;justify-content:flex-start}.encounter h2{font-size:9vw;line-height:.99;margin:15px 0}.encounter p{font-size:11px;max-width:88%;line-height:1.5}.encounter p br{display:none}.encounter .eyebrow{font-size:7px}.scene-foot .chapter{min-width:0;font-size:8px}}

/* Reserve clean text planes, above every photographic layer. */
.scene-copy{z-index:4}.intro .eyebrow,.intro p{text-shadow:0 0 8px #efede5,0 0 16px #efede5,0 0 24px #efede5}.intro .eyebrow{font-size:12px}.encounter{padding-right:0}.encounter h2{font-size:clamp(32px,4.15vw,70px);max-width:38vw}.encounter .eyebrow{max-width:35vw;font-size:12px}.encounter p{max-width:34vw;font-size:16px}.scene-foot{font-size:12px}#motion{font-size:12px}.header-center{font-size:12px}
@media(max-width:760px){.intro .eyebrow{font-size:12px;max-width:290px}.intro p{font-size:16px;max-width:300px}.encounter{padding-top:10svh}.encounter h2{font-size:8.3vw;max-width:88vw;margin:12px 0}.encounter .eyebrow{font-size:12px;max-width:85vw;line-height:1.4}.encounter p{font-size:14px;max-width:86vw;line-height:1.45}.scene-foot .chapter{font-size:12px}.scene-foot{font-size:12px}.scroll-prompt{font-size:11px}.scene-copy.intro{padding-bottom:120px}}
@media(max-height:650px) and (min-width:761px){.intro h1{font-size:min(8.9vw,17vh);margin:18px 0}.encounter{padding-top:12svh}.encounter h2{font-size:min(4.15vw,8vh);margin:12px 0}.encounter p{font-size:14px}}

/* The opening promise keeps three deliberate lines; only VRAIMENT is underlined. */
.intro h1{font-size:clamp(42px,7.6vw,132px);line-height:1.02;margin:24px 0}.intro h1 em{line-height:1.18}.intro p{max-width:90%;font-size:16px}
@media(max-width:760px){.intro h1{font-size:10.3vw;line-height:1.08;margin:24px 0}.intro p{max-width:310px;font-size:16px;line-height:1.6}}
@media(max-height:650px) and (min-width:761px){.intro h1{font-size:min(7.6vw,14vh);margin:16px 0}}

.intro h1>span{display:block;white-space:nowrap}.intro h1 .promise-emphasis{line-height:1.18;margin:.035em 0 .07em}.intro h1 .promise-emphasis em{font-size:.9em}.intro h1 .promise-result{font-size:.9em}
@media(max-width:760px){.intro h1 .promise-result{font-size:.86em}}

/* Persistent navigation remains reachable throughout the pinned sequence. */
header{position:fixed;z-index:20;transition:background .25s,height .25s,box-shadow .25s;background:transparent}header.scrolled,header.menu-open{height:80px;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}#experience-nav{display:flex;align-items:center;gap:clamp(20px,3vw,48px)}#experience-nav a{font-size:14px;padding:12px 0;border-bottom:1px solid transparent;transition:border-color .2s}#experience-nav a:hover{border-color:#20221d}.experience-menu{display:none}.skip{z-index:30}
@media(max-width:900px){header,header.scrolled,header.menu-open{height:76px;padding:0 6vw;gap:20px}.experience-menu{display:flex;align-items:center;gap:12px;margin-left:auto;background:none;border:0;padding:12px 0;color:inherit;font-size:14px}.experience-menu span{font-size:22px}header .contact{order:3;font-size:12px;gap:12px}#experience-nav{display:none;position:absolute;left:0;right:0;top:76px;max-height:calc(100svh - 76px);overflow:auto;padding:12px 6vw 28px;background:transparent;box-shadow:none}header.menu-open #experience-nav{display:flex;flex-direction:column;align-items:stretch;gap:0}#experience-nav a{font-size:20px;padding:18px 0;border-bottom:1px solid #20221d20}header .logo{font-size:40px}}
@media(prefers-reduced-motion:reduce){header{transition:none}}

@media(max-width:760px){.intro h1{text-shadow:0 0 9px #efede5,0 0 19px #efede5,0 0 32px #efede5}.intro h1 em{text-shadow:0 0 9px #efede5,0 0 19px #efede5}}