/* Afterglow is the default; alternate studies remain available by URL. */
@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,wght@0,400;0,500;1,400;1,500&family=Space+Mono:wght@400;700&display=swap');
.direction-bar{display:flex;align-items:center;gap:25px;padding:12px 5%;font:10px/1.5 var(--mono);letter-spacing:1px;background:var(--ink);color:var(--paper)}.direction-bar span{margin-right:auto}.direction-bar a{text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
html[data-style] .hero{position:relative}html[data-style] .hero-copy{z-index:3}html[data-style] .hero-art{isolation:isolate}html[data-style] .intro,html[data-style] .art-caption,html[data-style] .section-index,html[data-style] .orbit-label span{color:var(--muted)}html[data-style] h1 em,html[data-style] h2 em,html[data-style] .brand-dot{color:var(--accent)}html[data-style] .button{background:var(--ink);color:var(--paper)}html[data-style] .button:hover{background:var(--accent)}html[data-style] .eyebrow i{background:var(--accent);box-shadow:none}html[data-style] .downloads-section{background:var(--panel)}html[data-style] .model-stage{background:var(--panel);border-color:var(--line)}html[data-style] model-viewer{background:radial-gradient(ellipse,#f5f2df,#d4dac9)}html[data-style] .model-toolbar{background:var(--panel);border-color:var(--line)}html[data-style] .model-views button{color:var(--ink)}html[data-style] .model-views button[aria-pressed=true]{background:var(--ink);color:var(--paper)}html[data-style] .download-grid p,html[data-style] .prototype-note,html[data-style] .prototype-note b,html[data-style] footer,html[data-style] .file-kind,html[data-style] .model-caption,html[data-style] .model-scale{color:var(--muted)}html[data-style] .nav-cta{border-color:var(--line)}
/* 01. Gallery: printed exhibition catalogue meets an engineering specimen. */
html[data-style=gallery]{--paper:#f3eee4;--ink:#30201f;--muted:#75635d;--line:#d9c9bd;--accent:#b94127;--panel:#e9e0d4;--green:#342e28;--lime:#e6bd83;--mono:'Space Mono',monospace}
[data-style=gallery] header{padding-top:35px;padding-bottom:35px}[data-style=gallery] .hero{grid-template-columns:1.1fr 1fr;min-height:730px;padding-top:85px;padding-bottom:80px}[data-style=gallery] h1,[data-style=gallery] h2{font-family:'Bodoni Moda',Georgia,serif;font-weight:400;letter-spacing:-3.5px}[data-style=gallery] h1{font-size:clamp(58px,6.5vw,96px);line-height:.99}[data-style=gallery] h1 em,[data-style=gallery] h2 em{font-style:italic}[data-style=gallery] .hero-art{height:510px;border:1px solid #bba891;background:linear-gradient(135deg,#e4d8c5,#eae5da 65%);margin-left:25px;transform:rotate(3deg)}[data-style=gallery] .hero-art:before{content:'FF / 001';position:absolute;top:22px;left:22px;font:10px var(--mono);letter-spacing:3px;color:#786e5f}[data-style=gallery] .hero-art:after{content:'A study in smallness';position:absolute;bottom:45px;left:30px;font:italic 32px 'Bodoni Moda',serif;color:#786b59}[data-style=gallery] .hero-art img{width:90%;left:5%;top:50px;transform:rotate(-15deg)}[data-style=gallery] .orb-one{width:275px;height:275px;border-radius:0;background:#bd4c2c;left:20%;top:95px;transform:rotate(-9deg);opacity:.85}[data-style=gallery] .orb-two{display:none}[data-style=gallery] .orbit-label{top:-57px;right:0}[data-style=gallery] .art-caption{bottom:15px;left:20px;right:20px}[data-style=gallery] .art-caption span:last-child{display:none}[data-style=gallery] .button,[data-style=gallery] .nav-cta{border-radius:0}[data-style=gallery] .spec-strip{border-color:#30201f}[data-style=gallery] .spec-strip strong{font-family:'Bodoni Moda',serif;font-size:38px}[data-style=gallery] .model-stage{border-radius:0}[data-style=gallery] .download-grid h3{font-family:'Bodoni Moda',serif;font-size:30px}
/* 02. Signal: a fluorescent workshop poster, with precise registration marks. */
html[data-style=signal]{--paper:#f1f238;--ink:#1835c8;--muted:#3f4c80;--line:#1835c85c;--accent:#da3c20;--panel:#e7e995;--green:#162b99;--lime:#effd4e;--mono:'Space Mono',monospace}
[data-style=signal] header{border-bottom:2px solid var(--ink)}[data-style=signal] .wordmark{font-style:normal;font-weight:700}[data-style=signal] .hero{background-image:linear-gradient(#1835c814 1px,transparent 1px),linear-gradient(90deg,#1835c814 1px,transparent 1px);background-size:42px 42px;min-height:710px;grid-template-columns:1.2fr 1fr}[data-style=signal] h1{text-transform:uppercase;font-size:clamp(55px,6.2vw,90px);font-weight:700;line-height:.94;letter-spacing:-5px}[data-style=signal] h1 em{color:var(--ink)!important;-webkit-text-stroke:1.5px var(--ink);color:transparent!important}[data-style=signal] .hero-art{height:500px;background:#1835c8;margin-left:20px;transform:rotate(3deg);border:8px solid #1835c8}[data-style=signal] .hero-art:before,[data-style=signal] .hero-art:after{content:'+';position:absolute;color:var(--paper);font:30px var(--mono);left:8px;top:0}[data-style=signal] .hero-art:after{left:auto;top:auto;right:8px;bottom:0}[data-style=signal] .hero-art img{top:70px;transform:rotate(10deg);width:95%;left:2.5%}[data-style=signal] .orb-one{width:320px;height:320px;background:#ff6d30;border-radius:50%;left:8%;top:60px}[data-style=signal] .orb-two{display:none}[data-style=signal] .orbit-label{top:18px;right:18px;color:#f1f238}[data-style=signal] .orbit-label span,[data-style=signal] .art-caption{color:#d5dfec!important}[data-style=signal] .art-caption{bottom:20px;left:20px;right:20px}[data-style=signal] .button,[data-style=signal] .nav-cta,[data-style=signal] .model-stage,[data-style=signal] .code-window{border-radius:0}[data-style=signal] .button{box-shadow:5px 5px 0 #da3c20}[data-style=signal] .spec-strip{background:var(--ink);color:var(--paper);border-color:var(--ink)}[data-style=signal] .spec-strip div{border-color:#effd4e55}[data-style=signal] .spec-strip span{color:#d9ddaf}[data-style=signal] h2{font-weight:700;text-transform:uppercase;letter-spacing:-2px}[data-style=signal] .section-index{font-weight:700}[data-style=signal] .pinout-section .section-index,[data-style=signal] .pinout-section .section-heading>p{color:#d2dbb4}[data-style=signal] .download-grid>a{border-top:3px solid var(--ink)}
/* 03. Afterglow: a quiet light installation with instrument-like annotations. */
html[data-style=afterglow]{--paper:#171813;--ink:#f4f2e4;--muted:#b8b7a6;--line:#424338;--accent:#f3ed78;--panel:#23261e;--green:#292e20;--lime:#f3ed78;--mono:'Space Mono',monospace}
[data-style=afterglow] header{border-color:#424338}[data-style=afterglow] .hero{min-height:730px;grid-template-columns:1.1fr 1fr}[data-style=afterglow] h1{font-weight:400;letter-spacing:-4.5px;font-size:clamp(58px,6.3vw,92px)}[data-style=afterglow] h1 em{font-family:'Bodoni Moda',serif;font-weight:400;font-style:italic}[data-style=afterglow] .hero-art:before{content:'';position:absolute;inset:20px -30px;background:radial-gradient(ellipse at 25% 35%,#e8db654a,transparent 50%),radial-gradient(ellipse at 75% 75%,#f3ed7840,transparent 50%);filter:blur(25px)}[data-style=afterglow] .hero-art img{filter:drop-shadow(0 30px 22px #0008);top:55px}[data-style=afterglow] .orb-one{background:none;border:1px solid #dedb9c40;width:440px;height:440px;top:20px;left:3%}[data-style=afterglow] .orb-two{border:1px dashed #d4c9824a;border-radius:50%;width:370px;height:370px;left:10%;top:55px;transform:rotate(-20deg)}html[data-style=afterglow] .button{color:#171813;background:#f3ed78}[data-style=afterglow] .spec-strip strong{font-weight:400}[data-style=afterglow] .feature-line{border-color:#61634c}html[data-style=afterglow] model-viewer{background:radial-gradient(ellipse at 50% 45%,#787a5e,#343929 70%)}[data-style=afterglow] .model-badge,[data-style=afterglow] .model-status{color:#e8e5be}[data-style=afterglow] .model-views{border-color:#77794f}[data-style=afterglow] .model-views button:hover:not([aria-pressed=true]){background:#454a32}[data-style=afterglow] .setup-steps article>span,[data-style=afterglow] .file-kind,[data-style=afterglow] summary span{color:#f3ed78}[data-style=afterglow] .download-grid>a{border-color:#73754d}[data-style=afterglow] .code-window{border-color:#6b7045}[data-style=afterglow] .code-toolbar{color:#535a32}[data-style=afterglow] .code-toolbar button{color:#535a32}[data-style=afterglow] .power-note{border-color:#6b7045}
@media(max-width:900px){[data-style=gallery] .hero-art,[data-style=signal] .hero-art{margin-left:5px;height:430px}[data-style=signal] .orb-one{width:250px;height:250px;left:1%}[data-style=afterglow] .orb-one{width:330px;height:330px}[data-style=afterglow] .orb-two{width:290px;height:290px;left:5%}}
@media(max-width:650px){.direction-bar{gap:15px;flex-wrap:wrap;font-size:9px}.direction-bar span{flex:1 0 100%}html[data-style] .hero{grid-template-columns:1fr;padding-top:45px;padding-bottom:40px;min-height:0}html[data-style] .hero-art{margin:70px 6px 15px;height:390px}html[data-style] .hero-art img{width:100%;left:0;top:55px}[data-style=gallery] h1,[data-style=afterglow] h1{font-size:64px;letter-spacing:-3px}[data-style=gallery] .hero-art:after{font-size:26px;bottom:40px}[data-style=gallery] .orb-one{width:220px;height:220px;left:15%;top:70px}[data-style=signal] h1{font-size:59px;letter-spacing:-3.5px}[data-style=signal] .hero-art{margin-top:40px}[data-style=signal] .orb-one{width:260px;height:260px;left:12%;top:60px}[data-style=afterglow] .hero-art{margin-top:35px}[data-style=afterglow] .orb-one{width:310px;height:310px;left:0}[data-style=afterglow] .orb-two{width:270px;height:270px;left:6%}}

/* Warm firefly light across the active controls and quiet details. */
[data-style=afterglow] .spark{color:var(--accent)}[data-style=afterglow] .status-dot,[data-style=afterglow] .model-badge .status-dot{background:var(--accent)}[data-style=afterglow] .button:hover{background:#fff6a3}[data-style=afterglow] .hero-note{color:var(--muted)}[data-style=afterglow] model-viewer{--progress-bar-color:var(--accent)}