:root{
  --bg:#0d0c0b;
  --panel:#15130f;
  --bone:#ece4d2;
  --dim:#8c857658;
  --dim2:#938b7b;
  --orange:#e0531c;
  --blue:#5786a9;
  --line:#26221b;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:'Archivo',Helvetica,Arial,sans-serif;
  background:var(--bg);color:var(--bone);
  line-height:1.5;padding-bottom:54px;-webkit-font-smoothing:antialiased;overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.mono{font-family:'JetBrains Mono',monospace}
.dotmark{color:var(--orange)}

/* nav */
nav{display:flex;align-items:center;justify-content:space-between;padding:22px 30px;
  position:sticky;top:0;background:rgba(13,12,11,.82);backdrop-filter:blur(10px);z-index:40;border-bottom:1px solid var(--line)}
.wordmark{font-weight:800;font-size:1.15rem;letter-spacing:-.01em;text-transform:uppercase}
.navr{display:flex;gap:26px;align-items:center;font-family:'JetBrains Mono',monospace;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--dim2)}
.navr a:hover{color:var(--orange)}
.navr .live{color:var(--bone)}

/* hero */
.hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:44px 26px 80px}
.hero h1{font-weight:800;font-size:clamp(2.4rem,6vw,4.6rem);letter-spacing:-.02em;text-transform:uppercase;line-height:.9}
.hero .tag{margin-top:18px;font-family:'JetBrains Mono',monospace;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:var(--dim2)}
.lake-wrap{margin-top:14px;width:100%;max-width:520px;position:relative}
#lakeCanvas{display:block;margin:0 auto}
.lake-cap{margin-top:14px;font-family:'JetBrains Mono',monospace;font-size:.64rem;letter-spacing:.22em;text-transform:uppercase;color:var(--dim2)}
.lake-cap .dotmark{margin:0 6px}

/* product */
.product{border-top:1px solid var(--line);padding:80px 30px;display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:1180px;margin:0 auto}
.gallery .main{width:100%;aspect-ratio:1/1;object-fit:contain;background:#fff;border:1px solid var(--line);padding:9%}
.thumbs{display:flex;gap:10px;margin-top:10px}
.thumbs img{width:76px;height:76px;object-fit:contain;background:#fff;border:1px solid var(--line);cursor:pointer;opacity:.5;transition:.15s}
.thumbs img:hover,.thumbs img.on{opacity:1;border-color:var(--orange)}
.buy{display:flex;flex-direction:column;justify-content:center;gap:20px}
.buy h2{font-weight:800;font-size:clamp(2rem,4vw,2.9rem);text-transform:uppercase;letter-spacing:-.01em;line-height:.96}
.buy .price{font-weight:800;font-size:2rem}
.buy .desc{font-size:1rem;color:var(--bone);max-width:42ch}
.buy .desc .ph{color:var(--dim2)}
.specrow{font-family:'JetBrains Mono',monospace;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--dim2);
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;line-height:1.8}
.opt .olbl{font-family:'JetBrains Mono',monospace;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--dim2);margin-bottom:10px}
.swatches{display:flex;gap:14px}
.sw{display:flex;flex-direction:column;align-items:center;gap:7px;cursor:pointer}
.sw .chip{width:46px;height:46px;border:1px solid var(--line)}
.sw.on .chip{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange)}
.sw .nm{font-family:'JetBrains Mono',monospace;font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:var(--dim2)}
.sw.on .nm{color:var(--bone)}
.chip-blue{background:#5786a9}
.chip-black{background:#1c1c1c}
.sizes{display:flex;gap:8px}
.sz{width:48px;height:48px;border:1px solid var(--line);display:grid;place-items:center;font-family:'JetBrains Mono',monospace;font-size:.8rem;cursor:pointer;background:transparent;color:var(--bone)}
.sz:hover{border-color:var(--bone)}
.sz.on{background:var(--bone);color:var(--bg);border-color:var(--bone)}
.addcart{width:100%;background:var(--orange);color:var(--bg);border:none;font-family:'JetBrains Mono',monospace;font-weight:700;
  font-size:.9rem;letter-spacing:.1em;text-transform:uppercase;padding:18px;cursor:pointer;transition:.15s}
.addcart:hover{background:var(--bone)}
.buy .fine{font-family:'JetBrains Mono',monospace;font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--dim2)}

/* values */
.values{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.values div,.values .vcell{padding:30px 24px;text-align:center;font-family:'JetBrains Mono',monospace;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--bone)}
.values > * + *{border-left:1px solid var(--line)}
.values .vcell{display:block;transition:.15s}
.values .vcell .arr{color:var(--orange)}
.values .vcell:hover{background:var(--orange);color:var(--bg)}
.values .vcell:hover .arr{color:var(--bg)}

/* footer */
footer{padding:64px 30px 46px;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:34px;max-width:1180px;margin:0 auto}
footer .fm{font-weight:800;font-size:1.5rem;text-transform:uppercase;letter-spacing:-.01em}
footer .ft{margin-top:12px;font-family:'JetBrains Mono',monospace;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--dim2);max-width:32ch;line-height:1.7}
footer h4{font-family:'JetBrains Mono',monospace;font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--dim2);margin-bottom:14px}
footer a{display:block;font-family:'JetBrains Mono',monospace;font-size:.74rem;letter-spacing:.04em;text-transform:uppercase;color:var(--bone);padding:5px 0}
footer a:hover{color:var(--orange)}

/* email bar */
.emailbar{position:fixed;bottom:0;left:0;right:0;z-index:50;background:var(--bg);border-top:1px solid var(--orange);
  display:flex;align-items:center;justify-content:center;gap:14px;padding:12px 16px;flex-wrap:wrap}
.emailbar .lbl{font-family:'JetBrains Mono',monospace;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--bone)}
.emailbar input{font-family:'JetBrains Mono',monospace;background:transparent;border:1px solid var(--line);color:var(--bone);padding:9px 12px;font-size:.76rem;width:240px;max-width:46vw}
.emailbar input::placeholder{color:var(--dim2)}
.emailbar button{font-family:'JetBrains Mono',monospace;font-weight:700;text-transform:uppercase;font-size:.72rem;letter-spacing:.1em;background:var(--orange);color:var(--bg);border:none;padding:10px 18px;cursor:pointer}
.emailbar button:hover{background:var(--bone)}

@media(max-width:880px){
  .product{grid-template-columns:1fr;gap:34px}
  .values{grid-template-columns:1fr}
  .values > * + *{border-left:none;border-top:1px solid var(--line)}
  footer{grid-template-columns:1fr;gap:26px}
  .emailbar .lbl{display:none}
}

/* content pages: about / wholesale / contact */
.page{max-width:760px;margin:0 auto;padding:66px 30px 40px}
.page .eyebrow{font-family:'JetBrains Mono',monospace;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--orange);margin-bottom:16px}
.page h1{font-weight:800;font-size:clamp(2.4rem,6vw,4rem);text-transform:uppercase;letter-spacing:-.01em;line-height:.92;margin-bottom:22px}
.page h2{font-weight:800;font-size:1.4rem;text-transform:uppercase;letter-spacing:.01em;margin:46px 0 14px;padding-top:22px;border-top:1px solid var(--line)}
.page p{font-size:1.05rem;color:#cfc8b8;max-width:62ch;margin-bottom:14px;line-height:1.65}
.page p.lede{font-size:1.22rem;color:var(--bone);max-width:54ch}
.page a.ln{color:var(--orange)}
.ph{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:.56rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--dim2);border:1px dashed var(--line);padding:1px 6px;vertical-align:middle}

.facts2{list-style:none;margin-top:6px}
.facts2 li{border-top:1px solid var(--line);padding:16px 0;display:flex;gap:16px;align-items:baseline}
.facts2 li:last-child{border-bottom:1px solid var(--line)}
.facts2 .n{font-family:'JetBrains Mono',monospace;font-size:.74rem;color:var(--orange);flex-shrink:0;width:26px}
.facts2 b{display:block;font-weight:700;font-size:1.04rem;margin-bottom:4px;color:var(--bone)}
.facts2 small{font-family:'JetBrains Mono',monospace;font-size:.64rem;letter-spacing:.06em;text-transform:uppercase;color:var(--dim2)}

.faq2{margin-top:8px}
.faq2 .q{font-weight:700;font-size:1.08rem;text-transform:uppercase;padding:20px 0 6px;border-top:1px solid var(--line)}
.faq2 .a{font-size:1rem;color:#cfc8b8;padding-bottom:18px;max-width:60ch;line-height:1.6}
.faq2 a{color:var(--orange)}

.form{margin-top:24px;display:flex;flex-direction:column;gap:16px;max-width:540px}
.form .two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form .row{display:flex;flex-direction:column;gap:7px}
.form label{font-family:'JetBrains Mono',monospace;font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dim2)}
.form input,.form textarea{font-family:'JetBrains Mono',monospace;background:transparent;border:1px solid var(--line);color:var(--bone);padding:12px 14px;font-size:.86rem}
.form input:focus,.form textarea:focus{outline:none;border-color:var(--orange)}
.form textarea{resize:vertical;min-height:120px}
.form button{justify-self:start;font-family:'JetBrains Mono',monospace;font-weight:700;text-transform:uppercase;font-size:.8rem;letter-spacing:.1em;background:var(--orange);color:var(--bg);border:none;padding:14px 26px;cursor:pointer}
.form button:hover{background:var(--bone)}
@media(max-width:560px){.form .two{grid-template-columns:1fr}}