:root{
  --bg:#080808; --bg2:#0d0b0c; --panel:#141012; --white:#f5f3f2;
  --muted:#a09a9c; --muted2:#756f71; --emerald:#a8142f; --pale:#d44a62;
  --line:rgba(245,243,242,.12); --eline:rgba(168,20,47,.38);
  --max:1380px; --pad:clamp(28px,5.2vw,82px); --ease:cubic-bezier(.22,.8,.28,1);
}
*{box-sizing:border-box} html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,system-ui,sans-serif;line-height:1.5;overflow-x:hidden}
a{color:inherit;text-decoration:none} img{max-width:100%;display:block} button{font:inherit}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;left:12px;top:-48px;background:white;color:#050806;padding:10px 14px;z-index:1000}.skip-link:focus{top:12px}

.site-header{position:fixed;top:0;left:0;right:0;height:68px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;z-index:100;border-bottom:1px solid transparent;transition:.28s ease}
.site-header.is-scrolled{background:rgba(8,8,8,.82);backdrop-filter:blur(18px);border-color:var(--line)}
.brand{display:flex;align-items:center;gap:13px}.brand img{width:225px;height:52px;object-fit:contain;object-position:left center}.brand-name{font-family:"Space Grotesk";font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#e0e5e2}
.main-nav{display:flex;gap:32px}.main-nav a{font-size:13px;color:#e2e7e4}.main-nav a:hover{color:var(--pale)}
.menu-toggle{display:none;background:none;border:0;color:white;padding:8px}.menu-toggle span:not(.sr-only){display:block;width:26px;height:1px;background:currentColor;margin:6px 0}

.hero{height:620px;min-height:620px;position:relative;display:flex;align-items:center;padding:82px var(--pad) 42px;overflow:hidden;border-bottom:1px solid var(--line);isolation:isolate}
.hero-bg{position:absolute;inset:0;z-index:-3;background:#080808}.hero-bg::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 54% 48%,rgba(255,255,255,.055) 0%,rgba(255,255,255,.025) 12%,transparent 26%);mix-blend-mode:screen}
.hero-emerald{position:absolute;inset:0;width:100%;height:100%;background:url('assets/hero-red-panther.webp') 64% 56%/cover no-repeat;filter:saturate(.92) contrast(1.08) brightness(.79);transform:scale(1);will-change:transform}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,8,.98) 0%,rgba(8,8,8,.90) 26%,rgba(8,8,8,.50) 45%,rgba(8,8,8,.08) 68%,rgba(8,8,8,.18) 100%)}
.hero-noise{position:absolute;inset:0;opacity:.10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E")}
.hero-content{width:min(510px,43vw);position:relative;z-index:3;margin-top:14px}.eyebrow,.kicker{font-family:"Space Grotesk";text-transform:uppercase;letter-spacing:.24em;font-size:10px;color:var(--pale)}
.eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:18px}.eyebrow i{display:block;width:28px;height:1px;background:var(--emerald)}
.hero h1{font-family:"Space Grotesk";font-size:clamp(58px,5.5vw,86px);line-height:.95;letter-spacing:-.055em;text-transform:uppercase;margin:0 0 14px;font-weight:650}
.hero-role{font-family:"Space Grotesk";font-size:clamp(17px,1.55vw,22px);margin:0 0 12px;color:#e9ecea;font-weight:500}.hero-copy{font-size:14px;line-height:1.55;color:#c8d0cc;margin:0 0 15px;max-width:500px}
.hero-tags{display:flex;flex-wrap:wrap;margin-bottom:18px;color:#aab3ae}.hero-tags span{font-size:11px}.hero-tags span:not(:last-child)::after{content:"•";margin:0 8px;color:var(--emerald)}
.hero-actions{display:flex;gap:14px}.btn{min-height:46px;padding:0 20px;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;gap:18px;font-size:11px;font-weight:600;letter-spacing:.04em;transition:.25s ease}.btn-primary{border-color:var(--emerald);box-shadow:0 0 20px rgba(168,20,47,.12)}.btn-primary:hover{background:var(--emerald);color:#140307}.btn-ghost:hover{border-color:rgba(244,247,245,.35)}
.scroll-mini{display:inline-flex;align-items:center;gap:9px;margin-top:17px;color:#74807a;text-transform:uppercase;letter-spacing:.18em;font-size:8px}.scroll-mini span{color:var(--emerald);font-size:15px}
.hero-right-copy{position:absolute;right:5.6%;top:150px;z-index:3;font-family:"Space Grotesk";text-transform:uppercase;letter-spacing:.28em;font-size:12px;line-height:1.7;color:#f0f4f1}.hero-right-copy span{display:block}.hero-right-copy::after{content:"";position:absolute;right:-42px;top:31px;width:28px;height:1px;background:var(--emerald)}
.hero-right-meta{position:absolute;right:5.9%;bottom:52px;z-index:3;font-family:"Space Grotesk";font-size:8px;letter-spacing:.24em;color:#77827d;line-height:1.65}

.proof-strip{border-bottom:1px solid var(--line);background:linear-gradient(180deg,#0b090a,#080808);padding:0 var(--pad)}
.proof-inner{max-width:var(--max);margin:auto;min-height:98px;display:grid;grid-template-columns:130px 1px 1fr 1px 1fr 1px 1.05fr;gap:26px;align-items:center}
.proof-intro{font-family:"Space Grotesk";font-size:8px;letter-spacing:.22em;color:#68736d;line-height:1.55}.proof-intro span{display:block}.proof-divider{height:52px;width:1px;background:var(--line)}
.proof-stat{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:20px}.proof-stat strong{font-family:"Space Grotesk";font-size:clamp(30px,3vw,44px);font-weight:500;letter-spacing:-.045em;white-space:nowrap}.proof-stat span{font-size:10px;line-height:1.5;text-transform:uppercase;letter-spacing:.12em;color:#9ba6a1;max-width:210px}.proof-qual strong{font-size:14px;letter-spacing:.14em;color:#f2f5f3}

.compact-section,.capabilities,.about,.contact{padding:clamp(62px,6vw,92px) var(--pad)}
.portfolio{padding-top:24px;background:#080808}.portfolio-heading{max-width:var(--max);margin:0 auto 20px;display:flex;align-items:end;justify-content:space-between;gap:30px}.portfolio-heading h2{font-family:"Space Grotesk";font-size:clamp(34px,4vw,54px);line-height:1;letter-spacing:-.045em;margin:8px 0 0;font-weight:550}.portfolio-heading p{font-size:12px;color:#707b75;margin:0;max-width:420px}
.portfolio-cards{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.work-card{height:230px;position:relative;overflow:hidden;border:1px solid var(--line);background:#0d120f;isolation:isolate;transition:transform .3s var(--ease),border-color .3s ease}.work-card:hover{transform:translateY(-3px);border-color:var(--eline)}
.card-visual{position:absolute;inset:0;background-image:url('assets/card-emerald.webp');background-size:cover;filter:saturate(.85) contrast(1.08);transform:scale(1.04);transition:transform .55s var(--ease)}.work-card:hover .card-visual{transform:scale(1.08)}
.card-a .card-visual{background-position:20% 64%}.card-b .card-visual{background-position:58% 38%;filter:saturate(.65) hue-rotate(-12deg) contrast(1.15)}.card-c .card-visual{background-position:88% 62%;filter:saturate(.55) brightness(.75) contrast(1.3)}
.card-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 22%,rgba(7,10,9,.25) 48%,rgba(7,10,9,.96) 100%),linear-gradient(90deg,rgba(7,10,9,.25),transparent 50%)}.card-copy{position:absolute;left:22px;right:22px;bottom:18px;z-index:2}.card-copy>span{position:absolute;right:0;bottom:3px;font-family:"Space Grotesk";font-size:9px;letter-spacing:.18em;color:#78837d}.card-copy h3{font-family:"Space Grotesk";font-size:22px;margin:0 0 4px;font-weight:550;letter-spacing:-.03em}.card-copy p{margin:0;color:#a0aaa5;font-size:10px;max-width:80%}
.portfolio-more{max-width:var(--max);margin:10px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.portfolio-more article{border:1px solid var(--line);padding:18px 20px;background:linear-gradient(130deg,#0d0a0b,#170b0e);position:relative}.portfolio-more span{position:absolute;right:16px;top:14px;font-size:8px;color:#68736d;letter-spacing:.16em}.portfolio-more h3{font-family:"Space Grotesk";font-weight:500;font-size:18px;margin:0 0 5px}.portfolio-more p{margin:0;color:#7d8882;font-size:10px}

.section-toned{background:linear-gradient(180deg,#100c0e,#090808)}.section-heading{max-width:var(--max);margin:0 auto 42px;display:flex;justify-content:space-between;align-items:end;gap:45px}.section-heading h2,.about h2,.contact h2{font-family:"Space Grotesk";font-size:clamp(38px,4.8vw,68px);line-height:1;letter-spacing:-.045em;margin:10px 0 0;font-weight:500}.section-heading p{margin:0;color:#84908a;max-width:520px;font-size:13px;line-height:1.75}
.cap-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.cap-item{padding:30px 25px 34px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:315px}.cap-item>span{font-family:"Space Grotesk";color:var(--emerald);font-size:9px;letter-spacing:.18em}.cap-item h3{font-family:"Space Grotesk";font-size:23px;font-weight:500;letter-spacing:-.03em;margin:38px 0 18px}.cap-item ul{list-style:none;padding:0;margin:0;display:grid;gap:10px;color:#9aa49f}.cap-item li{font-size:12px;position:relative;padding-left:15px}.cap-item li::before{content:"";position:absolute;left:0;top:.75em;width:5px;height:1px;background:var(--emerald)}
.workflow{background:#080808}.workflow-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.workflow-item{padding:28px 28px 0 0;margin-right:28px;border-right:1px solid var(--line)}.workflow-item:last-child{margin-right:0;border-right:0}.workflow-item>span{font-family:"Space Grotesk";font-size:9px;letter-spacing:.18em;color:var(--emerald)}.workflow-item h3{font-family:"Space Grotesk";font-size:26px;font-weight:500;margin:28px 0 4px}.workflow-item h4{font-size:12px;font-weight:500;color:#c6cfca;margin:0 0 16px}.workflow-item p{font-size:12px;line-height:1.75;color:#7f8a84;margin:0}
.about{min-height:550px;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;overflow:hidden}.about-mark{font-family:"Space Grotesk";font-size:clamp(170px,22vw,360px);font-weight:600;line-height:.7;letter-spacing:-.11em;color:transparent;-webkit-text-stroke:1px rgba(168,20,47,.13);transform:translateX(-6%)}.about-content{max-width:680px}.about-content p{font-size:14px;color:#98a29d;line-height:1.85;margin:18px 0}.about-emphasis{color:#d8deda!important;border-left:1px solid var(--emerald);padding-left:18px}
.tools{background:#080808}.tools-grid{max-width:var(--max);margin:auto;border-top:1px solid var(--line)}.tools-grid>div{display:grid;grid-template-columns:220px 1fr;gap:22px;padding:18px 0;border-bottom:1px solid var(--line)}.tools-grid span{text-transform:uppercase;font-family:"Space Grotesk";letter-spacing:.17em;font-size:9px;color:#77827c}.tools-grid p{font-family:"Space Grotesk";font-size:clamp(16px,1.8vw,24px);margin:0;color:#d7ddda}
.contact{min-height:500px;display:flex;align-items:center;position:relative;overflow:hidden;border-top:1px solid var(--line)}.contact-inner{max-width:var(--max);width:100%;margin:auto;position:relative;z-index:2}.contact h2{font-size:clamp(58px,7.8vw,112px)}.contact h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(244,247,245,.42)}.contact p{color:#87938d;max-width:610px;font-size:14px}.email-link{font-family:"Space Grotesk";font-size:clamp(22px,2.8vw,38px);display:inline-flex;align-items:center;gap:16px;border-bottom:1px solid var(--emerald);padding-bottom:7px}.email-link span{color:var(--emerald)}.contact-glow{position:absolute;right:-6vw;top:50%;width:48vw;height:48vw;transform:translateY(-50%);background:radial-gradient(circle,rgba(168,20,47,.14),transparent 62%);filter:blur(15px)}
.site-footer{min-height:90px;border-top:1px solid var(--line);padding:0 var(--pad);display:flex;justify-content:space-between;align-items:center;color:#66716b;font-size:10px}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{width:34px;height:26px;object-fit:contain}.footer-brand div{display:grid}.footer-brand strong{font-family:"Space Grotesk";font-size:11px;color:#c7cfcb;text-transform:uppercase;letter-spacing:.08em}.footer-brand span{font-size:8px}
.reveal{opacity:0;transform:translateY(16px);transition:opacity .65s var(--ease),transform .65s var(--ease)}.reveal.is-visible{opacity:1;transform:none}

@media(max-width:1100px){
  .hero{height:520px}.hero-emerald{right:-2%;width:70%}.hero-content{width:48vw}.hero-right-copy,.hero-right-meta{display:none}
  .proof-inner{grid-template-columns:100px 1px 1fr 1px 1fr}.proof-qual,.proof-inner>.proof-divider:nth-of-type(3){display:none}
  .cap-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  :root{--pad:22px}.site-header{height:64px}.brand-name{display:none}.brand img{width:38px}.menu-toggle{display:block;z-index:3}.main-nav{position:fixed;inset:0;background:rgba(7,10,9,.98);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:28px;transform:translateY(-100%);transition:transform .4s var(--ease);font-family:"Space Grotesk"}.main-nav.is-open{transform:none}.main-nav a{font-size:26px}
  .hero{height:auto;min-height:680px;padding-top:92px;align-items:flex-start}.hero-emerald{right:-27%;top:250px;width:115%;height:430px;background-position:center}.hero-shade{background:linear-gradient(180deg,#070a09 0%,rgba(7,10,9,.98) 43%,rgba(7,10,9,.4) 66%,rgba(7,10,9,.12) 100%)}.hero-content{width:100%;max-width:580px}.hero h1{font-size:clamp(58px,18vw,86px)}.hero-role{font-size:18px}.hero-copy{font-size:14px;max-width:520px}.hero-tags{display:none}.hero-right-copy,.hero-right-meta{display:none}.scroll-mini{display:none}
  .proof-inner{min-height:0;padding:26px 0;display:grid;grid-template-columns:1fr;gap:18px}.proof-intro,.proof-divider,.proof-qual{display:none}.proof-stat{grid-template-columns:100px 1fr}.proof-stat strong{font-size:34px}.proof-stat span{font-size:9px}
  .portfolio{padding-top:28px}.portfolio-heading{display:grid;gap:12px}.portfolio-heading p{display:none}.portfolio-cards{grid-template-columns:1fr}.work-card{height:220px}.portfolio-more{grid-template-columns:1fr}
  .section-heading{display:grid;gap:18px}.section-heading h2,.about h2{font-size:clamp(38px,11vw,58px)}.cap-grid{grid-template-columns:1fr}.cap-item{min-height:0}.workflow-grid{grid-template-columns:1fr}.workflow-item{border-right:0;border-bottom:1px solid var(--line);margin:0;padding:24px 0}.about{display:block;min-height:0}.about-mark{position:absolute;right:-20%;top:25%;font-size:250px}.about-content{position:relative;z-index:2}.tools-grid>div{grid-template-columns:1fr;gap:6px}.contact{min-height:520px}.contact h2{font-size:clamp(56px,17vw,92px)}.site-footer{padding-top:24px;padding-bottom:24px;flex-direction:column;align-items:flex-start;gap:14px}.footer-brand span{display:none}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.hero-emerald{transform:none!important}.work-card,.btn{transition:none}}

/* --- Portfolio v4: real project thumbnail + project pages --- */
.card-a .card-visual{
  background-image:url('assets/lumea-thumb.webp');
  background-position:50% 42%;
  filter:saturate(1.02) contrast(1.05) brightness(.86);
}
.work-card{display:block;color:inherit}

.subpage{padding-top:68px;min-height:100vh;background:var(--bg)}
.sub-hero{padding:72px var(--pad) 54px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 80% 20%,rgba(0,168,117,.08),transparent 28%),#070a09}
.sub-hero-inner{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:end}
.sub-hero .breadcrumb{font-family:"Space Grotesk";text-transform:uppercase;letter-spacing:.18em;font-size:9px;color:#7f8b85;margin-bottom:18px}
.sub-hero .breadcrumb a:hover{color:var(--pale)}
.sub-hero h1{font-family:"Space Grotesk";font-size:clamp(54px,6.5vw,98px);line-height:.92;letter-spacing:-.055em;margin:0;font-weight:600}
.sub-hero p{margin:0;color:#8e9993;font-size:14px;line-height:1.8;max-width:520px}
.category-grid{max-width:var(--max);margin:auto;padding:56px var(--pad) 90px}
.project-tile{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);min-height:460px;border:1px solid var(--line);overflow:hidden;background:#0a0f0c;transition:border-color .28s ease,transform .28s var(--ease)}
.project-tile:hover{border-color:var(--eline);transform:translateY(-3px)}
.project-tile-media{min-height:460px;background:url('assets/lumea-thumb.webp') 50% 42%/cover no-repeat;position:relative}
.project-tile-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 48%,rgba(7,10,9,.18) 100%),linear-gradient(180deg,transparent 55%,rgba(7,10,9,.55) 100%)}
.project-tile-copy{padding:54px 50px;display:flex;flex-direction:column;justify-content:center}
.project-tile-copy .kicker{margin-bottom:18px}.project-tile-copy h2{font-family:"Space Grotesk";font-size:clamp(38px,4.6vw,66px);line-height:.98;letter-spacing:-.045em;margin:0 0 10px;font-weight:550}
.project-tile-copy h3{font-family:"Space Grotesk";font-size:20px;font-weight:500;margin:0 0 24px;color:#d9dfdc}
.project-tile-copy p{color:#8d9892;line-height:1.8;font-size:13px;margin:0 0 28px}
.project-link{display:inline-flex;align-items:center;gap:12px;color:var(--pale);font-family:"Space Grotesk";font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.project-link span{font-size:18px}

.case-hero{padding:72px var(--pad) 68px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 75% 32%,rgba(168,20,47,.14),transparent 32%),#070a09}
.case-hero-inner{max-width:var(--max);margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,430px);gap:90px;align-items:center}
.case-copy .breadcrumb{font-family:"Space Grotesk";text-transform:uppercase;letter-spacing:.18em;font-size:9px;color:#7f8b85;margin-bottom:24px}.case-copy .breadcrumb a:hover{color:var(--pale)}
.case-copy h1{font-family:"Space Grotesk";font-size:clamp(56px,7.5vw,112px);line-height:.88;letter-spacing:-.06em;margin:0 0 10px;font-weight:600}.case-copy h2{font-family:"Space Grotesk";font-size:clamp(20px,2.1vw,30px);font-weight:500;margin:0 0 18px;color:#d8dedb}.case-label{display:inline-block;border:1px solid var(--eline);padding:8px 11px;font-family:"Space Grotesk";font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--pale);margin-bottom:28px}.case-copy>p{max-width:640px;color:#939e98;line-height:1.85;font-size:14px}
.case-stat{display:inline-flex;align-items:center;gap:18px;margin-top:26px;padding:16px 22px;border:1px solid var(--eline);background:rgba(168,20,47,.07);transition:.25s ease;color:inherit}
.case-stat:hover{background:rgba(168,20,47,.16);border-color:var(--pale)}
.case-stat strong{font-family:"Space Grotesk";font-size:clamp(30px,3.4vw,44px);font-weight:600;letter-spacing:-.035em;color:#fff;white-space:nowrap;line-height:1}
.case-stat span{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:#c9d0cc;line-height:1.6;max-width:180px}
.case-stat span em{font-style:normal;color:var(--pale);display:block;margin-top:2px}
.case-video{width:100%;aspect-ratio:9/16;border:1px solid rgba(244,247,245,.18);background:#030504;box-shadow:0 25px 80px rgba(0,0,0,.35),0 0 50px rgba(0,168,117,.08);overflow:hidden}
.case-video iframe{width:100%;height:100%;border:0;display:block}
.case-details{padding:76px var(--pad);border-bottom:1px solid var(--line)}
.case-details-inner{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:70px}
.case-details h3,.case-gallery h3{font-family:"Space Grotesk";font-size:clamp(28px,3vw,44px);font-weight:500;letter-spacing:-.035em;margin:8px 0 24px}.case-details p{color:#909b95;font-size:13px;line-height:1.9;max-width:650px}.role-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.role-list li{padding:12px 0;border-bottom:1px solid var(--line);font-family:"Space Grotesk";font-size:15px;color:#dbe0dd;display:flex;align-items:center;gap:12px}.role-list li::before{content:"";width:6px;height:1px;background:var(--emerald)}
.case-note{margin-top:24px;padding-left:16px;border-left:1px solid var(--emerald);color:#758079!important;font-size:11px!important}
.case-note a{color:var(--pale);text-decoration:underline;text-underline-offset:2px}.case-note a:hover{color:#fff}
.case-gallery{padding:76px var(--pad) 90px;background:linear-gradient(180deg,#0b100e,#070a09)}
.case-gallery-inner{max-width:var(--max);margin:auto}.stills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.still{aspect-ratio:9/16;overflow:hidden;border:1px solid var(--line);background:#0a0f0c}.still img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}.still:hover img{transform:scale(1.025)}
.case-back{max-width:var(--max);margin:0 auto;padding:0 var(--pad) 70px}.case-back a{display:inline-flex;gap:12px;align-items:center;font-family:"Space Grotesk";font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#aeb7b2}.case-back a:hover{color:var(--pale)}

@media(max-width:900px){
  .sub-hero-inner,.case-hero-inner,.case-details-inner{grid-template-columns:1fr;gap:30px}.sub-hero{padding-top:48px}.project-tile{grid-template-columns:1fr}.project-tile-media{min-height:360px}.project-tile-copy{padding:34px 28px}.case-hero-inner{max-width:680px}.case-video{max-width:390px;margin:auto}.stills-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:620px){
  .subpage{padding-top:64px}.sub-hero,.case-hero{padding:44px var(--pad)}.category-grid{padding:34px var(--pad) 60px}.project-tile-media{min-height:320px}.case-details,.case-gallery{padding:54px var(--pad)}.stills-grid{grid-template-columns:1fr}.still{aspect-ratio:4/5}.still img{object-position:center 35%}
}

/* Red Panther Studio final branding overrides */
.card-a .card-visual{background-image:url('assets/lumea-thumb.webp');background-position:center 38%;filter:saturate(.92) contrast(1.05)}
.card-b .card-visual{background-image:url('assets/kukurydza-thumb.jpg');background-position:center 30%;filter:saturate(.88) brightness(.72) contrast(1.10)}
.card-c .card-visual{background-image:url('assets/heroes3-thumb.webp');background-position:center 26%;filter:saturate(.85) brightness(.62) contrast(1.15)}
.about-mark{color:transparent;-webkit-text-stroke:1px rgba(168,20,47,.18)}
.site-footer .footer-brand img{width:150px;height:42px;object-fit:contain;object-position:left center}
@media(max-width:760px){.hero-emerald{inset:0;width:100%;height:100%;background-position:73% 34%}.hero-shade{background:linear-gradient(180deg,rgba(8,8,8,.98) 0%,rgba(8,8,8,.93) 43%,rgba(8,8,8,.52) 67%,rgba(8,8,8,.22) 100%)}.brand img{width:180px;height:44px}}
@media(max-width:1100px) and (min-width:761px){.hero-emerald{inset:0;width:100%;height:100%;background-position:66% 34%}}

/* --- Red Panther v3: hero composition polish (desktop) --- */
@media (min-width:1101px){
  .hero-emerald{
    background-size:90% auto;
    background-position:right 46%;
    background-repeat:no-repeat;
    background-color:#080808;
  }
}

/* --- Trailer project in portfolio --- */
.portfolio-more-card{border:1px solid var(--line);padding:28px 24px;background:linear-gradient(130deg,#0d0a0b,#170b0e);position:relative;min-height:300px;overflow:hidden;color:inherit;transition:transform .28s var(--ease),border-color .28s ease}
.portfolio-more-card:hover{transform:translateY(-3px);border-color:var(--eline)}
.portfolio-more-card span{position:absolute;right:16px;top:14px;font-size:8px;color:#a98589;letter-spacing:.16em;z-index:3}
.portfolio-more-card h3{font-family:"Space Grotesk";font-weight:500;font-size:18px;margin:0 0 5px;position:relative;z-index:3}
.portfolio-more-card p{margin:0;color:#c0b6b8;font-size:10px;position:relative;z-index:3}
.portfolio-more-bg{position:absolute;inset:0;background:url('assets/trailer-thumb.webp') 50% 48%/cover no-repeat;opacity:.96;filter:saturate(.95) contrast(1.06) brightness(.9)}
.portfolio-more-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,6,7,.90) 0%,rgba(8,6,7,.58) 42%,rgba(8,6,7,.06) 78%,rgba(8,6,7,.02) 100%),linear-gradient(180deg,rgba(8,6,7,.02),rgba(8,6,7,.26))}

.case-video.landscape{max-width:none;aspect-ratio:16/9}
.case-video.landscape iframe{width:100%;height:100%;aspect-ratio:16/9}

/* --- Red Panther v7: larger lower portfolio row + more hero room --- */
@media (min-width:761px){
  .portfolio-more > article{min-height:300px;padding:28px 24px;display:flex;flex-direction:column;justify-content:flex-end;}
  .portfolio-more-card{display:flex;flex-direction:column;justify-content:flex-end;}
  .portfolio-more-card h3,.portfolio-more > article h3{font-size:22px;}
  .portfolio-more-card p,.portfolio-more > article p{font-size:11px;max-width:82%;}
}


/* --- Red Panther v8: second advertising project --- */
.category-grid{display:grid;gap:18px}
.project-tile-rc .project-tile-media{
  background-image:url('https://i.ytimg.com/vi/55laPJbPxJ0/maxresdefault.jpg');
  background-position:center center;
  background-size:cover;
}
.project-tile-rc .project-tile-media::after{
  background:linear-gradient(90deg,transparent 48%,rgba(7,10,9,.18) 100%),linear-gradient(180deg,transparent 48%,rgba(7,10,9,.62) 100%);
}

/* --- Red Panther v9: third advertising project — Vortex X-1 --- */
.project-tile-vortex .project-tile-media{
  background-image:url('assets/vortex-thumb.webp');
  background-position:center 22%;
  background-size:cover;
}
.project-tile-vortex .project-tile-media::after{
  background:linear-gradient(90deg,transparent 48%,rgba(7,10,9,.18) 100%),linear-gradient(180deg,transparent 48%,rgba(7,10,9,.62) 100%);
}

/* --- Red Panther v10: Meowl Godzilla + Autko tiles --- */
.project-tile-meowl .project-tile-media{
  background-image:url('assets/meowl-thumb.webp');
  background-position:center 25%;
  background-size:cover;
}
.project-tile-meowl .project-tile-media::after{
  background:linear-gradient(90deg,transparent 48%,rgba(7,10,9,.18) 100%),linear-gradient(180deg,transparent 48%,rgba(7,10,9,.62) 100%);
}
.project-tile-autko .project-tile-media{
  background-image:url('assets/autko-thumb.webp');
  background-position:center 55%;
  background-size:cover;
}
.project-tile-autko .project-tile-media::after{
  background:linear-gradient(90deg,transparent 48%,rgba(7,10,9,.18) 100%),linear-gradient(180deg,transparent 48%,rgba(7,10,9,.62) 100%);
}

/* --- Red Panther v11: Kukurydza short --- */
.project-tile-kukurydza .project-tile-media{
  background-image:url('assets/kukurydza-thumb.jpg');
  background-position:center 30%;
  background-size:cover;
}
.project-tile-kukurydza .project-tile-media::after{
  background:linear-gradient(90deg,transparent 48%,rgba(7,10,9,.18) 100%),linear-gradient(180deg,transparent 48%,rgba(7,10,9,.62) 100%);
}

/* --- Red Panther v12: Shorts i Reels batch --- */
.project-tile-sloth .project-tile-media{background-image:url('assets/sloth-thumb.jpg');background-position:center 30%;background-size:cover}
.project-tile-koty .project-tile-media{background-image:url('assets/koty-thumb.jpg');background-position:center 28%;background-size:cover}
.project-tile-alimenciarz .project-tile-media{background-image:url('assets/alimenciarz-thumb.jpg');background-position:center 30%;background-size:cover}
.project-tile-angry-cat .project-tile-media{background-image:url('assets/angry-cat-thumb.jpg');background-position:center 32%;background-size:cover}
.project-tile-delfin .project-tile-media{background-image:url('assets/delfin-thumb.jpg');background-position:center 42%;background-size:cover}
.project-tile-guzce .project-tile-media{background-image:url('assets/guzce-thumb.jpg');background-position:center 30%;background-size:cover}
.project-tile-sloth .project-tile-media::after,
.project-tile-koty .project-tile-media::after,
.project-tile-alimenciarz .project-tile-media::after,
.project-tile-angry-cat .project-tile-media::after,
.project-tile-delfin .project-tile-media::after,
.project-tile-guzce .project-tile-media::after{
  background:linear-gradient(90deg,transparent 48%,rgba(7,10,9,.18) 100%),linear-gradient(180deg,transparent 48%,rgba(7,10,9,.62) 100%);
}

/* --- Red Panther v13: Heroes 3 — Stronghold vs Rampart --- */
.project-tile-heroes3 .project-tile-media{
  background-image:url('assets/heroes3-thumb.webp');
  background-position:center 25%;
  background-size:cover;
}
.project-tile-heroes3 .project-tile-media::after{
  background:linear-gradient(90deg,transparent 48%,rgba(7,10,9,.18) 100%),linear-gradient(180deg,transparent 48%,rgba(7,10,9,.62) 100%);
}