/* Lycheetah storefront shell. Palette and type from storefront/DROPFRAME-DESIGN.md (Cael's direction). */
:root{color-scheme:dark;--black:#080809;--panel:#101012;--deep:#0c0c0e;--ivory:#eae4d8;--silver:#bcb7b0;--dim:#a39d95;--gold:#b79b70;--line:#2c2b2a;--serif:Baskerville,'Palatino Linotype','Book Antiqua',Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--ivory);font:16px/1.7 system-ui,-apple-system,'Segoe UI',Arial,sans-serif}
a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--ivory);outline-offset:6px}
img{max-width:100%;height:auto;display:block}
.skip{position:absolute;left:10px;top:-100px;z-index:10;background:var(--ivory);color:#000;padding:10px}.skip:focus{top:10px}
.preview{padding:6px 16px;text-align:center;font-size:11px;letter-spacing:.09em;color:var(--dim);background:#161517;border-bottom:1px solid #242225}
.announcement{text-align:center;font-size:11px;letter-spacing:.26em;text-transform:uppercase;padding:10px 16px;color:var(--silver)}
header.site{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 5vw;border-bottom:1px solid var(--line)}
.wordmark{width:190px}
nav.main{display:flex;align-items:center;gap:30px;font-size:11px;letter-spacing:.15em;text-transform:uppercase}
nav.main a{padding:6px 0;border-bottom:1px solid transparent;color:var(--silver)}
nav.main a:hover,nav.main a[aria-current=page]{border-color:var(--gold);color:var(--ivory)}
.eyebrow{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
h1,h2,h3,.statement{font-family:var(--serif);font-weight:400}
p{color:var(--silver)}
.button{display:inline-flex;align-items:center;gap:28px;padding:14px 22px;border:1px solid #8e877c;font-size:11px;letter-spacing:.15em;text-transform:uppercase;margin-top:28px;background:#0b0a0acc;color:var(--ivory)}
.button:hover{background:var(--ivory);color:var(--black)}
/* hero */
.hero{position:relative;min-height:640px;height:80vh;max-height:900px;display:flex;align-items:center;overflow:hidden;background:#020203}
.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:75% 45%}
.hero-video{opacity:0;transition:opacity 1.4s ease}.hero-video.on{opacity:1}
.hero-pause{position:absolute;z-index:2;top:18px;right:5vw;font:11px/1 inherit;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);background:rgba(8,8,9,.55);border:1px solid rgba(188,183,176,.3);padding:9px 12px;cursor:pointer}
.hero-pause:focus-visible{outline:2px solid #B79B70;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.hero-video{display:none}}
.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,2,3,.55),transparent 65%),linear-gradient(0deg,#080809,transparent 18%)}
.hero-copy{position:relative;z-index:1;padding:60px 5vw;width:57%;max-width:850px}
h1{font-size:clamp(46px,6vw,94px);letter-spacing:-.035em;line-height:1.05;margin:24px 0}h1 em{color:#c9c0b1}
.hero-copy p{font-size:15px;max-width:360px;line-height:1.85;margin:0}
.hero-index{position:absolute;bottom:26px;right:5vw;font-size:11px;letter-spacing:.18em;z-index:1;color:var(--dim)}
.line-note{padding:24px 5vw;display:flex;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:var(--silver)}.line-note span:first-child{color:var(--gold)}
/* sections */
.band{padding:96px 8vw;border-bottom:1px solid var(--line)}.band.deep{background:var(--deep)}
.split{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:start}
.band h2{font-size:clamp(34px,4.2vw,60px);line-height:1.15;letter-spacing:-.025em;margin:20px 0 0}
.prose{max-width:560px;padding-top:26px}.prose p{margin:0 0 20px;line-height:1.9}
.signature{margin-top:24px;font-size:11px;letter-spacing:.14em;color:var(--gold);text-transform:uppercase}
.page-head{padding:90px 8vw 60px;border-bottom:1px solid var(--line)}.page-head h1{font-size:clamp(40px,5vw,76px);margin:18px 0 12px}.page-head p{max-width:560px;margin:0}
.principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:44px}
.principle{border-top:1px solid #4b453c;padding-top:22px}.number{font:italic 18px Georgia,serif;color:var(--gold)}
.principle h3{font-size:27px;margin:16px 0 8px}.principle p{font-size:14px;line-height:1.85;margin:0}
.note{margin:44px 0 0;color:var(--dim);font-size:13px;border-top:1px solid var(--line);padding-top:20px}
.closing{padding:90px 5vw;text-align:center}.closing img{width:min(480px,80vw);margin:0 auto}
.statement{font-size:clamp(24px,3.4vw,42px);color:#cfc6b8;margin:24px auto 0;max-width:800px;line-height:1.35}
/* pieces */
.pieces{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:48px 40px}
.piece{border-top:1px solid #4b453c;padding-top:20px}
.piece .views{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:var(--panel)}
.piece .views figure{margin:0}.piece .views figcaption{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);padding:8px 2px}
.piece h3{font-size:28px;margin:14px 0 2px}.piece .coll{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.piece p{font-size:14px;margin:10px 0 0}
.status{display:inline-block;margin-top:14px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);border:1px solid var(--line);padding:6px 10px}
.empty{padding:40px 0;color:var(--dim)}
/* fund */
.counter{margin-top:40px;border:1px solid var(--line);background:var(--panel);padding:36px;max-width:560px}
.counter .value{font-family:var(--serif);font-size:64px;line-height:1;margin:14px 0}
.counter p{margin:0;font-size:14px}
.rules{list-style:none;padding:0;margin:40px 0 0;display:grid;gap:18px;max-width:640px}
.rules li{border-left:2px solid var(--gold);padding:2px 0 2px 18px;color:var(--silver)}.rules strong{color:var(--ivory);font-weight:500}
footer.site{display:flex;justify-content:space-between;gap:30px;padding:26px 5vw;border-top:1px solid var(--line);font-size:12px;color:var(--dim)}
@media(max-width:760px){
 header.site{padding:18px 16px;flex-wrap:wrap}.wordmark{width:140px}
 nav.main{gap:16px;font-size:10px;letter-spacing:.08em;flex-wrap:wrap}
 .hero{height:auto;min-height:820px;align-items:end}.hero-image{height:460px;object-position:88% center}
 .hero:after{background:linear-gradient(0deg,#080809 44%,transparent 70%)}
 .hero-copy{padding:430px 16px 64px;width:100%}h1{font-size:50px}
 .hero-index{bottom:20px;left:16px;right:auto}
 .line-note{padding:20px 16px;display:block}.line-note span{display:block;margin:4px 0}
 .band,.page-head{padding:60px 16px}.split{grid-template-columns:1fr;gap:12px}
 .principles{grid-template-columns:1fr;gap:24px}.pieces{grid-template-columns:1fr}
 .closing{padding:60px 16px}.counter{padding:24px}.counter .value{font-size:48px}
 footer.site{display:block;padding:22px 16px}footer.site span{display:block;margin:6px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.drop{margin-bottom:80px}.drop h2{margin:14px 0 10px}.drop-lore{max-width:620px;margin:0 0 36px}

/* Banner entrance: while the clip plays it owns the banner (its own wordmark must not collide with the headline) */
.hero-copy,.hero-index{transition:opacity 1s ease .2s}.hero:after{transition:opacity 1s ease}
.hero.playing .hero-copy,.hero.playing .hero-index{opacity:0;visibility:hidden;transition:opacity .5s ease,visibility 0s linear .5s}
.hero.playing:after{opacity:0}
.hero.playing .hero-video{object-position:center}
@media(max-width:760px){.hero.playing .hero-video{object-fit:contain;height:100%;background:#020203}}