@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Noto+Serif+SC:wght@500;700&family=Playfair+Display:ital,wght@0,500;1,500&display=swap');
:root { --ink:#08090b; --paper:#e9e3d7; --cream:#f4eee2; --muted:#aaa69f; --plum:#65434f; --line:rgba(235,228,215,.18); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--ink); color:var(--cream); font-family:"DM Sans",sans-serif; overflow-x:hidden; }
a { color:inherit; text-decoration:none; }
button { color:inherit; }
img { display:block; width:100%; }
.nav { position:absolute; z-index:20; top:0; left:0; width:100%; height:92px; display:flex; align-items:center; justify-content:space-between; padding:0 4.5vw; border-bottom:1px solid var(--line); }
.brand { display:inline-flex; align-items:center; gap:12px; }
.brand span { font-family:"Noto Serif SC",serif; font-size:28px; font-weight:700; letter-spacing:.05em; }
.brand small { font-size:10px; letter-spacing:.38em; color:#c5beb4; }
.nav-links { display:flex; align-items:center; gap:36px; font-size:12px; text-transform:uppercase; letter-spacing:.14em; }
.nav-links a { transition:opacity .25s ease; }
.nav-links a:hover { opacity:.62; }
.nav-cta { border:1px solid rgba(255,255,255,.55); padding:13px 17px; }
.nav-cta span { margin-left:22px; }
.menu-button { display:none; border:0; background:none; width:42px; height:42px; padding:12px 4px; }
.menu-button i { display:block; height:1px; background:white; margin:7px 0; }
.hero { min-height:100svh; position:relative; display:flex; align-items:center; overflow:hidden; }
.hero-media,.hero-media img { position:absolute; inset:0; width:100%; height:100%; }
.hero-media img { object-fit:cover; object-position:center; }
.hero-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(2,3,5,.74) 0%,rgba(2,3,5,.24) 50%,rgba(2,3,5,.4) 100%),linear-gradient(0deg,rgba(2,3,5,.65),transparent 45%); }
.hero-content { z-index:2; margin-left:7.5vw; padding-top:62px; }
.eyebrow,.kicker { font-size:11px; letter-spacing:.3em; font-weight:600; color:#cac2b8; }
.hero h1 { display:flex; align-items:baseline; gap:22px; margin:20px 0 2px; }
.hero h1 span { font-family:"Noto Serif SC",serif; font-size:clamp(74px,9vw,144px); line-height:.95; text-shadow:0 6px 40px rgba(0,0,0,.6); }
.hero h1 em { font-style:normal; font-weight:300; font-size:clamp(22px,2.6vw,40px); letter-spacing:.48em; color:#d1c9bc; }
.hero-line { font-family:"Playfair Display",serif; font-size:clamp(28px,3.1vw,50px); line-height:1.06; margin:18px 0 36px; }
.primary-button { display:inline-flex; align-items:center; gap:52px; background:var(--cream); color:#111214; padding:17px 21px; font-size:11px; font-weight:600; text-transform:uppercase; letter-spacing:.16em; transition:transform .25s ease,background .25s ease; }
.primary-button:hover { transform:translateY(-3px); background:#fff; }
.hero-foot { position:absolute; z-index:2; bottom:0; left:0; right:0; display:flex; justify-content:space-between; padding:24px 4.5vw; border-top:1px solid var(--line); font-size:10px; letter-spacing:.2em; }
.ticker { overflow:hidden; background:var(--paper); color:#151619; padding:17px 0; white-space:nowrap; }
.ticker div { font-size:12px; letter-spacing:.28em; animation:ticker 24s linear infinite; width:max-content; }
.ticker b { color:var(--plum); margin:0 28px; }
@keyframes ticker { to { transform:translateX(-50%); } }
.section-grid { display:grid; grid-template-columns:minmax(130px,1fr) minmax(420px,4fr) minmax(230px,1.6fr); gap:4vw; padding:140px 5vw; }
.section-number { font-size:10px; color:#817f7b; letter-spacing:.22em; padding-top:10px; }
.story { background:#0d0e11; min-height:760px; align-items:start; }
.story-copy { max-width:760px; }
.story h2,.details h2,.drop h2,.gallery h2 { font-family:"Playfair Display",serif; font-weight:500; font-size:clamp(50px,6vw,92px); line-height:.98; margin:26px 0 54px; letter-spacing:-.03em; }
.story .lead { max-width:700px; font-size:clamp(21px,2vw,31px); line-height:1.42; color:#dcd5c9; }
.story-copy>p:last-child { max-width:580px; font-size:14px; line-height:1.9; color:var(--muted); }
.story-stat { margin-top:190px; border-top:1px solid var(--line); padding-top:20px; }
.story-stat strong { display:block; font-family:"Playfair Display",serif; font-size:58px; font-weight:500; }
.story-stat span { color:var(--muted); font-size:12px; line-height:1.5; text-transform:uppercase; letter-spacing:.12em; }
.gallery { background:var(--paper); color:#111214; padding:130px 5vw; }
.gallery-heading { display:flex; align-items:end; justify-content:space-between; margin-bottom:65px; }
.gallery-heading h2 { margin:24px 0 0; }
.gallery-heading h2 i { color:var(--plum); }
.gallery-heading>p { max-width:280px; font-size:13px; line-height:1.7; color:#66645f; margin-bottom:16px; }
.art-grid { display:grid; grid-template-columns:repeat(12,1fr); gap:22px; align-items:start; }
.art-card { grid-column:span 4; margin-bottom:56px; }
.card-2,.card-5 { margin-top:70px; }
.art-image { overflow:hidden; background:#17181c; }
.art-image img { aspect-ratio:1; object-fit:cover; transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s ease; }
.art-card:hover img { transform:scale(1.035); filter:brightness(1.08); }
.art-meta { position:relative; padding:17px 2px 0; border-top:1px solid #aaa69e; margin-top:11px; }
.art-meta h3 { margin:0 0 7px; font-size:14px; letter-spacing:.08em; }
.art-meta p { margin:0; color:#706d67; font-size:10px; text-transform:uppercase; letter-spacing:.13em; }
.art-meta span { position:absolute; top:15px; right:3px; }
.details { background:#111216; grid-template-columns:minmax(130px,1fr) minmax(360px,2fr) minmax(380px,2.2fr); padding-bottom:90px; }
.details h2 { font-size:clamp(44px,4.5vw,72px); }
.trait-list { border-top:1px solid var(--line); }
.trait-list div { display:grid; grid-template-columns:46px 1fr 20px; align-items:center; border-bottom:1px solid var(--line); padding:22px 0; }
.trait-list span { color:#777875; font-size:9px; }
.trait-list strong { font-family:"Playfair Display",serif; font-size:21px; font-weight:500; }
.trait-list i { font-style:normal; color:#8e8b85; }
.process-note { grid-column:2/3; margin-top:70px; border-left:1px solid var(--plum); padding-left:28px; max-width:600px; color:var(--muted); font-size:13px; line-height:1.9; }
.drop { min-height:760px; position:relative; display:flex; align-items:center; justify-content:center; text-align:center; overflow:hidden; }
.drop>img { position:absolute; inset:0; height:100%; object-fit:cover; filter:brightness(.68); transform:scale(1.025); }
.drop-overlay { position:absolute; inset:0; background:radial-gradient(circle,rgba(0,0,0,.1),rgba(0,0,0,.72)); }
.drop-content { position:relative; z-index:2; }
.drop h2 { font-size:clamp(58px,7vw,105px); margin:25px 0 48px; }
.drop-actions { display:flex; align-items:center; justify-content:center; gap:30px; }
.drop-actions>a { font-size:11px; text-transform:uppercase; letter-spacing:.15em; border-bottom:1px solid #aaa; padding-bottom:7px; }
.primary-button.muted { cursor:default; background:#dad3c7; color:#26272a; }
footer { padding:65px 5vw 30px; background:#08090b; display:grid; grid-template-columns:1fr 1fr; gap:65px; align-items:start; border-top:1px solid var(--line); }
footer>p { margin:6px 0 0; color:var(--muted); max-width:300px; font-size:12px; line-height:1.6; }
footer>div { grid-column:1/-1; display:flex; justify-content:space-between; gap:24px; flex-wrap:wrap; border-top:1px solid var(--line); padding-top:22px; color:#777875; font-size:10px; text-transform:uppercase; letter-spacing:.14em; }
.reveal { opacity:0; transform:translateY(26px); transition:opacity .8s ease,transform .8s ease; }
.reveal.visible { opacity:1; transform:translateY(0); }
@media(max-width:820px){
  .nav{height:72px;padding:0 22px}.menu-button{display:block;position:relative;z-index:3}.nav-links{position:fixed;inset:0;background:rgba(8,9,11,.97);flex-direction:column;justify-content:center;font-size:16px;opacity:0;pointer-events:none;transition:opacity .3s ease}.nav-links.open{opacity:1;pointer-events:auto}.nav-cta{margin-top:20px}.hero{min-height:780px}.hero-media img{object-position:48% center}.hero-shade{background:linear-gradient(0deg,rgba(2,3,5,.82),rgba(2,3,5,.16) 80%)}.hero-content{margin:auto 24px 92px;align-self:flex-end}.hero h1{gap:13px}.hero h1 em{font-size:20px}.section-grid{grid-template-columns:1fr;padding:90px 24px;gap:35px}.story-stat{margin-top:30px}.gallery{padding:90px 18px}.gallery-heading{align-items:start;flex-direction:column}.art-grid{grid-template-columns:repeat(2,1fr);gap:11px}.art-card{grid-column:span 1;margin-bottom:26px}.card-2,.card-5{margin-top:38px}.art-meta p{display:none}.details{grid-template-columns:1fr}.process-note{grid-column:auto;margin-top:20px}.drop{min-height:700px;padding:24px}.drop>img{object-position:center}.drop-actions{flex-direction:column}footer{grid-template-columns:1fr;gap:25px;padding:50px 24px 28px}footer>div{grid-column:auto;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}