:root{
  --black:#06080c;
  --ink:#11141b;
  --white:#f5f4f0;
  --paper:#e9e6de;
  --muted:#a8aab2;
  --blue:#164cff;
  --blue-deep:#0b2baa;
  --orange:#ff6b21;
  --font-body:"Vazirmatn","Manrope",system-ui,sans-serif;
  --font-display:"Vazirmatn","Manrope",system-ui,sans-serif;
  --line:rgba(255,255,255,.18);
  --line-dark:rgba(17,20,27,.18);
  --max:1380px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--black)}
body{margin:0;min-width:320px;color:var(--white);background:var(--black);font-family:var(--font-body);line-height:1.7;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font:inherit}
::selection{background:var(--blue);color:#fff}
:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.shell{width:min(var(--max),calc(100% - 80px));margin-inline:auto}
.skip-link{position:fixed;top:10px;inset-inline-start:10px;z-index:100;background:#fff;color:#000;padding:.6rem 1rem;transform:translateY(-160%)}
.skip-link:focus{transform:none}

.site-header{position:fixed;z-index:50;top:0;inset-inline:0;height:88px;display:flex;align-items:center;padding-inline:clamp(22px,4vw,64px);border-bottom:1px solid var(--line);background:rgba(6,8,12,.76);backdrop-filter:blur(18px) saturate(120%)}
.brand{display:flex;align-items:center;gap:12px;font-size:.95rem;font-weight:800;white-space:nowrap}
.brand img{width:42px;height:42px;border-radius:50%;box-shadow:0 0 0 1px rgba(255,255,255,.25)}
.brand small{display:block;color:var(--muted);font-family:"Manrope",sans-serif;font-size:.56rem;font-weight:600;letter-spacing:.16em}
.nav{margin-inline:auto;display:flex;align-items:center;gap:clamp(15px,2vw,30px)}
.nav a{position:relative;padding:.5rem 0;color:rgba(255,255,255,.66);font-size:.76rem;font-weight:650;transition:color .2s}
.nav a:hover,.nav a.active{color:#fff}
.nav a.active::after{content:"";position:absolute;inset-inline:0;bottom:1px;height:2px;background:var(--blue)}
.nav-cta{min-height:43px;padding:.55rem .9rem;display:inline-flex;align-items:center;border:1px solid #fff;font-size:.75rem;font-weight:750;transition:background .2s,color .2s}
.nav-cta:hover{color:#000;background:#fff}
.language-switcher{position:relative;margin-inline-end:10px;font-family:"Manrope",system-ui,sans-serif;direction:ltr}
.language-button{height:43px;min-width:78px;padding:0 10px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);color:#fff;background:rgba(255,255,255,.04);cursor:pointer;transition:border-color .2s,background .2s}
.language-button:hover,.language-switcher.open .language-button{border-color:#fff;background:rgba(255,255,255,.11)}
.language-globe{font-size:1.25rem;line-height:1;transform:rotate(-18deg)}
.language-code{font-size:.68rem;font-weight:800;letter-spacing:.1em}
.language-chevron{font-size:.78rem;transition:transform .2s}.language-switcher.open .language-chevron{transform:rotate(180deg)}
.language-menu{position:absolute;z-index:70;top:calc(100% + 12px);inset-inline-end:0;width:min(290px,calc(100vw - 28px));max-height:min(570px,calc(100svh - 115px));padding:8px;overflow:auto;border:1px solid rgba(255,255,255,.2);color:#fff;background:rgba(6,8,12,.98);box-shadow:0 24px 70px rgba(0,0,0,.5);backdrop-filter:blur(20px);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s,visibility .2s,transform .2s}
.language-switcher.open .language-menu{opacity:1;visibility:visible;transform:none}
.language-menu-head{padding:9px 10px 13px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);color:var(--muted);font-size:.58rem;letter-spacing:.15em}
.language-option{width:100%;min-height:43px;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;border:0;border-bottom:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.76);background:transparent;text-align:start;cursor:pointer}
.language-option:hover{color:#fff;background:rgba(255,255,255,.08)}
.language-option.active{color:#fff;background:var(--blue)}
.language-option span{font-size:.82rem;font-weight:650}.language-option small{color:inherit;font-size:.57rem;letter-spacing:.12em;opacity:.7}
.menu-toggle{display:none;width:44px;height:44px;padding:0;border:1px solid var(--line);color:#fff;background:transparent;cursor:pointer}
.menu-toggle span,.menu-toggle::before,.menu-toggle::after{content:"";width:18px;height:1px;display:block;margin:5px auto;background:currentColor;transition:transform .25s,opacity .25s}
.menu-toggle.open span{opacity:0}
.menu-toggle.open::before{transform:translateY(6px) rotate(45deg)}
.menu-toggle.open::after{transform:translateY(-6px) rotate(-45deg)}

.home-hero{min-height:100svh;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:flex-end}
.home-hero>img{position:absolute;z-index:-4;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.72) contrast(1.12)}
.home-hero::before{content:"";position:absolute;z-index:-3;inset:0;background:linear-gradient(180deg,rgba(3,5,9,.42),rgba(3,5,9,.16) 38%,rgba(3,5,9,.94)),linear-gradient(90deg,rgba(3,5,9,.78),transparent 75%)}
.home-hero::after,.image-noise::after{content:"";position:absolute;z-index:-2;inset:0;pointer-events:none;opacity:.07;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.hero-inner{padding-block:150px 38px}
.kicker{margin:0 0 1.4rem;color:rgba(255,255,255,.72);font-family:"Manrope",sans-serif;font-size:.68rem;font-weight:750;letter-spacing:.16em;text-transform:uppercase}
.home-hero h1{margin:0;max-width:11ch;font-size:clamp(3.8rem,9.2vw,9rem);line-height:1.04;letter-spacing:-.055em;font-weight:800}
.home-hero h1 .stroke{color:transparent;-webkit-text-stroke:1.4px #fff;text-stroke:1.4px #fff}
.home-hero h1 .blue{color:#7da2ff}
.hero-lower{margin-top:2rem;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:40px}
.hero-lower p{margin:0;max-width:700px;color:rgba(255,255,255,.78);font-size:clamp(1rem,1.6vw,1.3rem)}
.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.btn{min-height:52px;padding:.78rem 1.15rem;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;font-size:.82rem;font-weight:800;transition:transform .2s,background .2s,color .2s}
.btn:hover{transform:translateY(-2px)}
.btn-white{color:#000;background:#fff}.btn-white:hover{background:var(--orange)}
.btn-blue{color:#fff;background:var(--blue)}.btn-blue:hover{background:#0e36c5}
.btn-line{border-color:currentColor;background:transparent}
.hero-meta{margin-top:2.2rem;padding-top:1.2rem;display:grid;grid-template-columns:repeat(3,1fr);gap:25px;border-top:1px solid var(--line)}
.hero-meta div{display:grid;grid-template-columns:auto 1fr;gap:14px}
.hero-meta b{color:var(--orange);font-family:"Manrope",sans-serif;font-size:.64rem;letter-spacing:.12em}
.hero-meta span{font-size:.72rem;color:rgba(255,255,255,.72)}

.ticker{height:56px;display:flex;align-items:center;overflow:hidden;color:#fff;background:var(--blue)}
.ticker-track{width:max-content;display:flex;gap:30px;white-space:nowrap;animation:ticker 34s linear infinite;font-family:"Manrope",sans-serif;font-size:.72rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}
.ticker-track span::after{content:"✦";margin-inline-start:30px}
@keyframes ticker{to{transform:translateX(-50%)}}

.section{padding-block:clamp(6rem,10vw,10rem)}
.paper{color:var(--ink);background:var(--paper)}
.white{color:var(--ink);background:var(--white)}
.black{color:#fff;background:var(--black)}
.blue-bg{color:#fff;background:var(--blue)}
.orange-bg{color:#080808;background:var(--orange)}
.section-label{display:flex;align-items:center;gap:14px;margin:0 0 1.2rem;font-family:"Manrope",sans-serif;font-size:.66rem;font-weight:750;letter-spacing:.16em;text-transform:uppercase}
.section-label::before{content:"";width:36px;height:2px;background:currentColor}
.display{margin:0;font-size:clamp(3rem,7vw,7.2rem);line-height:1.02;letter-spacing:-.055em;font-weight:800}
.display,.home-hero h1,.page-hero h1,.music-stage h1,.contact-page h1,.split-cta strong{font-family:var(--font-display)}
.cms-custom-inner{font-size:1rem}.cms-custom-inner h1,.cms-custom-inner h2,.cms-custom-inner h3{font-family:var(--font-display);line-height:1.12}.cms-custom-inner h2{margin:0 0 1.5rem;font-size:clamp(2.5rem,6vw,6rem)}.cms-custom-inner p{max-width:70ch}.cms-custom-inner img{margin-block:2rem;max-height:75svh;object-fit:cover}
.lede{font-size:clamp(1.35rem,2.5vw,2.35rem);line-height:1.5;letter-spacing:-.025em}

.discipline-grid{display:grid;grid-template-columns:1.35fr .65fr;border-top:1px solid var(--line-dark)}
.discipline-main{padding:clamp(2rem,5vw,5rem) clamp(1rem,5vw,5rem) clamp(2rem,5vw,5rem) 0;border-inline-end:1px solid var(--line-dark)}
.discipline-main .display{max-width:10ch}
.discipline-main p{max-width:750px;color:rgba(17,20,27,.68)}
.discipline-list{display:grid}
.discipline-list a{min-height:150px;padding:1.8rem 0 1.8rem clamp(1rem,4vw,4rem);display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;border-bottom:1px solid var(--line-dark);transition:padding .2s,color .2s}
.discipline-list a:hover{padding-inline-start:calc(clamp(1rem,4vw,4rem) + 12px);color:var(--blue)}
.discipline-list em{font-family:"Manrope",sans-serif;font-style:normal;font-size:.66rem}
.discipline-list strong{font-size:clamp(1.25rem,2vw,1.9rem)}

.manifesto-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(3rem,8vw,9rem);align-items:start}
.manifesto-grid .display{position:sticky;top:130px;max-width:9ch}
.manifesto-copy{border-top:1px solid var(--line)}
.manifesto-copy p{margin:0;padding:2.2rem 0;border-bottom:1px solid var(--line);font-size:clamp(1.25rem,2.2vw,2rem);line-height:1.55}
.manifesto-copy p span{display:inline-block;width:48px;color:#7da2ff;font-family:"Manrope",sans-serif;font-size:.72rem;vertical-align:top}

.project-grid{margin-top:4rem;display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:auto auto;gap:16px}
.project-card{min-height:480px;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:flex-end;background:#111}
.project-card.tall{grid-row:span 2;min-height:976px}
.project-card>img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.project-card::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,transparent 28%,rgba(0,0,0,.88))}
.project-card:hover>img{transform:scale(1.035)}
.project-card-content{width:100%;padding:clamp(1.5rem,4vw,3.4rem);color:#fff}
.project-card small{font-family:"Manrope",sans-serif;letter-spacing:.13em;text-transform:uppercase}
.project-card h3{margin:.6rem 0;font-size:clamp(2rem,4.5vw,4.8rem);line-height:1.02;letter-spacing:-.05em}
.project-card p{margin:0;max-width:48ch;color:rgba(255,255,255,.72)}

.split-cta{display:grid;grid-template-columns:1fr 1fr}
.split-cta>a{min-height:420px;padding:clamp(2rem,6vw,6rem);display:flex;flex-direction:column;justify-content:space-between;border-inline-end:1px solid var(--line-dark)}
.split-cta>a:last-child{border:0}
.split-cta strong{max-width:8ch;font-size:clamp(2.6rem,5.5vw,5.8rem);line-height:1.05;letter-spacing:-.05em}
.split-cta span{font-size:.82rem;font-weight:800}

.page-hero{min-height:82svh;padding-top:150px;display:flex;align-items:flex-end;position:relative;isolation:isolate;overflow:hidden}
.page-hero.has-image>img{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover}
.page-hero.has-image::before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(180deg,rgba(4,6,10,.45),rgba(4,6,10,.92)),linear-gradient(90deg,rgba(4,6,10,.8),transparent 80%)}
.page-hero-inner{width:100%;padding-bottom:50px}
.page-number{margin-bottom:1rem;color:var(--orange);font-family:"Manrope",sans-serif;font-size:.72rem;font-weight:800;letter-spacing:.15em}
.page-hero h1{margin:0;max-width:10ch;font-size:clamp(4.5rem,11vw,11rem);line-height:.88;letter-spacing:-.075em}
html[dir="rtl"] .page-hero h1{line-height:1.07;letter-spacing:-.045em}
.page-hero p{max-width:750px;margin:2rem 0 0;color:rgba(255,255,255,.72);font-size:clamp(1.05rem,1.8vw,1.4rem)}
.page-hero.light-hero{color:var(--ink);background:var(--paper)}
.page-hero.light-hero p{color:rgba(17,20,27,.68)}

.bio-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(3rem,8vw,9rem)}
.bio-mark{position:sticky;top:130px;aspect-ratio:1;display:grid;place-items:center;color:#fff;background:var(--blue);font-family:"Manrope",sans-serif;font-size:clamp(4rem,10vw,11rem);font-weight:800;letter-spacing:-.1em}
.bio-portrait{position:sticky;top:110px;margin:0;overflow:hidden;background:#111}
.bio-portrait img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 22%}
.bio-portrait figcaption{padding:1rem 1.2rem;color:#fff;background:var(--blue);font-family:"Manrope",sans-serif;font-size:.76rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}
.bio-copy .lede{margin-top:0}
.bio-copy p:not(.lede){color:rgba(17,20,27,.68)}
.facts{margin-top:4rem;border-top:2px solid var(--ink)}
.fact{padding:1.5rem 0;display:grid;grid-template-columns:180px 1fr;gap:24px;border-bottom:1px solid var(--line-dark)}
.fact b{font-family:"Manrope",sans-serif;font-size:.68rem;letter-spacing:.13em;text-transform:uppercase}

.principles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.principle{min-height:360px;padding:2rem;border-inline-end:1px solid var(--line)}
.principle:last-child{border:0}
.principle span{color:var(--orange);font-family:"Manrope",sans-serif;font-size:.7rem}
.principle h3{margin:6rem 0 1rem;font-size:1.7rem}
.principle p{color:rgba(255,255,255,.6)}

.work-list{display:grid}
.work-item{padding:3rem 0;display:grid;grid-template-columns:90px .85fr 1.15fr;gap:clamp(2rem,6vw,7rem);align-items:start;border-top:1px solid var(--line-dark)}
.work-item:last-child{border-bottom:1px solid var(--line-dark)}
.work-item .num{color:var(--blue);font-family:"Manrope",sans-serif;font-weight:800}
.work-item h2{margin:0;font-size:clamp(2rem,4vw,4.2rem);line-height:1.1}
.work-item p{margin:0;color:rgba(17,20,27,.67)}
.work-item.external{transition:padding .25s,color .25s}
.work-item.external:hover{padding-inline:1rem;color:var(--blue)}
.work-item.external p{display:grid;gap:1rem}
.project-link{color:var(--blue);font-size:.8rem;font-weight:800}
.tags{margin-top:1.3rem;display:flex;flex-wrap:wrap;gap:7px}
.tags span{padding:.38rem .6rem;border:1px solid var(--line-dark);font-family:"Manrope",sans-serif;font-size:.62rem;text-transform:uppercase}

.service-list{border-top:1px solid var(--line)}
.service{padding:2.8rem 0;display:grid;grid-template-columns:90px 1fr 1fr;gap:clamp(2rem,6vw,7rem);border-bottom:1px solid var(--line)}
.service .num{color:#7da2ff;font-family:"Manrope",sans-serif;font-weight:800}
.service h2{margin:0;font-size:clamp(2rem,4vw,4.2rem);line-height:1.1}
.service p{margin:0;color:rgba(255,255,255,.62)}

.music-stage{min-height:76svh;padding-top:130px;display:grid;align-items:center;position:relative;overflow:hidden;background:var(--blue)}
.music-stage::after{content:"MUSIC";position:absolute;inset-inline-end:-3vw;bottom:-10vw;color:rgba(0,0,0,.14);font-family:"Manrope",sans-serif;font-size:min(31vw,520px);line-height:.8;font-weight:800;letter-spacing:-.1em}
.music-stage .shell{position:relative;z-index:1}
.music-stage h1{margin:0;max-width:9ch;font-size:clamp(4.5rem,10vw,10rem);line-height:.9;letter-spacing:-.07em}
html[dir="rtl"] .music-stage h1{line-height:1.08}
.music-stage p{max-width:680px;font-size:1.15rem}
.listen-list{margin-top:3rem;max-width:800px;border-top:1px solid rgba(255,255,255,.45)}
.listen-list a{min-height:96px;display:grid;grid-template-columns:1fr auto;align-items:center;border-bottom:1px solid rgba(255,255,255,.45);font-size:1.3rem;font-weight:750;transition:padding .2s,background .2s}
.listen-list a:hover{padding-inline:18px;background:rgba(0,0,0,.14)}
.tracks{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line-dark)}
.track{min-height:230px;padding:2rem;border-inline-end:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark)}
.track:nth-child(even){border-inline-end:0}
.track small{font-family:"Manrope",sans-serif;color:var(--blue);letter-spacing:.12em}
.track h3{margin:3rem 0 0;font-size:clamp(1.8rem,3vw,3.2rem)}

.digital-grid{margin-top:4rem;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.digital-card{min-height:430px;padding:2rem;display:flex;flex-direction:column;justify-content:space-between;border-inline-end:1px solid var(--line);transition:background .25s,color .25s,transform .25s}
.digital-card:last-child{border:0}
.digital-card:hover{color:#080808;background:var(--orange);transform:translateY(-8px)}
.digital-card small{font-family:"Manrope",sans-serif;font-size:.72rem;font-weight:750;letter-spacing:.13em;text-transform:uppercase}
.digital-card h3{margin:auto 0 1rem;font-size:clamp(2rem,3vw,3.5rem);line-height:1.1;letter-spacing:-.04em}
.digital-card p{margin:0;color:rgba(255,255,255,.62)}
.digital-card:hover p{color:rgba(0,0,0,.68)}
.digital-card b{margin-top:2rem;font-size:.8rem}

.poetry-layout{display:grid;grid-template-columns:.9fr 1.1fr;min-height:100svh}
.poetry-image{position:sticky;top:0;height:100svh;overflow:hidden}
.poetry-image img{width:100%;height:100%;object-fit:cover}
.poetry-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.55))}
.poetry-copy{padding:150px clamp(2rem,7vw,8rem) 7rem;color:var(--ink);background:var(--paper)}
.poetry-copy h1{margin:0 0 4rem;font-size:clamp(4rem,9vw,9rem);line-height:.9;letter-spacing:-.07em}
.poetry-copy blockquote{margin:0}
.poetry-copy blockquote p{font-family:"Aref Ruqaa",serif;font-size:clamp(1.15rem,1.8vw,1.5rem);line-height:2;margin:0 0 2rem}
.poetry-copy cite{color:var(--blue);font-style:normal;font-weight:750}

.contact-page{min-height:100svh;padding-top:140px;display:flex;align-items:center;background:var(--orange);color:#080808}
.contact-grid{display:grid;grid-template-columns:1fr .8fr;gap:clamp(3rem,8vw,9rem);align-items:end}
.contact-page h1{margin:0;max-width:9ch;font-size:clamp(4rem,10vw,10rem);line-height:.92;letter-spacing:-.07em}
html[dir="rtl"] .contact-page h1{line-height:1.1}
.contact-panel{border-top:2px solid #080808}
.contact-panel>a{min-height:90px;display:grid;grid-template-columns:1fr auto;align-items:center;border-bottom:1px solid rgba(0,0,0,.35);font-weight:750;font-size:1.2rem}
.contact-panel>a:hover{padding-inline:12px}
.social-mini{margin-top:2rem;display:flex;flex-wrap:wrap;gap:15px;font-size:.75rem;font-weight:800}

.site-footer{border-top:1px solid var(--line);background:var(--black);color:#fff}
.footer-inner{min-height:170px;display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:center;gap:30px;color:rgba(255,255,255,.58);font-size:.72rem}
.footer-inner>p{margin:0;text-align:center}.copyright{direction:ltr;text-align:end!important}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}.reveal.show{opacity:1;transform:none}

@media(max-width:1100px){
  .nav{gap:14px}.nav a{font-size:.7rem}.language-button{min-width:66px;padding-inline:8px}.language-globe{display:none}
  .discipline-grid{grid-template-columns:1fr}.discipline-main{border-inline-end:0;border-bottom:1px solid var(--line-dark)}
  .project-card.tall{min-height:800px}
}
@media(max-width:860px){
  .site-header{height:76px;padding-inline:18px}.nav-cta{display:none}.language-switcher{margin-inline-start:auto;margin-inline-end:9px}.language-button{height:44px;min-width:70px}.language-globe{display:inline}.menu-toggle{display:block;margin-inline-start:0}
  .nav{position:fixed;top:76px;inset-inline:0;height:calc(100svh - 76px);padding:35px 22px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:0;background:rgba(6,8,12,.98);transform:translateY(-120%);opacity:0;transition:transform .35s,opacity .35s}
  .nav.open{transform:none;opacity:1}.nav a{padding:1rem 0;border-bottom:1px solid var(--line);font-size:1.1rem}.nav a.active::after{display:none}
  .shell{width:calc(100% - 36px)}
  .hero-inner{padding-top:120px}.home-hero h1{font-size:clamp(3.3rem,15vw,6rem)}
  .hero-lower{grid-template-columns:1fr}.hero-meta{grid-template-columns:1fr 1fr}.hero-meta div{display:block}.hero-meta b{display:block;margin-bottom:4px}
  .manifesto-grid,.bio-grid,.music-inner,.contact-grid{grid-template-columns:1fr}.manifesto-grid .display,.bio-mark,.bio-portrait{position:static}.bio-mark,.bio-portrait{max-width:520px}
  .project-grid{grid-template-columns:1fr}.project-card,.project-card.tall{grid-row:auto;min-height:560px}
  .split-cta{grid-template-columns:1fr}.split-cta>a{min-height:340px;border-inline-end:0;border-bottom:1px solid var(--line-dark)}
  .principles{grid-template-columns:1fr}.principle{min-height:auto;border-inline-end:0;border-bottom:1px solid var(--line)}.principle h3{margin-top:3rem}
  .work-item,.service{grid-template-columns:55px 1fr}.work-item p,.service p{grid-column:2}
  .digital-grid{grid-template-columns:1fr}.digital-card{min-height:320px;border-inline-end:0;border-bottom:1px solid var(--line)}
  .poetry-layout{display:block}.poetry-image{position:relative;height:70svh}.poetry-copy{padding-top:6rem}
  .footer-inner{grid-template-columns:1fr;padding-block:30px;text-align:center}.footer-inner .brand{justify-content:center}.copyright{text-align:center!important}
}
@media(max-width:560px){
  .brand small{display:none}.home-hero>img{object-position:62% center}.home-hero h1{font-size:clamp(3rem,16vw,4.8rem)}
  .hero-meta{grid-template-columns:1fr}.actions{align-items:stretch;flex-direction:column}.btn{width:100%}
  .section{padding-block:5.5rem}.display{font-size:clamp(2.8rem,13vw,4.5rem)}
  .discipline-list a{min-height:110px;padding-inline:0}.discipline-list a:hover{padding-inline-start:10px}
  .project-card,.project-card.tall{min-height:480px}
  .page-hero{min-height:72svh;padding-top:110px}.page-hero h1{font-size:clamp(4rem,18vw,6rem)}
  .fact{grid-template-columns:1fr;gap:5px}.tracks{grid-template-columns:1fr}.track{border-inline-end:0}
  .contact-page{padding-block:120px 60px}.contact-page h1{font-size:clamp(3.7rem,17vw,5.8rem)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}