/* Architectural editorial — a complete, bilingual v11 visual system. */
:root {
  --ed-paper:#f8f6f1; --ed-white:#fff; --ed-ink:#14211f;
  --ed-petrol:#123b37; --ed-muted:#52615d; --ed-copper:#914827;
  --ed-line:#d9dfdb; --ed-max:1280px; --ed-gutter:clamp(20px,4.5vw,72px);
  --type-hero:clamp(2.75rem,5.2vw,5rem);
  --type-page-title:clamp(2.5rem,4.6vw,4.5rem);
  --type-section-title:clamp(2rem,3.4vw,3.3rem);
  --type-card-title:clamp(1.4rem,2vw,1.9rem);
  --as-radius:0; --as-shadow:none; --as-shadow-light:none;
}
html {color-scheme:light; scroll-padding-top:100px;}
body.is-home,body.is-inner {background:var(--ed-paper); color:var(--ed-ink); font-size:17px; line-height:1.75; padding-bottom:0;}
body::before,body::after {display:none;}
body :is(p,h1,h2,h3,h4,blockquote,dt,dd,.case-title,.case-kicker,.case-role,.case-stats,.case-cta,.post-title,.post-meta,.post-desc,.archive-kicker,.archive-stats,.metric-val,.metric-label) {text-align:start;}
body :is(h1,h2,h3,.sect-h,.page-h1,.article-h1,.hero-h1,.closing-h) {color:var(--ed-petrol); text-transform:none; letter-spacing:-.045em; font-weight:500; text-wrap:balance; overflow-wrap:normal;}
body :is(.sect-copy,.page-intro,.hero-support,.man-body,.article-proof) {color:var(--ed-muted); line-height:1.75; font-weight:400;}
body .serif {font-family:Georgia,'Times New Roman',serif; font-weight:400; color:var(--ed-petrol);}
body :is(.eyebrow,.scene-label) {display:block; width:auto; padding:0; border:0; border-radius:0; background:none; color:var(--ed-copper); font-size:.73rem; letter-spacing:.13em; text-transform:uppercase; line-height:1.5; margin:0 0 20px;}
body :is(.eyebrow,.scene-label,.btn)::before,body .hero-line::after {display:none;}
body .serif {background:none; text-shadow:none;}
body :is(.eyebrow,.scene-label) {box-shadow:none;}
body.is-home .sect .eyebrow,body.is-home .hero .scene-label {margin-inline:0; border:0; background:none; box-shadow:none; padding:0; border-radius:0;}
body.is-home .hero-line:last-child::after {display:none;}
body main section::before,body main section::after {display:none;}
body .hdr:hover {box-shadow:none;}
body .contact-mark {background:none; border:0;}
body .client-wall li::after {display:none;}
body a {text-underline-offset:5px;}
body :focus-visible {outline:2px solid var(--ed-copper); outline-offset:5px;}
body .hdr {position:sticky; top:0; width:100%; max-width:none; min-height:82px; margin:0; padding:14px var(--ed-gutter); border:0; border-bottom:1px solid var(--ed-line); border-radius:0; background:#fff; box-shadow:none; backdrop-filter:none; gap:24px;}
body .wm {display:grid; grid-template-columns:38px auto; column-gap:12px; align-items:center; color:var(--ed-copper); font-size:.88rem; letter-spacing:.09em; line-height:1.3;}
body .wm::before {grid-column:1; grid-row:1/3; width:38px; height:38px; border:0; border-radius:0; color:#fff; background:var(--ed-petrol); box-shadow:none; font-size:.85rem;}
body .wm .ar-sig {grid-column:2; color:var(--ed-muted); font-size:.8rem; text-align:start; margin:3px 0 0;}
body .hdr-nav {gap:18px; align-items:center;}
body .menu {gap:clamp(8px,1.1vw,18px);}
body .menu a {padding:12px 0; min-height:44px; font-size:.73rem; letter-spacing:.035em; border:0; border-radius:0; background:none; color:var(--ed-petrol);}
body .menu a::before {display:none;}
body .menu a::after {inset-inline:0; bottom:6px; height:1px; background:var(--ed-copper);}
body .menu a:hover,body .menu a[aria-current="page"] {color:var(--ed-copper); background:none; border:0;}
body .lang-toggle,body .menu-btn {min-height:42px; padding:8px 12px; border:1px solid var(--ed-line); border-radius:0; background:none; color:var(--ed-petrol); font-size:.8rem;}
body .menu-btn {display:none;}
body :is(.btn,.btn-primary,.btn-ghost) {border-radius:0; min-height:48px; padding:14px 22px; font-size:.75rem; letter-spacing:.06em; font-weight:500; line-height:1.4; box-shadow:none; text-transform:uppercase; border:1px solid var(--ed-petrol); background:transparent; color:var(--ed-petrol); transition:background .25s,color .25s,transform .25s;}
body .btn-primary {color:#fff; background:var(--ed-petrol);}
body .btn:hover {background:var(--ed-petrol); border-color:var(--ed-petrol); color:#fff; transform:translateY(-2px);}
body .btn-primary:hover {background:#244c47;}
body :is(.page-actions,.hero-ctas) {justify-content:flex-start; gap:12px;}
body :is(main section,.article-layout,.privacy-body,.err-page,.ftr)[data-section-art] {background:var(--ed-paper); border-radius:0; box-shadow:none;}
body main section {position:relative;}
body .section-art-panel {display:block; min-width:0; width:100%; aspect-ratio:2.6; background:var(--section-art-image) center/cover no-repeat; margin:0 0 44px; border:0; border-radius:0;}
body .sect {width:min(var(--ed-max),calc(100% - 2 * var(--ed-gutter))); margin:0 auto; padding:clamp(64px,7.5vw,112px) 0; border:0;}
body .sect-h {font-size:var(--type-section-title); line-height:1.12; max-width:24ch; margin:0 0 28px;}
body .sect-copy {max-width:65ch; margin:0 0 36px; font-size:1.08rem;}
body .sect-more {margin:32px 0 0; color:var(--ed-copper); font-size:.9rem;}
body :is(.case-card,.post-card,.expertise-card,.related-card,.archive-item,.rec,.role,.method-list>li) {background:#fff; color:var(--ed-ink); border:1px solid var(--ed-line); border-radius:0; box-shadow:none;}
body :is(.case-card,.post-card,.expertise-card,.related-card,.archive-item,.rec,.role,.method-list>li):hover {box-shadow:none; transform:translateY(-3px); border-color:#aabbb4;}
body :is(.case-media,.post-cover,.archive-thumb,.article-cover,.case-hero-media,.film) {border-radius:0; box-shadow:none;}
body :is(.case-media img,.post-cover img,.archive-thumb img,.article-cover img,.case-hero-media img,.film img,.hero-art) {filter:none;}
body :is(.case-kicker,.case-cta,.post-meta,.archive-kicker,.method-number) {color:var(--ed-copper);}
body :is(.case-role,.case-stats,.post-desc,.archive-stats,.related-sub,.metrics-note,.rec-who span) {color:var(--ed-muted);}
body :is(.case-title,.post-title,.archive-link,.related-title,.rec-quote) {color:var(--ed-petrol);}
body .case-title {font-size:var(--type-card-title); font-weight:500; text-transform:none; line-height:1.25;}
body :is(.tags span,.tags li) {border:0; border-bottom:1px solid var(--ed-line); border-radius:0; background:none; color:var(--ed-muted); padding:4px 0; margin-inline-end:10px;}
body .film::after,body .film-warm {display:none;}
body .film img {object-fit:contain;}
/* Personal introduction, then a generous architectural horizon. */
body.is-home .hero {position:relative; display:grid; grid-template-columns:1.3fr .85fr; align-items:center; gap:48px 7%; width:min(var(--ed-max),calc(100% - 2 * var(--ed-gutter))); min-height:0; margin:60px auto 0; padding:0; border:0; border-radius:0; overflow:visible; background:none; box-shadow:none;}
body.is-home .hero .section-art-panel {grid-column:1/-1; grid-row:2; aspect-ratio:2.9; margin:0;}
body.is-home .hero-inner {grid-column:1; grid-row:1; display:block; width:auto; max-width:none; padding:0; margin:0; align-items:start; background:none;}
body.is-home .hero-inner::before,body.is-home .hero-inner::after {display:none;}
body.is-home .hero[data-section-art] .hero-inner {background:none;}
body.is-home .hero-h1 {font-size:var(--type-hero); line-height:1.06; max-width:15ch; margin:0 0 26px; font-weight:400;}
body.is-home .hero-line {display:block; white-space:normal;}
body.is-home .hero-line:last-child {font-family:Georgia,'Times New Roman',serif; font-style:italic;}
body.is-home .hero-support {max-width:48ch; margin:0 0 20px; font-size:1.1rem;}
body.is-home .hero-proof {max-width:46ch; color:var(--ed-muted); font-size:.75rem; letter-spacing:.025em; margin:0 0 28px; line-height:1.6; padding:0; border:0; background:none; font-weight:400;}
body.is-home .hero-ctas .btn:last-child {padding-inline:0; border-color:transparent; text-decoration:underline;}
body.is-home .hero-ctas .btn:last-child:hover {background:none; color:var(--ed-copper);}
body.is-home .hero-media {position:relative; grid-column:2; grid-row:1; width:100%; max-width:370px; min-height:0; aspect-ratio:1; margin-inline-start:auto; border:0; border-radius:0; background:none; overflow:hidden; transform:none; animation:none;}
body.is-home .hero-media::before,body.is-home .hero-media::after {display:none;}
body.is-home .hero-media picture {display:block; height:100%;}
body.is-home .hero-art {position:static; display:block; width:100%; height:100%; object-fit:contain; filter:none; border-radius:0; transform:none; animation:none;}
/* Six measures, one calm operating system. */
body.is-home .metrics {display:grid; grid-template-columns:.85fr 1.15fr; gap:0 6%; align-items:start;}
body.is-home .metrics>.section-art-panel {grid-column:1; grid-row:1/6; aspect-ratio:auto; height:100%; min-height:510px; margin:0; background-position:48% center;}
body.is-home .metrics>:not(.section-art-panel) {grid-column:2;}
body.is-home .metrics-grid {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 22px; border:0; margin:8px 0 22px;}
body.is-home .metric {display:flex; align-items:flex-start; justify-content:flex-start; gap:12px; min-height:128px; margin:0; padding:22px 0; border:0!important; border-top:1px solid var(--ed-line)!important; border-radius:0; background:none; box-shadow:none; transform:none;}
body.is-home .metric:hover {background:none; box-shadow:none; transform:none;}
body.is-home .metric-rule {display:none;}
body.is-home .metric-val {color:var(--ed-petrol); font-size:clamp(1.5rem,2.05vw,2rem); line-height:1.2; font-weight:500; letter-spacing:-.05em; white-space:nowrap; overflow-wrap:normal;}
body.is-home .metric-label {color:var(--ed-muted); max-width:20ch; letter-spacing:0; text-transform:none; line-height:1.5;}
body.is-home .metrics-note {margin:0; max-width:65ch; font-size:.8rem; line-height:1.6;}
/* Work is evidence: real photographs, consistent editorial cards. */
body.is-home .section-intro {display:grid; grid-template-columns:1fr 1fr; column-gap:8%; margin:0 0 44px; text-align:start;}
body.is-home .section-intro .eyebrow {grid-column:1;}
body.is-home .section-intro .sect-h {grid-column:1; margin:0;}
body.is-home .section-intro .sect-copy {grid-column:2; grid-row:1/3; align-self:end; margin:0; max-width:none;}
body.is-home .featured-work .case-cards {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); grid-template-rows:auto; gap:24px; align-items:stretch;}
body.is-home .featured-work .case-card {display:flex; flex-direction:column; grid-column:auto; grid-row:auto; height:auto; margin:0; border:0; border-bottom:1px solid var(--ed-line); border-radius:0; background:none; padding:0 0 24px;}
body.is-home .featured-work .case-media {flex:none; min-height:0; width:100%; aspect-ratio:1.35; margin:0 0 24px;}
body.is-home .featured-work .case-media img {height:100%; width:100%; object-fit:cover; transform:none;}
body.is-home .featured-work .case-media-logo img {object-fit:contain; background:#fff;}
body.is-home .case-card>:not(.case-media) {margin-inline:0; padding-inline:0;}
body.is-home .case-card .scene-label {margin:0 0 12px; font-size:.65rem;}
body.is-home .case-title {margin-bottom:10px;}
body.is-home .case-role,body.is-home .case-kicker {font-size:.88rem; margin:0 0 10px;}
body.is-home .case-stats {font-size:.75rem; margin:0 0 22px;}
body.is-home .case-cta {margin-top:auto; font-size:.85rem;}
/* Sculptural columns paired with three unboxed disciplines. */
body.is-home .disciplines {display:grid; grid-template-columns:.85fr 1.15fr; gap:32px 7%;}
body.is-home .disciplines>.section-art-panel {grid-column:1; grid-row:1/3; height:100%; aspect-ratio:auto; min-height:650px; margin:0; background-position:40% center;}
body.is-home .disciplines>.sect-h {grid-column:2; margin:0;}
body.is-home .disc-grid {display:block; grid-column:2;}
body.is-home .disc-film {display:none;}
body.is-home .disc-cols {display:block; border:0;}
body.is-home .disc {padding:24px 0; margin:0; background:none; border:0; border-top:1px solid var(--ed-line); border-radius:0; box-shadow:none; transform:none;}
body.is-home .disc:hover {transform:none; background:none;}
body.is-home .disc-num {display:block; width:auto; height:auto; color:var(--ed-copper); background:none; font-size:1rem; margin:0 0 12px;}
body.is-home .disc h3 {font-weight:500; font-size:1.4rem; text-transform:none; margin:0 0 12px;}
body.is-home .disc p {font-size:1rem; line-height:1.75;}
/* A capability directory, not a wall of raised cards. */
body.is-home .home-expertise-grid {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 5%;}
body.is-home .home-expertise-grid>a,body.is-home .home-expertise-grid>a:nth-child(n) {display:grid; grid-template-columns:28px 1fr; gap:6px 18px; grid-column:auto; min-height:0; padding:24px 0; background:none; border:0!important; border-top:1px solid var(--ed-line)!important; border-radius:0; box-shadow:none; text-align:start;}
body.is-home .home-expertise-grid>a:hover {background:none; transform:translateX(3px); box-shadow:none;}
body.is-home .home-expertise-grid .expertise-icon {display:none;}
body.is-home .home-expertise-grid span {grid-column:1; grid-row:1/3; color:var(--ed-copper); font-size:.78rem;}
body.is-home .home-expertise-grid strong {grid-column:2; font-size:1.1rem; line-height:1.4; font-weight:500;}
body.is-home .home-expertise-grid small {grid-column:2; font-size:.9rem; color:var(--ed-muted);}
/* The essay remains in normal flow; architecture becomes its closing plate. */
body.is-home .manifesto {display:flex; flex-direction:column; gap:48px;}
body.is-home .manifesto>.section-art-panel {order:2; margin:0; aspect-ratio:3;}
body.is-home .man-grid {display:grid; grid-template-columns:1.3fr .7fr; gap:8%; align-items:center;}
body.is-home .man-grid>.film {width:100%; aspect-ratio:1; height:auto; border:0; background:none;}
body.is-home .man-grid>.film img {width:100%; height:100%; object-fit:contain; transform:none;}
body.is-home .manifesto .man-body {font-size:1.05rem; color:var(--ed-muted); margin:0 0 24px; line-height:1.8;}
body.is-home .manifesto .pull {display:block; position:static; width:auto; max-width:35ch; padding:0 0 0 24px; padding-inline-start:24px; padding-inline-end:0; margin:34px 0 0; border:0; border-inline-start:2px solid #c77b4c; border-radius:0; background:none; box-shadow:none; font-size:1.65rem; font-weight:400; line-height:1.5; color:var(--ed-petrol);}
/* Career as a continuous timeline beside the ascending terrace. */
body.is-home .career-snapshot {display:grid; grid-template-columns:.85fr 1.15fr; gap:0 7%;}
body.is-home .career-snapshot>.section-art-panel {grid-column:1; grid-row:1/6; min-height:650px; height:100%; aspect-ratio:auto; margin:0; background-position:60% center;}
body.is-home .career-snapshot>:not(.section-art-panel) {grid-column:2;}
body.is-home .career-strip {display:block; border:0; margin:8px 0 24px;}
body.is-home .career-strip li {display:grid; grid-template-columns:130px 1fr; gap:6px 22px; padding:22px 0; margin:0; border:0; border-top:1px solid var(--ed-line); border-radius:0; background:none; transform:none; text-align:start;}
body.is-home .career-strip li::before {display:none;}
body.is-home .career-strip time {grid-column:1; grid-row:1/3; color:var(--ed-copper); font-size:.78rem; line-height:1.6;}
body.is-home .career-strip strong,body.is-home .career-strip span {grid-column:2;}
body.is-home .career-strip strong {font-size:1.1rem; font-weight:500; color:var(--ed-petrol);}
body.is-home .career-strip span {font-size:.9rem; color:var(--ed-muted);}
/* Client relationships stay still, legible and properly attributed. */
body.is-home .clients>.section-art-panel {aspect-ratio:4;}
body.is-home .client-marquee {overflow:visible; mask-image:none; -webkit-mask-image:none; background:none; border:0; padding:0;}
body.is-home .client-marquee-track {display:block; width:100%; animation:none; transform:none;}
body.is-home .client-wall {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 32px; width:100%; min-width:0; flex:none; padding:0; margin:0 0 28px;}
body.is-home .client-wall[aria-hidden="true"] {display:none;}
body.is-home .client-wall li {width:auto; min-width:0; padding:22px 0; margin:0; border:0; border-top:1px solid var(--ed-line); border-radius:0; background:none;}
body.is-home .client-wall a {display:block; text-align:start; padding:0;}
body.is-home .client-wall strong {display:block; font-size:1.15rem; font-weight:500; color:var(--ed-petrol);}
body.is-home .client-wall span {display:block; font-size:.78rem; color:var(--ed-muted); margin-top:8px; line-height:1.5; letter-spacing:0; text-transform:none;}
/* Quiet quotations, with one visual courtyard companion. */
body.is-home section[aria-labelledby="rec-h"] {display:grid; grid-template-columns:.7fr 1.3fr; gap:0 7%;}
body.is-home section[aria-labelledby="rec-h"]>.section-art-panel {grid-column:1; grid-row:1/6; height:100%; min-height:640px; aspect-ratio:auto; margin:0;}
body.is-home section[aria-labelledby="rec-h"]>:not(.section-art-panel) {grid-column:2;}
body.is-home .rec-grid {display:block;}
body.is-home .rec {padding:24px 0; margin:0; border:0; border-top:1px solid var(--ed-line); background:none; transform:none; border-radius:0; box-shadow:none;}
body.is-home .rec::before {display:none;}
body.is-home .rec-quote {font-family:Georgia,'Times New Roman',serif; font-style:normal; font-size:1.3rem; line-height:1.55; margin:0 0 18px;}
body.is-home .rec-who {text-align:start; color:var(--ed-petrol); font-size:.85rem;}
body.is-home .rec-verified {font-size:.7rem; margin-top:6px; color:var(--ed-copper);}
/* Journal masthead and understated article cards. */
body.is-home section[aria-labelledby="ins-h"]>.section-art-panel {aspect-ratio:3;}
body.is-home .post-grid {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px;}
body.is-home .post-card {border:0; border-bottom:1px solid var(--ed-line); background:none; border-radius:0; box-shadow:none;}
body.is-home .post-card-link {padding:0 0 26px;}
body.is-home .post-cover {aspect-ratio:1.5; margin:0 0 24px;}
body.is-home .post-cover img {width:100%; height:100%; object-fit:cover;}
body.is-home .post-title {font-size:1.35rem; line-height:1.4; font-weight:500; margin:14px 0;}
body.is-home .post-desc {font-size:.95rem; line-height:1.65;}
body.is-home .post-meta {font-size:.7rem;}
/* A final stage, then an invitation — no repeated portrait. */
body.is-home .closing {text-align:start;}
body.is-home .closing>.section-art-panel {aspect-ratio:2.8;}
body.is-home .closing-h {font-size:clamp(2.5rem,4.5vw,4.5rem); line-height:1.12; max-width:20ch; margin:0 0 28px; font-weight:400;}
body.is-home .closing .sect-copy {max-width:65ch;}
body.is-home .closing-line-wrap {display:block; margin:48px 0 0; padding-top:28px; border-top:1px solid var(--ed-line);}
body.is-home .closing-film {display:none;}
body.is-home .closing-line {max-width:65ch; background:none; border:0; padding:0; margin:0; font-size:1.1rem; line-height:1.7; color:var(--ed-muted);}
/* A restrained footer directory and usable contact shortcuts. */
body .ftr[data-section-art] {width:100%; max-width:none; margin:0; padding:64px var(--ed-gutter) 100px; background:#fff; border:0; border-top:1px solid var(--ed-line); border-radius:0; box-shadow:none;}
body .ftr-rule {display:none;}
body .ftr-grid {display:grid; grid-template-columns:1.25fr 1fr .65fr; gap:5%; max-width:var(--ed-max); margin:0 auto 40px; align-items:start;}
body .ftr-name {font-size:1rem; letter-spacing:.03em; margin:0 0 14px; color:var(--ed-petrol); text-align:start;}
body .ftr-name .ar-sig {display:block; font-size:.95rem; margin:8px 0;}
body .ftr-line {font-size:.87rem; color:var(--ed-muted); margin:0 0 10px; line-height:1.75;}
body .ftr-line a {display:inline; font-size:inherit; padding:0; overflow-wrap:anywhere;}
body .ftr-nav {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px 20px;}
body .ftr-nav a,body .ftr-actions a {display:block; min-height:36px; padding:6px 0; font-size:.75rem; letter-spacing:.035em; line-height:1.5; border:0; color:var(--ed-petrol); text-align:start;}
body .ftr-actions {display:block; padding:0; border:0;}
body .ftr-base {max-width:var(--ed-max); margin:0 auto; padding-top:20px; border-top:1px solid var(--ed-line); color:var(--ed-muted); font-size:.7rem;}
body .art-disclaimer {max-width:var(--ed-max); margin:0 auto 20px; font-size:.7rem; color:var(--ed-muted); line-height:1.6;}
body .contact-dock {position:fixed; inset:auto 20px 18px auto; display:flex; width:auto; max-width:calc(100% - 40px); gap:0; padding:0; border:1px solid var(--ed-line); border-radius:0; background:#fff; box-shadow:0 4px 18px #14211f0a; transform:none;}
body .contact-dock:hover {transform:none; box-shadow:0 4px 18px #14211f0a;}
body .contact-dock a {display:flex; justify-content:center; align-items:center; width:auto; min-width:0; min-height:44px; max-width:none; padding:9px 14px; border:0; border-inline-start:1px solid var(--ed-line); border-radius:0; gap:7px; background:#fff; color:var(--ed-petrol); transform:none;}
body .contact-dock a:first-child {border-inline-start:0;}
body .contact-dock a:hover {background:var(--ed-paper); transform:none;}
body .contact-mark {width:auto; height:auto; font-size:.85rem;}
body .contact-label {display:block; font-size:.68rem;}
body:has(.contact-form) .contact-dock {display:none;}
/* Restrained, finite motion. Content is never dependent on animation. */
body .rv {transition:opacity .5s ease,transform .5s ease;}
.js body .rv:not(.in) {opacity:1; transform:none;}
body .hero-inner>* {animation-duration:.65s;}
@media(min-width:1101px) {body .menu {position:static; display:flex; flex-direction:row; max-height:none; padding:0; background:none; overflow:visible;}}
@media(max-width:1100px) {
 body .hdr {min-height:72px; padding-block:10px;}
 body .menu-btn {display:block;}
 body .hdr-nav {gap:10px;}
 body .menu {position:fixed; inset:0; display:none; flex-direction:column; justify-content:center; gap:8px; padding:90px 24px 32px; background:var(--ed-paper); max-height:100dvh; overflow-y:auto; border:0; border-radius:0;}
 body .menu.open {display:flex;}
 body .menu a {font-size:1.5rem; padding:10px 20px;}
 body .menu-btn {z-index:101;}
 body.is-home .hero {gap:32px 5%;}
 body.is-home .metrics-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
 body.is-home .featured-work .case-cards {gap:18px;}
 body.is-home .career-strip li {grid-template-columns:105px 1fr; gap:5px 12px;}
}
@media(max-width:760px) {
 :root {--type-hero:clamp(2.5rem,10.7vw,3.5rem); --type-page-title:clamp(2.2rem,9.8vw,3.25rem); --type-section-title:clamp(1.9rem,8.4vw,2.75rem);}
 html {scroll-padding-top:90px;}
 body.is-home,body.is-inner {font-size:16px;}
 body .hdr {gap:8px; padding-inline:16px; min-height:68px;}
 body .wm {font-size:.68rem; letter-spacing:.06em; grid-template-columns:28px auto; column-gap:8px;}
 body .wm::before {width:28px; height:32px; font-size:.67rem;}
 body .wm .ar-sig {font-size:.65rem;}
 body .lang-toggle,body .menu-btn {padding:8px; font-size:.7rem;}
 body .hdr-nav {gap:6px;}
 body .section-art-panel {aspect-ratio:1.5; margin-bottom:30px;}
 body .sect {padding-block:56px;}
 body .sect-h {line-height:1.18; max-width:100%; margin-bottom:22px;}
 body .sect-copy {font-size:1rem; margin-bottom:28px;}
 body.is-home .hero {display:flex; flex-direction:column; align-items:stretch; margin-top:38px; gap:30px;}
 body.is-home .hero-inner {order:0;}
 body.is-home .hero-h1 {line-height:1.08; max-width:15ch; margin-bottom:22px;}
 body.is-home .hero-support {font-size:1rem;}
 body.is-home .hero-media {order:1; width:100%; max-width:290px; margin-inline:auto; aspect-ratio:1;}
 body.is-home .hero>.section-art-panel {order:2; width:calc(100% + 2 * var(--ed-gutter)); margin-inline:calc(-1 * var(--ed-gutter)); aspect-ratio:1.6;}
 body.is-home :is(.metrics,.disciplines,.career-snapshot,section[aria-labelledby="rec-h"]) {display:flex; flex-direction:column; gap:0;}
 body.is-home :is(.metrics,.disciplines,.career-snapshot,section[aria-labelledby="rec-h"])>.section-art-panel {height:auto; min-height:0; aspect-ratio:1.5; margin:0 0 32px;}
 body.is-home .metrics-grid {width:100%; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 24px; margin-block:0 20px;}
 body.is-home .metric {min-height:120px; padding-block:20px;}
 body.is-home .metric-val {font-size:1.65rem;}
 body.is-home .section-intro {display:block; margin-bottom:30px;}
 body.is-home .section-intro .sect-h {margin-bottom:24px;}
 body.is-home .featured-work .case-cards {grid-template-columns:minmax(0,1fr); gap:36px;}
 body.is-home .featured-work .case-card:nth-child(n) {grid-column:auto; grid-row:auto;}
 body.is-home .featured-work .case-media {aspect-ratio:1.5;}
 body.is-home .home-expertise-grid {grid-template-columns:minmax(0,1fr);}
 body.is-home .man-grid {grid-template-columns:minmax(0,1fr); gap:30px;}
 body.is-home .man-grid>.film {max-width:290px; margin-inline:auto;}
 body.is-home .manifesto {gap:32px;}
 body.is-home .manifesto .pull {font-size:1.35rem; padding-inline-start:18px;}
 body.is-home .manifesto>.section-art-panel {aspect-ratio:1.5;}
 body.is-home .career-strip {width:100%;}
 body.is-home .career-strip li {grid-template-columns:95px 1fr;}
 body.is-home .client-wall {grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 18px;}
 body.is-home .client-wall strong {font-size:1rem;}
 body.is-home .clients>.section-art-panel,body.is-home section[aria-labelledby="ins-h"]>.section-art-panel,body.is-home .closing>.section-art-panel {aspect-ratio:1.5;}
 body.is-home .post-grid {grid-template-columns:minmax(0,1fr); gap:36px;}
 body.is-home .closing-h {font-size:2.5rem;}
 body .ftr[data-section-art] {padding:44px 20px 100px;}
 body .ftr-grid {grid-template-columns:minmax(0,1fr); gap:30px; margin-bottom:30px;}
 body .ftr-actions {display:flex; flex-wrap:wrap; gap:8px 24px;}
 body .ftr-base {display:flex; flex-direction:column; align-items:flex-start; gap:10px;}
 body .contact-dock {inset:auto 12px 12px 12px; width:auto; max-width:none; justify-content:center;}
 body .contact-dock a {flex:1; padding:9px 8px;}
}
html[dir="rtl"] body :is(h1,h2,h3,.sect-h,.page-h1,.article-h1,.hero-h1,.closing-h,.serif,.pull,.hero-line:last-child,.rec-quote) {font-family:var(--type-face-arabic); font-style:normal; letter-spacing:0; line-height:1.35;}
html[dir="rtl"] body :is(.eyebrow,.scene-label,.btn,.menu a,.wm,.ftr-nav a) {letter-spacing:0;}
html[dir="rtl"] body :is(.sect-copy,.page-intro,.hero-support,.man-body,.article-proof,.disc p) {line-height:1.9;}
html[dir="rtl"] body.is-home .hero-inner {grid-column:1; grid-row:1;}
html[dir="rtl"] body.is-home .hero-media {grid-column:2; grid-row:1;}
html[dir="rtl"] body.is-home .home-expertise-grid>a:hover {transform:translateX(-3px);}
@media(prefers-reduced-motion:reduce) {html {scroll-behavior:auto;} body *,body *::before,body *::after {animation:none!important; transition:none!important;} .js body .rv,.js body .hero-inner>* {opacity:1!important; transform:none!important;}}
@media print {body.is-home,body.is-inner {background:#fff;} body .section-art-panel,body .contact-dock,body .hdr {display:none;} body .sect,body .ftr {width:100%; padding:20px 0; break-inside:auto;} body .rv {opacity:1; transform:none;}}