@font-face{font-family:Instrument;src:url('../demos/assets/InstrumentSerif-Regular.ttf');font-display:swap}
:root{--story-ease:cubic-bezier(.22,.65,.3,1)}[hidden]{display:none!important}.primary{color:#061f17}.header{height:100px}.hero h1{letter-spacing:-.063em}.hero-note{color:#b0b0a8}.portrait-rule{border-radius:0;border-width:0 0 1px}.hero-description{max-width:420px}.journey-heading{padding:110px var(--gutter) 85px;background:var(--ivory);color:var(--black);display:grid;grid-template-columns:1.3fr 1fr;gap:80px;align-items:end}.journey-heading h2{font-size:clamp(46px,5.2vw,82px);line-height:1.05;margin-top:30px}.journey-heading em,.bridge em{font-family:Instrument,serif;font-weight:400;color:#006c51}.journey-heading-copy{max-width:345px;padding-bottom:7px}.journey-heading-copy>p{font-size:22px;line-height:1.5;letter-spacing:-.04em}.journey-heading-copy>span{display:block;font-size:13px;color:#5c625b;line-height:1.7;margin-top:18px}.journey-heading .text-link{color:#00664c;border:0;background:transparent;padding:0;text-align:left;margin-top:22px;font-size:12px}.story-shell{position:relative;background:#131917}.story-nav{position:sticky;top:0;z-index:12;background:#151b18f2;backdrop-filter:blur(18px);border-bottom:1px solid #eef2df25;display:flex;align-items:center;gap:28px;padding:0 var(--gutter);height:75px}.story-nav-label{font-size:9px;letter-spacing:.12em;color:#c0c3b7;white-space:nowrap}.story-nav>div{display:flex;align-items:center;gap:5px;flex:1;justify-content:center;min-width:0}.story-nav a{display:flex;align-items:center;gap:9px;min-width:44px;min-height:48px;padding:12px 11px;color:#a7b3a9;font-size:11px;border-bottom:1px solid transparent}.story-nav a b{font-size:10px;font-weight:400}.story-nav a span{display:none}.story-nav a[aria-current=step]{color:var(--ivory);border-color:#00bd8b}.story-nav a[aria-current=step] span{display:block}.story-nav button{color:#afbbb2;background:none;border:0;min-height:44px;font-size:10px;white-space:nowrap;padding:10px 0}.story-nav button span{font-size:9px;margin-left:9px;color:#48d9aa}.story-chapter{position:relative;height:145svh;min-height:1050px;scroll-margin-top:75px;border-bottom:1px solid #f5f1e910;--progress:0}.chapter-sticky{position:sticky;top:75px;height:calc(100svh - 75px);min-height:650px;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;justify-content:center}.chapter-environment{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.19;filter:blur(4px) saturate(.7);transform:scale(1.08);z-index:-3;pointer-events:none}.chapter-sticky::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#131917 2%,#131917f2 28%,#13191744 100%),linear-gradient(0deg,#131917,transparent 40%,#13191790);z-index:-2}.chapter-sticky::after{content:'';position:absolute;left:34%;right:-15%;top:27%;height:70%;background:radial-gradient(ellipse,#009b721c,transparent 65%);z-index:-1}.chapter-content{display:grid;grid-template-columns:minmax(265px,.75fr) minmax(0,1.6fr);gap:clamp(35px,4.5vw,100px);align-items:center;padding:40px var(--gutter) 65px;width:100%;max-width:1900px;margin:auto}.chapter-copy{max-width:430px}.chapter-copy>.eyebrow{display:block;color:#b8cabc;line-height:1.9;font-size:10px;letter-spacing:.04em}.chapter-index{display:block;font-size:11px;color:#3ed6a6;margin-bottom:13px;letter-spacing:.14em}.chapter-copy h3{font-size:clamp(38px,3.5vw,64px);line-height:1.1;margin:24px 0;letter-spacing:-.052em}.chapter-description{font-size:14px;line-height:1.85;color:#bfc5b9;max-width:350px}.chapter-tags{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:6px 14px;margin:23px 0 12px}.chapter-tags li{font-size:11px;padding-bottom:7px;border-bottom:1px solid #81918645;color:#d2d6c9}.chapter-tech{font-size:10px;color:#91a394;margin-bottom:29px;line-height:1.7}.chapter-copy .button{font-size:12px;min-height:50px;padding:14px 18px;gap:20px}.workbench{min-width:0;border-radius:12px;overflow:hidden;border:1px solid #c9d9cc44;background:#18221d;box-shadow:0 40px 90px #0007,0 0 70px #009b7214;transform-origin:50% 55%;transform:perspective(1600px) translateY(calc((1 - var(--progress))*24px)) rotateY(calc((1 - var(--progress))*-5deg));will-change:transform}.workbench-bar{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;gap:15px;color:#adbbac;border-bottom:1px solid #e3f0df20}.workbench-bar>span{display:flex;gap:5px}.workbench-bar i{width:5px;height:5px;border-radius:50%;background:#8e9a8e}.workbench-bar small{font-size:8px;letter-spacing:.1em;text-align:center}.workbench-bar button{min-width:44px;min-height:42px;font-size:20px;padding:0;color:#d3decf;background:none}.workbench-screen{height:clamp(420px,55svh,610px);position:relative;background:#f5f1e9;overflow:hidden}.workbench iframe{border:0;width:144%;height:144%;transform:scale(.694445);transform-origin:0 0;display:block;pointer-events:none;background:#f5f1e9}.workbench-cover{position:absolute;inset:0;width:100%;background:transparent;display:flex;align-items:end;justify-content:center;padding-bottom:28px;color:#fff;transition:background .25s}.workbench-cover>span{display:flex;gap:22px;align-items:center;background:#09281eeb;border:1px solid #88c5a559;padding:13px 22px;border-radius:30px;font-size:12px;box-shadow:0 8px 25px #00160b2b;transform:translateY(6px);opacity:0;transition:opacity .25s,transform .25s}.workbench-cover:hover,.workbench-cover:focus-visible{background:linear-gradient(transparent 50%,#09271f38)}.workbench-cover:hover>span,.workbench-cover:focus-visible>span{opacity:1;transform:none}.workbench-foot{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:7px;letter-spacing:.08em;height:34px;padding:0 18px;color:#a5b8a7}.workbench-foot>span:first-child{display:flex;align-items:center;gap:7px}.workbench-foot .status-dot{width:4px;height:4px}.chapter-bottom{position:absolute;bottom:24px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:.1em;color:#809587;align-items:center}.chapter-bottom a{display:flex;gap:30px;align-items:center;min-height:44px;letter-spacing:0;font-size:11px;color:#bdc9bb}.chapter-bottom a span{color:#35c69a;font-size:20px}.bridge{padding:115px var(--gutter);text-align:center;background:var(--ivory);color:var(--black)}.bridge>p{font-size:13px;color:#596259}.bridge h2{font-size:clamp(50px,6.5vw,100px);line-height:1.04;margin:35px 0 22px}.bridge .text-link{justify-content:center;color:#006c51;font-size:14px}.lab-section{border-bottom:1px solid var(--line)}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:80px;padding-block:75px}.faq-list{border-top:1px solid #bdc4b6}.faq details{border-bottom:1px solid #bdc4b6}.faq summary{cursor:pointer;display:flex;justify-content:space-between;gap:24px;align-items:center;padding:24px 0;list-style:none;font-size:14px;line-height:1.6}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:20px;color:#087355;transition:transform .2s}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{font-size:13px;line-height:1.8;color:#536050;padding:0 30px 25px 0}.footer-links{display:flex;gap:22px;font-size:11px;align-items:center}.footer-links button{border:0;background:none;color:inherit;font-size:11px;min-height:44px}#experience-dialog{width:min(1540px,97vw);height:94svh;max-height:94svh;border:1px solid #7b9b8370;border-radius:7px}.experience-bar{height:64px;display:flex;justify-content:space-between;align-items:center;padding:12px 24px;border-bottom:1px solid #c8dab629;gap:25px;background:#152019}.experience-bar h2{font-size:14px;letter-spacing:-.015em}.experience-bar button{background:none;border:0;min-height:44px;font-size:12px;display:flex;align-items:center;gap:25px;color:#d0dbc8}.experience-bar button span{font-size:27px;color:#37bc95}#experience-frame{display:block;width:100%;height:calc(100% - 64px);border:0;background:#151b18}#credits-dialog{width:min(650px,93vw);height:auto;max-height:85svh;overflow:auto}.credits-body{padding:48px;position:relative}.credits-body>button{position:absolute;right:15px;top:10px;min-width:44px;min-height:44px;border:0;background:none;font-size:28px}.credits-body h2{font-size:38px;margin:28px 0}.credits-body>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#bec6b5;margin-top:18px}.story-static .workbench{transform:none;will-change:auto}.story-static .story-chapter{height:auto;min-height:0}.story-static .chapter-sticky{position:relative;top:0;min-height:740px;height:auto}.story-static .chapter-content{padding-block:70px 100px}
@media(min-width:1800px){.workbench-screen{height:640px}.workbench iframe{width:130%;height:130%;transform:scale(.76924)}}
@media(max-width:1100px){.journey-heading{gap:40px}.story-nav{gap:15px}.story-nav-label{display:none}.chapter-content{grid-template-columns:270px minmax(0,1fr);gap:30px;padding-inline:30px}.chapter-copy h3{font-size:39px}.chapter-description{font-size:13px}.workbench iframe{width:190%;height:190%;transform:scale(.52632)}.workbench-screen{height:470px}.story-nav a{padding-inline:8px}.story-nav a span{font-size:10px}.chapter-tags{gap:7px 12px}.chapter-tags li{font-size:10px}.chapter-tech{font-size:9px}.faq{gap:45px}}
@media(max-width:780px){.header{height:87px}.journey-heading{display:block;padding:65px 24px 45px}.journey-heading h2{font-size:45px}.journey-heading-copy{margin-top:35px;max-width:100%}.journey-heading-copy>p{font-size:19px}.journey-heading-copy>span{font-size:12px;max-width:330px}.story-nav{height:64px;padding:0 15px;gap:10px}.story-nav>div{overflow:auto;justify-content:start;scrollbar-width:none;gap:3px}.story-nav a{flex-shrink:0;min-width:37px;padding:10px 8px}.story-nav a[aria-current=step] span{display:none}.story-nav button{font-size:9px}.story-nav button span{margin-left:5px}.story-chapter,.story-static .story-chapter{height:auto;min-height:0;scroll-margin-top:64px}.chapter-sticky,.story-static .chapter-sticky{position:relative;top:0;height:auto;min-height:0}.chapter-content,.story-static .chapter-content{display:flex;flex-direction:column;align-items:stretch;gap:33px;padding:55px 24px 85px}.chapter-copy{max-width:100%}.chapter-copy>.eyebrow{font-size:10px;display:flex;gap:14px;align-items:center}.chapter-index{margin:0;font-size:10px;white-space:nowrap}.chapter-copy h3{font-size:42px;margin:22px 0;max-width:500px}.chapter-description{font-size:14px;line-height:1.8;max-width:480px}.chapter-tags{margin-top:22px}.chapter-tags li{font-size:11px}.chapter-tech{font-size:10px;margin-bottom:24px}.chapter-copy .button{font-size:12px;min-height:52px}.chapter-environment{opacity:.16;filter:blur(3px)}.chapter-sticky::before{background:linear-gradient(#131917ed 5%,#131917e6 45%,#13191770 70%,#131917)}.workbench{transform:none;border-radius:8px;will-change:auto}.workbench-screen{height:410px}.workbench iframe{width:210%;height:210%;transform:scale(.4762)}.workbench-bar{padding-inline:11px;height:38px;gap:7px}.workbench-bar small{font-size:7px;letter-spacing:.03em}.workbench-bar>span{gap:4px}.workbench-bar i{width:4px;height:4px}.workbench-bar button{font-size:18px;min-height:38px;min-width:36px}.workbench-foot{font-size:6px;padding-inline:11px;gap:8px;height:30px}.workbench-cover>span{opacity:1;transform:none;font-size:11px;padding:12px 19px}.chapter-bottom{left:24px;right:24px;bottom:13px}.chapter-bottom>span{display:none}.chapter-bottom a{margin-left:auto;font-size:10px;gap:20px}.bridge{padding:75px 24px}.bridge h2{font-size:60px;margin-top:28px}.bridge>p{font-size:12px}.faq{display:block;padding:60px 24px}.faq-list{margin-top:35px}.faq summary{font-size:13px}.faq details p{font-size:13px}.footer-links{gap:17px;font-size:10px}.footer-links button{font-size:10px}#experience-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0}.experience-bar{height:61px;padding-inline:17px;gap:15px}.experience-bar h2{font-size:12px;max-width:48%;line-height:1.5}.experience-bar button{font-size:10px;gap:13px}#experience-frame{height:calc(100% - 61px)}.credits-body{padding:45px 26px}.credits-body h2{font-size:31px}.credits-body>p:not(.eyebrow){font-size:13px}}
@media(max-width:370px){.journey-heading h2{font-size:39px}.chapter-copy h3{font-size:36px}.chapter-copy .button{font-size:11px}.workbench-screen{height:350px}.workbench-bar small{font-size:6px}.workbench-foot>span:last-child{display:none}.story-nav{padding-inline:9px;gap:6px}.story-nav a{min-width:33px;padding-inline:6px}}
@media(prefers-reduced-motion:reduce){.workbench{transform:none;will-change:auto}.story-chapter{height:auto;min-height:0}.chapter-sticky{position:relative;top:0;height:auto;min-height:740px}.chapter-content{padding-block:70px 100px}}