:root{--ink:#06100d;--forest:#0b1813;--cream:#f4ead8;--gold:#d2a652;--purple:#946cc0;--line:rgba(244,234,216,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#07110e;color:var(--cream);font-family:Inter,sans-serif;line-height:1.65;overflow-x:hidden}body.locked{overflow:hidden}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.forest-bg{position:fixed;inset:0;z-index:-3;overflow:hidden;background:radial-gradient(circle at 50% 7%,rgba(212,178,107,.16),transparent 24%),linear-gradient(#101827,#07110e 55%,#040906)}
.forest-bg:before{content:"";position:absolute;inset:20% 0 0;background:repeating-linear-gradient(87deg,transparent 0 7%,rgba(1,8,6,.65) 7.5% 8.7%,transparent 9% 13%);opacity:.45;filter:blur(2px)}
.moon-glow{position:absolute;width:42vw;height:42vw;max-width:560px;max-height:560px;border-radius:50%;left:53%;top:-18%;background:radial-gradient(circle,#fff7d7 0,#d9b269 35%,rgba(210,166,82,.12) 68%,transparent 70%);filter:blur(3px)}
.mist{position:absolute;width:130%;height:22%;left:-15%;border-radius:50%;background:rgba(207,224,215,.06);filter:blur(34px);animation:mist 16s ease-in-out infinite}.mist-a{top:42%}.mist-b{top:70%;animation-delay:-8s}@keyframes mist{50%{transform:translateX(8%)}}
.edge-briar{position:absolute;top:0;bottom:0;width:120px;opacity:.7;background:repeating-linear-gradient(68deg,transparent 0 24px,#17271e 25px 29px,transparent 31px 50px)}.edge-briar.left{left:-25px}.edge-briar.right{right:-25px;transform:scaleX(-1)}
.firefly{position:fixed;width:5px;height:5px;border-radius:50%;background:#ffe39d;box-shadow:0 0 15px 5px rgba(255,224,144,.45);animation:fly var(--duration) ease-in-out infinite;left:var(--x);top:var(--y);opacity:.7}@keyframes fly{50%{transform:translate(var(--dx),var(--dy));opacity:.25}}
.briar-gate{position:fixed;inset:0;z-index:100;background:radial-gradient(circle at 50% 55%,rgba(210,166,82,.1),transparent 25%),#040806;display:grid;place-items:center;overflow:hidden;transition:opacity 1s ease,visibility 1s ease}.briar-gate.open{opacity:0;visibility:hidden;pointer-events:none}
.gate-branch{position:absolute;top:-10%;bottom:-10%;width:58%;background:repeating-linear-gradient(55deg,transparent 0 24px,#111c15 25px 39px,#324131 40px 42px,transparent 43px 62px);filter:drop-shadow(0 0 25px #000);transition:transform 2.2s cubic-bezier(.65,0,.25,1)}.branch-left{left:-5%;transform:rotate(-6deg)}.branch-right{right:-5%;transform:scaleX(-1) rotate(-6deg)}.briar-gate.parting .branch-left{transform:translateX(-105%) rotate(-10deg)}.briar-gate.parting .branch-right{transform:translateX(105%) scaleX(-1) rotate(-10deg)}
.gate-branch:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 40% 40%,#263927 0 6px,transparent 7px);background-size:54px 46px;opacity:.8}
.gate-glow{position:absolute;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,#ffeab7,rgba(210,166,82,.28) 35%,transparent 70%);filter:blur(6px);animation:pulse 2.8s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.12);opacity:.75}}
.gate-content{z-index:3;text-align:center;padding:20px}.gate-content p{font:600 clamp(1.8rem,4vw,3rem) "Cormorant Garamond";margin-bottom:22px}.gate-content small{display:block;margin-top:14px;letter-spacing:.2em;text-transform:uppercase;color:#cbbd9f}.lantern-button{border:1px solid var(--gold);border-radius:999px;padding:16px 28px;background:rgba(12,23,18,.88);color:var(--cream);cursor:pointer;box-shadow:0 0 45px rgba(210,166,82,.25)}.lantern-icon{color:#ffd87e;margin-right:10px}
.site-header{position:fixed;inset:0 0 auto;z-index:30;height:82px;padding:14px clamp(18px,5vw,70px);display:flex;align-items:center;justify-content:space-between;background:rgba(5,13,10,.72);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font:600 1.45rem "Cormorant Garamond"}.brand img{width:48px;height:48px;border-radius:50%;object-fit:cover}.site-nav{display:flex;gap:26px;align-items:center;font-size:.9rem}.nav-cta{border:1px solid var(--gold);border-radius:999px;padding:9px 16px}.menu-button{display:none;background:none;border:0}.menu-button span{display:block;width:27px;height:2px;background:var(--cream);margin:6px}
.section{padding:clamp(85px,10vw,140px) clamp(22px,7vw,105px)}.hero{min-height:100vh;padding-top:120px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px}.hero-copy{max-width:740px}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:.74rem;color:var(--gold);font-weight:600}h1,h2,h3{font-family:"Cormorant Garamond";line-height:1.04;margin:.25em 0}h1{font-size:clamp(3.6rem,8vw,7.2rem)}h1 em{color:#dbc89f;font-weight:500}h2{font-size:clamp(2.7rem,5vw,4.9rem)}h3{font-size:2rem}.hero-intro{font-size:1.15rem;color:rgba(244,234,216,.76)}.actions,.product-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:999px;border:1px solid transparent;font-weight:600;cursor:pointer}.primary,.paypal{background:linear-gradient(135deg,#b88939,#dfbc70);color:#15130d}.ghost{border-color:var(--line);background:rgba(255,255,255,.03)}.hero-art{position:relative;max-width:650px;margin:auto}.hero-art img{position:relative;z-index:2;filter:drop-shadow(0 25px 55px #000)}.thorn-ring{position:absolute;inset:5%;border:9px double rgba(42,65,46,.9);border-radius:48% 52% 55% 45%;transform:rotate(-5deg);box-shadow:0 0 65px rgba(148,108,192,.18)}.thorn-ring:before,.thorn-ring:after{content:"";position:absolute;inset:-25px;border:2px dashed rgba(210,166,82,.28);border-radius:50%;transform:rotate(18deg)}
.briar-divider{height:70px;position:relative;display:grid;place-items:center;color:var(--gold)}.briar-divider:before,.briar-divider:after{content:"";position:absolute;top:50%;width:44%;height:25px;border-top:3px solid #25382a;background:repeating-linear-gradient(30deg,transparent 0 18px,#25382a 19px 22px,transparent 23px 36px)}.briar-divider:before{left:0}.briar-divider:after{right:0;transform:scaleX(-1)}
.section-heading{max-width:820px;margin:0 auto 45px;text-align:center}.section-heading>p:last-child{color:rgba(244,234,216,.7)}.transition-photo{max-width:1000px;margin:auto;border:1px solid rgba(210,166,82,.4);border-radius:26px;overflow:hidden;box-shadow:0 25px 80px #000}.transition-photo img{width:100%;max-height:720px;object-fit:cover}.transition-photo figcaption{display:flex;justify-content:space-between;padding:12px 18px;background:#08110d;text-transform:uppercase;letter-spacing:.12em;font-size:.74rem;color:#dbc89f}.magic-note{max-width:760px;margin:30px auto 0;text-align:center;font-size:1.1rem}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1280px;margin:auto}.product-card{background:rgba(245,237,217,.045);border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 25px 65px rgba(0,0,0,.28)}.product-card>img{width:100%;height:340px;object-fit:cover}.product-body{padding:27px}.product-body>p{color:rgba(244,234,216,.72)}.price{font-weight:600;color:#dbc89f;margin-top:18px}.disabled-paypal{opacity:.48;pointer-events:none}.studio-gallery{max-width:1120px;margin:55px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:28px;border:1px solid var(--line);border-radius:26px;background:rgba(255,255,255,.025)}.studio-gallery img{border-radius:18px;max-height:580px;width:100%;object-fit:cover}
.pawdrey{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}.pawdrey img{max-height:650px;margin:auto}.pawdrey p{font-size:1.08rem;color:rgba(244,234,216,.73)}blockquote{border-left:2px solid var(--gold);padding-left:20px;margin-left:0;font:italic 1.7rem "Cormorant Garamond";color:#dbc89f}.contact-card{max-width:780px;margin:auto;padding:clamp(28px,6vw,64px);border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.04)}form{display:grid;gap:17px}label{display:grid;gap:7px;color:#dbc89f;font-size:.85rem}input,textarea,select{background:#07100d;color:var(--cream);border:1px solid var(--line);border-radius:13px;padding:13px}footer{text-align:center;padding:65px 20px;background:#030806;border-top:1px solid var(--line)}footer img{width:76px;height:76px;border-radius:50%;margin:0 auto 15px}.reveal{opacity:0;transform:translateY(22px);transition:.8s}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.site-nav{display:none;position:absolute;top:74px;left:16px;right:16px;flex-direction:column;align-items:stretch;background:#08120e;padding:20px;border-radius:16px;border:1px solid var(--line)}.site-nav.open{display:flex}.menu-button{display:block}.hero,.pawdrey{grid-template-columns:1fr;text-align:center}.actions{justify-content:center}.product-grid{grid-template-columns:1fr}.studio-gallery{grid-template-columns:1fr}.hero-art{max-width:510px}.edge-briar{width:62px;opacity:.38}}
@media(max-width:550px){h1{font-size:3.35rem}.section{padding-inline:18px}.product-card>img{height:280px}.product-actions .button{width:100%}.gate-content p{font-size:2rem}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
.brand img, footer img{
  border-radius:50%;
  aspect-ratio:1;
  object-fit:cover;
  border:2px solid rgba(210,166,82,.65);
}
.etsy{border-color:#d09a62;background:rgba(208,154,98,.11);color:#f1d2ad}
.disabled-etsy{opacity:.48;pointer-events:none}
.lantern-button{position:relative;overflow:visible}
.crow{position:absolute;width:32px;height:20px;left:-18px;top:-13px;background:#050505;border-radius:55% 45% 45% 55%;transform:rotate(-8deg);filter:drop-shadow(0 2px 2px rgba(0,0,0,.8))}
.crow:before{content:"";position:absolute;width:12px;height:10px;right:-7px;top:2px;background:#050505;border-radius:65% 35% 45% 55%}
.crow:after{content:"";position:absolute;right:-13px;top:5px;border-left:8px solid #050505;border-top:3px solid transparent;border-bottom:3px solid transparent}
.crow-wing{position:absolute;width:17px;height:10px;left:5px;top:4px;background:#151515;border-radius:70% 20% 70% 30%;transform:rotate(18deg)}
.crow-wing:after{content:"";position:absolute;width:2px;height:8px;left:4px;top:11px;background:#050505;box-shadow:6px 0 #050505}

/* V5: denser, clearly thorned Briar Gate */
.briar-gate{
  background:
    radial-gradient(circle at 50% 55%,rgba(210,166,82,.13),transparent 24%),
    linear-gradient(180deg,#020504,#06100d 70%,#020504);
}
.gate-branch{
  width:64%;
  top:-14%;
  bottom:-14%;
  background:none;
  filter:drop-shadow(0 0 30px #000);
}
.gate-branch::before,
.gate-branch::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    /* main looping thorn vines */
    repeating-radial-gradient(
      ellipse at 18% 52%,
      transparent 0 28px,
      #17120d 30px 35px,
      #5a3b21 36px 38px,
      transparent 40px 67px
    ),
    repeating-radial-gradient(
      ellipse at 70% 35%,
      transparent 0 35px,
      #100d09 37px 43px,
      #4c321d 44px 46px,
      transparent 48px 82px
    ),
    /* thorn spikes */
    repeating-conic-gradient(
      from 18deg at 50% 50%,
      transparent 0deg 10deg,
      rgba(30,20,12,.98) 11deg 13deg,
      transparent 14deg 27deg
    );
  background-size:180px 160px,230px 210px,72px 72px;
  opacity:.98;
}
.gate-branch::after{
  inset:-3%;
  background:
    radial-gradient(ellipse at 18% 22%,#263b26 0 7px,transparent 8px),
    radial-gradient(ellipse at 62% 54%,#31452d 0 8px,transparent 9px),
    radial-gradient(ellipse at 35% 79%,#1f3524 0 7px,transparent 8px),
    radial-gradient(circle at 48% 28%,rgba(255,223,135,.9) 0 2px,transparent 4px),
    radial-gradient(circle at 74% 66%,rgba(255,223,135,.8) 0 2px,transparent 4px);
  background-size:86px 74px,105px 88px,96px 82px,120px 120px,150px 150px;
  opacity:.72;
}
.branch-left{left:-8%;transform:rotate(-4deg)}
.branch-right{right:-8%;transform:scaleX(-1) rotate(-4deg)}
.briar-gate.parting .branch-left{transform:translateX(-112%) rotate(-12deg)}
.briar-gate.parting .branch-right{transform:translateX(112%) scaleX(-1) rotate(-12deg)}
.gate-content{
  padding:28px;
  border-radius:28px;
  background:rgba(3,9,7,.33);
  backdrop-filter:blur(4px);
  box-shadow:0 0 80px rgba(0,0,0,.45);
}
.gate-content p{
  text-shadow:0 3px 18px #000;
}
.lantern-button{
  box-shadow:0 0 30px rgba(210,166,82,.36),0 0 70px rgba(210,166,82,.16);
}
.hero-art img,
.pawdrey img{
  border-radius:50%;
  aspect-ratio:1;
  object-fit:cover;
  border:2px solid rgba(210,166,82,.5);
  box-shadow:0 0 55px rgba(210,166,82,.16);
}