/* Bright Unfolds · approved Manrope, charcoal, citron. */
:root{--charcoal:#151719;--citron:#dfff00;--paper:#f3f2ed;--muted:#a2a6a2;--ink:#151719;--line:#3a3d3e;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:0}body{margin:0;background:var(--charcoal);color:var(--paper);font-family:Manrope,Arial,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--citron);outline-offset:5px}button:disabled{cursor:default}img{display:block;max-width:100%}[hidden]{display:none!important}::selection{background:var(--citron);color:var(--ink)}.skip{position:fixed;top:10px;left:10px;background:var(--citron);color:var(--ink);z-index:1000;padding:12px 18px;transform:translateY(-200%)}.skip:focus{transform:none}.masthead{position:absolute;top:0;left:0;right:0;height:106px;padding:28px 4%;display:flex;align-items:center;z-index:20;gap:7%}.brand{width:113px;flex-shrink:0}.brand img{width:100%}.masthead-note{font-size:13px;color:#c0c3be;line-height:1.65;letter-spacing:.01em}.masthead nav{display:flex;align-items:center;gap:32px;margin-left:auto;font-size:14px}.work-link{display:flex;gap:26px;align-items:center}.work-link span{font-size:20px}.motion-toggle{font-size:13px;display:flex;gap:10px;align-items:center;border:1px solid #4b4e4d;padding:10px 14px;border-radius:99px;min-height:40px}.motion-toggle:hover{border-color:var(--citron)}.motion-icon{color:var(--citron)}.menu-toggle{display:flex;align-items:center;gap:15px;min-height:44px;padding:0}.menu-toggle i{width:25px;height:8px;border-top:1px solid currentColor;border-bottom:1px solid currentColor}.journey{height:570vh;height:570svh;position:relative}.waypoint{position:absolute;height:1px;left:0}.stage{height:100vh;height:100svh;position:sticky;top:0;overflow:hidden;isolation:isolate}.stage-grid{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 76% 47%,#272c29 0,transparent 48%);opacity:.6}.stage-grid:after{content:'';position:absolute;left:39%;right:4%;top:20%;bottom:19%;border-top:1px solid #ffffff05;border-bottom:1px solid #ffffff05}.editorial{position:absolute;top:25%;bottom:15%;left:4%;width:31%;max-width:520px;z-index:4;pointer-events:none}.copy{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .4s var(--ease),transform .65s var(--ease),visibility .4s;pointer-events:none}.copy.active{opacity:1;visibility:visible;transform:none;pointer-events:auto}.eyebrow{font-size:12px;letter-spacing:.11em;font-weight:600;display:flex;gap:21px;align-items:center;line-height:1.6;margin:0 0 30px}.eyebrow>span+span{color:#858b84;font-size:11px}.copy h1,.copy h2{margin:0;font-size:clamp(58px,6.25vw,104px);font-weight:400;letter-spacing:-.073em;line-height:1.025}.copy h1 em,.copy h2 em{font-style:normal;color:var(--citron)}.copy h2{font-size:clamp(52px,5.75vw,92px)}.copy[data-scene="3"] h2{font-size:clamp(48px,5.2vw,82px)}.intro{font-size:clamp(14px,1.25vw,18px);line-height:1.65;margin:28px 0 22px;color:#c2c6c0;max-width:340px}.body-copy{font-size:15px;line-height:1.7;color:#a6aba5;max-width:350px;margin:20px 0 26px}.text-cta{display:inline-flex;align-items:center;gap:25px;font-size:14px;min-height:44px}.round-arrow{border:1px solid #59604f;width:39px;height:39px;border-radius:50%;display:grid;place-items:center;font-size:20px;transition:background .25s,color .25s,transform .25s}.text-cta:hover .round-arrow{color:#151719;background:var(--citron);transform:translateY(2px)}.micro{font-size:12px;line-height:1.7;color:#868d86;letter-spacing:.005em}.copy-foot{margin-top:35px}.small-label{display:block;font-size:11px;letter-spacing:.11em;color:#838982;margin-top:35px}.scene-caption{position:absolute;left:45%;right:5%;top:17%;display:flex;gap:9px;align-items:center;font-size:12px;color:#9ea59c;z-index:2;letter-spacing:.015em}.tiny-dot{display:inline-block;width:5px;height:5px;background:var(--citron);border-radius:100%}#scene{position:absolute;width:100%;height:100%;inset:0;touch-action:pan-y;z-index:1}#surface-shadow{position:absolute;width:50%;height:17%;left:42%;top:67%;background:radial-gradient(ellipse,#080a08b0,transparent 65%);filter:blur(22px);z-index:0;pointer-events:none}.surface-indicator{position:absolute;bottom:19%;left:45%;right:5%;display:flex;align-items:center;gap:18px;color:#747d72;font-size:10px;letter-spacing:.08em;z-index:3;pointer-events:none}.surface-line{height:1px;background:#424840;flex:1}.chapters{position:absolute;bottom:37px;left:4%;right:4%;display:flex;gap:0;justify-content:space-between;border-top:1px solid #444940;padding-top:19px;z-index:6}.chapters a{display:flex;gap:15px;color:#939a91;font-size:13px;min-height:28px;transition:color .3s}.chapters a span{color:#5e685a;font-size:12px}.chapters a[aria-current]{color:var(--paper)}.chapters a[aria-current] span{color:var(--citron)}.chapters i{height:2px;position:absolute;top:-1px;left:0;background:var(--citron);width:0;pointer-events:none}.layer-tabs{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:0 19px;max-width:360px}.layer-tabs button{padding:13px 0;display:flex;align-items:center;gap:9px;border-bottom:1px solid #454a40;text-align:left;font-size:14px;color:#b1b6ad;min-height:45px}.layer-tabs button small{font-size:11px;color:#6e7967}.layer-tabs button span{margin-left:auto;color:#6e7967}.layer-tabs button[aria-selected=true]{color:var(--citron);border-color:var(--citron)}.layer-tabs button[aria-selected=true] small,.layer-tabs button[aria-selected=true] span{color:var(--citron)}.layer-description{font-size:14px;color:#a8afa3;line-height:1.7;min-height:65px;max-width:335px;margin:19px 0}.lens-tools{display:flex;align-items:center;gap:8px;max-width:340px}.lens-tools>button{display:flex;align-items:center;gap:9px;border:1px solid #606851;padding:9px 12px;min-height:43px;font-size:13px;border-radius:3px;flex:1}.lens-icon{width:13px;height:13px;border:1px solid var(--citron);border-radius:50%;position:relative}.lens-icon:after{content:'';position:absolute;width:6px;height:1px;background:var(--citron);right:-4px;bottom:-2px;transform:rotate(45deg)}.lens-state{color:#858d7e;font-size:11px;margin-left:auto;text-transform:uppercase}.lens-tools>button[aria-pressed=true]{background:var(--citron);color:#151719}.lens-tools>button[aria-pressed=true] .lens-icon{border-color:#151719}.lens-tools>button[aria-pressed=true] .lens-icon:after{background:#151719}.lens-tools>button[aria-pressed=true] .lens-state{color:#151719}.lens-presets{display:flex}.lens-presets button{border:1px solid #424938;width:37px;height:43px;font-size:17px}.lens-presets button+button{border-left:0}.lens-presets button:hover{color:var(--citron)}.lens-help{max-width:310px;margin-top:10px;font-size:11px}.mode-tabs{display:flex;flex-wrap:wrap;gap:4px;margin:28px 0 15px}.mode-tabs button{font-size:13px;border:1px solid #535b4c;border-radius:30px;padding:11px 16px;min-height:43px}.mode-tabs button[aria-selected=true]{background:var(--citron);color:#151719;border-color:var(--citron)}
/* The real interface sits exactly over the flattened, texture-mapped surface. */
.surface-overlay{position:absolute;top:0;left:0;width:1200px;height:750px;transform-origin:0 0;z-index:3;background:var(--paper);color:#151719;opacity:0;visibility:hidden;will-change:transform;box-shadow:0 0 0 1px #a5b16b40}.surface-overlay.live{visibility:visible}.surface-inner,.ui{position:relative;width:1200px;height:750px;overflow:hidden}.surface-inner button:focus-visible{outline:4px solid #748600;outline-offset:6px}.demo-header{position:absolute;left:46px;right:46px;top:31px;height:49px;display:flex;align-items:center;border-bottom:1px solid #cdd0c3;padding-bottom:20px}.demo-header img{width:100px}.demo-header>span{font-size:13px;color:#79806c;margin-left:35px;letter-spacing:1.2px}.demo-header>div{display:flex;align-items:center;gap:27px;margin-left:auto;font-size:15px}.demo-header button{padding:5px;font-size:15px}.demo-header .demo-menu-button{font-size:23px;line-height:1}.demo-copy{position:absolute;top:143px;left:46px;width:526px}.demo-eyebrow{font-size:14px;letter-spacing:1.4px;font-weight:600;color:#727967}.demo-copy h3{font-size:67px;line-height:1.04;letter-spacing:-3.8px;font-weight:400;margin:38px 0 27px}.demo-copy p{font-size:18px;line-height:1.65;color:#6a705f;margin:0 0 48px}.demo-copy .demo-study{background:#151719;color:#f3f2ed;border-radius:50px;padding:17px 23px;width:208px;font-size:15px;display:flex;justify-content:space-between}.demo-study span{font-size:19px}.poster{position:absolute;left:624px;top:124px;width:530px;height:520px;object-fit:cover}.demo-footer{position:absolute;left:46px;right:46px;top:690px;display:flex;justify-content:space-between;font-size:14px;border-top:1px solid #cdd0c3;padding-top:18px;color:#6a705f}.demo-footer span:first-child{color:#151719}#demo-menu{position:absolute;top:92px;right:45px;width:360px;background:#151719;padding:28px;color:var(--paper);z-index:5;box-shadow:0 20px 40px #0003}#demo-menu>span{font-size:13px;color:#a3af87;letter-spacing:1px}#demo-menu button{display:flex;justify-content:space-between;width:100%;font-size:23px;border-bottom:1px solid #49503e;text-align:left;padding:20px 0}#demo-menu b{font-weight:400;color:var(--citron)}
.product-ui{background:#e7e9e1;display:flex}.product-ui aside{width:223px;background:#151719;color:var(--paper);padding:40px 28px;position:relative}.product-ui aside img{width:107px}.product-ui aside>span{display:block;font-size:12px;color:#859375;letter-spacing:1px;margin:33px 0 50px}.product-ui aside>div{font-size:16px;padding:17px 16px;margin-bottom:6px;border-radius:5px;color:#a8af9e}.product-ui aside>div.active{background:var(--citron);color:#151719}.product-ui aside b{font-size:13px;margin-left:10px}.product-ui aside small{position:absolute;bottom:44px;left:44px;color:#a4ae98;font-size:13px;line-height:1.6}.product-content{position:relative;width:977px;padding:46px 42px}.product-content h3{font-size:42px;line-height:1.1;letter-spacing:-2px;font-weight:400;margin:18px 0}.product-content>p:not(.demo-eyebrow){font-size:15px;color:#6d765f}.task-progress{position:absolute;right:42px;top:71px;font-size:14px;color:#626d55;width:230px}.task-progress>div{height:5px;background:#cbd0c2;margin-top:12px}.task-progress i{display:block;height:5px;background:#859900;width:0;transition:width .5s}.task-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:42px;min-height:310px}.task-columns>div>span{display:flex;justify-content:space-between;font-size:14px;padding:0 5px 16px;color:#566347;border-bottom:1px solid #bfc6b2}.task-count{font-style:normal}.task-columns section{padding-top:12px;min-height:220px}.task{width:100%;padding:17px;text-align:left;background:#f8f9f4;margin-bottom:11px;border:1px solid #dce0d2;border-radius:7px;font-size:15px}.task:hover{border-color:#97ab35;transform:translateY(-2px)}.task small{display:flex;justify-content:space-between;margin-top:19px;font-size:12px;color:#737e65}.task strong{font-weight:400;font-size:18px}.reset-tasks{font-size:14px;color:#5a674a;position:absolute;bottom:73px;left:43px;text-decoration:underline;text-underline-offset:5px}.product-note{position:absolute;left:43px;bottom:35px;font-size:12px;color:#7d856f}
.brand-ui{background:#151719;color:var(--paper);padding:45px}.brand-ui header{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:1.2px}.brand-ui header div{display:flex;gap:5px}.brand-ui header button{font-size:14px;border:1px solid #677050;border-radius:25px;padding:13px 18px}.brand-ui header button[aria-pressed=true]{background:var(--citron);color:#151719;border-color:var(--citron)}.brand-signature{position:absolute;top:222px;left:89px;width:1020px;height:auto}.brand-types{display:flex;justify-content:space-between;position:absolute;top:516px;left:89px;right:89px;font-size:18px}.brand-spec{position:absolute;top:594px;left:89px;right:89px;display:flex;justify-content:space-between;border-top:1px solid #4e5543;padding-top:22px;align-items:center}.brand-spec>div{display:flex;gap:18px;align-items:center}.brand-spec p{font-size:14px;line-height:1.6;margin:0}.brand-spec small{color:#9aa689;font-size:12px}.brand-spec b{font-size:36px;font-weight:400}.brand-spec .swatch{width:46px;height:46px;background:var(--citron);border:1px solid #82901c}.brand-spec img{width:85px}.brand-ui footer{position:absolute;bottom:22px;left:45px;right:45px;font-size:11px;color:#909d7e;letter-spacing:1px;display:flex;justify-content:space-between}.brand-ui.light{background:var(--citron);color:#151719}.brand-ui.light .swatch{background:#151719}.brand-ui.light .brand-spec small,.brand-ui.light footer{color:#526015}.brand-ui.light header button[aria-pressed=true]{background:#151719;color:var(--citron)}
#fallback-art{position:absolute;left:48%;top:28%;width:42%;height:43%;perspective:1000px;display:none;z-index:1}.fallback-sheet{position:absolute;inset:0;background:linear-gradient(140deg,#575c56,#202521);border:1px solid #bfd321;transform:rotateY(-35deg) rotateX(25deg) rotateZ(-8deg);box-shadow:20px 35px 40px #0007}.fallback-sheet:nth-child(2){transform:translate(-20px,25px) rotateY(-35deg) rotateX(25deg) rotateZ(-8deg);background:#dfff00}.fallback-sheet:nth-child(3){transform:translate(-40px,50px) rotateY(-35deg) rotateX(25deg) rotateZ(-8deg);background:#39402f}.no-webgl #fallback-art{display:block}.no-webgl .stage[data-step="1"] #fallback-art,.no-webgl .stage[data-step="3"] #fallback-art{display:none}
/* An editorial release after the immersive sequence. */
.study-section{background:var(--paper);color:#151719;padding:70px 6% 78px;position:relative;z-index:7}.section-top{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.11em;border-top:1px solid #c8cbbf;padding-top:18px}.study-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:50px 0 50px}.study-heading h2{font-size:clamp(45px,5.5vw,86px);line-height:1.05;letter-spacing:-.06em;font-weight:400;margin:0;max-width:820px}.study-heading h2 em{font-style:normal;color:#858d79}.study-heading p{font-size:15px;line-height:1.7;margin:0 0 4px}.study-heading p span{color:#747c68;font-size:14px}.study-card{width:100%;display:block;text-align:left;padding:0;color:#151719;overflow:hidden;border:1px solid #bcc3aa}.study-card-art{height:min(52vw,670px);min-height:320px;background:var(--citron);position:relative;overflow:hidden}.study-card-art>img{position:absolute;top:8%;left:6%;width:10%;min-width:95px}.art-headline{position:absolute;left:6%;top:33%;font-size:clamp(46px,7vw,109px);line-height:1.04;letter-spacing:-.06em}.art-footer{position:absolute;bottom:8%;left:6%;font-size:11px;letter-spacing:.12em}.art-lines{position:absolute;left:51%;top:-10%;width:53%;height:120%;background-size:cover;background-position:center;transform:rotate(-10deg) scale(1.15);transition:transform 1.2s var(--ease)}.study-card:hover .art-lines{transform:rotate(-4deg) scale(1.18)}.study-card-meta{background:#151719;color:var(--paper);padding:25px 30px;display:flex;justify-content:space-between;align-items:center;font-size:24px;letter-spacing:-.025em}.study-card-meta small{display:block;font-size:11px;letter-spacing:.09em;color:#99a48a;margin-bottom:8px}.open-study-arrow{width:58px;height:58px;border-radius:100%;border:1px solid #586048;display:grid;place-items:center;color:var(--citron);font-size:27px;transition:background .3s,color .3s}.study-card:hover .open-study-arrow{background:var(--citron);color:#151719}.study-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:30px;font-size:14px;color:#7a826d}.study-facts b{display:block;color:#151719;font-weight:600;font-size:14px;margin-bottom:8px}.closing{padding:68px 6% 30px}.closing-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.08em}.closing-top a{font-size:15px;letter-spacing:0;border-bottom:1px solid var(--citron);padding-bottom:9px}.closing-signature{width:min(1080px,100%);margin:80px auto 95px}.closing-bottom{display:flex;justify-content:space-between;border-top:1px solid #404737;padding-top:25px;font-size:12px;color:#adb69d}.review-note{font-size:11px;color:#637055;margin:45px 0 0}
dialog{border:0;margin:0;max-width:none;max-height:none;width:100%;height:100dvh;position:fixed;inset:0;padding:35px 6%;background:var(--charcoal);color:var(--paper);overflow:auto;z-index:50}dialog::backdrop{background:#101210ea}.dialog-top{display:flex;align-items:center;justify-content:space-between;height:50px}.dialog-top img{width:105px}.close-dialog{border:1px solid #626952;border-radius:30px;padding:12px 20px;min-height:44px;font-size:14px}.close-dialog:hover{background:var(--citron);color:#151719}#navigation .eyebrow{margin-top:65px;color:#9aa68b}#navigation nav{max-width:1000px}#navigation nav a{font-size:clamp(25px,5vw,65px);letter-spacing:-.05em;display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #404934}#navigation nav a span{font-size:15px;color:var(--citron);letter-spacing:0;align-self:center}#navigation nav a:hover{color:var(--citron)}.nav-signature{width:230px;margin:40px 0 20px auto}#study-dialog{background:var(--paper);color:#151719;padding-bottom:60px}.study-dialog-body{max-width:1350px;margin:65px auto 0}.study-dialog-body h2{font-size:clamp(35px,6vw,84px);line-height:1.04;letter-spacing:-.065em;font-weight:400;margin:24px 0}.study-lead{font-size:18px;color:#747d67;line-height:1.6;margin:26px 0 50px}.case-hero{height:460px;background:var(--citron);position:relative;overflow:hidden}.case-hero>span{position:absolute;z-index:1;left:6%;top:25%;font-size:clamp(44px,6vw,88px);letter-spacing:-.06em;line-height:1.05}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;padding:60px 0}.case-grid section>span{font-size:12px;color:#7a8668;letter-spacing:.06em}.case-grid h3{font-weight:400;font-size:29px;line-height:1.14;letter-spacing:-.04em}.case-grid p{font-size:15px;line-height:1.75;color:#747d69}.case-bottom{display:flex;justify-content:space-between;border-top:1px solid #ccd1c1;padding-top:30px;gap:25px;align-items:center}.case-bottom p{font-size:14px;line-height:1.7;color:#7e886e;max-width:600px}.case-bottom p b{color:#151719;font-weight:600}.case-bottom button{border:1px solid #77815f;border-radius:30px;padding:16px 24px;white-space:nowrap;color:#151719;font-size:14px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--citron);color:#151719;padding:14px 23px;border-radius:4px;z-index:100;font-size:14px;transition:opacity .3s,transform .3s;max-width:90vw}.toast.visible{opacity:1;transform:translate(-50%,0)}body.modal-open{overflow:hidden}.noscript{position:fixed;bottom:0;left:0;right:0;padding:24px;background:#dfff00;color:#151719;z-index:100}
@media(min-width:1500px){.editorial{top:27%}.scene-caption{top:19%}.surface-indicator{bottom:20%}}@media(max-height:730px) and (min-width:801px){.masthead{height:85px;padding-top:20px;padding-bottom:20px}.editorial{top:21%;width:32%}.copy h1{font-size:65px}.copy h2{font-size:55px}.copy[data-scene="3"] h2{font-size:52px}.eyebrow{margin-bottom:20px}.intro{margin:17px 0}.body-copy{margin:15px 0;font-size:14px}.copy-foot,.small-label{margin-top:17px}.layer-tabs{margin-top:16px}.layer-description{margin:12px 0;min-height:47px;font-size:13px}.lens-help{font-size:10px}.scene-caption{top:16%}.chapters{bottom:22px}.surface-indicator{bottom:16%}.mode-tabs{margin-top:18px}}
@media(max-width:1000px) and (min-width:801px){.masthead{gap:30px}.masthead-note{display:none}.editorial{width:32%;left:4%}.copy h1{font-size:63px}.copy h2{font-size:56px}.copy[data-scene="3"] h2{font-size:48px}.eyebrow{font-size:11px;gap:12px}.eyebrow>span+span{display:none}.intro{font-size:15px}.lens-tools{gap:4px}.lens-presets button{width:30px}.mode-tabs button{padding:10px;font-size:12px}}
@media(max-width:800px){.masthead{height:88px;padding:23px 6%;gap:15px}.brand{width:94px}.masthead-note,.work-link{display:none!important}.masthead nav{gap:19px}.motion-toggle{padding:9px 12px;font-size:12px;min-height:36px}.motion-icon{font-size:12px}.menu-toggle>span{display:none}.menu-toggle i{width:23px}.journey{height:620svh}.stage-grid{background:radial-gradient(ellipse at 50% 72%,#2c3229,transparent 60%)}.stage-grid:after{left:6%;right:6%;top:51%;bottom:16%}.editorial{left:6%;width:88%;max-width:none;top:16%;bottom:auto;height:37%;}.copy h1{font-size:clamp(46px,11.8vw,76px);letter-spacing:-.067em;line-height:1.02}.copy h2{font-size:clamp(40px,10.4vw,60px);line-height:1.01}.copy[data-scene="3"] h2{font-size:clamp(36px,9.3vw,56px)}.copy[data-scene="1"] h2 br,.copy[data-scene="2"] h2 br{display:none}.copy[data-scene="1"] h2 em:before,.copy[data-scene="2"] h2 em:before{content:' '}.eyebrow{font-size:10px;margin-bottom:18px;gap:22px}.eyebrow>span+span{font-size:10px}.intro{font-size:14px;line-height:1.6;margin:18px 0 10px;max-width:370px}.body-copy{font-size:14px;line-height:1.7;max-width:470px;margin:14px 0}.copy[data-scene="1"] .body-copy{max-width:340px}.text-cta{font-size:12px;gap:18px;min-height:35px}.round-arrow{width:30px;height:30px;font-size:17px}.copy-foot,.small-label{display:none}.scene-caption{top:52%;left:6%;right:6%;font-size:10px}.surface-indicator{bottom:14.5%;left:6%;right:6%;font-size:8px;gap:12px}.chapters{bottom:25px;left:6%;right:6%;padding-top:16px}.chapters a{font-size:11px;gap:6px}.chapters a span{font-size:10px}#surface-shadow{left:12%;width:76%;top:72%;height:12%;filter:blur(16px)}.layer-tabs{display:flex;gap:13px;max-width:none;margin:16px 0 0}.layer-tabs button{font-size:12px;padding:8px 0;gap:5px;flex:1;min-height:36px}.layer-tabs button small{font-size:9px}.layer-tabs button span{display:none}.layer-description{font-size:13px;margin:12px 0 11px;line-height:1.6;min-height:36px;max-width:none}.lens-tools{max-width:none;width:100%;gap:10px}.lens-tools>button{max-width:225px;font-size:12px;min-height:36px;padding:8px 12px}.lens-presets button{height:36px;width:33px}.lens-help{font-size:10px;margin-top:7px;max-width:none}.mode-tabs{margin:21px 0 11px;gap:6px}.mode-tabs button{font-size:13px;padding:10px 17px;min-height:39px}.copy[data-scene="3"] .body-copy{max-width:335px;font-size:14px;margin-top:15px}.copy[data-scene="3"] .text-cta{margin-top:3px}#fallback-art{left:13%;top:60%;width:72%;height:21%}.study-section{padding:38px 6% 45px}.section-top{font-size:9px;gap:20px}.study-heading{display:block;margin:34px 0 27px}.study-heading h2{font-size:42px;letter-spacing:-.063em}.study-heading p{margin-top:23px;font-size:14px}.study-heading p span{font-size:13px}.study-card-art{height:410px}.study-card-art>img{top:8%;left:7%;width:92px}.art-headline{top:36%;left:7%;font-size:46px;z-index:1}.art-lines{left:50%;width:82%;opacity:.9}.art-footer{font-size:9px;left:7%}.study-card-meta{padding:19px;font-size:16px}.study-card-meta small{font-size:9px}.open-study-arrow{width:42px;height:42px;font-size:22px}.study-facts{gap:14px;font-size:12px;line-height:1.6}.study-facts b{font-size:13px}.closing{padding:42px 6% 25px}.closing-top{font-size:9px;gap:25px}.closing-top a{font-size:13px;white-space:nowrap}.closing-signature{margin:60px auto 65px}.closing-bottom{font-size:10px;gap:22px;flex-wrap:wrap;line-height:1.7}.review-note{font-size:9px;margin-top:30px}.dialog-top img{width:87px}.close-dialog{font-size:13px;padding:11px 17px}.study-dialog-body{margin-top:36px}.study-dialog-body h2{font-size:42px}.study-lead{font-size:15px;margin:23px 0 30px}.case-hero{height:330px}.case-hero>span{font-size:44px;top:32%}.case-grid{grid-template-columns:1fr;gap:24px;padding:35px 0}.case-grid h3{font-size:26px;margin:15px 0}.case-grid h3 br{display:none}.case-grid p{font-size:14px;margin:12px 0}.case-bottom{display:block}.case-bottom p{font-size:13px}.case-bottom button{margin-top:15px}.nav-signature{width:200px}#navigation .eyebrow{margin-top:48px}#navigation nav a{font-size:33px;padding:19px 0}}
@media(max-width:370px){.motion-toggle{padding:8px 10px}.masthead nav{gap:15px}.copy h1{font-size:45px}.copy h2{font-size:39px}.copy[data-scene="3"] h2{font-size:34px}.eyebrow{gap:13px}.intro{font-size:14px}.layer-tabs{gap:9px}.layer-tabs button{font-size:11px}.layer-description{font-size:12px}.lens-help{font-size:9px}.lens-tools{gap:6px}.mode-tabs button{padding:9px 13px;font-size:12px}.chapters a{font-size:10px}.chapters a span{font-size:9px}.study-heading h2{font-size:36px}}
@media(max-width:800px){body.compact .masthead{height:73px;padding-top:16px;padding-bottom:16px}body.compact .editorial{top:16%;height:35%}body.compact .eyebrow{margin-bottom:12px}body.compact .copy h1{font-size:46px}body.compact .copy h2{font-size:40px}body.compact .copy[data-scene="3"] h2{font-size:37px}body.compact .intro{margin:13px 0 8px;font-size:14px}body.compact .body-copy{font-size:13px;margin:10px 0}body.compact .scene-caption{top:56%}body.compact .layer-tabs{margin-top:12px}body.compact .layer-tabs button{padding:6px 0;min-height:30px}body.compact .layer-description{margin:8px 0;min-height:30px;font-size:12px}body.compact .lens-tools>button{min-height:33px;padding:7px 10px}body.compact .lens-presets button{height:33px}body.compact .lens-help{font-size:9px;margin-top:5px}body.compact .mode-tabs{margin-top:15px;margin-bottom:10px}body.compact .copy[data-scene="1"] .body-copy{max-width:300px}body.compact .chapters{bottom:20px;padding-top:13px}body.compact .surface-indicator{bottom:14%}}
body.reduced *{scroll-behavior:auto!important}body.reduced .copy,body.reduced .task-progress i,body.reduced .art-lines,body.reduced .round-arrow{transition:none!important}body.reduced .task:hover{transform:none}body.reduced .study-card:hover .art-lines{transform:rotate(-10deg) scale(1.15)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* Review refinements: persistent navigation and touch-sized miniature interfaces. */
.masthead{position:fixed;background:linear-gradient(#151719f2,#151719e6 72%,#15171900);padding-bottom:30px}.study-section{scroll-margin-top:100px}.closing{scroll-margin-top:100px}.surface-overlay{box-shadow:0 0 0 1px #87974640}.copy h1{letter-spacing:-.064em}.copy h2{letter-spacing:-.061em}
@media(max-width:800px){
 .surface-overlay,.surface-inner,.ui{width:520px;height:450px}
 .demo-header{left:26px;right:26px;top:20px;height:48px;padding-bottom:10px}.demo-header img{width:75px}.demo-header>span{display:none}.demo-header>div{gap:15px}.demo-header button{font-size:19px;min-width:64px;min-height:60px}.demo-header .demo-work{display:none}.demo-header .demo-menu-button{font-size:28px}.demo-copy{top:98px;left:26px;width:270px}.demo-eyebrow{font-size:12px;letter-spacing:.7px}.demo-copy h3{font-size:43px;line-height:1.03;letter-spacing:-2px;margin:25px 0 21px}.demo-copy p{font-size:17px;line-height:1.45;margin:0 0 23px;max-width:260px}.demo-copy p br{display:none}.demo-copy .demo-study{font-size:17px;padding:19px 20px;min-height:66px;width:228px;align-items:center}.demo-copy .demo-study span{font-size:22px}.poster{left:317px;top:95px;width:177px;height:302px;object-position:55% center}.demo-footer{display:none}#demo-menu{width:305px;right:25px;top:77px;padding:25px}#demo-menu button{font-size:23px;min-height:75px}#demo-menu>span{font-size:12px}
 .product-ui aside{display:none}.product-content{width:520px;padding:24px}.product-content .demo-eyebrow{font-size:11px;margin:0}.product-content h3{font-size:32px;line-height:1.1;letter-spacing:-1.5px;margin:16px 0 10px}.product-content h3 br{display:none}.product-content>p:not(.demo-eyebrow){font-size:15px;line-height:1.4;max-width:345px;margin:0}.task-progress{right:24px;top:20px;width:142px;font-size:11px}.task-progress>div{margin-top:8px;height:3px}.task-progress i{height:3px}.task-columns{display:flex;flex-direction:column;gap:7px;margin-top:24px;min-height:0}.task-columns>div{display:flex;gap:8px}.task-columns>div>span{border-bottom:0;width:99px;flex-shrink:0;align-items:center;align-self:flex-start;padding:12px 0;font-size:14px;gap:5px}.task-columns section{padding:0;min-height:0;flex:1}.task{height:64px;padding:10px 13px;margin-bottom:6px;font-size:17px;display:flex;align-items:center;justify-content:space-between;gap:8px}.task small{display:flex;gap:10px;flex-shrink:0;margin:0;font-size:11px;align-items:center}.task strong{font-size:22px}.task-columns>div:has(section:empty){min-height:14px}.task-columns>div:has(section:empty)>span{padding:0;font-size:13px}.reset-tasks{bottom:20px;left:24px;font-size:14px;min-height:30px}.product-note{display:none}
 .brand-ui{padding:25px}.brand-ui header{font-size:10px;letter-spacing:.6px;align-items:center;gap:15px}.brand-ui header>span{max-width:160px;line-height:1.7}.brand-ui header button{padding:14px 17px;font-size:15px;min-height:63px}.brand-signature{left:30px;top:158px;width:460px}.brand-types{top:298px;left:30px;right:30px;font-size:14px}.brand-spec{left:30px;right:30px;top:352px;padding-top:17px;gap:20px}.brand-spec>div{gap:9px}.brand-spec .swatch{width:24px;height:29px}.brand-spec b{font-size:28px}.brand-spec p{font-size:11px}.brand-spec small{font-size:9px}.brand-spec img{width:45px}.brand-ui footer{left:25px;right:25px;bottom:12px;font-size:8px}
}
@media(max-width:800px){body.compact .scene-caption{top:49.5%}body.compact .surface-indicator{bottom:11.5%;font-size:7px}body.compact .chapters{bottom:16px;padding-top:12px}body.compact .editorial{top:15%}body.compact .mode-tabs{margin-top:12px}body.compact .copy[data-scene="3"] .body-copy{font-size:13px;margin:10px 0}body.compact .copy[data-scene="3"] .text-cta{font-size:11px}body.compact .lens-help{display:none}body.compact .layer-description{min-height:30px}}
@media(max-width:800px){.surface-indicator{bottom:10.5%;font-size:8px}.scene-caption{font-size:10px}}
@media(max-width:800px){body.compact .surface-indicator{bottom:9.4%;font-size:7px}body.compact .scene-caption{top:49.5%}}
.toast{bottom:96px;min-width:230px;text-align:center;box-shadow:0 8px 25px #0003}

/* Revision 2 — technical assembly and a viewport-conscious case-study section. */
.masthead{background:#151719fa;border-bottom:1px solid #ffffff08;height:88px;padding:20px 4%;backdrop-filter:blur(14px)}
#technical-overlay{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.assembly-monitor{position:absolute;left:44%;right:5%;top:19%;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #59634870;padding:0 0 12px;opacity:0;pointer-events:none;transition:opacity .25s;font-size:10px;letter-spacing:.09em;color:#a2aea0}
.stage[data-step="2"] .assembly-monitor{opacity:1}.assembly-label{color:#dfff00;font-size:10px}.assembly-track{display:flex;gap:20px}.assembly-track span{display:flex;align-items:center;gap:6px;opacity:.38}.assembly-track b{font-weight:400}.assembly-track .done{opacity:.8}.assembly-track .active{opacity:1;color:#dfff00}.assembly-track .active:before{content:'';width:4px;height:4px;background:#dfff00;border-radius:50%}#assembly-status{font-size:9px;min-width:105px;text-align:right}
.stage[data-step="2"] .editorial{top:21%}.copy[data-scene="2"] h2{font-size:clamp(48px,4.75vw,76px)}.layer-eyebrow{display:flex;justify-content:space-between;align-items:center;gap:8px;max-width:360px;margin-bottom:24px}.layer-eyebrow>span{font-size:11px}.layer-eyebrow button{display:flex;align-items:center;gap:8px;min-height:36px;padding:8px 10px;border:1px solid #65714375;border-radius:3px;color:#dfff00;font-size:11px;font-weight:400;letter-spacing:0;white-space:nowrap}.layer-eyebrow button:hover{background:#dfff00;color:#151719}.layer-eyebrow button span{font-size:15px}.layer-eyebrow button:disabled{color:#899080;border-color:#42463c;cursor:default}
.stage[data-step="2"] .surface-indicator{bottom:12.2%}.stage[data-step="2"] .scene-caption{top:14.8%;left:44%}.copy[data-scene="2"] .layer-description{min-height:64px;margin:15px 0;font-size:14px}.copy[data-scene="2"] .layer-tabs{margin-top:22px}
.study-section{padding:30px 6% 28px;scroll-margin-top:87px}.section-top{padding-top:13px;font-size:10px}.study-heading{align-items:center;margin:24px 0 26px;gap:40px}.study-heading h2{font-size:clamp(34px,3.7vw,58px);line-height:1.06;max-width:720px;letter-spacing:-.052em}.study-heading h2 em{color:#757d6f}.study-heading>p{max-width:320px;font-size:14px;line-height:1.7;color:#66705f}.study-showcase{display:grid;grid-template-columns:minmax(235px,.72fr) minmax(0,1.65fr);gap:clamp(28px,5vw,80px);align-items:center}.study-context{max-width:345px}.study-kicker{font-size:10px;letter-spacing:.12em;color:#717a66}.study-context h3{font-size:clamp(25px,2.2vw,34px);line-height:1.13;font-weight:400;letter-spacing:-.045em;margin:13px 0 16px}.study-context>p{font-size:14px;line-height:1.75;color:#66705f}.study-detail{border-top:1px solid #c8cfc0;padding-top:13px;margin-top:19px}.study-detail>span{font-size:10px;letter-spacing:.1em;font-weight:600;color:#596347}.study-detail>p{font-size:14px;line-height:1.65;min-height:40px;color:#66705f;margin:8px 0 12px}.study-tags{display:flex;flex-wrap:wrap;gap:6px}.study-tags span{font-size:10px;padding:7px 9px;border:1px solid #c3cbb9;border-radius:99px;color:#58634b}.study-context .study-disclosure{display:flex;align-items:flex-start;gap:7px;margin-top:18px;font-size:11px;line-height:1.55;color:#7a8371}.study-disclosure>span{background:#789000;width:4px;height:4px;border-radius:100%;flex-shrink:0;margin-top:5px}.study-preview-shell{min-width:0}.study-view-tabs{display:flex;border-bottom:1px solid #c6cebb;gap:20px;margin-bottom:10px}.study-view-tabs button{font-size:12px;color:#777f70;min-height:39px;padding:10px 0;border-bottom:2px solid transparent}.study-view-tabs button[aria-selected="true"]{color:#151719;border-bottom-color:#7c8f0b}.study-view-tabs button:hover{color:#151719}.study-card{border-color:#c2cbb5;background:#e4e7de;display:block;width:100%}.study-preview-media{height:clamp(210px,39svh,400px);min-height:0;width:100%;display:flex;align-items:center;justify-content:center;padding:14px;background:radial-gradient(ellipse at 50% 35%,#f5f6ee,#e2e6db);overflow:hidden}.study-preview-media img{width:100%;height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 7px 9px #15171912);transition:transform .6s var(--ease)}.study-card:hover .study-preview-media img{transform:translateY(-3px)}.study-card-meta{padding:12px 17px;font-size:14px;letter-spacing:-.01em;background:#151719;min-height:62px}.study-card-meta small{font-size:9px;margin-bottom:5px;letter-spacing:.11em;color:#aab697}.open-study-arrow{width:34px;height:34px;font-size:18px;border-color:#606a4c;flex-shrink:0}.study-preview-note{display:flex;gap:20px;align-items:flex-start;padding-top:15px;border-top:1px solid #c6cebb;margin:20px 0 0;font-size:11px;line-height:1.65;color:#78826a}.study-preview-note b{font-size:9px;letter-spacing:.12em;white-space:nowrap;font-weight:600;margin-top:2px}.case-hero{height:clamp(220px,43svh,390px);background:#e2e6db;padding:18px;display:flex;justify-content:center}.case-hero img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 10px 14px #1517191c)}.study-dialog-body h2{font-size:clamp(36px,4vw,65px)}.study-lead{font-size:16px;max-width:630px}
@media(min-width:801px) and (max-height:780px){.stage[data-step="2"] .editorial{top:20%}.layer-eyebrow{margin-bottom:16px}.copy[data-scene="2"] h2{font-size:clamp(46px,4.3vw,64px)}.copy[data-scene="2"] .layer-tabs{margin-top:16px}.copy[data-scene="2"] .layer-tabs button{min-height:39px;padding:10px 0}.copy[data-scene="2"] .layer-description{min-height:45px;margin:12px 0;font-size:13px}.copy[data-scene="2"] .lens-help{font-size:10px;max-width:340px}.assembly-label{display:none}.study-section{padding-top:24px}.study-heading{margin:18px 0}.study-heading h2{font-size:clamp(32px,3.2vw,48px)}.study-preview-media{height:36svh}.study-context h3{font-size:26px;margin:10px 0}.study-context>p{font-size:13px}.study-detail{margin-top:12px;padding-top:10px}.study-detail>p{font-size:13px;margin-bottom:9px}.study-context .study-disclosure{margin-top:12px;font-size:10px}.study-preview-note{margin-top:14px}}
@media(max-width:1100px) and (min-width:801px){.assembly-label{display:none}.assembly-track{gap:12px}#assembly-status{font-size:8px;min-width:96px}.layer-eyebrow>span{font-size:9px}.layer-eyebrow button{font-size:10px;padding:6px 7px}.study-showcase{grid-template-columns: .85fr 1.35fr;gap:30px}}
@media(max-width:800px){.masthead{height:76px;padding:17px 6%}.stage[data-step="2"] .editorial{top:14.5%}.copy[data-scene="2"] h2{font-size:clamp(38px,10vw,54px)}.layer-eyebrow{max-width:none;margin-bottom:13px}.layer-eyebrow>span{font-size:10px}.layer-eyebrow button{font-size:10px;min-height:32px;padding:6px 10px}.copy[data-scene="2"] .layer-tabs{margin-top:13px}.copy[data-scene="2"] .layer-description{font-size:13px;min-height:37px;margin:10px 0}.copy[data-scene="2"] .lens-help{font-size:10px;max-width:none}.stage[data-step="2"] .scene-caption{top:50%;left:6%;right:6%;font-size:9px}.assembly-monitor{left:6%;right:6%;top:54%;padding-bottom:8px;gap:8px}.assembly-label{display:none}.assembly-track{gap:13px;font-size:9px}#assembly-status{font-size:8px;min-width:93px}.stage[data-step="2"] .surface-indicator{bottom:10%;font-size:7px}.study-section{padding:22px 6% 26px;scroll-margin-top:75px}.section-top{font-size:8px;gap:20px;line-height:1.6}.section-top>span:last-child{white-space:nowrap}.study-heading{display:block;margin:20px 0}.study-heading h2{font-size:clamp(30px,7.9vw,40px)}.study-heading>p{font-size:13px;line-height:1.65;max-width:none;margin:13px 0 0}.study-heading>p br{display:none}.study-showcase{display:flex;flex-direction:column;gap:20px;align-items:stretch}.study-preview-shell{order:-1}.study-context{max-width:none}.study-preview-media{height:clamp(155px,25svh,255px);padding:9px}.study-card-meta{font-size:14px;padding:11px 13px;min-height:58px}.study-view-tabs{gap:22px;margin-bottom:8px}.study-view-tabs button{font-size:12px;min-height:39px}.study-context h3{font-size:25px;line-height:1.2;margin:8px 0 11px}.study-context h3 br{display:none}.study-context>p{font-size:13px;line-height:1.7;margin:8px 0}.study-detail{margin-top:13px;padding-top:12px}.study-detail>p{font-size:13px;min-height:0;margin:8px 0 10px}.study-disclosure{font-size:11px!important;margin-top:12px!important}.study-preview-note{font-size:10px;display:block;margin-top:16px;padding-top:12px}.study-preview-note b{display:block;margin-bottom:7px;font-size:9px}.case-hero{height:min(32svh,270px);padding:8px}.study-dialog-body h2{font-size:36px}.study-lead{font-size:14px}}
@media(max-width:800px){body.compact .masthead{height:68px;padding:13px 6%}body.compact .stage[data-step="2"] .editorial{top:13.6%}body.compact .layer-eyebrow{margin-bottom:8px}body.compact .copy[data-scene="2"] h2{font-size:37px}body.compact .copy[data-scene="2"] .layer-tabs{margin-top:9px}body.compact .copy[data-scene="2"] .layer-description{font-size:12px;min-height:31px;margin:8px 0}body.compact .copy[data-scene="2"] .lens-help{display:none}body.compact .stage[data-step="2"] .scene-caption{top:50.5%}body.compact .assembly-monitor{top:54.6%;font-size:8px}body.compact .assembly-track{font-size:8px;gap:9px}body.compact .assembly-track .active:before{width:3px;height:3px}body.compact #assembly-status{font-size:7px;min-width:87px}body.compact .stage[data-step="2"] .surface-indicator{bottom:9.4%}body.compact .study-section{scroll-margin-top:68px}body.compact .study-heading{margin:16px 0}body.compact .study-heading h2{font-size:30px}body.compact .study-preview-media{height:25svh;min-height:155px}}
body.reduced .study-preview-media img{transition:none;transform:none!important}body.reduced .assembly-monitor{transition:none}

/* Revision 3: one coordinate system, one interface, a connected study chapter. */
html{overflow-x:clip}
.journey{height:700svh}
.stage{height:100svh}
.surface-overlay,.surface-inner,.ui{box-sizing:border-box}
#experience-live{z-index:5}.surface-overlay{overflow:hidden;will-change:transform,opacity}
.copy{transition:none;will-change:transform,opacity}
.chapters{z-index:10;padding-top:10px;bottom:22px}
.chapters a{min-height:40px;align-items:center}
.surface-indicator{bottom:13%;transition:none}
.stage[data-step="2"] .surface-indicator{bottom:12.2%}
.study-wash{position:absolute;inset:0;background:var(--paper);z-index:0;opacity:0;pointer-events:none}
.study-dock{position:absolute;inset:104px 6% 107px;padding:0;background:transparent;z-index:3;opacity:0;pointer-events:none;display:flex;flex-direction:column;scroll-margin:0}
.study-dock .section-top{flex-shrink:0;padding:0 0 11px;border-bottom:1px solid #cbd0c1;line-height:1.5}
.study-dock .study-heading{flex-shrink:0;margin:20px 0 19px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}
.study-dock .study-heading h2{font-size:clamp(35px,3.7vw,58px);line-height:1.03;margin:0}
.study-dock .study-heading h2 br{display:none}
.study-dock .study-heading h2 em:before{content:' '}
.study-dock .study-heading p{margin:0;max-width:310px;line-height:1.65}
.study-dock .study-showcase{flex:1;min-height:0;display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.65fr);gap:6%;align-items:stretch}
.study-dock .study-context{align-self:center;max-width:320px}
.study-dock .study-preview-shell{min-height:0;display:flex;flex-direction:column}
.study-dock .study-view-tabs{flex-shrink:0;margin:0;gap:25px}
.study-dock .study-view-tabs button{min-height:38px;padding:8px 0}
.study-live-slot{flex:1;min-height:0;position:relative;margin:13px 0;background:#e7e9e1;border:1px solid #c6cebb}
.study-dock .study-open{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;border:0;background:#151719;color:#f3f2ed;padding:11px 16px;min-height:60px}
.study-open>span:first-child{display:flex;flex-direction:column;gap:5px}
.study-dock .study-open:hover{background:#282f21}
.study-dock .study-open:hover .open-study-arrow{background:#dfff00;color:#151719}
.study-mobile-disclosure{display:none}
.stage.docked .chapters{border-top-color:#c1c9b5}
.stage.docked .chapters a{color:#66715a}
.stage.docked .chapters a[aria-current]{color:#151719}
.stage.docked .chapters a[aria-current] span{color:#556500}
.stage.docked .chapters i{background:#6d8000}
.stage.docked .surface-overlay{box-shadow:0 0 0 1px #899a622f,0 10px 30px #1517190d}
@media(max-width:800px){
 .journey{height:744svh}
 .masthead{height:76px}
 .surface-indicator,.stage[data-step="2"] .surface-indicator{bottom:11%;font-size:8px}
 .chapters{bottom:16px;left:6%;right:6%;padding-top:7px}
 .chapters a{min-height:40px;font-size:11px;gap:4px}
 .chapters a span{font-size:9px}
 .study-dock{inset:100px 6% 92px}
 .study-dock .section-top{font-size:8px;line-height:1.5;gap:6px;padding-bottom:9px}
 .study-dock .study-heading{display:block;margin:16px 0 9px}
 .study-dock .study-heading h2{font-size:clamp(30px,8vw,43px);line-height:1.08}
 .study-dock .study-heading h2 br{display:block}
 .study-dock .study-heading h2 em:before{content:none}
 .study-dock .study-heading p{font-size:13px;line-height:1.55;margin:10px 0 0;max-width:none}
 .study-dock .study-heading p br{display:none}
 .study-dock .study-showcase{display:flex;flex-direction:column;gap:0;min-height:0}
 .study-dock .study-context{display:none}
 .study-dock .study-preview-shell{flex:1;min-height:0;order:0}
 .study-dock .study-view-tabs button{min-height:38px;font-size:13px}
 .study-live-slot{margin:9px 0;min-height:0}
 .study-dock .study-open{min-height:54px;padding:9px 12px;font-size:14px}
 .study-mobile-disclosure{display:block;font-size:10px;line-height:1.5;margin:10px 0 0;flex-shrink:0;color:#69745c}
 body.compact .study-dock{inset:88px 6% 86px}
 body.compact .study-dock .study-heading{margin:11px 0 5px}
 body.compact .study-dock .study-heading h2{font-size:30px}
 body.compact .study-dock .study-heading h2 br{display:none}
 body.compact .study-dock .study-heading h2 em:before{content:' '}
 body.compact .study-dock .study-heading p{font-size:12px;margin-top:7px}
 body.compact .study-dock .study-open{min-height:49px}
 body.compact .surface-indicator,body.compact .stage[data-step="2"] .surface-indicator{bottom:10.5%;font-size:7px}
 body.compact .chapters{bottom:14px}
}
@media(max-width:370px){.chapters a span{display:none}.chapters a{font-size:10px}}
@media(min-width:801px) and (max-height:730px){
 .study-dock{top:102px;bottom:89px}
 .study-dock .study-heading{margin:13px 0}
 .study-dock .study-heading h2{font-size:36px}
 .study-dock .study-open{min-height:52px}
 .study-dock .study-context h3{font-size:25px}
 .study-dock .study-context>p{font-size:13px}
 .study-dock .study-detail{margin-top:12px;padding-top:9px}
 .study-dock .study-detail p{font-size:13px;margin-bottom:9px}
 .study-dock .study-tags{display:none}
}

.no-webgl .stage[data-step='4'] #fallback-art{display:none}

/* R4-readable small labels retained in R5. */
.stage .chapters a{font-size:13px;line-height:1.45}.stage .chapters a span{font-size:12px}
.stage .surface-indicator{font-size:10px;line-height:1.4;letter-spacing:.055em}
@media(max-width:1050px){.stage .chapters a{font-size:11px;gap:4px}.stage .chapters a span{font-size:10px}}
@media(max-width:700px){.stage .surface-indicator,.stage[data-step="2"] .surface-indicator,body.compact .stage .surface-indicator,body.compact .stage[data-step="2"] .surface-indicator{font-size:9px;line-height:1.35;gap:8px;display:grid;grid-template-columns:minmax(0,1fr) auto}.stage .surface-indicator .surface-line{display:none}.stage #renderer-status{text-align:right}.stage .assembly-monitor,.stage .assembly-track,body.compact .stage .assembly-track{font-size:9px;letter-spacing:.025em}.stage .assembly-track{gap:10px}.stage #assembly-status,body.compact .stage #assembly-status{font-size:8px;min-width:76px}}

/* Option A: readable, same-form alternative when WebGL is unavailable. */
#idea-fallback{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;display:none;z-index:1}
.no-webgl .stage[data-step="0"] #idea-fallback{display:block}
.no-webgl .stage[data-step="0"] #fallback-art{display:none}