:root{
  --bg:#030303;
  --bg2:#0b0b0b;
  --paper:#f4f1ee;
  --paper2:#e8ded4;
  --ink:#f4f1ee;
  --dark:#111;
  --muted:rgba(244,241,238,.68);
  --muted-dark:rgba(17,17,17,.66);
  --red:#ff4a1c;
  --red2:#ff6a3d;
  --red-dark:#b92d0c;
  --red-soft:rgba(255,74,28,.16);
  --line:rgba(244,241,238,.18);
  --line-dark:rgba(17,17,17,.16);
  --ease:cubic-bezier(.16,1,.3,1);
  --sans:Inter,Arial,Helvetica,sans-serif;
}
*{box-sizing:border-box}
html{background:var(--bg);color:var(--ink);scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);overflow-x:hidden;cursor:none}
a,button,input,textarea,select{font:inherit;color:inherit}
a{text-decoration:none}
a,button{transition:color .25s var(--ease),background .35s var(--ease),border-color .35s var(--ease),opacity .25s var(--ease)}
button{border:0;background:none;cursor:none}
img,video{display:block;max-width:100%}
::selection{background:var(--red);color:#fff}
.noise{position:fixed;inset:0;z-index:1000;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E")}
.cursor,.cursor-dot{position:fixed;left:0;top:0;z-index:1002;pointer-events:none;border-radius:50%;transform:translate(-50%,-50%);mix-blend-mode:difference}
.cursor{width:46px;height:46px;border:1px solid rgba(255,255,255,.74);transition:width .25s var(--ease),height .25s var(--ease),background .25s var(--ease),border-color .25s var(--ease)}
.cursor-dot{width:6px;height:6px;background:#fff}
.cursor.is-hover{width:82px;height:82px;background:rgba(255,255,255,.08)}

.loader{position:fixed;inset:0;z-index:1001;background:#050505;display:grid;place-items:center;transition:transform 1s var(--ease),opacity .8s var(--ease)}
.loader.is-hidden{transform:translateY(-110%);opacity:.1;pointer-events:none}
.loader__inner{width:min(420px,76vw);display:grid;gap:18px;text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:var(--muted)}
.loader__inner img{width:260px;max-width:75vw}
.loader__bar{height:2px;background:rgba(255,255,255,.13);overflow:hidden}
.loader__bar i{display:block;height:100%;width:100%;background:var(--red);transform-origin:left;animation:load 1.15s var(--ease) forwards}
@keyframes load{from{transform:scaleX(0)}to{transform:scaleX(1)}}

.site-header{position:fixed;top:0;left:0;right:0;z-index:80;height:78px;padding:0 clamp(18px,4vw,56px);display:flex;align-items:center;justify-content:space-between;color:#fff;mix-blend-mode:difference;transition:transform .55s var(--ease)}
.site-header.is-hidden{transform:translateY(-105%)}
.brand{display:inline-flex;align-items:center}
.brand img{width:clamp(118px,11vw,178px);height:auto}
.desktop-nav{display:flex;align-items:center;gap:28px;text-transform:uppercase;font-size:12px;letter-spacing:.035em}
.desktop-nav a,.talk-btn{position:relative;opacity:.9}
.desktop-nav a:after,.talk-btn:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:1px;background:currentColor;transition:width .35s var(--ease)}
.desktop-nav a:hover:after,.desktop-nav a.is-active:after,.talk-btn:hover:after,.talk-btn.is-active:after{width:100%}
.is-scrambling{color:inherit!important}
.desktop-nav a.is-scrambling,.talk-btn.is-scrambling,.text-arrow.is-scrambling,.footer a.is-scrambling,.article-card a.is-scrambling,.contact-panel a.is-scrambling{white-space:nowrap}
.header-actions{display:flex;align-items:center;gap:24px}
.talk-btn{text-transform:uppercase;font-size:12px;letter-spacing:.035em}
.menu-btn{display:flex;align-items:center;gap:7px;text-transform:uppercase;font-size:12px;letter-spacing:.035em}
.menu-btn span{display:block;width:22px;height:1px;background:currentColor}
.menu-btn span+span{margin-left:-29px;transform:translateY(6px)}

.section{position:relative;padding:clamp(82px,9vw,150px) clamp(18px,4vw,56px);border-bottom:1px solid var(--line)}
.section:has(.section-head):before{content:"";position:absolute;left:clamp(18px,4vw,56px);top:0;width:74px;height:3px;background:var(--red)}
.compact{padding-top:34px;padding-bottom:34px}
.hero{min-height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}
.hero--video{background:#000}
.hero--video:before{content:"";position:absolute;inset:auto 0 0 0;height:5px;background:var(--red);z-index:3}
.hero--video:after{content:"";position:absolute;right:-18vw;bottom:-24vw;width:54vw;height:54vw;border-radius:50%;background:radial-gradient(circle,var(--red),transparent 62%);filter:blur(55px);opacity:.34;z-index:1;pointer-events:none}
.hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.08) contrast(1.18) brightness(.82);transform:scale(1.03)}
.hero__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.38),rgba(0,0,0,.12) 45%,rgba(0,0,0,.76)),linear-gradient(90deg,rgba(255,74,28,.25),transparent 28%,rgba(0,0,0,.22));z-index:1}
.hero__kicker,.page-kicker{position:relative;z-index:2;text-transform:uppercase;letter-spacing:.06em;font-size:12px;color:var(--red2);margin-bottom:18px}
.split-title{position:relative;z-index:2;margin:0;font-size:clamp(58px,13vw,210px);line-height:.8;letter-spacing:-.048em;text-transform:uppercase;font-weight:900;max-width:98vw}
.hero .split-title{
  font-size:clamp(34px,5.4vw,46px);
  line-height:.88;
  letter-spacing:-.065em;
  max-width:min(720px,88vw);
}
.split-title span{display:block;will-change:transform,opacity}
.hero__bottom{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-top:34px;text-transform:uppercase;font-size:12px;letter-spacing:.035em;color:#fff}
.hero__bottom p{margin:0;padding:10px 0;border-top:1px solid rgba(255,255,255,.4)}
.round-link{width:132px;height:132px;border:1px solid rgba(255,255,255,.42);border-radius:50%;display:grid;place-items:center;text-align:center;text-transform:uppercase;font-size:12px;line-height:1.15;transition:background .45s var(--ease),border-color .45s var(--ease),transform .45s var(--ease)}
.round-link:hover{background:var(--red);border-color:var(--red);color:#fff;box-shadow:0 0 60px rgba(255,74,28,.45)}

.ticker-section{background:var(--red);color:#fff;border-bottom-color:rgba(255,255,255,.22)}
.ticker{overflow:hidden;white-space:nowrap}
.ticker__track{display:flex;align-items:center;gap:28px;width:max-content;animation:ticker 24s linear infinite;text-transform:uppercase;font-size:clamp(24px,4.5vw,72px);font-weight:900;letter-spacing:-.034em}
.ticker i{width:12px;height:12px;border-radius:50%;background:#fff;flex:0 0 auto}
@keyframes ticker{to{transform:translateX(-50%)}}

.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:58px}
.section-head p{max-width:960px;margin:0;font-size:clamp(34px,6.6vw,118px);line-height:.9;letter-spacing:-.04em;text-transform:uppercase;font-weight:900}
.section-head span{max-width:390px;color:var(--muted);line-height:1.38}
.intro{background:linear-gradient(180deg,var(--paper),#fff8f5);color:var(--dark);border-bottom-color:var(--line-dark)}
.intro .section-head span{color:var(--muted-dark)}
.intro-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line-dark);border-left:1px solid var(--line-dark)}
.intro-card{min-height:310px;padding:24px;display:flex;flex-direction:column;border-right:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark);transition:background .35s var(--ease),color .35s var(--ease),transform .35s var(--ease)}
.intro-card:hover{background:var(--red);color:#fff;transform:translateY(-6px)}
.intro-card:hover span,.intro-card:hover p{color:#fff}
.intro-card span,.service-card span,.process-item span,.case-study__content span,.article-card span,.motion-caption span,.split-motion__copy span,.map-copy span{color:var(--red);font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.intro-card h2{margin:auto 0 18px;font-size:clamp(30px,4vw,64px);line-height:.9;letter-spacing:-.032em;text-transform:uppercase}
.intro-card p{color:var(--muted-dark);line-height:1.42}

.project-list{display:grid;gap:0;border-bottom:1px solid var(--line)}
.project-card{border-top:1px solid var(--line);overflow:hidden}
.project-card a{display:grid;grid-template-columns:1.55fr .9fr .55fr;align-items:center;gap:24px;min-height:222px;padding:30px 0}
.project-card__title{font-size:clamp(52px,9vw,150px);font-weight:900;text-transform:uppercase;letter-spacing:-.044em;line-height:.84;transition:transform .5s var(--ease)}
.project-card__title span{display:block}
.project-card__media{height:182px;border-radius:4px;overflow:hidden;clip-path:inset(18% 18% round 4px);transition:clip-path .65s var(--ease),transform .65s var(--ease),filter .65s var(--ease)}
.project-card:hover .project-card__media{clip-path:inset(0 0 round 4px);transform:rotate(-1.4deg) scale(1.045)}
.project-card__meta{display:flex;flex-direction:column;gap:12px;align-self:end;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.035em}
.case-media{position:relative;display:grid;place-items:end start;padding:18px;background:#222;isolation:isolate}
.case-media:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(135deg,#222,#444)}
.case-media:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 70% 18%,rgba(255,255,255,.42),transparent 18%),linear-gradient(180deg,transparent,rgba(0,0,0,.65))}
.case-media span{position:relative;color:#fff;text-transform:uppercase;font-size:12px;letter-spacing:.06em}
.case-media--coffee:before{background:linear-gradient(135deg,#2b1711,#8b3024 48%,#d6b681)}
.case-media--beauty:before{background:linear-gradient(135deg,#f0c8cf,#c95976 46%,#f5efe8)}
.case-media--global:before{background:linear-gradient(135deg,#111,#1d3562 45%,#ff4a1c)}
.case-media--garage:before{background:linear-gradient(135deg,#101010,#b40f24 48%,#f7c433)}
.work .text-arrow{margin-top:34px}

.manifesto{background:var(--red);color:#fff;border-bottom-color:rgba(255,255,255,.22)}
.manifesto__number{margin-bottom:42px}
.manifesto h2{margin:0;max-width:1320px;font-size:clamp(42px,7.8vw,136px);line-height:.92;letter-spacing:-.042em;text-transform:uppercase}
.manifesto__content{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:900px;margin:54px 0 38px auto;color:rgba(255,255,255,.78);font-size:clamp(16px,1.45vw,22px);line-height:1.35}
.text-arrow{display:inline-flex;width:max-content;text-transform:uppercase;letter-spacing:.04em;font-size:12px;border-bottom:1px solid currentColor;padding-bottom:8px}

.motion-frame{height:68vh;border-radius:5px;overflow:hidden}
.motion-frame video,.split-motion__media video{width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.05)}
.motion-caption{display:flex;justify-content:space-between;gap:24px;margin-top:18px;color:var(--muted);text-transform:uppercase}
.motion-caption p{max-width:520px;margin:0;text-align:right}

.services{background:#0e0e0e;background-image:radial-gradient(circle at 82% 10%,rgba(255,74,28,.34),transparent 30%)}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.service-card{min-height:350px;padding:24px;display:flex;flex-direction:column;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .45s var(--ease),color .45s var(--ease)}
.service-card h3{margin:auto 0 20px;font-size:clamp(30px,3.2vw,54px);line-height:.9;letter-spacing:-.032em;text-transform:uppercase}
.service-card p{margin:0;color:var(--muted);line-height:1.42}
.service-card:hover{background:var(--red);color:#fff}
.service-card:hover span,.service-card:hover p{color:#fff}

.extras-list{border-top:1px solid var(--line)}
.extras-list a{display:grid;grid-template-columns:80px 1fr;align-items:center;min-height:94px;border-bottom:1px solid var(--line);font-size:clamp(24px,4vw,66px);line-height:1.02;letter-spacing:-.03em;text-transform:uppercase;transition:color .35s var(--ease),padding-left .35s var(--ease)}
.extras-list span{font-size:12px;letter-spacing:.04em;color:var(--red)}
.extras-list a:hover{color:var(--red);padding-left:18px}

.page-hero{min-height:82svh;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(circle at 80% 20%,rgba(255,74,28,.24),transparent 34%),var(--bg)}
.page-hero--light{background:var(--paper);color:var(--dark);border-bottom-color:var(--line-dark)}
.page-hero--agency{background:var(--red);color:#fff;border-bottom-color:rgba(255,255,255,.22)}
.page-hero--agency:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.18),transparent 38%),radial-gradient(circle at 85% 20%,rgba(255,255,255,.24),transparent 24%);pointer-events:none}
.page-hero--agency .page-kicker,.page-hero--agency .page-hero__copy{color:#fff}
.page-hero__meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:30px;color:var(--muted);text-transform:uppercase;font-size:12px;letter-spacing:.04em}
.page-hero--light .page-hero__meta,.page-hero--light .page-hero__copy{color:var(--muted-dark)}
.page-hero__copy{max-width:620px;margin-top:30px;color:var(--muted);font-size:clamp(17px,1.7vw,24px);line-height:1.35}

.case-grid{display:grid;gap:90px}
.case-study{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,80px);align-items:center}
.case-study:nth-child(even) .case-study__visual{order:2}
.case-study__visual{height:58vh;min-height:420px;border-radius:5px;overflow:hidden;clip-path:inset(0 round 5px)}
.case-study__content h2,.process-item h2,.article-card h2,.split-motion__copy h2{margin:18px 0;font-size:clamp(42px,6vw,104px);line-height:.92;letter-spacing:-.038em;text-transform:uppercase}
.case-study__content p,.process-item p,.article-card p,.split-motion__copy p,.map-copy p{color:var(--muted);line-height:1.45;font-size:clamp(16px,1.35vw,20px)}
.case-study__content ul{display:flex;gap:10px;flex-wrap:wrap;list-style:none;padding:0;margin:24px 0 0}
.case-study__content li{border:1px solid var(--line);border-radius:999px;padding:9px 13px;color:var(--muted);font-size:12px;text-transform:uppercase}

.process-list{display:grid;border-top:1px solid var(--line)}
.process-item{display:grid;grid-template-columns:90px .8fr 1fr;gap:30px;align-items:start;border-bottom:1px solid var(--line);padding:30px 0}
.process-item h2{margin:0}
.process-item p{margin:8px 0 0}
.split-motion{display:grid;grid-template-columns:.78fr 1.22fr;gap:34px;align-items:stretch;background:var(--paper);color:var(--dark);border-bottom-color:var(--line-dark)}
.split-motion__copy{display:flex;flex-direction:column;justify-content:space-between;min-height:560px}
.split-motion__copy p{color:var(--muted-dark);max-width:520px}
.split-motion__media{border-radius:5px;overflow:hidden;min-height:560px}

body[data-page="agency"]{background:var(--red);color:#fff}
body[data-page="agency"] .site-header{mix-blend-mode:normal;color:#fff}
body[data-page="agency"] .desktop-nav a,
body[data-page="agency"] .talk-btn,
body[data-page="agency"] .menu-btn{color:#fff}
body[data-page="agency"] .brand img{filter:none}
body[data-page="agency"] .page-kicker,
body[data-page="agency"] .process-item span,
body[data-page="agency"] .split-motion__copy span,
body[data-page="agency"] .footer h4{color:#fff}
body[data-page="agency"] .agency-process,
body[data-page="agency"] .agency-motion,
body[data-page="agency"] .footer{background:var(--red);color:#fff;border-bottom-color:rgba(255,255,255,.22)}
body[data-page="agency"] .agency-process .section-head span,
body[data-page="agency"] .process-item p,
body[data-page="agency"] .split-motion__copy p,
body[data-page="agency"] .footer a{color:rgba(255,255,255,.76)}
body[data-page="agency"] .process-list,
body[data-page="agency"] .process-item,
body[data-page="agency"] .footer__grid{border-color:rgba(255,255,255,.26)}
body[data-page="agency"] .agency-motion{background-image:linear-gradient(135deg,rgba(0,0,0,.16),transparent 45%)}
body[data-page="agency"] .split-motion__media{box-shadow:0 40px 120px rgba(80,20,0,.34)}
body[data-page="agency"] .text-arrow{color:#fff}

.article-list{display:grid;gap:2px}
.article-card{display:grid;grid-template-columns:180px 1.1fr .9fr 130px;gap:28px;align-items:start;border-top:1px solid var(--line);padding:34px 0}
.article-card:last-child{border-bottom:1px solid var(--line)}
.article-card h2{font-size:clamp(34px,4.8vw,78px);margin:0}
.article-card p{margin:0}
.article-card a{align-self:end;text-transform:uppercase;font-size:12px;color:var(--red)}

.contact-hero{min-height:92svh;display:grid;grid-template-columns:1.1fr .72fr;gap:50px;align-items:end}
.contact-hero__left h1{margin:0;font-size:clamp(52px,8vw,132px);line-height:.9;letter-spacing:-.042em;text-transform:uppercase}
.contact-panel{background:var(--paper);color:var(--dark);padding:34px;border-radius:5px;display:grid;gap:13px}
.contact-panel span{margin-top:14px;color:var(--red);font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.contact-panel a:not(.submit-btn){font-size:clamp(22px,2.5vw,36px);letter-spacing:-.04em}
.contact-panel p{margin:0;color:var(--muted-dark);line-height:1.35}
.contact-panel .submit-btn{color:var(--dark);text-align:center;display:grid;place-items:center;margin-top:18px}
.map-band{display:grid;grid-template-columns:.75fr 1fr;gap:50px;align-items:center;background:var(--paper);color:var(--dark);border-bottom-color:var(--line-dark)}
.map-copy p{color:var(--muted-dark);max-width:520px}
.orbital-map{height:520px;border:1px solid var(--line-dark);border-radius:999px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle,rgba(255,74,28,.22),transparent 22%)}
.orbital-map:before,.orbital-map:after{content:"";position:absolute;inset:16%;border:1px solid var(--line-dark);border-radius:50%}
.orbital-map:after{inset:31%}
.orbital-map i{position:absolute;width:13px;height:13px;border-radius:50%;background:var(--red)}
.orbital-map i:nth-child(1){left:18%;top:35%}.orbital-map i:nth-child(2){right:24%;top:24%}.orbital-map i:nth-child(3){right:31%;bottom:21%}.orbital-map i:nth-child(4){left:29%;bottom:29%}
.orbital-map span{font-size:clamp(48px,8vw,120px);font-weight:900;letter-spacing:-.042em;text-transform:uppercase}

.talk-page{min-height:100svh;display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,6vw,90px);align-items:center}
.talk-page__intro h1{margin:0 0 24px;font-size:clamp(54px,8vw,132px);line-height:.9;letter-spacing:-.042em;text-transform:uppercase}
.talk-page__intro p:last-child{max-width:430px;color:var(--muted);line-height:1.4}
.brief-form{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.brief-form label{display:grid;gap:9px;text-transform:uppercase;font-size:12px;color:var(--muted)}
.brief-form .full{grid-column:1/-1}
.brief-form input,.brief-form textarea,.brief-form select{width:100%;background:transparent;border:0;border-bottom:1px solid var(--line);padding:16px 0 18px;outline:0;color:var(--ink);font-size:18px;text-transform:none;border-radius:0}
.brief-form select option{color:#111}
.submit-btn{min-height:72px;border:1px solid var(--line);border-radius:999px;text-transform:uppercase;transition:background .35s var(--ease),border-color .35s var(--ease),color .35s var(--ease)}
.submit-btn:hover{background:var(--red);border-color:var(--red);color:#fff}

.footer{background:var(--paper);color:var(--dark);border-bottom:0}
.footer__big{font-size:clamp(58px,14vw,225px);font-weight:900;letter-spacing:-.048em;line-height:.82;text-transform:uppercase;margin-bottom:70px}
.footer__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;border-top:1px solid var(--line-dark);padding-top:30px}
.footer h4{margin:0 0 18px;color:var(--red);font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.footer a{display:block;margin:10px 0;color:var(--muted-dark)}

.menu-overlay{position:fixed;inset:0;z-index:90;height:100vh;height:100svh;background:var(--paper);color:var(--dark);transform:translateY(-105%);transition:transform .9s var(--ease);padding:clamp(20px,4vw,56px);overflow:hidden;display:flex;flex-direction:column}
.menu-overlay.is-open{transform:translateY(0)}
.menu-overlay__top{display:flex;justify-content:space-between;text-transform:uppercase;font-size:12px;letter-spacing:.04em;margin-bottom:clamp(22px,4vw,56px);flex:0 0 auto}
.menu-overlay__grid{display:grid;grid-template-columns:.52fr 1fr;gap:60px;align-items:center;flex:1 1 auto;min-height:0}
.menu-overlay__meta{max-width:370px;line-height:1.45;color:var(--muted-dark)}
.menu-overlay__meta img{width:230px;margin-bottom:28px}
.menu-overlay__meta a{color:var(--dark);border-bottom:1px solid currentColor}
.menu-links a{display:flex;gap:26px;align-items:center;border-top:1px solid var(--line-dark);font-size:clamp(42px,7vw,108px);font-weight:900;text-transform:uppercase;letter-spacing:-.034em;line-height:.96;padding:clamp(8px,1vw,12px) 0}
.menu-links a:last-child{border-bottom:1px solid var(--line-dark)}
.menu-links span{font-size:12px;letter-spacing:.04em;color:var(--red);font-weight:600}

.reveal{opacity:0;transform:translateY(44px);transition:opacity .85s var(--ease),transform .85s var(--ease)}
.reveal.is-visible{opacity:1;transform:translateY(0)}

@media (max-width:1000px){
  body{cursor:auto}
  a,button{cursor:pointer}
  .cursor,.cursor-dot{display:none}
  .desktop-nav{display:none}
  .site-header{height:68px}
  .brand img{width:124px}
  .section-head{display:block}
  .section-head span{display:block;margin-top:16px}
  .intro-grid,.service-grid,.manifesto__content,.footer__grid,.menu-overlay__grid,.case-study,.process-item,.split-motion,.article-card,.contact-hero,.map-band,.talk-page,.brief-form{grid-template-columns:1fr}
  .project-card a{grid-template-columns:1fr;min-height:auto}
  .project-card__media{height:260px;clip-path:inset(0 round 4px)}
  .project-card__meta{flex-direction:row;justify-content:space-between}
  .case-study:nth-child(even) .case-study__visual{order:0}
  .case-study__visual,.split-motion__media{min-height:360px;height:46vh}
  .process-item{gap:10px}
  .article-card{gap:16px}
  .motion-frame{height:50vh}
  .motion-caption{display:block}
  .motion-caption p{text-align:left;margin-top:10px}
  .orbital-map{height:360px}
  .talk-page{padding-top:120px}
}
@media (max-width:640px){
  .header-actions{gap:14px}
  .talk-btn{display:none}
  .split-title{font-size:clamp(55px,18vw,96px)}
  .hero__bottom{align-items:flex-start}
  .round-link{width:105px;height:105px}
  .menu-links a{font-size:clamp(44px,15vw,86px)}
  .extras-list a{grid-template-columns:44px 1fr}
  .contact-panel{padding:24px}
  .footer__big{font-size:clamp(56px,19vw,104px)}
}

body[data-page="work"]{background:var(--paper);color:var(--dark)}
body[data-page="work"] .site-header,
body[data-page="talk"] .site-header{mix-blend-mode:normal;color:var(--dark)}
body[data-page="work"] .desktop-nav a,
body[data-page="work"] .talk-btn,
body[data-page="work"] .menu-btn,
body[data-page="talk"] .desktop-nav a,
body[data-page="talk"] .talk-btn,
body[data-page="talk"] .menu-btn{color:var(--dark)}
.split-title,
.project-card__title,
.case-study__content h2,
.process-item h2,
.article-card h2,
.split-motion__copy h2,
.contact-hero__left h1,
.talk-page__intro h1{letter-spacing:-.025em}

.work-index{min-height:100svh;padding:clamp(122px,15vh,190px) clamp(18px,4vw,56px) 70px;background:var(--paper);color:var(--dark)}
.work-index__top{display:grid;grid-template-columns:minmax(160px,.45fr) minmax(320px,.55fr);gap:clamp(30px,8vw,130px);align-items:start;margin-bottom:clamp(80px,16vh,165px)}
.work-index__top div{display:grid;gap:8px;text-transform:uppercase;font-size:13px;letter-spacing:.02em}
.work-index__top strong{font-size:clamp(46px,8vw,112px);line-height:.85;letter-spacing:-.035em}
.work-index__top p{max-width:720px;margin:0;font-size:clamp(22px,2.5vw,42px);line-height:1.05;letter-spacing:-.028em}
.work-table{position:relative;border-top:1px solid rgba(17,17,17,.24)}
.work-table__head,
.work-row{display:grid;grid-template-columns:1.15fr .8fr .55fr;gap:24px;align-items:center}
.work-table__head{padding:0 0 14px;text-transform:uppercase;font-size:11px;letter-spacing:.06em;color:rgba(17,17,17,.48)}
.work-row{position:relative;min-height:92px;border-top:1px solid rgba(17,17,17,.24);font-size:clamp(20px,2.5vw,42px);line-height:1;letter-spacing:-.02em;transition:background .3s var(--ease),color .3s var(--ease),padding .3s var(--ease)}
.work-row:last-child{border-bottom:1px solid rgba(17,17,17,.24)}
.work-row span:nth-child(2),
.work-row span:nth-child(3){font-size:clamp(14px,1.15vw,19px);letter-spacing:-.01em;color:rgba(17,17,17,.58);transition:color .3s var(--ease)}
.work-row:hover{background:var(--red);color:#fff;padding-left:18px;padding-right:18px}
.work-row:hover span{color:#fff}
.work-preview{position:fixed;z-index:70;left:0;top:0;width:min(380px,78vw);min-height:190px;padding:22px;border-radius:8px;background:#111;color:#fff;box-shadow:0 30px 90px rgba(0,0,0,.28);opacity:0;pointer-events:none;transform:translate3d(-50%,-50%,0) scale(.92);transition:opacity .22s var(--ease),transform .22s var(--ease);font-size:20px;line-height:1.15;letter-spacing:-.02em}
.work-preview.is-visible{opacity:1;transform:translate3d(-50%,-50%,0) scale(1)}
.work-preview:before{content:"BLACK PREVIEW";display:block;margin-bottom:58px;color:var(--red);font-size:11px;letter-spacing:.08em}
.work-footer{padding:60px clamp(18px,4vw,56px) 38px;background:var(--paper);color:var(--dark)}
.work-footer__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;border-top:1px solid rgba(17,17,17,.24);padding-top:24px;margin-bottom:72px}
.work-footer h4{margin:0 0 16px;color:var(--red);font-size:11px;text-transform:uppercase;letter-spacing:.07em}
.work-footer a{display:block;margin:9px 0;color:rgba(17,17,17,.68)}
.work-footer__big{font-size:clamp(56px,16vw,245px);font-weight:900;line-height:.78;letter-spacing:-.035em;text-transform:uppercase}

.agency-red-hero,
.agency-manifesto,
.agency-capabilities,
.agency-team,
.agency-awards{background:var(--red);color:#fff;padding:clamp(92px,10vw,160px) clamp(18px,4vw,56px);border-bottom:1px solid rgba(255,255,255,.24)}
.agency-red-hero{min-height:100svh;display:grid;grid-template-columns:.42fr .58fr;grid-template-areas:"media intro" "statement statement";gap:clamp(28px,5vw,80px);align-content:end;padding-top:clamp(130px,16vh,190px);overflow:hidden}
.agency-red-hero__media{grid-area:media;width:min(420px,100%);height:clamp(190px,26vw,355px);border-radius:6px;overflow:hidden;box-shadow:0 38px 130px rgba(95,22,0,.35)}
.agency-red-hero__media video,
.agency-manifesto__video video{width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.08)}
.agency-red-hero__intro{grid-area:intro;align-self:end;max-width:680px}
.agency-red-hero__intro span,
.agency-manifesto__copy span,
.agency-section-label span{display:block;margin-bottom:22px;text-transform:uppercase;font-size:13px;letter-spacing:.06em;color:#fff}
.agency-red-hero__intro p{margin:0;font-size:clamp(24px,3vw,54px);line-height:1.02;letter-spacing:-.03em}
.agency-statement{grid-area:statement;margin:0;font-size:clamp(64px,14vw,238px);line-height:.78;letter-spacing:-.035em;text-transform:uppercase;font-weight:900;color:#fff}
.agency-manifesto{display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(30px,6vw,90px);align-items:end}
.agency-manifesto__video{height:66vh;min-height:470px;border-radius:8px;overflow:hidden;box-shadow:0 38px 130px rgba(95,22,0,.32)}
.agency-manifesto__copy{max-width:620px}
.agency-manifesto__copy p{margin:0 0 24px;font-size:clamp(21px,2.1vw,35px);line-height:1.13;letter-spacing:-.025em;color:#fff}
.agency-section-label{display:grid;grid-template-columns:.34fr .66fr;gap:40px;margin-bottom:50px}
.agency-section-label p{max-width:760px;margin:0;font-size:clamp(30px,4.4vw,78px);line-height:.95;letter-spacing:-.03em}
.capability-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.3);border-left:1px solid rgba(255,255,255,.3)}
.capability-grid article{min-height:360px;padding:24px;border-right:1px solid rgba(255,255,255,.3);border-bottom:1px solid rgba(255,255,255,.3);display:flex;flex-direction:column}
.capability-grid span{font-size:12px;letter-spacing:.07em}
.capability-grid h2{margin:auto 0 18px;font-size:clamp(28px,3vw,54px);line-height:.9;letter-spacing:-.025em;text-transform:uppercase}
.capability-grid p{margin:0;color:#fff;line-height:1.38}
.team-list,
.principle-table{border-top:1px solid rgba(255,255,255,.32)}
.team-list div,
.principle-table div{display:grid;grid-template-columns:.34fr .66fr;gap:40px;align-items:center;min-height:92px;border-bottom:1px solid rgba(255,255,255,.32)}
.team-list span,
.principle-table span{text-transform:uppercase;font-size:12px;letter-spacing:.07em}
.team-list strong,
.principle-table strong{font-size:clamp(22px,2.4vw,42px);line-height:1.05;letter-spacing:-.025em;font-weight:700}

body[data-page="talk"]{background:#d8d8d5;color:#090909}
.talk-experience{position:relative;min-height:100svh;overflow:hidden;display:grid;grid-template-columns:.47fr .53fr;align-items:center;gap:20px;padding:clamp(98px,12vh,150px) clamp(18px,4vw,56px) 42px;background:radial-gradient(circle at 72% 40%,rgba(255,255,255,.8),transparent 28%),linear-gradient(110deg,#d9d9d6,#bfc0bc)}
.talk-dialogue{position:relative;z-index:2;max-width:650px}
.talk-status{margin:0 0 72px;max-width:370px;color:rgba(9,9,9,.32);filter:blur(1.7px);font-size:clamp(20px,2vw,32px);line-height:1.1}
.talk-dialogue h1{margin:0 0 22px;font-size:clamp(34px,3.4vw,62px);line-height:1.02;letter-spacing:-.032em;font-weight:500}
.talk-helper{max-width:560px;margin:0 0 30px;color:rgba(9,9,9,.68);font-size:18px;line-height:1.35}
.talk-options{display:flex;gap:10px;flex-wrap:wrap;max-width:680px}
.talk-option,
.talk-next,
.talk-reset{min-height:42px;padding:0 22px;border-radius:999px;background:#fff;color:#090909;border:1px solid rgba(0,0,0,.08);box-shadow:0 8px 28px rgba(0,0,0,.08);transition:background .25s var(--ease),color .25s var(--ease),transform .25s var(--ease)}
.talk-option:hover,
.talk-next:hover{background:#090909;color:#fff;transform:translateY(-2px)}
.talk-field{display:grid;gap:14px;max-width:560px}
.talk-field input,
.talk-field textarea{width:100%;border:1px solid rgba(0,0,0,.13);background:rgba(255,255,255,.58);border-radius:18px;padding:18px 20px;color:#090909;outline:0;font-size:18px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.talk-field textarea{min-height:135px;resize:vertical}
.talk-progress{width:min(420px,100%);height:3px;margin-top:32px;background:rgba(0,0,0,.12);overflow:hidden;border-radius:999px}
.talk-progress i{display:block;height:100%;width:0;background:var(--red);transition:width .45s var(--ease)}
.talk-character{position:relative;z-index:1;min-height:72vh;display:grid;place-items:end center}
.beng-bot{--look-x:0px;--look-y:0px;position:relative;width:min(620px,45vw);height:min(720px,74vh);display:grid;place-items:center;transform:translate(var(--look-x),var(--look-y));transition:transform .18s ease-out}
.tv-head{position:relative;width:78%;aspect-ratio:1.12/1;background:linear-gradient(135deg,#908d87,#343434 58%,#171717);border:10px solid #b6b2aa;border-radius:30px;box-shadow:inset 0 0 0 8px rgba(0,0,0,.22),0 38px 90px rgba(0,0,0,.24);transform:rotate(calc(var(--look-x) * .05)) translate(calc(var(--look-x) * .35),calc(var(--look-y) * .25));transition:transform .18s ease-out}
.tv-top{position:absolute;left:20%;right:20%;top:-22px;height:16px;border-radius:12px 12px 0 0;background:#111}
.tv-screen{position:absolute;inset:11%;border-radius:18px;background:radial-gradient(circle at 35% 38%,rgba(255,255,255,.25),transparent 16%),linear-gradient(135deg,#1c241f,#080909);border:5px solid rgba(0,0,0,.5);overflow:hidden;box-shadow:inset 0 0 50px rgba(0,0,0,.78)}
.scanlines{position:absolute;inset:0;opacity:.24;background:repeating-linear-gradient(180deg,transparent 0 4px,rgba(255,255,255,.22) 5px);mix-blend-mode:screen;pointer-events:none}
.bot-eye{position:absolute;top:43%;width:25%;aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:0 0 28px #fff,0 0 58px rgba(0,190,255,.55),8px 10px 28px rgba(255,74,28,.46);transform:translate(calc(var(--look-x) * .45),calc(var(--look-y) * .45));transition:transform .14s ease-out,width .25s var(--ease),height .25s var(--ease),border-radius .25s var(--ease)}
.bot-eye--left{left:19%}
.bot-eye--right{right:19%}
.screen-text{position:absolute;left:18px;bottom:14px;color:rgba(255,255,255,.72);font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.tv-buttons{position:absolute;right:12%;bottom:8%;display:flex;gap:8px}
.tv-buttons i{width:13px;height:6px;border-radius:10px;background:rgba(255,255,255,.32)}
.bot-neck{position:absolute;bottom:8%;width:72px;height:90px;background:linear-gradient(90deg,#c7a58d,#7d5346);border-radius:0 0 38px 38px;z-index:-1}
.bot-body{position:absolute;bottom:-11%;width:58%;height:30%;border-radius:45% 45% 0 0;background:linear-gradient(135deg,#dad6d0,#9a9690);z-index:-2}
.bot-wire{position:absolute;width:31%;height:48%;border:4px solid #111;border-left:0;border-bottom:0;border-radius:0 100% 0 0;right:2%;top:29%;transform:rotate(9deg);opacity:.85}
.bot-wire--two{right:0;top:37%;height:38%;transform:rotate(-16deg);opacity:.65}
.beng-bot.is-glitch .tv-screen{animation:screen-glitch .2s steps(2,end)}
.beng-bot.is-excited .bot-eye{width:29%}
.beng-bot.is-thinking .bot-eye{height:12%;border-radius:999px}
.beng-bot.is-done .tv-screen{background:radial-gradient(circle at 50% 42%,rgba(255,74,28,.35),transparent 28%),linear-gradient(135deg,#1b1b1b,#060606)}
@keyframes screen-glitch{
  0%{filter:hue-rotate(0);transform:translate(0)}
  35%{filter:hue-rotate(80deg);transform:translate(-5px,3px)}
  70%{filter:hue-rotate(-35deg);transform:translate(6px,-2px)}
  100%{filter:hue-rotate(0);transform:translate(0)}
}
.talk-reset{position:absolute;left:clamp(18px,4vw,56px);bottom:34px;background:#090909;color:#fff;width:54px;height:54px;padding:0;font-size:0}
.talk-reset:before{content:"R";font-size:18px;line-height:1;font-weight:800}

@media (max-width:1000px){
  .work-index__top,
  .work-table__head,
  .work-row,
  .agency-red-hero,
  .agency-manifesto,
  .agency-section-label,
  .team-list div,
  .principle-table div,
  .talk-experience{grid-template-columns:1fr}
  .work-table__head{display:none}
  .work-row{gap:10px;padding:20px 0}
  .work-row span:nth-child(2),
  .work-row span:nth-child(3){font-size:14px}
  .capability-grid,
  .work-footer__grid{grid-template-columns:1fr 1fr}
  .agency-red-hero{grid-template-areas:"media" "intro" "statement"}
  .agency-manifesto__video{min-height:340px;height:46vh}
  .talk-experience{padding-top:105px}
  .talk-status{margin-bottom:28px;filter:none}
  .talk-character{min-height:48vh;place-items:center}
  .beng-bot{width:min(420px,84vw);height:520px}
}
@media (max-width:640px){
  .capability-grid,
  .work-footer__grid{grid-template-columns:1fr}
  .work-preview{display:none}
  .agency-red-hero,
  .agency-manifesto,
  .agency-capabilities,
  .agency-team,
  .agency-awards{padding-left:18px;padding-right:18px}
  .agency-statement{font-size:clamp(58px,18vw,104px)}
  .talk-options{display:grid}
  .talk-option,
  .talk-next{width:100%}
  .beng-bot{height:430px}
}
@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
}

/* --- Targeted update / loader, work line, team cards, journal detail --- */
.loader{background:#030303;overflow:hidden}
.loader__marquee{position:absolute;inset:0;display:grid;align-content:center;gap:22px;transform:rotate(-8deg);opacity:.18;pointer-events:none}
.loader__marquee-track{display:flex;gap:34px;width:max-content;animation:loaderMarquee 13s linear infinite;white-space:nowrap;font-size:clamp(52px,12vw,180px);font-weight:900;letter-spacing:-.06em;text-transform:uppercase;color:#fff}
.loader__marquee-track--alt{animation-direction:reverse;animation-duration:17s;opacity:.75;transform:translateX(-18%)}
.loader__marquee-track span{display:block}.loader__marquee-track .is-red{color:var(--red)}
.loader__inner{position:relative;z-index:2;width:min(620px,82vw);gap:20px;color:rgba(244,241,238,.7)}
.loader__eyebrow{color:var(--red);letter-spacing:.16em}.loader__scramble{font-size:clamp(42px,8vw,112px);line-height:.82;letter-spacing:-.055em;text-transform:uppercase;color:#fff;font-weight:900}
.loader__meta{display:flex;align-items:center;justify-content:space-between;gap:20px}.loader__meta b{color:#fff;font-size:12px;letter-spacing:.08em}
@keyframes loaderMarquee{to{transform:translateX(-50%)}}

.work-table__head{border-bottom:1px solid rgba(17,17,17,.24);padding-bottom:16px}
.work-table__head + .work-row{border-top:0}

.agency-people{padding-top:clamp(80px,9vw,140px)}
.team-member-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid rgba(255,255,255,.32);border-left:1px solid rgba(255,255,255,.32)}
.team-member-grid article{min-height:330px;padding:24px;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.32);border-bottom:1px solid rgba(255,255,255,.32);background:rgba(255,255,255,.04);transition:background .35s var(--ease),transform .35s var(--ease)}
.team-member-grid article:hover{background:rgba(255,255,255,.12);transform:translateY(-4px)}
.team-member-grid span{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#fff}.team-member-grid strong{margin:auto 0 16px;font-size:clamp(34px,4vw,76px);line-height:.86;letter-spacing:-.045em;text-transform:uppercase}.team-member-grid p{margin:0;color:rgba(255,255,255,.76);line-height:1.38}

.journal-hero .page-hero__copy{max-width:640px;color:var(--muted);font-size:clamp(18px,1.7vw,25px);line-height:1.35}
body[data-page="journal-detail"]{background:var(--bg);color:var(--ink)}
.article-detail-hero{min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(circle at 82% 18%,rgba(255,74,28,.35),transparent 28%),linear-gradient(180deg,#080808,#030303)}
.article-detail-hero .text-arrow{margin-bottom:clamp(36px,6vw,76px)}
.article-detail-hero__grid{display:grid;grid-template-columns:.28fr .72fr;gap:clamp(26px,5vw,80px);align-items:end}
.article-detail-hero__meta{display:grid;gap:12px;color:var(--muted);text-transform:uppercase;font-size:12px;letter-spacing:.05em}.article-detail-hero__meta span{color:var(--red);font-size:clamp(46px,8vw,120px);font-weight:900;letter-spacing:-.055em;line-height:.82}
.article-detail-title{margin:0;font-size:clamp(50px,8vw,136px);line-height:.86;letter-spacing:-.05em;text-transform:uppercase;max-width:1180px}.article-detail-excerpt{max-width:760px;margin:32px 0 0;color:var(--muted);font-size:clamp(18px,1.65vw,25px);line-height:1.38}
.article-detail-orbit{display:flex;gap:10px;flex-wrap:wrap;margin-top:46px}.article-detail-orbit span{border:1px solid rgba(244,241,238,.22);border-radius:999px;padding:10px 14px;color:rgba(244,241,238,.72);text-transform:uppercase;font-size:12px;letter-spacing:.07em}
.article-detail-body{display:grid;grid-template-columns:.32fr .68fr;gap:clamp(28px,7vw,120px);background:var(--paper);color:var(--dark);border-bottom-color:var(--line-dark)}
.article-detail-aside{position:sticky;top:110px;align-self:start;border-top:1px solid var(--line-dark);padding-top:24px}.article-detail-aside span{display:block;margin-bottom:20px;color:var(--red);font-size:12px;text-transform:uppercase;letter-spacing:.07em}.article-detail-aside ul{display:grid;gap:14px;margin:0;padding:0;list-style:none}.article-detail-aside li{color:var(--muted-dark);line-height:1.35;border-bottom:1px solid var(--line-dark);padding-bottom:14px}
.article-detail-copy{max-width:860px}.article-detail-copy p,.article-detail-copy blockquote{margin:0 0 30px;font-size:clamp(22px,2.2vw,38px);line-height:1.16;letter-spacing:-.028em}.article-detail-copy blockquote{padding:34px;border-left:4px solid var(--red);background:#fff;color:var(--dark);font-weight:650}
.journal-next{background:#0b0b0b}
@media (max-width:1000px){.team-member-grid{grid-template-columns:1fr 1fr}.article-detail-hero__grid,.article-detail-body{grid-template-columns:1fr}.article-detail-aside{position:relative;top:auto}.article-detail-title{font-size:clamp(44px,13vw,86px)}}
@media (max-width:640px){.loader__meta{display:grid}.team-member-grid{grid-template-columns:1fr}.team-member-grid article{min-height:250px}.article-detail-copy p,.article-detail-copy blockquote{font-size:22px}.article-detail-copy blockquote{padding:24px}.article-detail-hero{min-height:92svh}}

/* --- Targeted v13 fixes: work table, agency lists, menu stability, footer, contact --- */
.site-header{mix-blend-mode:normal;isolation:isolate}
.site-header::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(3,3,3,.18),rgba(3,3,3,0));opacity:.55;transition:opacity .3s var(--ease)}
body[data-page="work"] .site-header::before,
body[data-page="talk"] .site-header::before{background:linear-gradient(180deg,rgba(244,241,238,.72),rgba(244,241,238,0));opacity:.86}
body[data-page="agency"] .site-header::before{background:linear-gradient(180deg,rgba(255,74,28,.88),rgba(255,74,28,0));opacity:.88}
.menu-overlay.is-open ~ .site-header::before{opacity:0}

.work-table{border-top:0;overflow:hidden}
.work-table__head{position:relative;padding:16px 0 18px;border-top:1px solid rgba(17,17,17,.24);border-bottom:1px solid rgba(17,17,17,.24);line-height:1;background:var(--paper)}
.work-table__head span{display:block;align-self:center}
.work-table__head + .work-row{border-top:0}
.work-row{border-top:1px solid rgba(17,17,17,.24)}

.service-list,.role-list{border-top:1px solid rgba(255,255,255,.32)}
.service-list article,.role-list article{position:relative;display:grid;grid-template-columns:86px minmax(260px,.9fr) minmax(280px,1.1fr);gap:clamp(18px,4vw,54px);align-items:center;min-height:96px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.32);transition:padding-left .35s var(--ease),background .35s var(--ease),color .35s var(--ease)}
.service-list span,.role-list span{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.68)}
.service-list strong,.role-list strong{font-size:clamp(24px,3.4vw,62px);line-height:.92;letter-spacing:-.035em;text-transform:uppercase;font-weight:900;color:#fff}
.service-list p,.role-list p{margin:0;max-width:620px;color:rgba(255,255,255,.72);line-height:1.38}
.service-list article:hover,.role-list article:hover,.role-list article:focus-visible{padding-left:18px;background:rgba(255,255,255,.08);outline:0}
.role-list p{opacity:0;transform:translateY(8px);padding:16px 18px;border:1px solid rgba(255,255,255,.22);border-radius:18px;background:rgba(255,255,255,.08);box-shadow:0 20px 70px rgba(95,22,0,.2);transition:opacity .25s var(--ease),transform .25s var(--ease)}
.role-list article:hover p,.role-list article:focus-visible p{opacity:1;transform:translateY(0)}

.footer{position:relative;overflow:hidden}
.footer:before{content:"";position:absolute;right:-12vw;bottom:-18vw;width:42vw;height:42vw;border-radius:50%;background:radial-gradient(circle,rgba(255,74,28,.16),transparent 64%);pointer-events:none}
.footer a,.work-footer a{transition:color .25s var(--ease),padding-left .25s var(--ease)}
.footer a:hover,.work-footer a:hover{color:var(--red);padding-left:8px}
body[data-page="agency"] .footer{border-top:1px solid rgba(17,17,17,.12)}

.menu-overlay{overflow:hidden}
.menu-links{min-width:0}
.menu-links a{position:relative;white-space:nowrap;min-width:100%;will-change:color;background:transparent;transform:translateZ(0);overflow:hidden}
.menu-links a.is-scrambling{display:flex!important;width:100%!important;min-width:100%!important;max-width:100%!important}
.menu-links a:hover{color:var(--red)}
.menu-links span{flex:0 0 42px}
.menu-overlay__top button.is-scrambling{min-width:70px!important}

.contact-hero--expanded{min-height:88svh;align-items:end;background:radial-gradient(circle at 88% 14%,rgba(255,74,28,.18),transparent 28%),var(--bg)}
.contact-lead{max-width:680px;margin:24px 0 0;color:var(--muted);font-size:clamp(18px,1.55vw,24px);line-height:1.35;letter-spacing:-.02em}
.contact-routes{background:var(--paper);color:var(--dark);border-bottom-color:var(--line-dark)}
.contact-routes .section-head span{color:var(--muted-dark)}
.contact-route-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line-dark);border-left:1px solid var(--line-dark)}
.contact-route-grid a{min-height:290px;padding:24px;display:flex;flex-direction:column;border-right:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark);transition:background .35s var(--ease),color .35s var(--ease),transform .35s var(--ease)}
.contact-route-grid a:hover{background:var(--red);color:#fff;transform:translateY(-6px)}
.contact-route-grid span{color:var(--red);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.contact-route-grid a:hover span,.contact-route-grid a:hover p{color:#fff}
.contact-route-grid strong{margin:auto 0 18px;font-size:clamp(30px,3.5vw,64px);line-height:.9;letter-spacing:-.035em;text-transform:uppercase}.contact-route-grid p{margin:0;color:var(--muted-dark);line-height:1.42}
.contact-map-band{background:linear-gradient(180deg,var(--paper),#fff8f4);color:var(--dark);border-bottom-color:var(--line-dark)}

.article-card h2 a{display:inline;color:inherit}.article-card h2 a:hover{color:var(--red)}
.article-detail-hero .text-arrow,.article-detail-aside a,.journal-next a{will-change:contents}

@media (max-width:1000px){
  .service-list article,.role-list article{grid-template-columns:58px 1fr;gap:16px;align-items:start;min-height:0;padding:20px 0}.service-list p,.role-list p{grid-column:2}.role-list p{opacity:1;transform:none;background:rgba(255,255,255,.06)}
  .contact-route-grid{grid-template-columns:1fr}.contact-route-grid a{min-height:220px}
  .menu-overlay{padding:20px 18px}.menu-overlay__top{margin-bottom:16px}.menu-overlay__grid{grid-template-columns:1fr;gap:18px;align-items:start}.menu-overlay__meta{max-width:none}.menu-overlay__meta img{width:160px;margin-bottom:12px}.menu-overlay__meta p{margin:0 0 8px;font-size:13px}.menu-links a{font-size:clamp(34px,10vw,58px);line-height:.88;padding:7px 0}.menu-links span{flex-basis:34px}
}
@media (max-width:640px){
  .work-table__head{display:none!important}.work-row{border-top:1px solid rgba(17,17,17,.24)}
  .service-list article,.role-list article{grid-template-columns:44px 1fr}.service-list p,.role-list p{grid-column:1/-1}.role-list p{padding:14px}
  .menu-overlay__meta p{display:none}.menu-overlay__meta img{width:136px}.menu-overlay__meta a{font-size:13px}.menu-links a{font-size:clamp(31px,10.8vw,48px);padding:5px 0}.menu-overlay__top{font-size:11px}.menu-overlay{height:100dvh}
}
body.is-menu-open .site-header::before{opacity:0}

/* --- v16 / Journal title links removed --- */
body[data-page="journal"] .article-card h2{
  font-size:clamp(34px,4.8vw,78px);
  line-height:.92;
  letter-spacing:-.025em;
  text-transform:uppercase;
  font-weight:900;
  color:inherit;
  margin:0;
}

body[data-page="journal"] .article-card > a{
  align-self:end;
  width:max-content;
  white-space:nowrap;
}

body[data-page="journal"] .article-card > a.is-scrambling{
  white-space:nowrap!important;
}
/* Black Creative brand refinements */
.brand img{width:clamp(128px,10vw,168px);max-height:58px;object-fit:contain}
.hero__brandmark{position:relative;z-index:2;width:min(860px,78vw);margin:0 auto auto;align-self:center;filter:drop-shadow(0 20px 54px rgba(0,0,0,.35))}
.hero__brandmark img{width:100%;height:auto}
.hero--video{padding-top:118px}
.case-media--lunqa:before{background:linear-gradient(135deg,#172419,#314632 45%,#c8b48d)}
.case-media--tocars:before{background:linear-gradient(135deg,#071424,#102f55 46%,#ff4a1c)}
.case-media--muse:before{background:linear-gradient(135deg,#ede3d7,#9c535b 50%,#2a1116)}
.case-media--coffylab:before{background:linear-gradient(135deg,#32190f,#9e5f2f 48%,#f4d8ae)}
.case-media--nurtel:before{background:linear-gradient(135deg,#0052c9,#f5d622 50%,#ffffff)}
.case-media--bewash:before{background:linear-gradient(135deg,#050505,#352800 46%,#d4a725)}
.footer__big{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em}
.orbital-map span{font-family:Georgia,'Times New Roman',serif;font-weight:400;text-transform:none}
@media (max-width:760px){
  .hero__brandmark{width:min(88vw,560px);margin-top:12vh}
  .brand img{width:118px;max-height:50px}
}

/* ============================================================
   BLACK CREATIVE v30 — içerik sistemi, Türkçe tipografi ve proje detayı
   ============================================================ */
.brand-name,
.brand-name *{text-transform:none!important}

/* Türkçe büyük başlıklarda İ, Ğ, Ü gibi üst işaretlerin satırlara karışmasını önler. */
.section-head p,
.split-title,
.project-card__title,
.manifesto h2,
.intro-card h2,
.service-card h3,
.agency-statement,
.agency-section-label p,
.capability-grid h2,
.service-list strong,
.role-list strong,
.principle-table strong,
.article-card h2,
.article-detail-title,
.contact-hero__left h1,
.contact-route-grid strong,
.work-footer__big,
.footer__big{
  line-height:1!important;
  padding-top:.07em;
  padding-bottom:.05em;
}

.section-head p{line-height:1.02!important}
.agency-statement{line-height:.94!important}
.project-card__title{line-height:.96!important}
.split-title{line-height:.96!important}
.manifesto h2,.article-detail-title,.contact-hero__left h1{line-height:.98!important}
.footer__big,.work-footer__big{line-height:.9!important}

.hero__statement{position:relative;z-index:2;width:min(1180px,92vw);margin:auto 0 0}
.hero__statement .hero__kicker{margin:0 0 20px}
.hero__statement h1{margin:0;max-width:1100px;font-size:clamp(48px,8.8vw,154px);font-weight:900;letter-spacing:-.048em;line-height:.94;text-transform:uppercase;text-wrap:balance}
.hero--video{padding-top:128px}

.project-card__image{padding:0;background:#111}
.project-card__image:before,.project-card__image:after{display:none}
.project-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease),filter .7s var(--ease)}
.project-card:hover .project-card__image img{transform:scale(1.055);filter:saturate(1.08) contrast(1.04)}

body[data-page="project"]{background:var(--paper);color:var(--dark)}
body[data-page="project"] .site-header,
body[data-page="project"] .desktop-nav a,
body[data-page="project"] .talk-btn,
body[data-page="project"] .menu-btn{color:var(--dark)}
body[data-page="project"] .site-header::before{background:linear-gradient(180deg,rgba(244,241,238,.9),rgba(244,241,238,0));opacity:.9}

.project-detail-hero{min-height:94svh;padding-top:clamp(132px,17vh,210px);background:var(--paper);color:var(--dark);border-bottom-color:var(--line-dark)}
.project-detail-hero .text-arrow{color:var(--dark)}
.project-detail-hero__grid{display:grid;grid-template-columns:minmax(150px,.25fr) minmax(0,.75fr);gap:clamp(32px,8vw,130px);align-items:start;margin-top:clamp(70px,12vh,130px)}
.project-detail-hero__meta{display:grid;gap:12px;color:var(--muted-dark);text-transform:uppercase;font-size:12px;letter-spacing:.06em}
.project-detail-hero__meta>span{color:var(--red);font-size:clamp(46px,8vw,116px);font-weight:900;letter-spacing:-.05em;line-height:.88}
.project-detail-hero__meta p{margin:0}
.project-detail-title{margin:0;max-width:1180px;font-size:clamp(62px,12.5vw,220px);font-weight:900;letter-spacing:-.055em;line-height:.9!important}
.project-detail-title .brand-name{display:block}
.project-detail-summary{max-width:820px;margin:36px 0 0;color:var(--muted-dark);font-size:clamp(21px,2.2vw,38px);line-height:1.18;letter-spacing:-.026em}

.project-cover-section{padding:0 clamp(18px,4vw,56px) clamp(82px,9vw,150px);background:var(--paper)}
.project-cover{margin:0;overflow:hidden;border-radius:4px;background:#111;aspect-ratio:16/10}
.project-cover img{width:100%;height:100%;object-fit:cover}

.project-overview{display:grid;grid-template-columns:.22fr .52fr .26fr;gap:clamp(28px,5vw,80px);align-items:start;background:var(--bg);color:var(--ink)}
.project-overview__label span,.project-scope>span{display:block;color:var(--red);font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.project-overview__copy p{margin:0;font-size:clamp(27px,3.4vw,58px);line-height:1.08;letter-spacing:-.035em}
.project-scope{border-top:1px solid var(--line);padding-top:18px}
.project-scope ul{list-style:none;margin:26px 0 0;padding:0}
.project-scope li{padding:13px 0;border-bottom:1px solid var(--line);color:var(--muted);line-height:1.35}

.project-feed{background:linear-gradient(180deg,var(--paper),#fff8f4);color:var(--dark);border-bottom-color:var(--line-dark)}
.project-feed .section-head span{color:var(--muted-dark)}
.project-feed-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(8px,1.4vw,22px)}
.project-feed-grid figure{margin:0;overflow:hidden;background:#111;aspect-ratio:1}
.project-feed-grid img{width:100%;height:100%;object-fit:cover;transition:transform .65s var(--ease)}
.project-feed-grid figure:hover img{transform:scale(1.035)}

.project-next{background:var(--red);color:#fff;border-bottom-color:rgba(255,255,255,.22)}
.project-next .page-kicker{color:#fff}
.project-next__link{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-top:24px;border-top:1px solid rgba(255,255,255,.4);padding-top:28px;font-size:clamp(52px,11vw,190px);font-weight:900;letter-spacing:-.05em;line-height:.92}
.project-next__link i{font-style:normal;font-size:.35em;font-weight:400}

.menu-overlay__meta a{display:block;margin-top:7px}

@media (max-width:1000px){
  .hero__statement h1{font-size:clamp(46px,10.5vw,106px)}
  .project-detail-hero__grid,.project-overview{grid-template-columns:1fr}
  .project-detail-hero__meta{grid-template-columns:auto 1fr 1fr;align-items:end}
  .project-overview__copy{max-width:900px}
  .project-scope{max-width:620px}
}

@media (max-width:760px){
  .hero__statement{margin-top:auto}
  .hero__statement h1{font-size:clamp(40px,12.2vw,70px);line-height:.98}
  .hero__bottom{display:grid;grid-template-columns:1fr 1fr;align-items:end}
  .hero__bottom .round-link{grid-column:1/-1;justify-self:end;width:108px;height:108px}
  .project-card a{grid-template-columns:1fr;gap:14px;padding:26px 0}
  .project-card__title{font-size:clamp(48px,16vw,92px)}
  .project-card__media{height:auto;aspect-ratio:16/10;clip-path:inset(0)}
  .project-card__meta{flex-direction:row;justify-content:space-between;align-self:auto}
  .project-detail-hero{min-height:auto;padding-top:130px}
  .project-detail-hero__grid{margin-top:64px}
  .project-detail-hero__meta{grid-template-columns:1fr;gap:8px}
  .project-detail-title{font-size:clamp(52px,17vw,92px);line-height:.94!important}
  .project-detail-summary{font-size:21px}
  .project-cover-section{padding-left:18px;padding-right:18px}
  .project-feed-grid{grid-template-columns:repeat(2,1fr);gap:8px}
  .project-next__link{font-size:clamp(42px,14vw,78px)}
}

@media (max-width:480px){
  .project-feed-grid{grid-template-columns:1fr}
}

/* BLACK CREATIVE v31 — Proje önizleme kapakları + canlı Instagram 4:5 akışı */
.work-preview{
  width:min(440px,78vw);
  min-height:0;
  padding:0;
  overflow:hidden;
  background:#0b0b0b;
  color:#fff;
  border:1px solid rgba(255,255,255,.12);
}
.work-preview:before{display:none}
.work-preview__media{position:relative;aspect-ratio:16/10;overflow:hidden;background:#171717}
.work-preview__media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.28));pointer-events:none}
.work-preview__media img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.01)}
.work-preview__body{padding:18px 20px 21px}
.work-preview__body>span{display:block;margin-bottom:10px;color:var(--red);font-size:10px;line-height:1;letter-spacing:.12em}
.work-preview__body strong{display:block;margin-bottom:8px;font-size:clamp(22px,2vw,30px);line-height:.95;letter-spacing:-.045em}
.work-preview__body p{margin:0;color:rgba(255,255,255,.68);font-size:14px;line-height:1.45;letter-spacing:0}

.instagram-feed-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 clamp(18px,2vw,28px);padding-top:16px;border-top:1px solid rgba(10,10,10,.14)}
.instagram-feed-toolbar a{display:inline-flex;align-items:center;gap:8px;color:var(--dark);font-size:14px;font-weight:600;text-decoration:none}
.instagram-feed-toolbar a i{font-style:normal;color:var(--red)}
.instagram-feed-toolbar>span{color:var(--muted-dark);font-size:12px;text-align:right}
.instagram-feed-toolbar>span.is-live{color:#267447}
.instagram-feed-toolbar>span.is-fallback{color:#8b6b2d}

.project-feed-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(5px,.75vw,12px)}
.project-feed-grid .instagram-feed-card{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:#111;color:#fff}
.project-feed-grid .instagram-feed-card img,
.project-feed-grid .instagram-feed-card video{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s var(--ease),filter .35s ease}
.project-feed-grid .instagram-feed-card:hover img,
.project-feed-grid .instagram-feed-card:hover video{transform:scale(1.035)}
.instagram-feed-card__type,
.instagram-feed-card__icon{position:absolute;z-index:2;top:10px;right:10px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(0,0,0,.42);color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.instagram-feed-card__type svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.instagram-feed-card__icon{font-size:13px;font-weight:700}
.instagram-feed-card:after{content:"";position:absolute;inset:auto 0 0;height:24%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.18));opacity:0;transition:opacity .3s ease;pointer-events:none}
.instagram-feed-card:hover:after{opacity:1}

@media (max-width:700px){
  .project-feed-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
  .instagram-feed-toolbar{align-items:flex-start;flex-direction:column;gap:7px}
  .instagram-feed-toolbar>span{text-align:left}
  .instagram-feed-card__type,.instagram-feed-card__icon{top:6px;right:6px;width:22px;height:22px}
  .instagram-feed-card__type svg{width:13px;height:13px}
}