@charset "UTF-8";
:root{--paper:#eeeae2;--ink:#14171a;--blue:#2155ff;--muted:#79796f;--line:rgba(20,23,26,.2);--sans:'Plus Jakarta Sans',sans-serif;--mono:'Space Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}img{display:block;width:100%;height:100%;object-fit:cover}figure{margin:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #f9b843;outline-offset:6px}::selection{background:var(--blue);color:white}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600;letter-spacing:-.065em;line-height:1.02}h2{font-size:clamp(46px,6.1vw,100px)}h3{font-size:clamp(35px,4.2vw,66px)}em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em}p{font-size:16px;line-height:1.8}p+p{margin-top:18px}.eyebrow,.tiny-label,figcaption,.small-note,.text-link,.opening-bottom,.chapter-status,.story-header,.begin,.stage-label,.medium-caption,.spatial-overlay,.ending-links,footer,.metrics-note{font-family:var(--mono);font-size:14px;line-height:1.6;letter-spacing:.06em}.eyebrow{letter-spacing:.12em;margin-bottom:30px}.text-link{display:inline-block;margin-top:26px;border-bottom:1px solid;padding-bottom:7px;font-size:14px}.text-link:hover{color:var(--blue)}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:white;padding:15px}.skip:focus{top:70px}
.story-header{position:fixed;inset:0 0 auto;height:72px;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:rgba(238,234,226,.94);backdrop-filter:blur(14px);color:var(--ink);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:17px;font:28px 'Permanent Marker',cursive;letter-spacing:-.1em}.header-controls{display:flex;align-items:center;gap:25px}.header-controls button{background:none;border:0;padding:10px 0;font-size:14px}.exit{border:1px solid var(--ink);padding:9px 13px}.reading-track{position:absolute;bottom:-1px;left:0;right:0;height:2px}.reading-track span{display:block;height:100%;width:100%;background:var(--blue);transform:scaleX(0);transform-origin:left}.chapter-status{position:fixed;left:22px;top:50%;z-index:20;display:flex;align-items:center;gap:12px;writing-mode:vertical-rl;color:#888;mix-blend-mode:difference}.chapter-status>span:first-child{font-size:14px}.status-line{width:1px;height:45px;background:currentColor}.chapter-status>span:last-child{font-size:14px}.chapter{position:relative;overflow:clip;scroll-margin-top:0}.paper{background:var(--paper)}.ink{background:#12191b;color:var(--paper)}.blue{background:var(--blue);color:var(--paper)}
.opening{height:max(800px,100svh);min-height:740px;padding:160px 7vw 90px;isolation:isolate;overflow:hidden}.opening-grid{position:absolute;inset:0;background-image:linear-gradient(#14171a06 1px,transparent 1px),linear-gradient(90deg,#14171a06 1px,transparent 1px);background-size:72px 72px;z-index:-2;mask-image:linear-gradient(90deg,transparent,#000)}#thread-world{position:absolute;inset:0;z-index:-1;pointer-events:none}canvas{display:block}.opening-copy{position:relative;z-index:3;max-width:650px;pointer-events:none}.opening-copy a{pointer-events:auto}.opening h1{font-size:clamp(70px,8.7vw,148px);letter-spacing:-.08em;line-height:.97}.opening h1 em{color:var(--blue)}.opening-intro{margin-top:32px;font-size:17px;line-height:1.65}.begin{display:inline-flex;gap:32px;align-items:center;margin-top:34px;border-bottom:1px solid;padding-bottom:10px}.begin span{font-size:24px}.opening-orbit{position:absolute;inset:100px 3vw 85px 48%;pointer-events:none;perspective:1200px}.orbit-photo{position:absolute;width:clamp(110px,12vw,200px);height:clamp(145px,15vw,260px);border:8px solid #f8f7f1;border-bottom-width:24px;box-shadow:10px 20px 35px #14171a25}.orbit-photo--a{top:3%;left:28%;transform:rotate(-13deg)}.orbit-photo--b{top:32%;right:0;transform:rotate(9deg);width:clamp(150px,16vw,255px);height:clamp(175px,18vw,280px)}.orbit-photo--c{bottom:0;left:10%;transform:rotate(-7deg);width:145px;height:165px}.orbit-note{position:absolute;bottom:10%;right:10%;font:28px/1.1 'Permanent Marker',cursive;color:var(--blue);transform:rotate(-9deg)}.opening-bottom{position:absolute;bottom:28px;left:7vw;right:4vw;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;font-size:14px}.opening-bottom b{margin-left:25px;font-size:20px}
.origin{padding:140px 9vw 110px;display:grid;grid-template-columns:1fr 1fr;gap:50px 8vw}.section-intro>p:last-child{max-width:415px;margin-top:30px}.origin-evidence{position:relative;height:650px}.artifact{position:absolute;background:#faf8f0;padding:10px 10px 32px;box-shadow:0 14px 35px #0002}.artifact img{height:calc(100% - 20px)}.artifact figcaption{font-size:14px;padding-top:14px}.underwater{width:62%;height:400px;left:0;top:0;transform:rotate(-6deg)}.dispenser{width:48%;height:310px;right:-2%;bottom:10%;transform:rotate(8deg)}.artifact-note{position:absolute;left:0;bottom:5%;font:25px/1.25 'Permanent Marker',cursive;color:var(--blue);transform:rotate(-4deg)}.origin-turn{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.5fr;gap:24px 8vw;padding-top:75px;border-top:1px solid var(--line)}.origin-turn>.eyebrow{grid-column:1/-1;margin:0}.origin-turn p{max-width:450px}.origin-turn h3{font-size:clamp(35px,4.5vw,70px)}.origin-turn h3 span{color:var(--blue)}
.people{min-height:950px;padding:130px 9vw;display:grid;grid-template-columns:1.1fr 1fr;gap:10vw;align-items:center;isolation:isolate}.oversized-index{position:absolute;right:0;top:-140px;font:1100px/.8 Georgia,serif;opacity:.055;z-index:-1}.people-copy>p:not(.eyebrow){max-width:460px;margin-top:24px}.design-photo{transform:rotate(4deg)}.design-photo img{height:470px;filter:grayscale(.35)}.design-photo figcaption{padding:20px 0;border-top:1px solid #ffffff50;margin-top:20px;font-size:14px}.question-switch{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}.question-switch button{border:1px solid #ffffff70;background:transparent;padding:11px 14px;font-size:14px}.question-switch .selected{background:var(--paper);color:var(--blue)}.people-copy .lens-answer{font:14px/1.8 var(--mono);min-height:50px}
.ownership{padding:120px 9vw}.section-top{display:flex;justify-content:space-between}.section-top .tiny-label{color:#93a3a7}.ownership h2{margin-bottom:65px}.ownership h2 em{color:#9bb3ff}.ownership-grid{display:grid;grid-template-columns: .8fr 1.2fr;gap:6vw;align-items:center}.ownership-copy p{color:#c2caca}.quickhire-art img{height:440px;object-fit:cover;border-radius:4px}.quickhire-art figcaption{font-size:14px;color:#a4afb1;margin-top:16px}.story-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin-top:80px;border-top:1px solid #ffffff30;padding-top:30px;gap:32px}.story-metrics strong{font-size:clamp(40px,5vw,72px);font-weight:500;letter-spacing:-.06em;display:block}.story-metrics span{display:block;font-size:14px;margin-top:8px}.metrics-note{font-size:14px;max-width:840px;color:#a4afb1;margin-top:25px}.team-strip{display:flex;align-items:center;gap:45px;margin-top:90px;padding-top:40px;border-top:1px solid #ffffff30}.team-strip img{width:220px;height:135px;transform:rotate(-3deg);filter:grayscale(1)}.team-strip p{font:italic 28px/1.4 Georgia,serif}.team-strip span{display:block;font:14px var(--mono);letter-spacing:.1em;margin-top:20px}
.medium{background:#e4e7e7;padding:110px 0 0}.medium-intro{padding:0 9vw 60px}.medium-intro em{color:var(--blue)}.medium-intro>p:last-child{margin-top:22px}.medium-journey{display:grid;grid-template-columns:1fr 1fr;position:relative}.medium-stage{position:sticky;top:72px;height:calc(100svh - 72px);max-height:1000px;display:grid;place-items:center;overflow:hidden}.stage-rings{position:absolute;width:80%;aspect-ratio:1;border:1px solid #14171a22;border-radius:50%}.stage-rings:before,.stage-rings:after{content:'';position:absolute;inset:12%;border:1px solid #14171a15;border-radius:50%}.stage-rings:after{inset:26%}.sift-phone{height:68%;width:auto;max-width:65%;object-fit:contain;position:absolute;transform:rotate(-8deg);transition:transform 1s,opacity .7s;filter:drop-shadow(25px 32px 24px #0003)}.stage-label{position:absolute;top:35px;left:18%;z-index:3}.medium-caption{position:absolute;bottom:25px;left:18%;font-size:14px}.cube-stage{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1s}.cube-fallback{position:absolute;inset:12% 15% 25%;width:70%;height:60%;object-fit:contain}.cube-stage.has-model .cube-fallback{visibility:hidden}#cube-world{position:absolute;inset:0 0 110px;touch-action:pan-y;cursor:grab}.cube-controls{position:absolute;bottom:35px;left:20%;right:20%;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center;text-align:center}.cube-controls label{font:14px var(--mono)}.cube-controls input{width:100%;accent-color:var(--blue)}.cube-controls button{background:var(--ink);color:white;border:0;padding:10px 18px;font-size:14px}.cube-controls p{font:14px/1.5 var(--mono);width:100%;margin:0}.medium-journey[data-beat="1"] .sift-phone{transform:rotate(6deg) scale(.8);opacity:.4}.medium-journey[data-beat="2"] .sift-phone{transform:translateY(-12%) rotate(25deg) scale(.5);opacity:0}.medium-journey[data-beat="2"] .cube-stage{opacity:1;visibility:visible}.medium-journey[data-beat="2"] .medium-caption{display:none}.medium-beats{padding:0 9vw 0 3vw}.medium-beat{min-height:85svh;display:flex;flex-direction:column;justify-content:center;padding:70px 0}.medium-beat h3{margin-bottom:28px}.medium-beat p{font-size:15px}.medium-beat .small-note{font:14px/1.7 var(--mono);color:#5b656b}.medium-beat .text-link{align-self:flex-start}.medium-beat blockquote{font:italic 30px/1.3 Georgia,serif;margin:35px 0 0;border-left:2px solid var(--blue);padding-left:25px}.secondary-link{margin-top:12px}.prototype-strip{background:#d9dedf;display:grid;grid-template-columns:1fr 1fr 1fr 1.1fr;gap:25px;padding:50px 9vw;align-items:center}.prototype-strip img{height:180px;border:7px solid #f8f6ee;transform:rotate(-3deg)}.prototype-strip img:nth-child(2){transform:rotate(4deg)}.prototype-strip p{font-size:24px;line-height:1.2}.prototype-strip span{display:block;font:14px/1.7 var(--mono);margin-top:20px}
.embodied{padding:120px 9vw}.embodied-head{max-width:900px}.embodied-head>p:not(.eyebrow){max-width:600px;margin-top:24px;color:#c2caca}.embodied h2 em{color:#9bb3ff}.spatial-window{position:relative;height:530px;margin-top:60px;overflow:hidden;border:1px solid #ffffff40;perspective:800px}.spatial-window img{transform:scale(1.08) translate(var(--px,0px),var(--py,0px));transition:transform .2s ease-out}.spatial-window:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 40%,#0009);pointer-events:none}.spatial-crosshair{position:absolute;z-index:1;left:50%;top:50%;width:30px;height:30px;border:1px solid #ffffff70;border-radius:50%;pointer-events:none}.spatial-crosshair:after{content:'+';position:absolute;inset:0;text-align:center;line-height:26px;color:white}.spatial-overlay{position:absolute;z-index:2;bottom:30px;left:30px;right:30px;display:flex;justify-content:space-between;font-size:14px}.embodied-footer{display:flex;align-items:center;justify-content:space-between;margin-top:25px;gap:20px}.embodied-footer .eyebrow{margin:0}.embodied-footer .text-link{margin:0}
.detours{padding:120px 9vw}.detours em{color:var(--blue)}.detour-grid{display:grid;grid-template-columns:1fr 1fr;gap:6vw;margin-top:65px}.detour-image{display:block;position:relative;height:300px;overflow:hidden}.detour-image img{transition:transform .5s}.detour-image:hover img{transform:scale(1.04)}.detour-image>span{position:absolute;bottom:12px;left:12px;background:var(--paper);padding:8px 12px;font:14px var(--mono)}.detour-grid h3{font-size:32px;margin:28px 0 18px}.detour-grid p{font-size:14px;max-width:530px}
.life{padding:100px 6vw 110px;border-top:1px solid var(--line)}.life-heading{text-align:center}.life h2{font-size:clamp(42px,5.3vw,84px)}.life h2 em{color:var(--blue)}.life-heading>p:last-child{margin-top:30px;font-size:14px}.memory-table{display:flex;align-items:center;justify-content:center;gap:0;margin:90px 0 70px;min-height:320px;padding:0 15px}.memory{position:relative;width:22%;max-width:255px;flex-shrink:0;background:#fbf9f1;border:0;padding:9px 9px 20px;box-shadow:0 14px 25px #14171a30;transform:rotate(var(--r)) translateY(var(--y));transition:transform .3s;z-index:1}.memory img{height:240px}.memory span{display:block;font-size:14px;line-height:1.5;padding-top:14px;text-align:left;font-weight:700}.memory:hover,.memory:focus-visible{transform:rotate(0) translateY(-20px);z-index:5}.memory-a{--r:-10deg;--y:10px}.memory-b{--r:7deg;--y:-35px}.memory-c{--r:-4deg;--y:15px}.memory-d{--r:9deg;--y:-30px}.memory-e{--r:-6deg;--y:20px}.life-link{display:table;margin:auto}.next{padding:120px 9vw 35px;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center}.next-image{height:600px;transform:rotate(-4deg)}.next-image img{filter:grayscale(.6);border:10px solid #eeeae2}.next h2 em{color:#9bb3ff}.next-content>p:not(.eyebrow){max-width:520px;margin-top:25px;color:#c2caca}.contact-link{display:inline-block;font-size:clamp(18px,2vw,29px);margin-top:40px;padding-bottom:15px;border-bottom:1px solid #ffffff50}.ending-links{display:flex;flex-wrap:wrap;gap:25px;margin-top:30px;font-size:14px}.ending-links a:hover{color:#9bb3ff}footer{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid #ffffff30;padding-top:25px;font-size:14px;color:#a4afb1;margin-top:60px}
dialog{border:0;color:var(--ink);background:var(--paper);padding:35px;width:min(600px,90vw);max-height:85svh;box-shadow:0 30px 100px #0006}dialog::backdrop{background:#101719b8;backdrop-filter:blur(12px)}.chapter-menu-top{display:flex;align-items:center;justify-content:space-between}.chapter-menu-top p{margin:0}.chapter-menu-top button,#memory-close{border:0;background:none;font-size:30px;padding:5px 10px}#chapters nav{display:grid;margin-top:25px}#chapters nav a{font-size:20px;padding:12px 0;border-bottom:1px solid var(--line)}#chapters nav a:hover{color:var(--blue)}#chapters nav span{font:14px var(--mono);margin-right:20px}#chapters>p{font-size:14px;margin-top:25px}#memory-view{width:min(700px,90vw);padding:20px}#memory-view img{height:60svh;object-fit:contain}#memory-close{display:block;margin-left:auto}#memory-caption{font-size:14px;padding:20px 10px}
[data-motion="off"]{scroll-behavior:auto}[data-motion="off"] #thread-world{display:none}[data-motion="off"] .opening-orbit:before{content:'';position:absolute;inset:15% 10%;border:32px solid var(--blue);border-radius:50%;transform:rotate(-25deg)}[data-motion="off"] .sift-phone,[data-motion="off"] .memory,[data-motion="off"] .spatial-window img{transition:none}
@media(min-width:1800px){.opening-copy{max-width:800px}.opening{padding-top:180px}.opening-orbit{right:8vw;left:48%}.opening h1{font-size:160px}}
@media(max-width:1050px){.header-note{display:none}.chapter-status{left:10px}.opening{padding-left:7vw}.opening h1{font-size:11vw}.opening-copy{max-width:53%}.opening-orbit{left:53%;right:2%}.orbit-photo--a{left:5%}.orbit-photo--b{top:35%}.orbit-photo--c{left:0;width:125px;height:145px}.orbit-note{font-size:22px;right:0}.origin{gap:50px 6vw;padding:100px 7vw}.origin-evidence{height:560px}.underwater{height:330px;width:70%}.dispenser{width:55%;height:270px}.people{padding:100px 7vw;gap:5vw;min-height:800px}.design-photo img{height:380px}.ownership,.embodied,.detours{padding:100px 7vw}.ownership-grid{gap:5vw}.quickhire-art img{height:340px}.medium-beats{padding-right:6vw}.medium-beat h3{font-size:43px}.prototype-strip{padding:40px 7vw;gap:15px}.prototype-strip img{height:135px}.memory img{height:190px}.next{padding:100px 7vw 30px;gap:5vw}.next-image{height:500px}}
@media(max-width:700px){html{scroll-padding-top:60px}.story-header{height:60px;padding:0 20px}.brand{font-size:25px}.chapter-status{display:none}.header-controls{gap:16px}.header-controls button{font-size:14px}.exit{font-size:14px;padding:7px 9px}.eyebrow{font-size:14px;margin-bottom:22px}h2{font-size:clamp(40px,10.5vw,65px)}h3{font-size:38px}p{font-size:14px;line-height:1.8}.opening{height:950px;min-height:100svh;padding:115px 7vw 80px}.opening-copy{max-width:100%}.opening h1{font-size:clamp(65px,15vw,98px)}.opening-intro{font-size:14px;margin-top:25px}.begin{margin-top:20px}.opening-orbit{inset:520px 5vw 75px 12vw}.orbit-photo--a{top:5%;left:2%;width:105px;height:145px}.orbit-photo--b{right:3%;top:0;width:140px;height:170px}.orbit-photo--c{bottom:0;left:30%;width:92px;height:110px;border-width:5px;border-bottom-width:20px}.orbit-note{bottom:15%;right:0;font-size:19px}.opening-bottom{left:7vw;right:7vw;font-size:14px;gap:20px}.opening-bottom>span:first-child{max-width:150px}.origin{grid-template-columns:1fr;padding:80px 7vw;gap:40px}.section-intro>p:last-child{max-width:none}.origin-evidence{height:500px;max-width:500px;width:100%;margin:auto}.underwater{height:320px;width:62%}.dispenser{height:260px;width:48%;right:0;bottom:8%}.artifact-note{font-size:20px;bottom:0}.origin-turn{grid-template-columns:1fr;gap:20px;padding-top:40px}.people{grid-template-columns:1fr;padding:80px 7vw;gap:45px}.design-photo{width:80%;max-width:400px;margin:auto}.design-photo img{height:350px}.people-copy .lens-answer{font-size:14px}.oversized-index{font-size:800px;top:150px}.ownership{padding:80px 7vw}.section-top .tiny-label{display:none}.ownership h2{margin-bottom:35px}.ownership-grid{grid-template-columns:1fr;gap:35px}.quickhire-art img{height:auto;max-height:380px;aspect-ratio:1.25}.story-metrics{margin-top:45px;gap:20px;grid-template-columns:1fr}.story-metrics>div{display:flex;align-items:center;gap:25px;padding-bottom:20px;border-bottom:1px solid #ffffff20}.story-metrics strong{font-size:43px;min-width:145px}.story-metrics span{font-size:14px;max-width:150px;margin:0}.metrics-note{font-size:14px}.team-strip{margin-top:45px;gap:25px;align-items:flex-start}.team-strip img{width:100px;height:100px}.team-strip p{font-size:20px}.team-strip span{font-size:14px}.medium{padding-top:80px}.medium-intro{padding:0 7vw 30px}.medium-journey{grid-template-columns:1fr}.medium-stage{top:60px;height:42svh;min-height:310px;background:#e4e7e7;z-index:5;grid-column:1;grid-row:1}.medium-beats{grid-column:1;grid-row:2;padding:0 7vw}.medium-beat{min-height:82svh;padding:calc(42svh + 30px) 0 50px;margin-top:-42svh;justify-content:flex-start}.medium-beat:first-child{margin-top:0;padding-top:35px;min-height:65svh}.medium-beat h3{font-size:38px}.medium-beat p{font-size:14px}.medium-beat .small-note{font-size:14px}.stage-label{top:18px;left:7%;font-size:14px}.medium-caption{bottom:12px;left:7%;font-size:14px}.sift-phone{height:80%;max-width:50%}.stage-rings{height:90%;width:auto;aspect-ratio:1}.cube-controls{bottom:8px;left:10%;right:10%;gap:6px;display:grid;grid-template-columns:1fr 1fr}.cube-controls label{font-size:14px}.cube-controls button{font-size:14px;padding:8px}.cube-controls p{font-size:14px;width:auto}.cube-controls input{grid-row:2}.cube-fallback{inset:0 25% 60px;width:50%;height:70%}#cube-world{bottom:70px}.prototype-strip{grid-template-columns:repeat(3,1fr);gap:10px;padding:30px 7vw}.prototype-strip img{height:125px;border-width:4px}.prototype-strip p{grid-column:1/-1;margin-top:15px;font-size:26px}.prototype-strip p br{display:none}.prototype-strip span{margin-top:8px}.embodied{padding:80px 7vw}.spatial-window{height:340px;margin-top:35px}.spatial-overlay{left:15px;bottom:15px;font-size:14px}.spatial-overlay>span:last-child{display:none}.embodied-footer{align-items:flex-start;flex-direction:column}.detours{padding:80px 7vw}.detour-grid{grid-template-columns:1fr;gap:55px;margin-top:35px}.detour-image{height:260px}.detour-grid h3{font-size:30px}.life{padding:70px 7vw}.life h2{font-size:38px}.life-heading>p:last-child{font-size:14px}.memory-table{display:grid;grid-template-columns:1fr 1fr;gap:22px 10px;margin:55px 0 40px;padding:0 8px}.memory{width:100%;transform:rotate(var(--r));max-width:none}.memory img{height:160px}.memory span{font-size:14px}.memory:last-child{grid-column:1/-1;width:55%;justify-self:center}.next{grid-template-columns:1fr;padding:80px 7vw 25px;gap:55px}.next-image{height:290px;width:85%;margin:auto}.next-content>p:not(.eyebrow){font-size:14px}.contact-link{font-size:21px}.ending-links{gap:20px;font-size:14px}footer{gap:25px;margin-top:10px;font-size:14px}footer span{max-width:160px}#chapters nav a{font-size:17px;padding:10px 0}dialog{padding:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.exit{border-color:var(--blue);background:var(--blue);color:#fff;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}
.exit:hover{background:#1744d8;border-color:#1744d8;transform:translateY(-1px)}

.narrative-thread{position:absolute;inset:0 0 auto;width:100%;pointer-events:none;z-index:6;overflow:hidden}.narrative-thread path{fill:none;stroke:#517bff;stroke-width:1.5;opacity:.65}.narrative-thread circle{fill:#e9b63e}.thread-fallback:after{content:'';position:absolute;inset:20% 10% 15% 57%;border:25px solid var(--blue);border-radius:50%;transform:rotate(-20deg)}
@media(max-width:700px){.medium-journey{display:block}.medium-beat{margin-top:0;padding:30px 0 65px;min-height:70svh}.medium-beat:first-child{margin-top:0;padding-top:30px;min-height:70svh}.thread-fallback:after{inset:58% 12% 12%;border-width:18px}}

@media(min-width:1051px){.opening h1{font-size:clamp(70px,min(8.7vw,15svh),160px)}}

/* Motion Lab controls in the story's existing cube stage. */
.cube-stage #cube-world{bottom:145px}
.cube-stage .cube-fallback{bottom:145px;height:calc(75% - 55px)}
.cube-stage .cube-controls{left:8%;right:8%;bottom:22px;max-width:550px;margin:0 auto;display:grid;gap:8px}
.cube-modes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;width:100%}
.cube-controls .cube-mode{background:#e9ebeb;color:#222a30;border:1px solid #b9c0c2;padding:9px 5px;font:700 14px/1.2 var(--mono);text-transform:uppercase;cursor:pointer}
.cube-controls .cube-mode.is-active{background:var(--ink);color:white;border-color:var(--ink)}
.cube-controls[hidden]{display:none!important}
.cube-controls button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
@media(max-width:700px){
  .medium-stage{height:54svh;min-height:430px}
  .cube-stage #cube-world{bottom:140px}
  .cube-stage .cube-fallback{inset:12px 25% 140px;width:50%;height:calc(100% - 155px)}
  .cube-stage .cube-controls{left:5%;right:5%;bottom:10px;max-width:none;display:grid;grid-template-columns:1fr;gap:6px}
  .cube-modes{gap:3px}
  .cube-controls .cube-mode{font-size:14px;padding:8px 2px}
}

/* Opening: personal photographs and their context. */
.opening h1{font-size:clamp(64px,7.5vw,132px)}
.opening-intro{max-width:460px;font-size:16px;line-height:1.7}
.opening .orbit-photo{border:0;padding:10px 10px 12px;background:#faf8f2;height:auto;box-shadow:3px 8px 18px #14171a18}
.opening .orbit-photo img{height:auto;aspect-ratio:4/5;object-fit:cover}
.opening .orbit-photo figcaption{font-family:var(--sans);font-size:14px;line-height:1.4;letter-spacing:0;margin-top:10px;color:#343535}
.opening .orbit-photo--a{width:clamp(180px,19vw,310px);left:8%;top:6%;transform:rotate(-7deg)}
.opening .orbit-photo--b{width:clamp(175px,18vw,290px);right:1%;top:33%;transform:rotate(5deg)}
.opening .orbit-photo--c{width:clamp(125px,12vw,190px);left:6%;bottom:1%;transform:rotate(-3deg)}
.opening .orbit-photo--c img{aspect-ratio:1}
[data-motion="off"] .opening-orbit:before{content:none}
@media(max-width:1050px) and (min-width:701px){.opening h1{font-size:8.5vw}.opening .orbit-photo--a{left:2%;width:65%}.opening .orbit-photo--b{width:62%;top:39%}.opening .orbit-photo--c{width:43%;left:0}.opening-intro{font-size:14px}}
@media(max-width:700px){.opening{height:auto;min-height:0;padding-bottom:90px}.opening h1{font-size:clamp(58px,14vw,98px)}.opening-intro{font-size:14px}.opening-orbit{position:relative;inset:auto;height:450px;margin-top:35px;transform:none!important}.opening .orbit-photo--a{width:48%;left:0;top:0}.opening .orbit-photo--b{width:48%;right:0;top:22%}.opening .orbit-photo--c{width:36%;left:8%;bottom:0}.opening .orbit-photo figcaption{font-size:14px}.opening .orbit-photo{padding:7px 7px 10px}}

/* Give the story text a real reading area beneath the sticky model on phones. */
@media(max-width:700px){
  .medium-stage{height:clamp(300px,35svh,355px);min-height:0}
  .stage-rings{height:88%}
  .sift-phone{height:76%;max-width:47%}
  .stage-label{font-size:14px}
  .medium-caption{font-size:14px}
  .cube-stage #cube-world{top:0;bottom:70px;transform:translateY(30px)}
  .cube-stage .cube-fallback{inset:20px 25% 85px;width:50%;height:auto;transform:translateY(18px)}
  .cube-stage .cube-controls{bottom:7px}
  .cube-controls .cube-mode{font-size:14px;padding:7px 2px}
  .medium-beat{min-height:65svh;padding:28px 0 55px}
  .medium-beat:first-child{min-height:65svh;padding-top:28px}
  .medium-beat p{font-size:16px;line-height:1.65}
  .medium-beat .small-note{font-size:14px}
  .medium-beat .eyebrow{font-size:14px}
}

/* The supplied Check-in image fills the panel without side bars. */
.detour-image--checkin img{object-fit:cover;object-position:center}
@media(max-width:700px){.memory-table .memory:last-child{grid-column:auto;width:100%;justify-self:auto}}
.opening-copy .eyebrow{font-size:clamp(16px,1vw,18px);font-weight:700;letter-spacing:.1em;margin-bottom:30px}
@media(max-width:700px){.opening-copy .eyebrow{font-size:14px;margin-bottom:22px}}

/* Keep the newly legible captions inside their photo frames. */
body{font-size:16px}
.artifact{display:flex;flex-direction:column;gap:8px;padding:10px 10px 12px}
.artifact img{height:0;min-height:0;flex:1 1 auto}
.artifact figcaption{padding-top:0;line-height:1.35}

@media(max-width:700px){
  p{font-size:16px}
  .opening-intro,.detour-grid p,.next-content>p:not(.eyebrow),.life-heading>p:last-child{font-size:16px}
  .opening{padding-bottom:130px}
  .opening-orbit{height:520px}
  .story-header{gap:8px}
  .header-controls{gap:8px}
  .header-controls button{padding:7px 0}
  .cube-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
  .cube-stage #cube-world{bottom:165px;transform:none}
  .cube-stage .cube-fallback{inset:20px 25% 165px;transform:none}
  .cube-stage .cube-controls{gap:5px}
}
@media(max-width:380px){
  .story-header{padding:0 12px}
  .brand{font-size:22px}
  .header-controls{gap:5px}
  .exit{padding:7px 6px}
}

/* NudgeQ opens on the supplied video; the local switch reveals the minimal interactive cube. */
.cube-stage .cube-motion-video{position:absolute;inset:auto;top:50%;left:50%;right:auto;bottom:auto;z-index:2;width:clamp(220px,28vw,360px);height:auto;object-fit:contain;transform:translate(-50%,-50%);visibility:visible}
.cube-stage .cube-fallback{z-index:1}
.cube-stage:not(.is-interactive) .cube-fallback{visibility:hidden}
.cube-stage.video-unavailable:not(.is-interactive) .cube-fallback{visibility:visible}
.cube-stage .cube-motion-video{transition:opacity .3s ease}
.cube-stage.is-interactive .cube-motion-video{visibility:hidden}
.cube-stage.is-interactive #cube-world{display:block;z-index:2}
#cube-world{display:none}
.cube-stage .cube-controls{left:8%;right:8%;bottom:22px;z-index:4;max-width:550px;margin:0 auto;display:grid;gap:8px}
.cube-stage .cube-controls[hidden]{display:none!important}
.cube-stage .cube-modes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;width:100%}
.cube-stage .cube-controls .cube-mode{background:#e9ebeb;color:#222a30;border:1px solid #b9c0c2;padding:9px 5px;font:700 14px/1.2 var(--mono);text-transform:uppercase;cursor:pointer}
.cube-stage .cube-controls .cube-mode.is-active{background:var(--ink);color:white;border-color:var(--ink)}
.cube-stage .cube-display-toggle{position:absolute;z-index:6;left:50%;bottom:155px;transform:translateX(-50%);border:1px solid #aab0b2;background:#fff;color:#000;padding:10px 18px;font:700 14px/1.3 var(--mono);white-space:nowrap}
.cube-stage.is-interactive .cube-display-toggle{left:50%;right:auto;top:auto;bottom:155px;transform:translateX(-50%);background:#fff;color:#000;border:1px solid #aab0b2}
@media(max-width:700px){
  .cube-stage .cube-motion-video{top:50%;left:50%;right:auto;bottom:auto;width:min(74vw,250px);height:min(30svh,230px);object-fit:cover;object-position:center;transform:translate(-50%,-50%)}
  .cube-stage #cube-world{inset:0;transform:none}
  .cube-stage .cube-fallback{inset:20px 25% 85px;width:50%;height:auto;transform:translateY(18px)}
  .cube-stage .cube-controls{left:5%;right:5%;bottom:7px;max-width:none;gap:5px}
  .cube-stage .cube-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
  .cube-stage .cube-controls .cube-mode{font-size:14px;padding:7px 4px}
  .cube-stage .cube-display-toggle{left:50%;bottom:82px;transform:translateX(-50%);padding:8px 12px}
  .cube-stage.is-interactive .cube-display-toggle{left:50%;right:auto;top:auto;bottom:82px;transform:translateX(-50%)}
}

/* The opening footer now contains only its scroll cue. */
.opening-bottom{justify-content:flex-end}
@media(max-width:700px){.opening-bottom>span:first-child{max-width:none}}

/* Balance the note between the metrics and the following divider. */
.ownership .story-metrics{padding-top:45px}
.ownership .metrics-note{max-width:none;width:100%;margin-top:45px}
.ownership .team-strip{margin-top:45px}

/* Keep the mode switch fixed while the two pairs of cube controls sit at the sides. */
@media(max-width:700px){
  #cube-display-toggle.cube-display-toggle{position:absolute;left:50%;right:auto;top:auto;bottom:8px!important;transform:translateX(-50%)}
  .cube-stage .cube-controls{left:12px;right:12px;bottom:60px;width:auto;max-width:none}
  .cube-stage .cube-modes{grid-template-columns:repeat(2,minmax(0,min(39vw,150px)));justify-content:space-between;gap:4px;width:100%}
  .cube-stage .cube-controls .cube-mode{font-size:12px;padding:6px 4px;line-height:1.15}
  .cube-stage .cube-mode:nth-child(odd){transform:translate(-6px,-10px)}
  .cube-stage .cube-mode:nth-child(even){transform:translate(6px,6px)}
}
