:root{--ink:#0d0f0e;--panel:#171a18;--line:#303630;--paper:#f3f3ed;--muted:#a3aaa4;--acid:#d3f24b}*{box-sizing:border-box}html{background:var(--ink)}body{margin:0;background:var(--ink);color:var(--paper);font:16px/1.6 Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.hidden{display:none!important}.nav{height:78px;padding:0 max(22px,5vw);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(13,15,14,.94);position:sticky;top:0;z-index:10;backdrop-filter:blur(14px)}.brand{font:800 1.7rem/1 'Barlow Condensed',sans-serif;letter-spacing:.13em}.brand i{font-style:normal;color:var(--acid)}.nav-actions{display:flex;align-items:center;gap:24px;color:#c4c9c5;font-size:.88rem}.nav-actions a:hover{color:var(--acid)}.nav-actions button{border:1px solid #555c57;background:transparent;color:white;padding:8px 11px;font-size:.75rem;font-weight:700;cursor:pointer}.state{min-height:calc(100svh - 150px);display:grid;place-content:center;text-align:center;gap:16px;color:var(--muted)}.state strong{font:700 2rem 'Barlow Condensed';text-transform:uppercase;color:white}.state a{color:var(--acid)}main{min-height:calc(100svh - 150px)}.product{width:min(1440px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);min-height:calc(100svh - 78px)}.visual{min-height:680px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 65% 35%,#343c31 0,transparent 38%),linear-gradient(145deg,#202620,#111411)}.grid-lines{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(#75806f 1px,transparent 1px),linear-gradient(90deg,#75806f 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,black,transparent 92%)}.visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.visual>span{font:800 clamp(11rem,28vw,27rem)/1 'Barlow Condensed';color:#313831}.content{padding:clamp(55px,8vw,120px) clamp(28px,7vw,100px);align-self:center}.eyebrow{color:var(--acid);font-size:.75rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;margin:0 0 24px}h1{font:800 clamp(4.2rem,8vw,8.5rem)/.86 'Barlow Condensed';text-transform:uppercase;letter-spacing:-.035em;margin:0}.description{color:#b8bdb9;max-width:650px;font-size:1.05rem;margin:34px 0;white-space:pre-line}.purchase{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;display:flex;align-items:center;justify-content:space-between;gap:22px}.purchase div{display:grid}.purchase div span{font-size:.7rem;color:var(--muted);letter-spacing:.13em;text-transform:uppercase}.purchase strong{font:700 2rem 'Barlow Condensed';color:white}.button{background:var(--acid);color:#0b0d0c;padding:14px 20px;font-weight:700;display:inline-flex}.coming{color:var(--muted);font-size:.85rem}.note{margin-top:28px;display:grid;gap:4px;color:var(--muted);font-size:.82rem}.note b{color:#d4d7d4;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}footer{min-height:72px;padding:20px max(22px,5vw);display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);color:#7f8780;font-size:.75rem}@media(max-width:900px){.product{grid-template-columns:1fr}.visual{min-height:52svh}.content{padding-top:54px;padding-bottom:70px}.nav-actions a{display:none}}@media(max-width:520px){.nav{height:68px}.product{min-height:0}.visual{min-height:45svh}.purchase{align-items:flex-start;flex-direction:column}.button{width:100%;justify-content:center}footer{flex-direction:column}}
.product-buy{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.product-buy label{display:flex;align-items:center;gap:7px;color:#aeb4af;font-size:.78rem}.product-buy input{width:64px;padding:10px;background:#101310;color:white;border:1px solid #424842}.stock-pill{border:1px solid #586057;padding:6px 9px;color:#c9cdc9;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.stock-pill.in-stock{border-color:var(--acid);color:var(--acid)}
.launch-estimate{margin:16px 0 0;color:var(--acid);font-size:.9rem}.specifications{margin-top:32px;border-top:1px solid var(--line);padding-top:26px}.specifications h2,.notify-box h2{font:700 1.65rem/1 'Barlow Condensed';text-transform:uppercase;margin:0 0 16px}.specifications dl{display:grid;grid-template-columns:1fr 1fr;margin:0;border:1px solid var(--line)}.specifications div{padding:12px 14px;border-bottom:1px solid var(--line)}.specifications div:nth-child(odd){border-right:1px solid var(--line)}.specifications div:nth-last-child(-n+2){border-bottom:0}.specifications dt{color:var(--muted);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.specifications dd{margin:3px 0 0;color:white;font-weight:600}.notify-box{margin-top:34px;padding:24px;border:1px solid #596057;background:#131714}.notify-box .eyebrow{margin-bottom:10px}.notify-box>p:not(.eyebrow){color:var(--muted);font-size:.88rem;margin:0 0 18px}.notify-box form{display:grid;gap:12px}.notify-box label>span:first-child{display:block;margin-bottom:6px;color:#cfd3d0;font-size:.78rem;font-weight:600}.notify-box input[type="email"]{width:100%;border:1px solid #454c46;background:#0d100e;color:white;padding:13px}.notify-box input[type="email"]:focus{outline:2px solid var(--acid);outline-offset:1px}.notify-consent{display:flex!important;align-items:flex-start;gap:9px;color:var(--muted);font-size:.75rem}.notify-consent input{width:18px;height:18px;margin-top:2px;accent-color:var(--acid)}.notify-consent span{margin:0!important}.notify-box .button{border:0;cursor:pointer;justify-content:center}.notify-box .button:disabled{opacity:.55;cursor:wait}.notify-message{min-height:1.3em!important;margin:0!important;color:var(--acid)!important;font-size:.78rem!important}.notify-message.error{color:#ff8f88!important}.privacy-link{display:inline-block;margin-top:10px;color:#aeb4af;font-size:.72rem;text-decoration:underline}.honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}@media(max-width:520px){.specifications dl{grid-template-columns:1fr}.specifications div,.specifications div:nth-child(odd){border-right:0}.specifications div:nth-last-child(-n+2){border-bottom:1px solid var(--line)}.specifications div:last-child{border-bottom:0}.notify-box{padding:20px}}

/* Compact product gallery and BRICKSTER yellow */
:root{--acid:#ffe000}
.product{grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);min-height:0;align-items:start}
.visual{width:calc(100% - 48px);min-height:0;aspect-ratio:4/3;max-height:760px;margin:24px;position:sticky;top:102px;border:1px solid var(--line)}
.visual>img{object-fit:contain;background:#eef0ef}
.notify-box .button{background:#ffe000;color:#0b0d0c}
@media(max-width:900px){.visual{position:relative;top:auto;width:calc(100% - 32px);min-height:0;margin:16px;max-height:none}}
@media(max-width:520px){.visual{width:100%;min-height:0;margin:0;border-left:0;border-right:0}}

/* Keep the large decorative letter styling away from the gallery counter. */
.visual > .gallery-count{
  width:auto;
  height:auto;
  inset:16px 16px auto auto;
  padding:7px 11px;
  border:1px solid #ffe000;
  border-radius:999px;
  background:#ffe000;
  color:#0b0d0c;
  font:800 .78rem/1 Inter,system-ui,sans-serif;
  letter-spacing:.06em;
  box-shadow:0 4px 16px rgba(0,0,0,.28);
}
@media(max-width:520px){.visual > .gallery-count{inset:10px 10px auto auto}}

/* Mobile Safari: keep the gallery box and its image at a guaranteed height. */
@media(max-width:900px){
  .visual{
    display:block;
    aspect-ratio:4/3;
    min-height:clamp(280px,72vw,540px);
    background:#eef0ef;
  }
  .visual > .grid-lines{z-index:0}
  .visual > #image{
    position:relative;
    z-index:1;
    inset:auto;
    display:block;
    width:100%;
    height:100%;
    min-height:inherit;
    object-fit:contain;
    object-position:center;
  }
  .visual > #image.hidden{display:none!important}
  .visual > #placeholder{position:absolute;z-index:1;inset:50% auto auto 50%;transform:translate(-50%,-50%)}
  .visual > .gallery-arrow{z-index:6}
  .visual > .gallery-count{z-index:6}
  .visual > .gallery-thumbs{z-index:6}
}
@media(max-width:520px){
  .visual{height:75vw;min-height:280px;max-height:420px}
}