:root{
  --bg:#10100f;
  --paper:#f0efeb;
  --paper-2:#dedbd2;
  --ink:#11110f;
  --muted:#9d9a92;
  --muted-dark:#6d6b64;
  --line:rgba(240,239,235,.18);
  --line-dark:rgba(17,17,15,.15);
  --accent:#c7ff42;
  --pad:clamp(18px,2vw,34px);
  --ease:cubic-bezier(.22,.75,.18,1);
}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--paper);font-family:Arial,Helvetica,sans-serif;letter-spacing:-.025em;overflow-x:hidden}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}img{display:block;width:100%;height:100%;object-fit:cover}::selection{background:var(--accent);color:#111}
body.locked{overflow:hidden}body.is-leaving{pointer-events:none}

.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='.83' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E")}

/* loader */
.loader{position:fixed;inset:0;z-index:1200;background:var(--paper);color:var(--ink);padding:var(--pad);display:grid;grid-template-columns:1fr auto;grid-template-rows:1fr auto;transition:transform .95s var(--ease)}
.loader.done{transform:translateY(-103%)}
.loader__grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(4,1fr);pointer-events:none}
.loader__grid i{border-right:1px solid rgba(17,17,15,.06);border-bottom:1px solid rgba(17,17,15,.06);background:var(--paper);transition:opacity .32s ease}.loader__grid i.off{opacity:0}
.loader__brand{align-self:end;font-size:clamp(46px,9vw,150px);font-weight:700;letter-spacing:-.07em;overflow:hidden;position:relative;z-index:2}.loader__brand span{display:block;transform:translateY(108%);animation:loaderBrand .75s .08s var(--ease) forwards}
.loader__meta{align-self:end;justify-self:end;text-align:right;font:10px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;position:relative;z-index:2}.loader__counter{font-size:22px;display:block;margin-bottom:5px}.loader__rail{grid-column:1/-1;height:1px;background:#bbb9b1;margin-top:20px;position:relative;z-index:2;overflow:hidden}.loader__rail i{display:block;height:100%;width:0;background:var(--ink);animation:loaderRail 1.65s var(--ease) forwards}
@keyframes loaderBrand{to{transform:none}}@keyframes loaderRail{to{width:100%}}

/* page transition */
.page-wipe{position:fixed;inset:0;z-index:1150;background:var(--accent);color:var(--ink);transform:translateY(103%);padding:var(--pad);display:flex;align-items:flex-end;justify-content:space-between}
.page-wipe strong{font-size:clamp(46px,9vw,150px);line-height:.78;letter-spacing:-.075em;text-transform:uppercase}.page-wipe small{font:10px ui-monospace,monospace;text-transform:uppercase;margin-bottom:9px}
.page-wipe.active{animation:wipe 1.08s var(--ease) forwards}@keyframes wipe{0%{transform:translateY(103%)}48%{transform:none}100%{transform:translateY(-103%)}}

/* navigation */
.nav{position:fixed;z-index:90;left:0;right:0;top:0;height:70px;padding:0 var(--pad);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;border-bottom:1px solid rgba(255,255,255,.18);mix-blend-mode:difference;color:#fff;text-transform:uppercase;letter-spacing:.06em}
.nav__brand{font-size:14px;font-weight:700;justify-self:start}.nav__descriptor{font:9px/1.3 ui-monospace,monospace;justify-self:center;text-align:center}.nav__menu{justify-self:end;display:flex;align-items:center;gap:11px;font:10px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.06em}.nav__menu i{width:7px;height:7px;border:1px solid currentColor;border-radius:50%;display:block;transition:background .2s}.nav__menu:hover i{background:currentColor}
.menu-panel{position:fixed;inset:0;z-index:100;background:var(--paper);color:var(--ink);transform:translateY(-103%);transition:transform .7s var(--ease);padding:94px var(--pad) var(--pad);display:grid;grid-template-columns:1.4fr .6fr;gap:7vw}
.menu-panel.open{transform:none}.menu-panel__main{align-self:end}.menu-panel__main a{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end;border-top:1px solid var(--line-dark);padding:10px 0 12px;font-size:clamp(42px,7.5vw,118px);line-height:.86;letter-spacing:-.065em;text-transform:uppercase}.menu-panel__main a:last-child{border-bottom:1px solid var(--line-dark)}.menu-panel__main small{font:10px ui-monospace,monospace;letter-spacing:.05em;margin-bottom:8px}.menu-panel__side{align-self:end;display:grid;gap:36px}.menu-panel__side p{font-size:18px;line-height:1.4;margin:0;max-width:420px}.menu-panel__side .micro{color:var(--muted-dark)}.menu-close{position:absolute;right:var(--pad);top:27px;font:10px ui-monospace,monospace;text-transform:uppercase}

/* generic */
.micro,.eyebrow,.section-tag,.meta-grid dt,.project-meta,.tiny{font:10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.06em}
.section-tag,.tiny{color:var(--muted)}
.section{padding:clamp(92px,11vw,176px) var(--pad);border-bottom:1px solid var(--line);position:relative}
.section--paper{background:var(--paper);color:var(--ink);border-color:var(--line-dark)}
.section-head{display:grid;grid-template-columns:.7fr 1.3fr;gap:6vw;margin-bottom:clamp(58px,8vw,116px)}
.section-head h2{font-size:clamp(54px,8.4vw,136px);line-height:.84;letter-spacing:-.075em;text-transform:uppercase;margin:0;max-width:10ch}
.section-head p{font-size:clamp(17px,1.45vw,23px);line-height:1.42;max-width:620px;margin:26px 0 0;color:#c8c6be}.section--paper .section-head p{color:#5f5d56}
.text-link{display:inline-flex;gap:10px;border-bottom:1px solid currentColor;padding-bottom:4px;font:10px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.05em}
.reveal{opacity:0;transform:translateY(34px)}.reveal.in-view{opacity:1;transform:none;transition:opacity .9s var(--ease),transform .9s var(--ease)}
.mask{display:block;overflow:hidden}.mask>span{display:block;transform:translateY(112%);filter:blur(10px)}.loaded .hero .mask>span,.mask.in-view>span{transform:none;filter:blur(0);transition:transform 1.08s var(--ease),filter .95s var(--ease)}
.media-reveal{clip-path:inset(0 0 100% 0)}.media-reveal.in-view{clip-path:inset(0);transition:clip-path 1.15s var(--ease)}
.parallax{will-change:transform}

/* photo language */
.photo{position:relative;overflow:hidden;background:#222}
.photo:before{content:"";position:absolute;inset:-4%;z-index:0;background-image:var(--img);background-size:cover;background-position:center;filter:grayscale(100%) contrast(1.2) brightness(.78);transform:scale(1.045);transition:transform 1.3s var(--ease),filter .6s ease}
.photo:hover:before{transform:scale(1.08)}
.photo:after{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(circle at var(--flash-x,72%) var(--flash-y,24%),rgba(255,255,255,.28),transparent 26%),linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.44));mix-blend-mode:screen;pointer-events:none}
.photo--soft:before{filter:grayscale(100%) contrast(1.05) brightness(.86)}
.photo--hard:before{filter:grayscale(100%) contrast(1.42) brightness(.66)}
.photo--warm:before{filter:saturate(.42) contrast(1.12) brightness(.76)}
.photo__label{position:absolute;left:16px;top:14px;z-index:3;color:#fff}.photo__label--bottom{top:auto;bottom:14px}

/* home hero */
.hero{min-height:100svh;padding:105px var(--pad) 28px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.hero__top{display:grid;grid-template-columns:1.15fr .85fr;gap:7vw;align-items:start}.hero__intro{font-size:clamp(17px,1.6vw,25px);line-height:1.32;max-width:610px;margin:0}.hero__aside{display:grid;grid-template-columns:1fr 1fr;gap:20px;justify-self:end;width:min(440px,100%)}.hero__aside div{border-top:1px solid var(--line);padding-top:10px}.hero__aside b{display:block;font-size:13px;font-weight:500;margin-top:7px}
.hero__title{margin:10vh 0 5vh;font-size:clamp(62px,11.3vw,176px);font-weight:700;line-height:.76;letter-spacing:-.085em;text-transform:uppercase;max-width:12ch}.hero__line:nth-child(2){padding-left:8vw}.hero__line:nth-child(3){text-align:right}
.hero__bottom{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;align-items:end}.hero__bottom p{max-width:500px;margin:0;font-size:14px;line-height:1.48;color:#c9c7c0}.hero__bottom a{justify-self:end;grid-column:3}
.signal{position:absolute;width:7px;height:7px;background:var(--accent);border-radius:50%;right:var(--pad);top:48%;box-shadow:0 0 18px var(--accent)}

/* latest project */
.latest{padding:0 var(--pad) clamp(100px,12vw,190px)}
.latest__photo{height:min(84vh,900px);--img:url('https://images.unsplash.com/photo-1515886657613-9f3515b0c78f?auto=format&fit=crop&w=1800&q=85');--flash-x:80%;--flash-y:18%}
.latest__meta{display:grid;grid-template-columns:1.05fr .95fr;gap:6vw;padding-top:28px}.latest__name{font-size:clamp(42px,6vw,92px);line-height:.9;letter-spacing:-.065em;margin:0;max-width:10ch}.latest__right{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px}.latest__right p{font-size:18px;line-height:1.45;margin:0;max-width:520px}.meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 30px;border-top:1px solid var(--line);padding-top:14px}.meta-grid dl{margin:0}.meta-grid dt{color:var(--muted)}.meta-grid dd{margin:5px 0 0;font-size:15px}.metrics{grid-column:1/-1;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding-top:18px;margin-top:12px}.metrics b{display:block;font-size:clamp(28px,3.2vw,50px);font-weight:500;letter-spacing:-.05em}.metrics span{display:block;font:9px/1.3 ui-monospace,monospace;text-transform:uppercase;color:var(--muted);margin-top:5px}

/* projects list similar editorial */
.projects-intro{font-size:clamp(44px,7vw,112px);line-height:.91;letter-spacing:-.07em;max-width:14ch;margin:0}
.projects-stage{position:relative;margin-top:70px}.projects-list{border-top:1px solid var(--line)}
.project-row{display:grid;grid-template-columns:80px 1.25fr 1fr auto;gap:24px;align-items:center;border-bottom:1px solid var(--line);padding:18px 0;position:relative;z-index:2;transition:opacity .25s ease}.project-row:hover~.project-row{}.projects-list:hover .project-row{opacity:.36}.projects-list .project-row:hover{opacity:1}
.project-row h3{font-size:clamp(30px,4vw,66px);line-height:.92;letter-spacing:-.055em;margin:0}.project-row p{font-size:14px;line-height:1.45;color:#bbb9b1;margin:0;max-width:480px}.project-row .arrow{font-size:25px}
.project-preview{position:fixed;width:min(34vw,520px);aspect-ratio:4/5;z-index:70;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.92);clip-path:inset(100% 0 0);transition:opacity .25s ease,clip-path .55s var(--ease),transform .55s var(--ease);background:#222;overflow:hidden}.project-preview.show{opacity:1;clip-path:inset(0);transform:translate(-50%,-50%) scale(1)}.project-preview img{filter:grayscale(100%) contrast(1.25)}

/* manifesto */
.manifest{font-size:clamp(43px,7.4vw,118px);line-height:.9;letter-spacing:-.07em;margin:0;max-width:14.5ch}.manifest span{opacity:.18;transition:opacity .25s}.manifest span.hot{opacity:1}
.manifest-split{display:grid;grid-template-columns:1.3fr .7fr;gap:7vw}.manifest-aside{align-self:end;border-top:1px solid var(--line-dark);padding-top:14px}.manifest-aside p{font-size:18px;line-height:1.45;margin:0;color:#5e5c55}.manifest-aside .micro{margin-bottom:26px;color:var(--muted-dark)}

/* services */
.service-stage{display:grid;grid-template-columns:1.15fr .85fr;gap:6vw;align-items:start}.service-list{border-top:1px solid var(--line-dark)}
.service-row{display:grid;grid-template-columns:54px 1fr auto;align-items:center;border-bottom:1px solid var(--line-dark);padding:18px 0;cursor:pointer;transition:opacity .28s ease}.service-row em{font:10px ui-monospace,monospace;font-style:normal}.service-row strong{font-size:clamp(30px,4.2vw,68px);font-weight:500;letter-spacing:-.06em}.service-row small{font-size:11px;line-height:1.35;text-align:right;max-width:245px;color:#6a6861}.service-row.dim{opacity:.35}
.service-media{position:sticky;top:100px;height:70vh;--img:url('https://images.unsplash.com/photo-1529139574466-a303027c1d8b?auto=format&fit=crop&w=1200&q=85');--flash-x:68%;--flash-y:18%}.service-media__copy{position:absolute;z-index:3;left:18px;right:18px;bottom:18px;color:#fff}.service-media__copy strong{font-size:clamp(30px,3.4vw,52px);line-height:.92;max-width:10ch;display:block}.service-media__copy p{max-width:38ch;line-height:1.45;color:#e1dfd8;margin:14px 0 0}

/* visual break */
.fullbleed{height:100svh;position:relative;overflow:hidden;--img:url('https://images.unsplash.com/photo-1509631179647-0177331693ae?auto=format&fit=crop&w=1800&q=85');--flash-x:48%;--flash-y:28%}.fullbleed__copy{position:absolute;left:var(--pad);right:var(--pad);bottom:28px;z-index:3;display:grid;grid-template-columns:1.2fr .8fr;gap:5vw;align-items:end}.fullbleed__copy h2{font-size:clamp(52px,9vw,148px);line-height:.8;letter-spacing:-.08em;margin:0;text-transform:uppercase;max-width:9ch}.fullbleed__copy p{font-size:18px;line-height:1.45;margin:0;max-width:470px}

/* feature strip / showreel */
.strip{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0}.strip__track{display:flex;width:max-content;gap:48px;animation:marquee 22s linear infinite;font:10px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.06em}.strip__track span:after{content:"✦";margin-left:48px;color:var(--accent)}@keyframes marquee{to{transform:translateX(-50%)}}
.showreel{display:grid;grid-template-columns:.65fr 1.35fr;gap:6vw;align-items:center}.showreel__media{height:76vh;--img:url('https://images.unsplash.com/photo-1519074069444-1ba4fff66d16?auto=format&fit=crop&w=1400&q=85');--flash-x:35%;--flash-y:16%}.showreel__copy h2{font-size:clamp(54px,8vw,126px);line-height:.84;letter-spacing:-.075em;text-transform:uppercase;margin:0}.showreel__copy p{font-size:18px;line-height:1.45;max-width:540px;color:#c3c1b9}.play{width:98px;height:98px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;margin-top:34px;font:10px ui-monospace,monospace;text-transform:uppercase;transition:transform .35s var(--ease),background .35s,color .35s}.play:hover{transform:scale(1.08);background:var(--paper);color:var(--ink)}

/* internal hero */
.inner-hero{min-height:100svh;padding:112px var(--pad) 34px;display:flex;flex-direction:column;justify-content:space-between;border-bottom:1px solid var(--line)}
.inner-hero__top{display:grid;grid-template-columns:1fr 1fr;gap:5vw}.inner-hero__top p{font-size:20px;line-height:1.38;max-width:620px;margin:0;justify-self:end}.inner-hero h1{font-size:clamp(66px,12.2vw,188px);line-height:.77;letter-spacing:-.085em;text-transform:uppercase;margin:10vh 0 2vh;max-width:11ch}.inner-hero__bottom{display:flex;justify-content:space-between;align-items:end;gap:30px}

/* case page inspired by Evolve */
.case-topline{display:grid;grid-template-columns:1.1fr .9fr;gap:6vw;align-items:end}.case-statement{font-size:clamp(26px,3vw,48px);line-height:1.04;letter-spacing:-.05em;max-width:13ch;margin:0}.case-title{font-size:clamp(70px,14vw,220px);line-height:.75;letter-spacing:-.09em;text-transform:uppercase;margin:9vh 0 2vh}.case-meta{display:grid;grid-template-columns:.75fr 1.25fr;gap:6vw}.case-meta__year{font-size:clamp(48px,8vw,120px);letter-spacing:-.07em}.case-services{columns:2;column-gap:50px;border-top:1px solid var(--line);padding-top:16px}.case-services span{display:block;font:10px/1.6 ui-monospace,monospace;text-transform:uppercase;break-inside:avoid}.scroll-explore{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;margin-top:40px;font:10px ui-monospace,monospace;text-transform:uppercase}.case-visual{height:95vh;--img:url('https://images.unsplash.com/photo-1516321318423-f06f85e504b3?auto=format&fit=crop&w=1800&q=85');--flash-x:65%;--flash-y:22%}
.overview-grid{display:grid;grid-template-columns:.55fr 1.45fr;gap:7vw}.overview-grid h2{font-size:clamp(50px,8vw,126px);line-height:.84;letter-spacing:-.075em;text-transform:uppercase;margin:0}.overview-copy{font-size:clamp(22px,2.4vw,36px);line-height:1.25;max-width:900px}.overview-copy p{margin:0 0 28px}.case-gallery{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.case-shot{height:74vh}.case-shot--a{--img:url('https://images.unsplash.com/photo-1520607162513-77705c0f0d4a?auto=format&fit=crop&w=1400&q=85')}.case-shot--b{--img:url('https://images.unsplash.com/photo-1521791055366-0d553872125f?auto=format&fit=crop&w=1200&q=85');margin-top:13vh;height:62vh}.case-quote{font-size:clamp(44px,7vw,114px);line-height:.9;letter-spacing:-.07em;margin:0;max-width:15ch}.case-metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line-dark)}.case-metric{padding:26px 16px 70px 0;border-right:1px solid var(--line-dark)}.case-metric b{display:block;font-size:clamp(48px,7vw,108px);letter-spacing:-.07em;font-weight:500}.case-metric span{font:10px ui-monospace,monospace;text-transform:uppercase;color:var(--muted-dark)}
.next-project{display:grid;grid-template-columns:1.15fr .85fr;gap:5vw;align-items:end}.next-project__photo{height:74vh;--img:url('https://images.unsplash.com/photo-1524758631624-e2822e304c36?auto=format&fit=crop&w=1600&q=85')}.next-project h2{font-size:clamp(54px,8vw,132px);line-height:.82;letter-spacing:-.08em;text-transform:uppercase;margin:0 0 26px}

/* about */
.about-intro{font-size:clamp(46px,7.8vw,124px);line-height:.91;letter-spacing:-.072em;max-width:15ch;margin:0}.about-grid{display:grid;grid-template-columns:1fr .8fr 1.15fr;grid-template-rows:54vh 38vh;gap:16px}.about-grid .photo:nth-child(1){grid-row:1/3;--img:url('https://images.unsplash.com/photo-1519074069444-1ba4fff66d16?auto=format&fit=crop&w=1200&q=85')}.about-grid .photo:nth-child(2){--img:url('https://images.unsplash.com/photo-1518005020951-eccb494ad742?auto=format&fit=crop&w=1100&q=85')}.about-grid .photo:nth-child(3){--img:url('https://images.unsplash.com/photo-1524758631624-e2822e304c36?auto=format&fit=crop&w=1100&q=85')}.about-grid .photo:nth-child(4){grid-column:2/4;--img:url('https://images.unsplash.com/photo-1516321497487-e288fb19713f?auto=format&fit=crop&w=1500&q=85')}
.facts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line-dark)}.fact{padding:24px 15px 62px 0;border-right:1px solid var(--line-dark)}.fact b{display:block;font-size:clamp(48px,7vw,106px);font-weight:500;letter-spacing:-.07em}.fact span{font:10px ui-monospace,monospace;text-transform:uppercase;color:var(--muted-dark)}
.team-list{border-top:1px solid var(--line-dark)}.team-row{display:grid;grid-template-columns:1fr 1fr auto;gap:20px;border-bottom:1px solid var(--line-dark);padding:18px 0;align-items:end}.team-row h3{font-size:clamp(28px,4vw,60px);line-height:.92;margin:0}.team-row p{margin:0;color:#615f58}.team-row .tiny{color:var(--muted-dark)}

/* services inner */
.services-lead{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:end}.services-lead h2{font-size:clamp(48px,8vw,128px);line-height:.84;letter-spacing:-.075em;text-transform:uppercase;margin:0}.services-lead p{font-size:clamp(20px,2.2vw,34px);line-height:1.25;margin:0;color:#5e5c56}
.services-catalog{margin-top:90px;border-top:1px solid var(--line-dark)}.service-detail{display:grid;grid-template-columns:72px 1fr 1fr;gap:30px;padding:22px 0;border-bottom:1px solid var(--line-dark);align-items:start}.service-detail h3{font-size:clamp(30px,4.3vw,68px);line-height:.92;letter-spacing:-.055em;margin:0}.service-detail ul{columns:2;list-style:none;margin:0;padding:0;color:#615f58;font-size:14px;line-height:1.7}

/* articles */
.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.article-card{border-top:1px solid var(--line);padding-top:13px}.article-card__media{height:46vh;margin:16px 0;--img:url('https://images.unsplash.com/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=1100&q=85')}.article-card:nth-child(2) .article-card__media{--img:url('https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1100&q=85')}.article-card:nth-child(3) .article-card__media{--img:url('https://images.unsplash.com/photo-1516321318423-f06f85e504b3?auto=format&fit=crop&w=1100&q=85')}.article-card h3{font-size:28px;line-height:1.02;letter-spacing:-.04em;margin:0}.article-card p{line-height:1.45;color:#c2c0b8}

/* footer */
.footer{min-height:92vh;padding:28px var(--pad) 34px;display:flex;flex-direction:column;justify-content:space-between;border-top:1px solid var(--line)}.footer__lead{max-width:580px;font-size:clamp(19px,2vw,30px);line-height:1.27;margin:0 0 42px;color:#c9c7bf}.footer h2{font-size:clamp(64px,12.7vw,194px);line-height:.76;letter-spacing:-.09em;text-transform:uppercase;margin:0;max-width:8ch}.footer__bottom{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;border-top:1px solid var(--line);padding-top:15px;font:10px ui-monospace,monospace;text-transform:uppercase;color:var(--muted)}.footer__bottom span:last-child{text-align:right}

@media(max-width:980px){
  .nav{grid-template-columns:1fr auto}.nav__descriptor{display:none}
  .menu-panel{grid-template-columns:1fr}.menu-panel__side{display:none}
  .hero__top,.section-head,.latest__meta,.latest__right,.manifest-split,.service-stage,.showreel,.inner-hero__top,.case-topline,.case-meta,.overview-grid,.next-project,.services-lead{grid-template-columns:1fr}
  .hero__aside{justify-self:start;margin-top:28px}.hero__title{font-size:17.2vw;margin-top:8vh}.hero__line:nth-child(2){padding-left:0}.hero__bottom{grid-template-columns:1fr}.hero__bottom a{grid-column:1;justify-self:start;margin-top:22px}
  .latest__photo{height:70vh}.latest__right{gap:24px}.metrics{grid-template-columns:1fr 1fr}
  .project-row{grid-template-columns:52px 1fr auto}.project-row p{display:none}.project-preview{display:none}
  .manifest-aside{margin-top:40px}.service-media{position:relative;top:auto;height:58vh;margin-top:28px}
  .fullbleed__copy{grid-template-columns:1fr}.fullbleed__copy p{display:none}.showreel__media{height:62vh}
  .case-services{columns:1}.case-visual{height:74vh}.case-gallery{grid-template-columns:1fr}.case-shot--b{margin-top:0}.case-metrics{grid-template-columns:1fr 1fr}
  .about-grid{grid-template-columns:1fr 1fr;grid-template-rows:50vh 38vh}.about-grid .photo:nth-child(1){grid-row:1/2}.about-grid .photo:nth-child(4){grid-column:1/3}.facts{grid-template-columns:1fr 1fr}.team-row{grid-template-columns:1fr auto}.team-row p{display:none}.service-detail{grid-template-columns:52px 1fr}.service-detail ul{grid-column:2;columns:1}.article-grid{grid-template-columns:1fr}.article-card__media{height:60vh}
}
@media(max-width:620px){
  .hero__aside{grid-template-columns:1fr}.hero__title{font-size:18vw}.hero__intro{max-width:95%}.latest__photo{height:62vh}.latest__meta{padding-top:20px}.metrics,.case-metrics,.facts{grid-template-columns:1fr}.projects-intro,.manifest,.about-intro{max-width:100%}.project-row{grid-template-columns:38px 1fr auto}.project-row h3{font-size:9vw}.service-row{grid-template-columns:38px 1fr}.service-row small{display:none}.service-row strong{font-size:10vw}.fullbleed{height:78vh}.fullbleed__copy h2{font-size:14vw}.inner-hero h1,.case-title{font-size:17vw}.case-visual{height:64vh}.about-grid{grid-template-columns:1fr;grid-template-rows:52vh 42vh 42vh 52vh}.about-grid .photo:nth-child(4){grid-column:1}.footer__bottom{grid-template-columns:1fr}.footer__bottom span:last-child{text-align:left}.footer h2{font-size:17vw}.article-card__media{height:52vh}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.mask>span{transform:none;filter:none}.media-reveal{clip-path:none}}
/* FIX: главный заголовок */
.hero__title {
  width: 100%;
  padding-left: 2vw;
  padding-right: 2vw;
}

.hero__line {
  width: 100% !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
  overflow: visible !important;
}

.hero__line span {
  display: block;
  font-size: clamp(64px, 8.2vw, 126px) !important;
  line-height: 0.86 !important;
  letter-spacing: -0.055em !important;
  white-space: nowrap;
}

@media (max-width: 700px) {
  .hero__line span {
    font-size: clamp(44px, 13vw, 72px) !important;
    line-height: 0.9 !important;
    white-space: normal;
  }
}
/* не обрезать последнюю букву заголовка */
.hero__title,
.hero__line,
.hero__line.mask {
  overflow: visible !important;
}

.hero__line span {
  width: max-content !important;
  max-width: none !important;
  padding-right: 0.18em !important;
}
/* Форма заявки */
.contact-form{
  margin-top:60px;
  max-width:820px;
  display:grid;
  gap:28px;
}

.contact-form label{
  display:grid;
  gap:10px;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.contact-form input,
.contact-form textarea{
  width:100%;
  border:0;
  border-bottom:1px solid currentColor;
  background:transparent;
  color:inherit;
  font:inherit;
  font-size:20px;
  padding:12px 0;
  outline:none;
  resize:none;
}

.contact-form input:focus,
.contact-form textarea:focus{
  border-bottom-width:2px;
}

.contact-form button{
  width:max-content;
  margin-top:10px;
  padding:16px 26px;
  border:1px solid currentColor;
  background:transparent;
  color:inherit;
  font:inherit;
  text-transform:uppercase;
  cursor:pointer;
  transition:.25s;
}

.contact-form button:hover{
  background:#000;
  color:#fff;
}

@media(max-width:700px){
  .contact-form{
    margin-top:40px;
  }

  .contact-form input,
  .contact-form textarea{
    font-size:18px;
  }
}
/* Финальный вид формы заявки */
.contact-form{
  position:relative;
  width:min(1100px,92vw) !important;
  max-width:none !important;
  margin:0 auto !important;
  padding:clamp(90px,10vw,150px) 0 !important;
  display:grid !important;
  grid-template-columns:1fr 1fr;
  gap:38px 48px !important;
}

.contact-form::before{
  content:"ОБСУДИТЬ ПРОЕКТ";
  grid-column:1 / -1;
  display:block;
  margin-bottom:35px;
  font-size:clamp(54px,8vw,120px);
  line-height:.86;
  letter-spacing:-.055em;
  font-weight:700;
  color:#f5f5f2;
}

.contact-form label{
  display:grid !important;
  gap:12px !important;
  font-size:11px !important;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.contact-form label:last-of-type{
  grid-column:1 / -1;
}

.contact-form input,
.contact-form textarea{
  width:100% !important;
  min-height:56px;
  border:0 !important;
  border-bottom:1px solid rgba(255,255,255,.7) !important;
  background:transparent !important;
  color:#fff !important;
  font-size:22px !important;
  padding:12px 0 !important;
  outline:none;
}

.contact-form textarea{
  min-height:120px;
}

.contact-form button{
  grid-column:1 / -1;
  margin-top:18px !important;
  padding:18px 28px !important;
  width:max-content !important;
  border:1px solid #fff !important;
  background:transparent !important;
  color:#fff !important;
  text-transform:uppercase;
}

.contact-form button:hover{
  background:#fff !important;
  color:#111 !important;
}

@media(max-width:700px){
  .contact-form{
    grid-template-columns:1fr;
    width:calc(100% - 40px) !important;
    padding:70px 0 !important;
  }

  .contact-form::before{
    font-size:clamp(48px,15vw,72px);
  }

  .contact-form label,
  .contact-form label:last-of-type,
  .contact-form button{
    grid-column:1;
  }
}