/* Source: style.css */
@font-face{font-family:Clash;src:url('assets/fonts/clash-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Clash;src:url('assets/fonts/clash-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Satoshi;src:url('assets/fonts/satoshi-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Satoshi;src:url('assets/fonts/satoshi-500.woff2') format('woff2');font-weight:500;font-display:swap}
:root{--canvas:#080a0d;--paper:#ebece7;--muted:#a6aaad;--copper:#e8ab83;--rule:#e3e9ee20;--gutter:clamp(24px,4.4vw,88px);--scene-shift:0px;--rise:0px;--title-opacity:1;--pointer-x:0px;--pointer-y:0px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--canvas);color:var(--paper);font-family:Satoshi,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--copper);outline-offset:8px}::selection{background:var(--copper);color:var(--canvas)}
.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--paper);color:var(--canvas);padding:15px}.skip-link:focus{top:15px}
.site-header{position:absolute;z-index:20;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:35px var(--gutter);gap:48px}.brand{display:inline-flex;align-items:center;gap:13px;justify-self:start}.brand img{object-fit:contain}.wordmark{font-family:Clash,sans-serif;font-size:24px;letter-spacing:-.015em;font-weight:600}.wordmark span{font-weight:500;color:#cad0d2}.site-header nav{display:flex;gap:43px;font-size:14px}.site-header nav a{display:flex;gap:8px;align-items:center;position:relative;padding-block:12px}.site-header nav a::after{content:'';position:absolute;bottom:7px;left:0;width:100%;height:1px;background:var(--copper);transform:scaleX(0);transform-origin:left;transition:transform .3s}.site-header nav a:hover::after{transform:scaleX(1)}.nav-number{font-size:12px;color:var(--copper);align-self:flex-start;margin-top:-2px}.header-place{font-size:13px;display:flex;gap:22px;align-items:center;justify-self:end;color:#b9bec3}.place-line{display:block;width:35px;height:1px;background:var(--copper)}
.launch{position:relative;height:155vh;min-height:1250px}.launch-stage{height:100vh;min-height:780px;position:sticky;top:0;overflow:hidden;isolation:isolate;background:var(--canvas)}.environment{position:absolute;z-index:-3;inset:-4%;transform:translate(var(--pointer-x),calc(var(--scene-shift) + var(--pointer-y)));will-change:transform}.environment img{width:100%;height:100%;object-fit:cover;object-position:65% 65%}.environment-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080a0df5 0%,#080a0dba 27%,#080a0d35 57%,#080a0d00 85%),linear-gradient(0deg,#080a0df2 0%,transparent 25%,transparent 75%,#080a0d40)}.ambient-light{position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 76% 60%,#91b5ce0b,transparent 45%);pointer-events:none;animation:light-breathe 9s ease-in-out infinite}.hero-content{position:absolute;z-index:2;top:24%;left:var(--gutter);width:56%;opacity:var(--title-opacity);transform:translateY(calc(var(--rise) * -.08));will-change:opacity,transform}.eyebrow{margin:0;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.18em;line-height:1.6}.hero-content>.eyebrow{color:#c1c5c7;display:flex;gap:15px;align-items:center}.tiny-line{height:1px;width:26px;display:block;background:var(--copper)}h1{font-family:Clash,sans-serif;font-weight:500;font-size:clamp(110px,11.8vw,235px);line-height:.84;letter-spacing:-.035em;margin:48px 0 0}.title-line{display:block;white-space:nowrap}.title-pattaya{margin-top:12px;color:#d1d5d5}.title-period{color:var(--copper);letter-spacing:-.08em}.hero-lower{margin-top:38px;display:flex;align-items:center;gap:46px}.hero-description{font-size:16px;line-height:1.65;color:#bac0c4;margin:0}.explore{font-size:14px;display:flex;align-items:center;gap:15px}.explore-circle{width:56px;height:56px;border:1px solid #e3e8e84a;border-radius:50%;display:grid;place-items:center;position:relative;transition:border-color .3s,background .3s,transform .4s}.explore-circle::before{content:'';position:absolute;inset:-5px;border-radius:50%;border:1px solid transparent;border-top-color:#e8ab8370;transform:rotate(-25deg);transition:transform .6s}.explore svg{width:22px;height:22px;transition:transform .4s}.explore:hover .explore-circle{background:#e8ab8310;border-color:var(--copper)}.explore:hover .explore-circle::before{transform:rotate(150deg)}.explore:hover svg{transform:rotate(90deg)}
.rocket-position{position:absolute;z-index:3;right:-1%;top:10%;width:61%;height:85%;transform:translate(calc(var(--pointer-x) * -1.7),calc(var(--rise) * -1 + var(--pointer-y) * -1.5));pointer-events:none;will-change:transform}.rocket-idle{width:100%;height:100%;animation:rocket-idle 10s ease-in-out infinite;transform-origin:55% 80%}.rocket{height:100%;width:100%;object-fit:contain;filter:drop-shadow(-30px 22px 45px #0008)}.hero-bottom{position:absolute;z-index:5;left:var(--gutter);right:var(--gutter);bottom:32px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--rule);padding-top:22px;font-size:12px}.scroll-cue{display:flex;align-items:center;gap:15px;color:#a9b0b5}.scroll-cue i{width:15px;height:24px;border:1px solid #e9edf35e;border-radius:10px;position:relative}.scroll-cue i::after{content:'';position:absolute;width:2px;height:5px;background:var(--copper);left:5.5px;top:5px;animation:scroll-mark 2.2s ease-in-out infinite}.first-project{display:flex;align-items:center;gap:27px;font-size:14px}.first-label{text-transform:uppercase;font-size:11px;letter-spacing:.16em;color:#a6aeb5}.project-count{color:#a6aeb5;font-size:12px;margin-left:55px}.edge-label{position:absolute;right:22px;top:43%;writing-mode:vertical-rl;font-size:10px;letter-spacing:.32em;color:#88949a66}
.project-section{position:relative;z-index:10;margin-top:0;padding:36px var(--gutter) 0;background:#0a0d12;border-top:1px solid #e3e9ee0e}.section-bar{display:flex;justify-content:space-between;align-items:center;text-transform:uppercase;font-size:12px;letter-spacing:.16em;color:#c2c7cc;padding-bottom:30px;border-bottom:1px solid var(--rule)}.project-stage{position:relative;min-height:740px;overflow:hidden;isolation:isolate}.project-copy{position:relative;z-index:3;padding-top:138px;width:53%}.project-copy>.eyebrow{color:var(--copper)}.project-copy h2{font-family:Clash,sans-serif;font-weight:500;font-size:clamp(64px,6.8vw,135px);line-height:.98;letter-spacing:-.03em;margin:30px 0}.project-copy h2 span{display:block;color:#cfd4d6}.project-copy>p:not(.eyebrow){color:#aeb7bd;font-size:18px;line-height:1.65}.project-button{background:transparent;color:var(--paper);border:0;border-bottom:1px solid #e8ab8380;padding:18px 0;display:flex;align-items:center;gap:56px;margin-top:25px;font-size:14px}.button-cross{color:var(--copper);font-size:22px;transition:transform .3s}.project-button:hover .button-cross{transform:rotate(90deg)}.trader-portrait{position:absolute;z-index:2;right:-30px;bottom:-25px;width:58%;height:95%;object-fit:contain;object-position:bottom;mask-image:linear-gradient(0deg,transparent,black 13%)}.project-orbit{position:absolute;z-index:-1;width:61%;aspect-ratio:1;top:60px;right:-3%;border:1px solid #ca957d24;border-radius:50%;background:radial-gradient(ellipse,#dd7f4313 0%,transparent 65%)}.project-signature{position:absolute;bottom:30px;left:0;font-size:11px;letter-spacing:.23em;color:#707d86}
footer{padding:90px var(--gutter) 36px;background:#080a0d}.footer-intro .eyebrow{color:var(--copper)}.footer-intro p{font-family:Clash,sans-serif;font-size:clamp(28px,3.5vw,60px);font-weight:500;letter-spacing:-.035em;line-height:1.15;margin:22px 0 80px}.footer-end{border-top:1px solid var(--rule);padding-top:30px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:12px;color:#a7afb6}.footer-end .wordmark{font-size:21px}
dialog{border:1px solid #9aabb330;background:#10151b;color:var(--paper);width:min(1200px,92vw);max-height:88vh;padding:36px;box-shadow:0 30px 120px #0008}dialog::backdrop{background:#030508de;backdrop-filter:blur(12px)}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:25px}.dialog-heading h2{font-family:Clash;font-size:40px;font-weight:500;letter-spacing:-.04em;margin:10px 0 0}.dialog-heading .eyebrow{color:var(--copper)}.close-button{border:1px solid #9aabb340;width:45px;height:45px;border-radius:50%;background:transparent;color:var(--paper);font-size:28px}figure{margin:0}figure img{display:block;width:100%;height:auto}figcaption{color:#aeb5bc;font-size:13px;padding-top:18px}
@keyframes rocket-idle{0%,100%{transform:translateY(0) rotate(-.4deg)}50%{transform:translateY(-10px) rotate(.4deg)}}@keyframes light-breathe{0%,100%{opacity:.6}50%{opacity:1}}@keyframes scroll-mark{0%,100%{transform:translateY(0);opacity:.8}60%{transform:translateY(6px);opacity:.3}}
@media(min-width:1800px){.hero-lower{gap:70px}.hero-description{font-size:19px}.explore{font-size:16px}.site-header{padding-top:45px}.hero-content{top:22%}.project-stage{min-height:950px}.project-copy{padding-top:180px}}
@media(max-width:1100px){.site-header{gap:25px}.header-place{display:none}.site-header{grid-template-columns:1fr auto}.site-header nav{gap:28px}.hero-content{top:26%;width:63%}h1{font-size:13vw}.hero-lower{display:block;margin-top:30px}.explore{margin-top:25px}.rocket-position{right:-1%;width:64%;top:14%;height:79%}.project-count{margin-left:15px}.project-stage{min-height:650px}.project-copy{padding-top:115px}.project-copy h2{font-size:8vw}.trader-portrait{right:-7%;width:61%;height:86%}}
@media(max-width:640px){:root{--gutter:24px}.site-header{padding-top:23px;gap:18px}.brand{gap:9px}.brand img{width:29px;height:29px}.wordmark{font-size:20px}.site-header nav{gap:18px;font-size:13px}.site-header nav a[href="#about"]{display:none}.nav-number{font-size:10px}.launch{height:125vh;min-height:1080px}.launch-stage{height:100svh;min-height:820px}.hero-content{top:16%;width:calc(100% - 48px)}.hero-content>.eyebrow{font-size:10px;letter-spacing:.16em}.tiny-line{width:16px}h1{font-size:23vw;line-height:.9;letter-spacing:-.035em;margin-top:27px}.title-pattaya{margin-top:0}.hero-lower{margin-top:29px}.hero-description{font-size:15px;line-height:1.5}.explore{margin-top:20px;gap:11px;font-size:13px}.explore-circle{width:42px;height:42px}.explore svg{width:18px;height:18px}.rocket-position{width:100%;height:53%;top:44%;right:-2%;z-index:1}.environment img{object-position:76% 65%}.environment-shade{background:linear-gradient(180deg,#080a0de3,transparent 76%),linear-gradient(90deg,#080a0d90,transparent)}.hero-bottom{bottom:22px;gap:12px;padding-top:17px}.scroll-cue{font-size:11px;gap:10px}.first-project{font-size:12px;gap:0}.first-label,.project-count{display:none}.edge-label{display:none}.project-section{padding-top:26px}.section-bar{font-size:11px;padding-bottom:20px}.project-stage{min-height:780px}.project-copy{padding-top:49px;width:100%}.project-copy h2{font-size:15vw;margin:22px 0;line-height:.97}.project-copy>p:not(.eyebrow){font-size:16px}.project-button{margin-top:12px;padding-block:12px;font-size:13px;gap:35px}.trader-portrait{width:105%;height:58%;right:-20%;bottom:-20px;z-index:1}.project-orbit{width:95%;top:365px;right:-15%}.project-signature{bottom:20px;font-size:9px;z-index:3}footer{padding-top:64px}.footer-intro p{font-size:30px;margin-bottom:55px}.footer-end{flex-wrap:wrap;padding-top:24px;font-size:11px;gap:20px}.footer-end .brand{width:100%}.footer-end .wordmark{font-size:20px}dialog{padding:21px;width:94vw}.dialog-heading h2{font-size:30px}.close-button{width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.rocket-position,.environment,.hero-content{transform:none!important}.hero-content{opacity:1!important}.launch{height:100vh;min-height:780px}}



/* Source: enhancements.css */
:root{--stage-height:100svh;--title-shift:0px;--rocket-turn:0deg;--rocket-scale:1;--launch-progress:0}
.launch{height:calc(var(--stage-height)*1.7);min-height:0}.launch-stage{height:var(--stage-height);min-height:0}
.hero-content{top:29%;transform:none}h1{font-size:clamp(78px,min(11.8vw,20svh),235px);line-height:.85;margin:0}
.title-rocket{transform:translateX(calc(var(--title-shift)*-1))}.title-pattaya{transform:translateX(calc(var(--title-shift)*.4))}
.rocket-position{transform:translate(calc(var(--pointer-x)*-1.7),calc(var(--rise)*-1 + var(--pointer-y)*-1.5)) rotate(var(--rocket-turn)) scale(var(--rocket-scale));transform-origin:55% 75%}
.rocket-idle{position:relative}.rocket{position:relative;z-index:1}.engine-light{position:absolute;left:27%;bottom:4%;width:31%;height:17%;z-index:0;background:radial-gradient(ellipse,#fc8e493e 0%,#c4593210 50%,transparent 70%);filter:blur(19px);animation:engine-breathe 4.5s ease-in-out infinite}
.rocket-glint{position:absolute;z-index:2;inset:0;background:linear-gradient(115deg,transparent 34%,#e8f4ff20 49%,transparent 59%);background-size:280% 100%;mask:url('assets/rocket.webp') center/contain no-repeat;animation:material-glint 12s ease-in-out infinite;opacity:.3}
.motion-paused *,.motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}[hidden]{display:none!important}
.projects{position:relative;z-index:10;padding:30px var(--gutter) 0;background:#0a0d12;border-top:1px solid #e3e9ee0e}
.section-bar h2{font:inherit;margin:0}.project-stage{height:min(850px,88svh);min-height:780px}.project-copy{padding-top:clamp(130px,17vh,180px)}
.project-copy h3{font-family:Clash;font-weight:500;font-size:clamp(72px,8vw,150px);line-height:.9;letter-spacing:-.035em;margin:29px 0}.project-copy h3 span{display:block}.project-copy h3 span:last-child{color:#cfd4d6}.project-copy .project-line{color:#b5bec5;font-size:18px;line-height:1.65;margin:30px 0}
.project-background-word{position:absolute;z-index:-1;bottom:7%;left:-1%;font-family:Clash;font-size:clamp(110px,23vw,400px);letter-spacing:-.025em;color:transparent;-webkit-text-stroke:1px #ccdbe90c;line-height:1;white-space:nowrap}
.feature-number{position:absolute;bottom:30px;left:0;font-family:Clash;font-size:16px;color:#87929b}.trader-portrait{right:-2%;bottom:-1%;width:59%;height:96%;transition:transform 1.2s ease}.project-stage:hover .trader-portrait{transform:translateY(-5px)}
.interface-showcase{padding:50px 0 75px;border-top:1px solid var(--rule)}.showcase-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:38px}.showcase-top .eyebrow{color:#aeb9c1}
.quiet-button{background:none;border:none;color:inherit;padding:12px 0;display:flex;align-items:center;gap:22px;font-size:13px}.quiet-button span{color:var(--copper);font-size:20px}
.interface-composition{display:block;position:relative;background:none;border:0;padding:0 4% 5% 0;width:100%;text-align:left;isolation:isolate}
.desktop-frame{display:block;position:relative;width:91%;background:#080d13;border:1px solid #9cabb540;border-radius:12px;overflow:hidden;box-shadow:0 25px 90px #0006;transform:perspective(1600px) rotateY(3deg) rotateX(1deg);transition:transform .8s}
.frame-bar{height:39px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,#1b232c,#151d25);border-bottom:1px solid #8b9ba11c;padding:0 15px;gap:12px;font-size:11px;color:#b0bac1}
.frame-symbol{height:9px;width:9px;border:1px solid #e8ab8390;border-radius:50%}.frame-dots{display:flex;gap:5px}.frame-dots i{width:3px;height:3px;border-radius:50%;background:#a1adb7}.desktop-frame>img{display:block;width:100%;height:auto}
.phone-frame{display:block;position:absolute;z-index:3;right:1.8%;bottom:0;width:23%;background:#0a0d13;border:5px solid #30383f;outline:1px solid #a4afb66b;border-radius:35px;overflow:hidden;box-shadow:-20px 30px 70px #0009;transform:rotate(4deg);transition:transform .8s}
.phone-frame>img{display:block;width:100%;height:auto;padding-top:12px}.phone-island{position:absolute;z-index:2;left:30%;top:7px;width:40%;height:11px;border-radius:20px;background:#030406}
.composition-halo{position:absolute;z-index:-1;inset:20% -3% 0 5%;background:radial-gradient(ellipse,#e08a4321,transparent 65%);filter:blur(35px)}
.interface-composition:hover .desktop-frame{transform:perspective(1600px) rotateY(0deg) rotateX(0deg)}.interface-composition:hover .phone-frame{transform:rotate(1deg) translateY(-7px)}
.reference-date{margin:24px 0 0;color:#8d99a4;font-size:12px;text-align:right;line-height:1.6}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:65px 32px;padding:25px 0 90px}.project-card{min-width:0}
.card-art{position:relative;width:100%;aspect-ratio:1.15;background:radial-gradient(ellipse at 60% 50%,color-mix(in srgb,var(--project-accent) 12%,#10161c),#0b1017 65%);border:1px solid var(--rule);overflow:hidden;padding:0;text-align:left}
.card-art img{width:100%;height:100%;object-fit:contain;object-position:bottom;transition:transform .7s}.card-art:hover img{transform:scale(1.035)}.card-plus{position:absolute;bottom:22px;right:22px;width:40px;height:40px;border:1px solid #c4d0d545;border-radius:50%;display:grid;place-items:center;font-size:23px;color:var(--project-accent)}
.card-caption{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding-top:20px}.card-caption h3{font-family:Clash;font-weight:500;font-size:29px;letter-spacing:-.025em;margin:0}.card-caption>span{font-size:12px;color:#a1aeb8}
.will-reveal{opacity:1}.will-reveal:not(.is-revealed){transform:translateY(8px)}.will-reveal.is-revealed{transition:transform .55s cubic-bezier(.2,.7,.2,1)}
footer{padding:75px var(--gutter) 35px;background:radial-gradient(ellipse at 80% 80%,#4e423912,transparent 50%),#080a0d}.footer-intro{display:flex;align-items:flex-start;gap:70px;margin-bottom:90px}.footer-intro img{margin-top:9px}.footer-intro p{font-family:Clash;font-size:clamp(38px,6.5vw,110px);font-weight:500;letter-spacing:-.035em;line-height:1;margin:0}.footer-intro p>span{color:var(--copper)}.back-top{display:flex;align-items:center;gap:18px}.back-top span{color:var(--copper);font-size:19px}
dialog{background:radial-gradient(ellipse at 80% 10%,#27323c60,transparent 60%),#0c1117;width:min(1500px,94vw);max-height:94svh;padding:0;border-radius:8px}dialog::backdrop{background:#030508e8;backdrop-filter:blur(14px)}
.dialog-shell{padding:36px 40px}.dialog-heading h2{font-size:48px;letter-spacing:-.025em}.dialog-heading{gap:25px}.close-button{flex-shrink:0}
.device-selector{display:flex;align-items:center;gap:8px;margin-bottom:25px;border-top:1px solid var(--rule);padding-top:20px}
.device-selector button{border:1px solid transparent;background:transparent;color:#aeb7bf;border-radius:20px;padding:9px 18px;font-size:13px}.device-selector button[aria-pressed=true]{border-color:#cbb6a95c;background:#e8ab830a;color:var(--paper)}
.dialog-image-stage{display:flex;flex-direction:column;align-items:center}.dialog-image-stage img{display:block;width:100%;height:auto;border:1px solid #829ba726;border-radius:3px;max-width:100%}dialog[data-device=phone] .dialog-image-stage img{width:min(390px,100%)}dialog[data-device=tablet] .dialog-image-stage img{width:min(900px,100%)}
figcaption{color:#8f9ca7;font-size:12px;padding-top:20px;text-align:center}.no-script{padding:40px var(--gutter)}.no-script img{width:100%;height:auto}
@keyframes engine-breathe{0%,100%{opacity:.4;transform:scale(.94)}50%{opacity:.75;transform:scale(1.04)}}
@keyframes material-glint{0%,30%{background-position:100% 0;opacity:0}40%,54%{opacity:.3}70%,100%{background-position:0 0;opacity:0}}
@media(min-width:1800px){.hero-content{top:27%}.project-stage{height:88svh;max-height:1150px;min-height:850px}.project-copy{padding-top:190px}}
@media(max-width:1100px){.hero-content{top:29%;width:62%}h1{font-size:clamp(76px,min(13vw,20svh),180px)}.project-stage{min-height:650px;height:75svh;max-height:850px}.project-copy{padding-top:115px}.project-copy h3{font-size:9vw}.trader-portrait{right:-7%;width:63%;height:90%}.phone-frame{border-radius:26px;border-width:4px}.frame-bar{height:32px;font-size:10px}.phone-island{height:8px;top:5px}.card-caption h3{font-size:25px}}
@media(min-width:641px) and (max-width:1100px) and (orientation:portrait){.hero-content{top:21%;width:86%;z-index:4}h1{font-size:15vw}.hero-lower{display:flex;gap:40px;margin-top:34px}.explore{margin-top:0}.rocket-position{width:85%;right:-9%;height:67%;top:30%;z-index:3}.environment img{object-position:77% 65%}.environment-shade{background:linear-gradient(180deg,#080a0dbd,transparent 68%),linear-gradient(90deg,#080a0d8f,transparent 70%)}.project-stage{height:80svh}.project-copy{padding-top:95px}.trader-portrait{width:68%;height:85%;right:-11%}.project-copy h3{font-size:10vw}}
@media(max-width:640px){.launch{height:calc(var(--stage-height)*1.35);min-height:0}.launch-stage{height:var(--stage-height);min-height:0}.hero-content{top:18%;width:calc(100% - 48px);z-index:4;transform:none}h1{font-size:23vw;line-height:.89;margin:0}.hero-lower{margin-top:26px}.hero-description{font-size:15px;line-height:1.45}.explore{margin-top:21px}.rocket-position{width:100%;height:53%;top:44%;right:-2%;z-index:3}
.projects{padding-top:25px}.project-stage{height:760px;min-height:0;max-height:90svh}.project-copy{padding-top:46px;width:100%}.project-copy h3{font-size:19vw;margin:23px 0;line-height:.94}.project-copy .project-line{font-size:15px;margin-top:22px}.trader-portrait{width:105%;height:62%;right:-18%;bottom:-2%;z-index:2}.project-orbit{width:95%;top:43%;right:-15%}.project-background-word{font-size:30vw;bottom:5%}.feature-number{bottom:20px;font-size:12px;z-index:3}
.interface-showcase{padding:32px 0 42px}.showcase-top{margin-bottom:30px;gap:20px}.showcase-top .eyebrow{font-size:10px}.quiet-button{font-size:12px;gap:11px}.interface-composition{padding:0 0 0 21%}.desktop-frame{position:absolute;top:12%;left:0;width:96%;transform:perspective(900px) rotateY(-8deg);opacity:.38;max-height:66%;border-radius:6px}.frame-bar{height:24px;font-size:8px;padding-inline:8px}.frame-symbol,.frame-dots{display:none}.phone-frame{position:relative;right:auto;bottom:auto;margin:0 0 0 auto;width:77%;border-width:4px;border-radius:29px;transform:rotate(3deg);box-shadow:-17px 25px 55px #0009}.phone-frame img{padding-top:12px}.phone-island{top:6px;height:9px}.reference-date{margin-top:23px;font-size:11px}
.project-grid{grid-template-columns:1fr;gap:38px;padding-bottom:45px}.card-caption h3{font-size:26px}.card-caption>span{font-size:12px}
footer{padding-top:55px}.footer-intro{gap:24px;margin-bottom:60px}.footer-intro img{width:37px;height:37px;margin-top:3px}.footer-intro p{font-size:11vw;margin:0}dialog{width:96vw;max-height:96svh;border-radius:5px;padding:0}.dialog-shell{padding:23px 20px}.dialog-heading{gap:15px;margin-bottom:23px}.dialog-heading h2{font-size:33px}.device-selector{gap:3px}.device-selector button{padding:8px 13px;font-size:12px}figcaption{font-size:11px}}
@media(max-width:640px) and (max-height:700px){.site-header{padding-top:15px}.hero-content{top:17%}.hero-lower{margin-top:18px}.hero-description{font-size:14px}.explore{margin-top:17px}.explore-circle{width:35px;height:35px}.rocket-position{top:45%;height:49%}.hero-bottom{bottom:14px;padding-top:12px}.project-stage{height:690px;max-height:100svh}.project-copy{padding-top:34px}.project-copy h3{font-size:18vw}.project-copy .project-line{margin-top:15px}.trader-portrait{height:59%}}
@media(max-height:520px) and (orientation:landscape){.site-header{padding:15px var(--gutter)}.brand img{width:29px;height:29px}.wordmark{font-size:20px}.hero-content{top:25%;width:57%}h1{font-size:18svh;line-height:.84}.title-pattaya{margin-top:5px}.hero-lower{display:flex;gap:25px;margin-top:20px}.hero-description{font-size:13px}.explore{margin-top:0;font-size:12px;gap:12px}.explore-circle{width:36px;height:36px}.rocket-position{top:9%;height:83%;width:56%;right:-1%}.hero-bottom{bottom:13px;padding-top:10px}.first-label{display:none}.project-stage{min-height:560px}.trader-portrait{height:94%}}
@media(prefers-reduced-motion:reduce){.launch{height:var(--stage-height);min-height:0}.rocket-position,.environment,.hero-content,.title-line{transform:none!important}.hero-content{opacity:1!important}.will-reveal:not(.is-revealed){opacity:1;transform:none}.desktop-frame,.phone-frame{transform:none!important}}

/* Source: finish.css */
html{scrollbar-gutter:stable}
.title-inner{display:block;animation:title-arrive .9s cubic-bezier(.16,1,.3,1) both}
.title-pattaya .title-inner{animation-delay:.09s}
.hero-lower{animation:soft-arrive 1s .18s ease both}
.project-stage{--project-depth:0px;--project-x:0px;--project-y:0px;--project-turn:0deg}
.project-atmosphere{position:absolute;z-index:-3;inset:0;overflow:hidden;pointer-events:none;mask-image:linear-gradient(180deg,transparent,#000 25%,#000 74%,transparent)}
.project-atmosphere img{width:100%;height:100%;object-fit:cover;object-position:70% 70%;opacity:.14;filter:saturate(.6);transform:scale(1.06) translateY(calc(var(--project-depth)*-.4));will-change:transform}
.project-atmosphere::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0a0d12 0%,#0a0d12d9 26%,transparent 75%)}
.project-light{position:absolute;z-index:-2;inset:0;background:radial-gradient(ellipse at 77% 36%,#e8ab8314,transparent 48%);opacity:.7;animation:light-breathe 12s ease-in-out infinite}
.project-orbit{transform:rotate(var(--project-turn));will-change:transform}
.project-orbit::after{content:'';position:absolute;inset:-1px;border-radius:50%;background:conic-gradient(from 215deg,transparent 0deg,#e8ab835c 24deg,transparent 65deg,transparent 260deg,#afc5d924 294deg,transparent 330deg);mask:radial-gradient(farthest-side,transparent calc(100% - 1px),#000 calc(100% - 1px));animation:orbit-turn 50s linear infinite}
.trader-portrait,.project-stage:hover .trader-portrait{transform:translate(var(--project-x),calc(var(--project-y) + var(--project-depth)));transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.artwork-hotspot{position:absolute;z-index:2;right:0;bottom:0;width:48%;height:96%;border:0;padding:0;background:none;color:var(--paper);cursor:zoom-in}
.artwork-action{position:absolute;right:28px;bottom:36px;display:flex;align-items:center;gap:14px;padding:13px 16px;border:1px solid #d0dae72b;border-radius:28px;background:#0a0d1266;backdrop-filter:blur(12px);font-size:12px;color:#ccd6dc;transition:background .3s,border-color .3s,transform .3s}
.artwork-action svg{width:18px;height:18px;color:var(--copper)}
.artwork-hotspot:hover .artwork-action,.artwork-hotspot:focus-visible .artwork-action{background:#17212ecc;border-color:#e8ab8380;transform:translateY(-3px)}
.artwork-hotspot:focus-visible{outline:none}.artwork-hotspot:focus-visible .artwork-action{outline:2px solid var(--copper);outline-offset:5px}
.interface-showcase{overflow:clip}
dialog{--viewer-height:94svh;--viewer-chrome:300px;overscroll-behavior:contain;animation:viewer-arrive .3s cubic-bezier(.2,.7,.2,1)}
dialog::backdrop{animation:backdrop-arrive .3s ease}
dialog[data-device=artwork]{width:min(1040px,94vw)}
.dialog-shell{padding:0}.dialog-toolbar{position:sticky;top:0;z-index:5;padding:30px 40px 0;background:#0c1117f5;backdrop-filter:blur(18px);border-bottom:1px solid #829ba726}
.dialog-heading{margin-bottom:22px}.dialog-heading h2{font-size:40px}
.device-selector{margin-bottom:0;padding-top:16px;padding-bottom:18px;gap:6px;flex-wrap:wrap}
.device-selector button{padding:8px 16px}
.dialog-image-stage{padding:28px 40px 25px;gap:0}
.preview-surface{position:relative;display:flex;align-items:center;justify-content:center;width:100%;border:0;padding:0;background:radial-gradient(ellipse at 55% 50%,#272b303b,transparent 75%);color:var(--paper);cursor:zoom-in;isolation:isolate}
.preview-surface img,dialog[data-device=phone] .preview-surface img,dialog[data-device=tablet] .preview-surface img{width:auto;height:auto;max-width:100%;max-height:max(100px,calc(var(--viewer-height) - var(--viewer-chrome)));object-fit:contain;display:block;border-radius:3px}
dialog[data-device=artwork] .preview-surface{background:radial-gradient(ellipse at 50% 50%,#e8ab8314,transparent 68%)}
dialog[data-device=artwork] .preview-surface img{border:0;mask-image:linear-gradient(0deg,transparent,black 9%)}
.preview-zoom{position:absolute;bottom:14px;right:14px;width:42px;height:42px;border:1px solid #b0becb45;border-radius:50%;display:grid;place-items:center;background:#0a0d12b8;backdrop-filter:blur(8px);pointer-events:none;transition:background .3s}
.preview-zoom svg{height:20px;width:20px;color:var(--copper)}
.preview-surface:hover .preview-zoom{background:#24303bf0}
dialog[data-enlarged=true] .preview-surface{cursor:zoom-out}
dialog[data-enlarged=true] .preview-surface img{max-height:none;width:100%}
dialog[data-enlarged=true][data-device=phone] .preview-surface img,dialog[data-enlarged=true][data-device=artwork] .preview-surface img{max-width:650px}
dialog[data-enlarged=true] .preview-zoom{position:sticky;bottom:20px;align-self:flex-end;margin-left:-56px;right:auto;flex-shrink:0}
dialog figcaption{padding-top:18px}
@keyframes title-arrive{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes soft-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes orbit-turn{to{transform:rotate(360deg)}}
@keyframes viewer-arrive{from{opacity:0;transform:translateY(15px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes backdrop-arrive{from{opacity:0}to{opacity:1}}
@media(max-width:1100px){.artwork-hotspot{width:51%;height:90%}.artwork-action{right:17px;bottom:30px}.dialog-toolbar{padding-inline:30px}.dialog-image-stage{padding-inline:30px}}
@media(max-width:640px){.project-atmosphere img{object-position:81% 72%;opacity:.16}.project-light{background:radial-gradient(ellipse at 67% 70%,#e8ab8315,transparent 60%)}.artwork-hotspot{width:70%;height:57%;bottom:0}.artwork-action{right:9px;bottom:22px;gap:0;padding:11px}.artwork-action>span{display:none}.artwork-action svg{width:17px;height:17px}dialog{--viewer-height:96svh}.dialog-toolbar{padding:20px 18px 0}.dialog-heading h2{font-size:29px}.dialog-heading{margin-bottom:20px}.device-selector{gap:0;padding-top:13px;padding-bottom:14px}.device-selector button{font-size:11px;padding:8px 11px}.dialog-image-stage{padding:20px 18px}.preview-zoom{width:35px;height:35px;bottom:10px;right:10px}.preview-zoom svg{width:17px;height:17px}.dialog-image-stage figcaption{font-size:10px;padding-top:15px}}
@media(max-width:360px){.dialog-heading h2{font-size:25px}.device-selector button{padding-inline:9px}.dialog-toolbar,.dialog-image-stage{padding-inline:15px}}
@media(max-height:520px) and (orientation:landscape){.dialog-toolbar{padding-top:15px}.dialog-heading{margin-bottom:12px}.dialog-heading h2{font-size:29px}.dialog-heading .eyebrow{font-size:10px}.device-selector{padding-top:8px;padding-bottom:10px}.device-selector button{font-size:11px;padding:6px 13px}.dialog-image-stage{padding-top:18px;padding-bottom:18px}.dialog-image-stage figcaption{padding-top:12px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.title-inner,.hero-lower{opacity:1!important;transform:none!important}.project-atmosphere img,.project-orbit,.trader-portrait,.project-stage:hover .trader-portrait{transform:none!important}}

/* Source: cinema.css */
:root{--flight-x:0px;--burn:0;--ignition:0}
.rocket-position{transform:translate(calc(var(--flight-x) + var(--pointer-x)*-1.7),calc(var(--rise)*-1 + var(--pointer-y)*-1.5)) rotate(var(--rocket-turn)) scale(var(--rocket-scale))}
.rocket-idle{display:grid;place-items:center}
.rocket-assembly{position:relative;width:var(--rocket-art-width,100%);height:var(--rocket-art-height,100%)}
.engine-light{left:28%;bottom:2%;width:28%;height:17%;background:radial-gradient(ellipse,#fff2d046 0%,#fb9d6236 28%,#d56c3115 55%,transparent 72%);filter:blur(13px);opacity:calc(.24 + var(--burn)*.65 + var(--ignition)*.6);transform:rotate(28deg);animation:none}
.engine-plume{position:absolute;z-index:0;left:40%;top:86%;width:24%;height:62%;transform-origin:50% 0;transform:translateX(-50%) rotate(28deg) scaleY(calc(.2 + var(--burn)*1.2 + var(--ignition)*.3));opacity:calc(var(--burn)*.7 + var(--ignition)*.4);pointer-events:none}
.engine-plume i{position:absolute;inset:0;display:block;border-radius:50%;background:radial-gradient(ellipse at 50% 0%,#fff3d877,#e8ab833b 18%,#d1784412 43%,transparent 75%);filter:blur(16px)}
.engine-plume i:nth-child(2){inset:0 18% 18%;background:radial-gradient(ellipse at 50% 0%,#fff1cb99,#eead6740 25%,transparent 76%);filter:blur(9px)}
.engine-plume i:nth-child(3){inset:0 34% 40%;background:radial-gradient(ellipse at 50% 0%,#fff4d399,#edaa643b 32%,transparent 80%);filter:blur(6px)}
.horizon-light{position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 72% 84%,#e8ab8324,transparent 29%),radial-gradient(ellipse at 68% 73%,#fcb8781a,transparent 40%);opacity:calc(.12 + var(--burn)*.9 + var(--ignition)*.75);pointer-events:none}
.scene-vapour{position:absolute;z-index:1;right:-5%;bottom:10%;width:62%;height:15%;background:radial-gradient(ellipse at 40% 65%,#b4c9d414,transparent 63%),radial-gradient(ellipse at 80% 40%,#d1dae910,transparent 64%);filter:blur(22px);animation:vapour-drift 19s ease-in-out infinite;pointer-events:none;opacity:.7}
.scene-motes{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}
.scene-motes i{position:absolute;left:var(--mote-x);top:var(--mote-y);width:var(--mote-size);height:var(--mote-size);border-radius:50%;background:#dce3e9;opacity:0;box-shadow:0 0 7px #dce3e925;animation:mote-drift var(--mote-duration) var(--mote-delay) ease-in-out infinite}
.scene-motes i:nth-child(3n){background:#e8ab83}
.explore{min-height:44px}.site-header nav a{min-height:44px}
.explore:hover svg{transform:translate(2px,-2px)}
.journey-running .explore-circle{border-color:#e8ab83b3;background:#e8ab8314;box-shadow:0 0 35px #e8ab8314}
.journey-running .explore-circle::before{animation:ignition-ring 1.5s ease-in-out infinite}
.journey-running .rocket-idle{animation-play-state:paused}
.projects{margin-top:calc(var(--stage-height)*-.13);background:linear-gradient(180deg,#0a0d1200,#0a0d12 72px),#0a0d12;border-top:0}
.section-bar{padding-top:5px}
.interface-showcase{position:relative}
.interface-showcase::before{content:'';position:absolute;z-index:-1;left:10%;right:0;top:12%;height:70%;background:radial-gradient(ellipse at 74% 50%,#e8ab830d,transparent 62%);pointer-events:none}
.card-art{isolation:isolate;background:radial-gradient(ellipse at 62% 42%,color-mix(in srgb,var(--project-accent) 13%,#10161c),#0b1017 66%);transition:border-color .5s}
.card-art img{position:relative;z-index:1}
.card-orbit{position:absolute;z-index:0;width:86%;aspect-ratio:1;border-radius:50%;right:-6%;top:9%;border:1px solid color-mix(in srgb,var(--project-accent) 19%,transparent);background:radial-gradient(ellipse,color-mix(in srgb,var(--project-accent) 4%,transparent),transparent 69%);transform:rotate(-18deg);transition:transform 1.1s}
.card-orbit::after{content:'';position:absolute;inset:-1px;border-radius:50%;background:conic-gradient(from 160deg,transparent,color-mix(in srgb,var(--project-accent) 55%,transparent) 32deg,transparent 82deg);mask:radial-gradient(farthest-side,transparent calc(100% - 1px),#000 calc(100% - 1px))}
.card-number{position:absolute;z-index:2;left:23px;top:23px;font-size:11px;letter-spacing:.15em;color:#a6b2bb}
.card-art:hover{border-color:color-mix(in srgb,var(--project-accent) 40%,transparent)}
.card-art:hover .card-orbit{transform:rotate(12deg)}
.card-plus{z-index:2;background:#0a0d1266;backdrop-filter:blur(10px);transition:background .4s,transform .4s}
.card-art:hover .card-plus{background:color-mix(in srgb,var(--project-accent) 12%,#0b1017);transform:rotate(90deg)}
@keyframes vapour-drift{0%,100%{transform:translateX(-2%) scaleX(1);opacity:.45}50%{transform:translateX(4%) scaleX(1.06);opacity:.8}}
@keyframes mote-drift{0%,100%{opacity:0;transform:translate(0,0)}25%,65%{opacity:.23}90%{opacity:0;transform:translate(22px,-48px)}}
@keyframes ignition-ring{to{transform:rotate(335deg)}}
@media(min-width:641px) and (max-width:1100px) and (orientation:portrait){.rocket-position{top:31%;height:60%}.hero-bottom{bottom:max(26px,env(safe-area-inset-bottom))}}
@media(max-width:640px){.hero-content{top:16.5%}.hero-lower{display:flex;align-items:center;justify-content:flex-start;gap:24px;margin-top:24px}.hero-lower .explore{margin-top:0;gap:11px}.hero-description{font-size:14px}.explore-circle{width:40px;height:40px}.rocket-position{top:43%;height:49%}.hero-bottom{bottom:max(22px,env(safe-area-inset-bottom))}.scene-vapour{bottom:12%;width:90%;height:13%}.projects{margin-top:calc(var(--stage-height)*-.1)}}
@media(max-width:640px) and (max-height:700px){.hero-content{top:16%}.hero-lower{gap:17px;margin-top:17px}.hero-description{font-size:13px}.hero-lower .explore{font-size:12px;gap:9px}.explore-circle{width:35px;height:35px}.rocket-position{top:48%;height:40%;right:-6%}.hero-bottom{bottom:max(15px,env(safe-area-inset-bottom))}}
@media(max-width:640px){.close-button{width:44px;height:44px}.device-selector button{min-height:44px}.quiet-button,.back-top{min-height:44px}}
@media(max-height:520px) and (orientation:landscape){.scene-vapour{bottom:14%;height:15%;width:48%}.rocket-position{top:16%;height:70%}.hero-bottom{bottom:max(13px,env(safe-area-inset-bottom))}.projects{margin-top:calc(var(--stage-height)*-.08)}}
@media(prefers-reduced-motion:reduce){.rocket-position{transform:none!important}.engine-plume,.scene-vapour,.scene-motes{display:none}.engine-light{opacity:.3}.horizon-light{opacity:.12}.projects{margin-top:0}}

/* Source: reveal.css */
.project-stage.is-revealed .project-copy h3 span{animation:project-type-arrive .85s .12s cubic-bezier(.16,1,.3,1) both}
.project-stage.is-revealed .project-copy h3 span+span{animation-delay:.2s}
.interface-showcase{--interface-settle:0}
.desktop-frame{transform:perspective(1600px) rotateY(calc((1 - var(--interface-settle))*4deg)) rotateX(calc((1 - var(--interface-settle))*2deg));transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.phone-frame{transform:translateY(calc((1 - var(--interface-settle))*20px)) rotate(calc(6deg - var(--interface-settle)*4deg));transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.interface-composition:hover .phone-frame{transform:rotate(1deg) translateY(-5px)}
dialog[data-transition=artwork]{animation:artwork-viewer-arrive .25s ease}
dialog[data-closing=true] .dialog-heading,dialog[data-closing=true] .device-selector,dialog[data-closing=true] figcaption{opacity:.15;transition:opacity .24s ease}
@keyframes project-type-arrive{from{opacity:1;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes artwork-viewer-arrive{from{opacity:0}to{opacity:1}}
@media(max-width:640px){.desktop-frame{transform:perspective(900px) rotateY(calc(-8deg + var(--interface-settle)*3deg))}.phone-frame{transform:translateY(calc((1 - var(--interface-settle))*13px)) rotate(calc(4deg - var(--interface-settle)*2deg))}}
@media(prefers-reduced-motion:reduce){.project-stage.is-revealed .project-copy h3 span{opacity:1;transform:none;animation:none}.desktop-frame,.phone-frame{transform:none!important}}

/* Source: closing.css */
/* RocketPattaya closing scene · 2026-09-30, Asia/Bangkok.
   Local visual implementation, TP-NETWORK-2026-08-04.1.
   Existing artwork, copy and links only. Load after the other page styles. */

footer#about {
  --closing-depth: 0px;
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-rows: minmax(280px, 1fr) auto;
  row-gap: 52px;
  min-height: 620px;
  padding: 86px var(--gutter) 32px;
  overflow: hidden;
  background: #080a0d;
  border-top: 1px solid #d0dae70c;
}

#about .closing-scene {
  position: absolute;
  z-index: -1;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  background: #080a0d;
}

#about .closing-environment {
  position: absolute;
  inset: -3%;
  width: 106%;
  height: 106%;
  max-width: none;
  object-fit: cover;
  object-position: 76% 76%;
  opacity: .19;
  transform: translateY(calc(var(--closing-depth) * .25));
}

#about .closing-scene::before,
#about .closing-scene::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
}

#about .closing-scene::before {
  z-index: 1;
  background: linear-gradient(90deg, #080a0d 0%, #080a0de8 25%, #080a0d8a 55%, transparent 84%);
}

#about .closing-scene::after {
  z-index: 5;
  background: linear-gradient(0deg, #080a0d 0%, #080a0df2 12%, #080a0d7d 28%, transparent 54%, #080a0d33 100%),
    linear-gradient(90deg, #080a0d 0%, #080a0dc2 34%, transparent 67%);
}

#about .closing-orbit {
  position: absolute;
  z-index: 1;
  width: min(74vw, 1050px);
  aspect-ratio: 1;
  top: 5%;
  right: -15%;
  border: 1px solid #b8cbd716;
  border-top-color: #e8ab8333;
  border-right-color: #e8ab8316;
  border-radius: 50%;
  transform: rotate(-23deg) translateY(calc(var(--closing-depth) * -.15));
}

#about .closing-rocket-shell {
  position: absolute;
  z-index: 3;
  inset: 0;
  overflow: hidden;
  opacity: .66;
  mask-image: linear-gradient(90deg, transparent 0%, transparent 28%, #000 56%, #000 100%);
}

#about .closing-rocket {
  position: absolute;
  right: -11%;
  bottom: -210px;
  width: min(76vw, 1100px);
  height: auto;
  max-width: none;
  transform: translateY(var(--closing-depth)) rotate(3deg);
  transform-origin: 65% 90%;
}

#about .closing-glow {
  position: absolute;
  z-index: 2;
  right: 2%;
  bottom: 15%;
  width: 54%;
  height: 43%;
  background: radial-gradient(ellipse at 65% 60%, #e8ab8326 0%, #d6834410 34%, transparent 69%);
  opacity: .75;
}

#about .footer-intro {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  align-self: center;
  gap: clamp(28px, 3.1vw, 50px);
  min-width: 0;
  margin: 0;
}

#about .footer-intro > img {
  flex: 0 0 auto;
  width: 42px;
  height: 42px;
  object-fit: contain;
  margin-top: 11px;
}

#about .footer-intro p {
  max-width: 70%;
  margin: 0;
  font-family: Clash, sans-serif;
  font-size: clamp(62px, 7.6vw, 122px);
  font-weight: 500;
  letter-spacing: -.04em;
  line-height: .98;
  color: #ebece7;
}

#about .footer-intro p > span {
  color: var(--copper);
}

#about .footer-end {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 24px;
  min-width: 0;
  margin: 0;
  padding-top: 24px;
  border-top: 1px solid #c4d0dd24;
  color: #aab5bd;
  font-family: Satoshi, sans-serif;
  font-size: 12px;
}

#about .footer-end .brand {
  width: auto;
  flex-shrink: 0;
}

#about .footer-end .wordmark {
  font-size: 22px;
}

#about .back-top {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 17px;
  min-height: 44px;
  white-space: nowrap;
  color: #c5cdd2;
}

#about .back-top > span {
  display: grid;
  place-items: center;
  width: 37px;
  height: 37px;
  border: 1px solid #c6d2da38;
  border-radius: 50%;
  color: var(--copper);
  font-size: 19px;
  transition: border-color .25s ease, background .25s ease, transform .3s ease;
}

#about .back-top svg {
  display: block;
  width: 16px;
  height: 16px;
}

#about .back-top:hover > span,
#about .back-top:focus-visible > span {
  border-color: #e8ab838a;
  background: #e8ab830b;
  transform: translateY(-3px);
}

@media (min-width: 1800px) {
  footer#about {
    min-height: 700px;
    padding-top: 106px;
  }

  #about .closing-rocket {
    width: min(72vw, 1370px);
    right: -7%;
    bottom: -280px;
  }

  #about .closing-orbit {
    width: 1150px;
    right: -8%;
  }
}

@media (max-width: 1100px) {
  footer#about {
    min-height: 600px;
    row-gap: 46px;
    padding-top: 72px;
  }

  #about .footer-intro {
    gap: 26px;
  }

  #about .footer-intro > img {
    width: 36px;
    height: 36px;
    margin-top: 7px;
  }

  #about .footer-intro p {
    max-width: 75%;
    font-size: clamp(56px, 8.2vw, 89px);
  }

  #about .closing-rocket {
    width: min(96vw, 950px);
    right: -21%;
    bottom: -185px;
  }

  #about .closing-orbit {
    width: 96vw;
    top: 15%;
    right: -34%;
  }

  #about .closing-rocket-shell {
    opacity: .58;
  }

  #about .footer-end .wordmark {
    font-size: 20px;
  }
}

@media (max-width: 640px) {
  footer#about {
    min-height: 560px;
    grid-template-rows: minmax(280px, 1fr) auto;
    row-gap: 34px;
    padding: 58px 24px 24px;
  }

  #about .footer-intro {
    display: block;
    align-self: start;
    width: 100%;
  }

  #about .footer-intro > img {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 0 23px;
  }

  #about .footer-intro p {
    max-width: 100%;
    font-size: clamp(43px, 11.9vw, 68px);
    letter-spacing: -.035em;
    line-height: 1;
  }

  #about .closing-environment {
    object-position: 83% 78%;
    opacity: .14;
  }

  #about .closing-rocket-shell {
    opacity: .55;
    mask-image: linear-gradient(180deg, transparent 0%, #000 37%, #000 68%, transparent 90%);
  }

  #about .closing-rocket {
    width: 168vw;
    right: -61vw;
    bottom: -160px;
    transform: translateY(calc(var(--closing-depth) * .5)) rotate(3deg);
  }

  #about .closing-orbit {
    width: 130vw;
    top: 35%;
    right: -68%;
    border-color: #b8cbd70c;
    border-top-color: #e8ab8323;
  }

  #about .closing-glow {
    width: 90%;
    height: 40%;
    right: -19%;
    bottom: 22%;
    opacity: .5;
  }

  #about .closing-scene::after {
    background: linear-gradient(0deg, #080a0d 0%, #080a0df5 19%, transparent 43%, #080a0d2b 62%, #080a0ddd 100%),
      linear-gradient(90deg, #080a0d8a 0%, transparent 76%);
  }

  #about .footer-end {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 15px 16px;
    padding-top: 21px;
    font-size: 11px;
  }

  #about .footer-end .brand {
    grid-column: 1 / -1;
    justify-self: start;
  }

  #about .footer-end .wordmark {
    font-size: 20px;
  }

  #about .back-top {
    gap: 10px;
    font-size: 11px;
  }

  #about .back-top > span {
    width: 32px;
    height: 32px;
  }
}

@media (max-width: 360px) {
  footer#about {
    padding-inline: 20px;
  }

  #about .footer-intro p {
    font-size: 43px;
  }

  #about .back-top {
    gap: 8px;
  }
}

@media (max-height: 520px) and (orientation: landscape) {
  footer#about {
    min-height: 460px;
    grid-template-rows: minmax(220px, 1fr) auto;
    row-gap: 30px;
    padding-top: 54px;
  }

  #about .footer-intro {
    display: flex;
    align-self: center;
    gap: 24px;
  }

  #about .footer-intro > img {
    width: 31px;
    height: 31px;
    margin: 6px 0 0;
  }

  #about .footer-intro p {
    max-width: 76%;
    font-size: clamp(42px, 7.2vw, 67px);
    line-height: .98;
  }

  #about .closing-rocket {
    width: min(102vw, 950px);
    right: -27%;
    bottom: -220px;
  }

  #about .closing-orbit {
    top: 8%;
  }
}

@media (prefers-reduced-motion: reduce) {
  #about .closing-environment,
  #about .closing-orbit,
  #about .closing-rocket {
    transform: none !important;
  }

  #about .closing-scene *,
  #about .footer-intro,
  #about .back-top > span {
    animation: none !important;
    transition: none !important;
  }

  #about .footer-intro,
  #about .footer-intro.will-reveal:not(.is-revealed) {
    opacity: 1;
    transform: none;
  }

  #about .back-top:hover > span,
  #about .back-top:focus-visible > span {
    transform: none;
  }
}

/* Source: fidelity.css */
/* Revision 7 material detail; original vector typography stays native. */
.rocket-glint{mask-image:url('assets/rocket-detail-v7.webp');animation:material-glint-v7 4.8s 1.1s cubic-bezier(.22,.6,.2,1) both}
@keyframes material-glint-v7{0%{background-position:100% 0;opacity:0}24%{opacity:.16}64%{opacity:.22}100%{background-position:0 0;opacity:0}}
@media(min-width:641px){
 #about .closing-rocket-shell{opacity:.82;mask-image:none}
 #about .closing-rocket{top:-4%;right:0;bottom:auto;width:100%;height:108%;object-fit:cover;object-position:75% 60%;transform:translateY(calc(var(--closing-depth)*.35));transform-origin:center}
 #about .closing-scene::before{background:linear-gradient(90deg,#080a0d 0%,#080a0df2 24%,#080a0d8a 52%,transparent 83%)}
 #about .closing-scene::after{background:linear-gradient(0deg,#080a0d 0%,#080a0dfa 10%,#080a0d8a 25%,transparent 58%),linear-gradient(90deg,#080a0d 0%,#080a0d99 33%,transparent 75%)}
 #about .closing-glow{opacity:.35}
}
@media(min-width:1800px){#about .closing-rocket{object-position:75% 63%}}
@media(prefers-reduced-motion:reduce){.rocket-glint{animation:none;opacity:0}#about .closing-rocket{transform:none!important}}

/* Source: portfolio.css */
.project-stage{--project-arrival:1}
.project-orbit{border:0;background:radial-gradient(ellipse,#dd7f430c,transparent 65%);opacity:calc(.35 + var(--project-arrival)*.65)}
.project-orbit::after{content:none}
.orbit-engraving{display:block;width:100%;height:100%;overflow:visible;color:var(--project-accent);fill:none;stroke-width:.7;vector-effect:non-scaling-stroke}
.orbit-engraving .orbit-outline{stroke:currentColor;opacity:.18}
.orbit-engraving .orbit-inner{stroke:#c5d5df;opacity:.07}
.orbit-engraving .orbit-etch{stroke:currentColor;opacity:.27;stroke-width:5;stroke-dasharray:.65 17.66}
.orbit-engraving .orbit-trace{stroke:currentColor;opacity:.42;stroke-linecap:round}
.orbit-engraving .orbit-point{fill:currentColor;stroke:none;opacity:.55}
.project-stage::after{content:'';position:absolute;z-index:0;right:-5%;bottom:-4%;width:65%;height:20%;background:radial-gradient(ellipse at 60% 50%,#e8ab830d,transparent 70%);filter:blur(22px);pointer-events:none}
.project-light{background:radial-gradient(ellipse at 74% 25%,#e8ab8316,transparent 44%),linear-gradient(118deg,transparent 53%,#b8ced707 68%,transparent 79%)}
.project-button,.first-project{min-height:48px}
.project-button{position:relative;transition:border-color .25s,color .25s}
.project-button::after{content:'';position:absolute;bottom:-1px;left:0;height:1px;width:100%;background:var(--copper);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.project-button:focus-visible::after,.project-button:active::after{transform:scaleX(1)}
.desktop-frame{border-color:#aab9c24f;background:linear-gradient(135deg,#313c46,#121a22 35%,#28323b);box-shadow:0 1px 0 #e2edf51a inset,0 35px 100px #0008,0 0 0 4px #10171b}
.frame-bar{background:linear-gradient(180deg,#26303a,#171f28);border-bottom-color:#c2d3df22;height:43px}
.frame-symbol{width:13px;height:13px;border:0;border-radius:0;opacity:.85}
.frame-symbol img{display:block;width:100%;height:100%;object-fit:contain}
.frame-dots{gap:6px}.frame-dots i{width:3px;height:3px;background:#b4c5cf80}
.phone-frame{border-color:#49515a #1c242b #242d35 #525b63;outline-color:#9baab443;box-shadow:1px 0 0 #b9cbd333 inset,-1px 0 0 #030607 inset,-18px 30px 85px #000b,0 0 0 2px #080d12}
.phone-island{background:linear-gradient(180deg,#000,#080b0e);box-shadow:0 1px 0 #d7e9ef10}
.phone-island::after{content:'';position:absolute;right:16%;top:50%;width:3px;height:3px;transform:translateY(-50%);border-radius:50%;background:#102532;box-shadow:0 0 0 1px #141b23}
.interface-composition:active .desktop-frame{border-color:#e8ab8390}
.interface-composition:active .phone-frame{outline-color:#e8ab83a6}
.artwork-action{min-width:44px;min-height:44px;justify-content:center}
.device-selector{position:relative;isolation:isolate}
.device-indicator{position:absolute;z-index:-1;top:0;left:0;border:1px solid #cbb6a95c;border-radius:24px;background:linear-gradient(130deg,#e8ab8312,#a3bac208);box-shadow:0 1px 0 #e9d1bd0e inset;opacity:0;pointer-events:none;transition:transform .35s cubic-bezier(.2,.7,.2,1),width .35s cubic-bezier(.2,.7,.2,1),height .2s,opacity .2s}
.device-indicator.is-positioned{opacity:1}
.device-selector button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;transition:color .2s,background .2s}
.device-selector button[aria-pressed=true]{border-color:transparent;background:transparent}
.device-selector button svg{width:15px;height:15px;color:#a2b2c0;transition:color .2s}
.device-selector button[aria-pressed=true] svg{color:var(--copper)}
.device-selector button:active{background:#e8ab8314}
.close-button{transition:border-color .2s,background .2s}.close-button:active{background:#e8ab8314;border-color:#e8ab8380}
.preview-surface[aria-busy=true] img{opacity:.35;transition:opacity .15s}
.preview-surface img{transition:opacity .2s}
@media(hover:hover) and (pointer:fine){.project-button:hover::after{transform:scaleX(1)}.device-selector button:hover{color:var(--paper)}.close-button:hover{background:#e8ab830a;border-color:#e8ab8370}}
@media(hover:none),(pointer:coarse){.interface-composition:hover .desktop-frame{transform:perspective(1600px) rotateY(calc((1 - var(--interface-settle))*4deg)) rotateX(calc((1 - var(--interface-settle))*2deg))}.interface-composition:hover .phone-frame{transform:translateY(calc((1 - var(--interface-settle))*20px)) rotate(calc(6deg - var(--interface-settle)*4deg))}.artwork-hotspot:hover .artwork-action{transform:none}.project-button:hover .button-cross{transform:none}}
@media(max-width:1100px){.frame-bar{height:35px}}
@media(max-width:640px){.project-orbit{width:110%;right:-23%;top:42%}.orbit-engraving .orbit-etch{opacity:.18}.interface-composition{padding:0 7% 0 7%}.phone-frame{width:88%;border-radius:33px}.desktop-frame{top:14%;width:100%;opacity:.3;max-height:62%}.frame-bar{height:25px}.artwork-action{padding:11px}.device-selector button{gap:6px;padding-inline:11px}.device-selector button svg{width:13px;height:13px}.project-stage::after{width:100%;bottom:-2%;height:18%}.preview-zoom{width:40px;height:40px}}
@media(max-width:360px){.device-selector button{padding-inline:6px;gap:4px;font-size:10px}.device-selector button svg{width:12px;height:12px}.phone-frame{border-radius:29px}}
@media(max-width:640px) and (hover:none),(max-width:640px) and (pointer:coarse){.interface-composition:hover .desktop-frame{transform:perspective(900px) rotateY(calc(-8deg + var(--interface-settle)*3deg))}.interface-composition:hover .phone-frame{transform:translateY(calc((1 - var(--interface-settle))*13px)) rotate(calc(4deg - var(--interface-settle)*2deg))}}
@media(prefers-reduced-motion:reduce){.device-indicator,.preview-surface img{transition:none}.interface-composition:hover .desktop-frame,.interface-composition:hover .phone-frame{transform:none!important}}

/* Source: exhibit.css */
.interface-composition{margin-inline:auto}
.composition-halo{inset:14% -3% -6% 5%;background:radial-gradient(ellipse at 75% 70%,#e08a4318,transparent 63%),radial-gradient(ellipse at 30% 30%,#adc5d610,transparent 60%);filter:blur(30px)}
.interface-composition::before{content:'';position:absolute;z-index:-1;left:3%;right:2%;bottom:0;height:23%;border-radius:50%;background:radial-gradient(ellipse at 60% 50%,#020507c9,transparent 68%);filter:blur(16px);pointer-events:none}
.desktop-frame::before{content:'';position:absolute;z-index:2;inset:0;border:1px solid #d1e0ea0c;border-radius:inherit;pointer-events:none}
.phone-frame{box-shadow:1px 0 0 #b9cbd333 inset,-1px 0 0 #030607 inset,-18px 30px 85px #000b,0 0 0 2px #080d12,0 2px 1px #edf3f914}
dialog{animation:artwork-viewer-arrive .25s ease}
@media(min-width:1101px){.interface-composition{max-width:min(100%,calc(66svh * 1.5 / .91))}}
@media(min-width:641px) and (max-width:1100px) and (orientation:portrait){.phone-frame{width:29%;border-radius:30px}.phone-island{height:9px;top:6px}.phone-frame>img{padding-top:13px}.composition-halo{inset:14% -3% -4% 5%}}
@media(max-width:640px){.interface-composition::before{left:10%;right:1%;bottom:-2%;height:18%}.composition-halo{inset:22% -5% -3% 5%}}
@media(max-height:520px) and (orientation:landscape){
  dialog{--viewer-chrome:80px!important}
  .dialog-shell{display:grid;grid-template-columns:208px minmax(0,1fr)}
  .dialog-toolbar{align-self:start;padding:15px;position:sticky;top:0;border-bottom:0;border-right:1px solid #829ba726}
  .dialog-heading{position:relative;display:block;margin-bottom:18px}
  .dialog-heading h2{font-size:23px;margin-top:30px}
  .close-button{position:absolute;top:0;right:0;width:44px;height:44px}
  .device-selector{gap:4px;padding-block:12px}
  .device-selector button{flex:0 0 calc(50% - 2px);padding:7px 5px;gap:6px;font-size:11px;min-height:44px}
  .device-selector button svg{width:13px;height:13px}
  .dialog-image-stage{min-width:0;padding:18px 24px}
  .dialog-image-stage figcaption{font-size:10px;padding-top:12px}
}
@media(prefers-reduced-motion:reduce){dialog[data-transition=screen]{animation:none}}

/* Source: journey.css */
/* Revision 10: a shared dark horizon and a dedicated engine crop on phones. */
.projects{background:linear-gradient(180deg,#080a0d 0%,#0a0d12 110px,#0a0d12 calc(100% - 150px),#080a0d 100%)}
.project-atmosphere{mask-image:linear-gradient(180deg,transparent,#000 28%,#000 70%,transparent)}
.project-light{background:radial-gradient(ellipse at 74% 30%,#e8ab8314,transparent 48%),linear-gradient(118deg,transparent 53%,#b8ced707 68%,transparent 79%);animation:none;opacity:calc(.45 + var(--project-arrival)*.25)}
.interface-showcase{border-top-color:#e3e9ee16}
.composition-halo{opacity:calc(.65 + var(--interface-settle)*.35)}
footer#about{--closing-arrival:1;border-top:0}
#about .closing-scene{mask-image:linear-gradient(180deg,transparent,#000 100px)}
#about .closing-rocket-shell{opacity:calc(.64 + var(--closing-arrival)*.18)}
#about .closing-orbit{opacity:.55}
#about .closing-glow{background:radial-gradient(ellipse at 65% 60%,#e8ab8320,#d683440d 34%,transparent 69%);opacity:calc(.22 + var(--closing-arrival)*.13)}
@media(max-width:640px){
 footer#about{min-height:max(560px,82svh);padding-bottom:max(24px,env(safe-area-inset-bottom))}
 #about .closing-scene{mask-image:linear-gradient(180deg,transparent,#000 70px)}
 #about .closing-rocket-shell{mask-image:none;opacity:calc(.68 + var(--closing-arrival)*.16)}
 #about .closing-rocket{inset:-18% 0 auto;width:100%;height:106%;object-fit:cover;object-position:80% 70%;transform:translateY(calc(var(--closing-depth)*.35));transform-origin:center}
 #about .closing-scene::before{background:linear-gradient(90deg,#080a0d8a,transparent 90%)}
 #about .closing-scene::after{background:linear-gradient(180deg,#080a0d 0%,#080a0dfa 12%,#080a0d8a 29%,transparent 52%),linear-gradient(0deg,#080a0d 0%,#080a0dfa 14%,#080a0d80 27%,transparent 48%)}
 #about .closing-orbit{display:none}
 #about .closing-glow{width:95%;height:45%;right:-15%;bottom:24%}
}
@media(max-height:520px) and (orientation:landscape){footer#about{min-height:460px}}
@media(prefers-reduced-motion:reduce){.project-light{opacity:.7}.composition-halo{opacity:1}#about .closing-rocket-shell{opacity:.82}#about .closing-glow{opacity:.35}}

/* Source: usability.css */
/* Audit revision 11. Keep the source cascade; build-assets.cjs creates delivery bundles. */
.rocket-position{container-type:size}
.rocket-picture{position:relative;z-index:1;display:block;width:100%;height:100%}
.rocket-assembly{width:auto;height:100%;max-width:100%;aspect-ratio:3/4}
@supports(width:1cqw){.rocket-assembly{width:min(100cqw,75cqh);height:min(100cqh,133.333333cqw)}}
.rocket-glint{display:none;mask-image:var(--rocket-mask,none);animation:none}
.rocket-glint.is-ready{display:block;animation:material-glint-v7 4.8s .5s cubic-bezier(.22,.6,.2,1) both}
.launch{height:calc(var(--stage-height)*1.48)}
.project-stage{height:min(80svh,1000px);min-height:620px;max-height:none}
.hero-controls{display:flex;align-items:center;gap:24px}
.motion-control{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:84px;min-height:44px;padding:0 10px;border:1px solid #b3bec533;border-radius:6px;background:#10161ddd;box-shadow:inset 0 1px #edf3f407;color:#c8d1d6;font-size:11px;transition:border-color .2s,background-color .2s}
.motion-control svg{width:13px;height:13px;flex-shrink:0;color:#d7b18f}
@media(hover:hover) and (pointer:fine){.motion-control:not(:disabled):hover{border-color:#d7b18f80;background:#1a232d}}
.motion-control[aria-pressed=true]:not(:disabled){border-color:#d7b18f70;background:#1b2026}
.motion-control:focus-visible{outline:2px solid var(--copper);outline-offset:4px}
.motion-control .motion-play{display:none}
.motion-control[aria-pressed=true] .motion-pause{display:none}
.motion-control[aria-pressed=true] .motion-play{display:block}
.motion-control:disabled{cursor:default;color:#adb9c2;border-color:#a8b5bd26;background:#0d131be6}
.brand{min-height:44px}
.site-header nav a{min-width:44px;justify-content:center}
.frame-symbol{display:flex;width:24px;height:6px;gap:4px;align-items:center}
.frame-symbol i{width:3px;height:3px;border-radius:50%;background:#9fb1bf80}
.frame-dots{width:24px;visibility:hidden}
.interface-composition:focus-visible{outline:2px solid var(--copper);outline-offset:-2px;border-radius:12px}
.preview-zoom{width:auto;min-width:44px;height:44px;border-radius:24px;padding:0 12px;gap:8px;display:flex;font-size:11px;color:#d8e0e6}
.preview-zoom svg{width:18px;height:18px}
dialog[data-enlarged=true] .preview-zoom .zoom-plus-stem{display:none}
.preview-surface:disabled{cursor:default}
.preview-surface:disabled .preview-zoom{display:none}
.preview-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:max(100px,calc(var(--viewer-height) - var(--viewer-chrome)));width:100%;color:#aebcc6;text-align:center;font-size:14px}
.preview-state p{margin:0;max-width:260px;line-height:1.5}
.preview-state button{min-height:44px;padding:0 22px;border:1px solid #e8ab8370;border-radius:24px;background:#e8ab830a;color:var(--paper)}
.preview-state[data-state=loading]::before{content:'';width:22px;height:22px;border:1px solid #8c9aa140;border-top-color:var(--copper);border-radius:50%;animation:preview-load .9s linear infinite}
.preview-fallback{display:flex;gap:18px;margin-top:24px;font-size:13px;color:var(--copper)}
@keyframes preview-load{to{transform:rotate(360deg)}}
@media(min-width:641px) and (max-width:1100px){.project-stage{height:75svh;min-height:580px;max-height:820px}}
@media(max-width:640px){
 .launch{height:calc(var(--stage-height)*1.28)}
 .project-stage{height:80svh;min-height:540px;max-height:none}
 .hero-controls{gap:8px}
 .showcase-top{margin-bottom:23px}
 .motion-control{gap:6px;min-width:60px;padding-inline:5px;font-size:10px}
 .motion-control:disabled{padding-inline:2px}
 .frame-symbol{display:none}
 .preview-zoom{height:44px;bottom:10px;right:10px}
}
@media(max-width:360px){.hero-controls{gap:12px}.hero-bottom{left:20px;right:20px}.hero-controls .scroll-cue{gap:7px}.project-stage{min-height:600px}.trader-portrait,.artwork-hotspot{height:52%}}
@media(forced-colors:active){.motion-control,.motion-control:not(:disabled):hover,.motion-control[aria-pressed=true]:not(:disabled){background:ButtonFace;color:ButtonText;border-color:ButtonText;box-shadow:none}.motion-control svg{color:ButtonText}.motion-control:disabled{background:ButtonFace;color:GrayText;border-color:GrayText}.motion-control:disabled svg{color:GrayText}.motion-control:focus-visible{outline-color:Highlight}}
@media(max-height:520px) and (orientation:landscape){.project-stage{height:620px;min-height:560px}}
.motion-is-paused{scroll-behavior:auto}
.motion-is-paused *,.motion-is-paused *::before,.motion-is-paused *::after{animation-play-state:paused!important;transition:none!important}
.motion-is-paused .title-inner,.motion-is-paused .hero-lower,.motion-is-paused .project-copy h3 span{animation:none!important;opacity:1!important;transform:none!important}
.motion-is-paused .rocket-glint{display:none}
.motion-is-paused dialog,.motion-is-paused dialog::backdrop{animation:none!important}
@media(prefers-reduced-motion:reduce){.launch{height:var(--stage-height)}.rocket-glint{display:none}}

.project-feature.is-enhanced .preview-fallback{display:none}.project-copy .project-open:disabled,.quiet-button:disabled,.artwork-hotspot:disabled{display:none}.interface-composition:disabled{cursor:default}

/* Revision 16: motion requires a working, visible preference control. */
html:not(.motion-control-ready){scroll-behavior:auto}
html:not(.motion-control-ready) *,html:not(.motion-control-ready) *::before,html:not(.motion-control-ready) *::after,html:not(.motion-control-ready) dialog::backdrop{animation:none!important;transition:none!important}
html:not(.motion-control-ready) .title-inner,html:not(.motion-control-ready) .hero-lower,html:not(.motion-control-ready) .project-copy h3 span,html:not(.motion-control-ready) .will-reveal{opacity:1!important;transform:none!important}
html.motion-after-paint .title-inner,html.motion-after-paint .hero-lower,html.motion-after-paint .project-copy h3 span{animation:none!important;opacity:1!important;transform:none!important}
html.motion-after-paint .will-reveal:not(.is-revealed){opacity:1!important;transform:none!important}

/* Source: gallery.css */
/* Revision 12: stable gallery geometry, with more space for the actual project. */
dialog{height:var(--viewer-height);box-sizing:border-box}
dialog[data-device=artwork]{width:min(1500px,94vw)}
.dialog-toolbar{padding:12px 24px 8px}
.dialog-heading{min-height:44px;align-items:center;margin-bottom:8px;gap:16px}
.dialog-heading>div{min-width:0}
.dialog-heading .eyebrow{display:none}
.dialog-heading h2{font-size:26px;line-height:1.15;margin:0}
.close-button{width:44px;height:44px}
.device-selector{width:max-content;max-width:100%;padding:0;border-top:0;gap:4px;flex-wrap:nowrap}
.device-selector button{font-size:12px;padding:8px 12px}
.dialog-image-stage{padding:22px 24px 20px}
.dialog-image-stage figcaption{font-size:11px;line-height:1.5;padding-top:14px}
.preview-surface,.preview-state{min-height:max(100px,calc(var(--viewer-height) - var(--viewer-chrome) - 2px))}
.preview-surface img,dialog[data-device=phone] .preview-surface img,dialog[data-device=tablet] .preview-surface img{max-height:max(100px,calc(var(--viewer-height) - var(--viewer-chrome) - 2px))}
dialog[data-enlarged=true] .preview-surface img{max-height:none}
dialog[data-enlarged=true] .preview-zoom{width:94px;min-width:94px;flex:0 0 94px;margin-left:-94px;box-sizing:border-box;bottom:16px}
@media(min-width:900px) and (min-height:521px){
 .dialog-toolbar{display:grid;grid-template-columns:minmax(180px,1fr) auto 44px;gap:24px;align-items:center;padding:16px 24px}
 .dialog-heading{display:contents}
 .dialog-heading>div{grid-column:1;grid-row:1}
 .dialog-heading h2{font-size:24px;overflow-wrap:anywhere}
 .device-selector{grid-column:2;grid-row:1}
 .close-button{grid-column:3;grid-row:1}
}
@media(max-width:640px){
 dialog,dialog[data-device=artwork]{width:calc(100vw - 24px);max-width:calc(100% - 16px)}
 .dialog-toolbar{padding:12px 12px 8px}
 .dialog-heading h2{font-size:24px}
 .device-selector{width:100%;gap:0}
 .device-selector button{flex:1;min-width:44px;min-height:44px;padding:8px 6px;gap:5px;font-size:11px}
 .device-selector button svg{width:13px;height:13px;flex-shrink:0}
 .dialog-image-stage{padding:16px 14px 16px}
 .dialog-image-stage figcaption{font-size:10px;padding-top:12px}
}
@media(max-width:360px){
 .dialog-heading h2{font-size:22px}
 .device-selector button svg{display:none}
}
@media(max-height:520px) and (orientation:landscape){
 .dialog-toolbar{display:block;padding:15px}
 .dialog-heading{display:block;min-height:0;margin-bottom:18px;padding-top:48px}
 .dialog-heading h2{font-size:23px;margin-top:0}
 .device-selector{width:100%;flex-wrap:wrap;gap:4px;padding-block:12px}
 .device-selector button{flex:0 0 calc(50% - 2px);padding:7px 5px;gap:6px;font-size:11px}
 .dialog-image-stage{padding:18px 24px}
 .dialog-image-stage figcaption{font-size:10px;padding-top:12px}
}

/* Source: device-showcase.css */
/* Revision 13: three real saved designs, three independent preview controls. */
.interface-showcase{padding-top:28px;padding-bottom:54px;position:relative}
.showcase-top{margin-bottom:20px}
.interface-composition{--screen-count:3;--device-gap:12px;width:100%;max-width:min(1160px,calc(72svh * 1.7));aspect-ratio:1.57;padding:0;overflow:visible}
.interface-composition::before{left:7%;right:0;bottom:52px;height:25%;background:radial-gradient(ellipse at 64% 52%,#020507ed,transparent 70%)}
.interface-composition .composition-halo{inset:8% -3% 10% 0;filter:blur(30px);background:radial-gradient(ellipse at 77% 62%,#e08a4320,transparent 62%),radial-gradient(ellipse at 30% 18%,#aecadd0f,transparent 65%)}
.device-preview{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;background:none;text-align:left;color:var(--paper);pointer-events:none;outline:none}
.preview-desktop{z-index:1}.preview-tablet{z-index:2}.preview-phone{z-index:3}
.device-preview .hardware-shell{pointer-events:auto;cursor:zoom-in;transition:transform .75s cubic-bezier(.2,.7,.2,1),border-color .25s,outline-color .25s;box-sizing:border-box}
.interface-composition .device-preview .desktop-frame{position:absolute;left:0;top:0;width:81%;max-height:none;opacity:1;transform:perspective(1600px) rotateY(calc((1 - var(--interface-settle))*3deg)) rotateX(calc((1 - var(--interface-settle))*1deg));border-color:#9aaebf52;border-top-color:#e8ab8370;box-shadow:0 1px 0 #edc3a326 inset,0 35px 90px #0009,0 0 0 3px #10171b}
.tablet-frame{position:absolute;right:0;bottom:100px;width:34%;display:block;padding:11px 9px 10px;background:linear-gradient(135deg,#36434e,#121a23 38%,#26333e);border:2px solid;border-color:#647480 #29343c #202a32 #62717e;outline:1px solid #a6b6c43f;border-radius:22px;box-shadow:1px 0 0 #c4d3db29 inset,-20px 32px 70px #000b,0 0 0 2px #070c11;overflow:hidden;transform:translateY(calc((1 - var(--interface-settle))*14px)) rotate(calc(-4deg + var(--interface-settle)*2deg))}
.tablet-frame img{display:block;width:100%;height:auto;border:1px solid #020509;border-radius:10px;padding:0}
.tablet-camera{position:absolute;left:50%;top:4px;width:3px;height:3px;border-radius:50%;background:#0b202e;box-shadow:0 0 0 1px #090f17}
.interface-composition .device-preview .phone-frame{position:absolute;right:30%;bottom:61px;margin:0;width:18%;max-height:none;opacity:1;border-radius:29px;border-width:4px;transform:translateY(calc((1 - var(--interface-settle))*20px)) rotate(calc(5deg - var(--interface-settle)*3deg))}
.device-caption{position:absolute;bottom:0;display:flex;align-items:center;justify-content:center;gap:11px;min-height:48px;width:calc(33.333333% - 8px);border:1px solid #9db3c62e;border-radius:30px;color:#bcc9d2;background:linear-gradient(120deg,#1a242d80,#0c121980);font-size:12px;pointer-events:auto;transition:border-color .25s,color .25s,background .25s;cursor:pointer}
.device-caption svg{width:15px;height:15px;color:var(--copper)}
.preview-desktop .device-caption{left:0}.preview-tablet .device-caption{left:calc(33.333333% + 4px)}.preview-phone .device-caption{right:0}
.interface-composition .device-caption{left:calc((100% + var(--device-gap))/var(--screen-count)*var(--device-slot,0));right:auto;width:calc((100% + var(--device-gap))/var(--screen-count) - var(--device-gap))}
.preview-desktop{--device-slot:0}.preview-tablet{--device-slot:1}.preview-phone{--device-slot:2}
.interface-composition[data-screens="desktop"]{aspect-ratio:1.35}
.interface-composition[data-screens="desktop"] .device-preview .desktop-frame{width:94%;left:3%;opacity:1;transform:none}
.interface-composition[data-screens="tablet"]{max-width:min(680px,65svh);aspect-ratio:1}
.interface-composition[data-screens="tablet"] .tablet-frame{left:15%;right:auto;top:0;bottom:auto;width:70%;opacity:1;transform:none}
.device-preview:focus-visible .device-caption{outline:2px solid var(--copper);outline-offset:4px;color:var(--paper);border-color:#e8ab8399;background:#1c252f}
.device-preview:focus-visible .hardware-shell{outline:2px solid var(--copper);outline-offset:3px}
.device-preview:active .device-caption{background:#e8ab831a;border-color:#e8ab8399}
.device-preview:disabled .hardware-shell,.device-preview:disabled .device-caption{pointer-events:none;cursor:default}
.device-preview:disabled .device-caption svg{display:none}
.reference-date{margin-top:17px;font-size:11px}
.preview-fallback{flex-wrap:wrap;gap:10px}
.preview-fallback a{display:inline-flex;align-items:center;min-height:44px;padding:0 15px;border:1px solid #9db3c62e;border-radius:24px}
@media(hover:hover) and (pointer:fine){
 .device-preview:hover .device-caption{border-color:#e8ab8380;color:var(--paper);background:#1c252f}
 .interface-composition .device-preview:hover .desktop-frame{transform:perspective(1600px) rotateY(0deg) rotateX(0deg)}
 .device-preview:hover .tablet-frame{transform:translateY(-5px) rotate(-1deg)}
 .interface-composition .device-preview:hover .phone-frame{transform:translateY(-6px) rotate(1deg)}
}
@media(min-width:641px) and (max-width:1100px){
 .interface-composition{max-width:100%;aspect-ratio:1.35}
 .interface-composition .device-preview .desktop-frame{width:86%}
 .tablet-frame{width:38%;bottom:87px;border-radius:18px;padding:9px 7px 8px}
 .tablet-frame img{border-radius:8px}
 .interface-composition .device-preview .phone-frame{width:22%;right:32%;bottom:61px;border-radius:26px}
}
@media(max-width:640px){
 .interface-showcase{padding-top:20px;padding-bottom:34px}
 .showcase-top{margin-bottom:14px}
 .interface-composition{--device-gap:9px;max-width:100%;aspect-ratio:.5}
 .interface-composition::before{left:5%;right:2%;bottom:66px;height:25%}
 .interface-composition .composition-halo{inset:10% -10% 12%;background:radial-gradient(ellipse at 50% 58%,#e08a4320,transparent 67%),radial-gradient(ellipse at 72% 14%,#adc5d610,transparent 68%)}
 .interface-composition .device-preview .desktop-frame{top:0;left:0;width:95%;opacity:.35;border-top-color:#d0b09755;transform:perspective(900px) rotateY(-6deg)}
 .tablet-frame{right:8px;top:12%;bottom:auto;width:57%;padding:8px 6px 6px;border-radius:15px;opacity:.78;transform:rotate(-4deg)}
 .tablet-frame img{border-radius:7px}
 .tablet-camera{top:3px;width:2px;height:2px}
 .interface-composition .device-preview .phone-frame{right:14%;bottom:69px;width:72%;border-radius:31px;transform:translateY(calc((1 - var(--interface-settle))*12px)) rotate(calc(3deg - var(--interface-settle)*2deg));box-shadow:1px 0 0 #b9cbd333 inset,-1px 0 0 #030607 inset,-20px 24px 65px #000c,0 0 0 2px #080d12,0 2px 1px #edf3f914}
 .device-caption{min-height:46px;font-size:11px;width:calc(33.333333% - 6px);gap:7px}
 .device-caption svg{width:13px;height:13px}
 .preview-tablet .device-caption{left:calc(33.333333% + 3px)}
 .reference-date{text-align:center;margin-top:14px;font-size:10px}
 .interface-composition[data-screens="desktop"]{aspect-ratio:1.06}
 .interface-composition[data-screens="desktop"] .device-preview .desktop-frame{width:94%;left:3%;opacity:1;transform:none}
 .interface-composition[data-screens="desktop tablet"]{aspect-ratio:.95}
 .interface-composition[data-screens="desktop tablet"] .tablet-frame{top:auto;bottom:65px;width:65%;opacity:1;transform:rotate(-2deg)}
}
@media(max-width:360px){.interface-composition .device-preview .phone-frame{border-radius:27px}.device-caption{font-size:10px;gap:5px}}
@media(max-height:520px) and (orientation:landscape){
 .interface-showcase{padding-top:20px;padding-bottom:36px}
 .interface-composition{max-width:min(100%,760px);aspect-ratio:1.43}
 .interface-composition .device-preview .desktop-frame{width:81%}
 .tablet-frame{width:34%;bottom:84px}
 .interface-composition .device-preview .phone-frame{width:18%;right:30%;bottom:59px;border-radius:24px}
}
@media(prefers-reduced-motion:reduce){.interface-composition .device-preview .hardware-shell{transform:none!important;transition:none}.device-caption{transition:none}}

/* Source: material.css */
/* Revision 14: restrained metal response and light anchored to the launch pad. */
.launch-reflection{position:absolute;z-index:1;left:var(--pad-x);top:var(--pad-y);width:var(--pad-width);height:var(--pad-height);transform:translate(-50%,-35%);pointer-events:none;display:none}
.launch-reflection.is-ready{display:block}
.launch-reflection i{position:absolute;display:block;pointer-events:none;border-radius:50%}
.pad-shadow{left:4%;right:4%;top:0;height:62%;background:radial-gradient(ellipse,#020406c9,#02040673 30%,transparent 71%);filter:blur(7px);opacity:calc((1 - var(--launch-progress))*.66)}
.pad-reflection{inset:-12% -8% 0;background:radial-gradient(ellipse at 52% 42%,#fff3d896,#e5a46e60 14%,#b86e3120 39%,transparent 68%);filter:blur(6px);opacity:calc((.055 + var(--ignition)*.28 + var(--burn)*.2)*(1 - var(--launch-progress)))}
.pad-pressure{inset:-25% 12% 8%;border:1px solid #e3ab6536;background:radial-gradient(ellipse,#e9b36f14,transparent 65%);filter:blur(3px);opacity:calc(var(--ignition)*.23 + var(--burn)*.12);transform:scale(calc(.82 + var(--ignition)*.25 + var(--launch-progress)*.1))}
.rocket-material{display:none;position:absolute;z-index:2;inset:0;pointer-events:none;mask-image:var(--rocket-mask,none);mask-position:center;mask-size:contain;mask-repeat:no-repeat;mix-blend-mode:screen;opacity:.48}
.rocket-material::before{content:'';position:absolute;inset:-15%;background:radial-gradient(ellipse at 49% 30%,#c8e1f029,transparent 52%),linear-gradient(112deg,transparent 37%,#f5d2a619 53%,transparent 69%);transform:translate(calc(var(--pointer-x)*20),calc(var(--pointer-y)*20))}
.engine-plume{height:76%;transform:translateX(-50%) rotate(28deg) scaleY(calc(.18 + var(--burn)*1.28 + var(--ignition)*.4));opacity:clamp(0,calc(var(--burn)*.76 + var(--ignition)*.54),.95)}
.engine-plume i:first-child{inset:0 -10% 0;border-radius:0;background:linear-gradient(180deg,#faf1d6a6,#efbc8587 13%,#d6874652 30%,#9f542619 60%,transparent 91%);clip-path:polygon(33% 0,67% 0,89% 29%,75% 59%,50% 100%,24% 59%,11% 29%);filter:blur(13px)}
.engine-plume i:nth-child(2){inset:0 15% 18%;border-radius:0;background:linear-gradient(180deg,#fff7e4c4,#f1ca939c 18%,#eaa46152 45%,transparent 88%);clip-path:polygon(36% 0,64% 0,78% 31%,65% 61%,50% 100%,34% 61%,22% 31%);filter:blur(7px)}
.engine-plume i:nth-child(3){inset:0 33% 42%;border-radius:0;background:linear-gradient(180deg,#fffbe7e8,#fbe0b7ad 25%,#f3bd756e 49%,transparent 90%);clip-path:polygon(30% 0,70% 0,86% 27%,64% 65%,50% 100%,36% 65%,14% 27%);filter:blur(3px)}
.engine-light{background:radial-gradient(ellipse,#fff2d05e 0%,#efb1773d 25%,#be622817 53%,transparent 72%)}
@media(hover:hover) and (pointer:fine){.rocket-material.is-ready{display:block}}
@media(max-width:640px){.pad-shadow{filter:blur(5px)}.pad-reflection{filter:blur(4px)}.pad-pressure{display:none}.engine-plume i:first-child{filter:blur(9px)}.engine-plume i:nth-child(2){filter:blur(5px)}.engine-plume i:nth-child(3){filter:blur(2px)}}
.motion-is-paused .rocket-material{display:none}
@media(prefers-reduced-motion:reduce){.rocket-material,.pad-pressure{display:none!important}.pad-reflection{opacity:.055}.pad-shadow{opacity:.66}}

/* Source: inspection.css */
/* Revision 16: fitted references with explicit magnification and a bounded pan viewport. */
.site-header nav a[href="#projects"]{display:inline-flex}
.dialog-shell{height:100%;display:flex;flex-direction:column;overflow:hidden}
.dialog-toolbar{flex:none}
.dialog-image-stage{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.dialog-image-stage figcaption{flex:none}
#project-dialog .preview-surface{display:block;flex:1;min-height:80px;min-width:0;width:100%;overflow:auto;overscroll-behavior:contain;scroll-behavior:auto;scrollbar-gutter:stable both-edges;border:1px solid #829ba720;border-radius:5px;cursor:default;touch-action:pan-x pan-y pinch-zoom;background:radial-gradient(ellipse,#25313c24,transparent 75%)}
.preview-surface::-webkit-scrollbar{width:8px;height:8px}
.preview-surface::-webkit-scrollbar-track{background:#090e14}
.preview-surface::-webkit-scrollbar-thumb{background:#5b6772;border:2px solid #090e14;border-radius:8px}
.preview-surface:focus-visible{outline:1px solid var(--copper);outline-offset:3px}
.inspection-canvas{display:grid;place-items:center;min-width:100%;min-height:100%;visibility:hidden}
[data-inspection-ready=true] .inspection-canvas{visibility:visible}
#project-dialog .preview-surface img,#project-dialog[data-enlarged=true] .preview-surface img{display:block;flex:none;max-width:none;max-height:none;width:var(--inspection-width,auto);height:var(--inspection-height,auto);object-fit:contain;user-select:none;-webkit-user-select:none;pointer-events:none}
#project-dialog[data-enlarged=true] .preview-surface{cursor:grab}
#project-dialog .preview-surface.is-dragging{cursor:grabbing}
#project-dialog .preview-state{flex:1;min-height:80px}
.inspection-controls{display:flex;align-items:center;gap:4px;justify-content:center}
.inspection-controls button{width:44px;height:44px;padding:0;border:1px solid #829ba72b;border-radius:50%;background:#111820;color:var(--paper);display:grid;place-items:center;transition:border-color .2s,background .2s}
.inspection-controls button:hover:not(:disabled){border-color:#e8ab8390;background:#25303a}
.inspection-controls button:disabled{opacity:.32;cursor:default}
.inspection-controls svg{width:17px;height:17px}
.inspection-controls .inspection-fit{border-radius:24px;width:48px;font-size:11px}
.inspection-controls output{width:46px;text-align:center;font-size:11px;font-variant-numeric:tabular-nums;color:#c4ced6}
.inspection-help{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.dialog-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:12px 24px}
.dialog-heading{display:contents}
.dialog-heading>div{grid-column:1;grid-row:1}
.dialog-heading h2{margin:0}
.close-button{grid-column:2;grid-row:1;position:static}
.device-selector{grid-column:1;grid-row:2;align-self:center;width:max-content;margin:0;max-width:100%}
.inspection-controls{grid-column:2;grid-row:2}
@media(min-width:1200px) and (min-height:521px){
 .dialog-toolbar{grid-template-columns:minmax(160px,1fr) auto auto 44px;gap:16px;padding:16px 24px}
 .device-selector{grid-column:2;grid-row:1}
 .inspection-controls{grid-column:3;grid-row:1}
 .close-button{grid-column:4;grid-row:1}
}
@media(max-width:640px){
 .dialog-toolbar{padding:10px 12px 8px;gap:6px}
 .device-selector{grid-column:1 / -1;grid-row:2;width:100%}
 .inspection-controls{grid-column:1 / -1;grid-row:3;justify-self:center}
 .dialog-image-stage{padding-top:12px}
}
@media(max-height:520px) and (orientation:landscape){
 .dialog-shell{display:grid;grid-template-columns:208px minmax(0,1fr)}
 .dialog-toolbar{display:flex;flex-direction:column;align-items:stretch;height:100%;overflow:auto;padding:14px;gap:10px}
 .dialog-heading{display:flex;flex-direction:column-reverse;align-items:stretch;gap:12px;margin:0;padding:0}
 .close-button{align-self:flex-end;flex:none}
 .device-selector{width:100%;padding:4px 0}
 .inspection-controls{gap:2px}
 .inspection-controls output{width:40px}
 .inspection-controls .inspection-fit{width:44px}
 .dialog-image-stage{height:100%;padding-top:18px}
}

/* Source: casebook-v17.css */
/* Real saved design details; the collection stays absent until more work is confirmed. */
.project-copy h3 .project-title-prefix{font-family:Satoshi,sans-serif;font-size:13px;line-height:1.2;letter-spacing:.22em;text-transform:uppercase;color:var(--copper);margin:0 0 20px;display:block}
.project-chapter{padding:38px 0 74px;border-top:1px solid var(--rule)}
.chapter-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 30px}
.chapter-heading .eyebrow{color:#a9b4be;font-size:10px;letter-spacing:.15em}
.chapter-heading h4,.collection-heading h3{font-family:Clash,sans-serif;font-size:clamp(30px,3.8vw,62px);line-height:1;letter-spacing:-.035em;font-weight:500;margin:0}
.chapter-heading h4>span,.collection-heading h3>span{color:var(--copper)}
.chapter-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.detail-preview{position:relative;display:block;min-width:0;padding:0;border:1px solid #8da2b527;border-radius:9px;overflow:hidden;background:#0d1319;color:var(--paper);text-align:left;cursor:zoom-in}
.detail-window{position:relative;display:block;aspect-ratio:1.33;overflow:hidden;background:radial-gradient(ellipse at 75% 50%,#d3936012,transparent 65%),#0a0e13}
.detail-window::after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 1px 0 #e4c4a512;background:linear-gradient(0deg,#080c1050,transparent 25%)}
.detail-window img{position:absolute;display:block;max-width:none;height:auto;transition:transform .8s cubic-bezier(.22,1,.36,1)}
.detail-interface .detail-window img{width:192%;left:0;top:-6%}
.detail-identity .detail-window img{width:125%;left:-9%;top:-8%}
.detail-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;border-top:1px solid #8da2b51a;font-family:Clash,sans-serif;font-size:24px;letter-spacing:-.02em}
.detail-dot{color:var(--copper)}
.detail-open{display:grid;place-items:center;width:38px;height:38px;border:1px solid #e8ab8340;border-radius:50%;font-family:Satoshi,sans-serif;font-size:17px;color:var(--copper)}
.detail-preview:focus-visible{outline:2px solid var(--copper);outline-offset:4px}
.detail-preview:disabled{cursor:default}
.detail-preview:disabled .detail-open{visibility:hidden}
.chapter-date{font-size:10px;color:#8e9da9;margin:18px 0 0;letter-spacing:.03em}
.collection-shelf{padding:48px 0 74px;border-top:1px solid var(--rule)}
.collection-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}
.collection-heading>[data-other-count]{font-size:12px;color:var(--copper)}
.collection-shelf .project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}
.collection-shelf .card-art{aspect-ratio:1.15;min-height:0;border-radius:8px;background:#0e151b}
.collection-shelf .card-art img{width:100%;height:100%;object-fit:cover;object-position:center 33%;transition:transform .8s cubic-bezier(.22,1,.36,1)}
.collection-shelf .card-caption{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;padding:18px 0 0}
.collection-shelf .card-caption h3{flex:1;font-size:26px;letter-spacing:-.025em}
.collection-shelf .card-caption p{flex-basis:100%;margin:2px 0 0;color:#99a9b6;font-size:13px;line-height:1.5}
.collection-shelf [data-card-count="3"] .project-card:last-child{grid-column:1 / -1}
.collection-shelf [data-card-count="3"] .project-card:last-child .card-art{aspect-ratio:2.35}
.project-pagination{flex:none;display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;border-top:1px solid #829ba72b;padding:10px 24px}
.project-pagination button{min-height:44px;padding:4px 0;display:flex;flex-direction:column;gap:4px;align-items:flex-start;text-align:left;border:0;background:none;color:var(--paper);font-size:13px}
.project-pagination #project-next{align-items:flex-end;text-align:right}
.adjacent-direction{font-size:9px;letter-spacing:.1em;color:var(--copper)}
#project-position{font-size:10px;font-variant-numeric:tabular-nums;color:#9babb7}
.exhibit-switcher{display:none}
@media(hover:hover) and (pointer:fine){.detail-preview:hover .detail-window img{transform:scale(1.035)}.detail-preview:hover{border-color:#e8ab8366}.collection-shelf .card-art:hover img{transform:scale(1.035)}}
@media(max-width:640px){
 .project-copy h3 .project-title-prefix{font-size:10px;margin-bottom:12px}
 .project-chapter{padding:26px 0 42px}
 .chapter-heading{display:block;margin-bottom:23px}
 .chapter-heading .eyebrow{display:block;margin-bottom:13px;font-size:9px}
 .chapter-heading h4{font-size:39px}
 .chapter-grid{grid-template-columns:1fr;gap:17px}
 .detail-window{aspect-ratio:1.24}
 .detail-caption{padding:14px 17px;font-size:24px}
 .chapter-date{font-size:9px;line-height:1.6}
 .collection-shelf{padding:30px 0 44px}
 .collection-shelf .project-grid{grid-template-columns:1fr;gap:28px}
 .collection-shelf [data-card-count="3"] .project-card:last-child{grid-column:auto}
 .collection-shelf [data-card-count="3"] .project-card:last-child .card-art{aspect-ratio:1.15}
 .collection-heading h3{font-size:34px}
 .project-pagination{padding:8px 13px;gap:8px}
 .project-pagination button{font-size:11px}
 .mobile-exhibit-ready+.reference-date{margin-top:7px}
 .exhibit-switcher:not([hidden]){display:flex;gap:4px;padding:4px;border:1px solid #91a8bb30;border-radius:30px;background:#0c1218;width:max-content;max-width:100%;margin:0 auto 22px}
 .exhibit-switcher button{min-height:44px;min-width:78px;padding:0 13px;border:1px solid transparent;border-radius:24px;background:transparent;color:#91a3b1;font-size:11px}
 .exhibit-switcher button[aria-pressed=true]{color:var(--paper);border-color:#e8ab835c;background:linear-gradient(140deg,#e8ab8317,#1b252d)}
 .interface-composition.mobile-exhibit-ready{height:auto;aspect-ratio:auto;max-width:100%;min-height:0}
 .interface-composition.mobile-exhibit-ready .device-preview{display:none;position:relative;inset:auto;height:auto;width:100%;pointer-events:auto}
 .interface-composition.mobile-exhibit-ready[data-active-device="desktop"] .preview-desktop,
 .interface-composition.mobile-exhibit-ready[data-active-device="tablet"] .preview-tablet,
 .interface-composition.mobile-exhibit-ready[data-active-device="phone"] .preview-phone{display:flex;flex-direction:column;align-items:center;gap:0}
 .interface-composition.mobile-exhibit-ready .device-preview .hardware-shell{position:relative;inset:auto;width:100%;max-height:none;opacity:1;transform:none!important;margin:0;height:auto;aspect-ratio:auto}
 .interface-composition.mobile-exhibit-ready .device-preview .tablet-frame{width:92%;padding:9px 7px;border-radius:18px}
 .interface-composition.mobile-exhibit-ready .device-preview .phone-frame{width:min(83%,290px);border-radius:31px}
 .interface-composition.mobile-exhibit-ready .device-preview .device-caption{position:relative;inset:auto;width:100%;min-height:44px;margin-top:16px;border:0;background:none;font-size:11px}
 .interface-composition.mobile-exhibit-ready .composition-halo{inset:5% 0 10%;opacity:.6}
 .interface-composition.mobile-exhibit-ready::before{bottom:50px}
}
.dialog-heading h2{overflow-wrap:anywhere}
@media(max-height:520px) and (orientation:landscape){
 .dialog-shell{grid-template-rows:minmax(0,1fr) auto}
 .dialog-toolbar{min-width:0;overflow-x:hidden;overflow-y:auto}
 .dialog-heading h2{font-size:20px}
 .project-pagination{grid-column:1 / -1}.chapter-grid{gap:16px}
}
.motion-is-paused .detail-window img,.motion-is-paused .collection-shelf .card-art img{transition:none;transform:none!important}
@media(prefers-reduced-motion:reduce){.detail-window img,.collection-shelf .card-art img{transition:none;transform:none!important}}

/* Source: brand-v17.css */
/* RocketPattaya original flight-cut identity · 1 October 2026.
   Native vector mark, local fonts, existing header and footer home links. */
.site-header .brand {
  min-height: 44px;
  gap: 12px;
  white-space: nowrap;
}
.site-header .brand > img {
  display: block;
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
}
.site-header .brand .wordmark,
#about .footer-end .brand .wordmark {
  font-family: Clash, sans-serif;
  font-weight: 600;
  font-synthesis: none;
  font-kerning: normal;
  font-feature-settings: "kern" 1;
  letter-spacing: -.03em;
  line-height: 1;
  color: #f0f0eb;
}
.site-header .brand .wordmark > span,
#about .footer-end .brand .wordmark > span {
  font-weight: 500;
  letter-spacing: -.025em;
  color: #c1c9cc;
}
@media (max-width: 640px) {
  .site-header .brand { gap: 9px; }
  .site-header .brand > img { width: 30px; height: 30px; }
  .site-header .brand .wordmark { font-size: 20px; }
}
@media (max-width: 380px) {
  .site-header .brand { gap: 8px; }
  .site-header .brand .wordmark { font-size: 18px; }
}
@media (max-height: 520px) and (orientation: landscape) and (min-width: 641px) {
  .site-header .brand { gap: 10px; }
  .site-header .brand > img { width: 30px; height: 30px; }
  .site-header .brand .wordmark { font-size: 20px; }
}

/* Source: mobile-finish-v18.css */
/* Decorative motion is created only by the working mobile selector. */
.exhibit-indicator{display:none}
@media(max-width:640px){
 /* Exclude the changing showcase from native scroll-anchor candidates. */
 .interface-showcase{overflow-anchor:none}
 .exhibit-switcher.exhibit-glide-ready{position:relative;isolation:isolate}
 .exhibit-switcher.exhibit-glide-ready .exhibit-indicator{display:block;border:1px solid #e8ab835c;border-radius:24px;background:linear-gradient(140deg,#e8ab8317,#1b252d);box-sizing:border-box;z-index:0}
 .exhibit-switcher.exhibit-glide-ready button{position:relative;z-index:1}
 .exhibit-switcher.exhibit-glide-ready button[aria-pressed=true]{border-color:transparent;background:transparent}
}
.motion-is-paused .interface-composition.mobile-exhibit-ready .device-preview{opacity:1!important;transform:none!important}
@media(prefers-reduced-motion:reduce){
 .interface-composition.mobile-exhibit-ready .device-preview{opacity:1!important;transform:none!important}
}

/* Source: finish-v18.css */
/* Revision 18: a deliberate path into the saved project and cleaner details. */
.project-copy .project-button{width:max-content;max-width:100%;text-decoration:none}
.project-button .project-arrow{width:20px;height:20px;color:var(--copper);transition:transform .35s}
.project-button:hover .project-arrow{transform:translate(2px,2px)}
#project-interface{scroll-margin-top:0}
#project-interface.will-reveal{transform:none}
#project-interface:focus{outline:0}
#project-interface:focus-visible .showcase-top .eyebrow{box-shadow:0 1px 0 var(--copper);padding-bottom:4px;width:max-content}
.showcase-top h4.eyebrow{font-family:Satoshi,sans-serif;font-weight:500}
.detail-interface .detail-window img{width:160%;left:0;top:0}
.detail-identity .detail-window img{width:min(148%,1024px);left:-22%;top:-20%}
.hero-bottom{isolation:isolate}
.hero-bottom::before{content:'';position:absolute;z-index:-1;inset:-64px calc(var(--gutter) * -1) -40px;pointer-events:none;background:linear-gradient(180deg,transparent,#080b10c9 53%,#080b10ed)}
.hero-bottom .first-label,.hero-bottom .project-count{color:#bcc4ca}
.hero-bottom .scroll-cue{color:#bcc4ca}
@media(max-width:640px){
 .detail-interface .detail-window img{width:170%}
 .hero-bottom::before{top:-48px}
}
.motion-is-paused .project-button .project-arrow{transition:none;transform:none}
@media(prefers-reduced-motion:reduce){.project-button .project-arrow{transition:none;transform:none!important}}

/* Source: scene-layout.css */
/* Preserved source: launch-control-v19.css */
/* Revision 19: one tactile launch control, visible before any interaction. */
.hero-lower .explore{
 min-width:44px;min-height:44px;width:max-content;max-width:100%;
 color:#e9e7e0;letter-spacing:.015em;
}
.hero-lower .explore .explore-circle{
 flex:0 0 auto;width:56px;height:56px;
 border:1px solid #e3ad837a;
 background:radial-gradient(circle at 32% 18%,#d4bda418,transparent 63%),linear-gradient(145deg,#171b1e,#0a0d10 62%,#141719);
 box-shadow:inset 0 1px 0 #f2d7be14,inset 0 -2px 4px #0007,0 6px 16px #0004,0 -2px 18px #e8ab830a;
 transform:none;
 transition:border-color .24s,box-shadow .24s,transform .24s;
}
.hero-lower .explore .explore-circle::before{
 inset:-5px;
 border:1px solid #d39a7527;
 border-top-color:#f3c5a490;border-right-color:#dca07843;border-left-color:transparent;
 transform:rotate(-25deg);
 animation:none;
 pointer-events:none;
 transition:transform .28s,border-color .24s;
}
.hero-lower .explore .explore-circle::after{
 content:'';position:absolute;inset:4px;border-radius:50%;
 border:1px solid #dde0dc06;border-top-color:#f2d7be18;
 pointer-events:none;
}
.hero-lower .explore svg{
 position:relative;z-index:1;width:22px;height:22px;
 color:#f1e8dd;transform:none;transition:transform .24s;
}
.hero-lower .explore svg path{stroke-width:1.35}
/* Replace the earlier ignition spinner with the same static engraved rim. */
.journey-running .hero-lower .explore-circle::before{animation:none!important}
@media(hover:hover) and (pointer:fine){
 .hero-lower .explore:hover .explore-circle{
  border-color:#f2c09dbc;
  box-shadow:inset 0 1px 0 #f2d7be20,inset 0 -2px 4px #0007,0 7px 18px #0005,0 -2px 22px #e8ab8312;
  transform:translateY(-1px);
 }
 .hero-lower .explore:hover .explore-circle::before{transform:rotate(-10deg);border-top-color:#f3c5a4c2}
 .hero-lower .explore:hover svg{transform:translate(1.5px,-1.5px)}
}
.hero-lower .explore:focus-visible .explore-circle{
 border-color:#f2c09dbc;
 box-shadow:inset 0 1px 0 #f2d7be20,inset 0 -2px 4px #0007,0 6px 16px #0004,0 -2px 22px #e8ab8312;
 transform:translateY(-1px);
}
.hero-lower .explore:focus-visible .explore-circle::before{transform:rotate(-10deg);border-top-color:#f3c5a4c2}
.hero-lower .explore:focus-visible svg{transform:translate(1.5px,-1.5px)}
@media(max-width:640px){
 .hero-lower .explore .explore-circle{width:48px;height:48px}
 .hero-lower .explore svg{width:20px;height:20px}
}
@media(max-width:640px) and (max-height:700px){
 .hero-lower .explore .explore-circle{width:40px;height:40px}
 .hero-lower .explore svg{width:18px;height:18px}
}
@media(max-height:520px) and (orientation:landscape){
 .hero-lower .explore .explore-circle{width:40px;height:40px}
 .hero-lower .explore svg{width:18px;height:18px}
}
/* Input feedback remains legible; preference states never move the control. */
html:not(.motion-control-ready) .hero-lower .explore .explore-circle,
.motion-is-paused .hero-lower .explore .explore-circle{transform:none!important}
html:not(.motion-control-ready) .hero-lower .explore .explore-circle::before,
.motion-is-paused .hero-lower .explore .explore-circle::before{transform:rotate(-25deg)!important;animation:none!important}
html:not(.motion-control-ready) .hero-lower .explore svg,
.motion-is-paused .hero-lower .explore svg{transform:none!important}
@media(prefers-reduced-motion:reduce){
 .hero-lower .explore .explore-circle,.hero-lower .explore svg{transform:none!important}
 .hero-lower .explore .explore-circle::before{transform:rotate(-25deg)!important;animation:none!important}
}

/* Preserved source: hero-first-v19.css */
/* Revision 19: silver type, a cooler rim light and a clearer engine silhouette. */
#launch-title{font-kerning:normal;font-synthesis:none}
#launch-title .title-rocket .title-inner{letter-spacing:-.04em;color:#f0f1eb}
#launch-title .title-pattaya .title-inner{color:#cdd7dc}
.site-header{grid-template-columns:1fr auto;gap:32px}
.site-header nav{color:#dce1e4}
@supports(background-clip:text){
 #launch-title .title-pattaya .title-inner{background:linear-gradient(132deg,#eef0ea 7%,#d4dde1 48%,#a4b8c5 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
 #launch-title .title-period{-webkit-text-fill-color:var(--copper)}
}
.launch-stage .ambient-light{background:radial-gradient(ellipse at 76% 43%,#bfd9eb16,transparent 48%),radial-gradient(ellipse at 69% 78%,#e2ae760b,transparent 35%)}
@media(min-width:1101px) and (min-height:600px){.rocket-position{top:7%}}
@media(min-width:641px) and (max-width:1100px) and (min-height:600px){
 .rocket-position{top:12.3%}
}
@media(min-width:641px) and (max-width:1100px) and (min-height:600px) and (orientation:portrait){.rocket-position{top:29.2%}}
@media(max-width:640px) and (min-height:701px){.rocket-position{top:41.5%}}
@media(max-width:640px){.site-header{gap:18px}}
@media(max-height:520px) and (orientation:landscape){
 .hero-lower .explore .explore-circle{width:40px;height:40px}
 .hero-lower .explore svg{width:18px;height:18px}
}
@media(forced-colors:active){
 #launch-title .title-pattaya .title-inner{background:none;color:CanvasText;-webkit-text-fill-color:currentColor}
 #launch-title .title-period{color:CanvasText;-webkit-text-fill-color:currentColor}
 .launch-stage .ambient-light{display:none}
}

/* Preserved source: project-stage-v20.css */
/* Revision 20: the project follows the launch's silver type and copper artwork. */
html{scroll-padding-top:0}
#projects-title:focus{outline:0}
#projects-title:focus-visible{text-decoration:underline;text-decoration-color:var(--copper);text-decoration-thickness:1px;text-underline-offset:8px}
.project-copy{padding-top:clamp(92px,11svh,152px);pointer-events:none}
.project-copy>.eyebrow,.project-copy h3,.project-copy>.project-line,.project-copy>.project-button{width:fit-content;max-width:100%;pointer-events:auto}
.project-copy>.eyebrow{color:#a6b4bd;font-size:10px;letter-spacing:.18em}
.project-copy h3{font-size:clamp(84px,8.8vw,160px);line-height:.91;letter-spacing:-.04em;margin:22px 0;font-kerning:normal;font-synthesis:none;color:#f0f1eb}
.project-copy h3 .project-title-prefix{font-family:Clash,sans-serif;font-weight:500;font-size:.23em;line-height:1;letter-spacing:-.025em;text-transform:none;color:#ddd9d1;margin-bottom:14px}
.project-copy h3>span:last-child{color:#cbd7df}
@supports(background-clip:text){
 .project-copy h3>span:last-child{width:fit-content;background:linear-gradient(132deg,#eff0ea 7%,#d4dde1 48%,#a4b8c5 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
}
.project-copy p.project-line{font-size:16px;line-height:1.6;margin:24px 0 18px;color:#b6c0c7}
.project-copy .project-button{margin-top:18px}
.project-light{background:radial-gradient(ellipse at 76% 32%,#bacfe416,transparent 42%),radial-gradient(ellipse at 68% 66%,#e8ab830c,transparent 43%);opacity:.85}
.artwork-action{border-color:#b9cbd63d;background:linear-gradient(135deg,#1b252cc2,#0a0f14d6);box-shadow:0 1px 0 #e8eef30c inset;color:#d1dce3}
@media(min-width:641px) and (max-width:1100px){
 .project-copy{padding-top:100px}
 .project-copy h3{font-size:9.8vw}
}
@media(min-width:641px) and (max-width:1100px) and (orientation:portrait){
 .project-copy{padding-top:82px}
 .project-copy h3{font-size:10.5vw}
}
@media(max-width:640px){
 .project-stage{min-height:700px}
 .project-copy{padding-top:38px}
 .project-copy h3{font-size:min(20vw,86px);line-height:.94;margin:18px 0}
 .project-copy h3 .project-title-prefix{margin-bottom:9px}
 .project-copy p.project-line{font-size:15px;line-height:1.6;margin:18px 0 12px}
 .project-copy .project-button{margin-top:12px}
 .trader-portrait,.artwork-hotspot{height:56%}
 .project-light{background:radial-gradient(ellipse at 71% 63%,#bfd3e715,transparent 42%),radial-gradient(ellipse at 58% 78%,#e8ab830a,transparent 45%)}
}
@media(max-width:640px) and (max-height:700px){
 .project-stage{min-height:540px}
 .project-copy{padding-top:30px}
 .project-copy h3{font-size:min(18.5vw,80px);margin:16px 0}
 .project-copy p.project-line{margin:16px 0 10px}
 .trader-portrait,.artwork-hotspot{height:50%}
}
@media(max-width:360px){.project-stage{min-height:600px}.trader-portrait,.artwork-hotspot{height:52%}}
@media(max-width:640px) and (max-height:520px) and (orientation:landscape){
 .project-stage{min-height:560px}
 .project-copy{width:53%;padding-top:38px}
 .project-copy h3{font-size:10.5vw}
 .trader-portrait{width:64%;height:92%;right:-12%}
 .artwork-hotspot{width:50%;height:92%}
 .project-orbit{width:80%;right:-19%;top:19%}
}
@media(forced-colors:active){
 #projects-title:focus-visible{text-decoration-color:currentColor}
 .project-copy h3>span:last-child{background:none;color:CanvasText;-webkit-text-fill-color:currentColor}
 .project-copy h3 .project-title-prefix,.project-copy>.eyebrow,.project-copy p.project-line{color:CanvasText}
 .project-light{display:none}
 .artwork-action{color:ButtonText;border-color:ButtonText;background:ButtonFace;box-shadow:none}
}

/* Preserved source: showcase-finish-v21.css */
/* Revision 21: device order and quiet inspection actions around the real saved screens. */
#project-interface .device-caption{border-color:transparent;border-radius:8px;background:none;color:#cbd5dc;font-size:13px;gap:10px}
#project-interface .caption-label{display:inline-block;padding:4px 0;border-bottom:1px solid #e8ab8359;line-height:1.4}
#project-interface .caption-verb{display:none}
#project-interface .device-caption svg{width:15px;height:15px;color:var(--copper)}
#project-interface .device-preview:active .device-caption{background:#e8ab830a;color:var(--paper)}
#project-interface .device-preview:focus-visible .device-caption{outline:2px solid var(--copper);outline-offset:3px;background:#e8ab830a;color:var(--paper)}
#project-interface .device-preview:focus-visible .caption-label{border-bottom-color:var(--copper)}
#project-interface .device-preview:disabled .caption-label{border-bottom-color:transparent}
@media(hover:hover) and (pointer:fine){
 #project-interface .device-preview:hover .device-caption{border-color:transparent;background:none;color:var(--paper)}
 #project-interface .device-preview:hover .caption-label{border-bottom-color:var(--copper)}
}
@media(min-width:641px){
 #project-interface .interface-composition[data-screens="desktop tablet phone"] .tablet-frame{right:34%}
 #project-interface .interface-composition[data-screens="desktop tablet phone"] .device-preview .phone-frame{right:7%}
}
@media(min-width:641px) and (max-width:1100px){
 #project-interface .interface-composition[data-screens="desktop tablet phone"] .tablet-frame{right:30%}
 #project-interface .interface-composition[data-screens="desktop tablet phone"] .device-preview .phone-frame{right:6%}
}
@media(max-width:640px){
 #project-interface .mobile-exhibit-ready .device-caption{font-size:13px;min-height:44px}
 #project-interface .mobile-exhibit-ready .caption-verb{display:inline}
}
@media(forced-colors:active){
 #project-interface .device-caption{color:ButtonText}
 #project-interface .caption-label{border-bottom-color:ButtonText}
 #project-interface .device-caption svg{color:ButtonText}
 #project-interface .device-preview:focus-visible .device-caption{outline-color:Highlight}
}


/* Source: project-chapter.css */
/* Preserved source: walkthrough-v24.css */
/* Actual saved product flow, with manual selection and native inspection. */
.interface-composition:not(.exhibit-delivery-ready){display:none}
.project-feature.is-enhanced .interface-composition:not(.exhibit-delivery-ready)~.preview-fallback{display:flex}
.static-device-references{display:grid;grid-template-columns:1.5fr .75fr .45fr;gap:18px;align-items:start}
.static-device-references figure{margin:0;min-width:0}
.static-device-references img{display:block;width:100%;height:auto;border:1px solid #9db3c62e;border-radius:9px}
.static-device-references figcaption{padding:15px 0;font-size:13px;color:#bcc4ca}
.chapter-grid{grid-template-columns:minmax(0,1.28fr) minmax(0,.72fr);align-items:stretch}
.walkthrough-study{min-width:0;align-self:start;border:1px solid #8da2b52e;border-radius:9px;background:#0d1319;box-shadow:0 22px 48px #0003}
.study-switcher{display:flex;align-items:center;gap:6px;padding:9px 12px;border-bottom:1px solid #8da2b527;background:linear-gradient(120deg,#121a22,#0b1117)}
.study-switcher[hidden]{display:none}
.study-switcher button{position:relative;flex:1;min-width:0;min-height:44px;padding:8px 7px;border:1px solid transparent;border-radius:5px;background:transparent;color:#b2bdc5;font-family:Satoshi,sans-serif;font-size:12px;font-weight:500;cursor:pointer;text-align:left}
.study-switcher button span{margin-right:9px;color:#85919b;font-size:10px;font-variant-numeric:tabular-nums}
.study-switcher button[aria-pressed=true]{color:#f0f1ed;background:linear-gradient(110deg,#e8ab8312,#e8ab8305);border-color:#e8ab833b}
.study-switcher button[aria-pressed=true] span{color:var(--copper)}
.study-switcher button:focus-visible{outline:2px solid var(--copper);outline-offset:2px}
.walkthrough-study .study-preview{width:100%;border:0;border-radius:0 0 9px 9px;background:transparent}
.walkthrough-study .detail-window{aspect-ratio:16/9;background:#080d13}
.walkthrough-study .detail-window img{position:static;display:block;width:100%;height:100%;max-width:100%;object-fit:contain;transform:none;transition:opacity .15s;left:auto;top:auto}
.walkthrough-study .study-preview:hover .detail-window img{transform:none}
.walkthrough-study .detail-window::after{background:none;box-shadow:inset 0 0 0 1px #d8e6f208}
.walkthrough-study[data-state=loading] .detail-window img{opacity:.55}
.walkthrough-study .study-preview:focus-visible{outline-offset:-3px}
.study-step-label{margin-left:auto;margin-right:20px;font:500 11px Satoshi,sans-serif;color:#bdc8ce}
.study-static-links{display:flex;flex-wrap:wrap;gap:9px;padding:0 20px 15px;font-size:12px;color:var(--copper)}
.study-static-links a{display:inline-flex;align-items:center;min-height:44px;padding:0 9px}
.study-ready .study-static-links{display:none}
.study-ready[data-state=initial] .study-static-links{display:flex}
.study-ready[data-state=error] .study-static-links{display:flex}
.study-status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.walkthrough-study[data-state=error] .study-status{position:static;width:auto;height:auto;padding:10px 20px;overflow:visible;clip-path:none;white-space:normal;font-size:12px;color:#dbc4b4}
.chapter-grid>.detail-identity{display:flex;flex-direction:column}
.chapter-grid>.detail-identity .detail-window{flex:1;aspect-ratio:auto;min-height:290px}
.chapter-grid>.detail-identity .detail-caption{flex-shrink:0}
.chapter-date{line-height:1.65}
@media(max-width:900px){.chapter-grid{grid-template-columns:1fr 1fr}.study-switcher{padding:7px}.study-step-label{margin-right:12px}.chapter-grid>.detail-identity .detail-window{min-height:250px}}
@media(max-width:640px){.chapter-grid{grid-template-columns:1fr;gap:18px}.study-switcher{padding:8px}.study-switcher button{min-height:48px}.study-step-label{margin-right:14px}.chapter-grid>.detail-identity .detail-window{aspect-ratio:1.24;min-height:0;flex:auto}.static-device-references{grid-template-columns:1fr;gap:20px}.static-device-references figure:nth-child(2){width:80%;margin-inline:auto}.static-device-references figure:nth-child(3){width:min(62%,290px);margin-inline:auto}}
.motion-is-paused .walkthrough-study img{transition:none}
@media(prefers-reduced-motion:reduce){.walkthrough-study img{transition:none}}
@media(forced-colors:active){.walkthrough-study,.study-switcher,.study-switcher button[aria-pressed=true]{border-color:CanvasText}.study-switcher button[aria-pressed=true]{outline:1px solid Highlight}.study-switcher button,.study-step-label{color:CanvasText}}

/* Preserved source: filmstrip-v25.css */
/* Three genuine full-frame previews invite manual exploration. */
.study-switcher{gap:10px;padding:12px;background:linear-gradient(150deg,#1b252d,#0c1319 68%);border-bottom-color:#7184932b}
.study-switcher button{display:flex;flex-direction:column;gap:9px;min-height:44px;padding:8px;border:1px solid #829aa62b;background:#0a1117;border-radius:6px;text-align:left;transition:border-color .2s,background-color .2s}
.study-switcher button>span{margin:0}
.study-switcher .study-thumb{position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;border:1px solid #8195a51f;border-radius:3px;background:#080d13}
.study-switcher .study-thumb img{display:block;width:100%;height:100%;object-fit:contain;opacity:.64;transition:opacity .2s}
.study-switcher .study-tab-label{display:flex;align-items:center;gap:9px;width:100%;min-height:28px;font:500 12px Satoshi,sans-serif;color:#b5c0c7}
.study-switcher .study-number{margin:0;color:#91a0aa;font-size:9px;letter-spacing:.03em;font-variant-numeric:tabular-nums}
.study-tab-arrow{width:14px;height:14px;margin-left:auto;color:#87959e;opacity:.5}
.study-switcher button[aria-pressed=true]{border-color:#e8ab8378;background:linear-gradient(135deg,#e8ab8313,#e8ab8305);box-shadow:inset 0 1px 0 #edc9a32b,0 5px 14px #0003}
.study-switcher button[aria-pressed=true] .study-thumb img{opacity:1}
.study-switcher button[aria-pressed=true] .study-tab-label{color:#f0f1ed}
.study-switcher button[aria-pressed=true] .study-number,.study-switcher button[aria-pressed=true] .study-tab-arrow{color:var(--copper);opacity:1}
.study-switcher button:focus-visible{outline:2px solid var(--copper);outline-offset:3px}
@media(min-width:901px){.study-switcher button{flex-direction:row;align-items:center;gap:10px}.study-switcher .study-thumb{width:clamp(56px,7.6vw,112px);flex:0 0 auto}.study-switcher .study-tab-label{flex:1;min-width:0;gap:6px}.study-tab-arrow{width:12px;height:12px}}
@media(min-width:901px) and (max-width:1099px){.study-tab-arrow{display:none}}
@media(hover:hover) and (pointer:fine){.study-switcher button:hover{border-color:#b5c3ca70}.study-switcher button:hover .study-thumb img{opacity:1}}
@media(max-width:900px){.study-switcher{gap:7px;padding:9px}.study-switcher button{padding:6px;gap:6px}.study-switcher .study-tab-label{font-size:11px;gap:7px;min-height:27px}.study-tab-arrow{width:12px;height:12px}}
@media(max-width:640px){.study-switcher{padding:9px;gap:7px}.study-switcher button{min-height:48px;padding:6px}.study-switcher .study-tab-label{gap:6px}.study-tab-arrow{width:11px;height:11px}}
@media(max-width:360px){.study-switcher{padding:8px;gap:6px}.study-switcher button{padding:5px;gap:5px}.study-switcher .study-tab-label{font-size:10px;gap:5px}.study-tab-arrow{display:none}}
.motion-is-paused .study-switcher button,.motion-is-paused .study-thumb img{transition:none}
@media(prefers-reduced-motion:reduce){.study-switcher button,.study-thumb img{transition:none}}
@media(forced-colors:active){.study-switcher,.study-switcher button,.study-thumb{border-color:CanvasText}.study-switcher button[aria-pressed=true]{border-color:Highlight;outline:1px solid Highlight}.study-switcher .study-tab-label,.study-switcher .study-number,.study-tab-arrow{color:CanvasText}.study-switcher button[aria-pressed=true] .study-tab-label,.study-switcher button[aria-pressed=true] .study-number,.study-switcher button[aria-pressed=true] .study-tab-arrow{color:Highlight}.study-switcher .study-thumb img{opacity:1}}

/* Native mobile product frames retain every pixel; the helmet holds the other side. */
.study-phone-originals{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:0 20px 15px;font-size:12px;color:var(--copper)}
.study-phone-originals>span{width:100%;color:#bdc8ce}
.study-phone-originals a{display:inline-flex;align-items:center;min-height:44px;padding:0 9px}
.study-switcher [data-study-button-label]{margin:0;color:inherit;font:inherit}
.walkthrough-study[data-study-family="phone"] .detail-window{aspect-ratio:390/844}
.chapter-grid>.detail-identity{min-width:0}
@media(max-width:900px) and (orientation:portrait){
 .chapter-grid{grid-template-columns:minmax(0,1fr) minmax(0,.86fr);gap:24px;align-items:stretch}
 .walkthrough-study{width:100%;max-width:360px;justify-self:center;border-radius:12px;background:linear-gradient(145deg,#14202a,#0a1118 55%);box-shadow:0 24px 70px #0005,inset 0 1px 0 #e0ecf20b}
 .walkthrough-study .detail-window{max-width:360px;margin-inline:auto}
 .walkthrough-study[data-study-family="phone"] .detail-window{aspect-ratio:390/844}
 .walkthrough-study .detail-caption{padding-inline:18px;min-height:64px}
 .chapter-grid>.detail-identity .detail-window{min-height:0;overflow:hidden}
 .chapter-grid>.detail-identity .detail-window img{width:240%;max-width:none;left:-70%;top:-4%;transform:none;object-fit:cover}
 .chapter-grid>.detail-identity:hover .detail-window img{transform:none}
 .chapter-grid>.detail-identity .detail-caption{min-height:64px}
 .study-switcher{padding:9px;gap:6px}
 .study-switcher .study-thumb{display:none}
 .study-switcher button{flex-direction:row;align-items:center;padding:8px;min-height:48px}
 .study-switcher .study-tab-label{font-size:12px;gap:7px}
 .study-tab-arrow{display:none}
}
@media(max-width:640px){
 .chapter-grid{grid-template-columns:minmax(0,1fr);gap:24px}
 .walkthrough-study{max-width:360px;justify-self:center}
 .chapter-grid>.detail-identity .detail-window{aspect-ratio:1.35}
 .chapter-grid>.detail-identity .detail-window img{width:130%;max-width:none;left:-15%;top:-8%;transform:none}
 .chapter-grid>.detail-identity .detail-caption{min-height:60px}
 .chapter-heading{margin-bottom:24px}
}
@media(forced-colors:active){.study-phone-originals,.study-phone-originals>span{color:LinkText}.walkthrough-study{background:Canvas;box-shadow:none}}


/* Reserve the parser-selected phone frame before enhancement and cold deep links. */
.walkthrough-study .detail-window picture{display:block;width:100%;height:100%}
@media(max-width:900px) and (orientation:portrait){.walkthrough-study[data-phone-study="true"] .detail-window{aspect-ratio:390/844}}

/* A visible inspection cue distinguishes saved frames from live product controls. */
.study-inspect-hint{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-height:34px;padding:7px 16px;color:#c7d2d9;background:#101820;border-bottom:1px solid #8195a51f;font:500 11px Satoshi,sans-serif}
.study-inspect-hint svg,.detail-open svg{width:16px;height:16px;flex:none;color:var(--copper)}
@media(forced-colors:active){.study-inspect-hint{background:Canvas;color:CanvasText;border-color:CanvasText}.study-inspect-hint svg,.detail-open svg{color:ButtonText}}

/* Source: project-navigation-v29.css */
/* A native sticky guide stays with the work, and leaves with the project. */
.projects>.section-bar{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:1fr auto 1fr;gap:20px;min-height:82px;padding:13px 0;background:#0a0d12ef;border-bottom:1px solid #c0cbd21c;isolation:isolate}
.projects>.section-bar::before{content:'';position:absolute;z-index:-1;inset:0 calc(var(--gutter) * -1);background:linear-gradient(180deg,#0a0d12fa,#0a0d12ef);border-bottom:1px solid #c0cbd210;pointer-events:none}
.projects>.section-bar>[data-project-count]{justify-self:end;font-variant-numeric:tabular-nums;color:#99a5ae}
.project-navigation{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:4px;border:1px solid #acbac51f;border-radius:8px;background:linear-gradient(135deg,#1a232d8c,#0c1219);box-shadow:inset 0 1px 0 #e5eef509,0 6px 20px #0002;text-transform:none;letter-spacing:0}
.project-navigation a{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;min-width:102px;padding:9px 15px;border:1px solid transparent;border-radius:5px;color:#bbc5cd;font:500 .75rem/1.2 Satoshi,sans-serif;white-space:nowrap;text-decoration:none;transition:color .18s,background-color .18s,border-color .18s}
.project-navigation svg{width:15px;height:15px;flex:none;color:#85939e;stroke-width:1.4}
.project-navigation a[aria-current=location]{color:#f1ede8;border-color:#e8ab8345;background:linear-gradient(125deg,#e8ab831b,#e8ab8306);box-shadow:inset 0 1px 0 #e8ab8316}
.project-navigation a[aria-current=location] svg{color:var(--copper)}
.project-navigation a[aria-current=location]::after{content:'';position:absolute;bottom:3px;left:calc(50% - 9px);width:18px;height:1px;background:var(--copper);box-shadow:0 0 7px #e8ab8355}
.project-navigation a:focus-visible{outline:2px solid var(--copper);outline-offset:3px}
#project-interface,#project-chapter{scroll-margin-top:var(--project-navigation-offset,calc(5.125rem + 14px))}
#projects:focus,#project-chapter:focus{outline:0}
#projects:focus-visible .project-navigation a[href="#projects"]{outline:2px solid var(--copper);outline-offset:3px}
#project-chapter:focus-visible #chapter-title{text-decoration:underline;text-decoration-color:var(--copper);text-decoration-thickness:1px;text-underline-offset:8px}
@supports(backdrop-filter:blur(14px)){.projects>.section-bar{background:#0a0d12de;backdrop-filter:blur(14px)}.projects>.section-bar::before{background:linear-gradient(180deg,#0a0d12f0,#0a0d12db)}}
@media(hover:hover) and (pointer:fine){.project-navigation a:hover{color:#fff;border-color:#b7c5d04d;background-color:#d5e5ef09}.project-navigation a:hover svg{color:#d9e2e8}}
@media(max-width:900px){.projects>.section-bar{gap:12px}.section-bar h2{font-size:10px;letter-spacing:.12em}.project-navigation a{min-width:88px;padding-inline:11px}}
@media(max-width:640px){.projects>.section-bar{display:flex;justify-content:center;min-height:70px;padding:9px 0;gap:0}.projects>.section-bar h2{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.projects>.section-bar>[data-project-count]{display:none}.project-navigation{width:100%;gap:3px;padding:3px}.project-navigation a{flex:1;min-width:max-content;min-height:44px;padding:8px 6px;gap:8px}#project-interface,#project-chapter{scroll-margin-top:var(--project-navigation-offset,calc(4.25rem + 14px))}}
@media(max-width:360px){.project-navigation a{padding-inline:5px}.project-navigation svg{display:none}}
@media(max-height:540px) and (orientation:landscape){.projects>.section-bar{min-height:64px;padding-block:6px}.project-navigation{padding:3px}#project-interface,#project-chapter{scroll-margin-top:var(--project-navigation-offset,calc(3.875rem + 16px))}}
.motion-is-paused .project-navigation a{transition:none}
@media(prefers-reduced-motion:reduce){.project-navigation a{transition:none}}
@media(forced-colors:active){.projects>.section-bar,.projects>.section-bar::before{background:Canvas;border-color:CanvasText;backdrop-filter:none}.project-navigation{background:Canvas;border-color:CanvasText;box-shadow:none}.project-navigation a{color:LinkText}.project-navigation svg{color:LinkText}.project-navigation a[aria-current=location]{color:Highlight;border-color:Highlight;background:Canvas;box-shadow:none}.project-navigation a[aria-current=location] svg{color:Highlight}.project-navigation a[aria-current=location]::after{background:Highlight;box-shadow:none}.project-navigation a:focus-visible,#projects:focus-visible .project-navigation a[href="#projects"]{outline-color:Highlight}#project-chapter:focus-visible #chapter-title{text-decoration-color:Highlight}}

/* Source: artwork-inspection-v30.css */
/* Real artwork details: a compact contact sheet, with native-size bounded inspection. */
.artwork-detail-selector{--artwork-thumb-size:36px;display:flex;flex-wrap:wrap;gap:6px;flex:none;width:min(100%,420px);align-self:center;margin-top:12px;padding:4px;border:1px solid #a7bac426;border-radius:8px;background:linear-gradient(125deg,#202a328c,#10161cf2);box-shadow:inset 0 1px 0 #e2edf408}
.artwork-detail-selector button{display:flex;flex:1;align-items:center;justify-content:center;gap:10px;min-width:max-content;min-height:48px;padding:5px 8px;border:1px solid transparent;border-radius:5px;background:transparent;color:#b5c1ca;font:500 .75rem/1.2 Satoshi,sans-serif;transition:background-color .18s,border-color .18s,color .18s}
.artwork-detail-selector button[aria-pressed=true]{background:linear-gradient(135deg,#e8ab8319,#e8ab8305);border-color:#e8ab836b;color:#eee9e3;box-shadow:inset 0 1px 0 #e8ab8310}
.artwork-detail-selector button:focus-visible{outline:2px solid var(--copper);outline-offset:2px}
.artwork-detail-selector button:disabled{opacity:.4}
.artwork-detail-slot{flex:none;display:grid;place-items:center;width:var(--artwork-thumb-size);height:var(--artwork-thumb-size)}
.artwork-detail-thumb{position:relative;display:block;overflow:hidden;height:var(--artwork-thumb-size);width:calc(var(--artwork-thumb-size) * var(--artwork-detail-aspect));border:1px solid #aabac52b;border-radius:2px;background:#0a1016}
.artwork-detail-thumb img{position:absolute;display:block;max-width:none;object-fit:fill;pointer-events:none;user-select:none}
.artwork-detail-selector+[id=dialog-reference-date]{padding-top:10px}
.artwork-inspect-hint{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;padding:10px 14px;color:#b8c6cf;border-bottom:1px solid #a8bcc51a;background:linear-gradient(135deg,#1b252d8c,#0b1119);font:500 .6875rem/1.2 Satoshi,sans-serif}
.artwork-inspect-hint svg{width:16px;height:16px;color:var(--copper);flex:none}
.artwork-hotspot .artwork-action>span{display:inline}
.artwork-hotspot:disabled .artwork-action,.detail-identity:disabled .artwork-inspect-hint{display:none}
.artwork-static-link{position:absolute;z-index:6;right:28px;bottom:36px;display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 14px;border:1px solid #b9cbd63d;border-radius:28px;background:#101820ed;color:#d1dce3;font:500 .75rem/1.2 Satoshi,sans-serif}
.artwork-static-link:focus-visible{outline:2px solid var(--copper);outline-offset:3px}
@media(hover:hover) and (pointer:fine){.artwork-detail-selector button:hover:not(:disabled){color:#f2eeea;background-color:#d4e5ef0a;border-color:#bacbd646}}
@media(max-width:640px){
 .artwork-hotspot .artwork-action{gap:9px;padding:10px 13px;min-height:44px;font-size:.75rem;right:9px;bottom:22px}
 .artwork-static-link{right:9px;bottom:22px}
 .artwork-detail-selector{--artwork-thumb-size:28px;gap:4px;margin-top:10px}
 .artwork-detail-selector button{flex-direction:column;gap:4px;padding:5px 3px;min-height:58px}
 .artwork-inspect-hint{min-height:40px;padding-inline:12px;font-size:.75rem}
}
@media(max-height:520px) and (orientation:landscape){.artwork-detail-selector{--artwork-thumb-size:26px;width:min(100%,330px);margin-top:8px;padding:3px;gap:3px}.artwork-detail-selector button{min-height:44px;padding:4px;gap:6px}.artwork-detail-selector+[id=dialog-reference-date]{padding-top:6px}}
.motion-is-paused .artwork-detail-selector button{transition:none}
@media(prefers-reduced-motion:reduce){.artwork-detail-selector button{transition:none}}
@media(forced-colors:active){.artwork-detail-selector,.artwork-inspect-hint{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}.artwork-detail-selector button,.artwork-static-link{color:ButtonText;border-color:ButtonText;background:ButtonFace;box-shadow:none}.artwork-detail-selector button[aria-pressed=true]{color:HighlightText;background:Highlight;border-color:Highlight}.artwork-detail-selector button:focus-visible,.artwork-static-link:focus-visible{outline-color:Highlight}.artwork-detail-thumb{border-color:CanvasText}.artwork-inspect-hint svg{color:ButtonText}}

/* Source: hero-project-preview-v31.css */
/* Revision 31: the first project has a visual invitation inside its native link. */
.hero-content .title-inner{animation-name:title-arrive-v31;animation-duration:.72s}
.hero-content .hero-lower{animation:launch-settle-v31 .6s .08s cubic-bezier(.2,.65,.3,1) both}
@keyframes title-arrive-v31{from{opacity:1;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes launch-settle-v31{from{opacity:1;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.hero-bottom{flex-wrap:wrap;row-gap:10px}
.hero-bottom .first-project{display:grid;grid-template-columns:64px minmax(0,1fr) 20px;gap:16px;min-height:76px;max-width:340px;padding:6px 18px 6px 6px;border:1px solid #9dacb52b;border-radius:8px;background:linear-gradient(120deg,#18212be0,#0b1019d9);box-shadow:inset 0 1px #e4edf408,0 8px 28px #0003;color:#e4e9e8;transition:border-color .2s ease,background-color .2s ease}
.first-project-art{display:block;width:64px;height:62px;overflow:hidden;position:relative;border:1px solid #bd967948;border-radius:4px;background:#0d141c}
.first-project-art img{display:block;position:absolute;width:213%;height:auto;max-width:none;left:-57%;top:-22%;transform-origin:50% 22%;filter:brightness(.93);transition:transform .45s cubic-bezier(.2,.65,.3,1),filter .25s ease}
.first-project-art::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,#e3b48b12,transparent 55%);box-shadow:inset 0 0 0 1px #efc6a90b}
.first-project-copy{display:grid;gap:5px;min-width:0}
.hero-bottom .first-project .first-label{display:block;color:#a9b6bd;font-size:9px;line-height:1.3;letter-spacing:.15em}
.first-project-name{font-size:14px;font-weight:500;line-height:1.35;overflow-wrap:anywhere}
.hero-bottom .first-project .project-count{display:none}
.first-project-arrow{width:20px;height:20px;color:#ddb48f;transition:transform .25s ease}
.hero-bottom .first-project:focus-visible{outline:2px solid var(--copper);outline-offset:5px;border-color:#dcb18b9c}
.hero-bottom .first-project:hover{border-color:#c9a08277;background-color:#26313b}
.hero-bottom .first-project:focus-visible .first-project-art img{filter:brightness(1.08)}
@media(hover:hover) and (pointer:fine){html.motion-control-ready:not(.motion-is-paused) .first-project:hover .first-project-art img{transform:scale(1.07);filter:brightness(1.08)}html.motion-control-ready:not(.motion-is-paused) .first-project:hover .first-project-arrow{transform:translate(2px,-2px)}}
@media(max-width:640px){
 .hero-bottom{gap:12px}
 .hero-bottom .first-project{grid-template-columns:40px minmax(0,1fr) 14px;gap:9px;min-height:52px;max-width:200px;padding:5px 8px 5px 5px;border-radius:6px}
 .first-project-art{width:40px;height:40px;border-radius:3px}
 .first-project-copy{gap:3px}
 .hero-bottom .first-project .first-label{font-size:8px;letter-spacing:.12em}
 .first-project-name{font-size:12px}
 .first-project-arrow{width:14px;height:14px}
}
@media(max-width:360px){
 .hero-bottom{gap:8px}
 .hero-controls{flex-shrink:0;gap:10px}
 .hero-controls .scroll-cue{font-size:10px;gap:6px}
 .hero-bottom .first-project{grid-template-columns:32px minmax(0,1fr) 12px;gap:6px;min-height:48px;padding:5px 5px 5px 3px}
 .first-project-art{width:32px;height:36px}
 .first-project-name{font-size:11px}
 .first-project-arrow{width:12px;height:12px}
}
@media(max-height:520px) and (orientation:landscape){
 .hero-bottom{padding-top:8px;gap:12px}
 .hero-bottom .first-project{grid-template-columns:36px minmax(0,1fr) 16px;gap:10px;min-height:48px;max-width:260px;padding:5px 10px 5px 5px}
 .first-project-art{width:36px;height:36px}
 .hero-bottom .first-project .first-label{font-size:8px}
 .first-project-copy{gap:2px}
 .first-project-name{font-size:12px}
 .first-project-arrow{width:16px;height:16px}
}
@media(prefers-reduced-motion:reduce){.hero-content .title-inner,.hero-content .hero-lower{animation:none;transform:none}.first-project-art img,.first-project-arrow{transition:none;transform:none!important}.hero-bottom .first-project{transition:none}}
@media(forced-colors:active){.hero-bottom .first-project{background:Canvas;color:LinkText;border-color:LinkText;box-shadow:none}.hero-bottom .first-project .first-label,.first-project-arrow{color:LinkText}.first-project-art{border-color:CanvasText}.first-project-art::after{display:none}.hero-bottom .first-project:focus-visible{outline-color:Highlight;border-color:Highlight}}

/* Source: showcase-stage-v32.css */
/* Revision 32: the saved screens receive their own visual chapter. */
.interface-showcase{padding-top:48px;padding-bottom:62px;isolation:isolate}
.showcase-top{margin-bottom:34px;min-width:0}
.showcase-top .showcase-title{margin:0;max-width:100%;font-family:Clash,sans-serif;font-size:clamp(38px,4.8vw,68px);font-weight:500;line-height:1.03;letter-spacing:-.038em;text-transform:none;font-kerning:normal;font-synthesis:none;overflow-wrap:anywhere;color:#dce5e9}
.showcase-title .showcase-period{color:var(--copper)}
.interface-showcase .interface-composition .composition-halo{inset:6% 0 7%;filter:blur(24px);opacity:.9;background:radial-gradient(ellipse at 73% 65%,#dfa07024,transparent 60%),radial-gradient(ellipse at 28% 24%,#accde71a,transparent 65%)}
.interface-showcase:focus-visible .showcase-top .showcase-title{text-decoration:underline;text-decoration-color:var(--copper);text-decoration-thickness:1px;text-underline-offset:9px}
@supports(background-clip:text){.showcase-top .showcase-title{background:linear-gradient(118deg,#f0f1e9 10%,#c1ced8 85%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.showcase-title .showcase-period{-webkit-text-fill-color:var(--copper)}}
@media(max-width:1100px){.interface-showcase{padding-top:38px;padding-bottom:52px}.showcase-top{margin-bottom:28px}}
@media(max-width:640px){
 .interface-showcase{padding-top:30px;padding-bottom:42px}
 .showcase-top{margin-bottom:25px}
 .showcase-top .showcase-title{font-size:clamp(36px,9.5vw,44px);max-width:9em;line-height:1.04;letter-spacing:-.035em}
 .interface-showcase .interface-composition .composition-halo{inset:10% 0 9%;filter:blur(20px);opacity:.78;background:radial-gradient(ellipse at 60% 66%,#dfa07022,transparent 67%),radial-gradient(ellipse at 28% 24%,#accde715,transparent 62%)}
}
@media(max-height:540px) and (orientation:landscape){
 .interface-showcase{padding-top:24px;padding-bottom:38px}
 .showcase-top{margin-bottom:22px}
 .showcase-top .showcase-title{font-size:clamp(32px,4.8vw,44px)}
}
/* Existing wide-frame thumbnails make the manual flow choices visual on portrait screens. */
@media(max-width:900px) and (orientation:portrait){
 .study-switcher button{flex-direction:column;align-items:stretch;gap:6px;padding:6px;min-height:48px}
 .study-switcher .study-thumb{display:block;width:100%;flex:0 0 auto;aspect-ratio:16/9}
 .study-switcher .study-thumb img{opacity:.76}
 .study-switcher .study-tab-label{font-size:12px;min-height:27px;gap:6px}
}
@media(max-width:360px) and (orientation:portrait){.study-switcher button{padding:5px}.study-switcher .study-tab-label{font-size:11px;gap:5px}}
@media(forced-colors:active){.showcase-top .showcase-title{background:none;color:CanvasText;-webkit-text-fill-color:currentColor}.showcase-title .showcase-period{color:CanvasText;-webkit-text-fill-color:currentColor}.interface-showcase .composition-halo{display:none}.interface-showcase:focus-visible .showcase-title{text-decoration-color:Highlight}.study-switcher .study-thumb img{opacity:1}}

/* Source: viewer-finish-v33.css */
/* Revision 33: the native inspector belongs to the same graphite/copper exhibition. */
dialog#project-dialog{background:#090d12;border-color:#b7c3ca36;border-radius:10px;box-shadow:0 30px 100px #000b,inset 0 1px #d2e0e408}
dialog#project-dialog .dialog-toolbar{background:linear-gradient(122deg,#161c23,#0d1218 72%);border-bottom-color:#b7c3ca24;box-shadow:inset 0 1px #c2d0d60a}
dialog#project-dialog .preview-surface{background:linear-gradient(135deg,#0e151c,#080c11 75%);border-color:#a4b8c223;box-shadow:inset 0 1px #cadbe008}
dialog#project-dialog[data-device=artwork] .preview-surface{background:radial-gradient(ellipse at 44% 65%,#e6a16c11,transparent 62%),radial-gradient(ellipse at 63% 22%,#c4dae60b,transparent 56%),#080d12;border-color:#bba18c2d}
/* Inspection shows the original alpha and complete edge, without the page's decorative fade. */
dialog#project-dialog[data-device=artwork] .preview-surface img{mask-image:none;-webkit-mask-image:none;border-radius:0}
dialog#project-dialog .artwork-detail-selector{border-color:#c59a7636;background:linear-gradient(135deg,#131c23,#0b1015);box-shadow:inset 0 1px #e3d2c108}
@media(max-width:640px){dialog#project-dialog{border-radius:8px}}
@media(forced-colors:active){dialog#project-dialog,dialog#project-dialog .dialog-toolbar,dialog#project-dialog .preview-surface,dialog#project-dialog[data-device=artwork] .preview-surface,dialog#project-dialog .artwork-detail-selector{background:Canvas;border-color:CanvasText;box-shadow:none}}

/* Source: saved-framing-v35.css */
/* Saved interface references sit above the exhibit, before their pictured controls. */
.showcase-top{gap:24px;align-items:flex-end}
.showcase-reference{flex:0 0 auto;max-width:280px;text-align:right}
.showcase-reference-label{display:block;color:var(--paper);font-size:11px;font-weight:500;letter-spacing:.13em;text-transform:uppercase}
.showcase-reference .reference-date{margin:6px 0 0;font-size:11px;line-height:1.5;text-align:inherit;color:#a6afb8}
.showcase-reference-hint{display:block;margin-top:5px;font-size:11px;line-height:1.5;color:#a6afb8}
@media(max-width:640px){.showcase-top{align-items:flex-start;flex-direction:column;gap:17px}.showcase-reference{max-width:100%;text-align:left}.showcase-reference-label{font-size:10px}.showcase-reference .reference-date{display:inline;margin:0 0 0 10px;font-size:10px}.showcase-reference-label{display:inline}.showcase-reference-hint{margin-top:6px;font-size:11px}}
@media(max-width:360px){.showcase-reference .reference-date{display:block;margin:5px 0 0}}
@media(forced-colors:active){.showcase-reference-label,.showcase-reference .reference-date,.showcase-reference-hint{color:CanvasText}}

/* Source: story-finish-v35.css */
/* Revision 35: saved product frames lead; a compact context panel follows the accepted frame. */
.project-chapter .chapter-grid{grid-template-columns:minmax(0,1.64fr) minmax(230px,.64fr);gap:28px;align-items:start}
.chapter-grid .walkthrough-study{width:100%;max-width:none;justify-self:stretch;align-self:start}
.chapter-aside{display:flex;flex-direction:column;gap:22px;min-width:0;align-self:start}
.study-story{position:relative;min-width:0;padding:22px 21px 8px;border:1px solid #8195a533;border-radius:9px;background:linear-gradient(145deg,#16212a,#0c131a 72%);box-shadow:inset 0 1px 0 #e3edf20b}
.study-story[hidden]{display:none}
.study-story-eyebrow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 13px;color:#a6b5c1;font:500 10px/1.4 Satoshi,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.study-story-eyebrow>span:last-child{color:#8d9aa4;letter-spacing:0;font-variant-numeric:tabular-nums;white-space:nowrap}
.study-story-title{margin:0 0 17px;font:500 clamp(22px,2vw,29px)/1.08 Clash,sans-serif;letter-spacing:-.025em;color:#e1e8ea;text-wrap:balance}
.study-story-track{display:grid;list-style:none;margin:0;padding:0}
.study-story-track>li{position:relative;display:grid;grid-template-columns:29px minmax(0,1fr);gap:11px;min-width:0;padding:13px 0 16px;border-top:1px solid #8398a421;transition:border-color .18s,color .18s}
.study-story-track>li::before{content:'';position:absolute;left:-21px;top:12px;bottom:16px;width:2px;background:transparent;transition:background-color .18s}
.study-story-index{display:grid;place-items:center;width:28px;height:28px;border:1px solid #8496a43d;border-radius:50%;color:#98a8b4;font:500 10px Satoshi,sans-serif;font-variant-numeric:tabular-nums;background:#0b1218;transition:border-color .18s,color .18s,background-color .18s}
.study-story-step{display:block;margin:0 0 5px;font:500 13px/1.35 Satoshi,sans-serif;color:#c8d1d7}
.study-story-copy{display:block;max-width:24ch;font:400 12px/1.55 Satoshi,sans-serif;color:#a2b2bf}
.study-story-track>li[aria-current=step]::before{background:var(--copper)}
.study-story-track>li[aria-current=step] .study-story-index{color:#f2c9a8;border-color:#e8ab837d;background:#e8ab8310;box-shadow:0 0 0 4px #e8ab8307}
.study-story-track>li[aria-current=step] .study-story-step{color:#f2f0e8}
.study-story-track>li[aria-current=step] .study-story-copy{color:#c9d4dc}
/* The existing native helmet image becomes a small material strip, with inspection preserved. */
.chapter-aside .detail-identity{display:flex;flex-direction:column;width:100%;min-width:0;background:#0a1016;border-color:#8195a533}
.chapter-aside .detail-identity .detail-window{flex:none;min-height:0;aspect-ratio:1.95;overflow:hidden}
.chapter-aside .detail-identity .detail-window img{position:static;display:block;left:auto;top:auto;width:100%;max-width:100%;height:100%;object-fit:cover;object-position:50% 18%;transform:none;transition:none}
.chapter-aside .detail-identity:hover .detail-window img{transform:none}
.chapter-aside .detail-identity .detail-caption{min-height:54px;padding:14px 17px;font-size:21px}
.chapter-aside .detail-identity .artwork-inspect-hint{padding-inline:15px}
@media(max-width:1100px){.project-chapter .chapter-grid{grid-template-columns:minmax(0,1.45fr) minmax(222px,.65fr);gap:22px}.study-story{padding:20px 18px 6px}.study-story-track>li::before{left:-18px}.chapter-aside{gap:20px}}
@media(max-width:900px) and (orientation:portrait){.project-chapter .chapter-grid{grid-template-columns:minmax(0,1fr) minmax(220px,.84fr);gap:24px}.chapter-grid .walkthrough-study{max-width:360px;justify-self:center}.study-story-title{font-size:27px}.study-story-track>li{padding-block:15px}.chapter-aside .detail-identity .detail-window{aspect-ratio:1.7}}
@media(max-width:640px){
 .project-chapter .chapter-grid{grid-template-columns:minmax(0,1fr);gap:22px}
 .chapter-grid .walkthrough-study{max-width:360px}
 .chapter-aside{gap:18px}
 .study-story{padding:20px 18px 8px}
 .study-story-title{font-size:25px;margin-bottom:16px}
 .study-story-track{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
 .study-story-track>li{grid-template-columns:minmax(0,1fr);gap:10px;padding:15px 0 12px}
 .study-story-track>li::before{left:0;right:0;top:-1px;bottom:auto;width:auto;height:2px}
 .study-story-step{font-size:12px;margin-bottom:6px}
 .study-story-copy{font-size:11px;line-height:1.55;max-width:12ch}
 .chapter-aside .detail-identity .detail-window{aspect-ratio:2.55}
 .chapter-aside .detail-identity .detail-caption{min-height:54px}
}
@media(max-width:360px){.study-story{padding-inline:15px}.study-story-track{gap:11px}.study-story-eyebrow{font-size:9px}.study-story-title{font-size:24px}.study-story-copy{font-size:11px}.study-story-track>li::before{left:0}}
.motion-is-paused .study-story-track>li,.motion-is-paused .study-story-track>li::before,.motion-is-paused .study-story-index{transition:none}
@media(prefers-reduced-motion:reduce){.study-story-track>li,.study-story-track>li::before,.study-story-index{transition:none}}
@media(forced-colors:active){
 .study-story,.study-story-index,.chapter-aside .detail-identity{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}
 .study-story-eyebrow,.study-story-eyebrow>span:last-child,.study-story-title,.study-story-step,.study-story-copy{color:CanvasText}
 .study-story-track>li{border-color:CanvasText}
 .study-story-track>li[aria-current=step]::before{background:Highlight;forced-color-adjust:none}
 .study-story-track>li[aria-current=step] .study-story-index{background:Highlight;color:HighlightText;border-color:Highlight;box-shadow:none;forced-color-adjust:none}
 .study-story-track>li[aria-current=step] .study-story-step,.study-story-track>li[aria-current=step] .study-story-copy{color:CanvasText}
}

/* Source: recovery-finish-v35.css */
/* Native source access remains available when an economical preview fails. */
.exhibit-recovery{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;margin:20px 0 0;padding:14px 18px;border:1px solid #829ba72b;border-radius:8px;background:#11171d;color:#bac5ce}
.exhibit-recovery[hidden]{display:none}
.exhibit-recovery p{margin:0;font-size:12px;line-height:1.6}
.exhibit-recovery-links{display:flex;flex-wrap:wrap;gap:8px}
.exhibit-recovery-links a,.preview-reference .preview-original{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;color:var(--copper);font-size:12px;text-decoration:none;border-radius:6px}
.exhibit-recovery-links a{padding:0 12px;border:1px solid #829ba740}
.interface-showcase .preview-load-note{position:absolute;inset:0;display:grid;place-items:center;padding:24px;color:#a6b4bf;font-size:clamp(10px,1vw,14px);line-height:1.4;background:radial-gradient(ellipse at 50% 35%,#24303a80,transparent 75%),#101820;pointer-events:none;text-align:center;box-sizing:border-box}
.interface-showcase .preview-load-note[hidden]{display:none}
.interface-showcase .preview-delivery-failed img{visibility:hidden}
dialog#project-dialog .dialog-image-stage .preview-reference{display:flex;align-items:center;justify-content:space-between;gap:8px 20px;flex:none;flex-wrap:wrap;padding-top:8px}
dialog#project-dialog .preview-reference .preview-original{flex:none;min-width:116px;padding:0 10px;border:1px solid #829ba72b;background:#121920}
dialog#project-dialog .preview-reference .preview-original[hidden]{display:none}
dialog#project-dialog .preview-reference .preview-original svg{width:14px;height:14px;flex:none}
.exhibit-recovery-links a:focus-visible,.preview-reference .preview-original:focus-visible{outline:2px solid var(--copper);outline-offset:3px}
@media(hover:hover){.exhibit-recovery-links a:hover,.preview-reference .preview-original:hover{border-color:#e8ab8370;color:var(--paper);background:#1d2730}}
@media(max-width:640px){.exhibit-recovery{padding:12px}dialog#project-dialog .preview-reference .preview-original{font-size:11px;min-width:108px}dialog#project-dialog .dialog-image-stage .preview-reference{gap:4px 12px}}
@media(forced-colors:active){.exhibit-recovery,.preview-load-note{background:Canvas;color:CanvasText;border-color:CanvasText}.exhibit-recovery-links a,.preview-reference .preview-original{background:Canvas;color:LinkText;border-color:CanvasText}.exhibit-recovery-links a:focus-visible,.preview-reference .preview-original:focus-visible{outline-color:Highlight}}

/* Source: rocket-explorer-v35.css */
/* Optional original-artwork explorer. Static; every rule is scoped. */
.rocket-inspect-entry{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:8px 14px;border:1px solid #a5b7c33d;border-radius:24px;background:#10182080;color:#d7e0e4;font:500 12px/1.3 Satoshi,sans-serif;flex:none}
.rocket-inspect-entry svg{width:16px;height:16px;color:var(--copper,#e8ab83)}
.rocket-inspect-entry:focus-visible{outline:2px solid var(--copper,#e8ab83);outline-offset:4px}
#rocket-detail-dialog{width:min(1280px,calc(100vw - 32px));max-width:none;height:min(90vh,980px);height:min(90svh,980px);max-height:none;margin:auto;padding:0;overflow:hidden;isolation:isolate;border:1px solid #adbec52f;border-radius:12px;background:#090f14;color:#e9ede9;box-shadow:0 30px 120px #0009;font-family:Satoshi,sans-serif;animation:none!important}
#rocket-detail-dialog::backdrop{background:#030609e8;backdrop-filter:blur(12px)}
#rocket-detail-dialog .rp-explorer-shell{height:100%;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto}
#rocket-detail-dialog .rp-explorer-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px;border-bottom:1px solid #adc0cb20}
#rocket-detail-dialog .rp-explorer-heading h2{margin:0;font:500 clamp(24px,2.4vw,34px)/1.12 Clash,sans-serif;letter-spacing:-.035em}
#rocket-detail-dialog .rp-explorer-heading h2 span{color:var(--copper,#e8ab83)}
#rocket-detail-dialog button{min-width:44px;min-height:44px;border:1px solid #a5b7c331;background:transparent;color:#c0cbd2;font:500 12px/1.2 Satoshi,sans-serif;cursor:pointer;animation:none!important;transition:none!important}
#rocket-detail-dialog button:disabled{opacity:.36;cursor:default}
#rocket-detail-dialog button:focus-visible,#rocket-detail-dialog a:focus-visible,#rocket-detail-dialog .rp-explorer-viewport:focus-visible{outline:2px solid var(--copper,#e8ab83);outline-offset:3px}
#rocket-detail-dialog .rp-explorer-close{flex:none;width:44px;height:44px;padding:0;border-radius:50%;font:300 30px/1 Satoshi,sans-serif;color:#e1e7e8}
#rocket-detail-dialog .rp-explorer-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 24px}
#rocket-detail-dialog .rp-explorer-views,#rocket-detail-dialog .rp-explorer-scales{display:flex;align-items:center;gap:5px;padding:4px;border:1px solid #99aeba24;border-radius:9px;background:#101820}
#rocket-detail-dialog .rp-explorer-tools button{padding:10px 18px;border-radius:6px;border-color:transparent}
#rocket-detail-dialog .rp-explorer-tools button[aria-pressed=true]{border-color:#e8ab8355;background:#e8ab8311;color:#f0eee7}
#rocket-detail-dialog .rp-explorer-scales{background:transparent}
#rocket-detail-dialog .rp-explorer-scales button{padding-inline:14px}
#rocket-detail-dialog .rp-explorer-stage{position:relative;min-height:0;margin:0 24px;overflow:hidden;border:1px solid #9ab1be25;border-radius:8px;background:radial-gradient(ellipse at 65% 40%,#25404b16,transparent 65%),#070c10}
#rocket-detail-dialog .rp-explorer-viewport{width:100%;height:100%;padding:0;overflow:auto;overscroll-behavior:contain;scroll-behavior:auto!important;touch-action:pan-x pan-y pinch-zoom;scrollbar-width:thin;scrollbar-color:#586a76 #080f14}
#rocket-detail-dialog .rp-explorer-viewport::-webkit-scrollbar{width:8px;height:8px}
#rocket-detail-dialog .rp-explorer-viewport::-webkit-scrollbar-thumb{background:#586a76;border:2px solid #080f14;border-radius:8px}
#rocket-detail-dialog .rp-explorer-viewport::-webkit-scrollbar-track,#rocket-detail-dialog .rp-explorer-viewport::-webkit-scrollbar-corner{background:#080f14}
#rocket-detail-dialog .rp-explorer-canvas{display:grid;place-items:center}
#rocket-detail-dialog .rp-explorer-canvas img{display:block;max-width:none;max-height:none;padding:0;margin:0;border-radius:0;object-fit:contain;filter:none;mask:none;-webkit-mask:none;user-select:none;-webkit-user-drag:none}
#rocket-detail-dialog[data-rocket-scale=native] .rp-explorer-viewport{cursor:grab}
#rocket-detail-dialog .rp-explorer-viewport.is-dragging{cursor:grabbing}
#rocket-detail-dialog .rp-explorer-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center;color:#c5cfd5}
#rocket-detail-dialog .rp-explorer-state p{max-width:38em;margin:0;font-size:14px;line-height:1.6}
#rocket-detail-dialog .rp-explorer-state button{padding:10px 20px;border-radius:6px}
#rocket-detail-dialog .rp-explorer-meta{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 24px 16px}
#rocket-detail-dialog .rp-explorer-date{margin:0;color:#98a8b3;font-size:11px;line-height:1.6}
#rocket-detail-dialog .rp-explorer-help{margin:4px 0 0;color:#b6c3ca;font-size:11px;line-height:1.5}
#rocket-detail-dialog .rp-explorer-meta>a{display:inline-flex;align-items:center;gap:9px;min-height:44px;flex:none;font-size:12px;color:#d1dce1}
#rocket-detail-dialog .rp-explorer-meta>a span{color:var(--copper,#e8ab83)}
#rocket-detail-dialog [hidden]{display:none!important}
@media(max-width:640px){
 #rocket-detail-dialog{width:calc(100vw - 24px);height:calc(100vh - 24px);height:calc(100svh - 24px);border-radius:10px}
 #rocket-detail-dialog .rp-explorer-heading{padding:12px 14px;gap:12px}
 #rocket-detail-dialog .rp-explorer-tools{display:grid;grid-template-columns:1fr;padding:10px 14px;gap:7px}
 #rocket-detail-dialog .rp-explorer-views{width:100%}
 #rocket-detail-dialog .rp-explorer-views button{flex:1}
 #rocket-detail-dialog .rp-explorer-scales{justify-content:center}
 #rocket-detail-dialog .rp-explorer-tools button{padding-inline:14px}
 #rocket-detail-dialog .rp-explorer-stage{margin-inline:14px}
 #rocket-detail-dialog .rp-explorer-meta{padding:9px 14px 12px;gap:12px;align-items:flex-start}
 #rocket-detail-dialog .rp-explorer-date{max-width:17em;font-size:10px}
 #rocket-detail-dialog .rp-explorer-help{font-size:10px}
 #rocket-detail-dialog .rp-explorer-meta>a{font-size:11px}
}
@media(max-height:540px) and (orientation:landscape){
 #rocket-detail-dialog{width:calc(100vw - 24px);height:calc(100vh - 16px);height:calc(100svh - 16px)}
 #rocket-detail-dialog .rp-explorer-heading{padding:6px 16px}
 #rocket-detail-dialog .rp-explorer-heading h2{font-size:23px}
 #rocket-detail-dialog .rp-explorer-tools{display:flex;flex-wrap:nowrap;padding:5px 16px;gap:12px}
 #rocket-detail-dialog .rp-explorer-views{width:auto}
 #rocket-detail-dialog .rp-explorer-tools button{padding:8px 12px;font-size:11px}
 #rocket-detail-dialog .rp-explorer-stage{margin-inline:16px}
 #rocket-detail-dialog .rp-explorer-meta{padding:4px 16px 6px}
}
@media(forced-colors:active){
 .rocket-inspect-entry{background:Canvas;color:LinkText;border-color:LinkText}
 .rocket-inspect-entry svg{color:LinkText}
 #rocket-detail-dialog{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}
 #rocket-detail-dialog::backdrop{background:Canvas;backdrop-filter:none}
 #rocket-detail-dialog .rp-explorer-heading,#rocket-detail-dialog .rp-explorer-stage,#rocket-detail-dialog .rp-explorer-views,#rocket-detail-dialog .rp-explorer-scales{background:Canvas;border-color:CanvasText}
 #rocket-detail-dialog button,#rocket-detail-dialog .rp-explorer-close{background:ButtonFace;color:ButtonText;border-color:ButtonText}
 #rocket-detail-dialog .rp-explorer-tools button[aria-pressed=true]{background:Canvas;color:Highlight;border-color:Highlight}
 #rocket-detail-dialog .rp-explorer-heading h2 span,#rocket-detail-dialog .rp-explorer-date,#rocket-detail-dialog .rp-explorer-help,#rocket-detail-dialog .rp-explorer-state{color:CanvasText}
 #rocket-detail-dialog .rp-explorer-meta>a,#rocket-detail-dialog .rp-explorer-meta>a span{color:LinkText}
 #rocket-detail-dialog .rp-explorer-viewport{scrollbar-color:auto}
}

/* Source: phone-context-v36.css */
/* Revision 36: brief context before a tall saved phone frame; the full sequence stays beside/below it. */
.study-phone-context{display:none}
@media(max-width:900px) and (orientation:portrait){
 .walkthrough-study[data-study-family="phone"] .study-phone-context:not([hidden]){display:grid;grid-template-columns:35px minmax(0,1fr);align-items:center;gap:13px;min-height:79px;padding:14px 17px;background:linear-gradient(125deg,#1b252e,#101820 75%);border-bottom:1px solid #a0b2bf26;box-shadow:inset 0 1px 0 #e4eef208}
 .study-phone-context-index{display:flex;flex-direction:column;align-items:center;gap:3px;padding-right:12px;border-right:1px solid #a0b2bf2a;font:500 12px/1.1 Satoshi,sans-serif;font-variant-numeric:tabular-nums;color:var(--copper)}
 .study-phone-context-total{font:400 9px/1.1 Satoshi,sans-serif;color:#8295a5}
 .study-phone-context-body{min-width:0}
 .study-phone-context-label{display:block;margin:0 0 4px;font:500 13px/1.3 Satoshi,sans-serif;color:#edf0eb}
 .study-phone-context-copy{margin:0;font:400 12px/1.45 Satoshi,sans-serif;color:#b9c7d1;text-wrap:pretty}
}
@media(max-width:360px) and (orientation:portrait){.walkthrough-study[data-study-family="phone"] .study-phone-context:not([hidden]){padding-inline:14px;gap:11px;grid-template-columns:32px minmax(0,1fr)}.study-phone-context-index{padding-right:10px}}
@media(forced-colors:active){.study-phone-context{background:Canvas!important;color:CanvasText;border-color:CanvasText!important;box-shadow:none!important}.study-phone-context-index{border-color:CanvasText;color:Highlight}.study-phone-context-total,.study-phone-context-label,.study-phone-context-copy{color:CanvasText}}

/* Source: hero-interaction-v36.css */
/* Revision 36: a quiet first-fold entry into genuine native rocket detail. */
.hero-rocket-inspect{position:absolute;z-index:6;right:var(--gutter);bottom:clamp(145px,18svh,185px);display:inline-flex;align-items:center;gap:11px;min-width:44px;min-height:46px;padding:11px 15px;border:1px solid #b2c0c543;border-radius:7px;background:linear-gradient(125deg,#1a252de8,#10171ee8);box-shadow:inset 0 1px 0 #e5eef20d,0 6px 20px #0003;color:#dce4e5;font:500 12px/1.35 Satoshi,sans-serif;text-decoration:none;white-space:nowrap;transition:color .18s,border-color .18s,background-color .18s}
.hero-rocket-inspect svg{width:18px;height:18px;flex:none;color:var(--copper)}
.hero-rocket-inspect:focus-visible{outline:2px solid var(--copper);outline-offset:4px;border-color:#e8ab8391;color:#f0f1eb}
@media(hover:hover) and (pointer:fine){.hero-rocket-inspect:hover{border-color:#e8ab837f;background-color:#26333d;color:#f0f1eb}}
@media(min-width:641px) and (max-width:1100px) and (orientation:portrait){.hero-rocket-inspect{right:auto;left:var(--gutter);bottom:180px}}
@media(max-width:640px) and (orientation:portrait){.hero-rocket-inspect{right:auto;left:var(--gutter);bottom:132px;min-height:44px;padding:10px 13px;gap:9px;font-size:11px}.hero-rocket-inspect svg{width:17px;height:17px}}
@media(max-width:360px) and (orientation:portrait){.hero-rocket-inspect{left:20px;bottom:120px}}
@media(max-height:520px) and (orientation:landscape){.hero-rocket-inspect{right:var(--gutter);left:auto;bottom:100px;min-height:44px;padding:9px 12px;gap:9px;font-size:11px}.hero-rocket-inspect svg{width:17px;height:17px}}
.motion-is-paused .hero-rocket-inspect{transition:none}
@media(prefers-reduced-motion:reduce){.hero-rocket-inspect{transition:none}}
@media(forced-colors:active){.hero-rocket-inspect{background:Canvas;color:LinkText;border-color:LinkText;box-shadow:none}.hero-rocket-inspect svg{color:LinkText}.hero-rocket-inspect:focus-visible{outline-color:Highlight;border-color:Highlight;color:LinkText}}

/* Source: chapter-recording-v36.css */
/* Revision 36: an optional authentic recording, folded into the quiet project context. */
.chapter-recording{min-width:0;border:1px solid #8ca2af35;border-radius:8px;background:linear-gradient(135deg,#17212a,#0d151d 80%);box-shadow:inset 0 1px 0 #e6eef109}
.chapter-recording>summary{display:grid;grid-template-columns:64px minmax(0,1fr) auto 12px;align-items:center;gap:9px;min-height:64px;padding:10px 12px;list-style:none;cursor:pointer;color:#dfe6e7}
.chapter-recording>summary::-webkit-details-marker{display:none}
.chapter-recording>summary:focus-visible{outline:2px solid var(--copper);outline-offset:4px;border-radius:6px}
.chapter-recording-poster{position:relative;display:block;width:64px;aspect-ratio:16/9;overflow:hidden;border:1px solid #a4bdca39;border-radius:4px;background:#0a1118;box-shadow:inset 0 1px #e8f0f509}
.chapter-recording-poster>img{display:block;width:100%;height:100%;object-fit:contain;opacity:.7;transition:opacity .18s}
.chapter-recording-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:24px;height:24px;border:1px solid #e8ab838c;border-radius:50%;background:#0c141eea;color:#efc09b;box-shadow:0 2px 8px #0008}
.chapter-recording-play svg{width:12px;height:12px;margin-left:1px}
.chapter-recording-title{min-width:0;font:500 12px/1.4 Satoshi,sans-serif;text-wrap:pretty}
.chapter-recording-length{display:inline-flex;align-items:center;justify-content:center;padding:3px 5px;border:1px solid #a0b6c52b;border-radius:4px;background:#09111b70;color:#b9c8d2;font:500 10px/1.3 Satoshi,sans-serif;white-space:nowrap;font-variant-numeric:tabular-nums}
.chapter-recording-arrow{width:12px;height:12px;color:#91a4b2;transition:transform .18s,color .18s}
.chapter-recording[open]>summary .chapter-recording-arrow{transform:rotate(180deg);color:var(--copper)}
.chapter-recording-body{min-width:0;padding:6px 14px 14px}
.chapter-recording-date{margin:0 0 11px;color:#9caebc;font:400 10px/1.5 Satoshi,sans-serif}
.chapter-recording-video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#070d13;border:1px solid #879eac35;border-radius:5px;object-fit:contain}
.chapter-recording-video[hidden]{display:none}
.chapter-recording-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:44px;margin-top:4px}
.chapter-recording-links a{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 0;color:#d2b398;font:500 11px/1.4 Satoshi,sans-serif;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#d2b39854}
.chapter-recording-links a:focus-visible,.chapter-recording-notes>summary:focus-visible{outline:2px solid var(--copper);outline-offset:3px}
.chapter-recording-status{margin:0;color:#d9c4b2;font:400 11px/1.5 Satoshi,sans-serif}
.chapter-recording-status:empty{display:none}
.chapter-recording-notes{border-top:1px solid #899fab24}
.chapter-recording-notes>summary{min-height:44px;padding:12px 0;color:#a8bbc9;font:500 11px/1.4 Satoshi,sans-serif;cursor:pointer}
.chapter-recording-transcript{margin:0;padding-left:17px;color:#b8c8d3;font:400 11px/1.55 Satoshi,sans-serif}
.chapter-recording-transcript li{padding-bottom:8px}
.chapter-recording-transcript li:last-child{padding-bottom:3px}
@media(hover:hover) and (pointer:fine){.chapter-recording>summary:hover{color:#f0f1eb}.chapter-recording>summary:hover .chapter-recording-poster>img{opacity:1}.chapter-recording-links a:hover{text-decoration-color:var(--copper);color:#f0d2b7}}
@media(max-width:640px){.chapter-recording>summary{grid-template-columns:58px minmax(0,1fr) auto 12px;min-height:64px;padding-inline:12px;gap:9px}.chapter-recording-poster{width:58px}.chapter-recording-body{padding:6px 16px 14px}.chapter-recording-title{font-size:13px}.chapter-recording-date{font-size:11px}.chapter-recording-links a,.chapter-recording-notes>summary{font-size:12px}.chapter-recording-transcript{font-size:12px}}
@media(max-width:360px){.chapter-recording>summary{grid-template-columns:50px minmax(0,1fr) auto 12px;padding-inline:11px;gap:8px}.chapter-recording-poster{width:50px}}
@media(max-height:520px) and (orientation:landscape){.chapter-recording>summary{min-height:56px}.chapter-recording-body{padding-bottom:12px}}
.motion-is-paused .chapter-recording-arrow,.motion-is-paused .chapter-recording-poster>img{transition:none}
@media(prefers-reduced-motion:reduce){.chapter-recording-arrow,.chapter-recording-poster>img{transition:none}}
@media(forced-colors:active){.chapter-recording{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}.chapter-recording>summary,.chapter-recording-title,.chapter-recording-length,.chapter-recording-arrow,.chapter-recording-date,.chapter-recording-status,.chapter-recording-transcript,.chapter-recording-notes>summary{color:CanvasText}.chapter-recording-play{background:Canvas;color:ButtonText;border-color:ButtonText;box-shadow:none}.chapter-recording-poster{background:Canvas;border-color:CanvasText;box-shadow:none}.chapter-recording-poster>img{opacity:1}.chapter-recording-length{background:Canvas;border-color:CanvasText}.chapter-recording-video,.chapter-recording-notes{border-color:CanvasText}.chapter-recording-links a{color:LinkText;text-decoration-color:LinkText}.chapter-recording>summary:focus-visible,.chapter-recording-links a:focus-visible,.chapter-recording-notes>summary:focus-visible{outline-color:Highlight}}

/* Source: chapter-recording-view-v37.css */
/* Revision 37: one recording, with an optional wide stage and earlier phone discovery. */
.chapter-recording{scroll-margin-top:var(--project-navigation-offset,calc(5.125rem + 14px))}
.project-chapter .chapter-grid{grid-template-rows:max-content max-content minmax(0,1fr)}
.chapter-grid>.walkthrough-study{grid-column:1;grid-row:1 / span 3}
.chapter-grid>.chapter-aside{display:contents}
.chapter-grid>.chapter-aside>.study-story{grid-column:2;grid-row:1;align-self:start}
.chapter-grid>.chapter-recording{grid-column:2;grid-row:2;align-self:start}
.chapter-grid>.chapter-aside>.detail-identity{grid-column:2;grid-row:3;align-self:start}
.chapter-recording-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 12px;margin-bottom:11px}
.chapter-recording-toolbar .chapter-recording-date{margin:0}
.chapter-recording-expand{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:9px 11px;border:1px solid #e8ab8352;border-radius:5px;background:linear-gradient(130deg,#202d37,#111b24);color:#e0d3c6;font:500 11px/1.3 Satoshi,sans-serif;white-space:nowrap;cursor:pointer}
.chapter-recording-expand[hidden]{display:none}
.chapter-recording-expand svg{width:14px;height:14px;flex:none;color:var(--copper)}
.chapter-recording-expand:focus-visible{outline:2px solid var(--copper);outline-offset:4px;border-color:#e8ab8394}
.chapter-grid[data-recording-layout="wide"]>.chapter-recording{grid-column:1 / -1;grid-row:1;border-color:#a6b9c24a;background:linear-gradient(140deg,#18232d,#0b121a 75%)}
.chapter-grid[data-recording-layout="wide"]>.walkthrough-study{grid-row:2 / span 2}
.chapter-grid[data-recording-layout="wide"]>.chapter-aside>.study-story{grid-row:2}
.chapter-grid[data-recording-layout="wide"]>.chapter-aside>.detail-identity{grid-row:3}
.chapter-recording[data-recording-view="wide"]>summary{min-height:64px;padding-inline:22px;border-bottom:1px solid #9bb2bf26}
.chapter-recording[data-recording-view="wide"] .chapter-recording-body{padding:13px 22px 18px}
.chapter-recording[data-recording-view="wide"] .chapter-recording-title{font-size:13px}
.chapter-recording[data-recording-view="wide"] .chapter-recording-video{width:min(100%,120svh);margin-inline:auto;border-color:#a2b8c64a;box-shadow:0 14px 34px #0003}
.chapter-recording[data-recording-view="wide"] .chapter-recording-notes{margin-top:2px}
@media(hover:hover) and (pointer:fine){.chapter-recording-expand:hover{border-color:#e8ab8382;background:#26343e;color:#f0e4d7}}
@media(max-height:520px) and (orientation:landscape){.chapter-recording[data-recording-view="wide"] .chapter-recording-video{width:min(100%,max(180px,calc((100svh - var(--project-navigation-offset,80px) - 132px) * 1.777778)))}.chapter-recording[data-recording-view="wide"] .chapter-recording-body{padding-top:8px}.chapter-recording[data-recording-view="wide"]>summary{min-height:56px}}
@media(max-width:640px){
 .project-chapter .chapter-grid{grid-template-rows:none;grid-auto-rows:max-content}
 .chapter-grid>.chapter-recording,.chapter-grid[data-recording-layout="wide"]>.chapter-recording{grid-column:1;grid-row:1}
 .chapter-grid>.walkthrough-study,.chapter-grid[data-recording-layout="wide"]>.walkthrough-study{grid-column:1;grid-row:2}
 .chapter-grid>.chapter-aside>.study-story,.chapter-grid[data-recording-layout="wide"]>.chapter-aside>.study-story{grid-column:1;grid-row:3}
 .chapter-grid>.chapter-aside>.detail-identity,.chapter-grid[data-recording-layout="wide"]>.chapter-aside>.detail-identity{grid-column:1;grid-row:4}
 .chapter-recording-expand{display:none}
 .chapter-recording[data-recording-view="wide"]>summary{padding-inline:16px;border-bottom:0;min-height:62px}
 .chapter-recording[data-recording-view="wide"] .chapter-recording-body{padding:6px 16px 14px}
 .chapter-recording[data-recording-view="wide"] .chapter-recording-video{width:100%;box-shadow:none}
}
@media(forced-colors:active){.chapter-recording-expand{background:ButtonFace;color:ButtonText;border-color:ButtonText}.chapter-recording-expand svg{color:ButtonText}.chapter-recording-expand:focus-visible{outline-color:Highlight;border-color:Highlight}.chapter-grid[data-recording-layout="wide"]>.chapter-recording{background:Canvas;border-color:CanvasText}.chapter-recording[data-recording-view="wide"]>summary,.chapter-recording[data-recording-view="wide"] .chapter-recording-video{border-color:CanvasText}.chapter-recording[data-recording-view="wide"] .chapter-recording-video{box-shadow:none}}

/* Source: project-journey-v38.css */
.card-case-link{display:inline-flex;align-items:center;gap:24px;min-height:48px;font-size:13px;border-bottom:1px solid #e8ab8360;color:var(--paper);margin-top:12px}.card-case-link::after{content:'↗';color:var(--copper);font-size:18px}.card-case-link:hover{color:var(--copper)}

/* Project entry carries the same graphite and copper finish as the work. */
.project-copy .project-button{display:flex;align-items:center;justify-content:space-between;gap:32px;width:max-content;min-width:220px;max-width:100%;min-height:62px;margin-top:16px;padding:8px 9px 8px 22px;border:1px solid #c0997659;border-radius:8px;background:linear-gradient(125deg,#25313ade,#111922e8);box-shadow:inset 0 1px 0 #e8cfb414,0 10px 26px #0003;color:var(--paper);font:500 .875rem/1.35 Satoshi,sans-serif;text-decoration:none;transition:border-color .2s,background-color .2s}
.project-copy .project-button::after{display:none}
.project-copy .project-button .project-arrow{width:42px;height:42px;flex:none;padding:11px;border:1px solid #d4a77c49;border-radius:50%;background:#e8ab8310;color:var(--copper)}
.project-copy .project-button:focus-visible,.project-discovery-link:focus-visible{outline:2px solid var(--copper);outline-offset:5px;border-color:#e8ab83b0}
.project-discovery-link{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:112px;margin-top:30px;padding:24px 28px;border:1px solid #a0b0bb30;border-radius:8px;background:linear-gradient(110deg,#1b273188,#0c121b);box-shadow:inset 0 1px 0 #dce9ed09;color:var(--paper);text-decoration:none;transition:border-color .2s,background-color .2s}
.project-discovery-name{min-width:0;overflow-wrap:anywhere;font:500 clamp(1.375rem,2.7vw,2.25rem)/1.2 Clash,Satoshi,sans-serif;letter-spacing:-.035em}
.project-discovery-action{display:flex;align-items:center;gap:22px;flex:none;font:500 .8125rem/1.35 Satoshi,sans-serif;color:#d5dfe3}
.project-discovery-action svg{width:44px;height:44px;flex:none;padding:12px;border:1px solid #d4a77c49;border-radius:50%;background:#e8ab830c;color:var(--copper);transition:transform .2s}
@media(hover:hover) and (pointer:fine){.project-copy .project-button:hover,.project-discovery-link:hover{border-color:#ddb18a91;background-color:#26343e}.project-copy .project-button:hover .project-arrow,.project-discovery-link:hover svg{transform:translate(2px,-2px)}}
@media(max-width:640px){.project-copy .project-button{min-width:0;width:min(100%,240px);min-height:60px;padding-left:18px}.project-discovery-link{flex-wrap:wrap;gap:20px;min-height:112px;margin-top:22px;padding:22px}.project-discovery-action{width:100%;justify-content:space-between}.project-discovery-name{font-size:clamp(1.375rem,6vw,1.875rem)}}
.motion-is-paused .project-copy .project-button,.motion-is-paused .project-copy .project-button .project-arrow,.motion-is-paused .project-discovery-link,.motion-is-paused .project-discovery-action svg{transition:none;transform:none}
@media(prefers-reduced-motion:reduce){.project-copy .project-button,.project-copy .project-button .project-arrow,.project-discovery-link,.project-discovery-action svg{transition:none;transform:none!important}}
@media(forced-colors:active){.project-copy .project-button,.project-discovery-link{background:Canvas;color:LinkText;border-color:LinkText;box-shadow:none}.project-copy .project-button .project-arrow,.project-discovery-action svg{background:Canvas;color:LinkText;border-color:LinkText}.project-discovery-action{color:LinkText}.project-copy .project-button:focus-visible,.project-discovery-link:focus-visible{outline-color:Highlight;border-color:Highlight}}