:root{
  --bg:#090909;
  --ink:#111;
  --paper:#f1eee8;
  --paper-2:#e8e3dc;
  --muted:#8c8780;
  --line-dark:#2b2b2b;
  --line-light:#c8c2ba;
  --red:#f02f2f;
  --pad:clamp(22px,3vw,58px);
  --max:1800px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:#fff;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{color:inherit}
img{display:block;max-width:100%}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.025;z-index:99;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.section-shell{width:min(var(--max),100%);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}
.section-dark{background:var(--bg);color:#fff}
.section-light{background:var(--paper);color:var(--ink)}

.site-header{position:absolute;z-index:20;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;padding:20px var(--pad);mix-blend-mode:normal}
.brand img{width:clamp(120px,12vw,185px);height:auto}
.site-nav{display:flex;gap:clamp(18px,2.3vw,42px);align-items:center;text-transform:uppercase;font-size:10px;letter-spacing:.14em}
.site-nav a{position:relative;padding:8px 0}
.site-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:1px;height:1px;background:var(--red);transition:.25s}
.site-nav a:hover:after{right:0}
.menu-toggle{display:none;background:none;border:0;text-transform:uppercase;font-size:10px;letter-spacing:.14em}

.hero{position:relative;min-height:100svh;background:#050505;overflow:hidden}
.hero-media{position:absolute;inset:0;overflow:hidden}
.hero-media iframe{position:absolute;left:50%;top:50%;width:177.78vh;height:56.25vw;min-width:100%;min-height:100%;transform:translate(-50%,-50%);border:0;pointer-events:none}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.72) 28%,rgba(0,0,0,.18) 66%,rgba(0,0,0,.4) 100%),linear-gradient(0deg,rgba(0,0,0,.3),transparent 40%)}
.hero-copy{position:relative;z-index:2;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:120px var(--pad) 42px}
.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:10px;margin:0 0 18px;color:#d3d0cb}
.hero h1{margin:0;width:min(920px,80vw);font-size:clamp(84px,11.6vw,210px);line-height:.76;letter-spacing:-.085em;font-weight:500}
.hero h1>span{display:block;width:max-content}
.hero h1 .outline{color:rgba(255,255,255,.63)}
.post-word{position:relative;display:block;width:max-content;white-space:nowrap;padding-right:.02em}
.post-word .period{position:absolute;left:calc(100% - .23em);top:0;margin:0;display:block}
.hero-bottom{margin-top:auto;display:flex;justify-content:space-between;gap:20px;text-transform:uppercase;letter-spacing:.14em;font-size:9px;color:#d3d0cb}
.hero-bottom a{color:#fff}

.section-kicker{display:flex;align-items:center;gap:18px;text-transform:uppercase;font-size:10px;letter-spacing:.16em;color:#9e9993}
.section-kicker span{color:var(--red)}
.section-kicker p{margin:0}
.section-kicker.dark{color:#615d58}

.work-section{background:var(--paper);color:var(--ink);padding:100px 0 120px}
.work-intro{display:grid;grid-template-columns:1.35fr .65fr;gap:clamp(30px,6vw,120px);align-items:end;margin:42px 0 60px}
.work-intro h2,.cap-head h2,.mocap-copy h2,.about-grid h2,.contact-top h2{font-size:clamp(54px,7vw,112px);line-height:.9;letter-spacing:-.065em;font-weight:500;margin:0}
.work-intro p,.cap-head p{max-width:540px;color:#6e6963;font-size:17px;line-height:1.55;margin:0 0 5px}
.work-controls{position:sticky;top:0;z-index:8;background:rgba(241,238,232,.94);backdrop-filter:blur(12px);display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--line-light);border-bottom:1px solid var(--line-light);padding:14px 0;margin:0 0 44px}
.filters{display:flex;gap:18px;flex-wrap:wrap;align-items:center}
.filters button,.views button{background:none;border:0;padding:6px 0;text-transform:uppercase;font-size:9px;letter-spacing:.11em;cursor:pointer;color:#6f6a64;white-space:nowrap}
.filters button.active,.views button.active{color:var(--red)}
.filters button.active{border-bottom:1px solid var(--red)}
.views{display:flex;gap:14px;align-items:center;flex-shrink:0}
.views:before{content:"View";font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#938d86;margin-right:4px}
.project-stage{min-height:300px}
.project-card{cursor:pointer;outline:none}
.project-poster{overflow:hidden;background:#101010;position:relative}
.project-poster img,.project-poster iframe{width:100%;height:100%;object-fit:cover;border:0;transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .4s}
.project-card:hover .project-poster img{transform:scale(1.025)}
.project-meta h3{margin:0;font-weight:500;letter-spacing:-.04em}
.project-meta p{margin:8px 0 0;color:#76716b;text-transform:uppercase;letter-spacing:.08em;font-size:11px;line-height:1.35}
.project-arrow{color:var(--red)}
.poster-placeholder{width:100%;height:100%;min-height:160px;background:linear-gradient(135deg,#151515,#282828);display:grid;place-items:center;color:#777;text-transform:uppercase;letter-spacing:.12em;font-size:10px}
.poster-player-fallback{width:100%;height:100%;border:0;pointer-events:none}

/* Editorial — visual, asymmetrical */
.view-editorial{display:grid;grid-template-columns:repeat(12,1fr);gap:58px 18px}
.view-editorial .project-card{grid-column:span 6;position:relative}
.view-editorial .project-card:nth-child(4n+2){grid-column:span 5}
.view-editorial .project-card:nth-child(4n+3){grid-column:7/span 6}
.view-editorial .project-card:nth-child(6n){grid-column:span 7}
.view-editorial .project-poster{aspect-ratio:16/10}
.view-editorial .project-card:nth-child(3n+2) .project-poster{aspect-ratio:4/5}
.view-editorial .project-meta{padding-top:15px}
.view-editorial .project-meta h3{font-size:clamp(28px,2.8vw,50px)}
.view-editorial .project-arrow{position:absolute;right:0;bottom:7px;font-size:20px}

/* Grid — fast visual browsing */
.view-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:34px 14px}
.view-grid .project-poster{aspect-ratio:4/3}
.view-grid .project-meta{padding-top:12px}
.view-grid .project-meta h3{font-size:23px}
.view-grid .project-arrow{display:none}

/* List — TUX-inspired information rows */
.view-list{border-top:1px solid var(--line-light)}
.view-list .project-card{position:relative;display:grid;grid-template-columns:1fr 1fr 320px;gap:24px;align-items:center;min-height:132px;border-bottom:1px solid var(--line-light);padding:18px 0;transition:background .25s,color .25s,padding .25s}
.view-list .project-meta{display:contents}
.view-list .project-meta h3{font-size:clamp(28px,3vw,52px);order:1}
.view-list .project-meta p{font-size:11px;order:2;margin:0;color:#77716a}
.view-list .project-poster{order:3;width:300px;height:92px;justify-self:end;opacity:.64;transition:opacity .25s,transform .3s}
.view-list .project-arrow{position:absolute;right:330px;color:transparent;transition:.25s}
.view-list .project-card:hover{background:#111;color:#fff;padding-left:18px;padding-right:18px}
.view-list .project-card:hover .project-meta p{color:#bbb}
.view-list .project-card:hover .project-poster{opacity:1;transform:scale(1.03)}
.view-list .project-card:hover .project-arrow{color:var(--red)}
.ai-note{grid-column:1/-1;display:flex;gap:30px;justify-content:space-between;align-items:center;border:1px solid var(--line-light);padding:18px 20px;margin-bottom:24px;background:#ebe6df}
.ai-note strong{text-transform:uppercase;letter-spacing:.08em}
.ai-note span{color:#746f68;font-size:13px}

.capabilities{padding:105px 0 120px}
.cap-head{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end;margin:38px 0 58px}
.cap-head p{color:#9a958f}
.service-index{border-top:1px solid var(--line-dark)}
.service-index a{position:relative;overflow:hidden;display:grid;grid-template-columns:60px .8fr 1.2fr 36px;gap:20px;align-items:center;min-height:88px;border-bottom:1px solid var(--line-dark);transition:padding .3s ease,color .25s ease}
.service-index a:before{content:"";position:absolute;inset:0;background:var(--red);transform:translateX(-101%);transition:transform .38s cubic-bezier(.2,.8,.2,1)}
.service-index a:after{content:"↗";color:var(--red);font-size:18px;text-align:right;position:relative;z-index:1;transition:color .25s}
.service-index a:hover:before{transform:translateX(0)}
.service-index a:hover{padding-left:16px;padding-right:16px;color:#fff}
.service-index a>*{position:relative;z-index:1}
.service-index span{color:var(--red);font-size:10px;transition:color .25s}
.service-index strong{font-size:clamp(22px,2.2vw,38px);font-weight:500;letter-spacing:-.035em}
.service-index em{font-style:normal;color:#8f8a84;font-size:13px;line-height:1.45;transition:color .25s}
.service-index a:hover span,.service-index a:hover em,.service-index a:hover:after{color:#fff}

.mocap{padding:105px 0 120px}
.mocap-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:end;margin-top:42px}
.mocap-copy p{max-width:650px;color:#625d57;font-size:17px;line-height:1.6;margin:34px 0}
.red-button{border:0;background:var(--red);color:#fff;text-transform:uppercase;letter-spacing:.1em;font-size:10px;padding:17px 20px;cursor:pointer}
.mocap-visual{padding:0;border:0;background:#111;color:#fff;text-align:left;cursor:pointer;position:relative;overflow:hidden}
.mocap-thumb{aspect-ratio:16/9;background:#121212;overflow:hidden}
.mocap-thumb img,.mocap-thumb iframe{width:100%;height:100%;object-fit:cover;border:0;transition:transform .5s}
.mocap-visual:hover .mocap-thumb img{transform:scale(1.025)}
.mocap-visual>span,.mocap-visual>i{position:absolute;bottom:22px;z-index:2;font-style:normal}
.mocap-visual>span{left:22px;font-size:clamp(24px,3vw,48px);letter-spacing:-.045em}
.mocap-visual>i{right:22px;color:var(--red);text-transform:uppercase;font-size:10px;letter-spacing:.1em}
.mocap-visual:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.82))}

.clients{padding:100px 0 115px;overflow:hidden}
.clients-head{display:grid;grid-template-columns:.45fr 1.55fr;gap:30px;align-items:end;margin-bottom:55px}
.clients-head h2{font-size:clamp(38px,4.8vw,76px);line-height:.98;letter-spacing:-.055em;font-weight:500;margin:0}
.logo-river{width:100%;overflow:hidden;border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark);padding:26px 0}
.logo-track{display:flex;align-items:center;width:max-content;gap:clamp(48px,6vw,110px);animation:logoScroll 42s linear infinite;padding-left:var(--pad)}
.logo-river:hover .logo-track{animation-play-state:paused}
.logo-mark{width:clamp(120px,12vw,210px);height:72px;display:grid;place-items:center;flex:0 0 auto;opacity:.66;transition:opacity .22s,transform .22s}
.logo-mark:hover{opacity:1;transform:scale(1.04)}
.logo-mark img{max-width:100%;max-height:54px;width:auto;height:auto;object-fit:contain}
@keyframes logoScroll{to{transform:translateX(-50%)}}

.culture{padding:105px 0 120px}
.culture-head{display:grid;grid-template-columns:.45fr 1.2fr .35fr;gap:35px;align-items:end;padding-bottom:24px;border-bottom:1px solid var(--line-light)}
.culture-head h2{margin:0;font-size:clamp(56px,8vw,120px);line-height:.8;letter-spacing:-.07em;font-weight:500}
.culture-head>div:nth-child(2) p{color:#6d6862;margin:18px 0 0}
.culture-head>a{text-align:right;color:var(--red);text-transform:uppercase;letter-spacing:.1em;font-size:10px}
.culture-journal{border-bottom:1px solid var(--line-light)}
.journal-row{display:grid;grid-template-columns:340px 1fr 130px;gap:32px;align-items:center;padding:24px 0}
.journal-thumb{aspect-ratio:16/9;background:#111;overflow:hidden}
.journal-thumb img{width:100%;height:100%;object-fit:cover}
.journal-meta p,.journal-meta span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#756f69}
.journal-meta h3{font-size:clamp(28px,3.6vw,58px);line-height:.95;letter-spacing:-.05em;font-weight:500;margin:10px 0 18px;max-width:980px}
.journal-row>i{font-style:normal;color:var(--red);text-align:right;text-transform:uppercase;font-size:10px;letter-spacing:.1em}

.about{padding:105px 0 120px}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:42px}
.about-copy{font-size:17px;line-height:1.68;color:#aaa49e}
.about-copy p:first-child{color:#fff}
.text-button{background:none;border:0;border-bottom:1px solid var(--red);padding:0 0 5px;margin-top:14px;cursor:pointer;color:#fff}

.contact{padding:105px 0 34px}
.contact-top{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin:38px 0 84px}
.contact-actions{display:flex;gap:10px;align-items:center}
.whatsapp-button{border:1px solid #111;padding:16px 19px;text-transform:uppercase;letter-spacing:.1em;font-size:10px}
.whatsapp-button:hover{border-color:var(--red);color:var(--red)}
.contact-bottom{display:grid;grid-template-columns:1fr 1fr 1.15fr;border-top:1px solid var(--line-light);border-bottom:1px solid var(--line-light)}
.studio-place,.contact-email{padding:24px 24px 28px 0;min-height:175px}
.studio-place+.studio-place,.contact-email{border-left:1px solid var(--line-light);padding-left:24px}
.studio-place>div{display:flex;justify-content:space-between;gap:18px;align-items:baseline}
.studio-place strong{text-transform:uppercase;letter-spacing:.08em;font-size:11px}
.studio-place time{font-size:18px;letter-spacing:.01em;color:var(--red);font-variant-numeric:tabular-nums}
.studio-place p,.contact-email p{color:#6a655f;line-height:1.55;font-size:13px}
.contact-email>button{background:none;border:0;padding:0;text-align:left;font-size:clamp(22px,2.4vw,36px);letter-spacing:-.035em;cursor:pointer}
.socials{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px;text-transform:uppercase;font-size:10px;letter-spacing:.08em}
.socials a:hover{color:var(--red)}
.footer{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding-top:34px}
.footer img{width:min(420px,52vw);height:auto}.footer span{text-transform:uppercase;font-size:10px;letter-spacing:.08em;color:#6c6761}

.project-modal,.brief-modal{border:0;padding:0;background:#0b0b0b;color:#fff;width:min(96vw,1500px);max-width:none;max-height:94vh}
.project-modal::backdrop,.brief-modal::backdrop{background:rgba(0,0,0,.82);backdrop-filter:blur(8px)}
.modal-close,.brief-close{position:sticky;top:0;float:right;z-index:4;border:0;background:var(--red);color:white;padding:13px 16px;cursor:pointer;text-transform:uppercase;font-size:10px;letter-spacing:.08em}
.modal-inner{padding:58px}.modal-player{aspect-ratio:16/9;background:#000}.modal-player iframe{width:100%;height:100%;border:0}
.modal-info{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding-top:28px}.modal-kicker,.modal-full-title{color:#96918b;text-transform:uppercase;font-size:10px;letter-spacing:.08em}.modal-info h2{font-size:clamp(42px,7vw,104px);line-height:.9;letter-spacing:-.06em;margin:10px 0}.modal-info>div:nth-child(2){font-size:16px;line-height:1.6;color:#bbb6ae}.modal-role{display:grid;gap:5px;margin:26px 0}.modal-role span{font-size:10px;text-transform:uppercase;color:#777}.modal-role b{color:white;font-weight:400}.modal-info a{display:inline-block;color:var(--red);border-bottom:1px solid var(--red);padding-bottom:4px}
.brief-modal{background:var(--paper);color:#111}.brief-shell{padding:56px;display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.brief-intro h2{font-size:clamp(48px,7vw,96px);letter-spacing:-.06em;line-height:.9;margin:10px 0 28px}.brief-intro p{color:#66615c;line-height:1.55}.brief-intro a{color:var(--red)}
#brief-form{display:grid;grid-template-columns:1fr 1fr;gap:20px}#brief-form label{display:grid;gap:7px}#brief-form label span{text-transform:uppercase;font-size:10px;letter-spacing:.08em;color:#6e6862}#brief-form input,#brief-form textarea,#brief-form select{width:100%;border:0;border-bottom:1px solid #aaa39a;background:transparent;padding:11px 0;outline:none;border-radius:0;color:#111}#brief-form textarea{border:1px solid #aaa39a;padding:12px;resize:vertical}.wide{grid-column:1/-1}.brief-actions{display:flex;align-items:center;gap:18px}.brief-actions button{border:0;background:var(--red);color:#fff;padding:15px 18px;cursor:pointer}.brief-actions a{font-size:12px;color:#5d5852}.brief-actions span{font-size:11px;color:#6a655f}
.video-fallback{width:100%;height:100%;display:grid;place-items:center;background:#111}.video-fallback a{color:var(--red)}

/* Culture / journal inner pages */
.inner-page{background:var(--paper);color:#111;min-height:100vh}
.inner-page .site-header{position:absolute;background:#090909}
.culture-page{padding:145px 0 110px}
.culture-page-intro{display:grid;grid-template-columns:.55fr 1.45fr;gap:50px;align-items:end;border-bottom:1px solid var(--line-light);padding-bottom:38px;margin-bottom:22px}
.culture-page-intro h1{font-size:clamp(72px,12vw,180px);line-height:.8;letter-spacing:-.075em;margin:0;font-weight:500}
.culture-page-intro p{font-size:20px;line-height:1.5;color:#625d57;max-width:680px;margin:0}
.culture-index{border-top:1px solid var(--line-light)}
.culture-index>a{display:grid;grid-template-columns:360px 1fr 120px;gap:30px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line-light)}
.culture-index img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#111}
.culture-index p,.culture-index span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#746f69}
.culture-index h2{font-size:clamp(30px,4vw,64px);letter-spacing:-.05em;line-height:.95;margin:10px 0 20px;font-weight:500}
.culture-index i{font-style:normal;color:var(--red);text-align:right;text-transform:uppercase;font-size:10px;letter-spacing:.1em}
.story-page{min-height:100vh;padding:145px 0 110px;background:var(--paper);color:#111}.story-back{display:inline-block;margin-bottom:42px;color:var(--red);text-transform:uppercase;font-size:10px;letter-spacing:.08em}.story-page h1{font-size:clamp(58px,9vw,138px);line-height:.9;letter-spacing:-.065em;margin:16px 0 34px;max-width:1300px}.story-meta{display:flex;gap:22px;flex-wrap:wrap;border-top:1px solid var(--line-light);border-bottom:1px solid var(--line-light);padding:16px 0;text-transform:uppercase;letter-spacing:.08em;font-size:10px;color:#716b65}.story-hero{margin:70px 0 58px}.story-hero img{width:100%;max-height:760px;object-fit:cover;background:#111}.story-copy{width:min(760px,100%);margin-left:auto;font-size:18px;line-height:1.7;color:#4f4a45}.story-copy .lead{font-size:28px;line-height:1.35;color:#111;letter-spacing:-.02em}.story-copy a{color:var(--red);border-bottom:1px solid var(--red);padding-bottom:4px}
.thanks{min-height:100vh;background:#090909;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:var(--pad);gap:14px}.thanks img{width:180px;margin-bottom:50px}.thanks h1{font-size:clamp(72px,12vw,180px);letter-spacing:-.07em;line-height:.8;margin:0}.thanks p{max-width:620px;color:#aaa49d;line-height:1.6}.thanks a{color:var(--red);margin-top:20px}

@media(max-width:1100px){
  .work-intro,.cap-head,.mocap-grid,.about-grid,.culture-page-intro{grid-template-columns:1fr}
  .service-index a{grid-template-columns:48px .9fr 1.2fr 24px}
  .view-grid{grid-template-columns:repeat(3,1fr)}
  .view-list .project-card{grid-template-columns:1fr .8fr 230px}.view-list .project-poster{width:220px}.view-list .project-arrow{right:245px}
  .clients-head{grid-template-columns:1fr}.culture-head{grid-template-columns:1fr 1.5fr}.culture-head>a{grid-column:2;text-align:left}
  .contact-bottom{grid-template-columns:1fr 1fr}.contact-email{grid-column:1/-1;border-left:0;border-top:1px solid var(--line-light);padding-left:0}.brief-shell{grid-template-columns:1fr}.modal-info{grid-template-columns:1fr}.modal-inner{padding:42px}
}
@media(max-width:760px){
  :root{--pad:20px}
  .site-header{padding:14px 20px}.brand img{width:112px}.menu-toggle{display:block}.site-nav{position:fixed;inset:0;background:#090909;display:none;flex-direction:column;justify-content:center;align-items:center;gap:24px;font-size:22px;z-index:-1}.site-nav.open{display:flex}
  .hero-copy{padding:100px 20px 28px}.hero h1{font-size:clamp(62px,22vw,120px);line-height:.82}.hero-bottom{font-size:8px}
  .work-section,.capabilities,.mocap,.clients,.culture,.about,.contact{padding-top:78px;padding-bottom:84px}
  .work-intro{margin:34px 0 38px}.work-intro h2,.cap-head h2,.mocap-copy h2,.about-grid h2,.contact-top h2{font-size:48px}.work-intro p,.cap-head p{font-size:15px}
  .work-controls{align-items:flex-start;flex-direction:column;top:0;gap:8px;padding:12px 0}.filters{overflow:auto;flex-wrap:nowrap;width:100%;padding-bottom:4px}.views{width:100%;justify-content:flex-end}
  .view-editorial{grid-template-columns:1fr;gap:32px}.view-editorial .project-card,.view-editorial .project-card:nth-child(4n+2),.view-editorial .project-card:nth-child(4n+3),.view-editorial .project-card:nth-child(6n){grid-column:auto}.view-editorial .project-card:nth-child(3n+2) .project-poster{aspect-ratio:16/10}
  .view-grid{grid-template-columns:repeat(2,1fr);gap:24px 10px}.view-grid .project-meta h3{font-size:18px}
  .view-list .project-card{grid-template-columns:1fr 110px;min-height:96px;padding:14px 0}.view-list .project-meta h3{font-size:28px}.view-list .project-meta p{display:none}.view-list .project-poster{width:105px;height:70px}.view-list .project-arrow{display:none}.view-list .project-card:hover{padding-left:10px;padding-right:10px}
  .service-index a{grid-template-columns:38px 1fr 24px;min-height:86px;gap:12px}.service-index a em{display:none}.service-index a strong{font-size:23px}.service-index a:after{font-size:15px}
  .mocap-grid{gap:35px}.mocap-copy p{font-size:15px}
  .clients-head{margin-bottom:34px}.clients-head h2{font-size:42px}.logo-mark{width:125px;height:58px}.logo-mark img{max-height:40px}.logo-track{gap:42px;animation-duration:32s}
  .culture-head{grid-template-columns:1fr}.culture-head>a{grid-column:auto;text-align:left}.culture-head h2{font-size:68px}.journal-row{grid-template-columns:1fr;gap:16px}.journal-row>i{text-align:left}.journal-meta h3{font-size:34px}
  .contact-top{align-items:flex-start;flex-direction:column;margin-bottom:58px}.contact-actions{flex-wrap:wrap}.contact-bottom{grid-template-columns:1fr}.studio-place+.studio-place,.contact-email{border-left:0;border-top:1px solid var(--line-light);padding-left:0}
  .modal-inner,.brief-shell{padding:24px}.modal-info h2{font-size:52px}#brief-form{grid-template-columns:1fr}.wide{grid-column:auto}.footer{align-items:flex-start;flex-direction:column}.footer img{width:72vw}
  .culture-page{padding-top:120px}.culture-index>a{grid-template-columns:1fr}.culture-index i{text-align:left}.culture-page-intro h1{font-size:86px}.story-hero{margin-top:45px}.story-copy .lead{font-size:23px}
}
@media(max-width:480px){
  .view-grid{grid-template-columns:1fr}.logo-mark{width:112px}.brief-actions{align-items:flex-start;flex-direction:column}.contact-email>button{font-size:21px}.ai-note{align-items:flex-start;flex-direction:column;gap:8px}
}
.story-page .eyebrow{color:#77716a}