:root{color-scheme:dark;--green:#102b25;--cream:#f6efdf;--gold:#d5b66d;--muted:#c0c9bd;--line:rgba(213,182,109,.28)}
*{box-sizing:border-box}
html{min-width:280px;background:var(--green)}
body{margin:0;min-height:100svh;color:var(--cream);font-family:Arial,Helvetica,sans-serif;background:radial-gradient(ellipse at 50% 0%,rgba(213,182,109,.12),transparent 55%),radial-gradient(ellipse at 100% 100%,rgba(213,182,109,.05),transparent 50%),var(--green)}
.hub{width:min(100%,492px);margin:auto;padding:42px 26px 24px}
header{text-align:center}
.eyebrow{margin:0 0 10px;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}
h1{margin:0;line-height:0}
.logo{display:block;width:250px;max-width:90%;height:auto;margin:0 auto}
.intro{font-family:Georgia,'Times New Roman',serif;font-size:23px;line-height:1.35;font-weight:400;margin:15px 0 30px;letter-spacing:-.02em}
.intro em{font-weight:400;color:#ded5bd}
.link{display:flex;align-items:center;gap:16px;width:100%;text-decoration:none;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.link:focus-visible{outline:3px solid var(--cream);outline-offset:5px}
.shop{min-height:84px;padding:17px 23px;background:var(--cream);color:var(--green);border:1px solid var(--cream);border-radius:9px;box-shadow:0 8px 30px #06171033}
.shop strong{display:block;font-size:18px;font-weight:600;letter-spacing:.015em}
.shop small{display:block;font-size:12px;margin-top:5px;color:#486154}
.icon{width:22px;height:22px;flex-shrink:0}
.arrow{width:23px;height:23px;margin-left:auto;flex-shrink:0}
.divider{display:flex;align-items:center;gap:17px;margin:28px 0 17px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.18em}
.divider:before,.divider:after{content:'';height:1px;background:var(--line);flex:1}
.social{border:1px solid var(--line);border-radius:9px;min-height:64px;padding:15px 20px;margin-top:11px;color:var(--cream);background:#ffffff03;font-size:15px}
.social .icon{color:var(--gold);width:20px;height:20px}
.handle{margin-left:auto;color:var(--muted);font-size:11px;letter-spacing:.015em}
.external{color:var(--gold);width:18px;height:18px;flex-shrink:0}
footer{text-align:center;padding-top:29px;color:var(--gold)}
.ornament{font-size:13px}
footer p{font-size:9px;letter-spacing:.22em;text-transform:uppercase;margin:11px 0 0;color:var(--muted)}
@media(hover:hover){.shop:hover{background:#e6d3a3;border-color:#e6d3a3;transform:translateY(-2px)}.social:hover{background:#ffffff0b;border-color:var(--gold);transform:translateY(-2px)}}
@media(min-width:700px){.hub{padding-top:60px;padding-bottom:35px}}
@media(max-width:350px){.hub{padding-left:18px;padding-right:18px}.social{gap:12px;padding-left:16px;padding-right:16px}.handle{font-size:10px}.intro{font-size:21px}}
@media(prefers-reduced-motion:reduce){.link{transition:none}.link:hover{transform:none}}