@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;font-synthesis:none;--paper:#eeece3;--ink:#20231f;--muted:#686b64;--line:#20231f2b;--accent:#df5c35;--surface:#e2dfd4;--sans:'DM Sans',Arial,sans-serif;--display:'Space Grotesk',Arial,sans-serif;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink)}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button{color:inherit}button:disabled{cursor:default}svg{display:block;width:100%;height:auto}p{line-height:1.7}::selection{background:#df5c35;color:white}.skip{position:fixed;top:-100px;left:20px;background:white;color:black;padding:14px;z-index:99}.skip:focus{top:10px}.concept-bar{background:#171917;color:#e8e8df;min-height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:20px;position:sticky;top:0;z-index:20;border-bottom:1px solid #ffffff25}.preview-brand{font:700 19px var(--display);display:flex;align-items:center;gap:15px;letter-spacing:-1px}.preview-brand span{font:10px var(--sans);letter-spacing:1.6px;color:#aaa}.concept-tabs{display:flex;align-self:stretch;gap:8px}.concept-tabs button{font-size:11px;background:transparent;border:0;border-bottom:2px solid transparent;padding:0 18px;color:#979d96;letter-spacing:.04em}.concept-tabs button span{font-size:12px;letter-spacing:0;margin-left:9px}.concept-tabs button[aria-selected=true]{border-bottom-color:#df6a46;color:#fff;background:#ffffff07}.preview-note{font-size:10px;letter-spacing:.04em;color:#aaa;display:flex;gap:10px;align-items:center}.preview-note i{width:5px;height:5px;background:#b2c4a4;border-radius:50%}.shell{width:min(1320px,88%);margin:auto}.site-nav{display:flex;align-items:center;justify-content:space-between;min-height:94px;border-bottom:1px solid var(--line);gap:20px}.wordmark{display:flex;gap:12px;align-items:center;font-size:29px;letter-spacing:-1.6px;font-weight:600}.brand-symbol{width:33px}.brand-period{color:var(--accent)}.nav-links{display:flex;align-items:center;gap:32px;font-size:12px}.nav-links>a:hover{text-decoration:underline;text-underline-offset:6px}.nav-right{display:flex;align-items:center;gap:30px}.owned{font-size:10px;text-transform:uppercase;letter-spacing:1.25px;display:flex;align-items:center;gap:8px;white-space:nowrap}.owned svg{width:13px}.nav-arrow{width:35px;height:35px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:17px}.eyebrow{font-size:10px;letter-spacing:1.9px;text-transform:uppercase;display:flex;align-items:center;gap:12px}.eyebrow:before{content:'';height:5px;width:5px;border-radius:50%;background:var(--accent)}h1,h2,h3,p{margin-top:0}h1{font-weight:450;letter-spacing:-.065em;line-height:1.02}h2{font-size:clamp(34px,4.2vw,58px);font-weight:450;letter-spacing:-.045em;line-height:1.07}h3{font-weight:500;letter-spacing:-.035em}.primary,.secondary{padding:16px 22px;min-height:52px;display:inline-flex;align-items:center;justify-content:space-between;gap:36px;font-size:12px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);transition:transform .2s,background .2s}.primary:hover,.secondary:hover{transform:translateY(-3px)}.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.text-link{font-size:12px;border-bottom:1px solid currentColor;padding-bottom:5px;display:inline-flex;gap:30px}.studio-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:640px;gap:30px;position:relative;padding:55px 0 65px}.studio-hero h1{font-size:clamp(54px,6.25vw,90px);margin:32px 0 26px}.studio-hero h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.06em}.hero-copy>p{font-size:14px;color:var(--muted);max-width:350px;margin-bottom:30px}.hero-foot{display:flex;gap:16px;align-items:center;font-size:10px;color:var(--muted);margin-top:38px}.hero-foot>span:first-child{width:30px;height:1px;background:var(--muted)}.sculpture-wrap{position:relative;display:grid;place-items:center;min-height:500px}.sculpture{width:115%;max-width:640px;filter:drop-shadow(0 30px 30px #292a2324);transform:rotate(-4deg);transition:transform .8s}.sculpture-wrap:hover .sculpture{transform:rotate(1deg) translateY(-5px)}.art-label{position:absolute;right:0;bottom:25px;font-size:9px;letter-spacing:.8px;line-height:1.8;color:var(--muted)}.corner-mark{position:absolute;top:26px;right:10px;font-size:10px;color:var(--muted)}.ribbon{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:22px 0;font-size:10px;color:var(--muted)}.ribbon strong{font-weight:500;color:var(--ink);font-size:11px}.studio-products{padding:90px 0}.section-title{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:35px}.section-title .eyebrow{margin-bottom:18px}.section-title h2{margin-bottom:0}.section-title>p{font-size:12px;max-width:240px;color:var(--muted);margin:0}.product-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:24px}.product-card{min-width:0}.product-art{overflow:hidden;position:relative;height:310px;background:var(--surface);display:grid;place-items:center}.product-art .art-badge{position:absolute;left:20px;top:20px;z-index:2;font-size:9px;border:1px solid #ffffff35;padding:6px 9px;color:#ddd}.product-art.dark{background:#252b2b;color:#eae7dd}.product-art.warm{background:#d9d4c7}.product-art.green{background:#c9d0bf}.product-info{display:flex;align-items:flex-start;justify-content:space-between;padding:22px 0;border-bottom:1px solid var(--line);gap:16px}.product-info h3{font-size:24px;margin-bottom:6px}.product-info p{font-size:11px;color:var(--muted);margin-bottom:9px}.product-info small{font-size:9px;letter-spacing:.3px;color:var(--muted)}.round-button{height:38px;width:38px;border:1px solid var(--line);border-radius:50%;background:transparent;flex-shrink:0}.round-button:hover{background:var(--ink);color:var(--paper)}.mock-window{border-radius:9px;background:#181d1c;box-shadow:0 20px 45px #0004;border:1px solid #ffffff24;color:#c9cfca;width:80%;max-width:410px;text-align:left;transform:perspective(800px) rotateY(-9deg) rotateX(6deg);font-size:9px}.window-top{display:flex;gap:5px;align-items:center;padding:12px;border-bottom:1px solid #ffffff15}.window-top i{width:4px;height:4px;background:#727a74;border-radius:50%}.window-top span{margin:auto;font-size:8px;letter-spacing:.6px}.window-body{padding:20px}.window-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:13px}.window-heading b{font-weight:400;font-size:8px;border:1px solid #ffffff25;padding:5px;color:#a8ba95}.file-row{display:grid;grid-template-columns:22px 1fr 32px;align-items:center;border-top:1px solid #ffffff12;padding:13px 0;gap:10px}.file-icon{width:20px;height:23px;background:#b2c49a22;color:#a8ba95;display:grid;place-items:center;border-radius:3px}.file-row small{display:block;margin-top:4px;font-size:7px;color:#7c8a82}.file-row>span:last-child{font-size:7px;color:#a4b793}.window-bottom{display:flex;justify-content:space-between;margin-top:14px;padding-top:12px;border-top:1px solid #ffffff15;font-size:7px;color:#7d8980}.forge-art{position:relative;width:190px;transform:rotate(-10deg);filter:drop-shadow(18px 24px 12px #0003)}.forge-art svg{width:100%}.serial{position:absolute;bottom:20px;left:22px;font-size:8px;color:#6d6f64;letter-spacing:1px}.studio-about{background:#232822;color:#e9e8de;padding:70px 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about-grid h2{max-width:450px}.about-grid p{font-size:13px;color:#afb5a9;max-width:400px}.about-grid .owned{color:#d2d9c4;margin-top:25px}.site-footer{padding:32px 0;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted)}.site-footer .owned{font-size:9px}.prototype-note{font-size:9px;line-height:1.7;color:var(--muted);padding:18px 0;border-top:1px solid var(--line)}
/* Direction 02 — The workshop */
body[data-theme=signal]{--paper:#101313;--ink:#eaece5;--muted:#949d99;--line:#eaece52a;--accent:#fa783f;--surface:#1b2321}.signal-nav .wordmark{font-family:var(--display);font-weight:600}.signal-nav .owned{color:#f2aa78}.signal-hero{min-height:620px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;position:relative;padding:65px 0}.signal-hero h1{font-family:var(--display);font-size:clamp(55px,6.5vw,92px);font-weight:500;letter-spacing:-.07em;margin:27px 0}.signal-hero h1 span{color:var(--accent)}.signal-hero .primary{background:var(--accent);border-color:var(--accent);color:#171c19}.signal-hero .hero-copy{position:relative;z-index:1}.signal-art{position:relative;min-height:480px;display:grid;place-items:center}.signal-art canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y}.signal-coordinates{position:absolute;bottom:0;right:0;color:#85928b;font:9px monospace;line-height:1.8}.signal-node-label{position:absolute;top:22px;left:20px;border-left:2px solid var(--accent);padding-left:10px;font:9px monospace;color:#91a197;line-height:1.8}.signal-ticker{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.signal-ticker div{padding:22px 24px;border-right:1px solid var(--line);font:10px monospace;display:flex;justify-content:space-between;gap:15px;color:#a0a9a3}.signal-ticker div:first-child{padding-left:0}.signal-ticker div:last-child{border:0;padding-right:0}.signal-ticker span{color:var(--accent)}.workshop-products{padding:80px 0}.workshop-products .section-title h2{font-family:var(--display)}.workshop-products .product-grid{grid-template-columns:1fr 1fr 1fr;gap:20px}.workshop-products .product-art{height:245px;border:1px solid var(--line)}.workshop-products .product-art.warm{background:#282c27}.workshop-products .product-art.green{background:#182b26}.workshop-products .mock-window{transform:rotate(-5deg);width:85%}.workshop-products .forge-art{width:145px}.workshop-products .serial{color:#9a9b8f}.workshop-products .product-info h3{font-size:22px}.signal-manifesto{padding:55px 0 65px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.5fr;gap:70px}.signal-manifesto h2{font-family:var(--display);font-size:40px}.signal-manifesto p{font-size:14px;color:var(--muted);max-width:550px}.signal-manifesto .owned{margin-top:25px;color:var(--ink)}.grid-art{width:190px;height:150px;position:relative;border:1px solid #8295803d;background:repeating-linear-gradient(0deg,transparent 0 24px,#a8c69e16 24px 25px),repeating-linear-gradient(90deg,transparent 0 24px,#a8c69e16 24px 25px);transform:perspective(600px) rotateY(-15deg) rotateX(12deg);box-shadow:15px 20px 30px #0002}.grid-art:before{content:'SLATE';position:absolute;inset:40px 30px;display:grid;place-items:center;font:20px var(--display);letter-spacing:4px;border:1px solid #b7c6ac66;background:#28392e;color:#dbe6d4}.grid-art:after{content:'●  ●  ●';position:absolute;bottom:12px;left:16px;color:#90ac78;font-size:7px;letter-spacing:4px}
/* Direction 03 — The collection */
body[data-theme=field]{--paper:#f5f5ee;--ink:#283f31;--muted:#6b796c;--line:#283f312b;--accent:#527d46;--surface:#e5e8dc}.field-nav{min-height:88px}.field-nav .wordmark{font-family:var(--display);font-weight:500}.field-nav .owned{background:#e4e9db;padding:10px 12px;border-radius:3px}.collection-hero{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:65px 0 60px}.collection-hero h1{font-size:clamp(54px,5.6vw,80px);font-weight:450;margin:25px 0;letter-spacing:-.055em}.collection-hero h1 em{font-family:Georgia,serif;font-weight:400}.collection-hero .hero-copy>p{max-width:380px}.collection-feature{background:#e0e6d5;border-radius:5px;overflow:hidden;position:relative;min-height:420px;display:flex;flex-direction:column;justify-content:space-between;padding:24px}.collection-feature .mock-window{transform:rotate(-6deg);width:90%;margin:25px auto 18px;max-width:365px;box-shadow:15px 25px 40px #2f442d38}.feature-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;text-transform:uppercase}.feature-top span:last-child{background:#f5f5ee77;padding:4px 7px;border-radius:3px}.feature-bottom{display:flex;justify-content:space-between;align-items:center}.feature-bottom h3{margin:0;font-size:26px}.feature-bottom p{font-size:10px;margin:4px 0 0;color:var(--muted)}.collection-statement{font-size:10px;display:flex;gap:30px;justify-content:space-between;padding:21px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted)}.collection-products{padding:62px 0}.collection-products .section-title h2{font-size:38px}.filters{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 28px}.filters button{border:1px solid var(--line);padding:9px 16px;font-size:10px;background:transparent;border-radius:30px}.filters button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.collection-products .product-grid{grid-template-columns:repeat(3,1fr);gap:23px}.collection-products .product-art{height:245px;border-radius:4px}.collection-products .forge-art{width:140px}.collection-products .mock-window{transform:rotate(-5deg);width:84%}.collection-products .product-info{border:0}.collection-products .product-info h3{font-size:22px}.collection-about{padding:50px;background:#e5e9db;border-radius:4px;display:flex;align-items:center;justify-content:space-between;gap:45px;margin-bottom:50px}.collection-about h2{font-size:34px;max-width:450px;margin-bottom:13px}.collection-about p{font-size:12px;color:var(--muted);max-width:440px;margin-bottom:0}.stamp{border:1px solid #607754;border-radius:50%;width:125px;height:125px;flex-shrink:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;transform:rotate(-10deg);font-size:9px;text-transform:uppercase;letter-spacing:1px}.stamp svg{width:32px}.empty{padding:30px 0;font-size:13px;color:var(--muted)}
/* Product detail */
dialog{border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:45px;width:min(560px,90vw);max-height:85vh;box-shadow:0 30px 90px #0005}dialog::backdrop{background:#111b;backdrop-filter:blur(7px)}dialog h2{font-size:44px;margin:25px 0 15px}dialog p{font-size:13px;color:var(--muted)}dialog .detail-tag{font:10px monospace;color:var(--accent)}dialog .close{position:absolute;right:18px;top:18px;border:0;background:transparent;font-size:20px}dialog .detail-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:25px 0;padding:20px 0;gap:20px;font-size:11px}dialog .detail-grid small{display:block;color:var(--muted);margin-bottom:8px}dialog .primary{margin-top:10px}dialog .disclaimer{font-size:10px;margin-top:20px}.toast{background:var(--ink);color:var(--paper);padding:16px 20px;position:fixed;bottom:20px;left:50%;transform:translateX(-50%);font-size:11px;z-index:99;width:max-content;max-width:90vw}
@media(min-width:1600px){.studio-hero{min-height:740px}.signal-hero{min-height:720px}}
@media(max-width:1000px){.preview-brand span,.preview-note{display:none}.concept-bar{padding:0 20px}.concept-tabs button{padding:0 13px}.nav-links{gap:20px}.nav-right{gap:15px}.nav-arrow{display:none}.owned{font-size:8px}.studio-hero{min-height:550px}.studio-hero h1{font-size:64px}.sculpture-wrap{min-height:390px}.product-art{height:260px}.collection-hero{gap:35px}.collection-hero h1{font-size:62px}.collection-feature{min-height:370px;padding:18px}.workshop-products .product-grid,.collection-products .product-grid{gap:15px}.workshop-products .product-art,.collection-products .product-art{height:220px}.window-body{padding:15px}.file-row{padding:10px 0}.about-grid{gap:40px}}
@media(max-width:700px){.shell{width:88%}.concept-bar{min-height:56px;padding:0 12px;gap:6px}.preview-brand{font-size:15px}.concept-tabs{gap:0}.concept-tabs button{padding:0 10px;font-size:9px}.concept-tabs button span{font-size:10px;margin-left:4px}.site-nav{min-height:80px}.wordmark{font-size:25px;gap:8px}.brand-symbol{width:27px}.nav-links{gap:16px}.nav-links a{font-size:10px}.nav-links a:last-child{display:none}.nav-right>.owned{display:none}.studio-hero{grid-template-columns:1fr;padding:43px 0 25px;gap:0}.studio-hero h1{font-size:clamp(54px,12vw,76px);margin-top:25px}.hero-copy>p{font-size:13px;max-width:340px}.hero-foot{margin-top:25px}.sculpture-wrap{min-height:340px}.sculpture{max-width:430px;width:100%}.art-label{bottom:0;right:0}.corner-mark{top:10px}.ribbon{gap:20px;flex-wrap:wrap;justify-content:flex-start;padding:20px 0;font-size:9px}.ribbon strong{width:100%}.studio-products{padding:55px 0}.section-title{display:block;margin-bottom:25px}.section-title>p{margin-top:20px;max-width:320px}.product-grid,.workshop-products .product-grid,.collection-products .product-grid{grid-template-columns:1fr}.product-art{height:300px}.product-card+.product-card{margin-top:15px}.about-grid{grid-template-columns:1fr;gap:20px}.studio-about{padding:45px 0}.site-footer{flex-wrap:wrap;line-height:1.6}.signal-hero{grid-template-columns:1fr;padding:45px 0 0}.signal-hero h1{font-size:clamp(55px,12.5vw,78px)}.signal-art{min-height:350px;margin-top:15px}.signal-ticker{grid-template-columns:1fr}.signal-ticker div,.signal-ticker div:first-child,.signal-ticker div:last-child{border-right:0;border-bottom:1px solid var(--line);padding:15px 0}.signal-ticker div:last-child{border-bottom:0}.workshop-products{padding:50px 0}.workshop-products .product-art,.collection-products .product-art{height:290px}.signal-manifesto{grid-template-columns:1fr;gap:15px}.collection-hero{grid-template-columns:1fr;gap:30px;padding:40px 0}.collection-hero h1{font-size:clamp(54px,12vw,74px)}.collection-feature{min-height:380px}.collection-statement{flex-wrap:wrap;gap:10px 25px}.collection-products{padding:45px 0}.collection-about{padding:28px;display:block}.collection-about h2{font-size:31px}.stamp{margin-top:30px;width:105px;height:105px}.collection-products .product-info{border-bottom:1px solid var(--line)}dialog{padding:32px 25px}dialog h2{font-size:37px}.prototype-note{font-size:9px}.primary,.secondary{font-size:11px;padding:15px 19px;gap:28px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.product-art.warm .art-badge,.product-art.green .art-badge{color:#354330;border-color:#35433050;background:#f5f5e922}body[data-theme=signal] .product-art.warm .art-badge,body[data-theme=signal] .product-art.green .art-badge{color:#cbd7c8;border-color:#cbd7c850;background:transparent}
/* Refined Workshop: quieter navigation, direct copy, fewer ornaments. */
body[data-theme=signal]{--accent:#e88754}
.signal-nav{min-height:96px}
.signal-nav .wordmark{font-size:28px;font-weight:500}
.signal-nav .brand-period{display:none}
.signal-nav .nav-links{gap:36px}
.signal-nav .nav-links a:last-child{display:initial}
.signal-nav .nav-links a{color:#aab0ac;font-size:13px}
.studio-intro{font-size:12px;color:var(--muted);margin-bottom:28px;letter-spacing:0}
.signal-hero{padding:75px 0 65px;min-height:620px;gap:40px}
.signal-hero h1{font-weight:400;font-size:clamp(54px,6.2vw,86px);letter-spacing:-.06em;margin:0 0 28px}
.signal-hero .hero-copy>p:not(.studio-intro){font-size:15px;color:#a5ada7;line-height:1.8;margin-bottom:32px}
.signal-hero .primary{padding:15px 24px;font-weight:500;min-height:48px;border-radius:3px}
.signal-hero .actions{gap:28px}
.plain-link{font-size:12px;color:#b3bab4}
.plain-link:hover{text-decoration:underline;text-underline-offset:5px}
.signal-art{min-height:440px}
.workshop-products{padding:55px 0 80px;border-top:1px solid var(--line)}
.workshop-products .section-title{align-items:center;margin-bottom:30px}
.workshop-products .section-title h2{font-size:30px;font-weight:400;letter-spacing:-.03em;margin-bottom:0}
.workshop-products .section-title>p{max-width:none;font-size:11px}
.workshop-products .product-art{border:0;border-radius:3px;height:255px}
.workshop-products .product-art .art-badge{font-size:8px;letter-spacing:0;border:0;background:transparent;color:#c4ccc4;padding:0;top:16px;left:17px}
.workshop-products .serial{display:none}
.workshop-products .product-info{padding:21px 0 23px;gap:12px}
.workshop-products .product-info h3{font-size:22px;margin-bottom:9px;font-weight:400}
.workshop-products .product-info p{font-size:12px;line-height:1.5;margin-bottom:12px}
.workshop-products .product-info small{font-size:10px;letter-spacing:0}
.product-detail-link{padding:2px 0 4px;border:0;border-bottom:1px solid #a3afa36b;background:transparent;font-size:11px;color:#c0c9c0;flex-shrink:0;margin-top:5px}
.product-detail-link:hover{border-color:var(--accent);color:var(--accent)}
.signal-manifesto{padding:55px 0 60px;grid-template-columns:1fr 1.5fr;gap:70px}
.signal-manifesto h2{font-size:26px;font-weight:400;letter-spacing:-.025em}
.signal-manifesto p{font-size:14px;line-height:1.85;max-width:500px}
.signal-manifesto .quiet-owned{font-size:12px;color:#7c897e;margin-top:22px;margin-bottom:0}
body[data-theme=signal] .site-footer{border-top:1px solid var(--line);font-size:10px;color:#78837c;padding:25px 0}
body[data-theme=signal] .prototype-note{font-size:9px;color:#6f7a72;border-top-color:#eaece510;padding:14px 0 20px}
@media(max-width:700px){.signal-nav{min-height:80px}.signal-nav .wordmark{font-size:25px}.signal-nav .nav-links{gap:22px}.signal-nav .nav-links a{font-size:12px}.signal-hero{padding:45px 0 20px;gap:0}.signal-hero h1{font-size:clamp(54px,12vw,76px)}.signal-art{min-height:320px;margin-top:30px}.signal-hero .hero-copy>p:not(.studio-intro){font-size:14px}.studio-intro{font-size:11px}.workshop-products{padding:35px 0 45px}.workshop-products .section-title{display:block}.workshop-products .section-title>p{margin-top:14px}.workshop-products .product-art{height:280px}.signal-manifesto{grid-template-columns:1fr;gap:12px;padding:40px 0}.signal-manifesto h2{font-size:25px}.signal-manifesto p{font-size:13px}.signal-hero .actions{gap:23px}body[data-theme=signal] .site-footer{row-gap:12px}}
/* Services and working examples */
section[id]{scroll-margin-top:85px}
.signal-nav .nav-links{gap:28px}
.nav-project{border:1px solid #a8b1a84d;background:transparent;padding:11px 16px;border-radius:3px;color:#d9ded7;font-size:11px}
.nav-project:hover{border-color:var(--accent);color:var(--accent)}
.signal-hero .hero-copy>p:not(.studio-intro){max-width:390px}
.signal-hero h1{font-size:clamp(50px,5.65vw,80px)}
.signal-art{isolation:isolate}
.signal-art:before{content:'';position:absolute;inset:12% 6%;background:radial-gradient(ellipse,#8ea0800c,transparent 70%);z-index:-1}
.art-reset{position:absolute;bottom:9px;right:15px;border:0;background:transparent;color:#7e8c80;font-size:10px;padding:8px 0}
.art-reset:hover{color:var(--accent)}
.services-section{padding:65px 0 40px;border-top:1px solid var(--line)}
.services-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:45px}
.services-heading .studio-intro{margin:0 0 15px;color:var(--accent)}
.services-heading h2{font-size:clamp(32px,3.6vw,48px);font-weight:400;margin-bottom:0}
.services-heading>p{color:var(--muted);font-size:12px;margin-bottom:3px}
.service-explorer{display:grid;grid-template-columns:.85fr 1.35fr;gap:70px;align-items:start}
.service-menu{padding-top:0}
.service-tabs{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.service-tabs>button{display:flex;justify-content:space-between;align-items:center;text-align:left;font-size:23px;letter-spacing:-.035em;background:transparent;border:0;border-bottom:1px solid var(--line);padding:21px 0;color:#8c9890;transition:color .2s}
.service-tabs>button:hover{color:#e1e7df}
.service-tabs>button[aria-selected=true]{color:#edf0e7}
.service-marker{height:6px;width:6px;background:transparent;border-radius:50%;margin-right:7px}
[aria-selected=true]>.service-marker{background:var(--accent);box-shadow:0 0 15px #e8875438}
#service-description{padding-top:27px;min-height:235px}
#service-description h3{font-size:15px;font-weight:400;margin-bottom:12px;letter-spacing:-.01em}
#service-description p{font-size:12px;color:#9aa59d;line-height:1.85;margin-bottom:20px;max-width:345px}
#service-description ul{list-style:none;margin:0;padding:0;font-size:11px;color:#bdc7bc;line-height:2.15}
#service-description li{padding-left:14px;position:relative}
#service-description li:before{content:'';height:3px;width:3px;background:#6a7c6c;position:absolute;left:0;top:11px}
.text-button{background:none;border:0;border-bottom:1px solid #8c9c8b6b;padding:0 0 5px;cursor:pointer;color:#c4cdc2}
.service-enquire{font-size:11px;margin-top:17px}
.service-display{padding:0 0 0 0;min-width:0}
.demo-heading{display:flex;justify-content:space-between;align-items:center;min-height:36px;margin-bottom:15px;font-size:10px;color:#849287}
.view-switch{display:flex;gap:2px;border:1px solid #68776a3d;padding:3px;border-radius:4px}
.view-switch[hidden]{display:none}
.view-switch button{width:30px;height:24px;background:transparent;border:0;border-radius:2px;color:#718074;display:grid;place-items:center}
.view-switch button[aria-pressed=true]{background:#a8bb9b18;color:#c0cfb9}
.view-switch svg{width:16px;height:16px}
.service-panel{min-height:420px;padding:25px;background:radial-gradient(ellipse at 80% 0,#53654b22,transparent 65%),#171d19;border:1px solid #80907923;border-radius:5px;display:grid;align-items:center;overflow:hidden}
.demo-caption{font-size:9px;color:#6e7d70;margin:13px 0 0}
.browser-demo{background:#e2e1d4;color:#242d26;border-radius:5px;overflow:hidden;border:1px solid #d5dac633;box-shadow:0 17px 40px #0004;width:100%;margin:0 auto;transition:max-width .45s ease;max-width:700px}
.browser-chrome{height:27px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#d2d4c7;border-bottom:1px solid #273e2520;padding:0 11px;font:8px var(--sans);color:#65705f}
.browser-dots{display:flex;gap:4px}.browser-dots i{height:4px;width:4px;border-radius:50%;background:#89927f}.browser-lock{width:15px}
.sample-website{padding:20px 23px 13px}
.sample-nav{display:flex;align-items:center;justify-content:space-between;font-size:7px;color:#65705f;margin-bottom:26px}
.sample-nav strong{font-size:18px;letter-spacing:-1px;font-weight:600;color:#34432f}
.sample-web-heading{position:relative;margin-bottom:20px}
.sample-web-heading p{text-transform:uppercase;font-size:6px;letter-spacing:1.5px;margin-bottom:10px;color:#65705f}
.sample-web-heading h3{font-size:38px;line-height:1.04;font-weight:450;letter-spacing:-2px;margin-bottom:0}
.sample-web-heading>span{position:absolute;right:0;bottom:3px;max-width:85px;font-size:8px;line-height:1.6;color:#6e7868}
.building-scene{height:145px;overflow:hidden;background:#a8b29f}.building-scene svg{width:100%;height:100%;object-fit:cover}
.sample-web-foot{display:flex;justify-content:space-between;gap:15px;font-size:6px;color:#6b7361;margin-top:12px}
.browser-demo[data-device=mobile]{max-width:205px}
.browser-demo[data-device=mobile] .sample-website{padding:18px 14px 13px}
.browser-demo[data-device=mobile] .sample-nav{margin-bottom:24px}
.browser-demo[data-device=mobile] .sample-nav>span{display:none}
.browser-demo[data-device=mobile] .sample-web-heading h3{font-size:30px;letter-spacing:-1.5px}
.browser-demo[data-device=mobile] .sample-web-heading>span{position:static;display:block;margin-top:14px;font-size:8px}
.browser-demo[data-device=mobile] .building-scene{height:145px}
.browser-demo[data-device=mobile] .building-scene svg{width:260px;max-width:none;transform:translateX(-30px)}
.browser-demo[data-device=mobile] .sample-web-foot>span:last-child{display:none}
.dashboard-demo{display:grid;grid-template-columns:87px 1fr;background:#111713;border:1px solid #91a58030;border-radius:5px;min-height:345px;box-shadow:0 17px 40px #0003;color:#cad4c5;overflow:hidden}
.dashboard-demo aside{padding:18px 10px;background:#1c251b;border-right:1px solid #a1b79012;position:relative}
.dash-brand{font:500 19px var(--display);color:#bdcda9;display:block;margin-bottom:30px;padding-left:7px}
.dashboard-demo aside button{font-size:8px;color:#8d9d85;display:block;border:0;border-radius:3px;background:transparent;width:100%;text-align:left;padding:9px 7px;margin-bottom:3px}
.dashboard-demo aside button[aria-pressed=true]{background:#adb8981a;color:#d3ddca}
.dash-sidebar-bottom{font-size:6px;position:absolute;bottom:20px;left:17px;color:#718468}
.dash-content{padding:18px 20px;min-width:0}
.dash-header{display:flex;justify-content:space-between;align-items:center;color:#7e9277;font-size:8px;margin-bottom:25px}
.demo-avatar{height:20px;width:20px;border-radius:50%;background:#adc39420;color:#b9cba6;display:grid;place-items:center;font-size:6px}
.dash-content h3{font-size:19px;font-weight:400;letter-spacing:-.5px;margin:0 0 22px}
.dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:28px}
.dash-stats>div{border-left:1px solid #869e702b;padding-left:9px}
.dash-stats small{font-size:6px;color:#8d9d82;display:block;margin-bottom:8px}
.dash-stats strong{font:400 24px var(--display)}
.chart-heading{display:flex;justify-content:space-between;font-size:8px;color:#a3b397;margin-bottom:15px}
.chart-heading small{font-size:6px;color:#72866b}
.bar-chart{display:flex;gap:7px;align-items:flex-end;height:95px;border-bottom:1px solid #80947130;background:repeating-linear-gradient(0deg,transparent 0 29px,#c3d2b20b 29px 30px);padding:0 4px}
.bar-chart>div{flex:1;height:var(--bar);background:#899d6d3d;border-radius:2px 2px 0 0;position:relative;animation:bar-grow .6s both;animation-delay:calc(var(--i) * 25ms);transform-origin:bottom}
.bar-chart>div:nth-child(3n){background:#d6a46fbd}
.bar-chart>div:nth-child(4n){background:#a3b88380}
.dash-bottom{display:flex;justify-content:space-between;gap:10px;font-size:7px;padding-top:17px;color:#83977a}
.activity-status{color:#b7cda2}
.demo-projects>div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #93a37c25;gap:10px;padding:17px 0;font-size:10px}
.demo-projects small{display:block;font-size:7px;color:#809275;margin-top:6px}
.demo-projects b{font-size:7px;font-weight:400;color:#b8cda1;border:1px solid #9cba7a38;border-radius:3px;padding:5px;white-space:nowrap}
.dash-example-note{font-size:7px;color:#72856a;margin-top:25px}
.automation-demo{background:#111713;border:1px solid #91a58030;border-radius:5px;padding:24px 25px;min-height:345px;box-shadow:0 17px 40px #0003}
.flow-title{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:#c5d0bc;margin-bottom:27px}
.flow-state{font-size:8px;color:#8b9e7e}
.flow-map{max-width:350px;margin:auto}
.flow-step{display:flex;align-items:center;gap:14px;padding:12px 15px;border:1px solid #87987832;background:#1b241b;border-radius:4px;transition:border-color .3s,background .3s}
.flow-icon{width:25px;flex-shrink:0;color:#93a87c}.flow-icon svg{width:23px}
.flow-step strong{font-size:10px;font-weight:400;display:block;color:#ccd7c0}
.flow-step small{font-size:7px;color:#7d9072;display:block;margin-top:5px}
.flow-check{font-size:12px;margin-left:auto;color:#a9c98d}
.flow-line{height:19px;width:1px;margin:auto;background:#80947140;position:relative;overflow:hidden}
.flow-line span{position:absolute;inset:0;transform:translateY(-100%);background:#dd9a65;transition:transform .5s}
.flow-line.done span{transform:translateY(0)}
.flow-step.done{border-color:#9dbb714d;background:#24301e}
.flow-controls{display:flex;align-items:center;justify-content:space-between;margin-top:25px;gap:12px}
.demo-run{font-size:9px;background:#d4a77b;color:#182015;border:0;border-radius:3px;padding:9px 14px;min-width:100px}
.demo-run:disabled{opacity:.6}
.flow-controls>span{font-size:7px;color:#718166}
.specialties{display:flex;justify-content:space-between;gap:30px;padding:28px 0 10px;margin-top:40px;border-top:1px solid #82927d27;font-size:11px;color:#83927f}
.specialties p{font-size:11px;margin:0;color:#b5c0ae;line-height:1.7}
.specialties b{font-weight:400;padding:0 13px;color:#4e624c}
.project-process{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding:60px 0 75px;border-top:1px solid var(--line)}
.project-process h2{font-size:clamp(30px,3vw,42px);font-weight:400;line-height:1.16;margin-bottom:30px}
.project-process .studio-intro{margin-bottom:18px;color:var(--accent)}
.project-process .primary{font-size:11px;border:1px solid #85957e50;background:transparent;color:#c4d0bb;border-radius:3px;padding:13px 20px;min-height:0}
.process-questions{border-top:1px solid var(--line)}
.process-questions details{border-bottom:1px solid var(--line);padding:21px 0}
.process-questions summary{list-style:none;cursor:pointer;font-size:14px;display:flex;justify-content:space-between;gap:15px}
.process-questions summary::-webkit-details-marker{display:none}
.process-questions summary:after{content:'+';font-size:15px;color:#78906f;font-weight:400}
.process-questions details[open] summary:after{content:'−'}
.process-questions p{font-size:12px;line-height:1.85;color:#93a18a;margin:15px 20px 0 0;max-width:400px}
.brief-intro h2{margin-top:22px}
#brief-form label{font-size:11px;color:#c0cbb8;display:block;margin-top:19px}
#brief-form label>span{font-size:9px;color:#7e9074;margin-left:5px}
#brief-form input,#brief-form select,#brief-form textarea{display:block;width:100%;border:1px solid #93a28145;border-radius:3px;background:#192118;color:#dbe1d5;font:12px var(--sans);padding:12px;margin-top:8px;outline-offset:3px}
#brief-form textarea{resize:vertical;min-height:100px}
#brief-form input::placeholder,#brief-form textarea::placeholder{color:#788871}
#brief-form input:focus-visible,#brief-form select:focus-visible,#brief-form textarea:focus-visible{outline:2px solid var(--accent)}
.brief-buttons{display:flex;gap:10px;margin-top:25px;flex-wrap:wrap}
.brief-buttons .primary,.brief-buttons .secondary{font-size:11px;padding:12px 18px;border-radius:3px;min-height:44px;margin-top:0}
.brief-buttons .primary{background:var(--accent);color:#172014;border-color:var(--accent)}
.brief-status{font-size:11px!important;color:#bdd0ac!important;min-height:16px;margin:12px 0 0}
@keyframes bar-grow{from{transform:scaleY(.1)}to{transform:scaleY(1)}}
@media(max-width:1050px){.service-explorer{gap:35px;grid-template-columns:.85fr 1.2fr}.service-panel{padding:18px}.signal-nav .nav-links{gap:20px}.nav-project{padding:10px 12px}.signal-hero h1{font-size:clamp(48px,5.7vw,72px)}.specialties{display:block}.specialties p{margin-top:12px}.project-process{gap:50px}.services-heading{gap:20px}.services-heading>p{max-width:150px}.sample-web-heading>span{display:none}.automation-demo{padding:21px 17px}.flow-controls>span{max-width:85px}.dashboard-demo{grid-template-columns:75px 1fr}.dash-content{padding:17px 14px}.dash-content h3{font-size:16px}.dash-stats{gap:7px}.dash-bottom{flex-wrap:wrap}}
@media(max-width:800px){.service-explorer{grid-template-columns:1fr;gap:30px}.service-tabs{flex-direction:row;border-top:0;border-bottom:1px solid var(--line);gap:25px}.service-tabs>button{font-size:18px;border:0;padding:18px 0;gap:10px}.service-tabs>button[aria-selected=true]{box-shadow:0 1px var(--accent)}.service-marker{display:none}#service-description{min-height:0;padding-top:23px}#service-description p{max-width:540px}#service-description ul{display:flex;gap:8px 20px;flex-wrap:wrap}#service-description li{padding-left:12px}.service-enquire{margin-top:25px}.service-panel{min-height:440px;padding:30px}.service-display{max-width:650px;width:100%}.sample-web-heading>span{display:initial}.sample-web-heading h3{font-size:44px}.building-scene{height:180px}.dashboard-demo{grid-template-columns:100px 1fr}.dash-content{padding:22px}.dash-content h3{font-size:22px}.dash-stats small{font-size:8px}.dash-stats strong{font-size:28px}.dash-header{font-size:9px}.dash-bottom{font-size:8px}.bar-chart{height:110px}.automation-demo{padding:27px}.flow-step{padding:14px 17px}.flow-step strong{font-size:12px}.flow-step small{font-size:9px}.flow-controls>span{max-width:none}.services-heading{display:block}.services-heading>p{max-width:none;margin:17px 0 0}.nav-project{display:none}.project-process{gap:35px}.project-process h2{font-size:31px}}
@media(max-width:600px){.signal-nav .nav-links{gap:18px}.signal-nav .nav-links a{font-size:11px}.signal-nav .nav-links a[href='#about']{display:none}.signal-nav .wordmark{font-size:24px}.signal-hero h1{font-size:clamp(44px,10.7vw,62px)}.signal-hero .hero-copy>p:not(.studio-intro){font-size:14px;max-width:340px}.signal-hero{padding-top:40px}.signal-art{min-height:295px;margin-top:20px}.services-section{padding:38px 0 25px}.services-heading{margin-bottom:22px}.services-heading h2{font-size:33px;line-height:1.13}.services-heading .studio-intro{font-size:11px}.services-heading>p{font-size:11px}.service-tabs{gap:22px}.service-tabs>button{font-size:15px;letter-spacing:-.025em;padding:17px 0}.service-tabs>button span:first-child{white-space:nowrap}#service-description h3{font-size:15px}#service-description p{font-size:12px}#service-description ul{display:block}.service-explorer{gap:26px}.service-panel{min-height:370px;padding:16px}.sample-website{padding:17px 16px 12px}.sample-nav{margin-bottom:22px}.sample-nav strong{font-size:16px}.sample-nav>span{font-size:6px}.sample-web-heading h3{font-size:32px;letter-spacing:-1.6px}.sample-web-heading>span{display:none}.building-scene{height:150px}.browser-demo[data-device=mobile]{max-width:190px}.browser-demo[data-device=mobile] .sample-web-heading>span{display:block}.browser-demo[data-device=mobile] .building-scene{height:130px}.browser-demo[data-device=mobile] .sample-nav{margin-bottom:20px}.specialties{margin-top:26px;padding-top:23px}.specialties p{font-size:10px;line-height:2}.specialties b{padding:0 5px}.dashboard-demo{grid-template-columns:65px 1fr;min-height:310px}.dashboard-demo aside{padding:15px 6px}.dashboard-demo aside button{font-size:7px;padding:8px 5px}.dash-brand{font-size:17px;margin-bottom:25px}.dash-sidebar-bottom{font-size:5px;left:10px;max-width:40px}.dash-content{padding:16px 12px}.dash-header{font-size:7px;margin-bottom:22px}.dash-content h3{font-size:16px;margin-bottom:20px}.dash-stats{gap:5px}.dash-stats>div{padding-left:6px}.dash-stats small{font-size:5px}.dash-stats strong{font-size:23px}.bar-chart{gap:4px;height:90px}.chart-heading{font-size:7px}.dash-bottom{font-size:6px}.automation-demo{padding:20px 13px;min-height:310px}.flow-title{font-size:11px;margin-bottom:22px}.flow-state{font-size:7px}.flow-step{padding:12px 10px;gap:10px}.flow-icon{width:20px}.flow-icon svg{width:19px}.flow-step strong{font-size:10px}.flow-step small{font-size:7px}.flow-controls{margin-top:22px}.flow-controls>span{font-size:6px;max-width:95px}.flow-line{height:16px}.demo-run{font-size:9px;padding:9px 11px;min-width:90px}.demo-projects>div{font-size:9px;padding:15px 0}.demo-projects small{font-size:6px}.demo-projects b{font-size:6px}.project-process{grid-template-columns:1fr;padding:40px 0;gap:30px}.project-process h2{font-size:30px;max-width:360px}.process-questions summary{font-size:13px}.process-questions p{font-size:12px}.signal-manifesto{padding-top:40px}.brief-buttons{gap:8px}.brief-buttons .primary,.brief-buttons .secondary{padding:12px 14px;font-size:10px}}
/* Standalone Workshop */
:root{scroll-padding-top:100px}
.header-wrap{position:sticky;top:0;z-index:20;background:#101313ed;backdrop-filter:blur(18px);border-bottom:1px solid #c1cbb312}
.signal-nav{border:0;min-height:84px}
.signal-nav .nav-links{gap:30px}
.signal-nav .nav-links a{font-size:12px}
.signal-nav .nav-project{padding:12px 17px;color:#d4ddca;border-color:#77886b50}
.menu-toggle{display:none}
.signal-hero{min-height:655px;padding-top:65px;padding-bottom:75px}
.signal-hero h1{font-size:clamp(50px,6vw,84px);line-height:1.04;letter-spacing:-.065em}
.signal-hero .studio-intro{font-size:12px;color:#99a793}
.signal-art{min-height:480px}
.signal-hero .hero-copy>p:not(.studio-intro){max-width:390px}
.services-section{padding-top:75px;padding-bottom:55px}
.services-heading h2{font-size:44px}
.workshop-products{padding-top:80px;padding-bottom:85px}
.workshop-products .product-art{height:280px}
.workshop-products .product-art .art-badge{text-transform:none;font-size:10px;color:#a2af9a}
/* The platform wheel */
.platform-section{position:relative;padding:85px 0 75px;border-top:1px solid #8b9c7626;background:radial-gradient(ellipse at 78% 55%,#58694412 0,transparent 60%),#111612;overflow:hidden}
.platform-heading{max-width:720px}
.platform-heading .studio-intro{margin-bottom:18px;color:var(--accent);font-size:12px}
.platform-heading h2{font-size:clamp(38px,4.5vw,60px);font-weight:400;margin-bottom:20px;letter-spacing:-.045em}
.platform-heading>p:last-child{font-size:14px;color:#8f9f86;margin-bottom:0}
.platform-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center;margin-top:20px}
.platform-detail{padding:25px 0;max-width:420px}
#platform-copy{min-height:315px}
.platform-kind{font-size:10px;line-height:1.7;color:#8c9a81;margin-bottom:20px}
.platform-detail h3{font-size:clamp(31px,3.3vw,47px);font-weight:400;letter-spacing:-.045em;line-height:1.1;margin:0 0 22px}
.platform-description{font-size:14px;line-height:1.85;color:#a6b19e;max-width:355px;margin-bottom:23px}
.platform-detail ul{padding:0;margin:0 0 27px;list-style:none;font-size:11px;line-height:2.1;color:#c2cdb9}
.platform-detail li{display:flex;align-items:center;gap:12px}
.platform-detail li:before{content:'';width:12px;height:1px;background:#657b55;flex-shrink:0}
.platform-enquire{font-size:11px;color:#d1d9c7}
.orbit-controls{display:flex;align-items:center;gap:23px;margin-top:35px;padding-top:22px;border-top:1px solid #b3c19e25;width:max-content}
.orbit-controls button{font-size:10px;background:transparent;color:#b0bd9f;border:0;padding:8px 0}
.orbit-controls button:hover{color:#edab7f}
#orbit-count{font:9px var(--display);color:#627454;letter-spacing:2px;min-width:61px;text-align:center}
.platform-wheel{container-type:inline-size;position:relative;aspect-ratio:1;width:100%;max-width:640px;margin:0 auto;isolation:isolate;touch-action:pan-y;--turn:-40deg;--counter-turn:40deg}
.orbit-guide{border:1px solid #a0b8831c;position:absolute;border-radius:50%;pointer-events:none;top:50%;left:50%;transform:translate(-50%,-50%)}
.orbit-guide-outer{width:70%;height:70%;border-color:#afbd9426}
.orbit-guide-inner{width:47%;height:47%;border-color:#afbd9412}
.platform-wheel:before{content:'';position:absolute;inset:23%;border-radius:50%;background:radial-gradient(circle,#74855912,transparent 70%);pointer-events:none}
.orbit-rotor{position:absolute;inset:0;transform:rotate(var(--turn));transition:transform 850ms cubic-bezier(.22,.8,.24,1);pointer-events:none}
.orbit-position{position:absolute;width:80px;height:80px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(calc(var(--slot) * 40deg)) translateY(-35cqw)}
.orbit-upright{width:100%;height:100%;transform:rotate(calc(var(--slot) * -40deg + var(--counter-turn)));transition:transform 850ms cubic-bezier(.22,.8,.24,1)}
.orbit-node{position:relative;width:100%;height:100%;border-radius:50%;border:1px solid #a9bb8f36;display:grid;place-items:center;background:#151d16;box-shadow:0 8px 25px #0002;pointer-events:auto;transition:border-color .3s,background .3s,box-shadow .3s}
.orbit-node img{width:32px;height:32px;object-fit:contain;filter:brightness(0) invert(1);opacity:.6;transition:opacity .3s;pointer-events:none;user-select:none}
.orbit-node.redm img,.orbit-node.cyberpunk img,.orbit-node.sbox img{width:55px;height:29px}
.orbit-node.kcd img{width:35px;height:35px}
.orbit-node.gmod img{width:35px;height:35px}
.orbit-node span{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);white-space:nowrap;font-size:10px;color:#839477;font-weight:400;letter-spacing:0;transition:color .3s}
.orbit-node:hover{border-color:#cbdbad7d;background:#1e291c}
.orbit-node:hover img{opacity:.95}
.orbit-node[aria-pressed=true]{border-color:#d09a69;background:#2b2e20;box-shadow:0 0 0 5px #b7864f08,0 12px 30px #0003}
.orbit-node[aria-pressed=true] img{opacity:.98}
.orbit-node[aria-pressed=true] span{color:#d8b68f}
.orbit-core{position:absolute;left:50%;top:50%;width:160px;height:160px;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:17px;pointer-events:none}
.core-mark{color:#9daf8852;display:block}
.core-mark>span:last-child{display:none}
.core-mark .brand-symbol{display:block;width:62px}
.orbit-core>span:last-child{font-size:9px;letter-spacing:.02em;color:#637953}
.wheel-hint{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);font-size:9px;color:#637753;white-space:nowrap}
/* Further reading and closing sections */
.questions-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;border-top:1px solid var(--line);padding:65px 0 75px}
.questions-section .studio-intro{color:var(--accent);margin-bottom:20px}
.questions-section h2{font-size:34px;font-weight:400;line-height:1.15}
.questions-section .process-questions{border-top:0}
.questions-section .process-questions details:first-child{padding-top:0}
.signal-manifesto{padding:65px 0 80px}
.signal-manifesto h2{font-size:30px}
.signal-manifesto .quiet-owned{font-size:11px;color:#788c6b}
.signal-manifesto .text-button{font-size:12px;margin-top:5px}
.contact-section{padding:75px 0 80px;background:#1b241a;border-top:1px solid #b6c59b23;border-bottom:1px solid #b6c59b23}
.contact-inner{display:flex;justify-content:space-between;align-items:center;gap:50px}
.contact-inner .studio-intro{color:#94a784;font-size:12px;margin:0 0 24px}
.contact-inner h2{font-size:clamp(55px,7vw,94px);font-weight:400;letter-spacing:-.065em;margin-bottom:25px}
.contact-inner p:last-child{font-size:14px;color:#9ba98f;line-height:1.85;margin:0}
.contact-inner .primary{background:#d49a6d;border-color:#d49a6d;color:#151d12;padding:18px 28px;border-radius:3px;font-size:12px;flex-shrink:0}
.footer-main{padding:65px 0 55px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}
.footer-brand .wordmark{font-size:27px}
.footer-brand .brand-symbol{width:28px}
.footer-brand p{font-size:12px;color:#7d8d73;line-height:1.9;margin:24px 0 17px}
.footer-brand>span{font-size:10px;color:#657a5a}
.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:15px;padding-top:9px}
.footer-column h3{font-size:11px;font-weight:400;color:#c1ccb5;margin:0 0 6px;letter-spacing:0}
.footer-column a,.footer-column button{font-size:11px;color:#7c8f70;background:none;border:0;padding:0}
.footer-column a:hover,.footer-column button:hover{color:#d7b28d}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid #a2b88720;padding:24px 0 30px;font-size:9px;color:#627556}
#detail{max-width:580px;border-radius:6px;padding:48px}
#detail .detail-tag{font:11px var(--sans);letter-spacing:0;color:#b7a080}
#detail h2{font-weight:400}
@media(max-width:1100px){.signal-nav .nav-links{gap:21px}.signal-nav .nav-links a{font-size:11px}.signal-nav .nav-project{font-size:10px;padding:11px 14px}.platform-layout{gap:35px;grid-template-columns:.85fr 1.15fr}.orbit-node span{font-size:9px}.orbit-position{width:68px;height:68px}.orbit-node img{width:28px;height:28px}.orbit-node.redm img,.orbit-node.cyberpunk img,.orbit-node.sbox img{width:49px;height:26px}.platform-detail h3{font-size:36px}.platform-description{font-size:13px}.questions-section{gap:50px}.signal-hero{min-height:585px}.signal-art{min-height:430px}.services-heading h2{font-size:39px}.workshop-products .product-art{height:245px}}
@media(max-width:900px){.signal-nav{position:relative;min-height:76px}.menu-toggle{display:block;background:transparent;border:1px solid #8da07540;color:#bcc9b0;font-size:12px;padding:9px 14px;border-radius:3px}.signal-nav .nav-links{display:none;position:absolute;left:0;right:0;top:calc(100% - 1px);padding:25px;background:#172016;border:1px solid #99af7e30;border-radius:0 0 5px 5px;box-shadow:0 20px 35px #0005;gap:24px;align-items:stretch}.signal-nav .nav-links.is-open{display:flex;flex-direction:column}.signal-nav .nav-links a{display:block!important;font-size:14px;padding:2px 0}.signal-nav .nav-links .nav-project{display:block;font-size:12px;width:100%;text-align:left;padding:14px}.signal-hero h1{font-size:56px}.platform-layout{grid-template-columns:1fr 1.3fr;gap:25px}.orbit-position{width:58px;height:58px}.orbit-node img{width:25px;height:25px}.orbit-node.redm img,.orbit-node.cyberpunk img,.orbit-node.sbox img{width:42px;height:24px}.orbit-node.kcd img,.orbit-node.gmod img{width:28px;height:28px}.orbit-node span{font-size:8px;top:calc(100% + 8px)}.orbit-core>span:last-child{font-size:8px}.core-mark .brand-symbol{width:45px}.platform-description{font-size:12px}.platform-kind{font-size:9px}.platform-detail h3{font-size:31px}#platform-copy{min-height:315px}.platform-detail ul{font-size:10px}.platform-enquire{font-size:10px}.orbit-controls{gap:18px;margin-top:15px}.platform-section{padding:65px 0}.platform-heading h2{font-size:43px}.platform-heading>p:last-child{font-size:13px}.footer-main{gap:35px}.questions-section h2{font-size:31px}}
@media(max-width:700px){:root{scroll-padding-top:85px}.signal-nav{min-height:72px}.signal-hero{padding:50px 0 40px;min-height:0}.signal-hero h1{font-size:clamp(45px,11vw,64px)}.signal-art{min-height:330px;margin-top:25px}.signal-hero .hero-copy>p:not(.studio-intro){max-width:360px}.services-section{padding-top:45px;padding-bottom:30px}.services-heading h2{font-size:35px}.platform-section{padding:50px 0 45px}.platform-heading h2{font-size:38px}.platform-heading>p:last-child{font-size:12px;max-width:270px}.platform-layout{display:flex;flex-direction:column;gap:10px;margin-top:27px}.platform-wheel{order:0;width:min(100%,480px)}.platform-detail{order:1;width:100%;max-width:none;padding:22px 0 0}#platform-copy{min-height:275px}.platform-detail h3{font-size:34px;margin-bottom:17px}.platform-description{font-size:13px;max-width:450px}.platform-kind{font-size:10px;margin-bottom:14px}.platform-detail ul{font-size:11px;margin-bottom:20px}.platform-enquire{font-size:11px}.orbit-controls{width:100%;justify-content:space-between;margin-top:22px;padding-top:14px}.orbit-position{width:64px;height:64px}.orbit-node img{width:27px;height:27px}.orbit-node.redm img,.orbit-node.cyberpunk img,.orbit-node.sbox img{width:47px;height:25px}.orbit-node span{font-size:9px}.orbit-node.kcd img,.orbit-node.gmod img{width:30px;height:30px}.core-mark .brand-symbol{width:48px}.orbit-core>span:last-child{font-size:8px}.wheel-hint{bottom:0;font-size:8px}.workshop-products{padding-top:50px;padding-bottom:45px}.workshop-products .product-art{height:300px}.questions-section{grid-template-columns:1fr;gap:20px;padding:45px 0}.questions-section h2{font-size:30px;margin-bottom:15px}.questions-section .process-questions details:first-child{padding-top:21px;border-top:1px solid var(--line)}.signal-manifesto{padding:45px 0 55px;gap:20px}.signal-manifesto h2{font-size:28px}.signal-manifesto .quiet-owned{margin-top:17px}.signal-manifesto p{font-size:13px}.contact-section{padding:50px 0}.contact-inner{display:block}.contact-inner h2{font-size:65px}.contact-inner p:last-child{font-size:13px}.contact-inner .primary{margin-top:30px;padding:16px 23px;font-size:11px}.footer-main{grid-template-columns:1fr 1fr;gap:40px 25px;padding:45px 0 40px}.footer-brand{grid-column:1/-1}.footer-brand p{margin-top:20px;font-size:12px}.footer-column{padding-top:0;gap:15px}.footer-bottom{flex-wrap:wrap;gap:14px 25px;font-size:8px;padding:22px 0}.footer-bottom>span:nth-child(2){order:2;width:100%}.footer-bottom>a{margin-left:auto}#detail{padding:36px 25px}}
@media(max-width:390px){.orbit-position{width:54px;height:54px}.orbit-node img{width:23px;height:23px}.orbit-node.redm img,.orbit-node.cyberpunk img,.orbit-node.sbox img{width:40px;height:23px}.orbit-node span{font-size:8px;top:calc(100% + 7px)}.orbit-node.kcd img,.orbit-node.gmod img{width:26px;height:26px}.core-mark .brand-symbol{width:41px}.orbit-core{gap:12px}.orbit-core>span:last-child{font-size:7px}.platform-heading h2{font-size:34px}.platform-detail h3{font-size:31px}.service-tabs{gap:18px}.service-tabs>button{font-size:14px}.signal-hero h1{font-size:44px}}
@media(prefers-reduced-motion:reduce){.orbit-rotor,.orbit-upright{transition:none}.platform-wheel:before{animation:none}}
.orbit-node.kcd img{filter:grayscale(1) brightness(1.55) contrast(1.2)}
.orbit-node.minecraft img{width:39px;height:39px}
@media(max-width:900px){.orbit-node.minecraft img{width:32px;height:32px}}
@media(max-width:700px){.orbit-node.minecraft img{width:35px;height:35px}}
@media(max-width:390px){.orbit-node.minecraft img{width:29px;height:29px}}


.work-section { padding-block: clamp(4rem, 9vw, 8rem); }
.work-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 19rem), 1fr)); gap: 1rem; }
.work-grid article { padding: 1.5rem; border: 1px solid #343b35; background: #181d1a; }
.work-grid article p { margin-block: .65rem 1rem; }