:root { --ink:#120e0c; --espresso:#211713; --cream:#f4ecdf; --paper:#fbf7f0; --gold:#caa45f; --pale-gold:#ead4a6; --muted:#9a7b63; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; min-width:320px; color:var(--ink); background:radial-gradient(circle at 50% 0,rgba(202,164,95,.24),transparent 32%),linear-gradient(145deg,#130e0c,#312019 52%,#0d0a09); font-family:"DM Sans",sans-serif; font-size:16px; }
a { color:inherit; }
.shell { width:100%; padding:clamp(18px,4vw,48px); }
.profile-card { width:min(100%,760px); margin:0 auto; overflow:hidden; background:var(--paper); border:1px solid rgba(234,212,166,.38); border-radius:28px; box-shadow:0 34px 110px rgba(0,0,0,.52),0 0 0 1px rgba(202,164,95,.08); }
.topbar { height:66px; display:flex; align-items:center; justify-content:space-between; padding:0 26px; color:var(--pale-gold); background:#120e0c; border-bottom:1px solid rgba(202,164,95,.24); }
.edition { font-size:.69rem; font-weight:600; letter-spacing:.22em; }
.share { display:grid; place-items:center; width:34px; height:34px; color:var(--pale-gold); border:1px solid rgba(234,212,166,.4); border-radius:50%; text-decoration:none; transition:.2s ease; }
.share:hover { color:#120e0c; background:var(--gold); border-color:var(--gold); }
.cover { position:relative; height:clamp(540px,92vw,760px); overflow:hidden; background:#171310; }
.cover>img { width:100%; height:100%; display:block; object-fit:cover; object-position:center 35%; }
.cover::before { content:""; position:absolute; inset:0; z-index:1; pointer-events:none; background:radial-gradient(circle at 92% 17%,rgba(226,181,95,.18) 0 1px,transparent 2px),radial-gradient(circle at 8% 42%,rgba(255,218,145,.13) 0 2px,transparent 4px),radial-gradient(ellipse at 100% 28%,rgba(196,140,54,.12),transparent 28%),radial-gradient(ellipse at 0 66%,rgba(238,190,103,.08),transparent 25%); filter:drop-shadow(0 0 12px rgba(211,158,65,.16)); }
.cover::after { content:""; position:absolute; inset:0; z-index:1; pointer-events:none; box-shadow:inset 0 0 48px rgba(204,151,63,.12); }
.cover-shade { position:absolute; inset:0; z-index:2; background:linear-gradient(to bottom,rgba(5,4,3,.08) 25%,rgba(5,4,3,.16) 58%,rgba(5,4,3,.88) 100%); }
.cover-copy { position:absolute; z-index:3; inset:auto 28px 30px; color:#fff; }
.cover-copy p,.cover-copy span { margin:0; font-size:.66rem; font-weight:600; letter-spacing:.17em; }
.cover-copy h1 { margin:8px 0 18px; font:400 clamp(4.7rem,17vw,8.7rem)/.73 "Italiana",serif; letter-spacing:-.05em; text-shadow:0 3px 25px rgba(0,0,0,.28); }
.intro { padding:46px 28px 50px; text-align:center; color:var(--cream); background:linear-gradient(145deg,#17110e,#241814); border-bottom:1px solid rgba(202,164,95,.26); }
.statement { max-width:560px; margin:0 auto 25px; font:400 clamp(1.9rem,5vw,2.8rem)/1.13 "Italiana",serif; }
.instagram { display:flex; align-items:center; justify-content:space-between; width:min(100%,410px); margin:auto; padding:17px 19px; color:#17110e; background:linear-gradient(105deg,#b98c45,#ead4a6 52%,#bd914d); text-decoration:none; font-size:.86rem; font-weight:600; letter-spacing:.04em; box-shadow:0 12px 34px rgba(0,0,0,.28); }
.shop { padding:62px 28px 68px; background:linear-gradient(160deg,#fbf7f0,#f0e5d4); }
.section-heading p,.future>p { margin:0 0 9px; color:#95713d; font-size:.68rem; font-weight:600; letter-spacing:.22em; }
.section-heading h2,.future h2 { margin:0 0 30px; font:400 clamp(2.3rem,7vw,3.9rem)/1 "Italiana",serif; }
.product-card { display:grid; grid-template-columns:.72fr 1fr; overflow:hidden; border:1px solid rgba(102,70,38,.22); background:#f8f1e7; box-shadow:0 24px 58px rgba(65,42,25,.13); }
.product-card-secondary { margin-top:28px; }
.product-image { min-height:410px; overflow:hidden; background:#d7cbc1; }
.product-image img { width:100%; height:100%; object-fit:cover; display:block; }
.growth-cover { display:flex; align-items:center; min-height:0; aspect-ratio:9/16; background:#110d0b; }
.growth-cover img { width:100%; height:100%; object-fit:cover; }
.blueprint-art { position:relative; isolation:isolate; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; min-height:520px; padding:30px 20px 28px; color:#f8f0df; text-align:center; background:radial-gradient(circle at 50% 28%,#4a3426 0,rgba(37,25,19,.98) 32%,#120e0c 68%),#120e0c; }
.blueprint-art::before { content:""; position:absolute; inset:18px; z-index:-1; border:1px solid rgba(216,177,101,.45); box-shadow:inset 0 0 42px rgba(190,135,54,.12); }
.blueprint-art::after { content:"✦"; position:absolute; top:24px; right:27px; color:#d8ae67; font-size:.72rem; text-shadow:-210px 150px 18px rgba(236,196,119,.58); }
.blueprint-monogram { position:absolute; top:30px; left:50%; z-index:-1; translate:-50% 0; color:transparent; font:400 7rem/1 "Italiana",serif; letter-spacing:-.14em; -webkit-text-stroke:1px rgba(216,177,101,.38); }
.blueprint-portrait { position:absolute; top:42px; left:50%; z-index:-1; width:82%; aspect-ratio:1/1; translate:-50% 0; overflow:hidden; border:1px solid rgba(246,219,164,.72); border-radius:50%; box-shadow:0 0 0 7px rgba(173,117,44,.16),0 0 55px rgba(207,155,74,.2); }
.blueprint-portrait img { object-position:center 23%; filter:saturate(.94) contrast(1.02); }
.blueprint-kicker { margin-bottom:9px; color:#d9b573; font-size:.57rem; font-weight:600; letter-spacing:.25em; }
.blueprint-title { text-shadow:0 3px 24px #000; }
.blueprint-title span { display:block; font:400 1.22rem/1.1 "Italiana",serif; letter-spacing:.02em; }
.blueprint-title strong { display:block; font:400 3.05rem/.9 "Italiana",serif; letter-spacing:-.035em; }
.blueprint-rule { width:72%; height:1px; margin:16px auto 12px; background:linear-gradient(90deg,transparent,#d6aa63 18%,#f0d39d 50%,#d6aa63 82%,transparent); }
.blueprint-subtitle { color:#cdb994; font-size:.48rem; font-weight:600; letter-spacing:.17em; }
.blueprint-descriptor { max-width:92%; margin-top:13px; color:#ead4a6; font-size:.43rem; font-weight:600; line-height:1.55; letter-spacing:.11em; }
.product-info { display:flex; flex-direction:column; justify-content:center; padding:34px; background:linear-gradient(145deg,#fbf7f0,#f2e8da); }
.label { color:#8e6c3d; font-size:.67rem; font-weight:600; letter-spacing:.16em; }
.product-info h3 { margin:12px 0; font:400 2.2rem/1 "Italiana",serif; }
.product-info p { margin:0; color:#635951; font-size:.9rem; line-height:1.6; }
.price-row { display:flex; align-items:baseline; justify-content:space-between; gap:14px; margin:24px 0 16px; }
.price-row strong { font:400 1.9rem "Italiana",serif; }
.price-row span { color:#74685f; font-size:.7rem; }
.buy-button { display:block; width:100%; box-sizing:border-box; padding:16px; border:1px solid rgba(234,212,166,.25); color:var(--pale-gold); background:linear-gradient(110deg,#17110e,#2b1d17); font:600 .72rem "DM Sans",sans-serif; letter-spacing:.14em; text-align:center; text-decoration:none; transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.buy-button:hover,.buy-button:focus-visible { transform:translateY(-2px); border-color:var(--gold); box-shadow:0 12px 28px rgba(54,35,24,.2); outline:none; }
.buy-button-preview { cursor:default; opacity:.74; }
.buy-button-preview:hover { transform:none; border-color:rgba(234,212,166,.25); box-shadow:none; }
.future { padding:78px 28px; text-align:center; color:var(--cream); background:radial-gradient(circle at 50% 0,rgba(202,164,95,.18),transparent 42%),#120e0c; border-top:1px solid rgba(202,164,95,.24); }
.future h2 { margin-bottom:0; }
.future em { color:var(--pale-gold); font-style:italic; }
footer { display:flex; justify-content:space-between; gap:20px; padding:24px 26px; color:#cdbb9b; background:#0d0a09; border-top:1px solid rgba(202,164,95,.22); font-size:.63rem; font-weight:600; letter-spacing:.15em; }
@media (max-width:620px) {
  .shell { padding:0; }
  .profile-card { border-radius:0; }
  .cover { height:78vh; min-height:540px; max-height:700px; }
  .product-card { grid-template-columns:1fr; }
  .product-image { min-height:0; aspect-ratio:3/4; }
  .growth-cover { aspect-ratio:9/16; }
  .product-image img { object-position:center 28%; }
  .price-row { align-items:flex-end; }
  footer { flex-direction:column; }
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}