@font-face{font-family:Bodoni;src:url(assets/title.woff2)}@font-face{font-family:DM;src:url(assets/body.woff2)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:DM,sans-serif;color:var(--ink,#eee6d5);background:var(--surface,#151c17)}button,input,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{font:inherit;padding:12px 18px;background:transparent;border:1px solid var(--rule,#c9bd9655);color:inherit;border-radius:3px;cursor:pointer;transition:background .25s,color .25s}button:hover{background:var(--hover,#ffffff0b)}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--accent,#be985d);outline-offset:5px}button[aria-pressed=true]{background:var(--accent,#be985d);color:var(--on-accent,#182018);border-color:var(--accent,#be985d)}.primary{background:var(--accent,#be985d);color:var(--on-accent,#182018)}nav{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1440px;padding:25px 5vw;margin:auto;border-bottom:1px solid var(--rule,#c9bd9622)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--accent,#c8a66b);font:27px Bodoni,serif}.brand img{width:31px;height:31px}.nav-links{display:flex;align-items:center;gap:22px;font-size:12px;letter-spacing:.5px}.nav-links a{text-decoration:none}.eyebrow,.edition,.caps{font-size:11px;letter-spacing:2px}.eyebrow{color:var(--accent,#c8a66b);margin:0 0 20px}.lede{color:var(--muted,#b9bdaf);font-size:16px;line-height:1.7;max-width:550px;margin:20px auto}.hero{text-align:center;padding:55px 24px 0}h1{font:clamp(42px,5.4vw,76px)/1.06 Bodoni,serif;font-weight:400;letter-spacing:-1.7px;margin:0}em{font-style:italic;color:var(--accent,#c8a66b)}h2{font:40px/1.15 Bodoni,serif;font-weight:400;margin:0 0 20px}.control-row{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap}.range-block{max-width:680px;margin:25px auto 0}.range-block label,.dial-control label{display:flex;justify-content:space-between;font-size:13px;margin-bottom:12px}input[type=range]{accent-color:var(--accent,#c8a66b);width:100%;min-height:28px;cursor:pointer}.footnote{font-size:12px;color:var(--muted,#b9bdaf);line-height:1.7}.material{transition:opacity .5s,transform 1s cubic-bezier(.2,.8,.2,1)}.blue-lines{opacity:0;transition:opacity .5s}footer{padding:24px 5vw;margin-top:65px;border-top:1px solid var(--rule,#c9bd9622);display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:1.7px;color:var(--muted,#b9bdaf)}.instrument-wrap svg{display:block;width:100%;height:auto}.finish-note{display:flex;align-items:center;justify-content:center;gap:14px;color:var(--muted,#b9bdaf);font-size:12px}.finish-note:before,.finish-note:after{content:'';width:60px;height:1px;background:var(--rule,#c9bd9655)}
/* A sun-worn cyanotype sheet, rather than a blue-colored product page. */
.blue-page{--surface:#102f47;--ink:#edf3e6;--muted:#b5c9ce;--accent:#e1c889;--on-accent:#183047;--rule:#d9e6df45;--hover:#ffffff0a;background-image:radial-gradient(ellipse at 45% 45%,#285d73 0,transparent 65%),repeating-linear-gradient(87deg,transparent 0 2px,#070f1805 2px 3px)}.blue-page h1{font-family:Bodoni,serif}.drawing-sheet{max-width:1120px;margin:35px auto 0;position:relative;border:1px solid #e0eeee70;background-image:linear-gradient(#c7e5ef10 1px,transparent 1px),linear-gradient(90deg,#c7e5ef10 1px,transparent 1px);background-size:24px 24px;padding:20px 30px 12px;box-shadow:0 10px 50px #00162450}.drawing-sheet:before{content:'';position:absolute;inset:7px;pointer-events:none;border:1px solid #e0eeee30}.drawing-sheet .material{opacity:var(--reality,0)}.drawing-sheet .blue-lines{opacity:calc(1 - var(--reality,0))}.drawing-sheet svg{mix-blend-mode:normal}.drawing-sheet .sheet-top{display:flex;justify-content:space-between;font:11px monospace;letter-spacing:2px;color:#d8e5dc}.sheet-title{display:grid;grid-template-columns:1fr auto;text-align:left;border-top:1px solid #e0eeee65;margin-top:4px;padding:15px 0;gap:25px;font:11px/1.6 monospace}.sheet-title strong{font:22px Bodoni,serif;font-weight:400}.sheet-title span{color:#bfd1cd}.blue-page .range-block{padding:0 25px}.blue-page .control-row{margin-top:20px}.blue-page .footnote{margin:24px 0 0}.etch{position:absolute;left:38px;top:60px;font:10px monospace;letter-spacing:1.5px;transform:rotate(-3deg);color:#e1c889;opacity:.85}
/* Connection is warm, spacious and human. */
.connection-page{--surface:#f1eddf;--ink:#2b3a31;--muted:#687168;--accent:#9c7743;--on-accent:#fff9e9;--rule:#aa987e55;--hover:#9c774313;background-image:radial-gradient(ellipse at 50% 37%,#fffdf5,transparent 75%)}.connection-page .hero{padding-top:55px}.connection-scene{max-width:1120px;margin:32px auto 0;position:relative;padding:25px 15px 0}.connection-dials{display:grid;grid-template-columns:1fr 1fr;gap:90px;position:relative;z-index:1}.signal-card{text-align:center;position:relative}.signal-card:before{content:'';position:absolute;inset:-12% -12% -15%;z-index:-1;opacity:var(--glow,.18);background:radial-gradient(ellipse,#a8bb8b 0,transparent 60%);filter:blur(25px);transition:opacity 1s}.signal-card .caps{color:#787c6b}.single-gauge{width:100%;display:block;filter:drop-shadow(0 10px 15px #7e755123)}.dial-reading{font:31px Bodoni,serif;margin:5px 0;color:#65553d;display:block}.dial-control{max-width:300px;margin:20px auto}.dial-control output{font-variant-numeric:tabular-nums}.bridge{position:absolute;left:12%;top:49%;width:76%;height:130px;overflow:visible;pointer-events:none;opacity:var(--joined,0);transition:opacity 1.1s}.bridge path{fill:none;stroke:#ac995c;stroke-width:1.4;stroke-dasharray:3 8;animation:flow 12s linear infinite}.bridge .soft{stroke-width:20;stroke:#b5ba88;stroke-dasharray:none;filter:blur(15px);opacity:.35}.connection-message{position:relative;text-align:center;max-width:650px;margin:40px auto 0}.connection-message .orb{width:10px;height:10px;background:var(--orb,#b4a17c);border-radius:50%;margin:0 auto 18px;box-shadow:0 0 0 8px #c0b68f20,0 0 30px #b0b87960;transition:background 1s}.connection-message h2{font-size:34px;margin-bottom:14px}.connection-message p{margin:0 auto 22px;max-width:470px;color:#687168;font-size:14px;line-height:1.8}.connection-page .control-row{margin-top:20px}@keyframes flow{to{stroke-dashoffset:-176}}
@media(max-width:700px){nav{padding:19px}.brand{font-size:23px}.nav-links{gap:13px;font-size:11px}.nav-links .edition{display:none}.hero{padding:35px 17px 0}h1{letter-spacing:-1px}.lede{font-size:14px}.drawing-sheet{margin:28px 12px 0;padding:16px 10px 5px}.drawing-sheet .sheet-top{font-size:8px;letter-spacing:.8px}.sheet-title{font-size:9px;gap:10px}.sheet-title strong{font-size:17px}.etch{display:none}.connection-scene{padding:0 20px}.connection-dials{gap:14px}.signal-card .caps{font-size:9px;letter-spacing:1px}.dial-control{margin-top:13px}.dial-control label{font-size:12px}.dial-reading{font-size:24px}.bridge{top:29%;height:80px}.connection-message{margin-top:20px;padding:0 24px}.connection-message h2{font-size:28px}footer{font-size:8px;letter-spacing:1px;padding:22px 20px}.finish-note:before,.finish-note:after{width:30px}}
/* Craft has the restraint of a furniture catalogue and an exploded illustration. */
.craft-page{--surface:#e7dfcf;--ink:#343a31;--muted:#727565;--accent:#82683e;--on-accent:#fff9e9;--rule:#8e806449;--hover:#82683e12;background-image:radial-gradient(ellipse at 60% 40%,#fff9e870,transparent 65%)}.craft-intro{max-width:1180px;margin:58px auto 0;padding:0 25px;display:flex;align-items:end;justify-content:space-between;gap:35px}.craft-intro .lede{margin:0 0 5px;font-size:15px}.craft-scene{position:relative;max-width:1150px;margin:20px auto -65px}.craft-scene .material{transition:opacity .6s}.craft-scene .instrument-wrap{padding:0 60px}.craft-scene svg{max-height:730px}.circuit-layer{opacity:0}.part-tag{position:absolute;font:10px DM,sans-serif;letter-spacing:1.6px;color:#766445;opacity:var(--separation,0);transition:opacity .6s}.part-tag:before{content:'';display:inline-block;height:1px;width:30px;background:#988465;margin-right:9px;vertical-align:middle}.tag-oak{top:9%;left:6%}.tag-dials{top:22%;right:8%}.tag-touch{bottom:20%;right:4%}.tag-heart{bottom:9%;left:14%}.craft-controls{position:relative;padding:0 25px}.craft-controls .range-block{max-width:570px}.material-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;max-width:1090px;margin:60px auto 0;padding:35px 20px 0;border-top:1px solid var(--rule)}.material-notes .caps{color:#948064;font-size:10px}.material-notes h2{font-size:28px;margin:18px 0 10px}.material-notes p{color:#717467;font-size:13px;line-height:1.8;margin:0}.craft-disclosure{text-align:center;margin:45px 25px 0;font-size:11px}
/* Cabinet: a dark, softly illuminated collector's display. */
.cabinet-page{--surface:#131a18;--ink:#f0e9da;--muted:#adb4a8;--accent:#b79455;--on-accent:#111b17;--rule:#bdc1a526;--theme-light:#efe2c9;background-image:radial-gradient(ellipse at 50% 35%,#313c2e70,transparent 60%);transition:background-color .6s}.cabinet-theatre{max-width:980px;position:relative;margin:10px auto 0;padding:0 20px}.theme-orbit{position:absolute;inset:8% 12% 18%;border:1px solid #b8a27624;border-radius:50%;transform:rotate(-12deg);box-shadow:0 0 85px color-mix(in srgb,var(--theme-light) 12%,transparent);pointer-events:none;transition:box-shadow .8s}.cabinet-theatre .instrument-wrap{position:relative;filter:drop-shadow(0 20px 22px #0005)}.selected-style{text-align:center;position:relative;margin-top:-25px}.selected-style .eyebrow{font-size:10px;letter-spacing:2px;margin:0}.selected-style h2{font-size:35px;margin:9px 0}.selected-style p{color:var(--muted);font-size:14px;margin:0;line-height:1.7}.style-shelf{max-width:1100px;padding:0 25px;margin:45px auto 0}.shelf-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;border-top:1px solid var(--rule);padding-top:30px;margin-bottom:20px}.shelf-heading h2{font-size:30px;margin:0}.shelf-heading span{font-size:12px;color:var(--muted)}.theme-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.theme-grid button{padding:12px 9px;border-color:#cad1bb28;background:#ffffff03;display:flex;flex-direction:column;align-items:center;gap:10px}.theme-grid button[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--ink);border-color:var(--accent);box-shadow:0 0 25px color-mix(in srgb,var(--accent) 8%,transparent)}.theme-grid button img{width:100%;height:auto;display:block}.theme-grid button span{font-size:11px;letter-spacing:.2px}.cabinet-bottom{text-align:center;margin:45px 20px 0}.cabinet-page[data-style=arcade] .theme-orbit{border-radius:0;transform:rotate(0);border-color:#ad8aff66;box-shadow:0 0 75px #61ffcb18}.cabinet-page[data-style=blueprint] .theme-orbit{background-image:linear-gradient(#acd8f312 1px,transparent 1px),linear-gradient(90deg,#acd8f312 1px,transparent 1px);background-size:20px 20px;border-radius:0;transform:none}
/* A gallery made for choosing, not merely a list of links. */
.gallery-page{--surface:#f0ebdf;--ink:#293b31;--muted:#6e776c;--accent:#9d7946;--on-accent:#fff8e8;--rule:#a79b8245;--hover:#9d79460c}.gallery-intro{max-width:1160px;margin:60px auto 45px;padding:0 25px;display:flex;justify-content:space-between;align-items:end;gap:40px}.gallery-intro h1{font-size:clamp(42px,5vw,68px)}.gallery-intro .lede{max-width:330px;margin:0;font-size:14px}.concept-grid{max-width:1160px;margin:auto;padding:0 25px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.concept-card{text-decoration:none;display:block;border:1px solid #a99a783f;border-radius:7px;overflow:hidden;background:#fbf7ed;transition:transform .4s,box-shadow .4s}.concept-card:hover{transform:translateY(-4px);box-shadow:0 20px 30px #6b5c3f15}.concept-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.4fr 1fr}.concept-card .poster{width:100%;height:270px;object-fit:cover;display:block;background:#182b22}.concept-card:first-child .poster{height:330px}.concept-card .card-copy{padding:25px 27px}.concept-card:first-child .card-copy{display:flex;flex-direction:column;justify-content:center}.card-copy .eyebrow{font-size:10px;margin:0 0 14px}.card-copy h2{font-size:31px;margin:0 0 14px}.card-copy p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.card-copy .explore{display:flex;justify-content:space-between;gap:20px;margin-top:23px;font-size:13px;color:#7c613c}.gallery-page footer{margin-top:60px}
@media(max-width:900px){.theme-grid{grid-template-columns:repeat(4,1fr)}.craft-intro{align-items:start}.craft-intro h1{font-size:55px}.craft-scene .instrument-wrap{padding:0 20px}.part-tag{font-size:8px}.material-notes{gap:25px}.concept-card .poster{height:225px}}
@media(max-width:700px){.craft-intro{margin-top:35px;display:block}.craft-intro h1{font-size:45px}.craft-intro .lede{margin-top:22px;font-size:14px}.craft-scene{margin-bottom:-15px}.part-tag{font-size:7px;letter-spacing:.5px}.part-tag:before{width:12px;margin-right:4px}.tag-heart{bottom:7%;left:8%}.tag-touch{right:2%;bottom:17%}.material-notes{grid-template-columns:1fr;gap:24px;margin-top:40px;padding:25px}.material-notes h2{margin-top:10px}.craft-disclosure{font-size:10px}.cabinet-theatre{margin-top:30px;padding:0}.selected-style{margin:0 20px}.selected-style h2{font-size:30px}.selected-style p{font-size:13px}.style-shelf{margin-top:35px;padding:0 20px}.shelf-heading{display:block}.shelf-heading span{display:block;margin-top:10px}.theme-grid{gap:8px}.theme-grid button{padding:10px 6px;gap:7px}.theme-grid button span{font-size:10px}.gallery-intro{display:block;margin:35px auto 30px}.gallery-intro .lede{margin:20px 0 0}.concept-grid{grid-template-columns:1fr;padding:0 20px;gap:22px}.concept-card:first-child{display:block}.concept-card:first-child .poster,.concept-card .poster{height:220px}.concept-card .card-copy{padding:22px}.card-copy h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* Final composition refinements. */
.craft-scene{margin-bottom:0}.tag-oak{top:5%;left:6%}.tag-heart{bottom:3%;left:14%}
@media(max-width:700px){.connection-dials{grid-template-columns:1fr;gap:28px;max-width:450px;margin:auto}.signal-card .caps{font-size:11px}.dial-control{max-width:100%}.single-gauge{max-height:265px}.bridge{display:none}.dial-reading{font-size:30px}.connection-message{margin-top:35px}.craft-scene{margin-bottom:0}.tag-heart{left:8%;bottom:2%}}
html{scroll-behavior:auto}
@media(max-width:700px){.connection-scene{overflow:clip}}
.cabinet-page .brand{color:#c8a66b}.concept-card:nth-child(4) .poster{object-fit:contain;background:#e7dfcf}
.drawing-sheet svg > ellipse{opacity:calc(var(--reality,0)*.35)}
.gallery-section{grid-column:1/-1;margin:25px 0 0;padding-top:35px;border-top:1px solid var(--rule)}.gallery-section .eyebrow{margin-bottom:15px}.gallery-section h2{font-size:40px;margin:0}.concept-card[href="arcade.html"]{grid-column:1/-1;display:grid;grid-template-columns:1.4fr 1fr}.concept-card[href="arcade.html"] .poster{height:330px}.concept-card[href="arcade.html"] .card-copy{display:flex;flex-direction:column;justify-content:center}@media(max-width:700px){.gallery-page .nav-links .edition{display:none}.gallery-page .nav-links{gap:12px;flex-wrap:wrap;justify-content:end;max-width:120px}.concept-card[href="arcade.html"]{display:block}.concept-card[href="arcade.html"] .poster{height:220px}.gallery-section h2{font-size:32px}}
.primary:hover{background:var(--accent,#be985d);color:var(--on-accent,#182018);filter:brightness(1.07)}