@font-face{font-family:Anek;src:url('assets/fonts/AnekLatin-Regular.ttf');font-weight:400;font-display:swap}@font-face{font-family:Anek;src:url('assets/fonts/AnekLatin-Medium.ttf');font-weight:500;font-display:swap}@font-face{font-family:Anek;src:url('assets/fonts/AnekLatin-SemiBold.ttf');font-weight:600;font-display:swap}@font-face{font-family:Fragment;src:url('assets/fonts/FragmentMono-Regular.ttf');font-display:swap}
:root{--paper:#fffefc;--sea:#1f4d50;--sage:#dbe6cf;--mist:#bedbdc;--ink:#093234;--muted:#496966;--ease:cubic-bezier(.22,.8,.25,1)}*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:65px}body{margin:0;background:var(--paper);color:var(--sea);font-family:Anek,Arial,sans-serif;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}h1,h2,h3,p,figure,blockquote{margin:0}h1,h2{font-weight:500;letter-spacing:-.045em;line-height:1.02}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid currentColor;outline-offset:5px}::selection{background:var(--sage);color:var(--ink)}.eyebrow,.source,blockquote cite{font-family:Fragment,monospace;font-size:11px;line-height:1.6;letter-spacing:.045em;font-style:normal}.eyebrow{text-transform:uppercase}.skip-link{position:fixed;z-index:200;left:15px;top:-80px;background:var(--sea);color:white;padding:15px}.skip-link:focus{top:15px}.rail{position:fixed;top:12px;left:14px;right:14px;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:4px 12px;background:#fffefcf5;backdrop-filter:blur(20px);border:1px solid #1f4d5012;border-radius:8px;font-size:14px}.rail>p{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}.home{display:grid;place-items:center;width:36px;min-height:36px}.home img{width:23px;height:23px}.rail-actions{display:flex;align-items:center;gap:18px}.rail-actions>a{display:flex;align-items:center;gap:28px;min-height:36px}.rail-actions>a>span{font-size:24px}#motion-toggle{display:grid;place-items:center;width:36px;min-height:36px;border:1px solid #1f4d5020;border-radius:50%;background:none}#motion-toggle:hover{background:var(--sage)}#motion-toggle:disabled{opacity:.4;cursor:default}#motion-toggle .play{display:none}#motion-toggle[aria-pressed=true] .pause{display:none}#motion-toggle[aria-pressed=true] .play{display:block}#motion-toggle:disabled .pause{display:block}#motion-toggle:disabled .play{display:none}.no-js #motion-toggle{display:none}
.hero{overflow:clip;padding:94px 25px 34px;text-align:center;--fan:1}.hero-logo{width:232px;height:auto;margin:0 auto 0}.nature-studies{height:312px;max-width:1080px;margin:0 auto 12px;position:relative}.nature-study{position:absolute;top:12px;left:50%;width:222px;height:272px;border-radius:11px;overflow:hidden;box-shadow:0 10px 30px #0932340c;will-change:transform}.nature-study img{width:100%;height:100%;object-fit:cover}.nature-one{z-index:1;transform:translateX(calc(-50% - 274px * var(--fan))) translateY(15px) rotate(-6deg)}.nature-one img{object-position:15% 50%;width:160%;max-width:none;transform:translateX(-6%)}.nature-two{z-index:2;width:228px;height:286px;top:0;transform:translateX(-50%)}.nature-two img{object-position:50% 56%}.nature-three{z-index:1;transform:translateX(calc(-50% + 274px * var(--fan))) translateY(15px) rotate(6deg)}.nature-three img{object-position:85% 50%;width:160%;max-width:none;transform:translateX(-34%)}.nature-caption{position:absolute;z-index:4;left:50%;bottom:5px;transform:translateX(-50%);padding:9px 16px;background:var(--paper);white-space:nowrap;font-family:Fragment,monospace;font-size:10px}.hero h1{font-size:clamp(48px,5.65vw,82px);margin:17px auto 0;max-width:1100px}.hero-line{font-size:24px;letter-spacing:-.025em;margin:23px 0 24px}.hero-line span{background:var(--sage);padding:0 5px;margin:0 5px}.button{display:inline-flex;align-items:center;justify-content:center;gap:38px;min-height:54px;border:1px solid var(--sea);border-radius:100px;background:var(--sea);color:var(--paper);font-size:19px;padding:12px 25px;line-height:1.25}.button>span{font-size:25px}.button:hover{background:#123e41}.scroll-cue{display:flex;align-items:center;justify-content:center;gap:17px;font-size:12px;min-height:44px;margin:23px auto 0;width:max-content}.scroll-cue>span{font-size:23px}
.story{position:relative;scroll-margin-top:0}.story-stage{position:relative}.story-fields{display:none}.scene{position:relative;min-height:700px;padding:90px 45px 100px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--paper);overflow:hidden}.scene h2{font-size:clamp(65px,7.9vw,115px)}.scene>.eyebrow{margin-bottom:30px}.scene-foot{font-size:21px;line-height:1.35;margin-top:32px}.scene-definition{background:var(--sage)}.scene-definition .line-mask{display:block;overflow:hidden;line-height:1.06;padding-bottom:3px}.scene-definition .line-mask>span{display:block}.scene-scripture blockquote>p{font-size:clamp(56px,6.6vw,95px);line-height:1.09;letter-spacing:-.04em}.scene-scripture cite{display:block;margin-top:25px;font-size:12px}.scene-word{background:var(--mist)}.word-main{width:720px;max-width:70%;margin-left:260px}.word-main>.eyebrow{margin-bottom:18px}.word-main h2{font-size:clamp(60px,6.7vw,96px)}.word-main blockquote{margin-top:30px}.word-main blockquote>p{font-size:clamp(30px,3.5vw,48px);letter-spacing:-.025em;line-height:1.2}.word-main cite,.scene-return cite{display:block;margin-top:17px}.original-source{position:absolute;left:7%;top:50%;width:250px;text-align:left;transform:translateY(-40%);padding-top:20px;border-top:1px solid #1f4d5050}.original-source>p{font-size:26px;line-height:1.25;letter-spacing:-.02em;margin:20px 0}.original-source .source{font-size:10px}.scene-word>.scene-foot{font-size:16px;margin-left:260px}.scene-voice{background:var(--sea);color:var(--paper);align-items:flex-start;text-align:left}.voice-image{position:absolute;inset:0}.voice-image img{width:100%;height:100%;object-fit:cover;object-position:70% 52%}.voice-shade{position:absolute;inset:0;background:linear-gradient(90deg,#092c30e8 0%,#092c30c0 31%,#092c3060 62%,#092c3015 100%)}.voice-copy{position:relative;padding-left:7%;max-width:750px;z-index:1}.voice-copy>.eyebrow{margin-bottom:22px}.voice-copy h2{font-size:clamp(68px,8.7vw,125px)}.voice-lede{font-size:25px;line-height:1.4;margin-top:24px}.voice-copy blockquote{margin-top:40px;padding-top:21px;border-top:1px solid #fffefc60}.voice-copy blockquote>p{font-size:30px;line-height:1.24;letter-spacing:-.02em}.voice-copy cite{display:block;font-size:10px;margin-top:17px;color:#fffefc}.return-bloom{width:65px;height:65px;margin-bottom:24px}.scene-return>.eyebrow{margin-bottom:24px}.scene-return blockquote{margin-top:27px}.scene-return blockquote>p{font-size:32px;line-height:1.22;letter-spacing:-.02em}.scene-return>.scene-foot{font-size:18px;margin-top:30px}.story-nav{display:none}.story-progress{display:none}
.js:not(.motion-off) .story{height:650svh;min-height:4200px}.js:not(.motion-off) .story-stage{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden}.js:not(.motion-off) .story-fields{display:block;position:absolute;inset:0;overflow:hidden}.field{position:absolute;left:50%;top:50%;width:250vmax;height:250vmax;border-radius:50%;transform:translate(-50%,-50%) scale(0);will-change:transform}.field-definition{background:var(--sage);border-radius:0;mask:url('assets/favicon.svg') center/contain no-repeat;-webkit-mask:url('assets/favicon.svg') center/contain no-repeat}.field-scripture{background:var(--paper);transform-origin:67% 50%}.field-word{background:var(--mist);transform-origin:30% 50%}.field-return{background:var(--paper)}.story-fields .voice-image{clip-path:circle(0% at 65% 50%);will-change:clip-path}.js:not(.motion-off) .scene{position:absolute;inset:0;min-height:0;background:none;padding:88px 40px 107px;z-index:2;opacity:0;visibility:hidden;will-change:opacity,transform}.js:not(.motion-off) .scene.is-current{visibility:visible}.js:not(.motion-off) .scene-voice>.voice-image{display:none}.js:not(.motion-off) .story-nav{position:absolute;display:flex;justify-content:center;gap:8px;bottom:30px;left:20px;right:20px;z-index:5;color:var(--sea)}.story-nav a{display:flex;align-items:center;justify-content:center;gap:10px;min-height:43px;padding:9px 16px;border:1px solid #1f4d5020;border-radius:100px;background:#fffefcc2;font-size:14px;backdrop-filter:blur(20px)}.story-nav a>span{font:9px Fragment,monospace}.story-nav a[aria-current]{background:var(--sea);color:var(--paper);border-color:var(--sea)}.story-nav a:hover{border-color:var(--sea)}.js:not(.motion-off) .story-progress{display:block;position:absolute;z-index:5;left:0;right:0;bottom:0;height:3px;background:#1f4d5010}.story-progress span{height:100%;width:100%;display:block;background:var(--sea);transform-origin:left;transform:scaleX(0)}
.closing{padding:95px 35px 80px;text-align:center;overflow:hidden}.closing-kicker{font-size:11px}.closing-mark{width:min(1150px,100%);margin:0 auto;clip-path:inset(0);will-change:clip-path,transform}.closing-mark img{width:100%;height:auto}.closing h2{font-size:clamp(32px,3.7vw,52px);margin:30px 0}.closing .button{margin-top:4px}footer{margin:0 40px;padding:28px 0;border-top:1px solid #1f4d5020;display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center;font-size:14px}footer>div{display:flex;gap:25px}footer button,footer a{background:none;border:0;padding:8px 0;font-size:13px;min-height:40px}footer button:hover,footer a:hover{text-decoration:underline;text-underline-offset:4px}footer small{font:10px Fragment,monospace;color:var(--muted)}dialog{width:min(550px,calc(100vw - 30px));border:0;border-radius:20px;background:var(--paper);color:var(--sea);padding:48px 38px;box-shadow:0 20px 100px #09323430}dialog::backdrop{background:#193e4166;backdrop-filter:blur(12px)}dialog .eyebrow{margin:22px 0 18px}dialog h2{font-size:41px;margin-bottom:24px}dialog>p:not(.eyebrow){font-size:18px;line-height:1.5;margin:16px 0;color:var(--muted)}dialog .button{margin-top:20px}.close{position:absolute;right:12px;top:12px;border:0;border-radius:50%;background:#e7efec;width:44px;height:44px;font:30px Anek}body:has(dialog[open]){overflow:hidden}.motion-off{scroll-behavior:auto}.motion-off .scene{opacity:1!important;visibility:visible!important;transform:none!important}.motion-off .line-mask>span{transform:none!important}.motion-off .closing-mark{clip-path:none!important;transform:none!important}.motion-off .nature-studies{--fan:1!important}
@media(max-width:1000px) and (min-width:761px){.word-main{margin-left:190px;max-width:63%}.word-main h2{font-size:75px}.original-source{left:5%;width:200px}.original-source>p{font-size:24px}.scene-word>.scene-foot{margin-left:190px;max-width:65%}.scene h2{font-size:85px}.scene-scripture blockquote>p{font-size:77px}.voice-copy{padding-left:3%;max-width:600px}.voice-copy h2{font-size:94px}.voice-shade{background:linear-gradient(90deg,#092c30ed,#092c30a0 55%,#092c3030)}}
@media(max-width:760px){
 .rail{top:10px;left:10px;right:10px;padding:4px 9px;gap:5px;min-height:46px}.rail>p{position:static;transform:none;font-size:10px;max-width:130px;white-space:normal;line-height:1.2;margin-right:auto}.home{width:24px;flex:none}.home img{width:19px;height:19px}.rail-actions{gap:5px}.rail-actions>a{font-size:11px;gap:5px}.rail-actions>a>span{font-size:18px}#motion-toggle{border:0;width:30px;min-height:36px}
 .hero{padding:86px 18px 35px}.hero-logo{width:180px;margin-bottom:12px}.nature-studies{height:264px;left:50%;transform:translateX(-50%);width:610px;max-width:none;margin:0 0 15px}.nature-study{width:158px;height:205px;top:14px;border-radius:8px}.nature-one{transform:translateX(calc(-50% - 189px * var(--fan))) translateY(12px) rotate(-5deg)}.nature-three{transform:translateX(calc(-50% + 189px * var(--fan))) translateY(12px) rotate(5deg)}.nature-two{width:178px;height:236px;top:0}.nature-caption{font-size:8px;bottom:2px;padding:8px 12px}.hero h1{font-size:clamp(39px,10.5vw,65px);line-height:1.04;letter-spacing:-.05em;margin-top:12px}.hero h1 br{display:none}.hero-line{font-size:20px;margin:23px 0 23px}.hero-line span{margin-inline:2px}.button{font-size:17px;min-height:52px;gap:28px;padding:12px 23px}.scroll-cue{font-size:11px;margin-top:26px}
 .js:not(.motion-off) .story{height:670svh;min-height:3800px}.js:not(.motion-off) .story-stage{height:100svh;min-height:600px}.js:not(.motion-off) .scene{padding:85px 25px 105px}.scene{min-height:680px;padding:70px 25px}.scene h2{font-size:clamp(42px,12.5vw,69px);line-height:1.05}.scene>.eyebrow{font-size:9px;margin-bottom:25px}.scene-foot{font-size:18px;margin-top:30px}.scene-scripture blockquote>p{font-size:clamp(40px,11.5vw,62px);line-height:1.14}.scene-scripture cite{font-size:10px;margin-top:24px}.scene-scripture>.scene-foot{font-size:17px;max-width:260px}.word-main{width:100%;max-width:100%;margin:0 0 0;position:relative}.word-main>.eyebrow{font-size:9px;margin-bottom:18px}.word-main h2{font-size:58px}.word-main blockquote{margin-top:22px}.word-main blockquote>p{font-size:29px;line-height:1.24}.word-main cite{font-size:9px;margin-top:13px}.original-source{position:relative;left:auto;top:auto;transform:none;width:100%;max-width:340px;text-align:left;padding-top:16px;margin-top:28px;display:grid;grid-template-columns:1fr auto;gap:6px 10px}.original-source>.eyebrow{font-size:8px;grid-column:1}.original-source>p{font-size:18px;line-height:1.24;letter-spacing:-.015em;margin:5px 0;grid-column:1/-1;grid-row:2}.original-source>.source{font-size:8px;grid-column:2;grid-row:1}.scene-word>.scene-foot{display:none}.voice-copy{padding:0;max-width:100%;align-self:stretch}.voice-copy>.eyebrow{font-size:9px}.voice-copy h2{font-size:clamp(60px,16vw,95px);line-height:1.02}.voice-lede{font-size:20px;line-height:1.35;margin-top:22px}.voice-copy blockquote{margin-top:32px;padding-top:20px}.voice-copy blockquote>p{font-size:25px;line-height:1.24}.voice-copy cite{font-size:9px;margin-top:14px}.voice-shade{background:linear-gradient(90deg,#092c30e0,#092c3080),linear-gradient(0deg,#092c30a0,transparent 80%)}.voice-image img{object-position:56% 50%}.return-bloom{width:45px;height:45px;margin-bottom:20px}.scene-return h2{font-size:60px}.scene-return>.eyebrow{font-size:9px;margin-bottom:20px}.scene-return blockquote{margin-top:23px}.scene-return blockquote>p{font-size:26px}.scene-return cite{font-size:9px;margin-top:15px}.scene-return>.scene-foot{font-size:16px;margin-top:28px}.js:not(.motion-off) .story-nav{left:12px;right:12px;bottom:24px;gap:5px}.story-nav a{flex:1;flex-direction:column;gap:4px;padding:8px 2px;min-height:48px;border-radius:12px;font-size:10px;line-height:1.1}.story-nav a>span{font-size:8px}.js:not(.motion-off) .story-progress{height:3px}
 .closing{padding:65px 16px 60px}.closing-kicker{font-size:9px}.closing-mark{width:100%;max-width:600px}.closing h2{font-size:32px;margin:27px 0}.closing .button{margin-top:0}footer{margin:0 22px;padding:25px 0;display:flex;flex-direction:column;align-items:flex-start;gap:16px}footer>p{font-size:14px}footer>div{gap:17px;flex-wrap:wrap}footer button,footer a{font-size:12px}footer small{font-size:9px}dialog{padding:45px 26px 32px}dialog h2{font-size:36px}dialog>p:not(.eyebrow){font-size:17px}
}
@media(max-width:359px){.rail>p{max-width:117px;font-size:9px}.rail-actions>a{font-size:10px}.hero h1{font-size:38px}.nature-studies{scale:.9;margin-bottom:0}.hero-line{font-size:18px}.scene h2{font-size:42px}.scene-scripture blockquote>p{font-size:40px}.word-main h2{font-size:49px}.word-main blockquote>p{font-size:26px}.original-source>p{font-size:17px}.voice-copy h2{font-size:55px}.voice-lede{font-size:18px}.voice-copy blockquote>p{font-size:22px}.scene-return h2{font-size:50px}.scene-return blockquote>p{font-size:24px}.story-nav a{font-size:9px}.js:not(.motion-off) .scene{padding-inline:21px}.closing h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.closing-mark{clip-path:none!important;transform:none!important}.nature-studies{--fan:1!important}}

.story-nav a{border:0;border-bottom:1px solid transparent;border-radius:0;background:none;backdrop-filter:none;opacity:.7}.story-nav a[aria-current]{background:none;color:inherit;border-color:currentColor;opacity:1}.story-stage[data-active="3"] .story-nav{color:var(--paper)}.story-stage[data-active="3"] .story-progress span{background:var(--paper)}

.field-scripture,.field-word,.field-return{inset:0;width:100%;height:100%;border-radius:0;transform:none;transform-origin:center;will-change:clip-path}

.transition-label{position:absolute;z-index:3;font-size:clamp(30px,4vw,60px);font-weight:500;letter-spacing:-.04em;line-height:1;white-space:nowrap;opacity:0;pointer-events:none}.transition-label[data-index="2"]{color:var(--paper)}.motion-off .transition-label{display:none}

/* Nature arrives already composed. No entrance spread, parallax, or photo zoom. */
.nature-study{width:232px;height:270px;top:14px;border-radius:12px;box-shadow:none;will-change:auto}.nature-study img{width:100%;height:100%;max-width:100%;object-fit:cover;transform:none}.nature-one{transform:translateX(calc(-50% - 270px)) rotate(-3deg)}.nature-one img{object-position:8% 50%}.nature-two{top:0;width:245px;height:290px;transform:translateX(-50%);border-radius:110px 110px 12px 12px}.nature-two img{object-position:27% 50%}.nature-three{transform:translateX(calc(-50% + 270px)) rotate(3deg)}.nature-three img{object-position:78% 65%}.nature-caption{bottom:0}
/* One centered closing container. The mark cannot exceed its padded parent. */
.closing{padding:115px 35px 85px}.closing-content{width:min(1150px,100%);margin-inline:auto;display:flex;flex-direction:column;align-items:center;text-align:center}.closing-kicker{margin-bottom:45px}.closing-mark{width:100%;max-width:100%;margin:0;transform:none;clip-path:none;will-change:auto}.closing h2{width:100%;max-width:760px;text-align:center;margin:35px auto 30px}.closing h2>span{display:block;text-align:center}.closing .button{align-self:center}.story-nav a{min-height:44px}.transition-label{transform:translate(-50%,-50%)}
@media(max-width:760px){.nature-studies{width:580px}.nature-study{width:150px;height:202px;top:16px;border-radius:9px}.nature-one{transform:translateX(calc(-50% - 176px)) rotate(-3deg)}.nature-three{transform:translateX(calc(-50% + 176px)) rotate(3deg)}.nature-two{width:180px;height:238px;top:0;transform:translateX(-50%);border-radius:85px 85px 9px 9px}.nature-caption{bottom:2px}.closing{padding:76px 22px 64px}.closing-kicker{margin-bottom:30px}.closing h2{font-size:clamp(26px,7.4vw,40px);line-height:1.12;margin:30px auto}.closing-mark{width:100%}.nature-one,.nature-three{opacity:.94}}

/* Full-viewport photographic arrival, beneath the voluntary drawing entrance. */
.hero.hero-immersive{position:relative;isolation:isolate;min-height:100svh;min-height:max(760px,100svh);padding:112px 40px 26px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:48px;color:var(--paper);background:var(--sea);overflow:hidden}
.hero-immersive .hero-landscape,.hero-immersive .hero-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none}
.hero-landscape img{width:100%;height:100%;object-fit:cover;object-position:50% 53%}
.hero-atmosphere{background:linear-gradient(180deg,rgba(5,30,31,.48) 0%,rgba(5,30,31,.12) 33%,rgba(5,30,31,.20) 48%,rgba(5,30,31,.67) 100%)}
.hero-immersive .hero-logo{width:270px;height:auto;margin:0;flex:none}
.hero-immersive .hero-copy{width:100%;max-width:1160px;margin-top:auto;text-align:center;position:relative}
.hero-immersive h1{font-size:clamp(52px,5.45vw,86px);line-height:1.04;letter-spacing:-.045em;font-weight:500;margin:0 auto;max-width:1160px;text-wrap:balance;text-shadow:0 2px 24px #082d3025}
.hero-immersive .hero-line{font-size:22px;line-height:1.35;margin:25px 0 27px;letter-spacing:-.015em}
.hero-immersive .button{background:var(--paper);border-color:var(--paper);color:var(--sea)}
.hero-immersive .button:hover{background:var(--sage);border-color:var(--sage)}
.hero-immersive .scroll-cue{margin:0;min-height:44px;font-size:11px;gap:15px}
.js body.on-hero .rail{background:#143c3d35;border-color:#fffefc2e;color:var(--paper);backdrop-filter:blur(14px)}
.js body.on-hero .home img{filter:brightness(0) invert(1)}
.js body.on-hero #motion-toggle{border-color:#fffefc40}
.js body.on-hero #motion-toggle:hover{background:#fffefc1c}
@media(max-width:760px){
 .hero.hero-immersive{min-height:max(720px,100svh);padding:110px 25px 23px;gap:42px}
 .hero-immersive .hero-landscape img{object-position:35% 50%}
 .hero-immersive .hero-atmosphere{background:linear-gradient(180deg,rgba(5,30,31,.48),rgba(5,30,31,.10) 30%,rgba(5,30,31,.26) 49%,rgba(5,30,31,.74))}
 .hero-immersive .hero-logo{width:226px;margin:0}
 .hero-immersive h1{font-size:clamp(38px,10.65vw,68px);line-height:1.07;margin:0;letter-spacing:-.043em}
 .hero-immersive h1 br{display:none}
 .hero-immersive .hero-line{font-size:19px;margin:23px 0 25px}
 .hero-immersive .scroll-cue{font-size:10px;margin:0}
}
@media(max-width:359px){.hero.hero-immersive{padding-inline:22px;gap:38px}.hero-immersive .hero-logo{width:200px}.hero-immersive h1{font-size:37px}.hero-immersive .hero-line{font-size:17px}}
@media(max-height:699px) and (min-width:761px){.hero.hero-immersive{min-height:700px;padding-top:100px;gap:28px}.hero-immersive .hero-logo{width:220px}.hero-immersive h1{font-size:clamp(46px,5.2vw,72px)}}

/* A voluntary, single drawing-to-photograph entrance. Both layers share a crop. */
.hero-brand{position:relative;width:270px;flex:none}.hero-brand .hero-logo{width:100%;height:auto;margin:0}.hero-brand .logo-drawing{position:absolute;inset:0;opacity:0}
.hero-drawing{display:none;position:absolute;inset:0;z-index:-1;background:var(--paper);pointer-events:none}.hero-drawing img{width:100%;height:100%;object-fit:cover;object-position:50% 53%}
.entry-invitation{display:none;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:max-content;max-width:calc(100% - 44px);text-align:center;color:var(--sea)}
.entry-invitation>p{font-size:18px;line-height:1.4;margin-bottom:25px}.entry-invitation .button{background:var(--sea);border-color:var(--sea);color:var(--paper)}.entry-invitation .button:hover{background:#123e41}
.hero-navigation{position:relative;display:grid;place-items:center;min-height:44px}.hero-navigation>*{grid-area:1/1}.entry-skip{display:none;align-items:center;gap:12px;border:0;border-radius:100px;padding:9px 15px;min-height:44px;background:#fffefcdb;color:var(--sea);font-size:11px}.entry-skip:hover{text-decoration:underline;text-underline-offset:4px}
.js .hero-immersive:not(.has-entered) .hero-drawing{display:block;opacity:var(--drawing-opacity,1)}
.js .hero-immersive:not(.has-entered) .logo-photo{opacity:var(--photo-logo-opacity,0)}
.js .hero-immersive:not(.has-entered) .logo-drawing{opacity:var(--drawing-logo-opacity,1)}
.js .hero-immersive:not(.has-entered) .hero-copy{opacity:var(--arrival-copy,0);visibility:hidden}
.js .hero-immersive.revealing-copy .hero-copy{visibility:visible}
.js .hero-immersive:not(.has-entered) .entry-invitation{display:block;opacity:var(--invitation-opacity,1)}
.js .hero-immersive.is-entering .entry-invitation{pointer-events:none}
.js .hero-immersive:not(.has-entered) .entry-skip{display:flex}
.js .hero-immersive:not(.has-entered) .hero-navigation .scroll-cue{visibility:hidden}
.js body.on-hero.entry-drawing .rail{background:#fffefcd9;border-color:#1f4d5018;color:var(--sea)}
.js body.on-hero.entry-drawing .home img{filter:none}
.js body.on-hero.entry-drawing #motion-toggle{border-color:#1f4d5020}
.js body.on-hero.entry-drawing #motion-toggle:hover{background:var(--sage)}
.motion-off .hero-drawing,.motion-off .entry-invitation,.motion-off .entry-skip{display:none!important}
.motion-off .hero-immersive .hero-copy,.motion-off .hero-immersive .logo-photo,.motion-off .hero-immersive .hero-navigation .scroll-cue{visibility:visible!important;opacity:1!important}
.motion-off .hero-brand .logo-drawing{opacity:0!important}
@media(max-width:760px){.hero-brand{width:226px}.hero-brand .hero-logo{width:100%}.hero-drawing img{object-position:35% 50%}.entry-invitation{top:38%}.entry-invitation>p{font-size:16px;max-width:240px;margin:0 auto 23px}.entry-skip{font-size:10px}}
@media(max-width:359px){.hero-brand{width:200px}}
@media(max-height:699px) and (min-width:761px){.hero-brand{width:220px}}
/* Quieter contour weight leaves the original mark and entrance readable. */
.hero-drawing img{opacity:.58}.logo-drawing{filter:drop-shadow(0 0 7px #fffefc)}.entry-invitation>p{display:inline-block;background:#fffefce8;padding:4px 9px;border-radius:3px}.entry-invitation .button{display:flex;margin-inline:auto}.photo-unavailable .hero-landscape{visibility:hidden}

/* Stay inside the drawing while the photograph fills its space. */
.entrance-track{position:relative;overflow-anchor:none}
.hero-photo-world{position:absolute;inset:0;z-index:-1;isolation:isolate;pointer-events:none}
.hero-photo-world .hero-landscape{z-index:0}
.hero-photo-world .hero-atmosphere{z-index:1}
.hero-immersive .hero-drawing{z-index:-2}
.js:not(.motion-off) .entrance-track:not(.is-complete){height:260svh}
.js:not(.motion-off) .entrance-track:not(.is-complete)>.hero{position:sticky;top:0;height:100svh;min-height:0}
.js:not(.motion-off) .hero.hero-immersive{height:100svh;min-height:700px}
.js .hero-immersive:not(.has-entered) .hero-drawing{opacity:1}
.js .hero-immersive:not(.has-entered) .hero-photo-world{
 -webkit-mask-image:radial-gradient(ellipse farthest-corner at 32% 82%,#000 var(--fill-inner,-20%),transparent var(--fill-outer,-4%));
 mask-image:radial-gradient(ellipse farthest-corner at 32% 82%,#000 var(--fill-inner,-20%),transparent var(--fill-outer,-4%));
}
.js .hero-immersive.invitation-hidden .entry-invitation{visibility:hidden;pointer-events:none}
.entry-guidance{display:none;position:absolute;bottom:86px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 48px);padding:5px 12px;background:#fffefce8;border-radius:3px;color:var(--sea);font-size:12px;text-align:center;pointer-events:none}
.js .hero-immersive.show-entry-guidance:not(.has-entered) .entry-guidance{display:block}
.motion-off .hero-photo-world{-webkit-mask-image:none!important;mask-image:none!important}
.motion-off .entry-guidance{display:none!important}
@media (min-height:700px) and (max-height:820px){
 .js:not(.motion-off) .hero.hero-immersive{padding-top:88px;padding-bottom:20px;gap:28px}
 .js:not(.motion-off) .hero-brand{width:220px}
 .js:not(.motion-off) .hero-immersive h1{font-size:clamp(38px,5.1vw,68px)}
 .js:not(.motion-off) .hero-immersive .hero-line{margin:20px 0 22px}
}
@media (max-width:760px) and (min-height:700px) and (max-height:820px){
 .js:not(.motion-off) .hero-immersive h1{font-size:clamp(37px,10.4vw,65px)}
}

.js .hero-immersive:not(.has-entered) .hero-copy{pointer-events:none}

/* A Mynd modal containing the existing beta interest form. */
.beta-nav{display:flex;align-items:center;gap:24px;min-height:36px;padding:0;border:0;background:none;color:inherit;font:inherit;white-space:nowrap}
.beta-nav>span{font-size:24px}
.beta-dialog{width:min(850px,calc(100vw - 40px));max-width:none;height:min(820px,calc(100svh - 44px));max-height:none;padding:0;border:1px solid #1f4d501f;border-radius:28px;background:var(--paper);color:var(--sea);overflow:hidden;overscroll-behavior:contain;box-shadow:0 24px 100px #092c3033}
.beta-dialog[open]{display:flex;flex-direction:column}
.beta-dialog::backdrop{background:#082a2dc9;backdrop-filter:blur(7px)}
.beta-dialog .close{position:absolute;top:19px;right:19px;width:44px;height:44px;padding:0;border:1px solid #1f4d5033;border-radius:50%;background:var(--paper);color:var(--sea);font-size:27px;line-height:1;z-index:2}
.beta-heading{padding:30px 44px 22px;border-bottom:1px solid #1f4d5019;flex:none}
.beta-dialog .beta-mark{width:110px;height:auto;margin:0 0 18px}
.beta-heading>.eyebrow{font-size:9px;line-height:1.6;margin:0 0 8px;color:var(--muted)}
.beta-dialog h2{font-size:42px;font-weight:500;letter-spacing:-.045em;line-height:1.07;margin:0 0 10px;outline:none}
.beta-heading>p#beta-description{font-size:17px;line-height:1.4;margin:0;max-width:600px}
.beta-form-shell{position:relative;flex:1;min-height:0;background:var(--paper)}
#beta-typeform{height:100%;width:100%}
#beta-typeform>div,#beta-typeform iframe{height:100%;width:100%;border:0}
.beta-loading{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:var(--muted);font-size:17px;padding:30px;pointer-events:none;background:var(--paper);z-index:1}
.beta-loading[hidden]{display:none}
.beta-dialog>.beta-direct{flex:none;border-top:1px solid #1f4d5019;font-size:13px;line-height:1.5;color:var(--muted);text-align:center;margin:0;padding:15px 22px}
.beta-direct>a{color:var(--sea);text-decoration:underline;text-underline-offset:3px;margin-left:5px}
@media(max-width:760px){.beta-nav{gap:10px;font-size:12px}.beta-nav>span{font-size:21px}}
@media(max-width:500px){
 .beta-dialog{width:calc(100vw - 20px);height:calc(100svh - 24px);border-radius:20px}
 .beta-dialog .close{top:13px;right:13px;width:40px;height:40px}
 .beta-heading{padding:24px 23px 18px}
 .beta-dialog .beta-mark{width:100px;margin-bottom:17px}
 .beta-heading>.eyebrow{font-size:8px}
 .beta-dialog h2{font-size:33px;margin-bottom:9px}
 .beta-heading>p#beta-description{font-size:15px;line-height:1.4}
 .beta-dialog>.beta-direct{font-size:12px;padding:13px 12px}
}
@media(max-height:650px){
 .beta-dialog{height:calc(100svh - 16px);border-radius:16px}
 .beta-heading{padding:18px 24px 12px}
 .beta-dialog .beta-mark,.beta-heading>.eyebrow{display:none}
 .beta-dialog h2{font-size:28px;margin-bottom:5px;padding-right:45px}
 .beta-heading>p#beta-description{font-size:14px}
 .beta-dialog>.beta-direct{padding-block:9px}
}

/* A direct signup action remains usable when a browser blocks third-party frames. */
.beta-external .beta-loading{pointer-events:auto;padding:24px 44px 35px}
.beta-external-fallback{width:100%;align-self:center}
.beta-external-fallback[hidden]{display:none}
.beta-external-fallback>img{width:100%;height:195px;object-fit:cover;object-position:50% 62%;border-radius:15px;margin-bottom:24px}
.beta-external-fallback>p{font-size:18px;line-height:1.4;margin:0 0 20px;color:var(--sea)}
.beta-external-fallback>.button{margin:0 auto;background:var(--sea);color:var(--paper);font-size:18px}
.beta-dialog.beta-external{height:min(700px,calc(100svh - 24px))}
.beta-external .beta-direct{display:none}
@media(max-width:500px){.beta-external .beta-loading{padding:20px 23px 27px}.beta-external-fallback>img{height:160px;margin-bottom:20px}.beta-external-fallback>p{font-size:17px}.beta-external-fallback>.button{width:100%;justify-content:space-between;font-size:17px}}
@media(max-height:650px){.beta-dialog.beta-external{height:calc(100svh - 16px)}.beta-external .beta-loading{padding:16px 24px}.beta-external-fallback>img{display:none}.beta-external-fallback>p{font-size:16px;margin-bottom:15px}}

/* The beta is the primary action; the practice remains a quiet next step. */
.hero-practice-link{display:flex;align-items:center;justify-content:center;gap:10px;width:fit-content;min-height:44px;margin:9px auto 0;padding:6px 12px;color:var(--paper);font-size:15px;line-height:1.3;text-decoration:underline;text-decoration-color:#fffefc66;text-underline-offset:4px}
.hero-practice-link:hover{text-decoration-color:currentColor}
@media(max-width:760px){.hero-practice-link{font-size:14px;margin-top:6px}}

.closing-invite{width:min(710px,100%);margin:0 auto 30px;font-size:clamp(19px,2vw,25px);line-height:1.4;text-wrap:balance}
@media(max-width:760px){.closing-invite{font-size:18px;line-height:1.38;margin-bottom:25px}}

/* The practice and the supplied films are one continuous site. */
.hero.hero-immersive.has-entered{height:100svh;min-height:700px;padding:88px 40px 54px;justify-content:space-between;gap:20px}
.hero-immersive .hero-landscape video,.voice-image video{display:block;width:100%;height:100%;object-fit:cover}
.hero-immersive .hero-landscape video{object-position:50% 69%}
.hero-immersive .hero-atmosphere{background:linear-gradient(180deg,#092c3080 0%,#092c3030 31%,#092c3078 68%,#092c30b8 100%)}
.hero-immersive.has-entered .hero-copy{margin:auto 0 0;max-width:1050px}
.hero-immersive.has-entered h1{font-size:clamp(52px,5.6vw,88px)}
.hero-immersive.has-entered .hero-line{max-width:730px;font-size:clamp(19px,1.9vw,26px);line-height:1.3;margin:21px auto 16px}
.hero-immersive.has-entered .hero-practice-link{display:flex;align-items:center;justify-content:center;min-height:44px;width:max-content;margin:5px auto 0;border-bottom:1px solid #fffefca8;font-size:16px}
.rail-actions>a{gap:0}
.petal-cta{position:relative;isolation:isolate;display:inline-grid;place-items:center;width:150px;height:150px;color:var(--sea);text-align:center;vertical-align:middle;border:0;line-height:1.12;font-size:19px;font-weight:600}
.petal-cta::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--paper);-webkit-mask:url('assets/favicon.svg') center/contain no-repeat;mask:url('assets/favicon.svg') center/contain no-repeat}
.petal-cta>span{display:block;max-width:84px}
.petal-cta:hover::before{background:var(--sage)}
.closing .petal-cta{color:var(--paper)}
.closing .petal-cta::before{background:var(--sea)}
.closing .petal-cta:hover::before{background:#123e41}
.voice-image video{object-position:50% 61%}
.story-fields .voice-image video{object-position:50% 61%}
@media(max-width:760px){
  .hero.hero-immersive.has-entered{min-height:max(700px,100svh);padding:84px 22px 35px;gap:20px}
  .hero-immersive .hero-landscape video{object-position:50% 65%}
  .hero-immersive.has-entered h1{font-size:clamp(39px,10.6vw,64px)}
  .hero-immersive.has-entered .hero-line{max-width:350px;font-size:18px;line-height:1.32;margin:18px auto 12px}
  .petal-cta{width:130px;height:130px;font-size:17px}
  .hero-immersive.has-entered .hero-practice-link{font-size:14px}
  .voice-image video,.story-fields .voice-image video{object-position:50% 58%}
}

/* One left edge for the arrival; a clear, quiet explanation in each scene. */
.hero.hero-immersive.has-entered{align-items:flex-start;padding-inline:7%}
.hero-immersive.has-entered .hero-brand{align-self:flex-start}
.hero-immersive.has-entered .hero-copy{text-align:left;max-width:100%;width:100%}
.hero-immersive.has-entered .hero-status{color:var(--paper);margin-bottom:15px;font-size:11px;letter-spacing:.11em}
.hero-immersive.has-entered h1{margin-inline:0;max-width:1000px;text-wrap:balance}
.hero-immersive.has-entered .hero-line{margin:21px 0 15px;max-width:850px}
.hero-actions{display:flex;align-items:center;gap:28px}
.hero-immersive.has-entered .hero-practice-link{margin:0}
.scene-word{align-items:flex-start;text-align:left}
.scene-word .word-main{width:58%;max-width:820px;margin-left:calc(7vw - 40px)}
.scene-word .word-main h2{font-size:clamp(82px,7.3vw,140px);line-height:1}
.word-lede{max-width:600px;margin-top:28px;font-size:clamp(22px,2.2vw,30px);line-height:1.32;letter-spacing:-.015em}
.scene-word .original-source{left:calc(7vw + min(820px, 58vw) + clamp(50px,4vw,100px));right:auto;top:50%;width:26%;max-width:440px;transform:translateY(-50%);padding-top:30px}
.scene-word .original-source>p{font-size:clamp(25px,2.7vw,38px);line-height:1.2}
.scene-voice .voice-copy{padding-left:calc(7vw - 40px)}
.scene-return .return-lede{max-width:650px;margin-top:30px;font-size:clamp(21px,2.2vw,30px);line-height:1.35;text-wrap:balance}
@media(max-width:1000px) and (min-width:761px){
  .scene-word .word-main{width:58%;margin-left:calc(7vw - 40px)}
  .scene-word .original-source{left:calc(7vw + 58vw + 50px);width:26%}
  .scene-voice .voice-copy{padding-left:calc(7vw - 40px)}
}
@media(max-width:760px){
  .hero.hero-immersive.has-entered{padding-inline:22px}
  .hero-immersive.has-entered .hero-copy{text-align:left}
  .hero-immersive.has-entered .hero-status{font-size:9px;margin-bottom:11px}
  .hero-immersive.has-entered .hero-line{max-width:360px;margin:18px 0 12px}
  .hero-actions{gap:18px}
  .scene-word{text-align:left;align-items:flex-start}
  .scene-word .word-main{width:100%;max-width:100%;margin-left:0}
  .scene-word .word-main h2{font-size:58px;line-height:1.05}
  .word-lede{font-size:20px;line-height:1.35;margin-top:20px}
  .scene-word .original-source{position:relative;left:auto;right:auto;top:auto;width:100%;max-width:340px;transform:none;margin-top:26px}
  .scene-word .original-source>p{font-size:18px;line-height:1.24}
  .scene-voice .voice-copy{padding-left:0}
  .scene-return .return-lede{font-size:20px;line-height:1.32;margin-top:22px}
}

/* The secondary hero link has one clear underline. The verse attribution stands without a rule. */
.hero-practice-link,.hero-immersive.has-entered .hero-practice-link{border-bottom:0;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;padding-inline:0}
.original-source,.scene-word .original-source{border-top:0;padding-top:0}

/* Terra is the Dusk Swim accent; the founding invitation has its own visual field. */
:root{--terra:#c04d3a}
.closing{background:var(--terra);color:var(--paper)}
.closing-mark{max-width:600px}
.closing .petal-cta{color:var(--sea)}
.closing .petal-cta::before{background:var(--paper)}
.closing .petal-cta:hover::before{background:var(--sage)}
@media(max-width:760px){.closing-mark{max-width:420px}}

/* One invitation and a quiet, legible footer. The brand line can be written later. */
.rail>p:empty,.voice-lede:empty{display:none}
.closing{padding:90px 35px 95px}
.closing-content{max-width:760px}
.closing-kicker{margin-bottom:30px}
.closing h2{max-width:760px;font-size:clamp(44px,5vw,68px);line-height:1.08;margin:0 auto 25px}
.closing-invite{max-width:620px;margin-bottom:25px}
.site-footer{margin:0;padding:22px 7%;border:0;display:flex;align-items:center;gap:26px;min-height:84px}
.site-footer .footer-home{display:grid;place-items:center;width:44px;min-height:44px;margin-right:auto}
.site-footer .footer-home img{width:24px;height:24px}
.site-footer button{font-size:14px;min-height:44px}
.site-footer small{font-size:11px;white-space:nowrap}
@media(max-width:760px){.closing{padding:65px 22px 70px}.closing-kicker{margin-bottom:22px}.closing h2{font-size:clamp(32px,7.4vw,46px);margin-bottom:22px}.closing-invite{margin-bottom:24px}.site-footer{padding:15px 22px;gap:18px;min-height:76px}.site-footer button{font-size:13px}.site-footer small{font-size:10px}}