:root{--ink:#091012;--paper:#f2f3f0;--white:#fff;--muted:#aeb7b8;--accent:#11e7d6;--max:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}.wrap{width:min(var(--max),calc(100% - 48px));margin:auto}.topbar{height:74px;position:fixed;z-index:50;top:0;left:0;right:0;display:flex;align-items:center;gap:28px;padding:0 max(24px,calc((100vw - var(--max))/2));background:rgba(6,12,14,.91);color:#fff;backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}.brand{font-size:27px;font-style:italic;font-weight:900;white-space:nowrap}.brand b{color:var(--accent)}.nav{display:flex;gap:24px;margin-left:auto;font-size:12px;text-transform:uppercase;font-weight:800}.nav a{opacity:.85}.nav a:hover{color:var(--accent);opacity:1}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.03em;border:1px solid transparent}.btn-primary{background:var(--accent);color:#071010}.btn-outline{border-color:var(--accent);color:#fff}.btn-ghost{border-color:rgba(255,255,255,.45);color:#fff}.menu{display:none;background:none;border:0;color:white;font-size:26px}.hero{min-height:760px;position:relative;display:flex;align-items:center;color:#fff;background:url('../img/hero.jpg') center/cover no-repeat;padding-top:74px;overflow:hidden}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,9,12,.93) 0%,rgba(3,9,12,.55) 44%,rgba(3,9,12,.15) 72%,rgba(3,9,12,.35) 100%),linear-gradient(0deg,rgba(3,9,12,.55),transparent 35%)}.hero-content{position:relative;z-index:2}.eyebrow{font-size:12px;letter-spacing:.15em;font-weight:800;color:var(--accent)}h1,h2,h3,.kicker{font-family:Oswald,Inter,sans-serif;text-transform:uppercase}.hero h1{font-size:clamp(74px,10vw,150px);line-height:.82;margin:18px 0 26px;letter-spacing:-.045em;font-style:italic}.hero h1 em{font-style:inherit;color:var(--accent)}.hero-sub{font-weight:800;text-transform:uppercase;letter-spacing:.08em}.hero-sub span{color:var(--accent);padding:0 8px}.hero-actions{display:flex;gap:12px;margin-top:28px}.scribble{position:absolute;right:5vw;top:170px;z-index:2;font-family:Oswald,sans-serif;font-style:italic;font-size:30px;line-height:.93;transform:rotate(-7deg);text-align:center}.section{padding:90px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.kicker{font-size:42px;line-height:1;margin:0 0 14px;font-weight:700;font-style:italic}.about h2,.cta h2,.instagram h2{font-size:44px;margin:0;line-height:1.05}.lead{font-size:20px;line-height:1.55;margin:0 0 20px}.text-link{font-size:13px;text-transform:uppercase;font-weight:900;border-bottom:2px solid var(--accent);padding-bottom:5px}.tiles{display:grid;grid-template-columns:repeat(4,1fr)}.tile{min-height:420px;position:relative;background-position:center;background-size:cover;color:white}.shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.88),rgba(0,0,0,.04) 65%)}.tile-body{position:absolute;left:26px;right:26px;bottom:28px}.tile-body span{opacity:.35;font-size:38px;font-weight:900}.tile h3{font-size:48px;line-height:1;margin:4px 0 8px;font-style:italic}.tile p{font-weight:700;margin:0;max-width:260px}.section-dark{padding:82px 0;background:#0a1113;color:white}.cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.accent{color:var(--accent);font-size:55px}.cta p{line-height:1.6}.cta .btn{margin-top:12px}.insta-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}.insta-head .kicker{font-size:32px}.ig-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:230px;gap:8px}.ig-item{position:relative;overflow:hidden;background:#111}.ig-item:hover img{transform:scale(1.035)}.ig-item img{transition:.25s ease}.ig-1,.ig-4{grid-row:span 2}.ig-badge{position:absolute;right:10px;top:10px;padding:6px 8px;background:rgba(0,0,0,.7);color:#fff;font-size:10px;font-weight:900}.footer{background:#071012;color:#fff;padding:54px 0 24px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:50px;align-items:center}.footer small{display:block;color:#8d999b;margin-top:5px}.footer-quote{font-family:Oswald,sans-serif;font-size:28px;font-style:italic;line-height:.95}.footer-links{display:flex;justify-content:flex-end;gap:18px;font-size:12px;font-weight:800;text-transform:uppercase}.copyright{padding-top:34px;color:#677477;font-size:11px}
@media(max-width:980px){.nav,.top-cta{display:none}.nav.open{display:flex;position:absolute;top:74px;left:0;right:0;background:#071012;padding:22px 24px;flex-direction:column}.menu{display:block;margin-left:auto}.hero{min-height:670px}.scribble{display:none}.split,.cta-grid{grid-template-columns:1fr;gap:28px}.tiles{grid-template-columns:1fr 1fr}.ig-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr}.footer-links{justify-content:flex-start}}
@media(max-width:620px){.wrap{width:min(100% - 30px,var(--max))}.topbar{height:64px;padding:0 15px}.brand{font-size:23px}.nav.open{top:64px}.hero{padding-top:64px;min-height:620px;background-position:64% center}.hero h1{font-size:68px}.hero-sub{font-size:11px;line-height:1.8}.hero-actions{flex-direction:column;align-items:flex-start}.section{padding:62px 0}.kicker{font-size:34px}.about h2,.cta h2,.instagram h2{font-size:36px}.lead{font-size:17px}.tiles{grid-template-columns:1fr}.tile{min-height:360px}.insta-head{align-items:start;flex-direction:column}.ig-grid{grid-template-columns:1fr 1fr;grid-auto-rows:190px}.ig-1,.ig-4{grid-row:span 1}.footer{padding-top:40px}}

::selection{background:var(--accent);color:#071010}
:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.skip-link{position:fixed;left:16px;top:-80px;z-index:100;background:var(--accent);color:#071010;padding:12px 16px;font-weight:900}
.skip-link:focus{top:16px}
.tile,.ig-item,.btn,.text-link{transition:transform .2s ease,opacity .2s ease,background-color .2s ease}
@media(hover:hover){.tile:hover{transform:translateY(-3px)}.btn:hover{transform:translateY(-2px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}