@font-face{font-family:Prompt;src:url('/version-c/assets/prompt-300.ttf') format('truetype');font-weight:300;font-display:swap}
@font-face{font-family:Prompt;src:url('/version-c/assets/prompt-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Prompt;src:url('/version-c/assets/prompt-500.ttf') format('truetype');font-weight:500;font-display:swap}
:root{--ink:#eee9e2;--muted:#aaa39d;--soft:#77716b;--bg:#171513;--panel:#211e1b;--line:rgba(238,233,226,.16);--copper:#a86e52;--cream:#e8e0d5;--max:1280px;--pad:clamp(1.25rem,4.6vw,4.5rem)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font-family:Prompt,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.55;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}a{color:inherit}button{font:inherit}.shell{width:min(calc(100% - (var(--pad) * 2)),var(--max));margin-inline:auto}.site-header{position:absolute;z-index:2;top:0;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:88px}.wordmark{color:#f3f0eb;text-decoration:none;font-size:clamp(1.2rem,1.8vw,1.7rem);font-weight:500;letter-spacing:-.035em}.primary-nav{display:flex;gap:clamp(1.2rem,3vw,2.8rem);font-size:.95rem}.primary-nav a{color:rgba(238,233,226,.7);text-decoration:none;transition:color .2s ease}.primary-nav a:hover,.primary-nav a:focus-visible{color:var(--ink)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.7rem 1.25rem;border:0;border-radius:12px;background:var(--copper);color:#f6f1ed;text-decoration:none;font-size:.9rem;line-height:1.2;transition:background .2s ease,transform .2s ease}.button:hover,.button:focus-visible{background:#b97a5d;transform:translateY(-1px)}.button-small{justify-self:end;min-height:44px;padding-inline:1.15rem}.hero{position:relative;isolation:isolate;min-height:max(680px,100svh);display:grid;align-items:center;overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero-image{z-index:-2;display:block;object-fit:cover;object-position:center}.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(17,15,14,.93) 0%,rgba(17,15,14,.62) 40%,rgba(17,15,14,.12) 72%),linear-gradient(0deg,rgba(17,15,14,.55),transparent 45%)}.hero-content{position:relative;width:min(calc(100% - (var(--pad) * 2)),var(--max));padding-top:clamp(5rem,10vh,8rem)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:300;letter-spacing:-.035em;line-height:1.08}h1{max-width:11ch;margin-bottom:1rem;font-size:clamp(3.4rem,6.15vw,6.15rem)}.hero-summary{color:var(--muted);font-size:clamp(1rem,1.35vw,1.3rem)}.hero-note{position:absolute;right:3%;top:17%;margin:0;color:var(--copper);font-size:.9rem;line-height:1.55}.hero-scroll{position:absolute;right:var(--pad);bottom:2.2rem;color:rgba(238,233,226,.72);font-size:.8rem;text-decoration:none;border-bottom:1px solid rgba(238,233,226,.35);padding-bottom:.25rem}.section{padding-block:clamp(5.5rem,10vw,9.5rem)}.products-section{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.45fr);gap:clamp(3rem,9vw,9rem)}.section-intro{max-width:27rem}.section-kicker{margin-bottom:1.2rem;color:var(--copper);font-size:.73rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.section h2{max-width:12ch;margin-bottom:1.25rem;font-size:clamp(2.1rem,4.1vw,4rem)}.section-intro>p:last-child,.approach-copy p,.about-detail p{color:var(--muted);max-width:38rem}.product-list{border-top:1px solid var(--line)}.product-row{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:clamp(1.2rem,2.7vw,2.7rem);align-items:start;padding:1.8rem 0;border-bottom:1px solid var(--line)}.product-mark{width:48px;height:48px;display:grid;place-items:center;color:var(--copper);border:1px solid rgba(168,110,82,.68);font-size:1.15rem}.mark-frame{grid-template-columns:1fr 1fr;gap:4px;padding:10px}.mark-frame span{height:100%;border:1px solid var(--copper)}.mark-tenon{font-weight:300}.mark-tools{display:flex;align-items:end;justify-content:center;gap:4px;padding:12px}.mark-tools span{width:5px;background:var(--copper)}.mark-tools span:nth-child(1){height:45%}.mark-tools span:nth-child(2){height:72%}.mark-tools span:nth-child(3){height:100%}.product-type{margin-bottom:.35rem;color:var(--soft);font-size:.73rem;letter-spacing:.06em;text-transform:uppercase}.product-copy h3{margin-bottom:.55rem;font-size:clamp(1.45rem,2vw,2rem)}.product-copy p:last-child{max-width:48ch;margin-bottom:0;color:var(--muted);font-size:.92rem}.product-status{padding-top:.25rem;color:var(--soft);font-size:.75rem;white-space:nowrap}.approach-section{background:#211e1b}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,12vw,12rem)}.approach-copy{padding-top:3.6rem;max-width:34rem}.approach-copy p{margin-bottom:1.6rem}.about-section{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(3rem,12vw,12rem)}.about-callout h2{max-width:14ch}.about-detail{align-self:end;padding-bottom:.8rem}.about-detail .text-link{display:inline-block;margin-top:1.2rem}.text-link{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--copper);padding-bottom:.2rem}.games-strip{background:var(--copper);color:#201916;padding-block:clamp(4rem,7vw,6.5rem)}.games-inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,10vw,10rem)}.games-strip .section-kicker{color:#4b2b21}.games-strip h2{margin-bottom:0;font-size:clamp(2.2rem,4.4vw,4.3rem)}.games-copy{max-width:32rem;padding-top:2rem}.games-copy p{max-width:34ch;margin-bottom:1.8rem}.button-light{background:#211e1b;color:var(--cream)}.button-light:hover,.button-light:focus-visible{background:#332a25}.site-footer{display:grid;grid-template-columns:1fr 1.2fr auto;gap:2rem;align-items:center;padding-block:2.3rem 3.5rem}.site-footer p{margin:0;color:var(--soft);font-size:.82rem}.site-footer .copyright{grid-column:1/-1;padding-top:1.5rem;border-top:1px solid var(--line);font-size:.75rem}.game-trigger{background:none;border:0;cursor:pointer;font-size:.82rem}.game-dialog{width:min(92vw,480px);padding:0;border:1px solid rgba(238,233,226,.25);background:var(--panel);color:var(--ink);box-shadow:0 24px 80px rgba(0,0,0,.45)}.game-dialog::backdrop{background:rgba(10,9,8,.75)}.game-panel{position:relative;padding:2.4rem}.dialog-close{position:absolute;top:1.4rem;right:1.4rem;border:0;background:none;color:var(--muted);cursor:pointer}.game-panel h2{margin-bottom:.7rem;font-size:2.5rem}.game-panel>p:not(.section-kicker):not(.game-status){color:var(--muted)}.game-stats{display:flex;gap:1.5rem;margin:1.7rem 0 .75rem;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.game-stats strong{margin-left:.3rem;color:var(--ink);font-size:1.1rem;font-weight:400}.signal-board{position:relative;display:block;width:100%;height:210px;margin:0 0 1.2rem;border:1px solid var(--line);background:#171513;cursor:crosshair}.signal-board::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:14px;border-radius:50%;background:var(--copper);transform:translate(-50%,-50%);opacity:0;transition:opacity .2s}.signal-board.is-active::after{opacity:1}.game-status{min-height:1.4em;margin:1rem 0 0;color:var(--muted);font-size:.8rem}
@media (max-width:900px){.site-header{grid-template-columns:1fr auto;min-height:76px}.primary-nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;gap:1.25rem;display:none}.site-header:focus-within .primary-nav{display:flex}.hero{min-height:max(620px,100svh)}.hero-content{padding-top:4rem}.hero-note{right:0;top:auto;bottom:12%;font-size:.78rem}.hero-scroll{bottom:1.5rem}.products-section,.approach-grid,.about-section,.games-inner{grid-template-columns:1fr;gap:3rem}.approach-copy{padding-top:0}.games-copy{padding-top:0}.site-footer{grid-template-columns:1fr auto}.site-footer>p:not(.copyright){display:none}}
@media (max-width:620px){body{font-size:15px}.shell{width:min(calc(100% - 2.5rem),var(--max))}.site-header{min-height:70px}.wordmark{font-size:1.25rem}.button-small{min-height:40px;padding:.55rem .85rem;font-size:.78rem}.hero{min-height:680px;align-items:end}.hero-image{object-position:58% center}.hero-shade{background:linear-gradient(0deg,rgba(17,15,14,.96) 0%,rgba(17,15,14,.52) 47%,rgba(17,15,14,.08) 100%)}.hero-content{padding-bottom:8rem}.hero-content h1{font-size:clamp(3rem,14vw,4.2rem);line-height:1.04;max-width:9ch;margin-bottom:1rem}.hero-summary{font-size:1rem}.hero-note{right:auto;left:0;bottom:4rem;font-size:.72rem;line-height:1.35}.hero-scroll{right:1.25rem;bottom:1.5rem}.section{padding-block:5rem}.section h2{font-size:clamp(2.1rem,10vw,3.2rem)}.product-row{grid-template-columns:42px minmax(0,1fr);gap:1rem;padding-block:1.5rem}.product-mark{width:40px;height:40px}.product-status{grid-column:2;padding-top:0;font-size:.7rem}.product-copy p:last-child{font-size:.88rem}.about-callout h2{max-width:12ch}.games-strip{padding-block:4.5rem}.games-strip h2{font-size:clamp(2.3rem,11vw,3.6rem)}.site-footer{grid-template-columns:1fr;gap:1.2rem;padding-bottom:2.5rem}.site-footer .game-trigger{justify-self:start}.site-footer .copyright{grid-column:1}.game-panel{padding:2rem 1.4rem}.signal-board{height:190px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.primary-nav a{transition:none}}
:focus-visible{outline:2px solid var(--cream);outline-offset:4px}
.primary-nav{scrollbar-width:none}.primary-nav::-webkit-scrollbar{display:none}
@media (max-width:620px){.primary-nav{position:absolute;top:4.35rem;left:0;right:0;display:flex!important;gap:1.05rem;overflow-x:auto;white-space:nowrap;padding-right:1rem;font-size:.76rem}.primary-nav a{color:rgba(238,233,226,.78)}}
.hero-content{z-index:2}.laptop-display{position:absolute;z-index:1;left:50.2%;top:43.8%;width:35%;height:36%;overflow:hidden;clip-path:polygon(12% 0,100% 0,88% 100%,0 89%);background:#111211;transform:rotate(.1deg);transform-origin:center}.screen-preview{position:absolute;inset:0;display:grid;opacity:0;transform:scale(1.025);pointer-events:none;transition:opacity .28s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1)}.screen-preview.is-active{opacity:1;transform:scale(1)}.preview-tenon{grid-template-columns:24% 1fr;background:#18201e;color:#dce0d7}.mini-rail{padding:8% 14%;border-right:1px solid rgba(220,224,215,.1);display:flex;flex-direction:column;gap:9%;font-size:clamp(6px,.65vw,10px)}.mini-rail b{margin-bottom:18%;font-weight:500}.mini-rail span{display:block;height:3px;background:rgba(220,224,215,.18)}.mini-work{padding:9% 8%;display:flex;flex-direction:column}.mini-work small,.preview-frame small,.preview-tools small,.preview-games small{font-size:clamp(5px,.55vw,9px);letter-spacing:.12em;text-transform:uppercase;opacity:.55}.mini-work strong{margin:8% 0 12%;font-size:clamp(10px,1.45vw,23px);font-weight:300;line-height:1.05}.mini-work i{display:block;width:88%;height:8%;margin-bottom:4%;border:1px solid rgba(220,224,215,.12);background:rgba(220,224,215,.035)}.mini-work i:nth-of-type(2){width:72%}.mini-work i:nth-of-type(3){width:58%}.preview-frame{grid-template-columns:42% 1fr;background:#ddd7cc;color:#25211e;padding:7%;gap:7%}.frame-photo{background:linear-gradient(145deg,#655746,#aa7759 52%,#383933 53%);min-height:100%}.frame-record{display:flex;flex-direction:column;padding-top:3%}.frame-record strong{margin:10% 0 5%;font-size:clamp(10px,1.25vw,20px);font-weight:400;line-height:1.05}.frame-record span{font-size:clamp(5px,.55vw,9px);opacity:.5}.frame-record i{height:1px;margin-top:15%;background:rgba(37,33,30,.25)}.preview-tools{align-content:center;background:#172125;color:#dce4e5;padding:11%}.preview-tools strong{margin:5% 0 12%;font-size:clamp(12px,1.65vw,26px);font-weight:300;line-height:1.02}.tool-bars{display:flex;align-items:end;gap:4%;height:25%}.tool-bars i{width:8%;height:35%;background:#a86e52}.tool-bars i:nth-child(2){height:70%}.tool-bars i:nth-child(3){height:48%}.tool-bars i:nth-child(4){height:92%}.tool-bars i:nth-child(5){height:62%}.preview-games{align-content:center;background:#f0e9dc;color:#173b38;padding:9%}.preview-games strong{margin:5% 0 8%;font-size:clamp(11px,1.55vw,24px);font-weight:500;line-height:1.02}.preview-games a{margin-top:8%;color:#173b38;font-size:clamp(5px,.55vw,9px);text-decoration:none}.game-tiles{display:flex;gap:4%;height:28%}.game-tiles i{width:30%;border-radius:8px;background:#ef7549}.game-tiles i:nth-child(2){background:#335f59}.game-tiles i:nth-child(3){background:#d4a83f}.hero-product-switcher{position:absolute;z-index:3;left:50%;bottom:2rem;display:flex;align-items:center;transform:translateX(-50%);border:1px solid rgba(238,233,226,.16);background:#171513}.hero-product-switcher button{min-height:42px;padding:0 1rem;border:0;border-right:1px solid rgba(238,233,226,.12);background:transparent;color:rgba(238,233,226,.58);font-size:.72rem;cursor:pointer;transition:color .2s ease,background .2s ease}.hero-product-switcher button:last-child{border-right:0}.hero-product-switcher button:hover,.hero-product-switcher button:focus-visible,.hero-product-switcher button.is-active{background:#29231f;color:var(--ink)}.product-row[data-preview]{cursor:pointer;transition:background .22s ease}.product-row[data-preview]:hover,.product-row[data-preview]:focus-visible{background:rgba(238,233,226,.025)}.product-row[data-preview]:focus-visible{outline-offset:8px}.games-strip[data-preview]{cursor:default}
@media (max-width:1100px){.laptop-display{left:51%;top:45%;width:38%;height:34%}.hero-product-switcher{bottom:1.4rem}.hero-product-switcher button{padding-inline:.75rem}}
@media (max-width:700px){.laptop-display{left:46.5%;top:34.1%;width:58%;height:24%;clip-path:polygon(8% 0,100% 0,93% 100%,0 90%)}.hero-product-switcher{left:1.25rem;right:1.25rem;top:7.3rem;bottom:auto;transform:none;overflow-x:auto}.hero-product-switcher button{flex:0 0 auto;min-height:38px;padding-inline:.8rem;font-size:.69rem}.hero-scroll{bottom:1.35rem}}
@media (prefers-reduced-motion:reduce){.screen-preview{transition:none}}
:root{--signal-x:50%;--signal-y:50%}
.signal-board.is-active::after{left:var(--signal-x);top:var(--signal-y)}

/* Responsive layout repair: keep every hero layer in a reserved region. */
body{overflow-x:clip}
.site-header{z-index:4}
.button{white-space:nowrap}
.hero{min-height:max(680px,100dvh)}

@media (max-width:900px){
  .site-header{grid-template-columns:1fr auto;grid-template-rows:70px 36px;align-content:start;min-height:106px}
  .primary-nav{position:static;grid-column:1/-1;grid-row:2;display:flex!important;align-items:center;justify-content:flex-start;gap:1.4rem;width:100%;min-width:0;padding:0;overflow-x:auto;white-space:nowrap}
  .hero{min-height:max(680px,100dvh)}
  .hero-content{padding-top:6.5rem}
  .hero-content h1{font-size:clamp(3.05rem,6.4vw,3.6rem)}
  .hero-note{position:static;width:max-content;margin-top:1.5rem}
  .laptop-display{left:56%;width:33%}
  .section-intro{max-width:38rem}
}

@media (max-width:700px){
  .site-header{grid-template-rows:64px 38px;min-height:102px}
  .primary-nav{gap:clamp(.95rem,5vw,1.35rem);padding-right:1rem;font-size:.75rem}
  .hero{min-height:max(700px,100dvh);align-items:end}
  .hero-shade{background:linear-gradient(0deg,rgba(17,15,14,.97) 0%,rgba(17,15,14,.8) 38%,rgba(17,15,14,.2) 72%,rgba(17,15,14,.08) 100%)}
  .hero-content{z-index:2;padding:0 0 5.75rem}
  .hero-content h1{max-width:none;margin-bottom:.8rem;font-size:clamp(2.85rem,12.3vw,3.35rem);line-height:1.02;letter-spacing:-.045em}
  .hero-summary{margin-bottom:0;font-size:.95rem}
  .hero-note{position:absolute;right:auto;left:0;bottom:2.05rem;margin-top:0;font-size:.7rem;line-height:1.28}
  .hero-scroll{right:1.25rem;bottom:2rem;font-size:.7rem}
  .laptop-display{left:41%;top:35%;width:61%;height:21%;clip-path:polygon(8% 0,100% 0,93% 100%,0 90%)}
  .hero-product-switcher{left:1.25rem;right:1.25rem;top:7rem;bottom:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));transform:none;overflow:hidden}
  .hero-product-switcher button{width:100%;min-width:0;min-height:34px;padding-inline:.55rem;border-bottom:1px solid rgba(238,233,226,.12);font-size:.68rem}
  .hero-product-switcher button:nth-child(2){border-right:0}
  .hero-product-switcher button:nth-child(n+3){border-bottom:0}
}

@media (max-width:380px){
  .shell{width:min(calc(100% - 2rem),var(--max))}
  .site-header{grid-template-rows:60px 38px}
  .wordmark{font-size:1.12rem}
  .button-small{min-height:36px;padding-inline:.7rem;font-size:.7rem}
  .primary-nav{gap:1rem;font-size:.7rem}
  .hero-product-switcher{left:1rem;right:1rem;top:6.7rem}
  .hero-content{padding-bottom:5.5rem}
  .hero-content h1{font-size:clamp(2.55rem,12.4vw,2.95rem)}
  .hero-scroll{right:1rem}
  .product-row{grid-template-columns:36px minmax(0,1fr);gap:.8rem}
  .product-mark{width:36px;height:36px}
}