@font-face{font-family:Inter;src:url('assets/Inter.ttf') format('truetype');font-display:swap}
:root{--ink:#0c0600;--paper:#fafaf7;--orange:#ff4500;--muted:#77736b;--rule:#dedbd3;--ease:cubic-bezier(.22,.8,.25,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:14px Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,a{-webkit-tap-highlight-color:transparent}button,a{color:inherit}a{text-decoration:none}button{font:inherit;cursor:pointer;border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--orange);outline-offset:6px}button:disabled{cursor:default}img{display:block;width:100%;height:100%;object-fit:cover}::selection{background:var(--orange);color:white}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:450;letter-spacing:-.055em}p{line-height:1.7}svg{display:block}.skip{position:fixed;top:-100px;z-index:100;background:var(--paper);padding:15px}.skip:focus{top:10px}
.header{height:98px;padding:0 4.2%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rule);position:relative;z-index:10}.identity{display:flex;gap:13px;align-items:flex-start}.identity img{width:29px;height:29px;margin-top:1px}.wordmark{font-size:21px;letter-spacing:-.8px}.wordmark b{font-weight:650}.wordmark small{display:block;font-size:8px;letter-spacing:1.4px;margin-top:5px}.nav{display:flex;gap:31px;align-items:center}.nav a{font-size:11px;position:relative;padding:14px 0}.nav a[aria-current=page]::after{content:'';position:absolute;bottom:5px;width:5px;height:5px;background:var(--orange);left:0}.nav .nav-cta{border:1px solid var(--ink);padding:12px 17px}.nav-cta span{margin-left:24px}.mobile-menu{display:none}
main{min-height:70vh}.wrap{margin:0 4.2%}.eyebrow{font-size:9px;text-transform:uppercase;letter-spacing:1.8px;line-height:1.6}.muted{color:var(--muted)}.hero{display:grid;grid-template-columns:1fr 1.14fr;min-height:650px;gap:6%;padding:52px 0 60px}.hero-copy{align-self:center;padding-bottom:32px}.hero h1{font-size:clamp(48px,5.5vw,91px);line-height:1.015;margin:29px 0 26px}.hero h1 span{display:block}.hero-copy>p:not(.eyebrow){font-size:15px;max-width:350px;color:#57534d}.actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:31px}.link-arrow{font-size:11px;display:inline-flex;align-items:center;gap:28px;padding:13px 0;border-bottom:1px solid var(--ink)}.solid{background:var(--ink);color:var(--paper);padding:16px 22px;border:1px solid var(--ink);font-size:11px;display:inline-flex;gap:35px;align-items:center}.solid:hover{background:var(--orange);border-color:var(--orange)}.link-arrow:hover span,.solid:hover span{transform:translate(3px,-3px)}.link-arrow span,.solid span{transition:transform .3s}.photo-collage{position:relative;min-height:545px;background:#e4e2da;overflow:hidden}.photo-collage .main-photo{filter:saturate(.24);animation:photo-drift 40s ease-in-out infinite alternate}.photo-collage::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0c06005c,transparent 35%);pointer-events:none}.photo-caption{position:absolute;bottom:22px;left:24px;color:white;z-index:2;font-size:8px;letter-spacing:1.2px}.photo-caption a{text-decoration:underline;text-underline-offset:3px}.hero-art{position:absolute;right:11%;top:13%;width:130px;height:130px;z-index:2;perspective:600px}.hero-art i{position:absolute;width:43px;height:43px;background:var(--paper);box-shadow:2px 4px 0 #0001;transition:transform 1s var(--ease)}.hero-art i:nth-child(2){left:57px}.hero-art i:nth-child(3){top:57px}.hero-art i:nth-child(4){top:73px;left:73px;background:var(--orange);animation:outside 9s var(--ease) infinite}.hero-art:hover i:nth-child(1){transform:translate(-10px,-10px) rotateY(-25deg)}.hero-art:hover i:nth-child(2){transform:translate(15px,-12px) rotateY(25deg)}.hero-art:hover i:nth-child(3){transform:translate(-12px,16px) rotateX(25deg)}.hero-art:hover i:nth-child(4){animation:none;transform:translate(30px,30px) scale(1.2)}
.section-line{border-top:1px solid var(--rule);display:flex;justify-content:space-between;padding-top:18px;font-size:9px;text-transform:uppercase;letter-spacing:1.3px}.intro-row{display:grid;grid-template-columns:.7fr 1.3fr;gap:8%;padding:76px 0 82px}.intro-row h2{font-size:clamp(30px,3.4vw,54px);line-height:1.14;max-width:620px}.intro-row p{max-width:490px;margin-top:24px;color:#645f57}.small-index{font-size:9px;color:var(--muted);letter-spacing:1px}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:19px;margin-bottom:95px}.product{display:block;position:relative}.product-art{height:290px;position:relative;overflow:hidden;background:#ebe9e2}.product-art img{filter:grayscale(.8);transition:transform 1.4s var(--ease),filter .8s}.product:hover img{transform:scale(1.045);filter:grayscale(.35)}.product .product-meta{display:flex;justify-content:space-between;align-items:center;margin:19px 0 11px}.product h3{font-size:25px}.product p{font-size:12px;color:#706b62;max-width:300px}.product-tag{font-size:8px;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:12px}.product-arrow{font-size:23px;transition:transform .4s}.product:hover .product-arrow{transform:translate(4px,-4px)}.pf-art{background:#eeeae1;display:grid;place-items:center;perspective:800px}.pf-planes{width:145px;height:145px;transform:rotateX(52deg) rotateZ(-29deg);transform-style:preserve-3d;transition:transform 1.5s var(--ease)}.pf-planes i{position:absolute;inset:0;border:1px solid #b5b0a6;background:#fafaf7e3;transform:translateZ(calc(var(--n)*23px));box-shadow:15px 15px 24px #0c060009}.pf-planes i:last-child::after{content:'';position:absolute;right:18px;bottom:18px;background:var(--orange);width:30px;height:30px}.product:hover .pf-planes{transform:rotateX(40deg) rotateZ(-12deg)}
.impact-panel{background:var(--ink);color:var(--paper);padding:65px 6%;margin-bottom:90px;position:relative;overflow:hidden}.impact-head{display:flex;gap:35px;justify-content:space-between;align-items:flex-end}.impact-head h2{font-size:clamp(34px,4vw,60px);max-width:500px;line-height:1.06;margin-top:15px}.impact-head p{font-size:12px;max-width:270px;color:#b3aaa0}.domino-board{display:flex;align-items:flex-end;justify-content:center;gap:clamp(8px,2.6vw,42px);height:200px;padding-bottom:30px;perspective:700px}.domino-board i{display:block;width:clamp(11px,1.9vw,28px);height:80px;background:#d4cec4;transform-origin:bottom right;transform:rotate(-3deg);transition:transform .7s var(--ease);transition-delay:calc(var(--n)*90ms);box-shadow:6px 7px 0 #ffffff0a}.domino-board i:first-child{background:var(--orange)}.tipped .domino-board i{transform:rotate(68deg)}.impact-panel button{color:var(--paper);border:1px solid #5d544c;padding:13px 20px;font-size:11px}.impact-panel button:hover{border-color:var(--paper)}.impact-bottom{display:flex;align-items:center;gap:28px}.impact-bottom p{font-size:10px;color:#b9b0a7;max-width:430px}.wide-photo{height:410px;position:relative;overflow:hidden;margin-bottom:90px}.wide-photo img{filter:saturate(.25);object-position:50% 61%}.wide-photo p{position:absolute;left:5%;bottom:13%;color:white;font-size:32px;max-width:370px;line-height:1.18;letter-spacing:-1.3px;text-shadow:0 2px 25px #0009}.wide-photo small{position:absolute;right:20px;bottom:18px;color:white;font-size:8px}.site-footer{border-top:1px solid var(--rule);padding:45px 4.2% 185px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.site-footer h2{font-size:36px;max-width:420px;line-height:1.1;margin-bottom:26px}.footer-links{display:flex;gap:45px;align-items:flex-start;justify-content:center}.footer-links div{display:grid;gap:13px;font-size:11px}.footer-links strong{font-size:9px;font-weight:400;text-transform:uppercase;letter-spacing:1.2px;color:var(--muted);margin-bottom:8px}.footer-bottom{grid-column:1/-1;border-top:1px solid var(--rule);padding-top:20px;display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}
.page-head{padding:80px 0 65px;display:grid;grid-template-columns:1.4fr .65fr;gap:13%;align-items:end}.page-head h1{font-size:clamp(45px,6vw,82px);line-height:1.04;margin-top:24px;max-width:760px}.page-head p:not(.eyebrow){color:#625c53;font-size:14px;max-width:360px}.editorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:7%;margin-bottom:85px}.editorial-image{height:560px;position:relative;overflow:hidden}.editorial-image img{filter:saturate(.2)}.editorial-copy{align-self:center}.editorial-copy h2{font-size:42px;line-height:1.12;margin:18px 0 24px}.editorial-copy p{color:#655f56;font-size:14px;margin-bottom:20px;max-width:415px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:55px 0 85px}.principles article{border-top:1px solid var(--rule);padding-top:20px}.principles h3{font-size:27px;margin:35px 0 15px}.principles p{font-size:13px;color:#655f56}.viewfinder{border:1px solid var(--rule);padding:35px;margin-bottom:85px}.viewfinder-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.viewfinder h2{font-size:30px}.switches{display:flex;gap:6px;flex-wrap:wrap}.switches button{border:1px solid #c9c3b8;padding:10px 15px;font-size:11px}.switches button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.viewfinder-scene{position:relative;height:280px;display:grid;place-items:center;overflow:hidden;background:#eeeae1;margin:30px 0}.perspective-form{display:grid;grid-template-columns:repeat(2,62px);gap:21px;transform:perspective(600px) rotateX(38deg) rotateZ(-20deg);transition:transform 1.2s var(--ease)}.perspective-form i{width:62px;height:62px;background:var(--ink);box-shadow:9px 13px 0 #0c060019}.perspective-form i:last-child{background:var(--orange);transform:translate(21px,21px)}.viewfinder-scene[data-view=people] .perspective-form{transform:perspective(600px) rotateX(0deg) rotateZ(0deg)}.viewfinder-scene[data-view=possibility] .perspective-form{transform:perspective(600px) rotateY(-48deg) rotateX(25deg) rotateZ(28deg)}.view-caption{display:grid;grid-template-columns:.6fr 1.4fr;gap:30px}.view-caption strong{font-size:16px;font-weight:450}.view-caption p{font-size:13px;color:#625c53;max-width:540px}.preflight-sheet{border:1px solid var(--rule);background:#f1eee7;padding:38px}.preflight-sheet .eyebrow{color:var(--muted)}.preflight-sheet blockquote{font-size:30px;line-height:1.2;letter-spacing:-1px;margin:36px 0}.preflight-sheet label{font-size:11px;display:block}.preflight-sheet textarea{width:100%;font:13px Inter;line-height:1.5;padding:13px;border:1px solid #cbc5b9;background:var(--paper);resize:vertical;margin-top:10px;min-height:85px}.preflight-sheet small{font-size:10px;color:#777066;display:block;margin-top:20px;line-height:1.5}.notebook{padding:45px;border:1px solid var(--rule);margin-bottom:85px}.notebook h2{font-size:31px;margin-bottom:14px}.notebook p{color:#625c53;max-width:600px}.trail-list{list-style:none;padding:0;display:flex;gap:8px;flex-wrap:wrap;margin:28px 0 0}.trail-list li{border:1px solid var(--rule);padding:10px 13px;font-size:10px}.trail-list li.found{border-color:var(--ink)}.trail-list li.found::before{content:'▪';color:var(--orange);margin-right:7px}
.corner{position:fixed;bottom:20px;right:22px;width:222px;background:var(--paper);border:1px solid #c9c4b8;box-shadow:0 7px 28px #0c060010;z-index:30;transition:width .35s var(--ease),transform .35s;user-select:none}.corner-top{padding:10px 12px 5px;display:flex;justify-content:space-between;align-items:center}.corner-title{font-size:9px;letter-spacing:.15px;display:flex;gap:6px;align-items:center}.corner-title i{width:5px;height:5px;background:var(--orange)}.corner-tools{display:flex;gap:2px}.corner-tools button{width:23px;height:23px;font-size:14px}.corner-tools button:hover{background:#e9e5dc}.corner canvas{width:100%;height:116px;display:block;touch-action:none;cursor:ew-resize}.corner-bottom{padding:0 12px 11px;display:flex;justify-content:space-between;align-items:center;color:#8a8276;font-size:8px}.corner-bottom input{width:68px;accent-color:var(--ink);height:12px}.corner.compact{width:45px}.corner.compact .corner-title,.corner.compact #fidget-pause,.corner.compact canvas,.corner.compact .corner-bottom{display:none}.corner.compact .corner-top{padding:10px}.corner.compact #fidget-size{width:23px;height:23px;background:var(--orange);color:var(--orange);font-size:0;transform:translate(2px,2px)}.corner.reward{animation:corner-nudge .65s var(--ease)}.toast{position:fixed;bottom:28px;left:4.2%;z-index:29;max-width:calc(100vw - 300px);background:var(--ink);color:var(--paper);font-size:11px;padding:15px 20px;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .3s,transform .3s}.toast.show{opacity:1;transform:none}.reveal{animation:reveal .85s var(--ease) both}.grow-rule{display:block;width:24px;height:4px;background:var(--orange);margin-top:25px;transition:width 1s var(--ease)}.principles article:hover .grow-rule{width:90px}
@keyframes photo-drift{to{transform:scale(1.07)}}@keyframes outside{0%,45%,100%{transform:none}65%{transform:translate(15px,15px) rotateY(30deg)}80%{transform:translate(6px,6px)}}@keyframes reveal{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes corner-nudge{40%{transform:translateY(-7px)}}
@media(min-width:1700px){.wrap{max-width:1550px;margin:auto}.hero{min-height:810px}.hero-copy{padding-left:15px}.photo-collage{min-height:680px}.product-art{height:350px}}
@media(max-width:1000px){.header{padding:0 5%;height:86px}.nav{gap:20px}.wrap{margin:0 5%}.hero{gap:5%;min-height:560px;padding-top:35px}.hero h1{font-size:54px}.photo-collage{min-height:470px}.hero-copy>p:not(.eyebrow){font-size:13px}.hero-art{transform:scale(.8);transform-origin:top right}.product-art{height:220px}.intro-row{gap:5%}.page-head{gap:6%}.editorial-image{height:480px}.editorial-copy h2{font-size:35px}.corner{width:190px}.corner canvas{height:102px}.impact-head p{max-width:230px}}
@media(max-width:700px){.header{height:78px}.wordmark{font-size:18px}.identity img{width:25px;height:25px}.mobile-menu{display:block;font-size:11px;padding:12px 0 12px 20px}.nav{display:none;position:absolute;top:77px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--rule);padding:20px 5%;flex-wrap:wrap;gap:10px 25px}.nav.open{display:flex}.nav a{font-size:12px}.nav .nav-cta{margin-left:auto}.hero{grid-template-columns:1fr;gap:32px;padding:37px 0 44px;min-height:0}.hero-copy{padding:0}.hero h1{font-size:clamp(46px,10vw,64px);margin:22px 0}.hero-copy>p:not(.eyebrow){font-size:14px;max-width:330px}.actions{margin-top:25px;gap:22px}.photo-collage{min-height:430px;height:110vw;max-height:560px}.hero-art{transform:scale(.9);top:12%;right:8%}.intro-row{grid-template-columns:1fr;gap:26px;padding:45px 0}.intro-row h2{font-size:34px}.intro-row p{font-size:13px;margin-top:20px}.products{grid-template-columns:1fr;gap:42px;margin-bottom:50px}.product-art{height:310px}.product p{max-width:100%;font-size:13px}.product h3{font-size:28px}.impact-panel{padding:34px 7%;margin-bottom:50px}.impact-head{display:block}.impact-head h2{font-size:37px}.impact-head p{margin-top:24px;max-width:300px}.domino-board{gap:16px;height:155px;justify-content:flex-start;padding-left:5px}.domino-board i{height:65px;width:13px}.impact-bottom{align-items:flex-start;flex-direction:column;gap:18px}.wide-photo{height:370px;margin-bottom:50px}.wide-photo p{font-size:27px;max-width:270px}.wide-photo small{font-size:7px}.site-footer{grid-template-columns:1fr;padding:35px 5% 175px;gap:45px}.site-footer h2{font-size:32px}.footer-links{justify-content:flex-start;gap:65px}.footer-bottom{gap:20px;font-size:8px}.page-head{padding:45px 0 38px;grid-template-columns:1fr;gap:26px}.page-head h1{font-size:45px}.page-head p:not(.eyebrow){font-size:13px}.editorial-grid{grid-template-columns:1fr;gap:35px;margin-bottom:50px}.editorial-image{height:410px}.editorial-copy h2{font-size:35px}.principles{grid-template-columns:1fr;gap:35px;margin:30px 0 50px}.principles h3{margin-top:22px}.viewfinder{padding:22px;margin-bottom:50px}.viewfinder-top{display:block}.viewfinder h2{font-size:27px;margin-bottom:20px}.viewfinder-scene{height:230px}.view-caption{grid-template-columns:1fr;gap:13px}.preflight-sheet{padding:23px}.preflight-sheet blockquote{font-size:28px}.notebook{padding:24px;margin-bottom:50px}.notebook h2{font-size:27px}.notebook p{font-size:12px}.corner{right:12px;bottom:12px;width:176px}.corner canvas{height:91px}.corner-top{padding:7px 10px 2px}.corner-title{font-size:8px}.corner-bottom{font-size:7px;padding:0 10px 9px}.corner-bottom input{width:45px}.toast{bottom:174px;left:5%;max-width:90%;font-size:10px}.section-line{font-size:8px}.switches button{padding:9px 11px;font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.arcade-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.arcade-tabs button{border:1px solid var(--rule);padding:23px;text-align:left;position:relative}.arcade-tabs strong{display:block;font-size:21px;font-weight:450;letter-spacing:-.7px}.arcade-tabs span{display:block;color:var(--muted);font-size:10px;margin-top:9px}.arcade-tabs button[aria-pressed=true]{border-color:var(--ink)}.arcade-tabs button[aria-pressed=true]::after{content:'';position:absolute;width:8px;height:8px;background:var(--orange);right:22px;top:26px}.learning-stage{padding:36px 6%;background:#efede6;border:1px solid var(--rule);min-height:520px;position:relative}.lesson-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:34px}.lesson-counter{font-size:10px;color:var(--muted)}.flight-targets{display:flex;justify-content:space-around;gap:20px}.flight-targets button{border:1px solid transparent;padding:13px 20px;min-width:160px;font-size:11px;transition:transform .35s}.flight-targets button[aria-pressed=true]{border-color:#b7b0a4}.flight-targets button:hover{transform:translateY(-4px)}.target-glyph{display:block;font-size:50px;margin-bottom:10px;line-height:1}.resolved .target-glyph{opacity:.35}.lesson-quote{text-align:center;font-size:24px;letter-spacing:-.7px;margin:29px 0 35px}.lesson-prompt{font-size:12px;margin-bottom:13px}.launch-track{height:48px;position:relative;margin:15px 0;width:100%;border-bottom:1px solid #cfc8bc}.launch-track i{position:absolute;width:10px;height:10px;background:var(--orange);bottom:12px;left:4%}.launch-track.firing i{animation:message-flight .65s var(--ease) both}.lesson-result{font-size:13px;max-width:660px;color:#655d51;min-height:49px;margin-top:23px}.concept-note{font-size:10px;line-height:1.65;color:var(--muted);max-width:730px;margin:17px 0 65px}.quest-map{display:flex;align-items:center;justify-content:center;gap:25px;padding:20px 0 40px}.quest-map button{display:grid;gap:13px;font-size:12px}.quest-map button span{width:55px;height:55px;border:1px solid var(--ink);display:grid;place-items:center;background:var(--paper);font-size:18px}.quest-map button[aria-pressed=true] span{background:var(--orange);color:white;border-color:var(--orange)}.quest-map button.visited::after{content:'Visited';font-size:8px;position:relative;margin-top:-6px;color:var(--muted)}.quest-map>i{width:15%;height:1px;background:#afa596;margin-top:-25px}.quest-copy{max-width:680px;margin:auto}.quest-copy h3{font-size:32px}.quest-copy p{font-size:13px;color:#62594d;margin:17px 0 23px}.quest-options{display:flex;gap:14px;flex-wrap:wrap}.quest-options button{padding:14px 18px;border:1px solid #c0b7a9;background:var(--paper);font-size:11px}.quest-options button:hover{border-color:var(--ink)}.evidence-desk{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:32px}.evidence-desk article{background:var(--paper);border:1px solid var(--rule);padding:30px}.evidence-desk blockquote{font-size:31px;line-height:1.15;margin:27px 0 12px;letter-spacing:-1px}.evidence-desk article p{font-size:17px;margin-top:26px}.evidence-desk article small{display:block;font-size:9px;color:var(--muted);margin-top:20px;line-height:1.5}@keyframes message-flight{to{left:94%;transform:rotate(180deg)}}
@media(max-width:700px){.arcade-tabs{gap:7px}.arcade-tabs button{padding:15px 10px}.arcade-tabs strong{font-size:15px;letter-spacing:-.6px}.arcade-tabs span{font-size:8px;line-height:1.5}.arcade-tabs button[aria-pressed=true]::after{width:4px;height:4px;right:8px;top:8px}.learning-stage{padding:24px 18px;min-height:560px}.lesson-head{display:block;margin-bottom:22px}.lesson-counter{display:block;font-size:9px;margin-top:11px}.flight-targets{gap:4px}.flight-targets button{padding:9px 4px;min-width:0;flex:1;font-size:9px;line-height:1.4}.target-glyph{font-size:35px}.lesson-quote{font-size:22px;margin:27px 0}.lesson-result{font-size:12px}.concept-note{font-size:9px;margin-bottom:35px}.quest-map{gap:10px}.quest-map>i{width:9%}.quest-map button span{height:45px;width:45px}.quest-copy h3{font-size:27px}.quest-copy p{font-size:12px}.quest-options{gap:10px}.quest-options button{font-size:10px;padding:12px}.evidence-desk{grid-template-columns:1fr;gap:12px}.evidence-desk article{padding:20px}.evidence-desk blockquote{font-size:28px;margin-top:18px}.evidence-desk article p{font-size:15px;margin-top:18px}}
.hero-art i{background:var(--ink)}.hero-art i:nth-child(4){background:var(--orange)}
.field-notes{display:grid;grid-template-columns:150px 1fr;gap:16px 28px;font-size:12px;line-height:1.6;margin:27px 0}.field-notes dt{color:var(--muted)}.field-notes dd{margin:0;max-width:630px}@media(max-width:700px){.field-notes{grid-template-columns:1fr;gap:7px;font-size:11px}.field-notes dd{margin-bottom:15px}}
.quest-map{position:relative;background:repeating-radial-gradient(ellipse at 22% 38%,transparent 0,transparent 21px,#bdb5a529 22px,transparent 24px,transparent 38px);border-top:1px solid #d6cfc3;border-bottom:1px solid #d6cfc3;margin-bottom:25px;padding-top:35px}.quest-map::before{content:'N ↑';position:absolute;top:10px;left:12px;font-size:8px;letter-spacing:1px;color:var(--muted)}.quest-map button{position:relative;background:#efede6;padding:6px}.flight-targets .target-glyph{animation:target-drift 6s steps(6,end) infinite}.flight-targets button:nth-child(2) .target-glyph{animation-delay:-2s}.flight-targets button:nth-child(3) .target-glyph{animation-delay:-4s}.flight-targets .resolved .target-glyph{animation:none}@keyframes target-drift{50%{transform:translateY(-5px)}}
[hidden]{display:none!important}
/* Original spatial studies, merged with the live site's orange and indexed editorial language. */
.eyebrow,.small-index,.section-line,.art-notation,.art-topline,.chapter-strip,.nav a{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.hero{background:var(--orange);margin:0 -4.6%;padding:56px 4.6% 48px;gap:4%;min-height:690px}.hero h1{font-weight:650;letter-spacing:-.07em}.hero-copy>p:not(.eyebrow){color:#351a0e}.possibility-art{min-height:535px;position:relative;overflow:hidden;background:linear-gradient(130deg,#ff4500,#ec4100);border:1px solid #0c060029}.art-topline{position:absolute;top:25px;left:25px;font-size:9px;letter-spacing:1.5px;z-index:2}.lab-sculpture{position:absolute;inset:0;perspective:950px;display:grid;place-items:center;overflow:hidden}.sculpture-grid{position:relative;width:240px;height:240px;transform-style:preserve-3d;transform:rotateX(52deg) rotateZ(-30deg);transition:transform 1.6s var(--ease)}.sculpture-grid i{position:absolute;width:48px;height:48px;left:calc(var(--x)*61px);top:calc(var(--y)*61px);background:#f4eee0;box-shadow:8px 12px 0 #63250e,19px 29px 20px #0c060020;transform:translateZ(calc(var(--x)*9px));transition:transform 1.6s var(--ease),background 1s}.sculpture-grid i:nth-child(4n){background:#0c0600;box-shadow:8px 12px 0 #56200c,19px 29px 20px #0c060020}.sculpture-grid i:last-child{transform:translate3d(26px,26px,70px);background:#0c0600}.art-bottom{position:absolute;bottom:25px;left:25px;right:25px;display:flex;justify-content:space-between;gap:20px;align-items:end}.art-bottom p{font-size:12px;line-height:1.5;max-width:160px}.art-bottom button{font-size:10px;border-bottom:1px solid;padding:10px 0;max-width:150px;text-align:left}.possibility-art[data-arrangement="1"] .sculpture-grid{transform:rotateX(15deg) rotateZ(0deg)}.possibility-art[data-arrangement="1"] .sculpture-grid i{transform:translate3d(calc((var(--x) - 1.5)*12px),calc((var(--y) - 1.5)*12px),0)}.possibility-art[data-arrangement="2"] .sculpture-grid{transform:rotateX(58deg) rotateZ(30deg)}.possibility-art[data-arrangement="2"] .sculpture-grid i{transform:translateZ(calc(var(--i)*8px))}.chapter-strip{display:flex;gap:0;border-bottom:1px solid var(--rule);margin-bottom:40px}.chapter-strip button{flex:1;padding:22px 8px;text-align:left;font-size:10px;border-right:1px solid var(--rule)}.chapter-strip button:last-child{border:0}.chapter-strip button span{color:var(--muted);margin-right:18px}.chapter-strip button:hover{background:#eeeae1}.discovery-gallery{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0 0 90px}.gallery-heading{grid-column:1/-1;padding:10px 0 20px}.gallery-heading h2{font-size:44px;margin:15px 0}.gallery-heading>p:last-child{color:var(--muted);font-size:13px}.experiment{position:relative;height:390px;background:#eeeae1;text-align:left;overflow:hidden;border:1px solid var(--rule)}.experiment>.eyebrow{position:absolute;top:25px;left:25px;z-index:2}.experiment-label{position:absolute;bottom:25px;left:25px;right:25px;display:flex;justify-content:space-between;font-size:13px}.experiment .sculpture-grid{transform:scale(.62) rotateX(55deg) rotateZ(-30deg)}.experiment .sculpture-grid i,.studio-sculpture .sculpture-grid i{background:#0c0600;box-shadow:8px 12px 0 #c0b9aa,19px 29px 20px #0c060016}.experiment .sculpture-grid i:last-child,.studio-sculpture .sculpture-grid i:last-child{background:var(--orange)}.experiment[aria-pressed=true] .sculpture-grid{transform:scale(.62) rotateX(20deg) rotateZ(35deg)}.orbit-ring{position:absolute;width:300px;height:300px;border:1px solid #0c060022;border-radius:50%;transform:rotateX(60deg);pointer-events:none}.opening .orbit-ring{display:none}.path-blocks{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;perspective:600px}.path-blocks i{display:block;width:31px;height:31px;background:var(--ink);transform:translateY(calc((var(--i) - 3)*14px)) rotateX(35deg) rotateZ(-20deg);box-shadow:5px 6px 0 #b7afa0;transition:transform 1s var(--ease);transition-delay:calc(var(--i)*65ms)}.path-blocks i:nth-child(4){background:var(--orange);transform:translateY(-65px) rotate(25deg)}.experiment[aria-pressed=true] .path-blocks i{transform:rotateX(35deg) rotateZ(-20deg)}.studio-sculpture{background:#eae6dc}.studio-sculpture .sculpture-grid{transform:rotateX(50deg) rotateZ(-30deg) scale(.85)}.art-notation{position:absolute;bottom:20px;left:20px;font-size:8px;letter-spacing:1.2px}.signal-bars{position:absolute;inset:65px 45px;display:flex;align-items:center;gap:9px;transform:perspective(600px) rotateY(-18deg);transition:transform 1s}.signal-bars i{flex:1;height:var(--h);background:var(--ink);transition:transform .7s;transition-delay:calc(var(--i)*45ms)}.signal-bars i:nth-child(5){background:var(--orange)}.product:hover .signal-bars{transform:perspective(600px) rotateY(15deg)}.product:hover .signal-bars i{transform:scaleY(.8)}.wire-globe{position:absolute;width:175px;height:175px;border:1px solid var(--ink);border-radius:50%;top:43%;left:50%;transform:translate(-50%,-50%) rotate(-20deg);transition:transform 1.3s}.wire-globe i{position:absolute;inset:0;border:1px solid #0c060077;border-radius:50%}.wire-globe i:nth-child(1){transform:scaleX(.35)}.wire-globe i:nth-child(2){transform:scaleX(.7)}.wire-globe i:nth-child(3){transform:scaleY(.35)}.wire-globe i:nth-child(4){transform:scaleY(.7)}.wire-globe b{position:absolute;width:13px;height:13px;top:25px;right:30px;background:var(--orange);box-shadow:0 0 0 8px #ff450016}.product:hover .wire-globe{transform:translate(-50%,-50%) rotate(20deg)}.products{grid-template-columns:repeat(2,1fr)}.product-art{height:320px}.quest-product .path-blocks{transform:scale(.9)}.product:hover .path-blocks i{transform:rotateX(35deg) rotateZ(-20deg)}
@media(max-width:700px){.hero{margin:0 -5.56%;padding:36px 5.56%;gap:32px}.hero h1{font-size:56px}.possibility-art{min-height:440px}.sculpture-grid{transform:scale(.82) rotateX(52deg) rotateZ(-30deg)}.possibility-art[data-arrangement="1"] .sculpture-grid{transform:scale(.8) rotateX(15deg)}.possibility-art[data-arrangement="2"] .sculpture-grid{transform:scale(.8) rotateX(58deg) rotateZ(30deg)}.art-bottom{left:20px;right:20px}.art-bottom p{font-size:11px}.art-bottom button{font-size:9px}.chapter-strip{flex-wrap:wrap}.chapter-strip button{flex:1 0 50%;padding:17px 8px;border-bottom:1px solid var(--rule)}.products,.discovery-gallery{grid-template-columns:1fr}.discovery-gallery{margin-bottom:50px}.gallery-heading h2{font-size:34px}.experiment{height:330px}.product-art{height:300px}}
.art-bottom{flex-direction:column;align-items:flex-start;gap:12px}.art-bottom p{max-width:240px}.art-bottom button{max-width:230px}.chapter-strip button:focus-visible{outline-offset:-5px}.possibility-art:has(button:focus-visible){outline:2px solid var(--ink);outline-offset:4px}
/* Direction 16: connection, participation, agency. */
.hero{min-height:720px;grid-template-columns:1.1fr 1fr}.hero h1{font-size:clamp(55px,6.8vw,110px);line-height:.98;letter-spacing:-.075em}.hero-copy>p:not(.eyebrow){max-width:390px;font-size:14px}.possibility-art{border:0;background:none}.possibility-art .sculpture-grid{transform:rotateX(52deg) rotateZ(-30deg) scale(1.15)}.art-topline{border-top:1px solid #0c060040;padding-top:13px;right:25px}.art-bottom{bottom:35px}.exchange-section{background:var(--ink);color:var(--paper);margin:40px 0 0;padding:65px 5.5%;display:grid;grid-template-columns:.95fr 1.15fr;gap:7%;overflow:hidden}.exchange-heading h2{font-size:clamp(35px,3.6vw,60px);line-height:1.09;letter-spacing:-.055em;margin:26px 0}.exchange-heading h2 em{font-style:normal;color:#ff7040}.exchange-heading>p:last-child{font-size:13px;line-height:1.8;color:#c3b8aa;max-width:370px}.exchange-top{display:flex;justify-content:space-between;gap:15px;align-items:center}.exchange-top .eyebrow{font-size:8px;color:#d7cdbf}.demo-label{font-size:8px;color:#a79a8a}.exchange-tabs{display:flex;border-bottom:1px solid #51463b;gap:25px;margin-top:25px}.exchange-tabs button{color:#a99b8a;font-size:11px;padding:13px 0;position:relative}.exchange-tabs button[aria-pressed=true]{color:var(--paper)}.exchange-tabs button[aria-pressed=true]::after{content:'';position:absolute;left:0;bottom:-1px;right:0;height:2px;background:var(--orange)}.exchange-network{height:180px;display:flex;align-items:center;justify-content:center;gap:0;perspective:800px}.exchange-node{position:relative;display:grid;justify-items:center;width:64px;gap:22px}.exchange-node>i{width:39px;height:39px;border:1px solid #ddd2c4;transform:rotateX(20deg) rotateY(-20deg);box-shadow:6px 6px 0 #77655344}.brand-node>i{background:#e7e0d4}.exchange-network small{font:7px ui-monospace,monospace;letter-spacing:1px;color:#b5a897;white-space:nowrap}.exchange-path{height:1px;background:#74604a66;flex:1;position:relative;margin-top:-30px;overflow:visible}.exchange-path i{position:absolute;width:4px;height:4px;top:-1.5px;left:0;background:var(--orange);animation:exchange-flow 4s linear infinite;animation-delay:calc(var(--i,0)*1s)}.exchange-path i:nth-child(2){--i:1}.exchange-path i:nth-child(3){--i:2}.exchange-center{display:grid;justify-items:center;width:92px;gap:18px}.exchange-center>span{height:55px;width:55px;display:grid;place-items:center;background:var(--orange);color:var(--ink);font-size:26px;transform:rotate(-6deg);transition:transform 1s var(--ease);box-shadow:0 0 60px #ff450022}.exchange-lab[data-mode=connect] .exchange-center>span{transform:rotate(90deg)}.exchange-lab[data-mode=discover] .exchange-center>span{transform:rotate(174deg)}.exchange-result h3{font-size:27px;line-height:1.15;margin-bottom:25px}.two-sided{display:grid;grid-template-columns:1fr 1fr;gap:25px}.two-sided span{font:8px ui-monospace,monospace;letter-spacing:1.2px;color:#aa9b89}.two-sided p{font-size:11px;color:#d8cfc3;margin-top:11px;line-height:1.8}.exchange-boundary{display:flex;gap:14px;border-top:1px solid #51463b;margin-top:27px;padding-top:21px;align-items:flex-start}.boundary-glyph{font-size:23px;color:#ff7040;line-height:1}.exchange-boundary p{font-size:9px;color:#ac9e8c;line-height:1.8}.exchange-boundary strong{font-weight:450;color:#e9dfd3}.participation-principles{padding:80px 0 90px;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}.participation-principles h2{font-size:clamp(33px,3.7vw,55px);line-height:1.1;margin:25px 0}.principle-rows article{display:grid;grid-template-columns:25px 1fr 40px;gap:20px;border-top:1px solid var(--rule);padding:25px 0}.principle-rows article>span{font:9px ui-monospace,monospace;color:var(--muted);padding-top:4px}.principle-rows h3{font-size:23px;letter-spacing:-.8px;margin-bottom:12px}.principle-rows p{font-size:12px;color:#706453;max-width:360px}.principle-icon{width:23px;height:23px;border:1px solid var(--ink);position:relative;margin-top:6px}.square-in-square::after{content:'';position:absolute;inset:6px;background:var(--orange)}.growing-square{background:var(--orange);border:0;box-shadow:5px 5px 0 #0c06001a;transition:transform .5s}.principle-rows article:hover .growing-square{transform:scale(1.2)}.open-square{border-right-color:transparent}.open-square::after{content:'';position:absolute;right:-5px;bottom:-5px;width:8px;height:8px;background:var(--orange)}.site-footer{background:#efede6}.site-footer h2{font-size:clamp(36px,4.5vw,68px);letter-spacing:-.065em}.product-art{transition:background .6s}.product:hover .product-art{background:#e3ded2}.arcade-tabs button{transition:background .4s,transform .4s}.arcade-tabs button:hover{transform:translateY(-3px)}.arcade-tabs button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.arcade-tabs button[aria-pressed=true] span{color:#c6bcae}.page-head{padding-bottom:55px}.header{border-bottom:1px solid #0c060026}.exchange-section button:focus-visible{outline-color:#ff7040}.exchange-section+.participation-principles{margin-bottom:0}@keyframes exchange-flow{0%{left:0;opacity:0}10%,85%{opacity:1}100%{left:100%;opacity:0}}
@media(max-width:1000px){.exchange-section{grid-template-columns:1fr;gap:40px}.exchange-heading{display:grid;grid-template-columns:1fr 1fr;gap:0 35px;align-items:end}.exchange-heading>.eyebrow{grid-column:1/-1}.exchange-heading h2{font-size:43px}.exchange-heading>p:last-child{margin-bottom:28px}.exchange-lab{max-width:650px;width:100%;justify-self:center}.hero h1{font-size:65px}.participation-principles{gap:5%}.principle-rows article{gap:12px}}
@media(max-width:700px){.hero{grid-template-columns:1fr;min-height:0}.hero h1{font-size:clamp(48px,13.8vw,72px)}.hero-copy>p:not(.eyebrow){font-size:13px}.possibility-art{min-height:420px}.possibility-art .sculpture-grid{transform:scale(.82) rotateX(52deg) rotateZ(-30deg)}.exchange-section{padding:35px 22px;margin-top:25px;gap:25px}.exchange-heading{display:block}.exchange-heading h2{font-size:35px}.exchange-heading>p:last-child{font-size:12px;margin-bottom:0}.exchange-top{gap:9px}.exchange-top .eyebrow,.demo-label{font-size:7px}.exchange-tabs{gap:16px}.exchange-tabs button{font-size:10px}.exchange-network{height:160px}.exchange-node{width:47px}.exchange-node>i{width:29px;height:29px}.exchange-network small{font-size:6px}.exchange-center{width:76px}.exchange-center>span{height:43px;width:43px}.exchange-path{min-width:10px}.two-sided{gap:17px}.two-sided p{font-size:10px}.two-sided span{font-size:7px}.exchange-result h3{font-size:25px}.participation-principles{grid-template-columns:1fr;gap:15px;padding:45px 0}.participation-principles h2{font-size:35px}.principle-rows h3{font-size:24px}.principle-rows p{font-size:12px}.exchange-boundary p{font-size:8px}}
/* 17 / A little push. Original sphere and domino scene; connected ecosystem. */
.chain-hero{grid-template-columns:1fr 1.1fr;gap:1%;min-height:720px}.chain-hero h1{font-size:clamp(54px,5.9vw,98px);letter-spacing:-.065em;line-height:1.015}.hero-copy .hero-invitation{font-size:17px;line-height:1.65;max-width:420px}.hero-copy .hero-push-copy{font-size:12px;margin-top:17px}.chain-art{min-height:560px;position:relative;align-self:stretch;isolation:isolate}.chain-art canvas{position:absolute;width:112%;height:100%;left:-6%;top:0;pointer-events:none}.chain-art .art-topline{left:25px;right:25px;font-size:8px;top:32px}.chain-bottom{position:absolute;left:25px;right:25px;bottom:33px;display:flex;justify-content:space-between;align-items:end;gap:30px}.chain-bottom p{font-size:11px;line-height:1.55;max-width:250px}.chain-number{font:10px ui-monospace,monospace;letter-spacing:2px}.chain-hero .solid:disabled{opacity:.65}.chain-hero .actions{gap:20px}.chain-hero .actions .link-arrow{font-size:10px;gap:18px}.corner canvas:focus-visible{outline:2px solid var(--orange);outline-offset:-5px}.corner-bottom #fidget-help{font-size:7px;color:#5f5648}.protocol-feature{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding:70px 6%;margin:0 0 90px;background:#eae7df;border:1px solid #d7d1c5;position:relative;overflow:hidden}.protocol-intro h2{font-size:clamp(40px,4.5vw,68px);line-height:1.04;margin:26px 0;letter-spacing:-.06em}.protocol-intro h2 em{font-style:normal}.protocol-intro>p:not(.eyebrow){font-size:13px;color:#645b4e;max-width:370px;margin:17px 0;line-height:1.8}.protocol-status{display:block;font:8px ui-monospace,monospace;color:#766a58;margin-top:20px;letter-spacing:1px}.protocol-stack{padding:15px 0 0;align-self:center;perspective:900px}.protocol-object{display:block;position:relative;padding:25px 30px;background:var(--paper);margin-bottom:13px;box-shadow:5px 6px 0 #0c06000b;border:1px solid #d1cbbb;transform:rotateY(-8deg) rotateZ(-2deg);transition:transform .6s var(--ease),box-shadow .6s}.protocol-object:nth-child(2){transform:rotateY(-8deg) rotateZ(1deg);margin-left:17px}.protocol-object:nth-child(3){transform:rotateY(-8deg) rotateZ(-1deg);margin-left:30px}.protocol-object:hover,.protocol-object:focus-visible{transform:translateY(-5px);box-shadow:6px 14px 22px #0c06000d}.protocol-object>span{font:8px ui-monospace,monospace;letter-spacing:1px;color:#81735f}.protocol-object h3{font-size:27px;margin:16px 0 12px;letter-spacing:-1px}.protocol-object p{font-size:11px;color:#746853;line-height:1.7;max-width:290px}.protocol-object i{position:absolute;top:22px;right:22px;font-style:normal}.protocol-object:first-child::before{content:'';position:absolute;width:10px;height:10px;background:var(--orange);right:23px;bottom:25px}.protocol-footnote{font-size:9px;color:#7b6e5b;line-height:1.8;margin:22px 0 0 30px;max-width:320px}.ecosystem-map{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--rule);border:1px solid var(--rule);margin-bottom:55px}.ecosystem-map a{background:var(--paper);padding:28px 22px;min-height:160px;display:flex;flex-direction:column;transition:background .4s}.ecosystem-map a:hover{background:#efe9de}.ecosystem-map a>span{font:8px ui-monospace,monospace;letter-spacing:1px;color:#8b7b65}.ecosystem-map strong{font-size:23px;letter-spacing:-1px;font-weight:450;display:block;margin:24px 0 16px}.ecosystem-map small{font-size:10px;color:#73634f}.ecosystem-map .ecosystem-protocol{grid-column:1/-1;min-height:95px;flex-direction:row;align-items:center;justify-content:space-between;background:var(--ink);color:var(--paper)}.ecosystem-protocol strong{margin:0;font-size:28px}.ecosystem-map .ecosystem-protocol:hover{background:#2b1c11}.ecosystem-map .ecosystem-protocol>span,.ecosystem-map .ecosystem-protocol>small{color:#c5b69f}.resource-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;padding:45px 0 75px}.resource-groups h2{font-size:25px;margin-bottom:28px}.resource-groups a{display:block;border-top:1px solid var(--rule);padding:20px 0}.resource-groups a strong{display:flex;justify-content:space-between;font-size:13px;font-weight:500;gap:10px}.resource-groups a strong span{transition:transform .3s}.resource-groups a:hover strong span{transform:translate(3px,-3px)}.resource-groups p{color:#827360;font-size:11px;margin-top:10px;line-height:1.7}.hub-close{background:var(--orange);padding:55px 6%;margin-bottom:90px}.hub-close h2{font-size:clamp(38px,4.8vw,72px);line-height:1.04;margin:23px 0 30px}.hub-close>.link-arrow{margin-left:30px}.protocol-feature .actions{gap:22px}.protocol-feature .solid{gap:15px}
@media(max-width:1000px){.chain-hero h1{font-size:57px}.chain-art{min-height:520px}.chain-hero .hero-invitation{font-size:14px}.protocol-feature{gap:6%;padding:45px 5%}.ecosystem-map{grid-template-columns:repeat(2,1fr)}.protocol-intro h2{font-size:47px}.resource-groups{gap:25px}}
@media(max-width:700px){.chain-hero{grid-template-columns:1fr;gap:16px}.chain-hero h1{font-size:clamp(48px,12.5vw,67px)}.chain-hero .hero-invitation{font-size:15px}.chain-hero .hero-push-copy{font-size:12px}.chain-art{min-height:340px;height:90vw;max-height:430px}.chain-art .art-topline{left:0;right:0;top:20px;font-size:7px}.chain-art canvas{width:116%;left:-8%;height:100%}.chain-bottom{left:0;right:0;bottom:8px}.chain-bottom p{font-size:10px;max-width:180px}.chain-number{font-size:8px}.protocol-feature{grid-template-columns:1fr;gap:28px;padding:32px 22px;margin-bottom:50px}.protocol-intro h2{font-size:45px}.protocol-intro>p:not(.eyebrow){font-size:12px}.protocol-object{padding:23px}.protocol-object h3{font-size:25px}.protocol-object p{font-size:10px}.protocol-footnote{margin-left:0}.ecosystem-map a{padding:22px 15px;min-height:165px}.ecosystem-map strong{font-size:22px;line-height:1.1}.ecosystem-map .ecosystem-protocol{display:grid;gap:15px}.ecosystem-map .ecosystem-protocol strong{font-size:28px}.ecosystem-map small{font-size:9px}.resource-groups{grid-template-columns:1fr;gap:20px;padding:30px 0}.resource-groups h2{font-size:27px}.resource-groups a{padding:18px 0}.hub-close{padding:34px 25px;margin-bottom:50px}.hub-close>.link-arrow{margin-left:0;display:flex;width:max-content;margin-top:12px}.hub-close h2{font-size:39px}}
.resource-groups{grid-template-columns:repeat(4,1fr);gap:35px}@media(max-width:1000px){.resource-groups{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.resource-groups{grid-template-columns:1fr}}
.chain-hero .solid:hover{background:#2b1609;border-color:#2b1609}
/* 18 / A studio made of three flat pigments. */
.chain-art{overflow:hidden;background:#1534a3;min-height:570px;margin:0 -8px 0 10px}.chain-art canvas{width:100%;height:100%;inset:0;left:0;top:0}.light-controls{position:absolute;z-index:2;left:26px;right:26px;top:25px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;color:#f6f3ed}.light-label{font:8px ui-monospace,monospace;text-transform:uppercase;letter-spacing:1.5px}.light-controls>div{display:flex;gap:5px}.light-controls button{font-size:9px;padding:9px 10px;color:#f3efe3b0;border:1px solid transparent}.light-controls button[aria-pressed=true]{border-color:#f3efe37a;color:#fff}.light-controls button:hover{color:white;background:#ffffff10}.light-controls button:focus-visible{outline-color:#fff}.chain-bottom{bottom:23px;left:26px;right:26px;z-index:2;pointer-events:none}.chain-bottom p{font-size:10px;max-width:215px;color:#1e0d03}.chain-art[data-state=resetting] .chain-bottom p{opacity:.75}
@media(max-width:1000px){.chain-art{min-height:550px}.light-controls{display:block}.light-controls>div{margin-top:10px}.light-controls button{padding-left:0;margin-right:12px;padding-right:0}.light-controls button[aria-pressed=true]{border-width:0 0 1px}}
@media(max-width:700px){.chain-art{margin:0 -5.56%;min-height:390px;height:106vw;max-height:500px}.light-controls{left:22px;right:22px;top:22px;display:flex;gap:10px}.light-controls>div{margin-top:0}.light-label{font-size:7px}.light-controls button{font-size:8px;margin-right:6px;padding:7px 0}.chain-bottom{left:22px;right:22px;bottom:17px}.chain-bottom p{font-size:9px;max-width:210px}}

/* v19: a Cycles-lit studio, with a quiet photographic frame. */
.chain-art{background:#10234c url('assets/cycles/cycles-reference.png') center/cover no-repeat;box-shadow:0 18px 55px #36150624;border:1px solid #ffffff16;min-height:610px}
.chain-art canvas{transition:opacity .8s ease;opacity:1}
.chain-art[data-renderer=loading] canvas,.chain-art[data-renderer=fallback] canvas{opacity:0}
.chain-art::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#040b1b25,transparent 26%,transparent 75%,#18070012);pointer-events:none}
.light-controls{top:27px;left:29px;right:29px}.light-controls button{font-size:9px;letter-spacing:.1px;color:#f3efe3c7}
.light-controls button[aria-pressed=true]{border-color:#ffffff65;background:#ffffff09}
.chain-bottom{bottom:27px;left:29px;right:29px}.chain-bottom p{color:#241206;font-size:10px;line-height:1.7;max-width:215px}.chain-number{color:#3a1e0c}
@media(max-width:1000px){.chain-art{min-height:560px}}
@media(max-width:700px){.chain-art{min-height:430px;height:115vw;max-height:530px;box-shadow:none}.light-controls{left:22px;right:22px}.chain-bottom{left:22px;right:22px}.light-controls button[aria-pressed=true]{background:transparent}}
@media(prefers-reduced-motion:reduce){.chain-art canvas{transition:none}}
/* Actual Cycles frames preserve indirect contact, reflections, and lens focus in the hero. */
.chain-art .studio-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .65s ease;pointer-events:none}
.chain-art .studio-film.is-active{opacity:1}
.chain-art[data-renderer=cycles-film] canvas{display:none}
.chain-art .film-pause{pointer-events:auto;position:absolute;right:0;bottom:24px;color:#301b10;font-size:9px;letter-spacing:.5px;border-bottom:1px solid #301b1060;padding:6px 0}
.chain-art .film-pause[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.chain-art .studio-film{transition:none}}
@media(max-width:700px){.chain-art[data-renderer=cycles-film]{aspect-ratio:16/15;height:auto;min-height:0;max-height:none}.chain-art[data-renderer=cycles-film] .studio-film{object-fit:contain}}