/* Brand fonts, self-hosted as WOFF2. PP Mori (Pangram Pangram, licence required for commercial use) and Lama Sans. */
@font-face{font-family:"PP Mori";src:url("media/fonts/PPMori-Extralight.woff2") format("woff2");font-weight:200;font-style:normal;font-display:swap}
@font-face{font-family:"PP Mori";src:url("media/fonts/PPMori-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"PP Mori";src:url("media/fonts/PPMori-RegularItalic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"PP Mori";src:url("media/fonts/PPMori-SemiBold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Lama Sans";src:url("media/fonts/LamaSans-Light.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF,U+0020-002F,U+003A-0040}
@font-face{font-family:"Lama Sans";src:url("media/fonts/LamaSans-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF,U+0020-002F,U+003A-0040}
@font-face{font-family:"Lama Sans";src:url("media/fonts/LamaSans-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF,U+0020-002F,U+003A-0040}
@font-face{font-family:"Lama Sans";src:url("media/fonts/LamaSans-SemiBold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF,U+0020-002F,U+003A-0040}
@font-face{font-family:"Lama Sans";src:url("media/fonts/LamaSans-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF,U+0020-002F,U+003A-0040}

/* Toada Consulting — merged direction: light, simple (BOP structure) with the brand's diamond motif and one dark block.
   Brand tokens from the designer's concept v02 and visual guidelines. */
:root{
  --off:#F7F7F7;
  --white:#FFFFFF;
  --slate:#283639;
  --slate2:#182526;
  --ink:#1F2C2E;
  --orange-text:#9A4E22;   /* contrast-safe orange for small text (5.2:1 on off-white) */
  --body:#3B4A4C;
  --mute:#69726F;
  --grey:#E7E7E7;
  --grey2:#DADAD5;
  --orange:#C16A30;
  --gold:#DBA837;
  --purple:#4C489D;
  --font-en:"PP Mori",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-ar:"Lama Sans","Segoe UI",Tahoma,sans-serif;
  --wrap:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
body{margin:0;background:var(--off);color:var(--ink);font-family:var(--font-en);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
.ar{font-family:var(--font-ar);direction:rtl}
.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:32px}
h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.012em;text-wrap:balance}
p{margin:0}
.eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--orange-text);font-weight:600;margin-bottom:14px}

/* diamond motif */
.dia{position:absolute;display:block;width:var(--s,72px);height:var(--s,72px);transform:rotate(45deg);pointer-events:none}
.dia.gold{background:var(--gold)}
.dia.orange{background:var(--orange)}
.dia.line{border:1.5px solid rgba(247,247,247,.55)}

/* buttons & links */
.btn{display:inline-flex;align-items:center;gap:12px;background:var(--slate);color:var(--off);font-weight:600;font-size:14px;padding:13px 22px;border-radius:999px;transition:background .2s}
.btn:hover{background:var(--slate2)}
.btn i{width:9px;height:9px;background:var(--gold);transform:rotate(45deg)}
.btn.light{background:var(--off);color:var(--slate)}
.btn.light:hover{background:var(--white)}
.lnk{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:14px;color:var(--ink);border-bottom:2px solid var(--orange);padding-bottom:3px;white-space:nowrap}
.lnk::after{content:"";width:7px;height:7px;background:var(--orange);transform:rotate(45deg)}
.actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin-top:28px}

/* nav */
.nav{position:sticky;top:0;z-index:40;background:rgba(247,247,247,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--grey)}
.nav-in{display:flex;align-items:center;gap:28px;padding-block:18px}
.logo{display:flex;align-items:baseline;gap:10px;margin-right:auto}
.logo .ar{font-size:26px;font-weight:700;line-height:1;color:var(--slate)}
.logo small{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.menu{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:500}
.menu a{position:relative;padding-block:4px}
.menu a:not(.pill):not(.lang)::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .2s}
.menu a:not(.pill):not(.lang):hover::after{transform:scaleX(1)}
.menu .pill{background:var(--slate);color:var(--off);padding:8px 16px;border-radius:999px}
.menu .lang{font-size:13px;color:var(--mute);padding:6px 12px;border:1px solid var(--grey2);border-radius:999px}
.burger{display:none;font:inherit;font-size:14px;font-weight:600;background:transparent;border:1px solid var(--grey2);border-radius:999px;padding:8px 14px;color:var(--ink);cursor:pointer}
.mobile[hidden]{display:none}
.mobile{display:grid;gap:4px;padding:8px 32px 18px;border-top:1px solid var(--grey);font-size:16px;font-weight:500}
.mobile a{padding:10px 0;border-bottom:1px solid var(--grey)}

/* hero */
.hero{border-bottom:1px solid var(--grey);background:var(--off)}
.hero-in{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center;padding-block:80px 70px}
.hero h1{font-size:clamp(36px,4.6vw,62px);line-height:1.08;max-width:18ch}
.hero h1 em{font-style:normal;color:var(--orange)}
.lead-ar{font-size:18px;color:var(--mute);margin-top:18px;font-weight:500}
.lead{font-size:17px;line-height:1.7;color:var(--body);max-width:52ch;margin-top:14px}
.hero-pic{margin:0;position:relative;padding:0 0 28px 40px}
.hero-pic .frame{aspect-ratio:4/5;overflow:hidden;background:var(--grey2)}
.hero-pic .frame img{width:100%;height:100%;object-fit:cover}
.hero-pic .dia{--s:96px;left:-8px;bottom:60px}
.hero-pic figcaption{position:absolute;left:40px;bottom:0;font-size:12px;color:var(--mute);letter-spacing:.04em}

/* sections */
.sec{padding-block:76px;border-bottom:1px solid var(--grey)}
.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:36px;flex-wrap:wrap}
.sec-head h2{font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);display:flex;align-items:center;gap:10px}
.sec-head h2::before{content:"";width:8px;height:8px;background:var(--orange);transform:rotate(45deg)}
.sec-head .sub{font-size:15px;color:var(--body);max-width:52ch;flex-basis:100%}

/* projects */
.proj{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 24px}
.proj article a{display:block}
.proj .img{aspect-ratio:4/3;overflow:hidden;background:var(--grey2)}
.proj img{width:100%;height:100%;object-fit:cover;filter:saturate(.92);transition:transform .5s}
.proj article:hover img{transform:scale(1.03)}
.proj .client{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);margin:14px 0 6px;font-weight:600}
.proj h3{font-size:19px;line-height:1.35}
.proj .kind{font-size:13px;color:var(--orange-text);margin-top:6px;font-weight:500}

/* philosophy + DNA */
.phil{background:var(--white)}
.phil-in{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:center}
.phil h2{font-size:clamp(28px,3.4vw,42px);line-height:1.12}
.quote-ar{font-size:18px;color:var(--orange-text);margin:14px 0 12px;font-weight:500}
.phil > .phil-in > div > p:not(.eyebrow){font-size:16px;line-height:1.75;color:var(--body);max-width:56ch}
.phil-pic{position:relative;aspect-ratio:1;width:100%;max-width:440px;justify-self:center}
.phil-pic .ph{position:absolute;inset:11%;transform:rotate(45deg);overflow:hidden;border:1.5px solid var(--slate);background:var(--grey2)}
.phil-pic .ph img{width:142%;height:142%;max-width:none;object-fit:cover;transform:rotate(-45deg) translate(-15%,0)}
.phil-pic .dia{--s:84px;left:-6px;top:46%;background:var(--orange)}
.dna{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:34px;padding-top:30px;border-top:1px solid var(--grey)}
.dna h3{font-size:16px;display:flex;align-items:center;gap:10px;margin-bottom:8px}
.dna h3 i{width:10px;height:10px;transform:rotate(45deg);flex:none}
.dna i.gold{background:var(--gold)}.dna i.orange{background:var(--orange)}.dna i.purple{background:var(--purple)}
.dna p{font-size:14px;line-height:1.65;color:var(--body)}

/* services */
.phases{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.phases article{padding:8px 36px 8px 0;border-right:1px solid var(--grey)}
.phases article + article{padding-left:36px}
.phases article:last-child{border:0;padding-right:0}
.phases .ph{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--orange-text);font-weight:600}
.phases h3{font-size:clamp(24px,2.6vw,32px);margin:8px 0 12px;line-height:1.1}
.phases article > p:not(.ph){font-size:15px;line-height:1.7;color:var(--body);margin-bottom:18px}
.phases ul{list-style:none;padding:0;margin:0;display:grid;gap:7px;font-size:14px}
.phases li{padding-left:16px;position:relative}
.phases li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;background:var(--slate);transform:rotate(45deg)}

/* stats */
.stats-sec{background:var(--white)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.stats b{display:block;font-size:46px;font-weight:600;letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums;color:var(--slate)}
.stats span{display:block;font-size:13px;color:var(--mute);margin-top:10px;line-height:1.5}
.stats em{font-style:normal;opacity:.7}

/* team */
.team{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.team .av{aspect-ratio:1;background:linear-gradient(160deg,#E2E3DF,#C4C8C4);position:relative;overflow:hidden}
.team .av::after{content:"";position:absolute;left:50%;bottom:-42%;width:110%;height:110%;transform:translateX(-50%) rotate(45deg);background:var(--slate);opacity:.1}
.team h4{font-size:16px;margin:14px 0 2px}
.team p{font-size:13px;color:var(--mute)}

/* insights */
.insights{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ins{display:block;padding:24px 0 0;border-top:2px solid var(--slate)}
.ins time{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);font-weight:600}
.ins h3{font-size:19px;line-height:1.35;margin:10px 0 8px}
.ins:hover h3{color:var(--orange-text)}
.ins p{font-size:14px;color:var(--body)}
.ins em{font-style:normal;color:var(--mute)}

/* bulletin / CTA — the single dark block */
.bulletin{background:var(--slate);color:var(--off)}
.bulletin-in{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:center;padding-block:80px}
.bulletin .art{position:relative;aspect-ratio:1;max-width:380px;width:100%;justify-self:center}
.bulletin .art .line{--s:62%;left:19%;top:19%}
.bulletin .art .gold{--s:15%;left:12%;top:44%}
.bulletin .lab{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:12px}
.bulletin h2{font-size:clamp(22px,2.6vw,32px);line-height:1.3;font-weight:500;max-width:30ch}
.cta-ar{font-size:18px;color:var(--gold);margin-top:14px;font-weight:500}
.sub-form{margin-top:36px;padding-top:28px;border-top:1px solid rgba(247,247,247,.18);max-width:520px}
.sub-form label{display:block;font-size:14px;line-height:1.6;color:rgba(247,247,247,.8);margin-bottom:12px}
.sub-form .row{display:flex;gap:8px}
.sub-form input{flex:1;min-width:0;font:inherit;font-size:14px;padding:12px 14px;border:1px solid rgba(247,247,247,.3);background:transparent;color:var(--off)}
.sub-form input::placeholder{color:rgba(247,247,247,.5)}
.sub-form button{font:inherit;font-size:14px;font-weight:600;padding:12px 18px;background:var(--off);color:var(--slate);border:0;cursor:pointer}
.sub-form button:hover{background:var(--white)}

/* footer */
.foot{background:var(--off);color:var(--mute);font-size:13px}
.foot-in{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:30px;padding-block:48px 36px}
.foot h5{font-size:13px;color:var(--ink);margin:0 0 10px;font-weight:600}
.foot a,.foot p{display:block;margin-bottom:6px}
.foot a:hover{color:var(--orange-text)}
.logo-block .big{font-size:32px;font-weight:700;color:var(--slate);display:block;margin-bottom:12px}
.logo-block p{max-width:34ch;line-height:1.6}
.social{display:flex;gap:14px}
.social a{display:inline;margin:0}
.legal{display:flex;justify-content:space-between;gap:16px;padding-block:16px 28px;border-top:1px solid var(--grey);font-size:12px}

/* responsive */
@media (max-width:960px){
  .proj,.insights{grid-template-columns:1fr 1fr}
  .phases{grid-template-columns:1fr}
  .phases article{padding:28px 0;border:0;border-top:1px solid var(--grey)}
  .phases article + article{padding-left:0}
  .phases article:first-child{border-top:0;padding-top:0}
  .phases ul{grid-template-columns:1fr 1fr}
  .team,.stats{grid-template-columns:1fr 1fr}
}
@media (min-width:761px){.mobile{display:none}}
@media (max-width:760px){
  .wrap{padding-inline:18px}
  .menu{display:none}.burger{display:inline-block}
  .hero-in{grid-template-columns:1fr;gap:36px;padding-block:48px 40px}
  .hero-pic{padding-left:20px}.hero-pic .dia{--s:64px;left:-4px}.hero-pic figcaption{left:20px}
  .phil-in,.bulletin-in{grid-template-columns:1fr;gap:36px}
  .dna{grid-template-columns:1fr}
  .proj,.insights{grid-template-columns:1fr}
  .phases ul{grid-template-columns:1fr}
  .foot-in{grid-template-columns:1fr 1fr}
  .sec{padding-block:56px}
}

/* ===== inner pages ===== */
.page-head{padding-block:64px 48px;border-bottom:1px solid var(--grey)}
.page-head h1{font-size:clamp(34px,4.4vw,56px);line-height:1.08;max-width:20ch}
.page-head .lead{margin-top:16px}
.crumb{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);font-weight:600;margin-bottom:16px}
.crumb a:hover{color:var(--orange)}
.menu a[aria-current="page"]::after{transform:scaleX(1)}
.prose{max-width:66ch;font-size:16px;line-height:1.75;color:var(--body)}
.prose h2{font-size:26px;color:var(--ink);margin:34px 0 12px}
.prose p+p{margin-top:14px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.svc-detail{display:grid;gap:0}
.svc-block{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;padding-block:56px;border-bottom:1px solid var(--grey)}
.svc-block:last-child{border:0}
.svc-block .ph{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--orange-text);font-weight:600}
.svc-block h2{font-size:clamp(28px,3.2vw,40px);margin:8px 0 12px;line-height:1.1}
.svc-block .intro{font-size:16px;line-height:1.7;color:var(--body);max-width:44ch}
.svc-block .areas{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.svc-block h3{font-size:16px;margin-bottom:8px;display:flex;align-items:center;gap:10px}
.svc-block h3::before{content:"";width:8px;height:8px;background:var(--gold);transform:rotate(45deg);flex:none}
.svc-block .areas p{font-size:14px;color:var(--body);line-height:1.6;margin-bottom:10px}
.svc-block ul{list-style:none;padding:0;margin:0;display:grid;gap:5px;font-size:13.5px}
.svc-block li{padding-left:14px;position:relative}
.svc-block li::before{content:"";position:absolute;left:0;top:8px;width:5px;height:5px;background:var(--slate);transform:rotate(45deg)}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:32px}
.filters button{font:inherit;font-size:13px;font-weight:600;padding:8px 14px;border-radius:999px;border:1px solid var(--grey2);background:transparent;color:var(--ink);cursor:pointer}
.filters button[aria-pressed="true"]{background:var(--slate);color:var(--off);border-color:var(--slate)}
.proj article[hidden]{display:none}
.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:start}
.form{display:grid;gap:16px}
.form label{display:grid;gap:6px;font-size:13px;font-weight:600;color:var(--ink)}
.form input,.form textarea,.form select{font:inherit;font-size:15px;padding:12px 14px;border:1px solid var(--grey2);background:var(--white);color:var(--ink);width:100%}
.form textarea{min-height:140px;resize:vertical}
.form .row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form button{justify-self:start}
.info h3{font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin:0 0 8px}
.info p{margin-bottom:6px;color:var(--body)}
.info > div{padding-block:18px;border-top:1px solid var(--grey)}
.info > div:first-child{border-top:0;padding-top:0}
.ins-list .ins{padding:26px 0;border-top:1px solid var(--grey);display:grid;grid-template-columns:120px 1fr;gap:20px}
.ins-list .ins:last-child{border-bottom:1px solid var(--grey)}
.ins-list .ins h3{margin:0 0 6px}
.ins-list time{padding-top:4px}
.team-page{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 24px}
.team-page .av{aspect-ratio:1;background:linear-gradient(160deg,#E2E3DF,#C4C8C4);position:relative;overflow:hidden}
.team-page .av::after{content:"";position:absolute;left:50%;bottom:-42%;width:110%;height:110%;transform:translateX(-50%) rotate(45deg);background:var(--slate);opacity:.1}
.team-page h4{font-size:17px;margin:14px 0 2px}
.team-page .role{font-size:13px;color:var(--orange-text);font-weight:500;margin-bottom:8px}
.team-page p{font-size:14px;color:var(--body);line-height:1.6}
@media (max-width:860px){.two,.svc-block,.contact-grid{grid-template-columns:1fr;gap:28px}.svc-block .areas{grid-template-columns:1fr}.team-page{grid-template-columns:1fr 1fr}.ins-list .ins{grid-template-columns:1fr;gap:6px}.form .row2{grid-template-columns:1fr}}

/* ===== RTL (Arabic) ===== */
html[dir="rtl"] body{font-family:var(--font-ar)}
html[dir="rtl"] .ar{direction:rtl}
html[dir="rtl"] .logo{margin-right:0;margin-left:auto}
html[dir="rtl"] .menu a:not(.pill):not(.lang)::after{transform-origin:right}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3,html[dir="rtl"] h4{letter-spacing:0}
html[dir="rtl"] .eyebrow,html[dir="rtl"] .sec-head h2,html[dir="rtl"] .phases .ph,html[dir="rtl"] .bulletin .lab,html[dir="rtl"] .proj .client,html[dir="rtl"] .ins time,html[dir="rtl"] .crumb{letter-spacing:0;text-transform:none}
html[dir="rtl"] .hero-pic{padding:0 40px 28px 0}
html[dir="rtl"] .hero-pic .dia{left:auto;right:-8px}
html[dir="rtl"] .hero-pic figcaption{left:auto;right:40px}
html[dir="rtl"] .phil-pic .dia{left:auto;right:-6px}
html[dir="rtl"] .phases article{padding:8px 0 8px 36px;border-right:0;border-left:1px solid var(--grey)}
html[dir="rtl"] .phases article + article{padding-left:36px;padding-right:36px}
html[dir="rtl"] .phases article:last-child{padding-left:0}
html[dir="rtl"] .phases article:last-child{border:0;padding-left:0}
html[dir="rtl"] .phases li,html[dir="rtl"] .svc-block li{padding-left:0;padding-right:16px}
html[dir="rtl"] .phases li::before,html[dir="rtl"] .svc-block li::before{left:auto;right:0}
html[dir="rtl"] .en{font-family:var(--font-en);direction:ltr}
html[dir="rtl"] .lead-ar,html[dir="rtl"] .quote-ar,html[dir="rtl"] .cta-ar{font-family:var(--font-en);direction:ltr;text-align:right}
@media (max-width:760px){html[dir="rtl"] .hero-pic{padding-right:20px}html[dir="rtl"] .hero-pic .dia{right:-4px}html[dir="rtl"] .hero-pic figcaption{right:20px}}

/* ===== blog / insights ===== */
.ins .byline{font-size:12px;color:var(--mute);margin-top:6px}
.post-head h1{max-width:24ch}
.post-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.post-tags span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--orange-text);border:1px solid var(--grey2);padding:4px 10px;border-radius:999px}
.author-row{display:flex;align-items:center;gap:14px;margin-top:26px;font-size:14px;flex-wrap:wrap}
.author-row .av-sm{width:44px;height:44px;border-radius:50%;background:linear-gradient(160deg,#E2E3DF,#C4C8C4);flex:none}
.author-row b{display:block;font-weight:600;color:var(--ink)}
.author-row span{display:block;font-size:13px;color:var(--mute)}
.author-row .meta{margin-left:auto;color:var(--mute);font-size:13px}
.post-fig{margin:0;padding-top:40px}
.post-fig img{width:100%;aspect-ratio:21/9;object-fit:cover}
.post-grid{display:grid;grid-template-columns:minmax(0,66ch) 1fr;gap:64px;align-items:start}
.post-body h2{font-size:24px;margin:34px 0 10px;color:var(--ink)}
.post-body h3{font-size:18px;margin:26px 0 8px;color:var(--ink)}
.post-body p{margin:0 0 16px}
.post-body ul,.post-body ol{padding-left:22px;margin:0 0 16px}
.post-body li{margin-bottom:6px}
.post-body blockquote{margin:24px 0;padding:4px 0 4px 20px;border-left:3px solid var(--orange);font-size:19px;line-height:1.55;color:var(--ink)}
.post-body blockquote p{margin:0}
.post-body a{color:var(--orange-text);border-bottom:1px solid currentColor}
.post-alt{margin-top:32px;padding-top:24px;border-top:1px solid var(--grey)}
.post-side{position:sticky;top:96px;display:grid;gap:20px}
.side-box{padding:22px;background:var(--white);border:1px solid var(--grey)}
.side-box h4{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin:0 0 10px}
.side-box p{font-size:14px;color:var(--body);margin:0 0 12px}
.side-form{margin:0;padding:0;border:0;max-width:none}
.side-form input{border-color:var(--grey2);color:var(--ink)}
.side-form input::placeholder{color:var(--mute)}
.side-form button{background:var(--slate);color:var(--off)}
html[dir="rtl"] .author-row .meta{margin-left:0;margin-right:auto}
html[dir="rtl"] .post-body ul,html[dir="rtl"] .post-body ol{padding-left:0;padding-right:22px}
html[dir="rtl"] .post-body blockquote{padding:4px 20px 4px 0;border-left:0;border-right:3px solid var(--orange)}
html[dir="rtl"] .post-tags span{letter-spacing:0;text-transform:none}
@media (max-width:860px){.post-grid{grid-template-columns:1fr;gap:32px}.post-side{position:static}}

/* ===== logo image, map ===== */
.logo img{height:34px;width:auto;display:block}
.foot-logo{height:30px;width:auto;margin-bottom:14px}
.map{aspect-ratio:16/10;background:var(--grey2);margin-top:8px;overflow:hidden}
.map iframe{display:block;width:100%;height:100%;border:0;filter:saturate(.85)}
@media (max-width:760px){.logo img{height:28px}}

/* ===== audit fixes ===== */
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3{line-height:1.35}
html[dir="rtl"] .hero h1{max-width:none}
html[dir="rtl"] figcaption,html[dir="rtl"] .info h3,html[dir="rtl"] .side-box h4,html[dir="rtl"] .post-tags span,html[dir="rtl"] .author-row .meta{letter-spacing:0;text-transform:none}
.skip{position:absolute;inset-inline-start:16px;top:8px;transform:translateY(-300%);background:var(--slate);color:var(--off);padding:10px 14px;z-index:100;border-radius:999px}
.skip:focus{transform:none}
.foot a{padding-block:4px}
.foot .social a{padding:6px 2px}
.phases article:nth-child(1) .ph,.svc-block:nth-child(1) .ph{color:var(--purple)}
.phases article:nth-child(1) li::before,.svc-block:nth-child(1) h3::before{background:var(--purple)}
.phases article:nth-child(2) .ph,.svc-block:nth-child(2) .ph{color:#8A6A12}
.phases article:nth-child(2) li::before,.svc-block:nth-child(2) h3::before{background:var(--gold)}
.phases article:nth-child(3) li::before,.svc-block:nth-child(3) h3::before{background:var(--orange)}
.hero h1{font-weight:200;letter-spacing:-.01em}
.hero h1 em{font-weight:600}
.page-head h1{font-weight:200}
.page-head h1 em{font-weight:600}
html[dir="rtl"] .hero h1,html[dir="rtl"] .page-head h1{font-weight:300}
html[dir="rtl"] .hero h1 em,html[dir="rtl"] .page-head h1 em{font-weight:700}
picture{display:block}
.proj .img picture,.proj .img img,.hero-pic .frame picture,.hero-pic .frame img,.post-fig picture,.post-fig img{width:100%;height:100%;object-fit:cover}
.phil-pic .ph picture{width:142%;height:142%;max-width:none;transform:rotate(-45deg) translate(-15%,0)}
.phil-pic .ph picture img{width:100%;height:100%;max-width:none;object-fit:cover;transform:none}
.foot h4{font-size:13px;color:var(--ink);margin:0 0 10px;font-weight:600}
.team h3{font-size:16px;font-weight:600;margin:14px 0 2px}
.team-page h3{font-size:17px;margin:14px 0 2px}
.notfound{padding-block:100px;text-align:center}
.notfound h1{font-size:clamp(40px,8vw,96px);font-weight:200}
@media print{.nav,.foot,.bulletin,.burger,.mobile,.post-side{display:none!important}body{background:#fff;color:#000}a{color:inherit}}

.audience{margin-top:22px;font-size:14px;line-height:1.7;color:var(--body);max-width:56ch;padding-top:16px;border-top:1px solid var(--grey)}
.audience b{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);font-weight:600;margin-bottom:4px}
html[dir="rtl"] .audience b{letter-spacing:0;text-transform:none}