:root{--bg:#0c0b09;--bg2:#15130f;--bone:#ece4d3;--muted:#a59d8e;--amber:#d08a3a;--amber2:#e9a75a;--pine:#2c4430;--line:rgba(236,228,211,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--bone);font-family:Inter,system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}a{color:inherit}
.wrap{max-width:1240px;margin:0 auto;padding:0 28px}
h1,h2,h3{font-family:Anton,Impact,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.01em;line-height:.95;margin:0 0 .35em}
h2{font-size:clamp(2.6rem,6vw,4.8rem)}h3{font-size:1.7rem;letter-spacing:.03em}
.kicker{font-size:.78rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--amber);margin:0 0 1.1em}
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--amber);color:#160f06;font-weight:700;text-decoration:none;padding:16px 26px;border-radius:4px;letter-spacing:.02em;transition:transform .25s,background .25s}
.btn:hover{background:var(--amber2);transform:translateY(-2px)}
.btn-ghost{background:transparent;color:var(--bone);box-shadow:inset 0 0 0 1.5px rgba(236,228,211,.5)}.btn-ghost:hover{background:rgba(236,228,211,.1)}
.btn-sm{padding:10px 18px;font-size:.9rem}
.season-bar{background:var(--amber);color:#1a1107;text-align:center;font-size:.9rem;padding:9px 16px;position:relative;z-index:20}
.season-bar a{font-weight:700;margin-left:8px}.season-bar .dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#1a1107;margin-right:6px;animation:pulse 1.8s infinite}
@keyframes pulse{50%{opacity:.25}}
.nav{position:sticky;top:0;z-index:15;transition:background .3s,backdrop-filter .3s;background:linear-gradient(rgba(12,11,9,.75),rgba(12,11,9,0))}
.nav.solid{background:rgba(12,11,9,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav-in{display:flex;align-items:center;gap:32px;height:84px}
.wordmark{text-decoration:none;display:flex;align-items:center;gap:12px}.nav-badge{width:60px;height:60px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.6))}
.wm-a{font-family:'Alfa Slab One',serif;font-size:1.9rem;letter-spacing:.04em;color:var(--bone);text-shadow:0 2px 0 #5a3a19}
.wm-b{font-family:Inter,sans-serif;font-weight:700;font-size:.72rem;letter-spacing:.42em;text-transform:uppercase;color:var(--amber)}
.links{margin-left:auto;display:flex;gap:28px}.links a{text-decoration:none;font-size:.92rem;font-weight:500;color:var(--muted);transition:color .2s}.links a:hover{color:var(--bone)}
.hero{position:relative;min-height:calc(100vh - 40px);margin-top:-84px;display:flex;align-items:center;overflow:hidden;isolation:isolate}
.hero-media{position:absolute;inset:0 0 0 30%;z-index:-2}
.hero-media img{width:100%;height:100%;object-fit:cover;object-position:50% 64%;filter:saturate(.8) contrast(1.08) brightness(.8);animation:drift 24s ease-in-out infinite alternate;transform-origin:60% 40%}
@keyframes drift{from{transform:scale(1.06)}to{transform:scale(1.16) translate(-1.5%,1%)}}
.hero-fog{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(12,11,9,.97) 0%,rgba(12,11,9,.85) 34%,rgba(12,11,9,.1) 62%,rgba(12,11,9,.35) 100%),linear-gradient(0deg,var(--bg) 0%,transparent 30%)}
.hero-in{display:grid;grid-template-columns:1fr;gap:40px;align-items:center;padding-top:140px;padding-bottom:110px;width:100%}
.hero h1{font-size:clamp(3.6rem,9vw,8.2rem)}.hero h1 span{color:var(--amber)}
.lede{font-size:1.2rem;max-width:30em;color:#d5cdbd}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0}
.facts{list-style:none;padding:0;margin:0;display:flex;gap:22px;flex-wrap:wrap;font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.facts li::before{content:"";display:inline-block;width:14px;height:1.5px;background:var(--amber);vertical-align:middle;margin-right:9px}
.hero-badge img{width:min(420px,100%);margin-left:auto;filter:drop-shadow(0 30px 50px rgba(0,0,0,.7))}
.marquee{border-block:1px solid var(--line);overflow:hidden;background:var(--bg2);padding:18px 0}
.track{display:flex;gap:36px;width:max-content;animation:scroll 38s linear infinite;font-family:Anton,sans-serif;font-size:1.5rem;text-transform:uppercase;letter-spacing:.06em;color:#5f584c}
.track span:nth-child(4n+1){color:var(--bone)}
@keyframes scroll{to{transform:translateX(-50%)}}
.work,.process{padding:130px 0}.sec-head{max-width:720px;margin-bottom:56px}.sec-head p:last-child{color:var(--muted);font-size:1.08rem}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:260px;gap:14px}
.g{position:relative;padding:0;border:0;background:#000;cursor:zoom-in;overflow:hidden;border-radius:6px;grid-row:span 2}
.g img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.2,.7,.2,1),filter .6s;filter:saturate(.85)}
.g:hover img,.g:focus-visible img{transform:scale(1.06);filter:saturate(1)}
.g span{position:absolute;left:16px;bottom:14px;font-family:Anton,sans-serif;text-transform:uppercase;letter-spacing:.06em;font-size:1.15rem;color:var(--bone);text-shadow:0 2px 12px rgba(0,0,0,.8)}
.g::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.6),transparent 45%);pointer-events:none}
.g-tall{grid-row:span 3}.g-wide{grid-column:span 2;grid-row:span 2}
.gallery .g:nth-child(1){grid-column:1;grid-row:1/span 3}
.gallery .g:nth-child(2){grid-column:2/span 2;grid-row:1/span 2}
.gallery .g:nth-child(3){grid-column:4;grid-row:1/span 2}
.gallery .g:nth-child(4){grid-column:2;grid-row:3/span 2}
.gallery .g:nth-child(5){grid-column:3/span 2;grid-row:3/span 2}
.gallery .g:nth-child(5) img{object-position:50% 70%}
.gallery .g:nth-child(1){grid-row:1/span 4}
.process{background:radial-gradient(ellipse at 80% 0%,rgba(44,68,48,.35),transparent 60%),var(--bg2);border-block:1px solid var(--line)}
.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:22px;align-items:start}
.step{border:1px solid var(--line);border-radius:8px;padding:34px 30px;background:rgba(12,11,9,.6);position:relative}
.step .num{font-family:Anton,sans-serif;font-size:4.2rem;line-height:1;color:transparent;-webkit-text-stroke:1.2px var(--amber);display:block;margin-bottom:16px}
.step p{color:var(--muted);margin:0}
.step figure{margin:22px -30px -34px;overflow:hidden;border-radius:0 0 8px 8px;height:240px}.step figure img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;filter:saturate(.8) brightness(.9)}
.season{padding:0;background:linear-gradient(100deg,#2a1a0b,#4a2c10 50%,#2a1a0b)}
.season-in{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:70px;padding-bottom:70px}
.season h2{font-size:clamp(2.4rem,5vw,4rem);margin:0 0 .2em}.season p{margin:0;color:#e1cfb3}.season .kicker{color:var(--amber2)}
.tiktok{padding:120px 0 40px}
.tt-card{display:grid;grid-template-columns:auto 1fr auto;gap:34px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:44px;background:linear-gradient(120deg,rgba(37,244,238,.06),rgba(254,44,85,.07)),var(--bg2)}
.tt-logo{width:72px;height:72px;color:var(--bone);filter:drop-shadow(-3px -2px 0 rgba(37,244,238,.75)) drop-shadow(3px 2px 0 rgba(254,44,85,.75))}
.tt-card h2{font-size:clamp(2rem,4vw,3.2rem);text-transform:none}.tt-card p{margin:0;color:var(--muted)}
.contact{padding:110px 0 130px}.contact-in{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.contact p{color:var(--muted);font-size:1.08rem}
.cards{display:grid;gap:14px}
.card{display:block;text-decoration:none;padding:24px 28px;border:1px solid var(--line);border-radius:8px;background:var(--bg2);transition:border-color .25s,transform .25s}
.card:hover{border-color:var(--amber);transform:translateX(6px)}
.card small{display:block;font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--amber);font-weight:700}.card strong{font-size:1.45rem;font-weight:600}
.foot{border-top:1px solid var(--line);padding:60px 0 40px;text-align:center;background:#080706}
.foot img{width:160px;margin:0 auto 18px}.foot-tag{letter-spacing:.16em;text-transform:uppercase;font-size:.8rem;color:var(--muted)}.foot-small{font-size:.8rem;color:#6d665a}
.lightbox{position:fixed;inset:0;z-index:50;background:rgba(5,5,4,.94);display:flex;align-items:center;justify-content:center;padding:40px}
.lightbox[hidden]{display:none}.lightbox figure{margin:0;max-width:min(1000px,100%);text-align:center}
.lightbox img{max-height:82vh;width:auto;margin:0 auto;border-radius:4px}.lightbox figcaption{margin-top:14px;color:var(--muted);font-size:.9rem;letter-spacing:.1em;text-transform:uppercase}
.lightbox button{position:absolute;background:none;border:0;color:var(--bone);font-size:3rem;cursor:pointer;padding:10px 18px;line-height:1}
.lb-close{top:14px;right:18px}.lb-prev{left:10px;top:50%;transform:translateY(-50%)}.lb-next{right:10px;top:50%;transform:translateY(-50%)}
.js .reveal{opacity:0;transform:translateY(28px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.js .reveal.in{opacity:1;transform:none}.d1{transition-delay:.1s!important}.d2{transition-delay:.2s!important}.d3{transition-delay:.3s!important}.d4{transition-delay:.4s!important}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}html{scroll-behavior:auto}}
@media(max-width:960px){.links{display:none}.nav-in .btn-sm{margin-left:auto}
.hero-in{grid-template-columns:1fr;padding-top:170px;padding-bottom:70px}.hero-badge{order:-1}.hero-badge img{width:180px;margin:0}
.hero-fog{background:linear-gradient(0deg,rgba(12,11,9,.97) 10%,rgba(12,11,9,.6) 60%,rgba(12,11,9,.5) 100%)}
.gallery{grid-template-columns:1fr 1fr;grid-auto-rows:200px}.gallery .g:nth-child(n){grid-column:auto;grid-row:span 2}.gallery .g:nth-child(2){grid-column:1/-1;grid-row:span 2}
.steps,.contact-in{grid-template-columns:1fr}.season-in{flex-direction:column;align-items:flex-start}.tt-card{grid-template-columns:1fr;padding:32px}.work,.process{padding:90px 0}}
@media(max-width:520px){.wrap{padding:0 20px}.season-bar a{display:block;margin:2px 0 0}.wm-a{font-size:1.6rem}.wm-b{letter-spacing:.3em}}

.about{padding:120px 0 20px}.about-in{display:grid;grid-template-columns:420px 1fr;gap:70px;align-items:center}
.about-in img{filter:drop-shadow(0 30px 50px rgba(0,0,0,.7))}.about p:not(.kicker){color:var(--muted);font-size:1.1rem;max-width:34em;margin-bottom:28px}
.gallery .g:nth-child(1) img{object-position:50% 85%}
@media(max-width:960px){.hero-media{inset:0}.hero-media img{object-position:45% 62%}.about-in{grid-template-columns:1fr;gap:30px}.about-in img{width:240px}.about{padding:80px 0 0}}

@media(max-width:520px){.nav-badge{width:46px;height:46px}.wordmark{gap:9px}}
@media(max-width:520px){.btn-sm{white-space:nowrap;padding:9px 14px}.wm-a{font-size:1.45rem}.wm-b{letter-spacing:.18em;font-size:.66rem}}
