@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600;700&display=swap');
:root{--ink:#111211;--paper:#f0f0ec;--muted:#858681;--line:rgba(17,18,17,.19);--gutter:clamp(22px,5.6vw,96px);font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{height:78px;position:absolute;top:0;left:0;z-index:5;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);color:#fff}.wordmark{font:600 18px 'Manrope',sans-serif;letter-spacing:.06em}.wordmark span{font-size:9px;vertical-align:top;margin-left:3px}.main-nav,.header-tools{display:flex;align-items:center;gap:clamp(16px,2vw,34px);font-size:13px}.main-nav a,.language-switch{opacity:.78;transition:opacity .2s}.main-nav a:hover,.language-switch:hover{opacity:1}.language-switch{border:0;background:none;color:inherit;cursor:pointer;padding:8px}.menu-button{border:1px solid rgba(255,255,255,.55);padding:11px 16px;font-size:12px}.hero{height:min(850px,100svh);min-height:650px;position:relative;display:flex;align-items:center;color:#fff;overflow:hidden}.hero-image{position:absolute;inset:0;background:radial-gradient(ellipse at 68% 42%,#68747e 0,#30383d 34%,#171a1b 75%);overflow:hidden}.hero-image iframe{position:absolute;top:50%;left:50%;width:max(100%,177.78vh);height:max(100%,56.25vw);transform:translate(-50%,-50%);border:0;pointer-events:none}.hero-image>span{position:absolute;right:var(--gutter);top:100px;color:#ffffff51;font-size:10px;letter-spacing:.16em}.hero-image i{position:absolute;width:min(44vw,570px);aspect-ratio:1;right:14%;top:50%;transform:translateY(-48%);border-radius:50%;border:1px solid #ffffff21;background:radial-gradient(circle at 40% 38%,#9eabb230,transparent 70%);box-shadow:0 0 0 75px #ffffff08,0 0 0 150px #ffffff05}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,10,11,.76),rgba(9,10,11,.16) 80%),linear-gradient(0deg,#0b0c0c55,transparent 24%)}.hero-content{position:relative;margin:90px var(--gutter) 0;max-width:780px}.eyebrow{margin:0 0 24px;font-size:10px;letter-spacing:.16em;font-weight:500}.hero h1{font:500 clamp(76px,14vw,190px)/.88 'Manrope',sans-serif;letter-spacing:-.075em;margin:0 0 20px}.hero-line{font:400 clamp(19px,2.4vw,30px) 'Manrope',sans-serif;margin:0 0 36px;color:#ffffffd4}.hero-actions{display:flex;gap:12px}.button{display:inline-flex;gap:30px;align-items:center;padding:15px 18px;font-size:12px;transition:background .2s,color .2s}.button span{font-size:16px}.button-light{background:#f3f3ef;color:#171817}.button-light:hover{background:#c6c7c1}.button-outline{border:1px solid #ffffff65}.button-outline:hover{background:#ffffff1b}.hero-meta{position:absolute;bottom:24px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;font-size:10px;letter-spacing:.08em;color:#ffffffa3}.section-pad{padding:clamp(76px,10vw,150px) var(--gutter)}.intro{display:grid;grid-template-columns:1fr 2.2fr;gap:8vw}.intro .eyebrow{margin-top:14px}.intro h2,.section-heading h2,.contact h2{font:400 clamp(34px,5.6vw,76px)/1.06 'Manrope',sans-serif;letter-spacing:-.055em;margin:0;max-width:970px}.intro-bottom{display:flex;justify-content:space-between;align-items:flex-end;margin-top:38px}.intro-bottom p{max-width:510px;color:#676964;font-size:15px;line-height:1.65;margin:0}.cross-mark{font-size:44px;color:#a0a19c}.approach{display:grid;grid-template-columns:1fr 1.25fr;gap:8vw;background:#e5e5e0}.section-heading .eyebrow{margin-bottom:20px}.approach .section-heading h2{font-size:clamp(36px,5vw,66px)}.approach-list article{display:grid;grid-template-columns:36px 1fr 20px;gap:16px;border-top:1px solid #1113;padding:22px 0}.approach-list article>span,.approach-list article>b{color:#92938e;font-size:11px}.approach-list h3{font-size:16px;font-weight:500;margin:0 0 7px}.approach-list p{font-size:13px;line-height:1.5;color:#777872;margin:0;max-width:400px}.showreel,.experience{color:#f0f0ec}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px}.section-heading>p,.section-heading>div+ p{margin:0;color:#959691;font-size:12px;line-height:1.6}.light-heading .eyebrow{color:#92938e}.showreel h2{font-size:clamp(44px,7vw,92px)}.video-frame{height:clamp(280px,53vw,690px);display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 44%,#48515a,#222626 47%,#151717 80%);border:1px solid #ffffff12}.video-frame:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#090a0a8a,transparent 34%)}.play-button{position:relative;z-index:1;width:72px;height:72px;border:1px solid #ffffff99;border-radius:50%;display:grid;place-items:center;padding-left:4px;font-size:17px;transition:transform .25s,background .25s}.video-frame:hover .play-button{transform:scale(1.08);background:#ffffff22}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}.frame-label,.frame-duration{position:absolute;z-index:1;bottom:20px;font-size:9px;letter-spacing:.13em;color:#ffffffab}.frame-label{left:22px}.frame-duration{right:22px}.selected-work{padding-top:clamp(72px,9vw,120px);padding-bottom:clamp(72px,9vw,120px)}.selected-work h2,.team h2{font-size:clamp(44px,6.5vw,82px)}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.video-card{min-width:0}.video-card-image{aspect-ratio:1.52;display:grid;place-items:center;position:relative;background:linear-gradient(140deg,#b3b8b4,#687174 54%,#343839);overflow:hidden;color:#f0f0ec;border:0;padding:0;width:100%;font:inherit;cursor:pointer;text-align:left}.video-card:nth-child(3n+2) .video-card-image{background:linear-gradient(140deg,#c2b9aa,#76695f 55%,#252626)}.video-card:nth-child(3n) .video-card-image{background:linear-gradient(140deg,#9fa9aa,#535f63 52%,#292c2e)}.video-card-image .mini-play{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#f0f0eceb;font-size:11px;padding:0 0 0 2px;border:0;color:#171817;cursor:pointer;position:relative;z-index:1}.video-card-image .cover-frame{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:auto;z-index:2}.video-frame>.cover-frame{pointer-events:auto;z-index:2}.video-frame:after{z-index:1}.video-frame .frame-label,.video-frame .frame-duration{z-index:3;pointer-events:none}.video-card-image small,.video-card-image .video-play-label{z-index:3;pointer-events:none}.video-card-image small{position:absolute;left:13px;top:13px;color:#ffffffb0;font-size:9px;letter-spacing:.1em}.video-card h3{font-weight:500;font-size:15px;margin:15px 0 5px}.video-card p{font-size:11px;color:#858681;margin:0}.clients{padding-top:0;padding-bottom:80px}.clients-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px}.clients-title .eyebrow{margin:0}.clients-title>span{font-size:10px;color:#969791}.client-list{display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap;padding-top:30px;color:#777873}.client-list span{font:600 clamp(14px,2vw,22px) 'Manrope',sans-serif;letter-spacing:-.04em;white-space:nowrap}.client-list span:nth-child(3),.client-list span:nth-child(4){font:400 clamp(12px,1.5vw,18px) 'DM Sans',sans-serif;letter-spacing:0}.experience .section-heading h2{max-width:620px}.experience-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid #ffffff2b}.experience-grid article{padding:20px 18px 20px 0;border-right:1px solid #ffffff2b}.experience-grid article+article{padding-left:18px}.experience-grid article:last-child{border:0}.experience-grid article>span{font-size:9px;letter-spacing:.13em;color:#83847e}.experience-grid h3{font-size:17px;font-weight:500;margin:35px 0 13px}.experience-grid p{font-size:11px;line-height:1.7;color:#aaa;font-weight:400}.experience-grid ul{list-style:none;padding:0;margin:0;color:#aaa;font-size:10px;line-height:1.55}.experience-grid li+li{margin-top:8px}.experience-deck{margin:14px 0 0;color:#aaa;font-size:12px}.experience-footnote{text-align:center;margin:52px 0 0;color:#aaa;font-size:12px}.experience-number strong{display:block;font:400 clamp(50px,7vw,90px)/1 'Manrope',sans-serif;letter-spacing:-.08em;margin-top:28px}.experience-number strong span{font-size:.5em;vertical-align:top}.team{padding-bottom:clamp(80px,11vw,160px)}.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.team-photo{aspect-ratio:.78;display:grid;place-items:center;background:linear-gradient(140deg,#bdc0bf,#596064 62%,#282a2b);color:#ffffff8a;font-size:9px;letter-spacing:.13em;overflow:hidden}.team-photo img{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block}.team-card:nth-child(2n) .team-photo{background:linear-gradient(140deg,#aaa59e,#68615b 62%,#292929)}.team-caption{display:flex;justify-content:space-between;gap:8px;padding-top:14px}.team-caption h3{font-size:13px;font-weight:500;margin:0 0 5px}.team-caption p{font-size:10px;color:#777872;line-height:1.45;margin:0}.team-caption>span{font-size:9px;color:#a3a49f}.contact{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.contact h2{font-size:clamp(56px,8vw,108px)}.contact-copy{max-width:360px;color:#747570;font-size:14px;line-height:1.6;margin-top:25px}.contact-details{align-self:end;padding-bottom:10px}.contact-details>a{display:flex;justify-content:space-between;border-bottom:1px solid #1114;padding:0 0 17px;font:400 clamp(18px,2.5vw,28px) 'Manrope',sans-serif}.contact-details>a span{font-size:15px}.contact-details>p{font-size:10px;color:#888983;margin:24px 0 12px}.contact-names{display:flex;gap:48px;font-size:13px}.contact-names a{display:inline-block;margin-top:6px;color:#777872;font-size:11px}.social-links{display:flex;gap:17px;margin-top:34px;font-size:10px}.site-footer{min-height:76px;padding:18px var(--gutter);display:flex;justify-content:space-between;align-items:center;color:#f0f0ec}.site-footer>span,.site-footer>a:last-child{font-size:9px;letter-spacing:.09em;color:#9b9c96}.media-placeholder>span:first-child{user-select:none} :focus-visible{outline:2px solid #9da89e;outline-offset:4px}
@media(max-width:850px){.main-nav{gap:14px}.main-nav a{font-size:11px}.menu-button{display:none}.intro{grid-template-columns:.55fr 2fr}.approach{grid-template-columns:1fr;gap:42px}.video-grid{grid-template-columns:repeat(2,1fr)}.team-grid{grid-template-columns:repeat(3,1fr);row-gap:28px}.experience-grid{grid-template-columns:repeat(2,1fr)}.experience-grid article:nth-child(2){border-right:0}.experience-grid article:nth-child(n+3){border-top:1px solid #ffffff2b}.experience-grid article:nth-child(3){padding-left:0}.experience-grid article:nth-child(4){padding-top:20px}}
@media(max-width:600px){:root{--gutter:22px}.site-header{height:64px}.wordmark{font-size:15px}.main-nav{display:none}.header-tools{gap:5px}.hero{min-height:640px;height:92svh;max-height:790px}.hero-content{margin-top:55px}.hero h1{font-size:clamp(72px,19vw,118px)}.hero-image i{width:75vw;right:-3%;top:41%}.hero-meta{font-size:8px}.hero-actions{flex-wrap:wrap;gap:8px}.button{padding:13px 14px;font-size:11px}.section-pad{padding-top:76px;padding-bottom:76px}.intro{grid-template-columns:1fr;gap:20px}.intro h2{font-size:39px}.intro-bottom p{font-size:13px}.cross-mark{font-size:30px}.section-heading{align-items:flex-start;gap:18px;flex-direction:column;margin-bottom:28px}.section-heading>p,.section-heading>div+p{font-size:11px}.section-heading h2{font-size:46px}.approach-list article{grid-template-columns:28px 1fr 14px;gap:10px;padding:18px 0}.approach-list h3{font-size:14px}.approach-list p{font-size:12px}.video-frame{height:58vw;min-height:230px}.play-button{width:58px;height:58px}.video-grid{gap:20px 12px}.video-card h3{font-size:13px}.video-card p{font-size:10px}.clients{padding-top:0;padding-bottom:58px}.client-list{justify-content:flex-start;gap:20px 26px}.client-list span{font-size:16px}.experience-grid article{padding:16px 12px 16px 0}.experience-grid article+article{padding-left:12px}.experience-grid article:nth-child(3){padding-left:0}.experience-grid h3{font-size:15px;margin-top:26px}.experience-grid p{font-size:10px}.experience-number strong{font-size:54px}.team-grid{grid-template-columns:repeat(2,1fr);gap:26px 12px}.team-caption h3{font-size:12px}.team-caption p{font-size:9px}.contact{grid-template-columns:1fr;gap:48px}.contact h2{font-size:74px}.contact-copy{font-size:13px}.contact-details>a{font-size:20px}.site-footer{min-height:68px}.site-footer .wordmark{font-size:13px}.site-footer>span,.site-footer>a:last-child{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

@media(max-width:850px){.experience-grid article:nth-child(5){border-top:1px solid #ffffff2b;padding-left:0}}
@media(max-width:600px){.experience-grid{grid-template-columns:1fr}.experience-grid article,.experience-grid article+article,.experience-grid article:nth-child(3),.experience-grid article:nth-child(4),.experience-grid article:nth-child(5){padding:18px 0;border-right:0;border-top:1px solid #ffffff2b}.experience-grid article:first-child{border-top:0}.experience-grid h3{margin:18px 0 10px}.experience-grid ul{font-size:11px}.experience-footnote{margin-top:34px}}

/* Swipeable archive carousel */
.work-controls{display:flex;align-items:flex-end;gap:28px}.carousel-controls{display:flex;align-items:center;gap:12px;color:#858681;font-size:9px;letter-spacing:.12em;white-space:nowrap}.carousel-arrow{width:40px;height:40px;border:1px solid #1113;border-radius:50%;background:transparent;color:var(--ink);font-size:20px;line-height:1;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.carousel-arrow:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.video-grid{display:flex;gap:18px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:8px;touch-action:auto}.video-grid::-webkit-scrollbar{display:none}.video-card{flex:0 0 calc((100% - 36px)/2.4);scroll-snap-align:start}.video-card-image{cursor:default}
@media(max-width:850px){.video-card{flex-basis:60%}}
@media(max-width:600px){.work-controls{width:100%;justify-content:space-between;align-items:center;gap:14px}.carousel-arrow{width:36px;height:36px}.video-card{flex-basis:84%}}
.team-caption ul{list-style:none;padding:0;margin:11px 0 0;color:#858681;font-size:10px;line-height:1.5}.team-caption li{margin-top:5px}.experience-grid h3{margin:22px 0 12px}

.video-card-image iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}.video-play-label{position:absolute;left:13px;bottom:13px;font-size:9px;letter-spacing:.12em;color:#ffffffc9;z-index:1}.video-card .video-description{font-size:12px;line-height:1.6;color:#777872;margin:10px 0 0}.video-grid:has(.video-card:only-child){grid-template-columns:minmax(0,min(720px,100%))}

/* Refined spacing and a single, clean frame for embedded video */
:root{--gutter:clamp(24px,6vw,100px)}
.section-pad{padding-top:clamp(64px,7.4vw,112px);padding-bottom:clamp(64px,7.4vw,112px)}
.hero-content{max-width:850px;margin-top:64px}
.hero-line{max-width:620px;line-height:1.2;margin-bottom:30px}
.intro{grid-template-columns:.7fr 2fr;gap:5vw}
.intro h2,.section-heading h2,.contact h2{letter-spacing:-.06em}
.intro-bottom{margin-top:26px}
.approach{gap:6vw}
.showreel .section-heading,.selected-work .section-heading,.experience .section-heading{margin-bottom:30px}
.video-frame{height:auto;aspect-ratio:16/9;max-height:min(62vw,760px);border:0;border-radius:7px;background:#111;isolation:isolate}
.video-frame:after{display:none}
.video-frame iframe{border-radius:inherit;background:#111}
.video-frame>.cover-frame{pointer-events:auto;z-index:2}
.selected-work{padding-top:clamp(64px,7.4vw,112px);padding-bottom:clamp(64px,7.4vw,112px)}
.video-card-image{aspect-ratio:16/9;border-radius:5px;background:#111!important;isolation:isolate}
.video-card-image iframe{border-radius:inherit;background:#111}
.video-card h3{margin-top:13px;letter-spacing:-.025em}
.video-card .video-description{max-width:48ch}
.clients{padding-bottom:54px}
.experience-footnote{margin-top:36px}
.team{padding-bottom:clamp(64px,7.4vw,112px)}
.team-card{min-width:0}
.team-photo{border-radius:4px}
.team-caption{padding-top:12px}
.carousel-controls{gap:10px}
.carousel-arrow{width:38px;height:38px}
.section-heading{gap:24px}
@media(max-width:850px){.intro{grid-template-columns:.6fr 2fr}.video-card{flex-basis:60%}.team-grid{row-gap:24px}}
@media(max-width:600px){.section-pad{padding-top:62px;padding-bottom:62px}.hero-content{margin-top:40px}.hero-line{max-width:320px;margin-bottom:26px}.intro{grid-template-columns:1fr;gap:16px}.intro h2{font-size:clamp(36px,10vw,44px)}.intro-bottom{margin-top:22px}.cross-mark{display:none}.approach{gap:32px}.showreel .section-heading,.selected-work .section-heading,.experience .section-heading{margin-bottom:22px}.video-frame{max-height:none;min-height:0}.selected-work{padding-top:62px;padding-bottom:62px}.video-grid{gap:14px}.video-card{flex-basis:84%}.video-card h3{margin-top:11px}.video-card .video-description{font-size:11px;line-height:1.5}.clients{padding-bottom:44px}.experience-footnote{margin-top:28px}.team{padding-bottom:62px}.team-photo{border-radius:3px}.carousel-arrow{width:34px;height:34px}.section-heading{gap:16px}}
.intro{display:block;text-align:center}
.intro-copy{max-width:920px;margin:0 auto}
.intro h2{max-width:none;margin:0 auto;font-size:clamp(34px,5vw,64px);line-height:1.08}
.intro-disciplines{margin:15px 0 0;color:#747570;font-size:clamp(12px,1.25vw,15px);letter-spacing:.025em}
.intro-description{max-width:580px;margin:23px auto 0;color:#676964;font-size:14px;line-height:1.65}
.approach .section-heading{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:16px;margin:0}
.approach .section-heading .eyebrow{margin:0}
.approach .section-heading h2{max-width:560px}
.site-header .menu-button{display:inline-flex;align-items:center;justify-content:center;border-radius:2px;padding:10px 14px;font-size:11px;letter-spacing:.015em}
.site-header .header-tools{gap:clamp(10px,1.5vw,20px)}
#contact{scroll-margin-top:24px}
@media(max-width:600px){.intro{grid-template-columns:1fr;gap:0}.intro h2{font-size:clamp(34px,9vw,44px)}.intro-disciplines{max-width:360px;margin:13px auto 0;font-size:11px;line-height:1.6}.intro-description{margin-top:18px;font-size:12px}.approach .section-heading{gap:13px}.approach .section-heading h2{font-size:clamp(36px,9vw,46px)}.site-header .menu-button{padding:8px 10px;font-size:9px}}
.services{display:grid;grid-template-columns:1fr 1.25fr;gap:6vw;background:var(--paper)}
.approach-list article{grid-template-columns:36px 1fr}
.services .section-heading{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:16px;margin:0}
.services .section-heading .eyebrow{margin:0}
.services .section-heading h2{max-width:560px;font-size:clamp(36px,5vw,66px)}
.services-list article{display:grid;grid-template-columns:36px 1fr 20px;gap:16px;border-top:1px solid #1113;padding:22px 0}
.services-list article>span,.services-list article>b{color:#92938e;font-size:11px}
.services-list h3{font-size:16px;font-weight:500;margin:0 0 7px}
.services-list p{font-size:13px;line-height:1.5;color:#777872;margin:0;max-width:400px}
@media(max-width:850px){.services{grid-template-columns:1fr;gap:36px}}
@media(max-width:600px){.services{gap:28px}.services .section-heading{gap:13px}.services .section-heading h2{font-size:clamp(36px,9vw,46px)}.services-list article{grid-template-columns:28px 1fr 14px;gap:10px;padding:18px 0}.services-list h3{font-size:14px}.services-list p{font-size:12px}}
.team-heading{margin-bottom:32px}
.team-heading>.eyebrow{margin-bottom:12px}
.team-heading-row{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}
.team-heading h2{margin:0}
.team-note{max-width:30ch;margin:0 0 8px;color:#777872;font:400 clamp(14px,1.45vw,18px)/1.4 'Manrope',sans-serif;letter-spacing:-.02em}
@media(max-width:600px){.team-heading{margin-bottom:24px}.team-heading>.eyebrow{margin-bottom:10px}.team-heading-row{align-items:flex-start;flex-direction:column;gap:7px}.team-note{font-size:13px;margin:0}.team-heading h2{font-size:46px}}
.main-nav,.header-tools{font-size:15px}
.site-header .menu-button{font-size:13px}
.eyebrow{font-size:12px;letter-spacing:.14em}
.intro-disciplines{font-size:clamp(15px,1.35vw,18px)}
.approach .section-heading h2{font-size:clamp(42px,5.4vw,72px)}
.approach-list article>span{font-size:13px}
.approach-list h3{font-size:18px}
.approach-list p{font-size:15px;line-height:1.55}
.services .section-heading h2{font-size:clamp(42px,5.4vw,72px)}
.services-list article>span,.services-list article>b{font-size:13px}
.services-list h3{font-size:18px}
.services-list p{font-size:15px;line-height:1.55}
.selected-work .eyebrow{font-size:12px}
.video-card h3{font-size:18px}
.video-card .video-description{font-size:14px;line-height:1.6}
.experience-grid article>span{font-size:12px;letter-spacing:.1em}
.experience-grid h3{font-size:19px;margin-top:27px}
.experience-grid ul{font-size:13px;line-height:1.6}
.experience-grid li+li{margin-top:9px}
.experience-footnote{font-size:14px}
.team-caption h3{font-size:16px}
.team-caption p{font-size:12px;line-height:1.5}
.team-caption ul{font-size:13px;line-height:1.6}
@media(max-width:850px){.main-nav a{font-size:13px}.site-header .menu-button{font-size:12px}.experience-grid article>span{font-size:11px}.experience-grid h3{font-size:18px}.experience-grid ul{font-size:13px}.team-caption ul{font-size:12px}}
@media(max-width:600px){.site-header .menu-button{font-size:11px}.intro-disciplines{font-size:13px}.approach .section-heading h2,.services .section-heading h2{font-size:clamp(38px,9vw,48px)}.approach-list article>span,.services-list article>span,.services-list article>b{font-size:12px}.approach-list h3,.services-list h3{font-size:16px}.approach-list p,.services-list p{font-size:14px}.selected-work .eyebrow{font-size:11px}.video-card h3{font-size:15px}.video-card .video-description{font-size:13px}.experience-grid article>span{font-size:11px}.experience-grid h3{font-size:17px}.experience-grid ul{font-size:13px;line-height:1.55}.experience-footnote{font-size:13px}.team-caption h3{font-size:14px}.team-caption p{font-size:11px}.team-caption ul{font-size:12px;line-height:1.55}}
.experience-grid article>span{display:block;margin:0 0 18px;color:#f0f0ec;font-size:16px;line-height:1.3;letter-spacing:-.015em}
.experience-grid ul{font-size:13px;line-height:1.6}
.experience-footnote{font-size:21px;line-height:1.45}
.contact{grid-template-columns:1.1fr .9fr;align-items:center;gap:8vw}
.contact .eyebrow{margin-bottom:18px}
.contact h2{max-width:600px}
.contact-copy{max-width:440px;font-size:16px;line-height:1.6}
.contact-channels{align-self:center}
.contact-channels>.eyebrow{color:#777872;margin:0 0 20px}
.contact-channel-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
.contact-channel-list span{display:block;border-top:1px solid #1114;padding:17px 0;font:400 16px 'Manrope',sans-serif}
@media(max-width:850px){.experience-grid article>span{font-size:15px}.experience-footnote{font-size:20px}}
@media(max-width:600px){.experience-grid article>span{font-size:15px;margin-bottom:14px}.experience-footnote{font-size:19.5px}.contact{grid-template-columns:1fr;gap:38px}.contact-copy{font-size:14px}.contact-channels>.eyebrow{margin-bottom:12px}.contact-channel-list{gap:0 18px}.contact-channel-list span{font-size:15px;padding:14px 0}}
.contact h2{font-size:clamp(54px,7.5vw,96px)}
@media(max-width:600px){.contact h2{font-size:clamp(54px,14vw,64px)}}
.hero-trace,.approach-trace,.experience-trace,.motion-trace,.scroll-cue{display:none!important}
.video-frame::before{display:none}
.video-grid{touch-action:auto}
.video-card,.video-card:hover{transform:none!important;transition:none!important}
.video-card-image,.video-card:hover .video-card-image{box-shadow:none!important;transition:none!important}
.scroll-cue{display:flex!important}
@media(hover:hover){.approach-list article>div{transform-origin:left center;transition:transform .32s cubic-bezier(.2,.7,.2,1)}.approach-list article:hover>div{transform:scale(1.035)}}

/* Тихие тональные градиенты связывают секции в единую кинематографичную палитру. */
.hero{background:linear-gradient(128deg,#0c1012 0%,#27343a 48%,#111211 100%)}
.intro{background:linear-gradient(112deg,#fbf9f4 0%,#eeece5 48%,#dce4e5 100%)}
.approach{background:linear-gradient(112deg,#d8dddc 0%,#eeeae1 52%,#d6e0e2 100%)}
.services{background:linear-gradient(118deg,#e4e7e3 0%,#faf7f0 50%,#dce4e5 100%)}
.showreel{background:linear-gradient(118deg,#0c0e0e 0%,#293237 52%,#101313 100%)}
.selected-work{background:linear-gradient(112deg,#dfe5e4 0%,#f7f4ed 52%,#e2ddd4 100%)}
.clients{background:linear-gradient(110deg,#e5e2da 0%,#faf7f0 52%,#dce4e5 100%)}
.experience{background:linear-gradient(122deg,#0c0e0e 0%,#293237 54%,#111515 100%)}
.team{background:linear-gradient(112deg,#faf7f0 0%,#e8e6de 50%,#dce4e5 100%)}
.contact{background:linear-gradient(120deg,#d6dddc 0%,#f1ede4 52%,#d4dfe1 100%)}
.site-footer{background:linear-gradient(115deg,#0c0e0e 0%,#293237 58%,#101313 100%)}

/* Более собранный вертикальный ритм между секциями и их содержимым. */
.section-pad{padding-top:clamp(54px,6.2vw,92px);padding-bottom:clamp(54px,6.2vw,92px)}
.selected-work{padding-top:clamp(54px,6.2vw,92px);padding-bottom:clamp(54px,6.2vw,92px)}
.team{padding-bottom:clamp(54px,6.2vw,92px)}
.section-heading{margin-bottom:clamp(24px,2.2vw,32px)}
.showreel .section-heading,.selected-work .section-heading,.experience .section-heading{margin-bottom:clamp(22px,2.1vw,28px)}
.team-heading{margin-bottom:clamp(24px,2.3vw,28px)}
.intro-bottom{margin-top:clamp(20px,2vw,24px)}
.approach-list article,.services-list article{padding-top:18px;padding-bottom:18px}
.approach,.services{gap:clamp(34px,5vw,72px)}
.video-card h3{margin-top:11px}
.experience-footnote{margin-top:clamp(28px,3vw,34px)}
.contact{gap:clamp(40px,6vw,80px)}
@media(max-width:600px){
  .section-pad,.selected-work{padding-top:52px;padding-bottom:52px}
  .team{padding-bottom:52px}
  .section-heading,.showreel .section-heading,.selected-work .section-heading,.experience .section-heading{margin-bottom:20px}
  .approach-list article,.services-list article{padding-top:15px;padding-bottom:15px}
  .approach,.services{gap:26px}
  .contact{gap:34px}
}

/* Единая типографическая иерархия: Manrope для заголовков, DM Sans для чтения. */
.eyebrow{font:600 11px/1.3 'DM Sans',Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.hero h1{font:500 clamp(76px,13.5vw,176px)/.86 'Manrope',sans-serif;letter-spacing:-.085em}
.hero-line{font:400 clamp(20px,2.2vw,28px)/1.25 'Manrope',sans-serif;letter-spacing:-.035em}
.intro h2,.approach .section-heading h2,.services .section-heading h2{font:400 clamp(38px,5.2vw,68px)/1.04 'Manrope',sans-serif;letter-spacing:-.065em}
.showreel .section-heading h2,.selected-work .section-heading h2,.team-heading h2{font:400 clamp(48px,6.8vw,84px)/.98 'Manrope',sans-serif;letter-spacing:-.075em}
.experience .section-heading h2{font:400 clamp(42px,5.8vw,72px)/1.02 'Manrope',sans-serif;letter-spacing:-.065em}
.contact h2{font:400 clamp(56px,7.5vw,94px)/.96 'Manrope',sans-serif;letter-spacing:-.075em}
.intro-disciplines{font:500 clamp(14px,1.3vw,17px)/1.55 'DM Sans',Arial,sans-serif;letter-spacing:.035em}
.intro-description,.contact-copy{font:400 16px/1.7 'DM Sans',Arial,sans-serif}
.section-heading>p,.team-note{font:400 15px/1.55 'DM Sans',Arial,sans-serif}
.approach-list h3,.services-list h3{font:500 18px/1.35 'Manrope',sans-serif;letter-spacing:-.025em}
.approach-list p,.services-list p{font:400 15px/1.65 'DM Sans',Arial,sans-serif}
.video-card h3{font:500 18px/1.35 'Manrope',sans-serif;letter-spacing:-.03em}
.video-card .video-description{font:400 14px/1.65 'DM Sans',Arial,sans-serif}
.experience-grid article>span{font:600 13px/1.4 'DM Sans',Arial,sans-serif;letter-spacing:.01em}
.experience-grid ul{font:400 13px/1.65 'DM Sans',Arial,sans-serif}
.experience-footnote{font:400 clamp(18px,2vw,21px)/1.45 'Manrope',sans-serif;letter-spacing:-.025em}
.team-caption h3{font:500 17px/1.3 'Manrope',sans-serif;letter-spacing:-.02em}
.team-caption p,.team-caption ul{font:400 13px/1.6 'DM Sans',Arial,sans-serif}
.contact-channel-list span{font:400 17px/1.4 'Manrope',sans-serif}
.site-header .main-nav,.site-header .header-tools{font:500 14px/1.3 'DM Sans',Arial,sans-serif}
.site-footer{font-family:'DM Sans',Arial,sans-serif}
@media(max-width:600px){
  .eyebrow{font-size:10px}
  .intro h2,.approach .section-heading h2,.services .section-heading h2{font-size:clamp(36px,9vw,46px)}
  .showreel .section-heading h2,.selected-work .section-heading h2,.team-heading h2{font-size:clamp(42px,11vw,58px)}
  .experience .section-heading h2{font-size:clamp(38px,10vw,50px)}
  .contact h2{font-size:clamp(52px,14vw,64px)}
  .intro-description,.contact-copy{font-size:14px}
  .section-heading>p,.team-note{font-size:13px}
  .approach-list h3,.services-list h3,.video-card h3{font-size:16px}
  .approach-list p,.services-list p{font-size:14px}
  .video-card .video-description,.experience-grid ul{font-size:13px}
  .team-caption h3{font-size:14px}
  .team-caption p,.team-caption ul{font-size:12px}
}

/* Рубрики над заголовками используют один размер и один характер набора. */
.eyebrow,.section-heading>p.eyebrow,.clients-title>.eyebrow,.team-heading>.eyebrow{
  display:block;
  font:600 clamp(10px,.72vw,11px)/1.35 'DM Sans',Arial,sans-serif;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.section-heading>p:not(.eyebrow){font:400 15px/1.55 'DM Sans',Arial,sans-serif;letter-spacing:0;text-transform:none}
.section-heading>.eyebrow,.section-heading>div>.eyebrow,.team-heading>.eyebrow{margin-bottom:14px}
.contact-intro>.eyebrow,.contact-channels>.eyebrow{margin-bottom:14px}
.light-heading .eyebrow{color:#aeb8ba}
@media(max-width:600px){.section-heading>p:not(.eyebrow){font-size:13px}}

/* Editorial composition refinements */
.hero-content{width:min(84vw,1080px);max-width:1080px;margin:24px 0 0 clamp(30px,8vw,132px)}
.hero h1{font-size:clamp(84px,15vw,198px);text-shadow:0 12px 56px rgba(0,0,0,.28)}
.hero-line{margin-left:clamp(3px,.8vw,12px);color:rgba(255,255,255,.9)}

/* Give the services section a wide, three-part rhythm to contrast with the split approach section. */
.services{grid-template-columns:minmax(0,1fr);gap:clamp(30px,4vw,54px)}
.services .section-heading{width:100%}
.services-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 clamp(18px,2.5vw,36px)}
.services-list article{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 1fr;align-content:start;gap:20px 12px;padding:20px 0 6px}
.services-list article>span{grid-column:1/-1}
.services-list article>b{align-self:start}
.services-list p{max-width:34ch}

/* Portfolio captions stay prominent while retaining each full description. */
.video-card-image{border-radius:8px}
.video-card h3{margin:16px 0 7px;font-size:clamp(17px,1.45vw,20px);line-height:1.3;letter-spacing:-.035em}
.video-card .video-description{max-width:48ch;font-size:14px;line-height:1.7;color:#62696a}
.video-card{align-content:start}

/* Consistent portrait and caption alignment across the three team cards. */
.team-grid{align-items:stretch}
.team-card{display:flex;flex-direction:column;min-width:0}
.team-photo{width:100%;aspect-ratio: .78;overflow:hidden}
.team-photo img{object-position:center 29%}
.team-caption{flex:1;align-items:flex-start;padding-top:16px}
.team-caption>div{min-width:0}
.team-caption h3{margin-bottom:6px}
.team-caption p{min-height:1.5em}
.team-caption ul{margin-top:10px}

/* Lighter sections use restrained tonal washes; darker sections keep cinematic depth. */
.intro{background:radial-gradient(ellipse at 88% 8%,rgba(141,164,169,.15),transparent 52%),linear-gradient(116deg,#f7f5f0 0%,#f0eee8 58%,#e8ebea 100%)}
.approach{background:radial-gradient(ellipse at 88% 8%,rgba(137,159,164,.17),transparent 50%),linear-gradient(116deg,#e4e2dc 0%,#eeece6 56%,#e3e7e6 100%)}
.services{background:radial-gradient(ellipse at 85% 6%,rgba(141,164,169,.13),transparent 48%),linear-gradient(116deg,#f0eee8 0%,#f8f6f0 55%,#e9ecea 100%)}
.selected-work{background:radial-gradient(ellipse at 90% 0%,rgba(141,164,169,.13),transparent 48%),linear-gradient(116deg,#f4f2ec 0%,#efede7 56%,#e8ebea 100%)}
.clients{background:radial-gradient(ellipse at 10% 0%,rgba(141,164,169,.13),transparent 48%),linear-gradient(116deg,#ebe9e2 0%,#f6f4ee 56%,#e7eae8 100%)}
.team{background:radial-gradient(ellipse at 88% 8%,rgba(141,164,169,.13),transparent 50%),linear-gradient(116deg,#f7f5f0 0%,#efede7 56%,#e7eae8 100%)}
.contact{background:radial-gradient(ellipse at 88% 8%,rgba(132,157,163,.18),transparent 50%),linear-gradient(116deg,#e0e3e0 0%,#eeece5 55%,#e1e6e5 100%)}
@media(max-width:850px){
  .services-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .services-list article:last-child{grid-column:1/-1}
}
@media(max-width:600px){
  .hero-content{width:auto;margin:40px var(--gutter) 0}
  .hero h1{font-size:clamp(72px,19vw,118px)}
  .hero-line{margin-left:2px}
  .services-list{grid-template-columns:1fr}
  .services-list article:last-child{grid-column:auto}
  .video-card h3{font-size:17px;margin-top:13px}
  .video-card .video-description{font-size:13px;line-height:1.65}
  .team-caption p{min-height:0}
}
@media(prefers-reduced-motion:reduce){.approach-list article>div{transition:none}.approach-list article:hover>div{transform:none}}
.team-photo{position:relative}
.team-hover-card{position:absolute;z-index:2;left:12px;right:12px;bottom:12px;padding:15px 16px;border:1px solid rgba(255,255,255,.23);border-radius:4px;background:rgba(13,16,18,.84);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);color:#f2f0eb;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .3s ease,transform .4s cubic-bezier(.2,.7,.2,1)}
.team-hover-card h3{margin:0 0 5px;color:#f7f5f0;font-size:15px;font-weight:500;letter-spacing:-.02em}
.team-hover-card p{margin:0;color:#c5d0d2;font-size:11px;line-height:1.4}
.team-hover-card ul{margin:9px 0 0;padding:0;list-style:none;color:#e1e2df;font-size:11px;line-height:1.45}
.team-hover-card li+li{margin-top:4px}
.team-caption{transition:opacity .22s ease,transform .22s ease}
@media(hover:hover) and (min-width:601px){.team-card:hover .team-hover-card,.team-card:focus-within .team-hover-card{opacity:1;transform:translateY(0)}.team-card:hover .team-caption{opacity:0;transform:translateY(6px)}}
@media(max-width:600px){.team-hover-card{display:none}.team-caption,.team-card:hover .team-caption{opacity:1!important;transform:none!important}}

/* Cinematic editorial layer */
:root{--paper:#f2f0eb;--ink:#101315;--accent:#a9c1ca;--line:rgba(16,19,21,.16)}
body{background:var(--paper);-webkit-font-smoothing:antialiased}
.site-header{background:rgba(13,16,18,.82);border-bottom-color:rgba(255,255,255,.11);transition:background .35s,border-color .35s}
.main-nav a{position:relative}
.main-nav a::after{content:'';position:absolute;left:0;right:100%;bottom:-5px;height:1px;background:var(--accent);transition:right .28s ease}
.main-nav a:hover::after,.main-nav a:focus-visible::after{right:0}
.site-header .menu-button{border-color:rgba(255,255,255,.45);transition:background .25s,border-color .25s,color .25s}
.site-header .menu-button:hover{background:var(--accent);border-color:var(--accent);color:#101315}
.hero{isolation:isolate;background:#111519}
.hero-image{z-index:-2}
.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(7,9,11,.72),rgba(7,9,11,.14) 76%),linear-gradient(0deg,rgba(6,8,10,.32),transparent 36%)}
.hero-content{z-index:2}
.hero h1{font-weight:500;letter-spacing:-.085em;text-shadow:0 10px 48px rgba(0,0,0,.18);animation:hero-rise .9s cubic-bezier(.2,.7,.2,1) both}
.hero-line{animation:hero-rise .9s .14s cubic-bezier(.2,.7,.2,1) both}
@keyframes hero-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.hero-trace{position:absolute;z-index:1;right:-2vw;top:50%;width:min(66vw,880px);height:94%;transform:translateY(-50%);opacity:.66}
.motion-trace{fill:none;overflow:visible;pointer-events:none}
.motion-trace path{fill:none;stroke:var(--accent);stroke-width:1.25;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 2.1s cubic-bezier(.3,.7,.2,1)}
.motion-trace .trace-secondary{stroke:#fff;stroke-width:.8;opacity:.5;transition-delay:.12s}
.motion-trace.is-visible path{stroke-dashoffset:0}
.motion-trace .trace-point{fill:var(--accent);opacity:0;transition:opacity .5s .9s}
.motion-trace.is-visible .trace-point{opacity:.85}
.scroll-cue{position:absolute;z-index:3;left:50%;bottom:25px;display:flex;align-items:center;flex-direction:column;gap:5px;color:#ffffffb8;transform:translateX(-50%);transition:color .25s,transform .25s}
.scroll-cue span{display:block;width:1px;height:24px;background:linear-gradient(#ffffff15,#ffffffb5)}
.scroll-cue b{font-size:13px;font-weight:400;line-height:1}
.scroll-cue:hover{color:#fff;transform:translate(-50%,3px)}
.intro{background:linear-gradient(180deg,#f4f2ed 0%,var(--paper) 100%)}
.intro h2{font-weight:400;letter-spacing:-.065em}
.intro-disciplines{color:#555b5e;letter-spacing:.045em}
.approach{position:relative;isolation:isolate;overflow:hidden}
.approach .section-heading,.approach-list{position:relative;z-index:1}
.approach-trace{position:absolute;z-index:0;right:-3%;top:2%;width:71%;height:96%;opacity:.34}
.approach .section-heading h2,.services .section-heading h2,.experience .section-heading h2{letter-spacing:-.065em}
.approach-list article{position:relative;transition:padding-left .3s,border-color .3s}
.approach-list article:hover{padding-left:7px;border-color:rgba(16,19,21,.35)}
.approach-list article>span{color:#7d8588;font-variant-numeric:tabular-nums}
.approach-list h3,.services-list h3{letter-spacing:-.025em}
.services{background:var(--paper)}
.services-list article{transition:padding-left .3s,border-color .3s}
.services-list article:hover{padding-left:7px;border-color:rgba(16,19,21,.35)}
.services-list article>b{transition:transform .25s,color .25s}
.services-list article:hover>b{transform:translate(3px,-3px);color:#596d75}
.showreel{position:relative;overflow:hidden;background:radial-gradient(ellipse at 74% 30%,#1b2225 0,#111211 44%)}
.showreel .section-heading h2{letter-spacing:-.075em}
.video-frame{box-shadow:0 28px 70px rgba(0,0,0,.24);transition:box-shadow .4s,transform .4s}
.video-frame:hover{box-shadow:0 34px 90px rgba(0,0,0,.34)}
.video-frame::before{content:'';position:absolute;inset:13px;z-index:3;pointer-events:none;opacity:.62;background:linear-gradient(var(--accent),var(--accent)) left top/22px 1px no-repeat,linear-gradient(var(--accent),var(--accent)) left top/1px 22px no-repeat,linear-gradient(var(--accent),var(--accent)) right top/22px 1px no-repeat,linear-gradient(var(--accent),var(--accent)) right top/1px 22px no-repeat,linear-gradient(var(--accent),var(--accent)) left bottom/22px 1px no-repeat,linear-gradient(var(--accent),var(--accent)) left bottom/1px 22px no-repeat,linear-gradient(var(--accent),var(--accent)) right bottom/22px 1px no-repeat,linear-gradient(var(--accent),var(--accent)) right bottom/1px 22px no-repeat}
.selected-work{background:var(--paper)}
.selected-work .section-heading h2{letter-spacing:-.07em}
.carousel-arrow{border-color:rgba(16,19,21,.25);transition:background .25s,color .25s,border-color .25s,transform .25s}
.carousel-arrow:hover{transform:translateY(-2px);background:var(--ink);color:var(--paper);border-color:var(--ink)}
.video-card{transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.video-card:hover{transform:none}
.video-card-image{box-shadow:0 10px 28px rgba(14,17,19,.08);transition:box-shadow .4s, border-radius .4s}
.video-card:hover .video-card-image{box-shadow:0 18px 42px rgba(14,17,19,.16)}
.video-card h3{letter-spacing:-.035em}
.video-card .video-description{color:#666b6c}
.experience{position:relative;isolation:isolate;overflow:hidden;color:#f2f0eb}
.experience-trace{position:absolute;z-index:0;right:3%;top:13%;width:38%;height:42%;opacity:.28}
.experience .section-heading,.experience-grid,.experience-footnote{position:relative;z-index:1}
.experience-grid article{border-color:rgba(255,255,255,.2);transition:background .3s}
.experience-grid article>span{color:#d7e2e5;letter-spacing:-.015em}
.experience-grid ul{color:#bfc1bd}
.experience-footnote{color:#dce3e3;letter-spacing:-.035em}
.team{background:#f2f0eb}
.team-heading h2{letter-spacing:-.07em}
.team-note{color:#50585b}
.team-photo{background:#d3d4d1;border-radius:8px;box-shadow:0 8px 24px rgba(14,17,19,.08)}
.team-photo img{transition:transform .75s cubic-bezier(.2,.7,.2,1),filter .75s}
.team-card{transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.team-card:hover{transform:translateY(-4px)}
.team-card:hover .team-photo img{transform:scale(1.035);filter:contrast(1.025)}
.team-caption h3{letter-spacing:-.025em}
.team-caption p{color:#596063}
.team-caption ul{color:#717779}
.contact{background:linear-gradient(125deg,#e7e6e0 0%,#eeece6 100%)}
.contact h2{letter-spacing:-.075em}
.contact-copy{color:#555b5e}
.contact-channel-list span{border-top-color:rgba(16,19,21,.2);transition:padding-left .25s,color .25s}
.contact-channel-list span:hover{padding-left:5px;color:#566a72}
.site-footer{border-top:1px solid rgba(255,255,255,.09)}
.motion-reveal:not(.motion-trace){opacity:0;transform:translateY(20px);transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1)}
.motion-reveal:not(.motion-trace).is-visible{opacity:1;transform:translateY(0)}
.approach-list article:nth-child(2),.services-list article:nth-child(2),.experience-grid article:nth-child(2),.team-card:nth-child(2){transition-delay:.07s}
.approach-list article:nth-child(3),.services-list article:nth-child(3),.experience-grid article:nth-child(3),.team-card:nth-child(3){transition-delay:.14s}
.video-card:nth-child(2){transition-delay:.05s}.video-card:nth-child(3){transition-delay:.1s}.video-card:nth-child(4){transition-delay:.15s}.video-card:nth-child(5){transition-delay:.2s}
@media(max-width:850px){.hero-trace{right:-17%;width:80vw;opacity:.48}.approach-trace{right:-14%;width:84%;opacity:.25}.experience-trace{right:-8%;width:54%;opacity:.2}.experience-grid article{transition-delay:0!important}}
@media(max-width:600px){.hero-trace{right:-46%;width:122vw;height:78%;opacity:.36}.scroll-cue{bottom:18px}.approach-trace{right:-35%;top:8%;width:128%;height:80%;opacity:.17}.experience-trace{right:-18%;top:18%;width:80%;height:32%;opacity:.14}.video-frame{box-shadow:0 16px 38px rgba(0,0,0,.24)}.video-frame::before{inset:8px;background-size:14px 1px,1px 14px,14px 1px,1px 14px,14px 1px,1px 14px,14px 1px,1px 14px}.team-card:hover{transform:none}.team-card:hover .team-photo img{transform:none}}
@media(prefers-reduced-motion:reduce){.hero h1,.hero-line{animation:none}.motion-reveal:not(.motion-trace),.motion-reveal:not(.motion-trace).is-visible{opacity:1;transform:none;transition:none}.motion-trace path,.motion-trace .trace-point{transition:none;stroke-dashoffset:0;opacity:1}.scroll-cue,.video-frame,.video-card,.team-card,.team-photo img,.approach-list article,.services-list article{transition:none}}
.hero-trace,.approach-trace,.experience-trace,.motion-trace,.scroll-cue{display:none!important}
.video-frame::before{display:none!important}
.video-grid{touch-action:auto}
.video-card,.video-card:hover{transform:none!important;transition:none!important}
.video-card-image,.video-card:hover .video-card-image{box-shadow:none!important;transition:none!important}
.site-header{position:fixed;height:68px;background:rgba(17,18,17,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}
html{scroll-padding-top:76px}
@media(max-width:600px){.site-header{height:60px}html{scroll-padding-top:66px}}
.scroll-cue{display:flex!important}
@media(hover:hover){.approach-list article>div{transform-origin:left center;transition:transform .32s cubic-bezier(.2,.7,.2,1)}.approach-list article:hover>div{transform:scale(1.035)}}
@media(prefers-reduced-motion:reduce){.approach-list article>div{transition:none}.approach-list article:hover>div{transform:none}}
/* Цельная, сдержанная палитра фонов секций */
:root{
  --surface-warm:#f4f2ed;
  --surface-stone:#e8e6df;
  --surface-light:#f5f3ed;
  --surface-logo:#f7f5f0;
  --surface-work:#f1efe8;
  --surface-team:#e9ecea;
  --surface-contact:#e4e7e3;
  --surface-dark:#111516;
}
.hero{background:linear-gradient(118deg,#0d1011 0%,#1d2528 54%,#111516 100%)}
.intro{background:linear-gradient(112deg,#f4f2ed 0%,#f2f0ea 56%,#eef0ee 100%)}
.approach{background:radial-gradient(ellipse at 82% 14%,rgba(117,139,143,.11),transparent 48%),linear-gradient(112deg,#e8e6df 0%,#eeece7 55%,#e5e9e7 100%)}
.services{background:radial-gradient(ellipse at 88% 8%,rgba(130,149,151,.07),transparent 42%),linear-gradient(112deg,#f5f3ed 0%,#f7f5f0 54%,#eff1ef 100%)}
.showreel{background:radial-gradient(ellipse at 76% 16%,rgba(101,124,132,.16),transparent 46%),linear-gradient(116deg,#111516 0%,#171c1e 56%,#101314 100%)}
.experience{background:radial-gradient(ellipse at 78% 8%,rgba(100,126,135,.09),transparent 46%),linear-gradient(116deg,#e8e6df 0%,#f4f2ed 56%,#e9ecea 100%)}
.selected-work{background:radial-gradient(ellipse at 88% 0%,rgba(128,148,151,.08),transparent 44%),linear-gradient(112deg,#f1efe8 0%,#f4f2ed 56%,#e9ecea 100%)}
.team{background:radial-gradient(ellipse at 84% 10%,rgba(127,149,153,.07),transparent 46%),linear-gradient(112deg,#e9ecea 0%,#eff0ed 55%,#e5e8e5 100%)}
.contact{background:radial-gradient(ellipse at 84% 10%,rgba(124,147,148,.09),transparent 46%),linear-gradient(118deg,#e4e7e3 0%,#eeece6 56%,#e2e7e5 100%)}
.site-footer{background:#111211}
.video-frame{border-radius:10px}
.intro-disciplines{font-size:clamp(16px,1.45vw,19px)}
.intro-copy{width:100%;max-width:none;margin:0 auto}
.intro h2{width:100%;max-width:none;white-space:nowrap;font-size:clamp(30px,3.7vw,64px)}
.experience-grid{align-items:start}
.experience-grid article>span,.experience-footnote{font-size:clamp(19.5px,2vw,21px)}
.experience-grid article>span{line-height:1.25;margin-bottom:18px}
.experience-grid ul{font-size:15px;line-height:1.55}
.team-hover-card{border-radius:8px}
.experience{color:#171918}
.experience .eyebrow{color:#59615f}
.experience-grid{border-color:rgba(17,18,17,.2)}
.experience-grid article{border-color:rgba(17,18,17,.2)}
.experience-grid article>span{color:#59615f}
.experience-grid ul{color:#555b59}
.experience-footnote{color:#363b39}
@media(max-width:760px){.intro h2{white-space:normal;font-size:clamp(30px,5.4vw,42px)}}
@media(max-width:600px){.intro h2{font-size:clamp(34px,9vw,44px)}.intro-disciplines{font-size:14px}.experience-grid ul{font-size:15px}}
.intro h2,.section-heading h2,.team-heading h2,.contact h2{font-size:clamp(36px,4.5vw,66px)}
.approach .section-heading>.eyebrow{color:#4f5b59}
@media(max-width:1100px){.intro h2,.section-heading h2,.team-heading h2,.contact h2{font-size:clamp(32px,5vw,48px)}.intro h2{white-space:normal}}

/* Финальный ритм фонов: графитовые видео-блоки чередуются со светлыми секциями */
.experience{background:radial-gradient(ellipse at 78% 8%,rgba(100,126,135,.1),transparent 46%),linear-gradient(116deg,#e8e6df 0%,#f4f2ed 56%,#e9ecea 100%)}
.selected-work{color:#f2f0eb;background:radial-gradient(ellipse at 84% 0%,rgba(111,137,145,.16),transparent 48%),linear-gradient(116deg,#111516 0%,#1b2224 56%,#101314 100%)}
.selected-work .section-heading h2{color:#f2f0eb}
.selected-work .eyebrow{color:#aeb8ba}
.selected-work .video-card h3{color:#f2f0eb}
.selected-work .video-card .video-description{color:#bfc3bf}
.selected-work .carousel-arrow{color:#f2f0eb;border-color:rgba(242,240,235,.38)}
.selected-work .carousel-arrow:hover{color:#111516;background:#f2f0eb;border-color:#f2f0eb}
.selected-work .carousel-controls>span{color:#bfc3bf}
.team{background:radial-gradient(ellipse at 84% 10%,rgba(127,149,153,.08),transparent 46%),linear-gradient(112deg,#f7f5f0 0%,#f2f0eb 55%,#e9ecea 100%)}
.contact{background:radial-gradient(ellipse at 82% 10%,rgba(117,143,144,.1),transparent 48%),linear-gradient(118deg,#d8dfdc 0%,#e3e5df 56%,#d5dedc 100%)}
@media(max-width:600px){.intro h2,.section-heading h2,.team-heading h2,.contact h2{font-size:clamp(34px,9vw,44px)}}
.approach .section-heading h2,.showreel .section-heading h2,.experience .section-heading h2,.selected-work .section-heading h2{font:400 clamp(38px,5.2vw,68px)/1.04 'Manrope',sans-serif;letter-spacing:-.065em}
@media(max-width:850px){.approach .section-heading h2,.showreel .section-heading h2,.experience .section-heading h2,.selected-work .section-heading h2{font-size:clamp(36px,5.4vw,48px)}}
@media(max-width:600px){.approach .section-heading h2,.showreel .section-heading h2,.experience .section-heading h2,.selected-work .section-heading h2{font-size:clamp(38px,9vw,46px)}}
.showreel{padding-block:clamp(48px,5vw,68px)}
.showreel .section-heading{width:min(100%,1120px);margin:0 auto clamp(20px,2vw,26px);align-items:flex-end}
.showreel .video-frame{width:min(100%,1120px);height:auto;max-height:none;aspect-ratio:16/9;margin-inline:auto}
.showreel .video-frame{box-shadow:0 24px 68px rgba(0,0,0,.3),0 0 84px rgba(124,151,160,.1);border:1px solid rgba(255,255,255,.08)}
.showreel .video-frame:hover{box-shadow:0 28px 76px rgba(0,0,0,.34),0 0 92px rgba(124,151,160,.13)}
.showreel-play{position:absolute;z-index:5;top:50%;left:50%;display:grid;place-items:center;width:62px;height:62px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.76);border-radius:50%;background:rgba(18,22,23,.42);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;transition:background .25s,transform .25s,opacity .25s}
.showreel-play span{margin-left:3px;font-size:15px}
.showreel-play:hover{transform:translate(-50%,-50%) scale(1.07);background:rgba(255,255,255,.17)}
#showreel-player.is-playing .showreel-play{opacity:0;pointer-events:none}
@media(max-width:600px){.showreel{padding-block:40px}.showreel .section-heading{margin-bottom:16px}}
.contact-channels{align-self:center}
.contact-primary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.2vw,30px)}
.contact-detail{display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px 8px;border-top:1px solid rgba(16,19,21,.2);padding:15px 0 17px;transition:border-color .2s,color .2s}
.contact-detail>span{grid-column:1/-1;color:#626966;font-size:12px}
.contact-detail strong{font:400 clamp(16px,1.45vw,20px)/1.3 'Manrope',sans-serif;letter-spacing:-.025em;white-space:nowrap}
.contact-detail b{font-size:15px;font-weight:400;color:#727b78;transition:transform .2s}
.contact-detail:hover{border-color:#596d68;color:#425550}
.contact-detail:hover b{transform:translate(2px,-2px)}
.contact-messengers-label{margin:12px 0 12px;color:#626966}
.contact-messenger-list{display:flex;flex-wrap:wrap;gap:9px}
.contact-messenger-list a{display:inline-flex;align-items:center;gap:14px;border:1px solid rgba(16,19,21,.2);border-radius:999px;padding:9px 13px;color:#242927;font-size:13px;transition:background .2s,border-color .2s,color .2s}
.contact-messenger-list a:hover{background:#202725;border-color:#202725;color:#f4f2ed}
.contact-messenger-list a span{font-size:12px;opacity:.68}
@media(max-width:600px){.contact-primary{grid-template-columns:1fr;gap:0}.contact-detail strong{font-size:18px}.contact-messengers-label{margin-top:10px}}

/* Hero type scale: wordmark -15%, tagline +15% */
.hero h1{font-size:clamp(71.4px,12.75vw,168.3px)}
.hero-line{font-size:clamp(23px,2.53vw,32.2px)}
.hero-line{max-width:none;margin-left:0;white-space:nowrap}
@media(max-width:600px){
  .hero h1{font-size:clamp(61.2px,16.15vw,100.3px)}
}

/* Contact block details and messenger buttons */
.contact-detail{grid-template-columns:40px minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:4px 12px}
.contact-detail>span.contact-icon{grid-column:1;grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(16,19,21,.15);border-radius:50%;background:rgba(255,255,255,.3);color:#46534f}
.contact-detail>span.contact-icon svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.contact-detail>span.contact-detail-label{grid-column:2;grid-row:1;color:#626966;font-size:12px}
.contact-detail strong{grid-column:2;grid-row:2}
.contact-detail b{grid-column:3;grid-row:2}
.contact-messenger-list a{gap:11px;padding:11px 15px;background:rgba(255,255,255,.25)}
.contact-messenger-list a svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}
.contact-messenger-list a span{margin-left:2px}
@media(max-width:600px){.contact-detail{grid-template-columns:38px minmax(0,1fr) auto}.contact-detail>span.contact-icon{width:36px;height:36px}}

/* Five experience categories in a single editorial row */
.experience-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(14px,2vw,28px);border:0}
.experience-grid article,.experience-grid article+article{display:block;min-width:0;padding:0;border:0}
.experience-grid article>span{display:block;margin:0 0 13px;padding:0 0 12px;border-bottom:1px solid rgba(17,18,17,.18);color:#59615f;font:500 clamp(14px,1.25vw,17px)/1.3 'Manrope',sans-serif;letter-spacing:-.02em}
.experience-grid ul{display:block;padding:0;margin:0;color:#414846;font:400 clamp(12px,.95vw,14px)/1.65 'DM Sans',Arial,sans-serif}
.experience-grid li{display:block;margin:0 0 8px}
.experience-grid li+li::before{content:none}
.experience-country{color:#59615f;font-size:.92em;font-weight:500;white-space:nowrap}
@media(max-width:850px){.experience-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}}
@media(max-width:600px){.experience-grid{grid-template-columns:1fr;gap:18px}.experience-grid article,.experience-grid article+article{padding:0;border:0}.experience-grid article>span{margin-bottom:8px;padding-bottom:9px}.experience-grid ul{font-size:14px;line-height:1.7}.experience-grid li{margin-bottom:5px}}

/* Refined intro type scale, preserving the existing line breaks */
.intro-copy{max-width:1120px}
.intro h2{font-size:clamp(34px,4.2vw,61px);line-height:1.01;letter-spacing:-.07em}
.intro-disciplines{--discipline-gap:clamp(8px,.8vw,12px);display:flex;justify-content:center;align-items:center;flex-wrap:wrap;column-gap:var(--discipline-gap);row-gap:10px;margin-top:16px;font-size:clamp(22px,2vw,28px);line-height:1.35;color:#62676a;letter-spacing:.025em}
.intro-discipline-item{display:inline-flex;align-items:center;gap:var(--discipline-gap);white-space:nowrap}
.intro-discipline-word{display:inline-block;color:#7b7e7e;transform:scale(1);transform-origin:center;will-change:color,transform}
.intro-discipline-separator{flex:0 0 auto;color:#777b7b;line-height:1}
.intro-copy.is-visible .intro-discipline-word{animation:intro-word-wave 7.2s ease-in-out infinite both}
.intro-copy.is-visible .intro-discipline-item:nth-child(1) .intro-discipline-word{animation-delay:0s}
.intro-copy.is-visible .intro-discipline-item:nth-child(2) .intro-discipline-word{animation-delay:.34s}
.intro-copy.is-visible .intro-discipline-item:nth-child(3) .intro-discipline-word{animation-delay:.68s}
.intro-copy.is-visible .intro-discipline-item:nth-child(4) .intro-discipline-word{animation-delay:1.02s}
@keyframes intro-word-wave{0%,18%,75%,100%{color:#7b7e7e;transform:scale(1)}34%,66%{color:#111211;transform:scale(1.045)}}
@media(max-width:600px){.intro-copy{max-width:100%}.intro h2{font-size:clamp(32px,8.5vw,41px);line-height:1.04}.intro-disciplines{--discipline-gap:8px;margin-top:14px;font-size:20px;line-height:1.4;row-gap:9px}}
@media(prefers-reduced-motion:reduce){.intro-discipline-word{color:#111211;transform:none;animation:none!important;will-change:auto}}

/* Approach: a quiet editorial heading beside one continuous four-step list */
.approach{align-items:start;column-gap:clamp(48px,8vw,120px)}
.approach .section-heading{margin:0;align-self:start}
.approach .section-heading h2{max-width:8.5em;margin-top:18px}
.approach-list{align-self:stretch}
.approach-list article,.approach-list article+article{grid-template-columns:42px minmax(0,1fr);gap:clamp(16px,2vw,26px);align-items:start;padding:22px 0;border-top:1px solid rgba(17,18,17,.17)}
.approach-list article:first-child{border-top:0;padding-top:0}
.approach-list article>span{padding-top:3px;color:#78817e;font:400 14px/1.4 'DM Sans',Arial,sans-serif;letter-spacing:.04em}
.approach-list article>div{min-width:0}
.approach-list h3{margin:0 0 4px;color:#171918;font-size:clamp(17px,1.45vw,19px);line-height:1.35}
.approach-list p{margin:0;color:#626764;font-size:15px;line-height:1.6}
@media(max-width:850px){.approach{column-gap:38px}.approach-list article,.approach-list article+article{grid-template-columns:34px minmax(0,1fr);gap:14px;padding:18px 0}.approach-list article:first-child{padding-top:0}.approach .section-heading h2{max-width:10em}}
@media(max-width:600px){.approach{row-gap:28px}.approach .section-heading h2{max-width:9em;margin-top:12px}.approach-list article,.approach-list article+article{grid-template-columns:30px minmax(0,1fr);gap:12px;padding:16px 0}.approach-list article:first-child{padding-top:0}.approach-list h3{font-size:17px}.approach-list p{font-size:14px}}

/* Approach option 2: a full-width editorial heading and numbered rows */
.approach{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(28px,4vw,48px);align-items:start}
.approach .section-heading{width:100%;margin:0;align-items:flex-start}
.approach .section-heading>.eyebrow{font:600 11px/1.3 'DM Sans',Arial,sans-serif;letter-spacing:.16em}
.approach .section-heading h2{max-width:none;margin:14px 0 0;font:400 clamp(38px,5.2vw,68px)/1.04 'Manrope',sans-serif;letter-spacing:-.065em}
.approach-list{position:relative;width:100%;align-self:auto}
.approach-list::before{content:'';position:absolute;z-index:0;left:calc(clamp(44px,6vw,76px)/2 - .5px);top:45px;bottom:45px;width:1px;background:rgba(17,18,17,.14)}
.approach-list article,.approach-list article+article{position:relative;grid-template-columns:clamp(44px,6vw,76px) minmax(0,1fr);gap:clamp(18px,3vw,38px);align-items:center;padding:24px 0;border:0}
.approach-list article:first-child{padding-top:24px}
.approach-list article>span{z-index:1;display:grid;place-items:center;width:42px;height:42px;justify-self:center;padding:0;border:1px solid rgba(17,18,17,.16);border-radius:50%;background:rgba(240,240,236,.94);color:#65716d;font:500 12px/1 'DM Sans',Arial,sans-serif;letter-spacing:.04em;font-variant-numeric:tabular-nums}
.approach-list article>div{max-width:none}
.approach-list h3,.approach-list p{display:inline;margin:0;color:#343936;font:400 clamp(18px,1.6vw,21px)/1.5 'DM Sans',Arial,sans-serif}
.approach-list p{margin-left:.28em}
.approach-list article:hover{padding-left:0;border-color:rgba(17,18,17,.17)}
.approach-list article>div,.approach-list article:hover>div{transform:none}
@media(max-width:850px){.approach{gap:30px}.approach .section-heading h2{font-size:clamp(36px,5.4vw,48px)}.approach-list::before{left:20.5px;top:39px;bottom:39px}.approach-list article,.approach-list article+article{grid-template-columns:42px minmax(0,1fr);gap:16px;padding:20px 0}.approach-list article:first-child{padding-top:20px}.approach-list article>span{width:38px;height:38px}}
@media(max-width:600px){.approach{gap:24px}.approach .section-heading h2{max-width:none;margin-top:12px;font-size:clamp(38px,9vw,46px);line-height:1.04}.approach-list::before{left:14.5px;top:33px;bottom:33px}.approach-list article,.approach-list article+article{grid-template-columns:30px minmax(0,1fr);gap:13px;padding:17px 0}.approach-list article:first-child{padding-top:17px}.approach-list article>span{width:28px;height:28px;font-size:10px}.approach-list h3,.approach-list p{font-size:15px}}

/* Four clear use-case groups in the work formats section */
.services-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(28px,5vw,72px)}
.services-list article,.services-list article:last-child{grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto;align-content:start;gap:0 16px;padding:22px 0 28px;border-top:1px solid rgba(17,18,17,.17)}
.services-list article>span{grid-column:1;grid-row:1;color:#7b8481;font:400 14px/1.4 'DM Sans',Arial,sans-serif;font-variant-numeric:tabular-nums}
.services-list article>div{grid-column:2;grid-row:1}
.services-list article>b{display:none}
.services-list h3{margin:0 0 8px;color:#171918;font:500 clamp(18px,1.55vw,20px)/1.35 'Manrope',sans-serif;letter-spacing:-.025em}
.services-list p{max-width:42ch;margin:0;color:#626764;font:400 15px/1.65 'DM Sans',Arial,sans-serif}
@media(max-width:850px){.services-list{gap:0 24px}.services-list article,.services-list article:last-child{grid-template-columns:34px minmax(0,1fr);gap:0 12px;padding:18px 0 22px}}
@media(max-width:600px){.services-list{grid-template-columns:1fr;gap:0}.services-list article,.services-list article:last-child{grid-template-columns:30px minmax(0,1fr);padding:17px 0 20px}.services-list h3{font-size:17px}.services-list p{font-size:14px}}

/* Consistent, more legible rubric size across all sections */
.eyebrow,.section-heading>p.eyebrow,.clients-title>.eyebrow,.team-heading>.eyebrow{font-size:12px}
.approach .section-heading>.eyebrow{font-size:12px;line-height:1.35;letter-spacing:.15em}
@media(max-width:600px){.eyebrow,.section-heading>p.eyebrow,.clients-title>.eyebrow,.team-heading>.eyebrow{font-size:11px}.approach .section-heading>.eyebrow{font-size:11px}}

/* Give experience categories a clear type hierarchy */
.experience-grid article>.experience-category{display:flex;align-items:baseline;gap:.42em;margin:0 0 13px;padding:0 0 12px;border-bottom:1px solid rgba(17,18,17,.18);color:#303735}
.experience-category-number{flex:none;color:#818b87;font:400 11px/1.3 'DM Sans',Arial,sans-serif;letter-spacing:.04em;font-variant-numeric:tabular-nums}
.experience-grid .experience-category-name{color:#252b29;font:500 clamp(18px,1.5vw,20px)/1.25 'Manrope',sans-serif;letter-spacing:-.025em}
@media(max-width:600px){.experience-grid article>.experience-category{margin-bottom:8px;padding-bottom:9px}.experience-grid .experience-category-name{font-size:19px}}

/* Keep the team portraits from spanning the full desktop canvas */
.team-grid{width:min(100%,1080px);margin-inline:auto;gap:clamp(26px,3vw,38px)}
.team-photo{border:1px solid rgba(24,29,28,.14);box-shadow:0 6px 20px rgba(14,17,19,.045)}
.team-card:nth-child(2n) .team-photo{background:#d3d4d1}
@media(max-width:850px){.team-grid{gap:24px}}
@media(max-width:600px){.team-grid{gap:24px 16px}}

/* Contact close echoes the centered intro, with four consistent contact links */
.contact{display:block;padding-block:clamp(72px,8vw,112px)}
.contact-intro{max-width:960px;margin:0 auto;text-align:center}
.contact-intro>.eyebrow{margin-bottom:14px}
.contact h2{margin:0;font:400 clamp(34px,4.2vw,61px)/1.01 'Manrope',sans-serif;letter-spacing:-.07em}
.contact-cue{display:block;width:max-content;margin:21px auto 0;color:rgba(45,55,52,.48);font:300 21px/1 'Manrope',sans-serif;animation:contact-cue-drift 2.8s ease-in-out infinite}
@keyframes contact-cue-drift{0%,100%{transform:translateY(0);opacity:.48}50%{transform:translateY(4px);opacity:.78}}
.contact-channels{width:min(100%,1240px);margin:19px auto 0}
.contact-methods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2.2vw,30px)}
.contact-methods .contact-detail{grid-template-columns:36px minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:4px 10px;min-width:0;border:0;padding:15px 0 17px}
.contact-methods .contact-icon{grid-column:1;grid-row:1/3;width:34px;height:34px;background:rgba(255,255,255,.24)}
.contact-methods .contact-detail-label{grid-column:2;grid-row:1;color:#626966;font-size:12px;line-height:1.25}
.contact-methods .contact-detail strong{grid-column:2;grid-row:2;font-size:clamp(15px,1.3vw,18px);white-space:nowrap}
.contact-methods .contact-detail b{grid-column:3;grid-row:2}
@media(max-width:850px){.contact-methods{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px}}
@media(max-width:600px){.contact{padding-block:58px}.contact h2{font-size:clamp(32px,8.5vw,41px);line-height:1.04}.contact-channels{margin-top:32px}.contact-methods{grid-template-columns:1fr;gap:0}.contact-methods .contact-detail{padding:14px 0}.contact-methods .contact-detail strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){.contact-cue{animation:none}}

/* Contact typography and surface now echo the intro section */
.contact{background:linear-gradient(112deg,#f4f2ed 0%,#f2f0ea 56%,#eeefed 100%)}
.contact-intro{width:100%;max-width:none;margin-inline:auto;text-align:center}
.contact-intro>.eyebrow,.contact h2{font:400 clamp(34px,4.2vw,61px)/1.01 'Manrope',sans-serif;letter-spacing:-.07em;text-transform:none;color:#111211}
.contact-intro>.eyebrow{margin:0 0 14px}
.contact h2{width:100%;max-width:none;margin:0;text-align:center}
@media(max-width:600px){.contact-intro>.eyebrow,.contact h2{font-size:clamp(32px,8.5vw,41px);line-height:1.04}}

/* Editorial split layout for the showreel */
.showreel{padding-block:clamp(64px,7vw,100px)}
.showreel-layout{width:min(100%,1320px);margin-inline:auto;display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,1.55fr);gap:clamp(36px,6.5vw,96px);align-items:center}
.showreel .section-heading{width:auto;margin:0;align-items:center}
.showreel .section-heading h2{font-size:clamp(58px,7vw,92px)}
.showreel .video-frame{width:100%;height:auto;max-height:none;aspect-ratio:16/9;margin:0}
@media(max-width:850px){.showreel-layout{grid-template-columns:minmax(190px,.65fr) minmax(0,1.35fr);gap:32px}.showreel .section-heading h2{font-size:clamp(48px,7vw,68px)}}
@media(max-width:600px){.showreel{padding-block:48px}.showreel-layout{grid-template-columns:minmax(0,1fr);gap:18px}.showreel .section-heading{margin:0}.showreel .section-heading h2{font-size:clamp(48px,11vw,64px)}.showreel .video-frame{width:100%}}

/* Reduce visual gaps between contact options by one third */
.contact-methods{column-gap:clamp(9px,1.47vw,20px)}
@media(max-width:850px){.contact-methods{column-gap:19px}}

/* Compact contact group and remove per-link arrows */
.contact-channels{width:min(100%,900px)}
.contact-methods{column-gap:12px}
.contact-methods .contact-detail b{display:none}
@media(max-width:850px){.contact-channels{width:min(100%,620px)}.contact-methods{column-gap:18px}}
@media(max-width:600px){.contact-channels{width:100%}.contact-methods{column-gap:0}}

/* Equal gaps between contact items; center the complete row */
.contact-channels{width:100%;max-width:none}
.contact-methods{display:grid;width:max-content;max-width:100%;grid-template-columns:repeat(4,max-content);justify-content:center;column-gap:clamp(22px,3vw,42px);margin-inline:auto}
.contact-methods .contact-detail{width:max-content;grid-template-columns:36px max-content;grid-template-rows:auto auto;column-gap:10px}
.contact-methods .contact-detail-label{grid-column:2;grid-row:1}
.contact-methods .contact-detail strong{grid-column:2;grid-row:2}
@media(max-width:850px){.contact-channels{width:min(100%,620px)}.contact-methods{width:100%;grid-template-columns:repeat(2,max-content);column-gap:clamp(24px,5vw,42px);row-gap:12px}}
@media(max-width:600px){.contact-channels{width:100%}.contact-methods{grid-template-columns:1fr;justify-content:stretch;gap:0}.contact-methods .contact-detail{width:100%;grid-template-columns:36px minmax(0,1fr);padding:14px 0}}

/* Slightly lower hierarchy for the contact eyebrow */
.contact-intro>.eyebrow{font-size:clamp(31px,3.78vw,55px)}
@media(max-width:600px){.contact-intro>.eyebrow{font-size:clamp(29px,7.65vw,37px)}}

.contact-intro>.eyebrow{font-size:clamp(27px,3.2vw,47px)}
@media(max-width:600px){.contact-intro>.eyebrow{font-size:clamp(25px,6.4vw,32px)}}

/* Match the contact cue between the prompt and title */
.contact-cue--between{margin:8px auto 7px;font-size:21px}
.contact-intro>.eyebrow{margin-bottom:0}
@media(max-width:600px){.contact-cue--between{margin:6px auto 6px;font-size:19px}}

/* Equal vertical rhythm through the complete contact block */
.contact-intro{display:flex;flex-direction:column;align-items:center;gap:clamp(10px,1vw,14px)}
.contact-intro>.eyebrow,.contact h2{margin:0}
.contact-cue--between{margin:0;line-height:1}
.contact-cue:not(.contact-cue--between){margin:clamp(10px,1vw,14px) auto 0;line-height:1}
.contact-channels{margin-top:clamp(10px,1vw,14px)}
@media(max-width:600px){.contact-intro{gap:10px}.contact-cue:not(.contact-cue--between){margin-top:10px}.contact-channels{margin-top:10px}}

/* Balance the three-person team grid on narrow screens */
@media(max-width:600px){.team-grid-three>.team-card:last-child{grid-column:1/-1;width:calc((100% - 16px)/2);justify-self:center}}