@charset "UTF-8";
:root{--ink:#242728;--paper:#f6f5f1;--sans:Arial,Helvetica,sans-serif;--serif:Georgia,'Times New Roman',serif;--gutter:clamp(24px,6.5vw,112px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:#101214;color:var(--ink);font-family:var(--serif);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid #a67b46;outline-offset:7px}button{border:0}img{max-width:100%;display:block}button[hidden]{display:none!important}.skip-link{position:fixed;top:-80px;left:20px;z-index:100;background:var(--paper);padding:14px}.skip-link:focus{top:12px}.site-header{position:fixed;top:0;left:0;width:100%;padding:28px var(--gutter);display:flex;align-items:center;justify-content:space-between;color:#eeeee9;mix-blend-mode:difference;z-index:30;pointer-events:none}.site-header>*{pointer-events:auto}.wordmark{font-size:24px;letter-spacing:-1px;text-decoration:none}.wordmark-dot{font-style:italic}.quiet-button{padding:10px 0;background:none;color:inherit;font-family:var(--sans);font-size:13px;letter-spacing:.02em}.quick-listen span{margin-left:14px}.chapter-nav{position:fixed;right:24px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:3px;z-index:25;mix-blend-mode:difference;color:white}.chapter-nav a{width:26px;height:28px;display:flex;align-items:center;justify-content:center;position:relative}.chapter-nav a:after{content:'';width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.3;transition:transform .3s,opacity .3s}.chapter-nav a.is-active:after{opacity:1;transform:scale(1.7)}.chapter-nav span{position:absolute;right:30px;width:max-content;font:12px var(--sans);opacity:0;transition:opacity .2s}.chapter-nav a:hover span,.chapter-nav a:focus-visible span{opacity:1}.scene{position:relative}.stage{height:100svh;min-height:600px;position:relative;overflow:hidden;isolation:isolate}.hero{color:#eeeee8}.hero-image,.hero-video{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:63% center}.hero-video{opacity:0}.hero-video.is-playing{opacity:1}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,8,10,.62),rgba(5,8,10,.08) 70%),linear-gradient(0deg,rgba(5,8,10,.45),transparent 35%)}.scene-copy{position:absolute;left:var(--gutter);top:30%;z-index:5;max-width:620px}.eyebrow{font:11px/1.6 var(--sans);letter-spacing:.19em;text-transform:uppercase;margin:0 0 25px;opacity:.65}h1,h2,p{margin-top:0}h1,h2{font-weight:400;line-height:1.08;letter-spacing:-.045em;font-size:clamp(48px,5.2vw,88px);margin-bottom:28px}h2 em{font-weight:400}.hero-note{font-size:19px;line-height:1.5;opacity:.65}.scroll-cue{position:absolute;bottom:40px;left:var(--gutter);z-index:6;text-decoration:none;display:flex;align-items:center;gap:18px;font:11px var(--sans);letter-spacing:.09em}.scroll-stroke{display:block;height:42px;width:1px;background:linear-gradient(transparent,currentColor);transform-origin:top;animation:breathe 3s ease-in-out infinite}.scene-mark{position:absolute;bottom:39px;right:var(--gutter);z-index:6;font:10px var(--sans);letter-spacing:.15em;opacity:.55}.scene-mark span{margin-right:20px}.transition-veil{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 80%,#b9babc 10%,#9fa2a4 60%,#bcbdbb);z-index:8;pointer-events:none;opacity:0}.wall{background:#282b2c;color:#f1f0e9}.mural{height:100%;width:auto;max-width:none;position:absolute;left:0;top:0;will-change:transform}.wall-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,12,14,.8),rgba(9,12,14,.1) 45%,rgba(9,12,14,.7));z-index:1}.wall-heading{top:15%}.wall-heading h2{font-size:clamp(44px,4.8vw,76px)}.wall-captions{position:absolute;bottom:13%;left:var(--gutter);right:var(--gutter);z-index:5;min-height:50px}.wall-caption{position:absolute;inset:0;font-size:clamp(21px,2.1vw,32px);opacity:0;transition:opacity .2s}.wall-caption.is-current{opacity:1}.wall-progress{position:absolute;bottom:45px;left:var(--gutter);width:140px;height:1px;background:#ffffff30;z-index:5}.wall-progress i{display:block;background:#eee;width:100%;height:1px;transform:scaleX(0);transform-origin:left}.light-scene{background:var(--paper)}.meeting{background:#bfc3c3}.trust{background:#e4e4df}.speech{background:var(--paper)}.landscape{position:absolute;inset:0;background-image:url('assets/landscape.webp');background-size:cover;background-position:center bottom;opacity:.45;mix-blend-mode:multiply}.landscape-meeting{opacity:.6}.landscape-trust{opacity:.28}.landscape-speech{opacity:.13}.light-scene .scene-copy{top:22%;max-width:48%}.light-scene h2{font-size:clamp(44px,4.8vw,80px)}.character{position:absolute;object-fit:contain;object-position:center bottom;max-width:none;width:77%;height:80%;bottom:1%;right:-1%;z-index:3;transform-origin:50% 90%}.meeting-character{width:90%;height:90%;right:-7%}.trust-character{width:80%;right:-3%}.speech-character{width:72%;right:0}.mist{position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(0deg,#d6d8d4c0,transparent 28%),radial-gradient(ellipse at 5% 65%,#ced2d0aa,transparent 55%);opacity:.45}.supporting-copy{font-size:19px;line-height:1.65;color:#686c6a}.choice{min-height:110svh;position:relative;background:var(--paper);padding:140px var(--gutter) 80px;text-align:center;overflow:hidden}.choice-content{position:relative;z-index:2;margin:auto;max-width:760px}.choice h2{font-size:clamp(58px,6.5vw,108px);margin-bottom:28px}.choice-intro{font-size:20px;line-height:1.7;color:#737571;margin-bottom:33px}.primary-button{display:inline-flex;justify-content:center;align-items:center;min-height:58px;padding:17px 36px;background:var(--ink);color:var(--paper);border-radius:3px;font:15px var(--sans);transition:background .2s,transform .2s}.primary-button:hover{background:#424746;transform:translateY(-2px)}.specialist-option{margin-top:34px;font-size:17px;line-height:1.5;color:#727571}.specialist-option p{margin-bottom:10px}.text-button{background:none;border-bottom:1px solid #9e9f99;padding:2px 0 5px;color:#434845;font-size:16px}.specialist-note{font:12px/1.8 var(--sans);color:#858880;margin:32px auto 0;max-width:540px}.mobile-break{display:none}.choice-illustration{width:350px;max-width:65%;margin:26px auto 0;opacity:.68}.choice footer{position:relative;z-index:2;display:flex;justify-content:space-between;gap:24px;border-top:1px solid #d9dad3;padding-top:25px;font:11px/1.5 var(--sans);color:#81857c;margin-top:30px}.choice footer a{text-decoration:none}.listener-inner{position:relative;width:100%;height:100%;overflow:hidden;background:var(--paper)}dialog{border:0;padding:0;color:var(--ink)}dialog::backdrop{background:#111d;backdrop-filter:blur(5px)}#listener{max-width:none;max-height:none;width:100%;height:100dvh;margin:0;background:var(--paper);position:fixed;inset:0}.close-button{position:absolute;right:28px;top:22px;width:48px;height:48px;background:none;font:36px/1 var(--sans);font-weight:200;color:var(--ink);z-index:20}.listener-copy{position:absolute;z-index:5;left:53%;right:6%;top:30%;pointer-events:none}.listener-copy h2{font-size:clamp(40px,4.5vw,76px)}.listener-copy>p:last-child{font-size:17px;color:#797b75;line-height:1.6}.dog-screen{position:absolute;left:7%;bottom:8%;width:42%;height:83%;isolation:isolate}.dog-screen img,.dog-screen video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.dog-video{opacity:0}.dog-video.is-active{opacity:1}.listener-privacy{position:absolute;bottom:28px;right:6%;font:12px/1.8 var(--sans);color:#81857c;margin:0}.pause-dog{position:absolute;bottom:28px;left:6%;z-index:15;color:#6b7069}.modal-open{overflow:hidden}#specialist-dialog{max-width:min(540px,calc(100% - 32px));padding:65px 42px 45px;background:var(--paper);border-radius:4px}#specialist-dialog h2{font-size:48px}#specialist-dialog>p:not(.eyebrow){font-size:18px;line-height:1.7;color:#6d726a;margin-bottom:30px}.noscript-note{background:var(--paper);padding:25px}.js-motion .scene:not(.hero){scroll-margin:0}@keyframes breathe{0%,100%{transform:scaleY(.7);opacity:.5}50%{transform:scaleY(1);opacity:1}}
@media(min-width:1600px){.character{height:88%;width:73%}.meeting-character{width:85%}.scene-copy{top:34%}}
@media(max-width:760px){:root{--gutter:25px}.site-header{padding-top:19px}.wordmark{font-size:22px}.quiet-button{font-size:11px}.quick-listen span{display:none}.chapter-nav{display:none}.stage{min-height:620px;height:100svh}.hero-image,.hero-video{object-position:73% center}.hero-shade{background:linear-gradient(180deg,rgba(8,12,14,.55),transparent 62%),linear-gradient(90deg,#05080a22,transparent)}.hero-copy{top:18%;max-width:95%}.eyebrow{font-size:10px;margin-bottom:20px;letter-spacing:.15em}h1,h2{font-size:48px;line-height:1.1;letter-spacing:-.04em}.hero-note{font-size:16px;max-width:190px}.scroll-cue{bottom:32px;font-size:10px}.scene-mark{bottom:33px;font-size:9px}.scene-mark span{margin-right:8px}.wall-heading{top:16%}.wall-heading h2{font-size:43px}.wall-captions{bottom:16%;min-height:65px}.wall-caption{font-size:24px;line-height:1.4}.wall-progress{bottom:35px;width:90px}.light-scene .scene-copy{top:15%;max-width:100%;right:25px}.light-scene h2{font-size:46px}.character,.meeting-character,.trust-character,.speech-character{width:112%;height:65%;right:-6%;bottom:4%;object-position:center bottom}.meeting-character{width:125%;right:-12.5%;height:67%}.speech-character{height:58%;width:112%;bottom:4%}.supporting-copy{font-size:16px;line-height:1.5}.choice{padding-top:110px;min-height:100svh}.choice h2{font-size:54px}.choice-intro{font-size:17px}.primary-button{min-height:56px;padding:18px 28px}.specialist-option{font-size:15px}.specialist-note{font-size:12px;line-height:1.7}.specialist-note br{display:none}.mobile-break{display:block}.choice-illustration{max-width:95%;width:300px}.choice footer{font-size:10px;flex-direction:column;gap:12px;margin-top:12px}.listener-copy{top:11%;left:20px;right:20px;text-align:center}.listener-copy .eyebrow{font-size:9px;margin-bottom:14px}.listener-copy h2{font-size:40px;margin-bottom:14px}.listener-copy>p:last-child{font-size:14px;max-width:240px;margin:auto}.dog-screen{width:92%;left:4%;height:55%;bottom:10%}.close-button{top:10px;right:10px}.listener-privacy{bottom:20px;right:15px;left:15px;text-align:center;font-size:11px}.pause-dog{bottom:8px;left:12px;font-size:10px}.listener-inner:has(.pause-dog:not([hidden])) .listener-privacy{bottom:42px}.listener-inner:has(.pause-dog:not([hidden])) .dog-screen{bottom:14%;height:50%}#specialist-dialog{padding:65px 25px 35px}#specialist-dialog h2{font-size:40px}}
@media(max-height:600px) and (min-width:761px){.stage{height:100svh;min-height:470px}.scene-copy{top:23%}h1,h2,.light-scene h2{font-size:48px}.listener-copy{top:24%}.listener-copy h2{font-size:42px}.dog-screen{height:85%;bottom:6%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.mural{width:100%;height:100%;object-fit:cover;object-position:left}.wall-captions{position:absolute}.hero-video{display:none}.scroll-stroke{opacity:.6}.character{transform:none!important}}
/* Keep the mural's later friendship illustration outside this earlier chapter. */
.mural{clip-path:inset(0 17% 0 0);min-width:125vw}
.hero .transition-veil{background:#292c2e}
.wall .transition-veil{background:radial-gradient(ellipse at center,#c6c8c6,#bfc3c3)}
.character{filter:grayscale(1);opacity:.9}
@media(min-width:761px){.meeting-character{width:68%;right:0;height:79%}.trust-character{width:67%;right:0;height:76%}.speech-character{width:66%;right:0;height:76%}.light-scene .scene-copy{max-width:42%;top:23%}.light-scene h2{font-size:clamp(44px,4.5vw,76px)}}
@media(prefers-reduced-motion:reduce){.wall .stage{min-height:720px}.mural{clip-path:none;min-width:0;width:100%;height:auto;top:36%;object-fit:contain}.wall-heading{top:13%}.wall-captions{bottom:11%;position:absolute;min-height:90px;display:grid;gap:8px}.wall-caption{position:static;opacity:1;font-size:16px;margin:0}.wall-progress{display:none}}
@media(max-width:760px){.hero-image,.hero-video{object-position:85% center}}
/* Shared full-screen opening: the next scene dissolves in place, never enters from below. */
.wordmark{font-size:clamp(19px,2vw,27px);letter-spacing:-.035em;line-height:1.2}
.transition-smoke{display:none;pointer-events:none}
.js-motion .opening-stage{position:relative;isolation:isolate;height:100svh;overflow:hidden;background:#101214}
.js-motion .opening-stage>.scene{position:absolute;inset:0;width:100%;height:100%}
.js-motion .opening-stage>.scene>.stage{height:100%;min-height:0}
.js-motion #home{z-index:1}.js-motion #wall{z-index:2}.js-motion #meeting{z-index:3}
.js-motion .transition-smoke{display:block;position:absolute;inset:-10%;width:120%;height:120%;max-width:none;object-fit:cover;z-index:10;transform-origin:center;will-change:transform,opacity}
.wall-caption{font-size:clamp(31.5px,3.15vw,48px);line-height:1.35;max-width:1000px}
.wall-captions{min-height:100px}
.choice{min-height:100svh;display:flex;flex-direction:column}
.choice footer{margin-top:75px}
@media(max-width:760px){.wordmark{font-size:21px}.wall-caption{font-size:36px;line-height:1.25}.wall-captions{bottom:12%;min-height:150px}.choice footer{margin-top:60px}}
@media(prefers-reduced-motion:reduce){.wall-caption{font-size:24px}.wall-captions{bottom:6%;min-height:175px;gap:10px}}
/* All chapters dissolve in one native sticky viewport; browser chrome never repins it. */
html,body,#story-scenes{overflow-anchor:none}
.js-motion .story-stage{position:sticky;top:0;height:var(--scene-height,100svh);isolation:isolate;overflow:hidden;background:#101214}
.js-motion .story-stage>.scene{position:absolute;inset:0;width:100%;height:100%;min-height:0}
.js-motion .story-stage>.scene>.stage{height:100%;min-height:0}
.js-motion #trust{z-index:4}.js-motion #speech{z-index:5}.js-motion #choice{z-index:6}
.js-motion .choice{padding:clamp(75px,12svh,140px) var(--gutter) 24px;justify-content:center}
.js-motion .choice h2{font-size:clamp(42px,7svh,86px);margin-bottom:18px}
.js-motion .choice .eyebrow{margin-bottom:16px}
.js-motion .choice-intro{margin-bottom:24px}
.js-motion .choice .specialist-option{margin-top:22px}
.js-motion .choice .specialist-note{margin-top:20px;margin-bottom:0}
.js-motion .choice footer{margin-top:30px}
body.modal-open{position:fixed;left:0;right:0;width:100%;overflow:hidden}
@media(max-width:760px){.js-motion .choice{padding-top:70px;padding-bottom:18px}.js-motion .choice h2{font-size:clamp(36px,6.6svh,54px)}.js-motion .choice-intro{margin-bottom:18px}.js-motion .choice footer{margin-top:22px}.listener-inner:has(.pause-dog:not([hidden])) .dog-screen{bottom:5%;height:65%}}
@media(max-height:620px){.js-motion .choice{padding-top:58px;padding-bottom:12px}.js-motion .choice h2{font-size:34px;margin-bottom:10px}.js-motion .choice .eyebrow{margin-bottom:10px}.js-motion .choice-intro{font-size:15px;margin-bottom:12px}.js-motion .choice .specialist-option{margin-top:12px;font-size:13px}.js-motion .choice .specialist-note{margin-top:12px;font-size:11px}.js-motion .choice footer{margin-top:14px}.js-motion .choice .primary-button{padding:12px 24px;min-height:44px}}