* {margin:0;padding:0;box-sizing:border-box}
:root {
  --bg:#0b0907;
  --surface:#111009;
  --gold:#c9a96e;
  --gold2:#e8c88a;
  --cream:#ede6d8;
  --muted:rgba(237,230,216,0.38);
  --border:rgba(201,169,110,0.15);
  --border2:rgba(201,169,110,0.08);
}
html {scroll-behavior:smooth}
body {background:var(--bg);color:var(--cream);font-family:'Jost',sans-serif;font-weight:300;overflow-x:hidden}
a {color:inherit;text-decoration:none}
button {font-family:'Jost',sans-serif}
::selection {background:var(--gold);color:var(--bg)}

/* CURSOR — desktop only */
@media(hover:hover) {
  body {cursor:none}
  #cur {position:fixed;width:7px;height:7px;background:var(--gold);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .2s,height .2s,background .2s}
  #cur-ring {position:fixed;width:34px;height:34px;border:1px solid rgba(201,169,110,.4);border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:transform .14s ease,border-color .3s,width .3s,height .3s}
  #cur.big {width:12px;height:12px;background:var(--gold2)}
  #cur-ring.big {width:48px;height:48px;border-color:rgba(201,169,110,.7)}
  button,a {cursor:none}
}
@media(hover:none) {
  #cur,#cur-ring {display:none}
}

/* GRAIN */
body::before {content:'';position:fixed;inset:0;pointer-events:none;z-index:800;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.04'/%3E%3C/svg%3E");opacity:.45;mix-blend-mode:overlay}

/* KEYFRAMES */
@keyframes riseUp {from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn {from{opacity:0}to{opacity:1}}
@keyframes marqScroll {from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes pulse {0%,100%{box-shadow:0 0 0 0 rgba(201,169,110,.35)}70%{box-shadow:0 0 0 10px rgba(201,169,110,0)}}
@keyframes spinSlow {from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes spinRev {from{transform:rotate(0deg)}to{transform:rotate(-360deg)}}
@keyframes shimmer {0%{opacity:.4}50%{opacity:1}100%{opacity:.4}}
@keyframes lineSlide {from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes floatUp {0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}

/* SCROLL REVEALS */
.rev {opacity:0;transform:translateY(36px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}
.rev.on {opacity:1;transform:translateY(0)}
.rev-l {opacity:0;transform:translateX(-30px);transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1)}
.rev-l.on {opacity:1;transform:translateX(0)}
.rev-r {opacity:0;transform:translateX(30px);transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1)}
.rev-r.on {opacity:1;transform:translateX(0)}
.rev-scale {opacity:0;transform:scale(.96);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}
.rev-scale.on {opacity:1;transform:scale(1)}
.d1 {transition-delay:.1s}.d2 {transition-delay:.2s}.d3 {transition-delay:.3s}.d4 {transition-delay:.4s}.d5 {transition-delay:.5s}.d6 {transition-delay:.6s}.d7 {transition-delay:.7s}

/* ─── NAV ─── */
nav {position:fixed;top:0;left:0;right:0;z-index:1000;padding:1.8rem 4.5rem;display:flex;justify-content:space-between;align-items:center;transition:background .5s,padding .4s}
nav.scrolled {background:rgba(11,9,7,.96);backdrop-filter:blur(12px);padding:1.2rem 4.5rem;border-bottom:1px solid var(--border2)}
.nav-logo {font-family:'Cormorant Garamond',serif;font-size:1.55rem;font-weight:300;letter-spacing:.42em;text-transform:uppercase;color:var(--gold);animation:fadeIn .8s both}
.nav-links {display:flex;gap:2.8rem;animation:fadeIn .8s .2s both}
.nav-links a {font-size:.63rem;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);position:relative;transition:color .35s}
.nav-links a::after {content:'';position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);width:0;height:1px;background:var(--gold);transition:width .35s}
.nav-links a:hover {color:var(--gold)}
.nav-links a:hover::after {width:100%}

/* HAMBURGER — mobile only */
.nav-hamburger {display:none;flex-direction:column;gap:5px;background:none;border:none;padding:4px;z-index:700}
.nav-hamburger span {display:block;width:24px;height:1px;background:var(--gold);transition:transform .35s,opacity .35s}
.nav-hamburger.open span:nth-child(1) {transform:translateY(6px) rotate(45deg)}
.nav-hamburger.open span:nth-child(2) {opacity:0}
.nav-hamburger.open span:nth-child(3) {transform:translateY(-6px) rotate(-45deg)}

/* MOBILE MENU DRAWER */
.mobile-menu{position:fixed;inset:0;background:var(--bg);z-index:950;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;opacity:0;pointer-events:none;transition:opacity .4s ease}
.mobile-menu.open {opacity:1;pointer-events:all}
.mobile-menu a {font-family:'Cormorant Garamond',serif;font-size:2.8rem;font-weight:300;font-style:italic;color:var(--muted);letter-spacing:.05em;transition:color .3s}
.mobile-menu a:hover,.mobile-menu a:active {color:var(--gold)}
.mobile-menu-email {font-family:'DM Mono',monospace;font-size:.6rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin-top:1rem;border:1px solid rgba(201,169,110,.3);padding:.6rem 1.5rem}

/* ─── HERO ─── */
.hero {height:100svh;min-height:600px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;padding:0 2rem;overflow:hidden}
.hero-glow {position:absolute;width:800px;height:800px;border-radius:50%;background:radial-gradient(ellipse,rgba(201,169,110,.065) 0%,transparent 68%);pointer-events:none;animation:shimmer 5s ease-in-out infinite}
.hero-ring1 {position:absolute;width:520px;height:520px;border-radius:50%;border:1px solid rgba(201,169,110,.07);animation:spinSlow 35s linear infinite;pointer-events:none}
.hero-ring2 {position:absolute;width:360px;height:360px;border-radius:50%;border:1px solid rgba(201,169,110,.045);animation:spinRev 22s linear infinite;pointer-events:none}
.hero-ring3 {position:absolute;width:680px;height:680px;border-radius:50%;border:1px solid rgba(201,169,110,.03);animation:spinSlow 50s linear infinite;pointer-events:none}
.hero-pre {font-family:'DM Mono',monospace;font-size:.62rem;letter-spacing:.52em;text-transform:uppercase;color:var(--gold);margin-bottom:2.8rem;animation:riseUp 1s .3s both;position:relative;z-index:2}
.hero-name {font-family:'Cormorant Garamond',serif;font-size:clamp(5rem,18vw,15rem);font-weight:300;line-height:.82;letter-spacing:.08em;animation:riseUp 1.1s .5s both;position:relative;z-index:2}
.hero-name em {font-style:italic;color:var(--gold)}
.hero-line {width:1px;height:80px;background:linear-gradient(to bottom,var(--gold),transparent);margin:2.8rem auto;animation:riseUp 1s .75s both;position:relative;z-index:2}
.hero-tagline {font-family:'Cormorant Garamond',serif;font-size:clamp(.9rem,2.5vw,1.4rem);font-style:italic;color:var(--muted);letter-spacing:.06em;max-width:480px;animation:riseUp 1s .9s both;position:relative;z-index:2}
.hero-sub {font-family:'DM Mono',monospace;font-size:.55rem;letter-spacing:.15em;text-transform:uppercase;color:rgba(237,230,216,.25);margin-top:.9rem;animation:riseUp 1s 1.05s both;position:relative;z-index:2;padding:0 1rem}
.hero-ctas {margin-top:3rem;display:flex;gap:2.2rem;align-items:center;justify-content:center;animation:riseUp 1s 1.2s both;position:relative;z-index:2;flex-wrap:wrap}
.btn-gold {padding:.9rem 2.8rem;border:1px solid var(--gold);font-size:.6rem;letter-spacing:.36em;text-transform:uppercase;color:var(--gold);transition:all .4s;position:relative;overflow:hidden;background:transparent;display:inline-block;-webkit-tap-highlight-color:transparent}
.btn-gold span {position:relative;z-index:1}
.btn-gold::before {content:'';position:absolute;inset:0;background:var(--gold);transform:translateX(-101%);transition:transform .4s cubic-bezier(.16,1,.3,1)}
.btn-gold:hover {color:var(--bg)}
.btn-gold:hover::before {transform:translateX(0)}
.btn-text {font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:.6rem;transition:all .35s;background:none;border:none;-webkit-tap-highlight-color:transparent}
.btn-text::before {content:'';width:22px;height:1px;background:currentColor;transition:width .35s}
.btn-text:hover {color:var(--cream)}
.btn-text:hover::before {width:38px}
.hero-scroll {position:absolute;bottom:2.5rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.6rem;animation:riseUp 1s 1.4s both}
.hero-scroll span {font-family:'DM Mono',monospace;font-size:.56rem;letter-spacing:.32em;text-transform:uppercase;color:rgba(237,230,216,.2)}
.scroll-bar {width:1px;height:52px;background:linear-gradient(to bottom,var(--gold),transparent);animation:floatUp 2.5s ease-in-out infinite}

/* ─── MARQUEE ─── */
.marq {overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:1.1rem 0;background:rgba(201,169,110,.02)}
.marq-track {display:flex;gap:0;animation:marqScroll 40s linear infinite;white-space:nowrap}
.marq-track span {font-family:'Cormorant Garamond',serif;font-size:.95rem;font-style:italic;letter-spacing:.12em;color:rgba(201,169,110,.32);padding:0 2.2rem}
.marq-track .sep {color:rgba(201,169,110,.18);padding:0 .4rem}

/* ─── SHARED SECTION ─── */
section {padding:9rem 5rem;border-top:1px solid var(--border)}
.sec-label {font-family:'DM Mono',monospace;font-size:.6rem;letter-spacing:.44em;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:1rem;margin-bottom:3rem}
.sec-label::before {content:'';width:28px;height:1px;background:var(--gold);flex-shrink:0;transform-origin:left;animation:lineSlide .6s ease both}

/* ─── SHOWREEL ─── */
.showreel-section {padding:7rem 5rem;border-top:1px solid var(--border)}
.showreel-head {display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:3rem}
.showreel-title {font-family:'Cormorant Garamond',serif;font-size:clamp(2.2rem,4vw,3.5rem);font-weight:300;letter-spacing:.03em}
.showreel-title em {font-style:italic;color:var(--gold)}
.showreel-note {font-family:'DM Mono',monospace;font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.reel-wrap {position:relative;width:100%;aspect-ratio:16/9;background:var(--surface);overflow:hidden;border:1px solid var(--border);display:block;-webkit-tap-highlight-color:transparent}
.reel-wrap img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.75);transition:filter .5s,transform .6s}
.reel-wrap:hover img {filter:brightness(.5);transform:scale(1.03)}
.reel-overlay {position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;z-index:2}
.play-btn {width:80px;height:80px;border-radius:50%;border:1px solid var(--gold);display:flex;align-items:center;justify-content:center;transition:all .4s;animation:pulse 2.5s ease-in-out infinite;background:rgba(11,9,7,.4)}
.play-btn::after {content:'';border-left:22px solid var(--gold);border-top:13px solid transparent;border-bottom:13px solid transparent;margin-left:6px;transition:border-color .4s}
.reel-wrap:hover .play-btn {background:var(--gold)}
.reel-wrap:hover .play-btn::after {border-left-color:var(--bg)}
.reel-label {font-family:'DM Mono',monospace;font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;color:rgba(237,230,216,.55);transition:color .35s}
.reel-wrap:hover .reel-label {color:var(--gold)}

/* ─── WORK ─── */
.work-section {padding:8rem 5rem;border-top:1px solid var(--border)}
.work-cats {display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:3.5rem;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.work-cats::-webkit-scrollbar {display:none}
.cat-btn {padding:1rem 2rem;font-family:'DM Mono',monospace;font-size:.6rem;letter-spacing:.26em;text-transform:uppercase;background:transparent;border:none;color:var(--muted);white-space:nowrap;position:relative;transition:color .35s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.cat-btn::after {content:'';position:absolute;bottom:-1px;left:0;width:0;height:1px;background:var(--gold);transition:width .4s cubic-bezier(.16,1,.3,1)}
.cat-btn.active {color:var(--gold)}
.cat-btn.active::after,.cat-btn:hover::after {width:100%}
.cat-btn:hover {color:var(--cream)}

/* SAMPLES grid */
.samples-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border2)}
.sample-card {background:var(--bg);position:relative;overflow:hidden;transition:background .4s}
.sample-card:hover {background:var(--surface)}
.sample-card a {display:block;-webkit-tap-highlight-color:transparent}
.sample-thumb {aspect-ratio:16/9;overflow:hidden;position:relative;background:var(--surface)}
.sample-thumb img {width:100%;height:100%;object-fit:cover;filter:grayscale(80%);transition:filter .6s,transform .6s}
.sample-card:hover .sample-thumb img {filter:grayscale(0%);transform:scale(1.05)}
.sample-play {position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(11,9,7,.4);opacity:0;transition:opacity .35s}
.sample-play::after {content:'';width:44px;height:44px;border-radius:50%;border:1px solid var(--gold);background:rgba(11,9,7,.6);display:block}
.sample-card:hover .sample-play {opacity:1}
.sample-info {padding:.9rem 1.1rem}
.sample-cat {font-family:'DM Mono',monospace;font-size:.55rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:.25rem}
.sample-title {font-family:'Cormorant Garamond',serif;font-size:1.1rem;font-weight:300;line-height:1.2}

/* FULL category list */
.cat-list {display:flex;flex-direction:column;gap:0}
.cat-row {display:grid;grid-template-columns:52px 96px 1fr 28px;align-items:center;gap:2.5rem;padding:1.7rem 0;border-bottom:1px solid var(--border2);text-decoration:none;color:inherit;position:relative;overflow:hidden;transition:padding-left .35s;-webkit-tap-highlight-color:transparent}
.cat-row::before {content:'';position:absolute;inset:0;background:rgba(201,169,110,.04);transform:translateX(-101%);transition:transform .45s cubic-bezier(.16,1,.3,1)}
.cat-row:hover::before {transform:translateX(0)}
.cat-row:hover {padding-left:8px}
.cat-row:hover .cr-num {color:var(--gold)}
.cat-row:hover .cr-title {color:var(--gold)}
.cat-row:hover .cr-arrow {opacity:1;transform:translateX(0)}
.cat-row:hover .cr-thumb img {filter:grayscale(0%);transform:scale(1.07)}
.cr-num {font-family:'Cormorant Garamond',serif;font-size:.9rem;font-style:italic;color:rgba(201,169,110,.35);transition:color .35s;text-align:right}
.cr-thumb {width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--surface)}
.cr-thumb img {width:100%;height:100%;object-fit:cover;filter:grayscale(90%);transition:filter .6s,transform .6s}
.cr-info {}
.cr-tag {font-family:'DM Mono',monospace;font-size:.55rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:.3rem}
.cr-title {font-family:'Cormorant Garamond',serif;font-size:1.5rem;font-weight:300;letter-spacing:.02em;line-height:1.1;transition:color .35s}
.cr-arrow {font-size:1rem;color:var(--gold);opacity:0;transform:translateX(-8px);transition:all .35s}

/* ─── TESTIMONIALS ─── */
.testi-section {padding:8rem 5rem;border-top:1px solid var(--border)}
.testi-grid {display:flex;flex-direction:column;gap:1px;background:var(--border2);margin-top:3rem}
.testi-card {background:var(--bg);display:grid;grid-template-columns:200px 1fr;gap:0;transition:background .4s;position:relative;overflow:hidden}
.testi-card::after {content:'';position:absolute;left:0;top:0;bottom:0;width:0;background:var(--gold);transition:width .4s cubic-bezier(.16,1,.3,1)}
.testi-card:hover {background:var(--surface)}
.testi-card:hover::after {width:2px}
.testi-left {padding:2.5rem 2rem;border-right:1px solid var(--border2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center}
.testi-avatar {width:68px;height:68px;border-radius:50%;border:1px solid var(--border);overflow:hidden;transition:border-color .35s;display:flex;align-items:center;justify-content:center;background:var(--surface)}
.testi-card:hover .testi-avatar {border-color:var(--gold)}
.testi-avatar img {width:100%;height:100%;object-fit:cover}
.testi-avatar-init {font-family:'Cormorant Garamond',serif;font-size:1.6rem;font-style:italic;color:var(--gold);line-height:1}
.testi-channel {font-size:.72rem;font-weight:400;letter-spacing:.04em;margin-top:.2rem}
.testi-platform {font-family:'DM Mono',monospace;font-size:.53rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.testi-link-icon {display:inline-flex;align-items:center;gap:.35rem;font-family:'DM Mono',monospace;font-size:.53rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border2);padding:.28rem .65rem;margin-top:.4rem;transition:all .35s;-webkit-tap-highlight-color:transparent}
.testi-link-icon:hover {color:var(--gold);border-color:var(--gold)}
.testi-right {padding:2.5rem 3rem;display:flex;flex-direction:column;justify-content:center}
.quote-mark {font-family:'Cormorant Garamond',serif;font-size:4rem;color:var(--gold);line-height:.6;opacity:.35;margin-bottom:.5rem;font-style:italic}
.testi-quote {font-family:'Cormorant Garamond',serif;font-size:1.2rem;font-weight:300;font-style:italic;line-height:1.75;color:var(--cream);letter-spacing:.02em}
.testi-name {font-family:'DM Mono',monospace;font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-top:1.2rem}

/* ─── ABOUT ─── */
.about-grid {display:grid;grid-template-columns:1fr 1fr;gap:8rem;align-items:start}
.about-heading {font-family:'Cormorant Garamond',serif;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:300;line-height:1;letter-spacing:.03em;margin-bottom:2.5rem}
.about-heading em {font-style:italic;color:var(--gold)}
.about-p {font-size:.88rem;font-weight:300;color:var(--muted);line-height:2;margin-bottom:1.3rem}
.exp-list {border-top:1px solid var(--border)}
.exp-row {display:flex;justify-content:space-between;align-items:center;padding:1.35rem 0;border-bottom:1px solid var(--border);transition:all .35s;cursor:default}
.exp-row:hover {padding-left:8px}
.exp-row:hover .exp-name {color:var(--gold)}
.exp-name {font-size:.9rem;letter-spacing:.04em;transition:color .35s}
.exp-badge {font-family:'DM Mono',monospace;font-size:.53rem;letter-spacing:.18em;text-transform:uppercase;border:1px solid var(--border);padding:.28rem .7rem;color:var(--gold);transition:all .35s}
.exp-row:hover .exp-badge {background:var(--gold);color:var(--bg);border-color:var(--gold)}
.tools-wrap {margin-top:3rem}
.tools-lbl {font-family:'DM Mono',monospace;font-size:.57rem;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);margin-bottom:1rem}
.tool-pills {display:flex;gap:.6rem;flex-wrap:wrap}
.pill {padding:.45rem 1rem;border:1px solid var(--border);font-size:.75rem;color:var(--muted);transition:all .35s}
.pill:hover {border-color:var(--gold);color:var(--gold)}

/* ─── STATS ─── */
.stats-band {padding:6rem 5rem;border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
.stat-box {padding:2.2rem 1.5rem;border:1px solid var(--border2);text-align:center;transition:border-color .4s,background .4s;position:relative;overflow:hidden}
.stat-box::before {content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 100%,rgba(201,169,110,.06),transparent);opacity:0;transition:opacity .4s}
.stat-box:hover {border-color:var(--gold)}
.stat-box:hover::before {opacity:1}
.stat-num {font-family:'Cormorant Garamond',serif;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:300;color:var(--gold);line-height:1;letter-spacing:.04em}
.stat-lbl {font-family:'DM Mono',monospace;font-size:.56rem;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin-top:.6rem}

/* ─── CONTACT ─── */
.contact-inner {text-align:center}
.contact-heading {font-family:'Cormorant Garamond',serif;font-size:clamp(3rem,10vw,10rem);font-weight:300;line-height:.88;letter-spacing:.05em;margin-bottom:2rem}
.contact-heading em {font-style:italic;color:var(--gold)}
.contact-rule {width:55px;height:1px;background:var(--gold);margin:2.5rem auto}
.contact-desc {font-size:.86rem;font-weight:300;color:var(--muted);max-width:420px;margin:0 auto 3rem;line-height:1.9}
.contact-email-box {margin-bottom:1rem}
.contact-email-label {font-family:'DM Mono',monospace;font-size:.55rem;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);margin-bottom:.5rem}
.contact-email-val {font-family:'Cormorant Garamond',serif;font-size:clamp(1rem,2.5vw,1.8rem);font-weight:300;letter-spacing:.1em;color:var(--gold2)}
.socials {display:flex;justify-content:center;gap:3rem;margin-top:3.5rem;flex-wrap:wrap}
.soc {font-family:'DM Mono',monospace;font-size:.58rem;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);position:relative;transition:color .35s;display:flex;align-items:center;gap:.5rem;-webkit-tap-highlight-color:transparent}
.soc::after {content:'';position:absolute;bottom:-3px;left:0;width:0;height:1px;background:var(--gold);transition:width .35s}
.soc:hover {color:var(--gold)}
.soc:hover::after {width:100%}
.soc-icon {width:14px;height:14px;opacity:.6;transition:opacity .3s}
.soc:hover .soc-icon {opacity:1}

/* ─── FOOTER ─── */
footer {padding:2.5rem 5rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}
.f-logo {font-family:'Cormorant Garamond',serif;font-size:1.3rem;font-weight:300;letter-spacing:.38em;text-transform:uppercase;color:var(--gold)}
.f-copy {font-family:'DM Mono',monospace;font-size:.55rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(237,230,216,.18)}

/* ══════════════════════════════════════════
   RESPONSIVE BREAKPOINTS
══════════════════════════════════════════ */

/* ── TABLET ── */
@media(max-width:1024px) {
  section,footer {padding-left:3rem;padding-right:3rem}
  .showreel-section,.work-section,.testi-section,.stats-band {padding-left:3rem;padding-right:3rem}
  nav,nav.scrolled {padding-left:2.5rem;padding-right:2.5rem}
  .about-grid {grid-template-columns:1fr;gap:4rem}
  .stats-band {grid-template-columns:1fr 1fr}
  .samples-grid {grid-template-columns:1fr 1fr}
}

/* ── MOBILE (≤ 768px) ── */
@media(max-width:768px) {
  /* LAYOUT */
  section,footer {padding-left:1.5rem;padding-right:1.5rem;padding-top:5rem;padding-bottom:5rem}
  .showreel-section,.work-section,.testi-section {padding-left:1.5rem;padding-right:1.5rem;padding-top:5rem;padding-bottom:5rem}
  .stats-band {padding:4rem 1.5rem}

  /* NAV */
  nav {padding:1.4rem 1.5rem}
  nav.scrolled {padding:1rem 1.5rem}
  .nav-links {display:none}
  .nav-hamburger {display:flex}

  /* HERO */
  .hero {padding:0 1.5rem}
  .hero-pre {letter-spacing:.28em;margin-bottom:2rem}
  .hero-ring1 {width:300px;height:300px}
  .hero-ring2 {width:200px;height:200px}
  .hero-ring3 {width:400px;height:400px}
  .hero-line {height:50px;margin:2rem auto}
  .hero-sub {font-size:.5rem;letter-spacing:.1em}
  .hero-ctas {gap:1.5rem;flex-direction:column}
  .hero-scroll {display:none}

  /* MARQUEE */
  .marq-track span {font-size:.8rem;padding:0 1.5rem}

  /* SHOWREEL */
  .showreel-head {flex-direction:column;align-items:flex-start;gap:.5rem}
  .showreel-title {font-size:clamp(1.8rem,7vw,2.5rem)}
  .play-btn {width:64px;height:64px}
  .play-btn::after {border-left-width:18px;border-top-width:10px;border-bottom-width:10px}

  /* WORK */
  .work-section {padding-top:5rem}
  .cat-btn {padding:.8rem 1.2rem;font-size:.55rem;letter-spacing:.18em}
  .samples-grid{grid-template-columns:1fr}
  .cat-row{grid-template-columns:120px 1fr;gap:1.2rem;padding:1.2rem 0}
  .cr-num, .cr-arrow{display:none}
  .cr-title {font-size:1.1rem}

  /* TESTIMONIALS */
  .testi-card {grid-template-columns:1fr}
  .testi-left {border-right:none;border-bottom:1px solid var(--border2);flex-direction:row;justify-content:flex-start;text-align:left;padding:1.5rem}
  .testi-right {padding:1.5rem}
  .testi-quote {font-size:1rem}

  /* ABOUT */
  .about-grid {grid-template-columns:1fr;gap:3rem}
  .about-heading {font-size:clamp(2rem,8vw,3rem);margin-bottom:1.5rem}

  /* STATS */
  .stats-band {grid-template-columns:1fr 1fr;gap:1px;background:var(--border2);padding:0}
  .stat-box {padding:2rem 1rem;border:none;border-right:1px solid var(--border2);border-bottom:1px solid var(--border2)}
  .stat-box:nth-child(even) {border-right:none}

  /* CONTACT */
  .contact-heading {line-height:.9}
  .socials {gap:1.8rem}
  .contact-desc {font-size:.8rem}

  /* FOOTER */
  footer {flex-direction:column;gap:1rem;text-align:center;padding:2rem 1.5rem}
}

/* ── SMALL MOBILE (≤ 390px) ── */
@media(max-width:390px) {
  .hero-name {font-size:clamp(4rem,20vw,6rem)}
  .hero-tagline {font-size:.85rem}
  .cr-num {display:none}
  .testi-quote {font-size:.9rem}
  .socials {gap:1.2rem}
  .soc {font-size:.5rem;letter-spacing:.18em}
}