/* LilWoods — Opening soon (Georgian) */
:root{
  --cream:#F6EFE2; --cream-soft:#FBF6EB; --cream-deep:#EDE4D0;
  --ink:#2E2A26; --ink-soft:#4A443D; --muted:#7A726A;
  --hairline:rgba(46,42,38,.12);
  --leaf:#33A34C; --leaf-shadow:#5A853F; --leaf-deep:#5C7232;
  --sage-200:#B8DDA6; --sage-50:#EAF2DE;
  --walnut:#7A3D13; --terracotta:#C2603F;
  --f-display:'Fredoka','Noto Sans Georgian',system-ui,sans-serif;
  --f-tag:'Quicksand','Noto Sans Georgian',system-ui,sans-serif;
  --f-body:'Noto Sans Georgian','DM Sans',system-ui,sans-serif;
  --f-mono:'JetBrains Mono','Noto Sans Georgian',ui-monospace,monospace;
}
*,*::before,*::after{box-sizing:border-box;}
html,body{margin:0;}
body{
  font-family:var(--f-body); color:var(--ink);
  background:
    radial-gradient(120% 90% at 85% -10%, var(--sage-50) 0%, transparent 55%),
    radial-gradient(100% 80% at -10% 110%, var(--cream-deep) 0%, transparent 50%),
    var(--cream);
  min-height:100vh; -webkit-font-smoothing:antialiased;
  display:flex; flex-direction:column;
}
a{color:inherit; text-decoration:none;}

.mono{font-family:var(--f-mono); font-size:11px; letter-spacing:.18em; text-transform:uppercase; color:var(--leaf-deep); font-weight:500;}

/* ---- shell ---- */
.shell{flex:1; width:100%; max-width:1240px; margin:0 auto; padding:34px 40px 40px; display:flex; flex-direction:column;}

/* ---- top bar ---- */
.topbar{display:flex; align-items:center; justify-content:space-between; gap:24px;}
.brand{display:flex; align-items:center; gap:14px;}
.brand img{width:52px; height:52px;}
.brand .name{font-family:var(--f-display); font-weight:600; font-size:27px; color:var(--leaf-shadow); letter-spacing:-.01em; line-height:1;}
.brand .tag{font-family:var(--f-tag); font-weight:700; font-size:10px; letter-spacing:.18em; text-transform:uppercase; color:var(--ink); margin-top:4px;}
.status{display:inline-flex; align-items:center; gap:9px; padding:9px 16px; border:1px solid var(--hairline); border-radius:999px; background:rgba(251,246,235,.6); font-family:var(--f-mono); font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--ink-soft);}
.dot{width:8px; height:8px; border-radius:50%; background:var(--leaf); box-shadow:0 0 0 0 rgba(51,163,76,.45); animation:pulse 2.4s infinite;}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(51,163,76,.45);}70%{box-shadow:0 0 0 9px rgba(51,163,76,0);}100%{box-shadow:0 0 0 0 rgba(51,163,76,0);}}

/* ---- hero grid ---- */
.hero{flex:1; display:grid; grid-template-columns:1.05fr .95fr; gap:56px; align-items:center; padding:46px 0 26px;}

.eyebrow{display:flex; align-items:center; gap:12px; margin-bottom:22px;}
.eyebrow .rule{height:1px; width:40px; background:var(--leaf-deep); opacity:.5;}

h1{font-family:var(--f-display); font-weight:600; letter-spacing:-.02em; line-height:.98; margin:0; font-size:clamp(44px,6vw,78px); color:var(--ink); text-wrap:balance;}
h1 .soft{color:var(--leaf-shadow);}
.lede{font-size:clamp(16px,1.5vw,19px); line-height:1.6; color:var(--ink-soft); max-width:30em; margin:22px 0 0; text-wrap:pretty;}

/* ---- social callout ---- */
.watch{margin:34px 0 0;}
.watch-line{display:inline-flex; align-items:center; gap:11px; font-family:var(--f-display); font-weight:500; font-size:clamp(17px,1.5vw,20px); color:var(--ink);}
.watch-line::before{content:""; width:9px; height:9px; border-radius:50%; background:var(--leaf); box-shadow:0 0 0 0 rgba(51,163,76,.45); animation:pulse 2.4s infinite;}
.watch-socials{display:flex; gap:12px; margin-top:18px;}
.watch-socials a{display:inline-flex; align-items:center; gap:9px; padding:12px 20px; border-radius:999px; border:1.5px solid var(--hairline); background:var(--cream-soft); font-family:var(--f-display); font-weight:500; font-size:15px; color:var(--ink); transition:transform .15s, border-color .15s, color .15s, background .15s;}
.watch-socials a svg{flex:none;}
.watch-socials a:hover{transform:translateY(-1px); border-color:var(--leaf); color:var(--leaf-shadow); background:var(--sage-50);}

/* ---- product panel ---- */
.panel{position:relative; border-radius:26px; overflow:hidden; aspect-ratio:1/1; background:linear-gradient(150deg,#C2603F 0%,#A9502F 100%); box-shadow:0 30px 60px -28px rgba(122,61,19,.5);}
.panel img{width:100%; height:100%; object-fit:cover;}
.panel .badge{position:absolute; left:20px; bottom:20px; display:flex; flex-direction:column; gap:3px; padding:13px 18px; background:rgba(251,246,235,.92); backdrop-filter:blur(4px); border-radius:14px;}
.panel .badge .k{font-family:var(--f-mono); font-size:9.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--muted);}
.panel .badge .v{font-family:var(--f-display); font-weight:600; font-size:16px; color:var(--ink);}
.float{position:absolute; top:18px; right:18px; padding:9px 15px; background:var(--ink); color:var(--cream-soft); border-radius:999px; font-family:var(--f-tag); font-weight:700; font-size:11px; letter-spacing:.12em; text-transform:uppercase;}

/* ---- footer ---- */
footer{display:flex; align-items:center; justify-content:space-between; gap:20px; padding-top:26px; border-top:1px solid var(--hairline); flex-wrap:wrap;}
footer .links{display:flex; gap:22px; font-size:14px; color:var(--ink-soft);}
footer .links a{display:inline-flex; align-items:center; gap:7px; transition:color .15s;}
footer .links a:hover{color:var(--leaf-shadow);}
footer .copy{font-size:13px; color:var(--muted);}

/* ---- responsive ---- */
@media (max-width:900px){
  .shell{padding:26px 22px 30px;}
  .hero{grid-template-columns:1fr; gap:36px; padding:30px 0 20px;}
  .panel{order:-1; max-width:440px; margin:0 auto; width:100%;}
  footer{justify-content:center; text-align:center;}
}
@media (max-width:520px){
  .topbar{flex-wrap:wrap; gap:14px;}
  .topbar .status{display:none;}
  .watch-socials{flex-direction:column;}
  .watch-socials a{justify-content:center;}
  footer .links{flex-direction:column; gap:12px;}
}