:root{--bg:#080706;--panel:#12100d;--gold:#d8b35f;--gold-bright:#f3d98f;--gold-deep:#9f7630;--text:#f7f2e8;--muted:#b7ad9c;--line:rgba(216,179,95,.28);--shadow:0 24px 70px rgba(0,0,0,.55)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at 50% -10%,rgba(216,179,95,.12),transparent 34%),var(--bg);color:var(--text);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}
.page-noise{position:fixed;inset:0;pointer-events:none;opacity:.045;z-index:99;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
.site-header{position:fixed;top:0;left:0;right:0;z-index:30;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:18px clamp(18px,4vw,62px);background:linear-gradient(to bottom,rgba(5,5,5,.9),rgba(5,5,5,.22));backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.04)}
.brand{display:flex;flex-direction:column;line-height:.85;letter-spacing:.12em}.brand span{font-family:Georgia,serif;font-size:1.1rem;font-weight:700;color:var(--gold-bright)}.brand small{margin-top:7px;font-size:.62rem;letter-spacing:.48em;color:#fff}
.main-nav{display:flex;justify-content:center;gap:28px}.main-nav a{font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;color:#ddd4c7;transition:.25s}.main-nav a:hover{color:var(--gold-bright)}
.lang-switch{display:flex;gap:7px}.lang-switch button{border:1px solid var(--line);background:rgba(0,0,0,.35);color:#d9d0c4;padding:7px 9px;cursor:pointer}.lang-switch button.active,.lang-switch button:hover{color:#111;background:linear-gradient(135deg,var(--gold-bright),var(--gold-deep));border-color:transparent}
.hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;isolation:isolate}.hero-image{position:absolute;inset:0;z-index:-4;background:url("../img/dogiwood-shop-hero.webp") center 18%/cover no-repeat;transform:scale(1.02)}
.hero-overlay{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,rgba(4,4,4,.94) 0%,rgba(4,4,4,.74) 38%,rgba(4,4,4,.18) 72%,rgba(4,4,4,.48) 100%),linear-gradient(180deg,rgba(4,4,4,.15),rgba(4,4,4,.2) 58%,rgba(4,4,4,.92) 100%)}
.hero-gold-glow{position:absolute;inset:auto -10% -20% 10%;height:55%;z-index:-2;background:radial-gradient(circle,rgba(243,217,143,.22),transparent 62%);filter:blur(30px)}
.hero-content{width:min(700px,calc(100% - 36px));margin-left:clamp(18px,7vw,110px);padding-top:70px;text-shadow:0 5px 30px rgba(0,0,0,.75)}
.eyebrow{margin:0 0 18px;color:var(--gold-bright);font-size:.76rem;font-weight:700;letter-spacing:.22em}
h1{margin:0;font-family:Georgia,serif;font-size:clamp(4rem,10vw,9rem);line-height:.82;letter-spacing:-.045em}h1 span{color:transparent;-webkit-text-stroke:1.6px var(--gold-bright);text-shadow:0 0 18px rgba(243,217,143,.18),0 0 42px rgba(216,179,95,.14)}
.lead{max-width:620px;margin:26px 0 18px;font-size:clamp(1.05rem,2vw,1.42rem);line-height:1.55}.status-badge{display:inline-flex;align-items:center;gap:10px;margin-top:8px;padding:10px 15px;border:1px solid rgba(243,217,143,.5);background:linear-gradient(135deg,rgba(243,217,143,.14),rgba(159,118,48,.06));text-transform:uppercase;letter-spacing:.14em;font-size:.78rem}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--gold-bright);animation:pulse 1.8s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(243,217,143,.45)}70%{box-shadow:0 0 0 12px rgba(243,217,143,0)}100%{box-shadow:0 0 0 0 rgba(243,217,143,0)}}.construction{margin:16px 0 0;color:var(--muted)}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border:1px solid var(--line);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;transition:.28s}.btn-primary{color:#15110a;background:linear-gradient(135deg,var(--gold-bright),var(--gold) 45%,var(--gold-deep));box-shadow:0 12px 32px rgba(159,118,48,.22)}.btn-primary:hover{transform:translateY(-2px)}.btn-ghost{background:rgba(0,0,0,.28)}.btn-ghost:hover{border-color:var(--gold-bright);color:var(--gold-bright)}
.scroll-cue{position:absolute;left:50%;bottom:26px;width:28px;height:46px;border:1px solid rgba(255,255,255,.35);border-radius:18px;transform:translateX(-50%)}.scroll-cue span{position:absolute;top:8px;left:50%;width:4px;height:8px;border-radius:6px;background:var(--gold-bright);transform:translateX(-50%);animation:scroll 1.8s infinite}@keyframes scroll{0%{opacity:0;transform:translate(-50%,0)}30%{opacity:1}100%{opacity:0;transform:translate(-50%,18px)}}
.portal-section{padding:clamp(80px,10vw,140px) clamp(18px,6vw,92px);background:linear-gradient(180deg,#080706,#0d0b09 48%,#080706)}.section-intro{max-width:780px;margin-bottom:42px}.section-intro h2{margin:0;font-family:Georgia,serif;font-size:clamp(2.3rem,5vw,4.8rem);line-height:1.06}
.portal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.portal-card{position:relative;min-height:290px;padding:26px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.015)),var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);transition:.3s}.portal-card:hover{transform:translateY(-6px);border-color:rgba(243,217,143,.55)}.portal-number{color:var(--gold);font-family:Georgia,serif;font-size:1.2rem}.portal-kicker{margin:0 0 9px;color:var(--gold-bright);font-size:.68rem;letter-spacing:.2em}.portal-card h3{margin:0 0 12px;font-family:Georgia,serif;font-size:2rem}.portal-card p{margin:0;color:var(--muted);line-height:1.6}.portal-arrow{position:absolute;top:22px;right:24px;color:var(--gold-bright);font-size:1.45rem}
footer{display:flex;justify-content:space-between;gap:20px;padding:28px clamp(18px,6vw,92px);border-top:1px solid var(--line);color:var(--muted);font-size:.82rem}footer div{display:flex;flex-direction:column;gap:5px}footer strong{color:var(--gold-bright);letter-spacing:.12em}
@media(max-width:900px){.main-nav{display:none}.site-header{grid-template-columns:1fr auto}.hero-content{margin-inline:18px}.hero-overlay{background:linear-gradient(180deg,rgba(4,4,4,.3),rgba(4,4,4,.58) 38%,rgba(4,4,4,.92) 100%)}.portal-grid{grid-template-columns:1fr}}
@media(max-width:640px){.site-header{padding:14px 16px}.brand span{font-size:.95rem}.hero{align-items:flex-end;padding-bottom:105px}.hero-image{background-position:center top}h1{font-size:clamp(3.6rem,19vw,5.6rem)}.lead{font-size:1rem}.hero-actions{flex-direction:column}.btn{width:100%}footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.status-dot,.scroll-cue span{animation:none}}