:root{
  --ink:#090c12; --paper:#f5f6f7; --cobalt:#2d42ff; --acid:#e7ff18; --red:#ff3b30;
  --sans:'DM Sans',Arial,sans-serif; --serif:'Instrument Serif',Georgia,serif;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden}
a{color:inherit;text-decoration:none} img{display:block;width:100%;height:100%;object-fit:cover} button{font:inherit}
.noise{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}
.cursor{position:fixed;left:-38px;top:-38px;width:76px;height:76px;border:1px solid var(--acid);border-radius:50%;z-index:120;pointer-events:none;display:flex;align-items:center;justify-content:center;color:var(--acid);font-size:10px;font-weight:700;transition:width .2s,height .2s,background .2s,color .2s;mix-blend-mode:difference}.cursor.active{width:92px;height:92px;background:var(--acid);color:#000}
.site-header{position:fixed;z-index:80;top:0;left:0;width:100%;display:flex;justify-content:space-between;padding:18px 24px;color:white;mix-blend-mode:difference;font-size:12px;font-weight:700;letter-spacing:.04em}.site-header nav{display:flex;gap:24px}.site-header a:hover{font-style:italic}
.hero{min-height:100svh;background:var(--ink);color:white;padding:78px 24px 28px;position:relative;overflow:hidden}.hero-kicker{display:flex;justify-content:space-between;font-size:12px;font-weight:700;letter-spacing:.07em;position:relative;z-index:3}.hero h1{font-size:clamp(86px,16vw,260px);font-weight:500;line-height:.72;letter-spacing:-.075em;margin:15vh 0 0;position:relative;z-index:3}.hero h1 .line{display:block;white-space:nowrap}.hero h1 .second{margin-left:13vw;font-family:var(--serif);font-weight:400;font-style:italic;color:var(--acid)}
.hero-collage{position:absolute;inset:0;z-index:1}.h-img{position:absolute;filter:saturate(1.25) contrast(1.05)}.h-img.a{width:28vw;height:44vh;right:7vw;top:13vh;transform:rotate(3deg) translateY(calc(var(--scroll,0)*-.035px))}.h-img.b{width:21vw;height:29vh;left:5vw;bottom:14vh;transform:rotate(-5deg) translateY(calc(var(--scroll,0)*-.02px))}.h-img.c{width:20vw;height:31vh;left:46vw;bottom:6vh;transform:rotate(5deg) translateY(calc(var(--scroll,0)*-.05px))}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,12,18,.22),rgba(9,12,18,0));z-index:2}.hero-bottom{position:absolute;left:24px;right:24px;bottom:28px;display:flex;justify-content:space-between;align-items:end;z-index:4}.hero-bottom p{max-width:360px;font-size:18px;line-height:1.15;margin:0}.round-link{border:1px solid white;border-radius:999px;padding:14px 20px;font-size:12px;text-transform:uppercase;letter-spacing:.07em}
.manifesto{background:var(--acid);padding:10vw 24px}.manifesto-row{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--ink);padding:8px 0;font-size:clamp(44px,9.2vw,160px);font-weight:700;letter-spacing:-.07em;line-height:.92}.manifesto-row em{font-family:var(--serif);font-weight:400}.manifesto-row:last-child{border-bottom:1px solid var(--ink)}
.work-section{padding:100px 24px 120px}.section-head{display:grid;grid-template-columns:1fr 2fr 1fr;gap:24px;align-items:end;margin-bottom:70px}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.09em;font-weight:700}.section-head h2,.talent-copy h2,.ma-title h2,.about-copy h2{font-size:clamp(64px,9vw,150px);line-height:.78;letter-spacing:-.065em;margin:0;font-weight:600}.section-head h2 i,.talent-copy h2 i,.ma-title h2 i,.about-copy h2 i{font-family:var(--serif);font-weight:400}.section-intro{font-size:16px;line-height:1.4;max-width:340px;margin:0}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}.filter{border:1px solid var(--ink);background:transparent;border-radius:999px;padding:9px 14px;text-transform:uppercase;font-size:10px;letter-spacing:.05em;cursor:pointer}.filter.active,.filter:hover{background:var(--ink);color:white}
.work-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.project-card{grid-column:span 6;margin-bottom:54px;cursor:pointer;position:relative}.project-card:nth-child(3n){grid-column:3/span 8}.project-card:nth-child(4n){grid-column:6/span 7}.project-media{height:min(62vw,690px);overflow:hidden;background:#ddd}.project-card:nth-child(3n) .project-media{height:min(48vw,620px)}.project-media img{transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s}.project-card:hover .project-media img{transform:scale(1.04);filter:saturate(1.35)}.project-meta{display:flex;gap:14px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;margin-top:10px}.project-card h3{font-size:clamp(30px,4.7vw,74px);letter-spacing:-.055em;line-height:.9;margin:12px 0 2px}.project-card p{margin:0;font-family:var(--serif);font-size:24px}.project-card:before{content:"";position:absolute;width:16px;height:16px;border-radius:50%;right:12px;top:12px;z-index:3}.accent-cobalt:before{background:var(--cobalt)}.accent-acid:before{background:var(--acid)}.accent-red:before{background:var(--red)}
.press-band{background:var(--cobalt);color:white;padding:22px 0 26px;overflow:hidden}.press-label{padding:0 24px 18px;font-size:11px;letter-spacing:.08em;font-weight:700}.marquee{overflow:hidden}.marquee-track{display:flex;width:max-content;align-items:center;gap:26px;animation:marquee 25s linear infinite;font-size:clamp(42px,7vw,110px);font-weight:700;letter-spacing:-.06em;white-space:nowrap}.marquee-track b{font-size:.45em;color:var(--acid)}@keyframes marquee{to{transform:translateX(-50%)}}
.talent-section{background:#080b12;color:white;padding:110px 24px;display:grid;grid-template-columns:4fr 8fr;gap:60px}.talent-copy{position:sticky;top:90px;align-self:start}.talent-copy p:last-child{max-width:360px;line-height:1.5}.talent-copy code{color:var(--acid)}.talent-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.talent-card{margin:0;position:relative;overflow:hidden}.talent-card:nth-child(3n){grid-column:span 2}.talent-card img{height:480px;filter:saturate(.9);transition:filter .35s,transform .6s}.talent-card:nth-child(3n) img{height:620px}.talent-card:hover img{filter:saturate(1.4);transform:scale(1.025)}.talent-card figcaption{position:absolute;left:12px;bottom:10px;background:var(--acid);color:#000;padding:5px 8px;font-size:11px;font-weight:700;text-transform:uppercase}
.divider-statement{background:var(--red);padding:9vw 24px}.divider-statement p{font-size:11px;font-weight:700;letter-spacing:.08em}.divider-statement h2{font-size:clamp(60px,11vw,180px);line-height:.78;letter-spacing:-.07em;margin:4vw 0 0}.divider-statement h2 i{font-family:var(--serif);font-weight:400}
.masters-section{background:#dbe4ff;padding:110px 24px 130px}.ma-title{display:grid;grid-template-columns:1fr 3fr}.ma-title .eyebrow{grid-column:1}.ma-title h2{grid-column:2}.ma-intro{margin:45px 0 90px 25%;max-width:520px;font-size:20px}.ma-grid{display:flex;flex-direction:column}.ma-card{display:grid;grid-template-columns:80px 1.5fr 1fr;gap:22px;padding:22px 0;border-top:1px solid var(--ink);align-items:start}.ma-card:last-child{border-bottom:1px solid var(--ink)}.ma-number{font-size:11px}.ma-image{height:390px;overflow:hidden}.ma-image img{transition:transform .6s}.ma-card:hover .ma-image img{transform:scale(1.03)}.ma-copy h3{font-size:clamp(36px,4vw,66px);line-height:.9;letter-spacing:-.05em;margin:8px 0 22px}.ma-copy p{line-height:1.45}.tags{display:flex;gap:6px;flex-wrap:wrap}.tags span{border:1px solid var(--ink);border-radius:999px;padding:5px 8px;font-size:9px;text-transform:uppercase}
.about-section{background:var(--acid);padding:110px 24px;display:grid;grid-template-columns:1fr 2fr;gap:40px}.about-number{font-size:clamp(160px,27vw,430px);font-weight:700;line-height:.7;letter-spacing:-.09em}.about-copy{padding-top:20px}.about-copy h2{font-size:clamp(56px,7vw,115px);margin:20px 0 40px}.about-copy>p{font-size:18px;max-width:660px;line-height:1.45}.about-links{display:flex;gap:18px;margin-top:40px}.about-links a{border-bottom:1px solid var(--ink);padding-bottom:3px}
footer{background:var(--ink);color:white;padding:80px 24px 26px}.email{display:block;font-size:clamp(38px,8.2vw,140px);letter-spacing:-.07em;font-weight:700;margin:60px 0 100px;overflow-wrap:anywhere}.email:hover{color:var(--acid);font-family:var(--serif);font-style:italic;font-weight:400}.footer-bottom{display:flex;justify-content:space-between;font-size:11px}
.project-dialog{width:min(1100px,94vw);max-height:92vh;border:0;padding:0;background:var(--paper);color:var(--ink)}.project-dialog::backdrop{background:rgba(0,0,0,.75);backdrop-filter:blur(8px)}.dialog-close{position:fixed;top:5vh;right:5vw;border:0;background:var(--acid);width:52px;height:52px;border-radius:50%;font-size:30px;z-index:2;cursor:pointer}.dialog-hero{height:55vh}.dialog-copy{padding:34px 38px 50px}.dialog-copy h2{font-size:clamp(54px,8vw,110px);letter-spacing:-.07em;line-height:.82;margin:16px 0 0}.dialog-copy h3{font-family:var(--serif);font-size:34px;font-weight:400;margin:8px 0 34px}.dialog-copy>p{max-width:700px;font-size:18px;line-height:1.5}.dialog-copy ul{list-style:none;padding:0;margin:35px 0;display:grid;grid-template-columns:1fr 1fr}.dialog-copy li{border-top:1px solid #aaa;padding:10px 0}.placeholder-note{font-size:12px!important;background:#dbe4ff;padding:14px}.dialog-open{overflow:hidden}
.reveal{opacity:0;transform:translateY(38px);transition:opacity .75s,transform .75s}.reveal.in{opacity:1;transform:none}
@media(max-width:900px){.site-header nav{gap:12px}.section-head{grid-template-columns:1fr}.section-head h2{grid-column:1}.work-grid{display:block}.project-card,.project-card:nth-child(3n),.project-card:nth-child(4n){width:100%;margin-bottom:44px}.project-media,.project-card:nth-child(3n) .project-media{height:78vw}.talent-section{grid-template-columns:1fr}.talent-copy{position:static}.ma-title{display:block}.ma-title h2{margin-top:20px}.ma-intro{margin-left:0}.ma-card{grid-template-columns:46px 1fr}.ma-copy{grid-column:2}.about-section{grid-template-columns:1fr}.about-number{font-size:48vw}.hero h1{margin-top:22vh}.h-img.a{width:45vw}.h-img.b{width:38vw}.h-img.c{width:34vw}.hero-bottom{gap:20px}.cursor{display:none}}
@media(max-width:600px){.site-header .wordmark{max-width:110px}.hero{padding-left:16px;padding-right:16px}.hero-kicker span{display:none}.hero h1{font-size:22vw}.hero h1 .second{margin-left:4vw}.hero-bottom{left:16px;right:16px}.hero-bottom p{font-size:14px;max-width:55%}.manifesto,.work-section,.talent-section,.divider-statement,.masters-section,.about-section,footer{padding-left:16px;padding-right:16px}.manifesto-row{font-size:14vw}.talent-grid{grid-template-columns:1fr}.talent-card:nth-child(3n){grid-column:auto}.talent-card img,.talent-card:nth-child(3n) img{height:120vw}.ma-card{display:block}.ma-number{margin-bottom:8px}.ma-image{height:75vw}.about-links{flex-direction:column}.footer-bottom{gap:20px;flex-direction:column}.dialog-copy{padding:24px 18px}.dialog-copy ul{grid-template-columns:1fr}}

/* Homepage master — approved reference */
.site-header{
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:82px;
  padding:0 5vw;
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:#fff;
  mix-blend-mode:normal;
  font-family:var(--sans);
  font-size:12px;
  font-weight:500;
  letter-spacing:.06em;
  border-bottom:1px solid rgba(255,255,255,.22);
  z-index:80;
}
.site-header .wordmark,
.site-header.hero-top .wordmark{
  opacity:1 !important;
  transform:none !important;
  pointer-events:auto !important;
  font-weight:500;
  letter-spacing:.12em;
}
.site-header nav{display:flex;gap:34px}
.site-header a:hover{font-style:normal;opacity:.7}

.hero{
  position:relative;
  height:100svh;
  min-height:720px;
  padding:82px 5vw 0;
  background:var(--ink);
  color:#fff;
  overflow:hidden;
}
.hero:after{
  content:"";
  position:absolute;
  inset:82px 0 0;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(9,12,18,.58) 0%,rgba(9,12,18,.20) 43%,rgba(9,12,18,0) 67%);
}
.hero-layout{
  position:relative;
  z-index:4;
  width:100%;
  height:calc(100svh - 82px);
  min-height:638px;
}
.hero-copy{
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-45%);
  width:min(47vw,720px);
  z-index:5;
}
.hero h1{
  margin:0;
  font-size:clamp(76px,7.7vw,126px);
  line-height:.76;
  letter-spacing:-.062em;
}
.hero h1 .line{display:block;white-space:nowrap}
.hero h1 .first{
  font-family:var(--sans);
  font-weight:600;
  font-style:normal;
  color:#fff;
  letter-spacing:-.065em;
}
.hero h1 .second{
  font-family:var(--serif);
  font-weight:400;
  font-style:italic;
  color:var(--acid);
  font-size:.90em;
  line-height:.78;
  letter-spacing:-.035em;
  margin:.06em 0 0 0;
}
.hero-role{
  margin:30px 0 28px;
  font-family:var(--sans);
  font-size:clamp(14px,1.25vw,20px);
  line-height:1;
  letter-spacing:.19em;
  font-weight:400;
  text-transform:uppercase;
  color:rgba(255,255,255,.86);
}
.hero-bio{
  width:min(39vw,610px);
  max-width:610px;
  margin:0;
  font-family:var(--sans);
  font-size:clamp(14px,1.05vw,17px);
  line-height:1.58;
  font-weight:400;
  color:rgba(255,255,255,.88);
  text-align:left;
}
.hero-cta{
  display:inline-flex;
  align-items:center;
  gap:16px;
  margin-top:34px;
  font-family:var(--sans);
  font-size:11px;
  line-height:1;
  letter-spacing:.19em;
  font-weight:500;
  text-transform:uppercase;
}
.hero-cta span{
  display:grid;
  place-items:center;
  width:50px;
  height:50px;
  border:1px solid rgba(255,255,255,.74);
  border-radius:50%;
  font-size:20px;
  letter-spacing:0;
  transition:background .2s,color .2s,border-color .2s;
}
.hero-cta:hover span{background:var(--acid);border-color:var(--acid);color:#000}
.hero-pager{
  display:flex;
  align-items:center;
  gap:16px;
  margin-top:48px;
  font-family:var(--sans);
  font-size:12px;
  letter-spacing:.08em;
  color:rgba(255,255,255,.58);
}
.hero-pager .active{
  position:relative;
  color:var(--acid);
  padding-bottom:13px;
}
.hero-pager .active:after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:30px;
  height:2px;
  background:var(--acid);
}
.hero-portrait{
  position:absolute;
  right:-1vw;
  top:0;
  bottom:0;
  width:min(48vw,760px);
  height:100%;
  overflow:hidden;
  opacity:.68;
  z-index:1;
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.24) 12%,rgba(0,0,0,.78) 30%,#000 55%,#000 100%);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.24) 12%,rgba(0,0,0,.78) 30%,#000 55%,#000 100%);
}
.hero-portrait img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:48% 32%;
  filter:brightness(.83) contrast(1.10);
}

@media(max-width:1050px){
  .hero{min-height:680px}
  .hero-copy{width:min(54vw,650px)}
  .hero h1{font-size:clamp(68px,9.4vw,112px)}
  .hero-bio{width:min(48vw,560px)}
  .hero-portrait{width:51vw;opacity:.50;right:-6vw}
}
@media(max-width:760px){
  .site-header{height:70px;padding:0 18px;font-size:11px}
  .site-header nav{gap:14px}
  .site-header .wordmark{display:none}
  .hero{height:100svh;min-height:700px;padding:70px 18px 0}
  .hero-layout{height:calc(100svh - 70px);min-height:630px}
  .hero-copy{top:46%;transform:translateY(-50%);width:92%;z-index:5}
  .hero h1{font-size:clamp(64px,18vw,104px)}
  .hero-role{font-size:13px;letter-spacing:.12em;margin:22px 0}
  .hero-bio{width:88%;max-width:520px;font-size:13.5px;line-height:1.5}
  .hero-cta{margin-top:28px}
  .hero-pager{margin-top:34px}
  .hero-portrait{right:-26vw;width:82vw;opacity:.18;top:12%;height:88%}
  .hero-portrait img{object-position:50% 30%}
}

/* v9 — About + positioning refinements */
.about-section{
  background:#0d0e10;color:#f4f4f1;padding:clamp(72px,8vw,120px) 5vw 70px;
  display:grid;grid-template-columns:1fr 1fr;gap:44px 8vw;align-items:end;
  border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16)
}
.about-stat{display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:end}
.about-number{font-size:clamp(112px,15vw,240px);font-weight:700;line-height:.72;letter-spacing:-.085em;color:#f4f4f1}
.about-stat p{margin:0 0 8px;font-size:clamp(14px,1.35vw,21px);line-height:1.25;text-transform:uppercase;letter-spacing:.045em;color:#aaa}
.about-stat strong{font-weight:600;color:#f4f4f1}
.about-markets{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.25);padding-top:20px;font-size:clamp(13px,1.35vw,19px);letter-spacing:.12em;text-transform:uppercase}
.about-breadth{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18)}
.about-breadth span{padding:18px 0;text-transform:uppercase;letter-spacing:.08em;font-size:12px;border-right:1px solid rgba(255,255,255,.18)}
.about-breadth span:last-child{border-right:0}
.about-links{grid-column:1/-1;margin-top:0;display:block}.about-links a{display:inline-block;color:#f4f4f1;border-bottom:1px solid #f4f4f1;padding-bottom:4px}
.manifesto{padding:7vw 5vw;background:var(--acid)}
.manifesto-row{font-size:clamp(38px,7.4vw,124px);padding:10px 0;letter-spacing:-.06em}
.manifesto-row span{font-family:var(--sans);font-weight:700}.manifesto-row em{font-family:var(--serif);font-weight:400;letter-spacing:-.045em}
@media(max-width:900px){.about-section{grid-template-columns:1fr}.about-stat{grid-template-columns:160px 1fr}.about-number{font-size:150px}.about-markets,.about-breadth,.about-links{grid-column:1}.about-breadth{grid-template-columns:1fr 1fr}.about-breadth span:nth-child(2){border-right:0}.about-breadth span:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.18)}}
@media(max-width:600px){.about-section{padding-left:16px;padding-right:16px}.about-stat{grid-template-columns:115px 1fr;gap:16px}.about-number{font-size:110px}.manifesto{padding-left:16px;padding-right:16px}.manifesto-row{font-size:12vw}}

/* v10 — flow: hero → positioning → about; cool editorial About palette */
.about-section{
  background:#e7eaec;color:#111315;
  border-top:0;border-bottom:1px solid rgba(17,19,21,.20);
}
.about-number{color:#111315}
.about-number .num{color:#111315}
.about-number .plus{color:var(--acid);font-size:.52em;vertical-align:top;margin-left:.06em;position:relative;top:-.18em}
.about-stat p{color:#555b60}
.about-stat strong{color:#111315}
.about-markets{border-top-color:rgba(17,19,21,.25);color:#111315}
.about-breadth{border-top-color:rgba(17,19,21,.20);border-bottom-color:rgba(17,19,21,.20)}
.about-breadth span{border-right-color:rgba(17,19,21,.20);color:#111315}
.about-links a{color:#111315;border-bottom-color:#111315}
.about-links a:hover{color:#687500;border-bottom-color:var(--acid)}
@media(max-width:900px){.about-breadth span:nth-child(-n+2){border-bottom-color:rgba(17,19,21,.20)}}

/* v11 — final editorial slate About */
.about-section{min-height:100vh;box-sizing:border-box;padding:clamp(100px,9vw,145px) 5vw clamp(70px,7vw,110px);background:#53626e;color:#fff;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(44px,6vw,100px);align-items:stretch;border:0}
.about-left{position:relative;display:flex;flex-direction:column;min-width:0;padding-right:clamp(20px,4vw,64px);border-right:1px solid rgba(255,255,255,.72)}
.about-label{display:flex;flex-direction:column;gap:5px;width:clamp(105px,11vw,175px);font-family:var(--sans);font-size:11px;line-height:1;letter-spacing:.09em;color:#fff}
.about-label span:first-child{padding-bottom:9px;border-bottom:1px solid rgba(255,255,255,.8)}
.about-statement{margin:auto 0;font-family:var(--sans);font-size:clamp(62px,7.25vw,118px);line-height:.91;letter-spacing:-.065em;font-weight:700;color:#fff}
.about-statement span,.about-statement em{display:block}.about-statement em{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.045em;line-height:.88}
.about-right{display:flex;flex-direction:column;justify-content:center;min-width:0;padding-top:clamp(20px,4vw,60px)}
.about-stats{display:grid;grid-template-columns:1fr 1fr;gap:clamp(38px,5vw,80px);margin-bottom:clamp(38px,4vw,58px)}
.about-stat{display:block;min-width:0}.about-number{margin:0 0 14px;font-family:var(--serif);font-size:clamp(105px,11vw,178px);font-weight:400;line-height:.72;letter-spacing:-.055em;color:#fff}
.about-number span{display:inline;position:relative;top:-.38em;margin-left:.04em;font-family:var(--sans);font-size:.42em;font-weight:400;color:#fff}
.about-stat p{margin:0;font-family:var(--sans);font-size:clamp(12px,1.05vw,16px);line-height:1.42;letter-spacing:.10em;text-transform:uppercase;color:#fff}
.about-detail{padding:22px 0 24px;border-top:1px solid rgba(255,255,255,.7);font-family:var(--sans);font-size:clamp(12px,1.05vw,16px);line-height:1.5;letter-spacing:.075em;color:#fff}
.about-detail-label{display:block;margin-bottom:15px;font-size:10px;letter-spacing:.15em}.about-detail div{display:flex;justify-content:space-between;gap:12px;white-space:nowrap}.about-detail b{font-weight:400;opacity:.8}
.about-cv{align-self:flex-start;margin-top:clamp(32px,4vw,56px);padding-bottom:7px;border-bottom:1px solid #fff;font-family:var(--sans);font-size:clamp(13px,1.15vw,17px);letter-spacing:.08em;color:#fff}.about-cv span{margin-left:22px}.about-cv:hover{opacity:.65}
@media(max-width:900px){.about-section{min-height:auto;grid-template-columns:1fr;gap:52px;padding-top:100px}.about-left{padding-right:0;padding-bottom:52px;border-right:0;border-bottom:1px solid rgba(255,255,255,.72)}.about-statement{margin-top:70px}.about-right{padding-top:0}}
@media(max-width:600px){.about-section{padding-left:18px;padding-right:18px}.about-stats{gap:28px}.about-number{font-size:30vw}.about-detail div{white-space:normal;flex-wrap:wrap;justify-content:flex-start}.about-statement{font-size:15.5vw}}

/* v12 — cobalt About section using the site's existing fonts only */
.about-section{
  background:#2f66f3;
  color:#fff;
}
.about-left{
  border-right:1px solid rgba(255,255,255,.82);
}
.about-label{
  color:#fff;
}
.about-label span:first-child{
  border-bottom:1px solid rgba(255,255,255,.9);
}
.about-statement{
  color:#fff;
  font-family:var(--sans);
}
.about-statement em{
  font-family:var(--serif);
  font-style:italic;
  color:#fff;
}
.about-number{
  font-family:var(--sans);
  font-weight:600;
  letter-spacing:-.06em;
  color:#fff;
}
.about-number span{
  font-family:var(--sans);
  color:#fff;
}
.about-stat p,
.about-detail,
.about-detail-label,
.about-cv{
  font-family:var(--sans);
  color:#fff;
}
.about-detail{
  border-top:1px solid rgba(255,255,255,.82);
}
.about-cv{
  border-bottom:1px solid #fff;
}

/* v13 — clean editorial project hover cursor */
.work-card,
.work-card a,
.project-card,
.project-card a,
[data-project]{
  cursor:none;
}
.project-cursor,
.view-cursor,
.cursor-view{
  width:74px !important;
  height:74px !important;
  border:1px solid currentColor !important;
  border-radius:50% !important;
  background:transparent !important;
  background-image:none !important;
  filter:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  box-shadow:none !important;
  mix-blend-mode:normal !important;
  font-family:var(--sans) !important;
  font-size:10px !important;
  font-weight:600 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  color:inherit;
  overflow:hidden;
}
.project-cursor::before,
.project-cursor::after,
.view-cursor::before,
.view-cursor::after,
.cursor-view::before,
.cursor-view::after{
  background:none !important;
  background-image:none !important;
  filter:none !important;
}

/* v14 — four-part professional work architecture */
.work-v14{padding:92px 3vw 110px;background:#f2f0eb;color:#0c0e13}
.work-v14-top{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid rgba(12,14,19,.75);padding-bottom:20px;margin-bottom:32px}
.work-v14-index{font-family:var(--sans);font-size:11px;line-height:1.5;letter-spacing:.08em;margin:0 0 24px}.work-v14-index span{display:inline-block;border-top:1px solid currentColor;padding-top:7px;min-width:140px}
.work-v14-top h2{font-family:var(--sans);font-size:clamp(74px,9vw,150px);line-height:.72;letter-spacing:-.07em;margin:0;font-weight:700}
.work-v14-note{text-align:right;font-family:var(--serif);font-size:clamp(24px,2.2vw,38px);font-style:italic;line-height:.82;margin:0 0 2px}
.work-v14-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.work-v14-card{min-width:0;cursor:none}
.work-v14-media{height:clamp(520px,48vw,760px);position:relative;overflow:hidden;background:#101217;color:#fff}
.work-v14-media>img{width:100%;height:100%;object-fit:cover;filter:saturate(.75) contrast(1.03);transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .35s}
.work-v14-card:hover .work-v14-media>img{transform:scale(1.025);filter:saturate(1) contrast(1.03)}
.work-v14-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(5,6,8,.08) 12%,rgba(5,6,8,.12) 42%,rgba(5,6,8,.86) 100%)}
.work-v14-no{position:absolute;z-index:2;left:16px;top:15px;font-family:var(--sans);font-size:14px;letter-spacing:.04em}
.work-v14-card-head{position:absolute;z-index:2;left:16px;right:16px;top:54px}.work-v14-card-head h3{font-family:var(--sans);font-size:clamp(28px,2.6vw,48px);line-height:.92;letter-spacing:-.055em;margin:0 0 8px;font-weight:700}.work-v14-card-head p{font-family:var(--sans);font-size:11px;letter-spacing:.09em;margin:0}
.work-v14-card-foot{position:absolute;z-index:2;left:16px;right:16px;bottom:17px}.work-v14-intro{font-family:var(--sans);font-size:12px;line-height:1.42;margin:0 0 17px;max-width:95%}
.work-v14-tags{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:12px 0;border-top:1px solid rgba(255,255,255,.65);font-family:var(--sans);font-size:8px;letter-spacing:.04em;white-space:nowrap}.work-v14-tags b{font-weight:400;opacity:.75}
.work-v14-view{display:inline-flex;gap:28px;align-items:center;border-bottom:1px solid #fff;padding:10px 0 5px;font-family:var(--serif);font-size:18px;letter-spacing:.03em}.work-v14-view b{font-family:var(--sans);font-weight:400}
.type-card:nth-child(2) .work-v14-media{background:#2f66f3}.type-card:nth-child(3) .work-v14-media{background:#0d1015}.work-v14-type-art{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--sans);font-size:clamp(120px,15vw,260px);font-weight:700;letter-spacing:-.09em;opacity:.12;transform:rotate(-90deg)}
.work-v14-ma-link{display:grid;grid-template-columns:.7fr 1.4fr 1fr .5fr;gap:30px;align-items:center;border-top:1px solid rgba(12,14,19,.75);border-bottom:1px solid rgba(12,14,19,.75);margin-top:18px;padding:28px 0 22px}.work-v14-ma-link>span{font-family:var(--sans);font-size:10px;letter-spacing:.08em}.work-v14-ma-link h3{font-family:var(--sans);font-size:clamp(42px,5vw,78px);line-height:.75;letter-spacing:-.055em;margin:0}.work-v14-ma-link h3 i{font-family:var(--serif);font-weight:400}.work-v14-ma-link p{font-family:var(--sans);font-size:13px;line-height:1.4;margin:0}.work-v14-ma-link a{justify-self:end;font-family:var(--sans);font-size:10px;letter-spacing:.07em;border-bottom:1px solid currentColor;padding-bottom:6px}

/* clean outlined custom cursor — no thermal fill */
.cursor,.cursor.active{width:76px!important;height:76px!important;background:transparent!important;background-image:none!important;border:1px solid currentColor!important;color:var(--acid)!important;mix-blend-mode:difference!important;box-shadow:none!important;filter:none!important;font-family:var(--sans)!important}
.cursor.active{width:84px!important;height:84px!important}
.cursor span{font-family:var(--sans)!important;font-size:9px!important;letter-spacing:.07em!important}

@media(max-width:1100px){.work-v14-grid{grid-template-columns:repeat(2,1fr)}.work-v14-media{height:680px}.work-v14-ma-link{grid-template-columns:1fr 1.5fr}.work-v14-ma-link p{display:none}}
@media(max-width:650px){.work-v14{padding-left:16px;padding-right:16px}.work-v14-note{display:none}.work-v14-grid{grid-template-columns:1fr}.work-v14-media{height:680px}.work-v14-ma-link{grid-template-columns:1fr}.work-v14-ma-link a{justify-self:start}}

/* v15 — full editorial case studies */
.project-dialog{
  width:100vw!important;
  max-width:none!important;
  height:100vh!important;
  max-height:none!important;
  margin:0!important;
  border:0!important;
  padding:0!important;
  background:#0d0f14!important;
  color:#fff!important;
  overflow-y:auto!important;
}
.project-dialog::backdrop{background:#0d0f14!important;backdrop-filter:none!important}
.dialog-close{
  position:fixed!important;top:20px!important;right:22px!important;
  width:48px!important;height:48px!important;border-radius:50%!important;
  border:1px solid currentColor!important;background:transparent!important;color:#fff!important;
  font-family:var(--sans)!important;font-size:26px!important;z-index:999!important;
}
.case-study{font-family:var(--sans);background:#f4f2ed;color:#101217}
.cs-hero{position:relative;height:92vh;min-height:680px;background:#101217;color:#fff;overflow:hidden}
.cs-hero-media{position:absolute;inset:0}.cs-hero-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.8) contrast(1.03)}
.cs-hero-word{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:clamp(160px,28vw,520px);font-weight:700;letter-spacing:-.1em;opacity:.18}
.cs-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,9,.88) 0%,rgba(5,6,9,.55) 45%,rgba(5,6,9,.22) 100%)}
.cs-hero-top{position:absolute;top:28px;left:4vw;right:90px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.1em}
.cs-hero-copy{position:absolute;left:4vw;bottom:7vh;width:min(850px,78vw)}
.cs-hero-copy h2{font-family:var(--sans);font-size:clamp(72px,11vw,190px);line-height:.76;letter-spacing:-.075em;margin:0;font-weight:700}
.cs-hero-copy h3{font-family:var(--serif);font-style:italic;font-size:clamp(34px,4vw,66px);line-height:.9;font-weight:400;margin:16px 0 28px}
.cs-hero-copy p{font-size:clamp(15px,1.3vw,20px);line-height:1.45;max-width:760px;margin:0}
.cs-facts{display:grid;grid-template-columns:repeat(4,1fr);background:#dfff00;color:#0c0e13;border-bottom:1px solid #0c0e13}
.cs-facts>div{min-height:190px;padding:30px;border-right:1px solid rgba(12,14,19,.45);display:flex;flex-direction:column;justify-content:space-between}
.cs-facts>div:last-child{border-right:0}.cs-facts strong{font-size:clamp(45px,6vw,92px);line-height:.8;letter-spacing:-.06em}.cs-facts span{font-size:10px;letter-spacing:.12em;max-width:180px}
.cs-index{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #111;background:#f4f2ed}
.cs-index a{padding:18px 4vw;border-right:1px solid rgba(16,18,23,.22);font-size:11px;letter-spacing:.06em;display:flex;gap:20px}.cs-index a span{opacity:.55}
.cs-chapter{padding:90px 4vw 110px;border-bottom:1px solid rgba(16,18,23,.28)}
.cs-chapter-head{display:grid;grid-template-columns:70px minmax(260px,.9fr) 1fr;gap:30px;align-items:start;margin-bottom:55px}
.cs-chapter-head>span{font-size:12px}.cs-chapter-head h3{font-size:clamp(50px,6.2vw,105px);line-height:.78;letter-spacing:-.065em;margin:0;font-weight:700}.cs-chapter-head p{font-size:16px;line-height:1.45;max-width:520px;margin:0;padding-top:4px}
.cs-two-up{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cs-story{background:#101217;color:#fff}.cs-story img{height:62vh;min-height:520px;width:100%;object-fit:cover}.cs-story>div{padding:24px}.cs-story h4{font-size:28px;margin:0 0 10px;letter-spacing:-.035em}.cs-story p{font-size:14px;line-height:1.5;margin:0;max-width:620px}
.cs-collection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cs-collection{border-top:1px solid #111;padding-top:10px}.cs-collection img{width:100%;height:46vh;min-height:400px;object-fit:cover}.cs-collection h4{font-size:16px;line-height:1.15;margin:14px 0 26px}.cs-disabled{font:10px var(--sans);letter-spacing:.08em;border:0;border-bottom:1px solid currentColor;padding:0 0 5px;background:none;color:inherit;opacity:.45}
.cs-press-wall{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #111}.cs-press-wall div{font-size:clamp(48px,6vw,100px);font-weight:700;letter-spacing:-.055em;padding:18px 0;border-bottom:1px solid #111}.cs-press-wall div:nth-child(odd){border-right:1px solid #111;padding-right:20px}.cs-press-wall div:nth-child(even){padding-left:20px}.cs-edit-note{font-size:11px;opacity:.55;margin:18px 0 0}
.cs-talent-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.cs-talent-grid figure{margin:0;position:relative}.cs-talent-grid img{width:100%;height:46vh;min-height:410px;object-fit:cover;filter:grayscale(1);transition:filter .35s,transform .35s}.cs-talent-grid figure:hover img{filter:grayscale(0);transform:scale(1.01)}.cs-talent-grid figcaption{font-size:13px;padding:9px 0}
.cs-bullet-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #111}.cs-bullet-grid div{padding:24px 18px 60px 0;border-bottom:1px solid #111;font-size:clamp(20px,2.1vw,34px);line-height:1.05;letter-spacing:-.025em}
.cs-type-chapter{background:#2f66f3;color:#fff}.cs-type-panel{display:grid;grid-template-columns:1.25fr .75fr;gap:55px;align-items:end}.cs-type-word{font-size:clamp(110px,19vw,320px);font-weight:700;letter-spacing:-.09em;line-height:.7;opacity:.16;overflow:hidden}.cs-type-panel ul{list-style:none;padding:0;margin:0}.cs-type-panel li{border-top:1px solid rgba(255,255,255,.7);padding:15px 0;font-size:16px}.cs-material-slot{grid-column:1/-1;border:1px dashed rgba(255,255,255,.5);padding:20px;font-size:10px;letter-spacing:.11em;opacity:.65}
.cs-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cs-gallery img{width:100%;height:62vh;min-height:500px;object-fit:cover}
.cs-season-list{border-top:1px solid #111}.cs-season-list>div{display:grid;grid-template-columns:80px 1fr;padding:18px 0;border-bottom:1px solid #111}.cs-season-list strong{font-size:clamp(30px,4vw,65px);line-height:.9;letter-spacing:-.04em}
.cs-end{background:#101217;color:#fff;padding:60px 4vw;display:flex;justify-content:space-between;align-items:center}.cs-end button{border:0;border-bottom:1px solid currentColor;background:none;color:inherit;font:12px var(--sans);letter-spacing:.08em;padding:0 0 6px}
.cs-mawlay .cs-hero,.cs-flare .cs-hero{background:#101217}.cs-mawlay .cs-facts{background:#2f66f3;color:#fff}.cs-flare .cs-facts{background:#dfff00;color:#101217}
.cs-margiela .cs-facts{background:#fff;color:#101217}

.cursor,.cursor.active{
  width:78px!important;height:78px!important;
  background:transparent!important;background-image:none!important;
  border:1px solid currentColor!important;border-radius:50%!important;
  box-shadow:none!important;filter:none!important;backdrop-filter:none!important;
  color:var(--acid)!important;mix-blend-mode:difference!important;
}
.cursor::before,.cursor::after{display:none!important}.cursor span{font-family:var(--sans)!important}

@media(max-width:900px){
  .cs-facts{grid-template-columns:1fr 1fr}.cs-index{grid-template-columns:1fr 1fr}
  .cs-chapter-head{grid-template-columns:45px 1fr}.cs-chapter-head p{grid-column:2}
  .cs-two-up,.cs-collection-grid,.cs-talent-grid,.cs-gallery{grid-template-columns:1fr 1fr}
  .cs-type-panel{grid-template-columns:1fr}.cs-type-word{font-size:30vw}
}
@media(max-width:600px){
  .cs-hero{height:84vh;min-height:620px}.cs-hero-top{right:78px}
  .cs-facts,.cs-index,.cs-two-up,.cs-collection-grid,.cs-talent-grid,.cs-gallery{grid-template-columns:1fr}
  .cs-chapter{padding:70px 18px}.cs-chapter-head{display:block}.cs-chapter-head>span{display:block;margin-bottom:20px}.cs-chapter-head h3{margin-bottom:24px}
  .cs-story img,.cs-gallery img,.cs-talent-grid img,.cs-collection img{height:65vh;min-height:430px}
  .cs-bullet-grid{grid-template-columns:1fr}.cs-press-wall{grid-template-columns:1fr}.cs-press-wall div{border-right:0!important;padding-left:0!important}
}


/* v16 — evidence-led Azza Fahmy sections */

/* Collection Stories */
.cs-collections{background:#f4f2ed}
.cs-collection-grid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:18px !important;
}
.cs-collection{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(220px,.85fr);
  min-height:520px;
  padding:0 !important;
  border-top:1px solid #111;
  background:#fff;
}
.cs-collection-image{overflow:hidden;min-height:520px}
.cs-collection-image img{
  width:100% !important;height:100% !important;min-height:520px !important;
  object-fit:cover !important;transition:transform .55s cubic-bezier(.2,.7,.2,1);
}
.cs-collection:hover .cs-collection-image img{transform:scale(1.018)}
.cs-collection-copy{
  padding:24px 22px;
  display:flex;flex-direction:column;justify-content:flex-end;
  border-left:1px solid rgba(16,18,23,.22);
}
.cs-collection-copy h4{
  margin:0 0 18px !important;
  font-family:var(--sans);
  font-size:clamp(28px,2.8vw,48px) !important;
  line-height:.9 !important;letter-spacing:-.055em;
}
.cs-collection-copy p{
  font-family:var(--sans);font-size:13px;line-height:1.45;
  max-width:360px;margin:0 0 32px;
}
.cs-collection-copy a{
  align-self:flex-start;
  font-family:var(--sans);font-size:10px;letter-spacing:.08em;
  border-bottom:1px solid currentColor;padding-bottom:6px;
}
.cs-collection-copy a span{margin-left:18px}

/* Selected Press */
.cs-press-section{background:#2f66f3;color:#fff}
.cs-press-section .cs-chapter-head{color:#fff}
.cs-press-archive{border-top:1px solid rgba(255,255,255,.85)}
.cs-press-item{
  display:grid;grid-template-columns:60px minmax(260px,1.5fr) 1fr 38px;
  align-items:center;gap:18px;
  padding:18px 0;
  border-bottom:1px solid rgba(255,255,255,.72);
  color:#fff;
  transition:padding .25s,background .25s,color .25s;
}
.cs-press-item:hover{
  padding-left:12px;padding-right:12px;
  background:#dfff00;color:#101217;
}
.cs-press-index{font-size:10px;letter-spacing:.08em}
.cs-press-item strong{
  font-family:var(--sans);
  font-size:clamp(38px,5.5vw,90px);
  line-height:.82;letter-spacing:-.06em;
}
.cs-press-item small{
  font-family:var(--sans);font-size:11px;line-height:1.25;letter-spacing:.06em;
}
.cs-press-item b{font-size:24px;font-weight:400;text-align:right}
.cs-press-section .cs-edit-note{color:#fff;opacity:.7}

/* Restored 'Seen on people.' */
.cs-seen-section{
  display:grid;
  grid-template-columns:minmax(300px,.72fr) minmax(0,1.58fr);
  gap:20px;
  background:#0d1015;color:#fff;
  padding:86px 26px 110px;
  border-bottom:1px solid rgba(255,255,255,.18);
}
.cs-seen-intro{min-width:0}
.cs-seen-sticky{
  position:sticky;top:72px;
  padding-top:8px;
}
.cs-seen-sticky>span{
  display:block;
  font-family:var(--sans);font-size:10px;font-weight:600;
  letter-spacing:.08em;margin-bottom:20px;
}
.cs-seen-sticky h3{
  font-family:var(--sans);
  font-size:clamp(70px,8vw,132px);
  line-height:.72;letter-spacing:-.072em;
  margin:0 0 30px;font-weight:500;
}
.cs-seen-sticky h3 em{
  display:inline-block;
  font-family:var(--serif);font-weight:400;font-style:italic;
  letter-spacing:-.045em;line-height:.74;
}
.cs-seen-sticky p{
  font-family:var(--sans);
  font-size:clamp(14px,1.25vw,18px);
  line-height:1.45;max-width:440px;margin:0;
}
.cs-seen-wall{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-auto-flow:row dense;
  gap:12px;
  align-items:start;
}
.cs-seen-card{
  position:relative;margin:0;overflow:hidden;background:#171a20;
}
.cs-seen-card img{
  width:100%;height:100%;display:block;object-fit:cover;
  transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .35s;
}
.cs-seen-card:hover img{transform:scale(1.018)}
.cs-seen-card-1,.cs-seen-card-2{height:560px}
.cs-seen-card-3{grid-column:1/-1;height:620px}
.cs-seen-card-4{height:720px}
.cs-seen-card-5{height:520px}
.cs-seen-card figcaption{
  position:absolute;left:14px;right:14px;bottom:12px;
  display:flex;align-items:flex-end;justify-content:space-between;gap:10px;
}
.cs-seen-card figcaption strong{
  display:inline-block;
  background:#dfff00;color:#0d1015;
  padding:7px 9px 6px;
  font-family:var(--sans);font-size:10px;font-weight:700;
  line-height:1;letter-spacing:.02em;text-transform:uppercase;
}
.cs-seen-card figcaption span{
  max-width:58%;text-align:right;
  font-family:var(--sans);font-size:10px;line-height:1.25;
  background:rgba(13,16,21,.78);color:#fff;
  padding:6px 8px;
}
@media(max-width:1000px){
  .cs-collection-grid{grid-template-columns:1fr !important}
  .cs-seen-section{grid-template-columns:1fr}
  .cs-seen-sticky{position:relative;top:auto;padding-bottom:28px}
}
@media(max-width:650px){
  .cs-collection{grid-template-columns:1fr}
  .cs-collection-copy{border-left:0;border-top:1px solid rgba(16,18,23,.22)}
  .cs-press-item{grid-template-columns:38px 1fr 28px}
  .cs-press-item small{grid-column:2}
  .cs-seen-section{padding:70px 16px 90px}
  .cs-seen-wall{grid-template-columns:1fr}
  .cs-seen-card,.cs-seen-card-1,.cs-seen-card-2,.cs-seen-card-3,.cs-seen-card-4,.cs-seen-card-5{
    grid-column:auto;height:68vh;min-height:480px;
  }
}

/* v17 refinements */
.cs-event-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:24px;border-top:1px solid currentColor;padding-top:14px}.cs-event-stats span{display:flex;flex-direction:column;gap:3px}.cs-event-stats strong{font:500 clamp(22px,2.5vw,40px)/.9 var(--sans);letter-spacing:-.05em}.cs-event-stats small{font:600 8px/1.15 var(--sans);letter-spacing:.07em}
.cs-press-section{background:#e9e5dd!important;color:#101217!important}.cs-press-section .cs-chapter-head{color:#101217!important}.cs-press-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:145px;gap:12px}.cs-press-card{position:relative;overflow:hidden;padding:18px;background:#101217;color:#fff;display:flex;flex-direction:column;justify-content:space-between;transition:transform .25s,background .25s,color .25s}.cs-press-card:hover{transform:translateY(-4px);background:#dfff00;color:#101217}.cs-press-card-1{grid-column:span 7;grid-row:span 2}.cs-press-card-2{grid-column:span 5;grid-row:span 2}.cs-press-card-3{grid-column:span 4;grid-row:span 2}.cs-press-card-4{grid-column:span 8;grid-row:span 2}.cs-press-no{font:600 9px var(--sans);letter-spacing:.08em}.cs-press-card-copy{display:flex;flex-direction:column;gap:10px}.cs-press-card small{font:600 9px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase}.cs-press-card strong{font:500 clamp(34px,5vw,82px)/.8 var(--sans);letter-spacing:-.065em;max-width:95%}.cs-press-card b{font:600 9px var(--sans);letter-spacing:.08em;margin-top:8px}.cs-press-section .cs-edit-note{color:#101217!important}.cs-seen-card img{object-position:center top}.cs-seen-card:has(img[src*="kevin-dias"]){height:640px}.cs-seen-card:has(img[src*="kevin-dias"]) img{object-fit:contain;background:#111;object-position:center center}@media(max-width:700px){.cs-press-grid{grid-template-columns:1fr;grid-auto-rows:250px}.cs-press-card-1,.cs-press-card-2,.cs-press-card-3,.cs-press-card-4{grid-column:auto;grid-row:auto}.cs-event-stats{grid-template-columns:repeat(3,1fr)}}

/* v18 — Global PR: slightly more editorial / zoomed out */
.cs-global-pr .cs-hero{height:80vh;min-height:610px}
.cs-global-pr .cs-hero-copy{bottom:6vh;width:min(760px,72vw)}
.cs-global-pr .cs-hero-copy h2{font-size:clamp(62px,9.2vw,154px)}
.cs-global-pr .cs-hero-copy h3{font-size:clamp(30px,3.5vw,54px)}
.cs-global-pr .cs-facts>div{min-height:155px;padding:24px}
.cs-global-pr .cs-facts strong{font-size:clamp(38px,5vw,76px)}
.cs-global-pr .cs-chapter{padding:70px 5.5vw 88px}
.cs-global-pr .cs-chapter-head{margin-bottom:42px}
.cs-global-pr .cs-chapter-head h3{font-size:clamp(44px,5.25vw,86px)}
.cs-global-pr .cs-story img{height:52vh;min-height:430px}
.cs-global-pr .cs-collection img{height:39vh;min-height:330px}

/* v18 — Press as an editorial archive, not a list */
.cs-global-pr .cs-press-section{background:#f0ede6!important;color:#101217!important}
.cs-global-pr .cs-press-grid{grid-template-columns:repeat(12,1fr);grid-auto-rows:118px;gap:10px}
.cs-global-pr .cs-press-card{border:1px solid #101217;background:transparent;color:#101217;padding:16px;transform:none}
.cs-global-pr .cs-press-card:nth-child(3n+1){background:#2f66f3;color:#fff;border-color:#2f66f3}
.cs-global-pr .cs-press-card:nth-child(4n+2){background:#101217;color:#fff}
.cs-global-pr .cs-press-card:nth-child(5n){background:#dfff00;color:#101217}
.cs-global-pr .cs-press-card:hover{background:#dfff00;color:#101217;border-color:#101217;transform:translateY(-3px)}
.cs-global-pr .cs-press-card strong{font-size:clamp(28px,4vw,64px);line-height:.84}
.cs-global-pr .cs-press-card small{max-width:230px}
.cs-global-pr .cs-press-card-1{grid-column:span 7;grid-row:span 2}
.cs-global-pr .cs-press-card-2{grid-column:span 5;grid-row:span 3}
.cs-global-pr .cs-press-card-3{grid-column:span 4;grid-row:span 2}
.cs-global-pr .cs-press-card-4{grid-column:span 8;grid-row:span 2}

/* Make the MA work grid unmistakably include all four projects, including GANNI */
#masters .ma-grid{display:grid}
#masters .ma-card{visibility:visible}
@media(max-width:700px){.cs-global-pr .cs-press-grid{grid-template-columns:1fr;grid-auto-rows:230px}.cs-global-pr .cs-press-card-1,.cs-global-pr .cs-press-card-2,.cs-global-pr .cs-press-card-3,.cs-global-pr .cs-press-card-4{grid-column:auto;grid-row:auto}}

/* v19 — Global PR scale, hierarchy and event refinements */
.cs-global-pr .cs-facts{
  background:#2f66f3!important;
  color:#fff!important;
  border-bottom:0!important;
}
.cs-global-pr .cs-facts>div{
  min-height:125px!important;
  padding:20px 24px!important;
  border-right:1px solid rgba(255,255,255,.45)!important;
}
.cs-global-pr .cs-facts>div:last-child{border-right:0!important}
.cs-global-pr .cs-facts strong{
  color:#fff!important;
  font-size:clamp(34px,4.2vw,64px)!important;
  line-height:.82!important;
}
.cs-global-pr .cs-facts span{color:#fff!important;font-size:9px!important}

/* Slightly more zoomed-out editorial rhythm throughout the flagship case study */
.cs-global-pr .cs-hero{height:84vh!important;min-height:610px!important}
.cs-global-pr .cs-hero-copy{left:5vw!important;bottom:6vh!important;width:min(760px,70vw)!important}
.cs-global-pr .cs-hero-copy h2{font-size:clamp(62px,9vw,150px)!important}
.cs-global-pr .cs-hero-copy h3{font-size:clamp(30px,3.4vw,54px)!important;margin:12px 0 22px!important}
.cs-global-pr .cs-hero-copy p{font-size:clamp(13px,1.05vw,17px)!important;max-width:680px!important}
.cs-global-pr .cs-chapter{padding:70px 5vw 88px!important}
.cs-global-pr .cs-chapter-head{grid-template-columns:55px minmax(230px,.8fr) 1fr!important;gap:24px!important;margin-bottom:40px!important}
.cs-global-pr .cs-chapter-head h3{font-size:clamp(42px,5vw,82px)!important}
.cs-global-pr .cs-chapter-head p{font-size:14px!important;max-width:470px!important}
.cs-global-pr .cs-two-up{gap:14px!important;max-width:1500px;margin:0 auto}
.cs-global-pr .cs-story img{height:52vh!important;min-height:430px!important}
.cs-global-pr .cs-story>div{padding:20px!important}
.cs-global-pr .cs-story h4{font-size:24px!important}
.cs-global-pr .cs-story p{font-size:13px!important;max-width:560px!important}
.cs-global-pr .cs-event-stats{margin-top:20px!important}
.cs-global-pr .cs-event-stats strong{font-size:clamp(24px,3vw,46px)!important}
.cs-global-pr .cs-event-stats span{font-size:8px!important}

/* Press becomes a thinner editorial strip rather than another oversized section */
.cs-global-pr .cs-press-section{padding-top:58px!important;padding-bottom:68px!important}
.cs-global-pr .cs-press-section .cs-chapter-head{margin-bottom:30px!important}
.cs-global-pr .cs-press-grid{
  grid-template-columns:repeat(12,1fr)!important;
  grid-auto-rows:82px!important;
  gap:8px!important;
  max-width:1500px;
  margin:0 auto;
}
.cs-global-pr .cs-press-card{padding:12px 14px!important}
.cs-global-pr .cs-press-card-1{grid-column:span 6!important;grid-row:span 2!important}
.cs-global-pr .cs-press-card-2{grid-column:span 6!important;grid-row:span 2!important}
.cs-global-pr .cs-press-card-3{grid-column:span 4!important;grid-row:span 2!important}
.cs-global-pr .cs-press-card-4{grid-column:span 4!important;grid-row:span 2!important}
.cs-global-pr .cs-press-card:nth-child(n+5){grid-column:span 4!important;grid-row:span 2!important}
.cs-global-pr .cs-press-card strong{font-size:clamp(22px,3vw,46px)!important;line-height:.86!important}
.cs-global-pr .cs-press-card small,.cs-global-pr .cs-press-card b,.cs-global-pr .cs-press-no{font-size:8px!important}

/* Slightly smaller collection and placement media to preserve the zoomed-out feeling */
.cs-global-pr .cs-collection{min-height:440px!important}
.cs-global-pr .cs-collection-image,.cs-global-pr .cs-collection-image img{min-height:440px!important}
.cs-global-pr .cs-seen-section{grid-template-columns:minmax(260px,.62fr) minmax(0,1.7fr)!important;padding:70px 3vw 90px!important}
.cs-global-pr .cs-seen-sticky h3{font-size:clamp(58px,6.7vw,108px)!important}
.cs-global-pr .cs-seen-card-1,.cs-global-pr .cs-seen-card-2{height:470px!important}
.cs-global-pr .cs-seen-card-3{height:520px!important}
.cs-global-pr .cs-seen-card-4{height:590px!important}
.cs-global-pr .cs-seen-card-5{height:450px!important}

@media(max-width:700px){
  .cs-global-pr .cs-facts{grid-template-columns:1fr 1fr!important}
  .cs-global-pr .cs-chapter{padding:58px 18px 70px!important}
  .cs-global-pr .cs-press-grid{grid-template-columns:1fr!important;grid-auto-rows:150px!important}
  .cs-global-pr .cs-press-card,.cs-global-pr .cs-press-card-1,.cs-global-pr .cs-press-card-2,.cs-global-pr .cs-press-card-3,.cs-global-pr .cs-press-card-4,.cs-global-pr .cs-press-card:nth-child(n+5){grid-column:auto!important;grid-row:auto!important}
}


/* v20 — Riyadh storefront framing */
.cs-global-pr .cs-story:has(img[src*="riyadh-opening-user"]) img{
  object-fit:cover !important;
  object-position:center 12% !important;
  transform:scale(1.035);
  transform-origin:center top;
}
.cs-global-pr .cs-story:has(img[src*="riyadh-opening-user"]){
  overflow:hidden;
}

/* v20 — compact 'Behind the Visibility' */
.cs-global-pr #behind{
  padding:56px 4vw 58px !important;
  background:#f4f2ed !important;
}
.cs-global-pr #behind .cs-chapter-head{
  display:grid !important;
  grid-template-columns:42px minmax(320px,.82fr) 1fr !important;
  gap:24px !important;
  align-items:start !important;
  margin-bottom:30px !important;
}
.cs-global-pr #behind .cs-chapter-head > span{
  font-size:10px !important;
  padding-top:4px;
}
.cs-global-pr #behind .cs-chapter-head h3{
  font-size:clamp(38px,4.2vw,66px) !important;
  line-height:.84 !important;
  max-width:480px !important;
  letter-spacing:-.055em !important;
}
.cs-global-pr #behind .cs-chapter-head p{
  font-size:13px !important;
  line-height:1.4 !important;
  max-width:390px !important;
  padding-top:3px !important;
}
.cs-global-pr #behind .cs-bullet-grid{
  grid-template-columns:repeat(5,1fr) !important;
  border-top:1px solid rgba(16,18,23,.7) !important;
  border-bottom:1px solid rgba(16,18,23,.7) !important;
}
.cs-global-pr #behind .cs-bullet-grid div{
  min-height:104px !important;
  padding:16px 18px 18px 0 !important;
  border-bottom:0 !important;
  border-right:1px solid rgba(16,18,23,.18) !important;
  font-size:clamp(14px,1.25vw,19px) !important;
  line-height:1.15 !important;
  letter-spacing:-.018em !important;
  display:flex;
  align-items:flex-start;
}
.cs-global-pr #behind .cs-bullet-grid div:last-child{
  border-right:0 !important;
}

@media(max-width:900px){
  .cs-global-pr #behind .cs-chapter-head{
    grid-template-columns:36px 1fr !important;
  }
  .cs-global-pr #behind .cs-chapter-head p{
    grid-column:2 !important;
  }
  .cs-global-pr #behind .cs-bullet-grid{
    grid-template-columns:repeat(2,1fr) !important;
  }
  .cs-global-pr #behind .cs-bullet-grid div{
    min-height:90px !important;
  }
}
@media(max-width:600px){
  .cs-global-pr #behind{
    padding:48px 18px !important;
  }
  .cs-global-pr #behind .cs-chapter-head{
    display:block !important;
  }
  .cs-global-pr #behind .cs-chapter-head > span{
    display:block !important;
    margin-bottom:12px !important;
  }
  .cs-global-pr #behind .cs-chapter-head h3{
    margin-bottom:18px !important;
  }
  .cs-global-pr #behind .cs-bullet-grid{
    grid-template-columns:1fr !important;
  }
  .cs-global-pr #behind .cs-bullet-grid div{
    min-height:auto !important;
    border-right:0 !important;
    border-bottom:1px solid rgba(16,18,23,.18) !important;
    padding:13px 0 !important;
  }
}

/* v21 — Founder storytelling + tighter operational close */
.cs-global-pr .cs-founder{display:grid!important;grid-template-columns:minmax(0,.92fr) minmax(360px,.72fr)!important;gap:0!important;padding:0!important;background:#101217!important;color:#fff!important;min-height:610px}
.cs-global-pr .cs-founder-media{min-height:610px;overflow:hidden}
.cs-global-pr .cs-founder-media img{width:100%;height:100%;min-height:610px;object-fit:cover;display:block}
.cs-global-pr .cs-founder-copy{padding:64px 5vw 56px;display:flex;flex-direction:column;align-items:flex-start;position:relative}
.cs-global-pr .cs-founder-kicker{font:600 9px var(--sans);letter-spacing:.1em;margin-bottom:auto;opacity:.78}
.cs-global-pr .cs-founder-no{font:500 10px var(--sans);margin-top:42px;margin-bottom:12px}
.cs-global-pr .cs-founder h3{font:600 clamp(40px,4.8vw,76px)/.86 var(--sans);letter-spacing:-.055em;margin:0 0 28px;max-width:650px}
.cs-global-pr .cs-founder h4{font:500 clamp(20px,2vw,31px)/1 var(--sans);letter-spacing:-.035em;margin:0 0 18px}
.cs-global-pr .cs-founder p{font:400 13px/1.48 var(--sans);max-width:600px;margin:0}
.cs-global-pr .cs-founder-stat{margin-top:36px;padding-top:16px;border-top:1px solid rgba(255,255,255,.55);width:100%;display:flex;align-items:baseline;gap:14px}
.cs-global-pr .cs-founder-stat strong{font:600 clamp(34px,4vw,60px)/1 var(--sans);letter-spacing:-.05em}
.cs-global-pr .cs-founder-stat small{font:600 8px var(--sans);letter-spacing:.1em}

.cs-global-pr #behind{padding:32px 5vw 34px!important;background:#f4f2ed!important}
.cs-global-pr #behind .cs-chapter-head{display:flex!important;align-items:baseline!important;gap:20px!important;margin:0 0 18px!important}
.cs-global-pr #behind .cs-chapter-head>span{font-size:9px!important;padding:0!important}
.cs-global-pr #behind .cs-chapter-head h3{font-size:clamp(24px,2.5vw,38px)!important;line-height:1!important;max-width:none!important;letter-spacing:-.045em!important;white-space:nowrap}
.cs-global-pr #behind .cs-chapter-head p{font-size:11px!important;line-height:1.3!important;max-width:none!important;padding:0!important;margin-left:auto!important}
.cs-global-pr #behind .cs-bullet-grid{display:flex!important;flex-wrap:wrap!important;gap:0!important;border-top:1px solid rgba(16,18,23,.55)!important;border-bottom:0!important;padding-top:13px!important}
.cs-global-pr #behind .cs-bullet-grid div{min-height:0!important;padding:0 18px!important;border:0!important;border-right:1px solid rgba(16,18,23,.28)!important;font-size:11px!important;line-height:1.15!important;letter-spacing:.01em!important;white-space:nowrap}
.cs-global-pr #behind .cs-bullet-grid div:first-child{padding-left:0!important}.cs-global-pr #behind .cs-bullet-grid div:last-child{border-right:0!important}

@media(max-width:800px){.cs-global-pr .cs-founder{grid-template-columns:1fr!important}.cs-global-pr .cs-founder-media,.cs-global-pr .cs-founder-media img{min-height:480px}.cs-global-pr .cs-founder-copy{padding:42px 18px}.cs-global-pr #behind .cs-chapter-head{display:block!important}.cs-global-pr #behind .cs-chapter-head h3{white-space:normal;margin:8px 0 10px}.cs-global-pr #behind .cs-chapter-head p{margin:0!important}.cs-global-pr #behind .cs-bullet-grid{display:block!important}.cs-global-pr #behind .cs-bullet-grid div{padding:9px 0!important;border-right:0!important;border-bottom:1px solid rgba(16,18,23,.15)!important;white-space:normal}}

/* v22 — editorial operational close + LFW video */
.cs-global-pr .cs-story video{width:100%;height:52vh;min-height:430px;object-fit:cover;display:block;background:#101217}
.cs-global-pr .cs-two-up:has(.cs-story:nth-child(3)){grid-template-columns:repeat(2,1fr)!important}
.cs-global-pr .cs-two-up:has(.cs-story:nth-child(3)) .cs-story:nth-child(3){grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);align-items:stretch}
.cs-global-pr .cs-two-up:has(.cs-story:nth-child(3)) .cs-story:nth-child(3) video{height:48vh;min-height:390px}
.cs-global-pr .cs-two-up:has(.cs-story:nth-child(3)) .cs-story:nth-child(3)>div{display:flex;flex-direction:column;justify-content:flex-end;padding:30px!important}
.cs-global-pr .cs-ops{padding:30px 5vw 34px!important;background:#f4f2ed!important}
.cs-global-pr .cs-ops-head{display:grid;grid-template-columns:30px minmax(220px,.7fr) 1fr;gap:18px;align-items:baseline;margin-bottom:14px}
.cs-global-pr .cs-ops-head>span{font:500 8px var(--sans);letter-spacing:.08em}
.cs-global-pr .cs-ops-head h3{font:600 clamp(20px,2vw,30px)/1 var(--sans);letter-spacing:-.04em;margin:0;white-space:nowrap}
.cs-global-pr .cs-ops-head p{font:400 10px/1.35 var(--sans);margin:0;max-width:460px;justify-self:end}
.cs-global-pr .cs-ops-list{border-top:1px solid rgba(16,18,23,.55)}
.cs-global-pr .cs-ops-row{display:grid;grid-template-columns:30px minmax(145px,.45fr) 1fr;gap:18px;align-items:start;padding:10px 0;border-bottom:1px solid rgba(16,18,23,.18)}
.cs-global-pr .cs-ops-row small{font:500 7px var(--sans);letter-spacing:.08em;padding-top:2px;opacity:.55}
.cs-global-pr .cs-ops-row strong{font:600 9px/1.25 var(--sans);letter-spacing:.055em}
.cs-global-pr .cs-ops-row p{font:400 10px/1.35 var(--sans);margin:0;max-width:760px}
@media(max-width:800px){.cs-global-pr .cs-two-up:has(.cs-story:nth-child(3)) .cs-story:nth-child(3){display:block}.cs-global-pr .cs-ops-head{grid-template-columns:28px 1fr}.cs-global-pr .cs-ops-head p{grid-column:2;justify-self:start}.cs-global-pr .cs-ops-row{grid-template-columns:28px 120px 1fr}}
@media(max-width:560px){.cs-global-pr .cs-ops{padding:26px 18px!important}.cs-global-pr .cs-ops-head{display:block}.cs-global-pr .cs-ops-head>span{display:block;margin-bottom:7px}.cs-global-pr .cs-ops-head h3{white-space:normal;margin-bottom:8px}.cs-global-pr .cs-ops-row{grid-template-columns:24px 1fr}.cs-global-pr .cs-ops-row p{grid-column:2}.cs-global-pr .cs-story video{height:60vh;min-height:400px}}


/* v23 — requested refinements */

/* Hero: use the user's selected image without altering the rest of the hero language */
.cs-global-pr .cs-hero-media img{
  object-position:center 42% !important;
}

/* Events: two flagship stories, then a full-width LFW activation story */
.cs-global-pr #events .cs-two-up{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
.cs-global-pr #events .cs-story:nth-child(3){
  grid-column:1 / -1 !important;
  display:grid !important;
  grid-template-columns:minmax(420px,1.05fr) minmax(320px,.62fr) !important;
  min-height:560px;
}
.cs-global-pr #events .cs-story:nth-child(3) > div:last-child{
  padding:32px 34px !important;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
.cs-video-pair{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  align-items:center;
  justify-items:center;
  background:#101217;
  padding:18px;
  overflow:hidden;
}
.cs-global-pr .cs-video-pair video{
  width:100% !important;
  height:auto !important;
  max-height:540px !important;
  min-height:0 !important;
  aspect-ratio:9/16;
  object-fit:contain !important;
  background:#101217;
  display:block;
}
.cs-story-meta{
  display:inline-block;
  margin:0 0 16px;
  padding-bottom:5px;
  border-bottom:1px solid currentColor;
  font:600 9px var(--sans);
  letter-spacing:.1em;
}

/* Behind the Visibility: medium scale, matching the visual weight of the page */
.cs-global-pr .cs-ops{
  padding:52px 5vw 58px !important;
  background:#f4f2ed !important;
}
.cs-global-pr .cs-ops-head{
  display:grid !important;
  grid-template-columns:44px minmax(330px,.9fr) minmax(320px,.8fr) !important;
  gap:28px !important;
  align-items:end !important;
  margin-bottom:30px !important;
}
.cs-global-pr .cs-ops-head > span{
  font:500 9px var(--sans) !important;
  letter-spacing:.08em !important;
  padding-bottom:5px;
}
.cs-global-pr .cs-ops-head h3{
  font:600 clamp(38px,4.1vw,62px)/.88 var(--sans) !important;
  letter-spacing:-.055em !important;
  margin:0 !important;
  white-space:normal !important;
  max-width:620px;
}
.cs-global-pr .cs-ops-head p{
  font:400 13px/1.4 var(--sans) !important;
  margin:0 0 3px !important;
  max-width:500px !important;
  justify-self:end !important;
}
.cs-global-pr .cs-ops-list{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  border-top:1px solid rgba(16,18,23,.72) !important;
  border-bottom:1px solid rgba(16,18,23,.72) !important;
}
.cs-global-pr .cs-ops-row{
  display:block !important;
  min-height:158px !important;
  padding:16px 18px 20px !important;
  border-bottom:0 !important;
  border-right:1px solid rgba(16,18,23,.18) !important;
}
.cs-global-pr .cs-ops-row:first-child{padding-left:0 !important}
.cs-global-pr .cs-ops-row:last-child{border-right:0 !important}
.cs-global-pr .cs-ops-row small{
  display:block;
  font:500 8px var(--sans) !important;
  letter-spacing:.08em !important;
  opacity:.52;
  margin-bottom:24px;
}
.cs-global-pr .cs-ops-row strong{
  display:block;
  font:600 11px/1.18 var(--sans) !important;
  letter-spacing:.055em !important;
  margin-bottom:11px;
  max-width:210px;
}
.cs-global-pr .cs-ops-row p{
  font:400 11px/1.4 var(--sans) !important;
  margin:0 !important;
  max-width:250px !important;
}

/* Keep campaign cards restrained now that LFW lives with activations */
.cs-global-pr #campaigns .cs-two-up{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
.cs-global-pr #campaigns .cs-story img{
  object-position:center !important;
}

/* Mobile */
@media(max-width:950px){
  .cs-global-pr #events .cs-story:nth-child(3){
    grid-template-columns:1fr !important;
  }
  .cs-global-pr .cs-ops-head{
    grid-template-columns:34px 1fr !important;
  }
  .cs-global-pr .cs-ops-head p{
    grid-column:2;
    justify-self:start !important;
  }
  .cs-global-pr .cs-ops-list{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .cs-global-pr .cs-ops-row{
    border-bottom:1px solid rgba(16,18,23,.18) !important;
  }
}
@media(max-width:620px){
  .cs-global-pr .cs-video-pair{
    grid-template-columns:1fr 1fr;
    padding:8px;
    gap:6px;
  }
  .cs-global-pr .cs-ops{
    padding:44px 18px 48px !important;
  }
  .cs-global-pr .cs-ops-head{
    display:block !important;
  }
  .cs-global-pr .cs-ops-head > span{
    display:block;
    margin-bottom:10px;
  }
  .cs-global-pr .cs-ops-head h3{
    margin-bottom:16px !important;
  }
  .cs-global-pr .cs-ops-list{
    grid-template-columns:1fr !important;
  }
  .cs-global-pr .cs-ops-row,
  .cs-global-pr .cs-ops-row:first-child{
    min-height:auto !important;
    padding:16px 0 !important;
    border-right:0 !important;
  }
  .cs-global-pr .cs-ops-row small{margin-bottom:8px}
}


/* v24 — cleanup pass */

/* AZZA FAHMY HERO: deliberately zoomed out to avoid pixelation */
.cs-global-pr .cs-hero{
  background:#0d1015 !important;
}
.cs-global-pr .cs-hero-media{
  inset:0 0 0 40% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#0d1015 !important;
}
.cs-global-pr .cs-hero-media img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  filter:saturate(.85) contrast(1.02) !important;
}
.cs-global-pr .cs-hero-shade{
  background:linear-gradient(90deg,#0d1015 0%,rgba(13,16,21,.94) 34%,rgba(13,16,21,.52) 62%,rgba(13,16,21,.1) 100%) !important;
}

/* Main Work page: use the same Azza Fahmy image, shown more zoomed out */
.work-v14-card[data-id="global-pr"] .work-v14-media{
  background:#0d1015 !important;
}
.work-v14-card[data-id="global-pr"] .work-v14-media>img{
  object-fit:contain !important;
  object-position:center !important;
  transform:scale(.90) !important;
}
.work-v14-card[data-id="global-pr"]:hover .work-v14-media>img{
  transform:scale(.93) !important;
}

/* Chapter headers: keep heading and intro in their own lanes */
.cs-global-pr .cs-chapter-head{
  display:grid !important;
  grid-template-columns:54px minmax(0,1.25fr) minmax(320px,.62fr) !important;
  gap:26px !important;
  align-items:start !important;
}
.cs-global-pr .cs-chapter-head h3{
  max-width:100% !important;
  margin:0 !important;
  line-height:.86 !important;
}
.cs-global-pr .cs-chapter-head p{
  justify-self:end !important;
  width:100% !important;
  max-width:460px !important;
  padding-top:6px !important;
}

/* Collaborations + Projects: smaller title, no collision with intro */
.cs-global-pr #campaigns .cs-chapter-head h3{
  font-size:clamp(42px,4.5vw,74px) !important;
  letter-spacing:-.055em !important;
  max-width:760px !important;
}
.cs-global-pr #campaigns .cs-chapter-head p{
  font-size:13px !important;
  line-height:1.42 !important;
}

/* Show the actual projects rather than cropping into them */
.cs-global-pr #campaigns .cs-story{
  background:#101217 !important;
}
.cs-global-pr #campaigns .cs-story img{
  width:100% !important;
  height:54vh !important;
  min-height:440px !important;
  object-fit:contain !important;
  object-position:center 58% !important;
  background:#101217 !important;
}

/* LFW: return to the cleaner single-video editorial treatment */
.cs-global-pr #events .cs-story:nth-child(3){
  grid-column:1 / -1 !important;
  display:grid !important;
  grid-template-columns:minmax(360px,.74fr) minmax(420px,1.26fr) !important;
  min-height:520px !important;
  background:#101217 !important;
}
.cs-global-pr #events .cs-story:nth-child(3) > div:last-child{
  padding:34px 38px !important;
  justify-content:flex-end !important;
}
.cs-video-single{
  background:#101217 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:18px !important;
  min-height:520px !important;
}
.cs-global-pr .cs-video-single video{
  width:auto !important;
  max-width:100% !important;
  height:500px !important;
  min-height:0 !important;
  object-fit:contain !important;
  background:#101217 !important;
  display:block !important;
}

/* Behind the Visibility: retain the five-column structure but match page typography */
.cs-global-pr .cs-ops{
  padding:58px 5vw 64px !important;
}
.cs-global-pr .cs-ops-head{
  grid-template-columns:54px minmax(360px,.92fr) minmax(340px,.75fr) !important;
  gap:26px !important;
  margin-bottom:34px !important;
  align-items:end !important;
}
.cs-global-pr .cs-ops-head h3{
  font-size:clamp(40px,4vw,62px) !important;
  line-height:.9 !important;
}
.cs-global-pr .cs-ops-head p{
  font-size:13px !important;
  line-height:1.42 !important;
}
.cs-global-pr .cs-ops-list{
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
}
.cs-global-pr .cs-ops-row{
  min-height:182px !important;
  padding:18px 22px 24px !important;
}
.cs-global-pr .cs-ops-row small{
  font-size:9px !important;
  margin-bottom:26px !important;
}
.cs-global-pr .cs-ops-row strong{
  font-size:13px !important;
  line-height:1.2 !important;
  letter-spacing:.025em !important;
  max-width:240px !important;
  margin-bottom:14px !important;
}
.cs-global-pr .cs-ops-row p{
  font-size:13px !important;
  line-height:1.42 !important;
  max-width:270px !important;
}

/* Responsive */
@media(max-width:1000px){
  .cs-global-pr .cs-hero-media{
    inset:0 0 0 30% !important;
  }
  .cs-global-pr .cs-chapter-head{
    grid-template-columns:40px 1fr !important;
  }
  .cs-global-pr .cs-chapter-head p{
    grid-column:2 !important;
    justify-self:start !important;
  }
  .cs-global-pr #events .cs-story:nth-child(3){
    grid-template-columns:1fr !important;
  }
  .cs-global-pr .cs-ops-head{
    grid-template-columns:40px 1fr !important;
  }
  .cs-global-pr .cs-ops-head p{
    grid-column:2 !important;
    justify-self:start !important;
  }
  .cs-global-pr .cs-ops-list{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media(max-width:650px){
  .cs-global-pr .cs-hero-media{
    inset:22% 0 0 0 !important;
    opacity:.72;
  }
  .cs-global-pr .cs-chapter-head{
    display:block !important;
  }
  .cs-global-pr .cs-chapter-head>span{
    display:block !important;
    margin-bottom:12px !important;
  }
  .cs-global-pr .cs-chapter-head h3{
    margin-bottom:18px !important;
  }
  .cs-global-pr .cs-video-single{
    min-height:auto !important;
    padding:10px !important;
  }
  .cs-global-pr .cs-video-single video{
    height:auto !important;
    max-height:70vh !important;
  }
  .cs-global-pr .cs-ops-list{
    grid-template-columns:1fr !important;
  }
  .cs-global-pr .cs-ops-row{
    min-height:auto !important;
    padding:16px 0 !important;
  }
}


/* v25 — targeted fixes from review */

/* New Azza Fahmy hero — same image in Work card + case-study */
.cs-global-pr .cs-hero-media{
  inset:0 !important;
  background:#0d1015 !important;
}
.cs-global-pr .cs-hero-media img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center 42% !important;
  filter:saturate(.9) contrast(1.02) !important;
}
.cs-global-pr .cs-hero-shade{
  background:linear-gradient(90deg,rgba(5,7,11,.86) 0%,rgba(5,7,11,.58) 40%,rgba(5,7,11,.16) 76%,rgba(5,7,11,.04) 100%) !important;
}
.work-v14-card[data-id="global-pr"] .work-v14-media>img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center 40% !important;
  transform:none !important;
}
.work-v14-card[data-id="global-pr"]:hover .work-v14-media>img{
  transform:scale(1.02) !important;
}

/* Keep section headings controlled and separated from their intro copy */
.cs-global-pr .cs-chapter-head{
  grid-template-columns:54px minmax(0,1.12fr) minmax(300px,.58fr) !important;
  column-gap:34px !important;
}
.cs-global-pr .cs-chapter-head h3{
  font-size:clamp(44px,5vw,80px) !important;
  line-height:.84 !important;
  max-width:720px !important;
}
.cs-global-pr #campaigns .cs-chapter-head h3{
  font-size:clamp(42px,4.55vw,72px) !important;
  max-width:700px !important;
}
.cs-global-pr .cs-chapter-head p{
  padding-top:5px !important;
  max-width:420px !important;
  font-size:13px !important;
  line-height:1.42 !important;
}

/* LFW — fill the media area again; crop vertically rather than letterbox it */
.cs-global-pr #events .cs-story:nth-child(3){
  grid-column:1 / -1 !important;
  display:grid !important;
  grid-template-columns:minmax(0,1.28fr) minmax(310px,.72fr) !important;
  min-height:520px !important;
}
.cs-global-pr #events .cs-story:nth-child(3) .cs-video-single{
  padding:0 !important;
  min-height:520px !important;
  height:520px !important;
  overflow:hidden !important;
  background:#101217 !important;
}
.cs-global-pr #events .cs-story:nth-child(3) .cs-video-single video{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center 44% !important;
  display:block !important;
  background:#101217 !important;
}
.cs-global-pr #events .cs-story:nth-child(3) > div:last-child{
  padding:30px 34px !important;
}

/* Collaborations + Projects — full-bleed imagery, but crop around the actual objects */
.cs-global-pr #campaigns .cs-story{
  overflow:hidden !important;
}
.cs-global-pr #campaigns .cs-story img{
  width:100% !important;
  height:54vh !important;
  min-height:450px !important;
  object-fit:cover !important;
  background:transparent !important;
  transform:none !important;
}
/* Animal Ball: lower the visible crop so the mask remains the focal point */
.cs-global-pr #campaigns .cs-story:nth-child(1) img{
  object-position:center 38% !important;
}
/* Balmain: keep the gold bustier clearly in frame */
.cs-global-pr #campaigns .cs-story:nth-child(2) img{
  object-position:center 22% !important;
}

/* Behind the Visibility — same structure, typography brought up to the page's scale */
.cs-global-pr .cs-ops{
  padding:62px 5vw 68px !important;
}
.cs-global-pr .cs-ops-head h3{
  font-size:clamp(42px,4.35vw,66px) !important;
}
.cs-global-pr .cs-ops-head p{
  font-size:14px !important;
  line-height:1.45 !important;
}
.cs-global-pr .cs-ops-row{
  min-height:196px !important;
  padding:20px 24px 26px !important;
}
.cs-global-pr .cs-ops-row small{
  font-size:10px !important;
  margin-bottom:28px !important;
}
.cs-global-pr .cs-ops-row strong{
  font-size:15px !important;
  line-height:1.2 !important;
  letter-spacing:.015em !important;
  max-width:260px !important;
  margin-bottom:15px !important;
}
.cs-global-pr .cs-ops-row p{
  font-size:14px !important;
  line-height:1.45 !important;
  max-width:290px !important;
}

@media(max-width:1000px){
  .cs-global-pr .cs-chapter-head{
    grid-template-columns:42px 1fr !important;
  }
  .cs-global-pr .cs-chapter-head p{
    grid-column:2 !important;
    justify-self:start !important;
  }
  .cs-global-pr #events .cs-story:nth-child(3){
    grid-template-columns:1fr !important;
  }
  .cs-global-pr #events .cs-story:nth-child(3) .cs-video-single{
    height:62vh !important;
    min-height:460px !important;
  }
}
@media(max-width:650px){
  .cs-global-pr .cs-chapter-head{
    display:block !important;
  }
  .cs-global-pr #events .cs-story:nth-child(3) .cs-video-single{
    height:58vh !important;
    min-height:400px !important;
  }
  .cs-global-pr .cs-ops-row strong{
    font-size:14px !important;
  }
  .cs-global-pr .cs-ops-row p{
    font-size:13px !important;
  }
}

/* v26 — Mawlay Experience / Beit El Sabban */
.cs-mawlay .cs-hero{height:82vh;min-height:650px;background:#24150f}
.cs-mawlay .cs-hero-media img{object-fit:cover;object-position:center 48%;filter:saturate(.88) contrast(1.02)}
.cs-mawlay .cs-hero-shade{background:linear-gradient(90deg,rgba(20,10,6,.62),rgba(20,10,6,.08) 65%,rgba(20,10,6,.08))}
.cs-mawlay .cs-facts{background:#c9b99b!important;color:#1c1713!important}
.cs-mawlay .cs-index{background:#f4f0e8}
.cs-mawlay .cs-index a:hover{background:#24150f;color:#fff}
.cs-mawlay .cs-chapter{padding:76px 5.5vw 96px}
.cs-mawlay .cs-chapter-head h3{font-size:clamp(48px,6vw,96px)}
.mawlay-feature{background:#f4f0e8}.mawlay-feature-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:14px}.mawlay-feature-main img,.mawlay-feature-side img{width:100%;display:block;object-fit:cover}.mawlay-feature-main img{height:680px}.mawlay-feature-side img{height:360px}.mawlay-feature-side ul{list-style:none;padding:0;margin:0;border-top:1px solid #201811}.mawlay-feature-side li{font-size:14px;line-height:1.35;padding:14px 0;border-bottom:1px solid #b9ae9d}
.mawlay-roles{background:#231610;color:#f5efe6}.mawlay-roles .cs-chapter-head{color:#f5efe6}.mawlay-role-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #75665a;border-bottom:1px solid #75665a}.mawlay-role-grid>div{min-height:245px;padding:20px 18px;border-right:1px solid #75665a;display:flex;flex-direction:column}.mawlay-role-grid>div:last-child{border-right:0}.mawlay-role-grid small{font-size:9px;opacity:.65}.mawlay-role-grid strong{font-size:20px;line-height:1.05;margin-top:auto;margin-bottom:12px}.mawlay-role-grid p{font-size:12px;line-height:1.4;margin:0;opacity:.78}
.beit-intro{background:#153e31;color:#f4efe4}.beit-intro .cs-chapter-head{color:#f4efe4}.beit-intro-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.beit-intro-grid img{width:100%;height:620px;object-fit:cover}.beit-intro-detail{object-position:center}
.beit-journey{background:#f4f0e8}.beit-video{background:#111;max-height:72vh;overflow:hidden}.beit-video video{width:100%;height:min(72vh,760px);object-fit:cover;display:block}.beit-locations{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #201811}.beit-locations>div{padding:22px 16px 26px;border-right:1px solid #b9ae9d;display:grid;grid-template-columns:36px 1fr;gap:4px 8px}.beit-locations>div:last-child{border-right:0}.beit-locations small{font-size:9px}.beit-locations strong{font-size:clamp(25px,3vw,46px);line-height:.9;letter-spacing:-.05em}.beit-locations span{grid-column:2;font-size:10px;letter-spacing:.06em;margin-top:5px}.beit-draft-note{font-size:9px;letter-spacing:.08em;opacity:.55;margin-top:10px}
.beit-gallery{background:#e7dfd2}.beit-gallery-grid{display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:500px 500px;gap:12px}.beit-gallery-grid figure{margin:0;overflow:hidden;background:#ddd}.beit-gallery-grid img{width:100%;height:100%;object-fit:cover;display:block}.beit-g-1{grid-row:span 2}.beit-g-3,.beit-g-4{display:none}
@media(max-width:900px){.mawlay-feature-grid,.beit-intro-grid{grid-template-columns:1fr}.mawlay-role-grid{grid-template-columns:1fr 1fr}.mawlay-role-grid>div{min-height:190px;border-bottom:1px solid #75665a}.beit-locations{grid-template-columns:1fr}.beit-locations>div{border-right:0;border-bottom:1px solid #b9ae9d}.beit-gallery-grid{grid-template-columns:1fr;grid-template-rows:600px 500px}.beit-g-1{grid-row:auto}}
@media(max-width:600px){.mawlay-role-grid{grid-template-columns:1fr}.mawlay-feature-main img,.mawlay-feature-side img,.beit-intro-grid img{height:55vh;min-height:390px}.beit-video video{height:56vh}}


/* v27 — Mawlay restructure */

/* Remove the previous brown/green Mawlay palette; keep the portfolio's established system */
.cs-mawlay .cs-hero{background:#101217 !important;}
.cs-mawlay .cs-hero-shade{
  background:linear-gradient(90deg,rgba(16,18,23,.78) 0%,rgba(16,18,23,.42) 44%,rgba(16,18,23,.08) 78%) !important;
}
.cs-mawlay .cs-facts{background:#2f66f3 !important;color:#fff !important;}
.cs-mawlay .cs-index{background:#f4f2ed !important;color:#101217 !important;}
.cs-mawlay .cs-index a:hover{background:#101217 !important;color:#fff !important;}
.cs-mawlay .cs-chapter{padding:72px 5vw 88px !important;}
.cs-mawlay .cs-chapter-head h3{
  font-size:clamp(46px,5.6vw,88px) !important;
  line-height:.84 !important;
  letter-spacing:-.055em !important;
}
.cs-mawlay .cs-chapter-head p{
  font-size:14px !important;
  line-height:1.45 !important;
  max-width:470px !important;
}

/* 01 Mawlay Experience */
.mawlay-overview{background:#f4f2ed !important;color:#101217 !important;}
.mawlay-overview-media{
  display:grid;grid-template-columns:1.35fr .65fr;gap:12px;
  margin-top:8px;
}
.mawlay-overview-media img{width:100%;height:610px;object-fit:cover;display:block;}
.mawlay-overview-detail{object-position:center 60%;}
.mawlay-scope-strip{
  display:grid;grid-template-columns:repeat(5,1fr);
  border-top:1px solid rgba(16,18,23,.72);
  border-bottom:1px solid rgba(16,18,23,.72);
  margin-top:18px;
}
.mawlay-scope-strip>div{
  min-height:126px;padding:15px 16px;border-right:1px solid rgba(16,18,23,.18);
}
.mawlay-scope-strip>div:first-child{padding-left:0}
.mawlay-scope-strip>div:last-child{border-right:0}
.mawlay-scope-strip small{display:block;font-size:9px;opacity:.45;margin-bottom:22px}
.mawlay-scope-strip strong{display:block;font-size:14px;line-height:1.15;margin-bottom:8px}
.mawlay-scope-strip span{display:block;font-size:11px;line-height:1.35;opacity:.72}

/* 02 clear expansion timeline — cobalt, directly tied to the wider website */
.mawlay-timeline{background:#2f66f3 !important;color:#fff !important;}
.mawlay-timeline .cs-chapter-head{color:#fff !important;}
.mawlay-year-grid{
  display:grid;grid-template-columns:repeat(4,1fr);
  border-top:1px solid rgba(255,255,255,.72);
  border-bottom:1px solid rgba(255,255,255,.72);
}
.mawlay-year-grid article{
  min-height:280px;padding:20px 20px 24px;
  border-right:1px solid rgba(255,255,255,.28);
  display:flex;flex-direction:column;
}
.mawlay-year-grid article:first-child{padding-left:0}
.mawlay-year-grid article:last-child{border-right:0}
.mawlay-year-grid small{font-size:12px;letter-spacing:.08em;opacity:.72}
.mawlay-year-grid strong{
  margin-top:auto;font-size:clamp(23px,2.4vw,40px);line-height:.96;letter-spacing:-.04em;
}
.mawlay-year-grid span{font-size:10px;letter-spacing:.09em;margin-top:14px;opacity:.78}
.mawlay-year-grid .is-multi strong{font-size:clamp(21px,2.15vw,35px)}

/* 03 Beit El Sabban expansion: black/off-white rather than introducing a new brand-page palette */
.beit-expansion{background:#101217 !important;color:#fff !important;}
.beit-expansion .cs-chapter-head{color:#fff !important;}
.beit-expansion-media{
  display:grid;grid-template-columns:1.25fr .75fr;gap:12px;
}
.beit-expansion-media img{width:100%;height:590px;object-fit:cover;display:block;}
.beit-expansion-media img:nth-child(2){object-position:center;}
.beit-expansion-scope{
  display:grid;grid-template-columns:repeat(5,1fr);
  border-top:1px solid rgba(255,255,255,.6);
  border-bottom:1px solid rgba(255,255,255,.6);
  margin-top:18px;
}
.beit-expansion-scope>div{
  padding:16px 17px 19px;min-height:128px;
  border-right:1px solid rgba(255,255,255,.18);
}
.beit-expansion-scope>div:first-child{padding-left:0}
.beit-expansion-scope>div:last-child{border-right:0}
.beit-expansion-scope small{display:block;font-size:9px;opacity:.5;margin-bottom:22px}
.beit-expansion-scope strong{display:block;font-size:14px;line-height:1.15;margin-bottom:8px}
.beit-expansion-scope span{display:block;font-size:11px;line-height:1.35;opacity:.72}

/* 04 Saudi chapters: vertical reel stays vertical, no pixelated horizontal crop */
.beit-journey-portrait{background:#f4f2ed !important;color:#101217 !important;}
.beit-journey-layout{
  display:grid;grid-template-columns:1fr minmax(300px,420px);
  gap:36px;align-items:start;
}
.beit-location-stack{border-top:1px solid #101217;}
.beit-location-stack article{
  display:grid;grid-template-columns:58px 1fr;gap:20px;
  align-items:center;min-height:150px;padding:18px 0;
  border-bottom:1px solid rgba(16,18,23,.3);
}
.beit-location-stack small{font-size:10px;opacity:.45}
.beit-location-stack strong{
  display:block;font-size:clamp(34px,4.2vw,68px);line-height:.86;letter-spacing:-.055em;
}
.beit-location-stack span{
  display:block;font-size:11px;letter-spacing:.08em;margin-top:10px;
}
.beit-reel-frame{
  width:100%;max-width:380px;justify-self:end;
}
.beit-reel-frame video{
  width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;display:block;background:#101217;
}
.beit-reel-frame>span{
  display:block;font-size:8px;letter-spacing:.08em;opacity:.5;margin-top:8px;
}

/* 05 Brand in practice: same off-white / black rhythm */
.beit-gallery{background:#101217 !important;color:#fff !important;}
.beit-gallery .cs-chapter-head{color:#fff !important;}
.beit-gallery-grid{
  grid-template-columns:1.1fr .9fr !important;
  grid-template-rows:430px 430px !important;
  gap:10px !important;
}
.beit-gallery-grid figure{background:#101217 !important;}
.beit-gallery-grid img{object-fit:cover !important;}

/* Hide old Mawlay styling if any older renderers survive elsewhere */
.cs-mawlay .mawlay-feature,.cs-mawlay .mawlay-roles,.cs-mawlay .beit-intro,.cs-mawlay .beit-journey{background:inherit;}

@media(max-width:950px){
  .mawlay-overview-media,.beit-expansion-media{grid-template-columns:1fr}
  .mawlay-overview-media img,.beit-expansion-media img{height:54vh;min-height:430px}
  .mawlay-scope-strip,.beit-expansion-scope{grid-template-columns:repeat(2,1fr)}
  .mawlay-year-grid{grid-template-columns:repeat(2,1fr)}
  .mawlay-year-grid article{min-height:220px;border-bottom:1px solid rgba(255,255,255,.28)}
  .beit-journey-layout{grid-template-columns:1fr}
  .beit-reel-frame{justify-self:start;max-width:360px}
}
@media(max-width:600px){
  .cs-mawlay .cs-chapter{padding:52px 18px 64px !important}
  .mawlay-scope-strip,.beit-expansion-scope,.mawlay-year-grid{grid-template-columns:1fr}
  .mawlay-scope-strip>div,.beit-expansion-scope>div{min-height:auto;padding:14px 0;border-right:0;border-bottom:1px solid currentColor}
  .mawlay-year-grid article{border-right:0;min-height:190px}
  .beit-location-stack article{grid-template-columns:42px 1fr}
  .beit-reel-frame{max-width:100%}
}
/* Mawlay v28 refinement — uses the established site palette only */
.mawlay-overview-side{display:grid;grid-template-rows:1fr 1fr;gap:12px;height:610px;overflow:hidden}.mawlay-overview-side img,.mawlay-overview-side video{width:100%;height:100%;min-height:0;object-fit:cover;display:block}.mawlay-overview-side video{background:#101217}.project-social-link{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding:18px 0 10px;border-bottom:1px solid currentColor;color:inherit;text-decoration:none;font-size:12px;letter-spacing:.06em}.project-social-link span{font-size:18px}.project-social-link:hover{font-style:italic}.project-social-link-light{color:#fff}.beit-gallery-grid{grid-template-columns:1.15fr .85fr .85fr!important;grid-template-rows:380px 380px!important}.beit-g-1{grid-row:span 2!important}.beit-g-2{grid-column:2/4!important}.beit-g-3,.beit-g-4{display:block!important}.beit-g-3{grid-column:2!important}.beit-g-4{grid-column:3!important}.beit-gallery-grid img{object-position:center!important}.beit-g-2 img{object-position:center 54%!important}.beit-g-4 img{object-position:center 68%!important}
@media(max-width:950px){.mawlay-overview-side{height:auto;grid-template-columns:1fr 1fr;grid-template-rows:none}.mawlay-overview-side img,.mawlay-overview-side video{height:50vw;min-height:360px}.beit-gallery-grid{grid-template-columns:1fr 1fr!important;grid-template-rows:520px 360px 360px!important}.beit-g-1{grid-row:auto!important;grid-column:1/3!important}.beit-g-2{grid-column:1/3!important}.beit-g-3{grid-column:1!important}.beit-g-4{grid-column:2!important}}
@media(max-width:600px){.mawlay-overview-side{grid-template-columns:1fr}.mawlay-overview-side img,.mawlay-overview-side video{height:auto;max-height:70vh}.beit-gallery-grid{display:block!important}.beit-gallery-grid figure{height:58vh;margin-bottom:10px!important}}


/* v29 Mawlay refinements */
.cs-mawlay .cs-hero-media img{object-position:center 52%!important;filter:saturate(.92) contrast(1.02)!important}
.cs-mawlay .cs-hero-shade{background:linear-gradient(90deg,rgba(8,10,15,.68) 0%,rgba(8,10,15,.28) 45%,rgba(8,10,15,.04) 78%)!important}
.cs-mawlay .cs-chapter-head{grid-template-columns:55px minmax(230px,.8fr) 1fr!important;gap:24px!important;margin-bottom:40px!important}
.cs-mawlay .cs-chapter-head h3{font-size:clamp(42px,5vw,82px)!important;line-height:.82!important;letter-spacing:-.06em!important}
.cs-mawlay .cs-chapter-head p{font-size:14px!important;line-height:1.45!important;max-width:470px!important}
.cs-mawlay .cs-chapter-head>span{font-size:11px!important}
.cs-mawlay .cs-chapter{padding:68px 5vw 82px!important}
.cs-mawlay .cs-index{display:none!important}

.work-v14-card[data-id="mawlay"] .work-v14-media>img{object-position:center 50%;filter:saturate(.86) contrast(1.04)}
.work-v14-card[data-id="mawlay"]:hover .work-v14-media>img{filter:saturate(1) contrast(1.04)}

.mawlay-overview-media{grid-template-columns:1.2fr .8fr!important;gap:10px!important}
.mawlay-overview-media img{height:560px!important}
.mawlay-overview-side{height:560px!important;gap:10px!important}
.mawlay-scope-strip{margin-top:14px!important}
.mawlay-scope-strip>div{min-height:112px!important;padding:13px 14px!important}
.mawlay-scope-strip small{margin-bottom:18px!important}
.mawlay-scope-strip strong{font-size:13px!important}
.mawlay-scope-strip span{font-size:10.5px!important}

.mawlay-timeline-v29{background:#2f66f3!important;color:#fff!important}
.mawlay-timeline-v29 .cs-chapter-head{color:#fff!important}
.mawlay-expansion-visual{display:grid;grid-template-columns:.85fr 1.15fr;gap:34px;align-items:start}
.mawlay-expansion-years{border-top:1px solid rgba(255,255,255,.75)}
.mawlay-expansion-years article{display:grid;grid-template-columns:68px 1fr;gap:18px;min-height:128px;align-items:center;border-bottom:1px solid rgba(255,255,255,.3)}
.mawlay-expansion-years small{font-size:11px;letter-spacing:.08em;opacity:.7}
.mawlay-expansion-years strong{display:block;font-size:clamp(22px,2.25vw,34px);line-height:.98;letter-spacing:-.04em}
.mawlay-expansion-years span{display:block;font-size:10px;letter-spacing:.08em;margin-top:8px;opacity:.75}
.mawlay-expansion-images{display:grid;grid-template-columns:1.3fr .7fr;grid-template-rows:300px 300px;gap:10px}
.mawlay-expansion-images figure{margin:0;overflow:hidden}
.mawlay-expansion-images img{width:100%;height:100%;object-fit:cover;display:block}
.mex-1{grid-row:1/3}.mex-1 img{object-position:center 52%}.mex-2 img{object-position:center 62%}.mex-3 img{object-position:center 45%}

.beit-expansion-media-v29{grid-template-columns:1.1fr .7fr .7fr!important;gap:10px!important}
.beit-expansion-media-v29 img{height:560px!important;width:100%;object-fit:cover}
.beit-expansion-media-v29 img:first-child{object-position:center 52%}
.beit-expansion-media-v29 img:nth-child(2){object-position:center 45%}
.beit-brandbook-panel{object-position:center 52%!important}
.beit-expansion-scope{margin-top:14px!important}
.beit-expansion-scope>div{min-height:112px!important;padding:13px 14px 16px!important}
.beit-expansion-scope small{margin-bottom:18px!important}
.beit-expansion-scope strong{font-size:13px!important}
.beit-expansion-scope span{font-size:10.5px!important}

.beit-route-v29{background:#101217!important;color:#fff!important;overflow:hidden}
.beit-route-v29 .cs-chapter-head{color:#fff!important}
.beit-route-stage{display:grid;grid-template-columns:1fr .9fr;gap:46px;align-items:start}
.beit-route-copy{position:relative;padding:10px 0}
.beit-route-line{position:absolute;left:27px;top:22px;bottom:22px;width:1px;background:rgba(255,255,255,.3)}
.beit-route-copy article{display:grid;grid-template-columns:56px 1fr;gap:22px;align-items:center;min-height:190px;position:relative}
.beit-route-copy article small{width:28px;height:28px;border:1px solid rgba(255,255,255,.8);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;z-index:2;background:#101217}
.beit-route-copy strong{display:block;font-size:clamp(48px,6.4vw,106px);line-height:.78;letter-spacing:-.07em}
.beit-route-copy span{display:block;margin-top:13px;font-size:11px;letter-spacing:.09em;white-space:nowrap;opacity:.75}
.beit-route-media{display:grid;grid-template-columns:.72fr 1fr;grid-template-rows:330px 330px;gap:10px}
.beit-route-photo,.beit-route-reel{overflow:hidden;position:relative}
.beit-route-photo img{width:100%;height:100%;object-fit:cover;display:block}
.beit-route-photo:first-child img{object-position:center 58%}
.beit-route-photo-bottom{grid-column:1;grid-row:2}.beit-route-photo-bottom img{object-position:center 58%}
.beit-route-reel{grid-column:2;grid-row:1/3;justify-self:end;width:100%;max-width:360px}
.beit-route-reel video{width:100%;height:100%;aspect-ratio:9/16;object-fit:cover;display:block;background:#000}
.beit-route-reel small{position:absolute;left:10px;bottom:8px;font-size:7px;letter-spacing:.07em;color:#fff;background:rgba(0,0,0,.45);padding:4px 6px}

.beit-gallery-expanded{background:#f4f2ed!important;color:#101217!important}
.beit-expanded-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;grid-template-rows:340px 340px 340px;gap:10px}
.beit-expanded-grid figure{margin:0;overflow:hidden;background:#101217}
.beit-expanded-grid img{width:100%;height:100%;object-fit:cover;display:block}
.beg-1{grid-row:1/3}.beg-1 img{object-position:center 52%}
.beg-2{grid-column:2/4}.beg-2 img{object-position:center 54%}
.beg-3{grid-column:2;grid-row:2}.beg-4{grid-column:3;grid-row:2}.beg-5{grid-column:1/3;grid-row:3}.beg-6{grid-column:3;grid-row:3}

@media(max-width:950px){
  .mawlay-expansion-visual,.beit-route-stage{grid-template-columns:1fr}
  .mawlay-expansion-images{grid-template-columns:1fr 1fr;grid-template-rows:380px 300px}
  .mex-1{grid-column:1/3;grid-row:auto}
  .beit-expansion-media-v29{grid-template-columns:1fr 1fr!important}
  .beit-expansion-media-v29 img:first-child{grid-column:1/3}
  .beit-route-media{max-width:760px}
  .beit-expanded-grid{grid-template-columns:1fr 1fr;grid-template-rows:520px 330px 330px 330px}
  .beg-1{grid-column:1/3;grid-row:auto}.beg-2{grid-column:1/3}.beg-3,.beg-4,.beg-5,.beg-6{grid-column:auto;grid-row:auto}
}
@media(max-width:650px){
  .cs-mawlay .cs-chapter-head{display:block!important}
  .cs-mawlay .cs-chapter-head>span{display:block;margin-bottom:16px}
  .cs-mawlay .cs-chapter-head h3{margin-bottom:20px}
  .mawlay-expansion-images,.beit-route-media,.beit-expanded-grid{display:block}
  .mawlay-expansion-images figure,.beit-route-photo,.beit-route-reel,.beit-expanded-grid figure{height:auto;margin-bottom:10px}
  .mawlay-expansion-images img,.beit-route-photo img,.beit-expanded-grid img{height:auto;max-height:68vh}
  .beit-route-reel{max-width:100%}.beit-route-reel video{height:auto;aspect-ratio:9/16}
  .beit-route-copy article{min-height:145px}.beit-route-copy strong{font-size:clamp(46px,17vw,80px)}.beit-route-copy span{white-space:normal}
  .beit-expansion-media-v29{display:block!important}.beit-expansion-media-v29 img{height:auto!important;max-height:68vh;margin-bottom:10px}
}


/* v30 direct Mawlay amendments */
/* New hero: Beit El Sabban room image, physically cropped to remove social logo/copy */
.cs-mawlay .cs-hero-media img{object-position:center 48%!important;transform:none!important}

/* Keep the date range on one line */
.cs-mawlay .cs-facts strong{white-space:nowrap!important}
.cs-mawlay .cs-facts>div:last-child strong{font-size:clamp(38px,4.75vw,72px)!important;letter-spacing:-.055em!important}

/* Bring scope-box typography up to the same visual scale as the rest of the site */
.mawlay-scope-strip>div,.beit-expansion-scope>div{padding:17px 17px 20px!important;min-height:142px!important}
.mawlay-scope-strip small,.beit-expansion-scope small{font-size:10px!important;margin-bottom:22px!important;letter-spacing:.07em!important}
.mawlay-scope-strip strong,.beit-expansion-scope strong{font-size:clamp(15px,1.2vw,18px)!important;line-height:1.12!important;margin-bottom:10px!important}
.mawlay-scope-strip span,.beit-expansion-scope span{font-size:clamp(12px,.95vw,14px)!important;line-height:1.38!important}

/* Recap video restored as a deliberate full-width film moment */
.mawlay-overview-media-v30{display:grid!important;grid-template-columns:1.2fr .8fr!important;gap:10px!important}
.mawlay-overview-media-v30 img{height:540px!important;object-fit:cover!important}
.mawlay-recap-video{margin-top:10px;position:relative;background:#101217;overflow:hidden}
.mawlay-recap-video video{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block;background:#101217}
.mawlay-recap-video span{position:absolute;left:16px;bottom:14px;color:#fff;font-size:10px;letter-spacing:.09em;background:rgba(0,0,0,.4);padding:6px 8px}

/* Egypt expansion: first image is a true landscape feature so the complete Mawlay sign is visible */
.mawlay-expansion-images{grid-template-columns:1fr 1fr!important;grid-template-rows:330px 270px!important}
.mawlay-expansion-images .mex-1{grid-column:1/3!important;grid-row:1!important;background:#fff}
.mawlay-expansion-images .mex-1 img{object-fit:contain!important;object-position:center center!important;background:#fff}
.mawlay-expansion-images .mex-2{grid-column:1!important;grid-row:2!important}
.mawlay-expansion-images .mex-3{grid-column:2!important;grid-row:2!important}

/* Brandbook imagery: each panel uses a different application from the book */
.beit-brandbook-panel{object-fit:cover!important;object-position:center center!important}
.beit-expanded-grid .beg-1 img{object-fit:cover!important;object-position:center!important}
.beit-expanded-grid .beg-2 img{object-fit:cover!important;object-position:center!important}

/* Saudi chapters: hierarchy separates the section heading from the three locations */
.beit-route-v29 .cs-chapter-head h3{font-size:clamp(38px,4.25vw,68px)!important;line-height:.88!important;letter-spacing:-.05em!important}
.beit-route-v29 .cs-chapter-head h3 em{font-family:var(--serif)!important;font-size:1.32em!important;font-weight:400!important;font-style:italic!important;letter-spacing:-.04em!important}
.beit-route-copy strong{font-size:clamp(38px,4.6vw,72px)!important;line-height:.85!important;letter-spacing:-.055em!important}
.beit-route-copy span{font-size:clamp(12px,1vw,14px)!important;color:var(--acid)!important;opacity:1!important;font-weight:600!important;letter-spacing:.07em!important}
.beit-route-copy article small{font-size:10px!important;color:var(--acid)!important;border-color:var(--acid)!important}

@media(max-width:950px){
  .mawlay-overview-media-v30{grid-template-columns:1fr!important}
  .mawlay-overview-media-v30 img{height:auto!important;max-height:66vh!important}
  .mawlay-expansion-images{grid-template-rows:auto!important}
  .mawlay-expansion-images .mex-1{height:auto!important}
  .mawlay-expansion-images .mex-1 img{height:auto!important}
}
@media(max-width:650px){
  .cs-mawlay .cs-facts>div:last-child strong{font-size:clamp(34px,10vw,50px)!important}
  .mawlay-scope-strip>div,.beit-expansion-scope>div{min-height:auto!important}
  .mawlay-recap-video video{aspect-ratio:9/16;object-fit:cover}
  .mawlay-expansion-images{display:block!important}
  .mawlay-expansion-images figure{margin-bottom:10px!important}
}


/* v31 — final Mawlay refinements from latest review */

/* All four top facts now share the same scale, including 2021–2026 */
.cs-mawlay .cs-facts strong,
.cs-mawlay .cs-facts>div:last-child strong{
  font-size:clamp(38px,4.75vw,72px)!important;
  line-height:.82!important;
  letter-spacing:-.055em!important;
  white-space:nowrap!important;
}

/* Homepage Brand Building image now matches the case-study hero exactly */
.work-v14-card[data-id="mawlay"] .work-v14-media>img{
  object-position:center 48%!important;
  filter:saturate(.9) contrast(1.02)!important;
}

/* Remove all blank side space from the Mawlay staircase image while keeping the sign visible */
.mawlay-expansion-images .mex-1{
  background:transparent!important;
  overflow:hidden!important;
}
.mawlay-expansion-images .mex-1 img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:58% 50%!important;
  background:transparent!important;
}

/* More generous scope typography: same visual family as the rest of the website */
.mawlay-scope-strip>div,
.beit-expansion-scope>div{
  min-height:150px!important;
  padding:19px 18px 22px!important;
}
.mawlay-scope-strip small,
.beit-expansion-scope small{
  font-size:11px!important;
  margin-bottom:24px!important;
}
.mawlay-scope-strip strong,
.beit-expansion-scope strong{
  font-size:clamp(17px,1.35vw,21px)!important;
  line-height:1.08!important;
  margin-bottom:11px!important;
}
.mawlay-scope-strip span,
.beit-expansion-scope span{
  font-size:clamp(13px,1.02vw,15px)!important;
  line-height:1.38!important;
}

/* Brand in Practice: cleaner five-image editorial layout with no people */
.beit-practice-head{
  grid-template-columns:55px 1fr!important;
}
.beit-practice-head h3{
  max-width:760px;
}
.beit-expanded-grid{
  display:grid!important;
  grid-template-columns:1.15fr .85fr!important;
  grid-template-rows:390px 390px 390px!important;
  gap:10px!important;
}
.beit-expanded-grid figure{
  margin:0!important;
  overflow:hidden!important;
}
.beit-expanded-grid img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
.beit-expanded-grid .beg-1{
  grid-column:1!important;
  grid-row:1/3!important;
}
.beit-expanded-grid .beg-1 img{
  object-position:center 67%!important;
}
.beit-expanded-grid .beg-2{
  grid-column:2!important;
  grid-row:1!important;
}
.beit-expanded-grid .beg-3{
  grid-column:2!important;
  grid-row:2!important;
}
.beit-expanded-grid .beg-4{
  grid-column:1!important;
  grid-row:3!important;
}
.beit-expanded-grid .beg-5{
  grid-column:2!important;
  grid-row:3!important;
}
.beit-expanded-grid .beg-2 img,
.beit-expanded-grid .beg-3 img,
.beit-expanded-grid .beg-4 img,
.beit-expanded-grid .beg-5 img{
  object-position:center!important;
}

/* Keep Saudi route heading clearly distinct from location names */
.beit-route-v29 .cs-chapter-head h3{
  font-size:clamp(34px,3.7vw,60px)!important;
  line-height:.9!important;
}
.beit-route-copy strong{
  font-size:clamp(45px,5.4vw,86px)!important;
  line-height:.8!important;
}

/* Mobile keeps the same hierarchy without awkward wrapping */
@media(max-width:950px){
  .beit-expanded-grid{
    grid-template-columns:1fr 1fr!important;
    grid-template-rows:500px 320px 320px!important;
  }
  .beit-expanded-grid .beg-1{grid-column:1/3!important;grid-row:1!important}
  .beit-expanded-grid .beg-2{grid-column:1!important;grid-row:2!important}
  .beit-expanded-grid .beg-3{grid-column:2!important;grid-row:2!important}
  .beit-expanded-grid .beg-4{grid-column:1!important;grid-row:3!important}
  .beit-expanded-grid .beg-5{grid-column:2!important;grid-row:3!important}
}
@media(max-width:650px){
  .cs-mawlay .cs-facts strong,
  .cs-mawlay .cs-facts>div:last-child strong{
    font-size:clamp(32px,9vw,46px)!important;
  }
  .beit-expanded-grid{display:block!important}
  .beit-expanded-grid figure{height:auto!important;margin-bottom:10px!important}
  .beit-expanded-grid img{height:auto!important;max-height:70vh!important}
  .beit-practice-head{display:block!important}
}


/* v32 — Mawlay content + imagery cleanup */

/* Overview now uses architectural/detail imagery only */
.mawlay-overview-media{
  grid-template-columns:1.25fr .75fr!important;
}
.mawlay-overview-main{
  object-position:58% 50%!important;
}
.mawlay-overview-detail{
  object-position:center 52%!important;
}

/* Egypt expansion: all imagery fills the frame with no dead/white margins */
.mawlay-expansion-images{
  grid-template-columns:1.15fr .85fr!important;
  grid-template-rows:300px 300px!important;
  gap:10px!important;
}
.mawlay-expansion-images figure{
  background:#101217!important;
}
.mawlay-expansion-images img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.mawlay-expansion-images .mex-1 img{
  object-position:58% 50%!important;
}
.mawlay-expansion-images .mex-2 img{
  object-position:center 58%!important;
}
.mawlay-expansion-images .mex-3 img{
  object-position:center 50%!important;
}

/* Beit brand-book panel: crop fills its column cleanly */
.beit-brandbook-panel{
  object-fit:cover!important;
  object-position:center 42%!important;
}

/* Brand in Practice: 5 clean, people-free visuals in a balanced grid */
.beit-expanded-grid{
  grid-template-columns:1.1fr .9fr!important;
  grid-template-rows:360px 360px 360px!important;
  gap:10px!important;
}
.beit-expanded-grid .beg-1{
  grid-column:1!important;
  grid-row:1/3!important;
}
.beit-expanded-grid .beg-2{
  grid-column:2!important;
  grid-row:1!important;
}
.beit-expanded-grid .beg-3{
  grid-column:2!important;
  grid-row:2!important;
}
.beit-expanded-grid .beg-4{
  grid-column:1!important;
  grid-row:3!important;
}
.beit-expanded-grid .beg-5{
  grid-column:2!important;
  grid-row:3!important;
}
.beit-expanded-grid .beg-1 img{
  object-position:center 64%!important;
}
.beit-expanded-grid .beg-2 img,
.beit-expanded-grid .beg-3 img,
.beit-expanded-grid .beg-4 img,
.beit-expanded-grid .beg-5 img{
  object-position:center!important;
}

/* Saudi route dates remain clearly secondary to place names */
.beit-route-copy span{
  font-size:12px!important;
  letter-spacing:.08em!important;
  opacity:.7!important;
}
.beit-route-copy strong{
  font-size:clamp(42px,5vw,80px)!important;
}
.beit-route-v29 .cs-chapter-head h3{
  font-size:clamp(34px,3.5vw,56px)!important;
}

@media(max-width:950px){
  .beit-expanded-grid{
    grid-template-columns:1fr 1fr!important;
    grid-template-rows:480px 310px 310px!important;
  }
  .beit-expanded-grid .beg-1{grid-column:1/3!important;grid-row:1!important}
  .beit-expanded-grid .beg-2{grid-column:1!important;grid-row:2!important}
  .beit-expanded-grid .beg-3{grid-column:2!important;grid-row:2!important}
  .beit-expanded-grid .beg-4{grid-column:1!important;grid-row:3!important}
  .beit-expanded-grid .beg-5{grid-column:2!important;grid-row:3!important}
}
@media(max-width:650px){
  .beit-expanded-grid{display:block!important}
  .beit-expanded-grid figure{height:auto!important;margin-bottom:10px!important}
  .beit-expanded-grid img{height:auto!important;max-height:70vh!important}
}

/* v34 — explicit Mawlay -> Beit El Sabban transition */
.brand-evolution{background:#101217;color:#fff;padding:64px 5vw 70px;border-top:1px solid rgba(255,255,255,.22);border-bottom:1px solid rgba(255,255,255,.22)}
.brand-evolution-kicker{font-size:12px;line-height:1;letter-spacing:.15em;margin-bottom:42px;opacity:.72}
.brand-evolution-row{display:grid;grid-template-columns:1fr 110px 1fr;align-items:center;gap:28px}
.brand-evolution-mark{min-height:230px;display:grid;grid-template-columns:minmax(150px,260px) 1fr;align-items:center;gap:30px}
.brand-evolution-mark img{width:100%;max-height:190px;object-fit:contain;display:block}
.brand-evolution-mark span{display:block;font-size:clamp(22px,2.2vw,34px);line-height:.95;letter-spacing:-.035em}
.brand-evolution-mark small{display:block;margin-top:12px;font-size:10px;line-height:1;letter-spacing:.14em;opacity:.58}
.brand-evolution-arrow{display:flex;align-items:center;justify-content:center}
.brand-evolution-arrow span{width:72px;height:72px;border:1px solid rgba(255,255,255,.6);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:300}
.brand-evolution-beit img{max-width:250px}
.beit-brandbook-panel{width:100%!important;height:560px!important;object-fit:cover!important;object-position:center 50%!important;background:#5c2027!important}
.beit-expansion .cs-chapter-head h3{max-width:620px}
@media(max-width:900px){.brand-evolution-row{grid-template-columns:1fr;gap:18px}.brand-evolution-arrow{transform:rotate(90deg);padding:8px 0}.brand-evolution-mark{grid-template-columns:180px 1fr;min-height:180px}}
@media(max-width:600px){.brand-evolution{padding:48px 18px 54px}.brand-evolution-mark{grid-template-columns:1fr;gap:18px}.brand-evolution-mark img{max-width:230px}.brand-evolution-arrow{justify-content:flex-start}}

/* v35 — editorial transition into Saudi Arabia */
.brand-evolution{display:none!important}
.saudi-transition{
  background:#f1eee8;color:#101217;padding:100px 5vw 88px;
  border-top:1px solid #101217;border-bottom:1px solid #101217;
  display:grid;grid-template-columns:80px 1fr;align-items:start;
}
.saudi-transition-no{font:500 11px/1 var(--sans);letter-spacing:.08em;padding-top:12px}
.saudi-transition h2{margin:0;font:500 clamp(58px,8.4vw,138px)/.78 var(--sans);letter-spacing:-.07em;max-width:1350px}
.saudi-transition h2 em{font-family:var(--serif);font-weight:400}
.beit-intro-head .beit-title-lockup{align-self:start}
.beit-intro-head .beit-title-lockup h3{margin:0!important}
.beit-intro-head .beit-title-lockup small{display:block;margin-top:12px;font:600 10px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase}
@media(max-width:700px){
 .saudi-transition{padding:70px 18px 62px;grid-template-columns:42px 1fr}
 .saudi-transition h2{font-size:clamp(46px,15vw,82px)}
}


/* v36 — Flare PR case study */
.cs-flare .cs-hero{
  background:#101217!important;
}
.cs-flare .cs-facts{
  background:#2f66f3!important;
  color:#fff!important;
}
.cs-flare .cs-index{
  display:none!important;
}
.cs-flare .cs-chapter{
  padding:68px 5vw 82px!important;
}
.cs-flare .cs-chapter-head{
  grid-template-columns:55px minmax(260px,.85fr) 1fr!important;
  gap:24px!important;
  margin-bottom:40px!important;
}
.cs-flare .cs-chapter-head h3{
  font-size:clamp(42px,5vw,82px)!important;
  line-height:.84!important;
  letter-spacing:-.06em!important;
}
.cs-flare .cs-chapter-head p{
  font-size:14px!important;
  line-height:1.45!important;
  max-width:500px!important;
}

/* Selected work: editorial press wall rather than generic list */
.flare-press-grid{
  background:#f4f2ed!important;
  color:#101217!important;
}
.flare-editorial-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr 1fr;
  grid-template-rows:300px 300px;
  gap:10px;
}
.flare-editorial-card{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:24px;
  text-decoration:none;
  color:inherit;
  border:1px solid rgba(16,18,23,.22);
  overflow:hidden;
  transition:transform .25s ease,background .25s ease,color .25s ease;
}
.flare-editorial-card:hover{
  transform:translateY(-3px);
  background:#101217;
  color:#fff;
}
.flare-editorial-card small{
  position:absolute;
  top:20px;left:22px;
  font-size:10px;
  letter-spacing:.12em;
  opacity:.6;
}
.flare-editorial-client{
  font-size:clamp(34px,4vw,68px);
  line-height:.82;
  letter-spacing:-.06em;
}
.flare-editorial-project{
  margin-top:12px;
  font-size:16px;
  line-height:1.1;
}
.flare-editorial-pub{
  margin-top:34px;
  padding-top:14px;
  border-top:1px solid currentColor;
  display:flex;
  justify-content:space-between;
  font-size:11px;
  letter-spacing:.08em;
}
.fec-1{grid-column:1;grid-row:1/3;background:#2f66f3;color:#fff}
.fec-2{grid-column:2;grid-row:1}
.fec-3{grid-column:3;grid-row:1;background:#101217;color:#fff}
.fec-4{grid-column:2;grid-row:2}
.fec-5{grid-column:3;grid-row:2;background:#dfff00;color:#101217}

/* Rami Kadi feature */
.flare-event{
  background:#101217!important;
  color:#fff!important;
}
.flare-event .cs-chapter-head{color:#fff!important}
.flare-event-stage{
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:48px;
  align-items:stretch;
}
.flare-event-title{
  min-height:520px;
  background:#2f66f3;
  padding:32px;
  display:flex;
  flex-direction:column;
}
.flare-event-title small{
  font-size:11px;
  letter-spacing:.12em;
}
.flare-event-title strong{
  margin-top:auto;
  font-size:clamp(150px,20vw,320px);
  line-height:.65;
  letter-spacing:-.08em;
}
.flare-event-title span{
  font-size:clamp(40px,5vw,80px);
  line-height:.82;
  letter-spacing:-.05em;
}
.flare-event-detail{
  padding:10px 0;
}
.flare-event-meta{
  font-size:12px;
  letter-spacing:.12em;
  margin-bottom:28px;
  opacity:.65;
}
.flare-event-line{
  display:grid;
  grid-template-columns:52px 1fr;
  gap:20px;
  padding:21px 0;
  border-top:1px solid rgba(255,255,255,.28);
}
.flare-event-line small{font-size:10px;opacity:.45}
.flare-event-line span{font-size:clamp(20px,2vw,30px);line-height:1.05}
.flare-event-detail>a{
  display:inline-flex;
  gap:22px;
  margin-top:34px;
  color:#fff;
  text-decoration:none;
  border-bottom:1px solid #fff;
  padding-bottom:9px;
  font-size:14px;
}

/* International press */
.flare-international{
  background:#2f66f3!important;
  color:#fff!important;
}
.flare-international .cs-chapter-head{color:#fff!important}
.flare-int-card{
  position:relative;
  display:block;
  min-height:390px;
  padding:34px;
  border:1px solid rgba(255,255,255,.72);
  color:#fff;
  text-decoration:none;
}
.flare-int-card small{
  font-size:10px;
  letter-spacing:.13em;
  opacity:.7;
}
.flare-int-pub{
  margin-top:80px;
  font-size:clamp(70px,10vw,170px);
  line-height:.72;
  letter-spacing:-.075em;
}
.flare-int-subject{
  position:absolute;
  left:34px;bottom:30px;
  font-size:14px;
  letter-spacing:.06em;
}
.flare-int-arrow{
  position:absolute;
  right:34px;bottom:28px;
  font-size:32px;
}

/* Course */
.flare-course{
  background:#f4f2ed!important;
  color:#101217!important;
}
.flare-course-stage{
  border-top:1px solid #101217;
  border-bottom:1px solid #101217;
}
.flare-course-meta{
  padding:22px 0;
  font-size:12px;
  letter-spacing:.11em;
}
.flare-course-modules{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-top:1px solid rgba(16,18,23,.35);
}
.flare-course-modules>div{
  min-height:190px;
  padding:20px;
  border-right:1px solid rgba(16,18,23,.22);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.flare-course-modules>div:first-child{padding-left:0}
.flare-course-modules>div:last-child{border-right:0}
.flare-course-modules small{font-size:10px;opacity:.45}
.flare-course-modules span{
  font-size:clamp(20px,2.2vw,32px);
  line-height:.98;
  letter-spacing:-.035em;
}

/* Agency skills close */
.flare-ops{
  background:#101217!important;
  color:#fff!important;
}
.flare-ops .cs-chapter-head{color:#fff!important}
.flare-ops-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  border-top:1px solid rgba(255,255,255,.55);
  border-bottom:1px solid rgba(255,255,255,.55);
}
.flare-ops-grid>div{
  min-height:180px;
  padding:18px;
  border-right:1px solid rgba(255,255,255,.2);
}
.flare-ops-grid>div:first-child{padding-left:0}
.flare-ops-grid>div:last-child{border-right:0}
.flare-ops-grid small{display:block;font-size:10px;opacity:.45;margin-bottom:28px}
.flare-ops-grid strong{display:block;font-size:16px;line-height:1.05;margin-bottom:12px}
.flare-ops-grid span{display:block;font-size:13px;line-height:1.4;opacity:.75}

@media(max-width:950px){
  .flare-editorial-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .fec-1,.fec-2,.fec-3,.fec-4,.fec-5{grid-column:auto;grid-row:auto;min-height:280px}
  .flare-event-stage{grid-template-columns:1fr}
  .flare-event-title{min-height:430px}
  .flare-course-modules{grid-template-columns:1fr 1fr}
  .flare-ops-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  .cs-flare .cs-chapter-head{display:block!important}
  .cs-flare .cs-chapter-head>span{display:block;margin-bottom:16px}
  .cs-flare .cs-chapter-head h3{margin-bottom:20px}
  .flare-editorial-grid{display:block}
  .flare-editorial-card{min-height:250px;margin-bottom:10px}
  .flare-course-modules,.flare-ops-grid{display:block}
  .flare-course-modules>div,.flare-ops-grid>div{border-right:0;border-bottom:1px solid currentColor}
}


/* v37 — Flare: less repetition, more editorial rhythm */
.flare-portfolio-v37{background:#f4f2ed!important;color:#101217!important}
.flare-client-ledger{border-top:1px solid #101217}
.flare-client-ledger>a,.flare-client-ledger>div{
  display:grid;grid-template-columns:52px 1.25fr .7fr 1fr 30px;gap:20px;align-items:center;
  min-height:100px;border-bottom:1px solid rgba(16,18,23,.28);color:inherit;text-decoration:none;
  transition:padding .2s ease,background .2s ease,color .2s ease
}
.flare-client-ledger>a:hover{padding-left:14px;background:#101217;color:#fff}
.flare-client-ledger small{font-size:10px;opacity:.45}
.flare-client-ledger strong{font-size:clamp(24px,2.6vw,40px);line-height:.9;letter-spacing:-.045em}
.flare-client-ledger span{font-size:11px;letter-spacing:.1em}
.flare-client-ledger em{font-size:14px;font-style:normal;opacity:.7}
.flare-client-ledger b{font-size:20px;font-weight:400}

.flare-campaign-press-v37{background:#2f66f3!important;color:#fff!important}
.flare-campaign-press-v37 .cs-chapter-head{color:#fff!important}
.flare-feature-stack{border-top:1px solid rgba(255,255,255,.75)}
.flare-feature-stack>a{
  display:grid;grid-template-columns:60px 1.15fr 1.35fr 1fr 32px;gap:22px;align-items:center;
  min-height:150px;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.34);
  transition:padding .2s ease,background .2s ease
}
.flare-feature-stack>a:hover{padding-left:12px;background:rgba(255,255,255,.08)}
.ff-index{font-size:10px;opacity:.55}
.ff-client{font-size:clamp(30px,3.5vw,58px);line-height:.82;letter-spacing:-.055em}
.ff-project{font-size:clamp(19px,2vw,30px);line-height:.95}
.ff-pub span{display:block;font-size:12px;letter-spacing:.08em}
.ff-pub small{display:block;margin-top:8px;font-size:10px;opacity:.62}
.flare-feature-stack b{font-size:22px;font-weight:400}

.flare-event-video-v37{background:#101217!important;color:#fff!important}
.flare-event-video-v37 .cs-chapter-head{color:#fff!important}
.flare-rk-stage{display:grid;grid-template-columns:.72fr 1.28fr;gap:12px;min-height:680px}
.flare-rk-video{background:#050505;display:flex;align-items:center;justify-content:center;overflow:hidden}
.flare-rk-video video{width:100%;height:100%;max-height:760px;object-fit:cover;display:block}
.flare-rk-copy{background:#2f66f3;padding:30px;display:flex;flex-direction:column}
.flare-rk-copy>small{font-size:11px;letter-spacing:.12em}
.flare-rk-copy>strong{margin-top:38px;font-size:clamp(170px,20vw,310px);line-height:.63;letter-spacing:-.09em}
.flare-rk-copy>span{font-size:clamp(50px,6vw,92px);line-height:.8;letter-spacing:-.06em}
.flare-rk-copy>em{font-size:11px;font-style:normal;letter-spacing:.12em;margin-top:18px;opacity:.7}
.flare-rk-lines{margin-top:auto;border-top:1px solid rgba(255,255,255,.5)}
.flare-rk-lines>div{display:grid;grid-template-columns:45px 1fr;gap:16px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.25)}
.flare-rk-lines small{font-size:9px;opacity:.5}.flare-rk-lines span{font-size:14px}

.flare-ops-grid{grid-template-columns:repeat(3,1fr)!important}
.flare-ops-grid>div{min-height:170px!important;border-bottom:1px solid rgba(255,255,255,.2)}
.flare-ops-grid strong{font-size:18px!important}
.flare-ops-grid span{font-size:14px!important}

@media(max-width:900px){
 .flare-client-ledger>a,.flare-client-ledger>div{grid-template-columns:40px 1fr 1fr}
 .flare-client-ledger em{grid-column:2/4}.flare-client-ledger b{display:none}
 .flare-feature-stack>a{grid-template-columns:45px 1fr 1fr}.ff-pub{grid-column:2/4}.flare-feature-stack b{display:none}
 .flare-rk-stage{grid-template-columns:1fr}.flare-rk-video{min-height:650px}
}
@media(max-width:650px){
 .flare-client-ledger>a,.flare-client-ledger>div,.flare-feature-stack>a{display:block;padding:18px 0}
 .flare-client-ledger small,.ff-index{display:block;margin-bottom:14px}
 .flare-client-ledger span,.flare-client-ledger em,.ff-project,.ff-pub{display:block;margin-top:10px}
 .flare-rk-video{min-height:auto}.flare-rk-video video{height:auto;aspect-ratio:9/16;object-fit:cover}
 .flare-ops-grid{display:block!important}
}
/* v38 Flare refinements */
body.case-flare .cs-facts{grid-template-columns:repeat(3,1fr)!important}
body.case-flare .cs-facts>div strong{font-size:clamp(52px,7vw,108px)!important}
.flare-client-ledger-v38>div{grid-template-columns:52px 1.6fr .8fr!important}
.flare-client-ledger-v38>div strong{font-size:clamp(28px,3vw,48px)!important}
.flare-client-ledger-v38>div span{font-size:14px!important;letter-spacing:.08em!important}
.flare-campaign-press-v38{background:#f4f2ed!important;color:#101217!important}
.flare-campaign-press-v38 .cs-chapter-head{color:#101217!important}
.flare-press-visual-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:12px}
.fpv-card{position:relative;display:grid;grid-template-rows:minmax(390px,58vh) auto;color:#101217;text-decoration:none;background:#fff;overflow:hidden}
.fpv-card.fpv-3{grid-column:1/-1;grid-template-columns:1.05fr .95fr;grid-template-rows:minmax(300px,46vh)}
.fpv-image{background-size:cover;background-position:center;min-height:0;transition:transform .45s ease}
.fpv-card:hover .fpv-image{transform:scale(1.018)}
.fpv-noimage{display:flex;align-items:flex-end;padding:30px;background:#2f66f3;color:#fff}
.fpv-noimage strong{font-size:clamp(72px,11vw,170px);line-height:.72;letter-spacing:-.07em}
.fpv-copy{padding:22px 24px 25px;display:grid;grid-template-columns:1fr auto;gap:7px 20px;border-top:1px solid #101217}
.fpv-copy small{grid-column:1/-1;font-size:10px;letter-spacing:.1em;opacity:.55}
.fpv-copy strong{font-size:clamp(26px,3vw,48px);line-height:.9;letter-spacing:-.045em}
.fpv-copy>span{align-self:end;font-size:15px}
.fpv-copy em{font-style:normal;font-size:12px;opacity:.65}
.fpv-copy b{font-size:11px;letter-spacing:.08em;font-weight:500;text-align:right}
@media(max-width:800px){.flare-press-visual-grid{grid-template-columns:1fr}.fpv-card.fpv-3{grid-column:auto;grid-template-columns:1fr;grid-template-rows:minmax(360px,55vh) auto}.fpv-card{grid-template-rows:minmax(360px,55vh) auto}}
.cs-flare .cs-facts{grid-template-columns:repeat(3,1fr)!important}
.cs-flare .cs-facts>div strong{font-size:clamp(52px,7vw,108px)!important}


/* v39 — Flare campaign imagery + editorial course */

/* Campaigns in press becomes image-led, not another text ledger */
.flare-campaign-press-v39{
  background:#f4f2ed!important;
  color:#101217!important;
}
.flare-campaign-visual-grid{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  grid-template-rows:420px 420px;
  gap:10px;
}
.flare-campaign-visual-grid>a{
  position:relative;
  overflow:hidden;
  display:block;
  color:#fff;
  text-decoration:none;
  background:#101217;
}
.flare-campaign-visual-grid .fcv-1{
  grid-column:1;
  grid-row:1/3;
}
.flare-campaign-visual-grid .fcv-2{
  grid-column:2;
  grid-row:1;
}
.flare-campaign-visual-grid .fcv-3{
  grid-column:2;
  grid-row:2;
}
.fcv-image{
  position:absolute;
  inset:0;
}
.fcv-image:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,0) 44%,rgba(0,0,0,.72) 100%);
}
.fcv-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .45s ease;
}
.fcv-1 .fcv-image img{object-position:center 50%}
.fcv-2 .fcv-image img{object-position:center 28%}
.fcv-3 .fcv-image img{object-position:center 54%}
.flare-campaign-visual-grid>a:hover img{
  transform:scale(1.025);
}
.fcv-copy{
  position:absolute;
  left:24px;
  right:24px;
  bottom:22px;
  z-index:2;
}
.fcv-copy small{
  display:block;
  font-size:10px;
  letter-spacing:.12em;
  margin-bottom:10px;
  opacity:.72;
}
.fcv-copy strong{
  display:block;
  font-size:clamp(30px,3.5vw,58px);
  line-height:.82;
  letter-spacing:-.055em;
}
.fcv-copy span{
  display:block;
  margin-top:8px;
  font-size:15px;
}
.fcv-copy b{
  position:absolute;
  right:0;
  bottom:0;
  font-size:22px;
  font-weight:400;
}

/* Course gets a different visual language from Agency Side */
.flare-course-editorial-v39{
  background:#dfff00!important;
  color:#101217!important;
  padding:72px 0 78px!important;
  overflow:hidden;
}
.flare-course-editorial-head{
  display:grid;
  grid-template-columns:55px minmax(0,1fr);
  gap:24px;
  padding:0 5vw 46px;
  align-items:start;
}
.flare-course-editorial-head>span{
  font-size:11px;
  padding-top:8px;
}
.flare-course-editorial-head h3{
  margin:0;
  font-size:clamp(54px,7vw,112px);
  line-height:.78;
  letter-spacing:-.065em;
  max-width:1050px;
}
.flare-course-editorial-head p{
  max-width:540px;
  margin:28px 0 0;
  font-size:15px;
  line-height:1.48;
}
.flare-course-marquee{
  border-top:1px solid #101217;
  border-bottom:1px solid #101217;
  overflow:hidden;
  white-space:nowrap;
}
.flare-course-track{
  display:inline-flex;
  align-items:center;
  min-width:max-content;
  animation:flareCourseScroll 22s linear infinite;
}
.flare-course-track span{
  display:inline-flex;
  align-items:center;
  min-height:150px;
  padding:0 42px;
  font-size:clamp(38px,5vw,78px);
  line-height:.8;
  letter-spacing:-.055em;
  border-right:1px solid rgba(16,18,23,.5);
}
.flare-course-footer{
  display:flex;
  justify-content:space-between;
  gap:30px;
  padding:24px 5vw 0;
  font-size:11px;
  letter-spacing:.1em;
}
.flare-course-footer em{
  font-style:normal;
  opacity:.62;
}
@keyframes flareCourseScroll{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

@media(max-width:900px){
  .flare-campaign-visual-grid{
    grid-template-columns:1fr 1fr;
    grid-template-rows:500px 330px;
  }
  .flare-campaign-visual-grid .fcv-1{
    grid-column:1/3;
    grid-row:1;
  }
  .flare-campaign-visual-grid .fcv-2{
    grid-column:1;
    grid-row:2;
  }
  .flare-campaign-visual-grid .fcv-3{
    grid-column:2;
    grid-row:2;
  }
}
@media(max-width:650px){
  .flare-campaign-visual-grid{
    display:block;
  }
  .flare-campaign-visual-grid>a{
    height:430px;
    margin-bottom:10px;
  }
  .flare-course-editorial-head{
    display:block;
    padding:0 18px 36px;
  }
  .flare-course-editorial-head>span{
    display:block;
    margin-bottom:18px;
  }
  .flare-course-editorial-head h3{
    font-size:clamp(46px,16vw,78px);
  }
  .flare-course-track span{
    min-height:115px;
    padding:0 26px;
  }
  .flare-course-footer{
    padding:20px 18px 0;
    display:block;
  }
  .flare-course-footer em{
    display:block;
    margin-top:10px;
  }
}


/* v40 — fix Flare campaign images + static course */

/* Reset the broken v39 campaign layout */
.flare-campaign-press-v40{
  background:#f4f2ed!important;
  color:#101217!important;
}
.flare-campaign-visual-grid-v40{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  grid-template-rows:420px 420px;
  gap:10px;
}
.flare-campaign-visual-grid-v40>a{
  position:relative;
  overflow:hidden;
  display:block;
  text-decoration:none;
  color:#fff;
  background:#101217;
}
.flare-campaign-visual-grid-v40 .fcv40-1{
  grid-column:1;
  grid-row:1/3;
  background:#2f66f3;
}
.flare-campaign-visual-grid-v40 .fcv40-2{
  grid-column:2;
  grid-row:1;
}
.flare-campaign-visual-grid-v40 .fcv40-3{
  grid-column:2;
  grid-row:2;
}
.fcv40-image{
  position:absolute;
  inset:0;
}
.fcv40-image:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,0) 42%,rgba(0,0,0,.7) 100%);
}
.fcv40-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.fcv40-2 .fcv40-image img{
  object-position:center 25%;
}
.fcv40-3 .fcv40-image img{
  object-position:center 50%;
}
.fcv40-copy{
  position:absolute;
  left:24px;
  right:24px;
  bottom:22px;
  z-index:2;
}
.fcv40-copy small{
  display:block;
  font-size:10px;
  letter-spacing:.12em;
  margin-bottom:10px;
  opacity:.72;
}
.fcv40-copy strong{
  display:block;
  font-size:clamp(32px,3.8vw,62px);
  line-height:.82;
  letter-spacing:-.055em;
}
.fcv40-copy span{
  display:block;
  margin-top:9px;
  font-size:15px;
}
.fcv40-copy b{
  position:absolute;
  right:0;
  bottom:0;
  font-size:22px;
  font-weight:400;
}
.fcv40-1.no-image .fcv40-copy{
  top:28px;
  bottom:28px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
.fcv40-1.no-image .fcv40-copy:before{
  content:"RIVIERA";
  position:absolute;
  top:0;
  left:0;
  font-size:clamp(70px,10vw,160px);
  line-height:.72;
  letter-spacing:-.075em;
  opacity:.13;
}
.fcv40-1.no-image .fcv40-copy strong{
  font-size:clamp(60px,7.5vw,120px);
}

/* Static course — no animation, no yellow */
.flare-course-static-v40{
  background:#2f66f3!important;
  color:#fff!important;
  padding:72px 0 76px!important;
}
.flare-course-static-head{
  display:grid;
  grid-template-columns:55px minmax(0,1fr);
  gap:24px;
  padding:0 5vw 46px;
}
.flare-course-static-head>span{
  font-size:11px;
  padding-top:8px;
}
.flare-course-static-head h3{
  margin:0;
  max-width:1000px;
  font-size:clamp(52px,6.8vw,108px);
  line-height:.79;
  letter-spacing:-.065em;
}
.flare-course-static-head p{
  max-width:560px;
  margin:28px 0 0;
  font-size:15px;
  line-height:1.48;
}
.flare-course-static-body{
  border-top:1px solid rgba(255,255,255,.7);
  border-bottom:1px solid rgba(255,255,255,.7);
}
.flare-course-static-meta{
  padding:18px 5vw;
  font-size:11px;
  letter-spacing:.12em;
  border-bottom:1px solid rgba(255,255,255,.35);
}
.flare-course-static-topics{
  display:grid;
  grid-template-columns:1fr 1fr;
}
.flare-course-static-topics>div{
  min-height:180px;
  padding:22px 5vw;
  border-right:1px solid rgba(255,255,255,.3);
  border-bottom:1px solid rgba(255,255,255,.3);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.flare-course-static-topics>div:nth-child(2n){
  border-right:0;
}
.flare-course-static-topics>div:nth-last-child(-n+2){
  border-bottom:0;
}
.flare-course-static-topics small{
  font-size:10px;
  opacity:.5;
}
.flare-course-static-topics strong{
  display:block;
  max-width:520px;
  font-size:clamp(28px,3.5vw,56px);
  line-height:.88;
  letter-spacing:-.05em;
}

/* Disable old marquee if any stale markup survives */
.flare-course-marquee,.flare-course-track{
  animation:none!important;
}

@media(max-width:900px){
  .flare-campaign-visual-grid-v40{
    grid-template-columns:1fr 1fr;
    grid-template-rows:500px 330px;
  }
  .flare-campaign-visual-grid-v40 .fcv40-1{
    grid-column:1/3;
    grid-row:1;
  }
  .flare-campaign-visual-grid-v40 .fcv40-2{
    grid-column:1;
    grid-row:2;
  }
  .flare-campaign-visual-grid-v40 .fcv40-3{
    grid-column:2;
    grid-row:2;
  }
}
@media(max-width:650px){
  .flare-campaign-visual-grid-v40{display:block}
  .flare-campaign-visual-grid-v40>a{
    height:420px;
    margin-bottom:10px;
  }
  .flare-course-static-head{
    display:block;
    padding:0 18px 36px;
  }
  .flare-course-static-head>span{
    display:block;
    margin-bottom:18px;
  }
  .flare-course-static-topics{
    display:block;
  }
  .flare-course-static-topics>div{
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.3)!important;
    padding:20px 18px;
  }
  .flare-course-static-topics>div:last-child{
    border-bottom:0!important;
  }
  .flare-course-static-meta{
    padding:18px;
  }
}


/* v41 — Katchouni image + compact white Fashion PR course */

/* Katchouni campaign image */
.flare-campaign-visual-grid-v40 .fcv40-1{
  background:#101217!important;
}
.fcv40-1 .fcv40-image img{
  object-position:center 46%!important;
}

/* Compact course section: white/off-white, black type */
.flare-course-static-v40{
  background:#f4f2ed!important;
  color:#101217!important;
  padding:46px 0 50px!important;
}
.flare-course-static-head{
  grid-template-columns:42px minmax(0,1fr)!important;
  gap:20px!important;
  padding:0 5vw 30px!important;
}
.flare-course-static-head>span{
  font-size:10px!important;
  padding-top:5px!important;
}
.flare-course-static-head h3{
  max-width:800px!important;
  font-size:clamp(38px,4.8vw,76px)!important;
  line-height:.82!important;
  letter-spacing:-.06em!important;
}
.flare-course-static-head p{
  max-width:520px!important;
  margin:20px 0 0!important;
  font-size:14px!important;
  line-height:1.45!important;
}
.flare-course-static-body{
  border-top:1px solid rgba(16,18,23,.72)!important;
  border-bottom:1px solid rgba(16,18,23,.72)!important;
}
.flare-course-static-meta{
  padding:14px 5vw!important;
  font-size:10px!important;
  letter-spacing:.11em!important;
  border-bottom:1px solid rgba(16,18,23,.3)!important;
}
.flare-course-static-topics{
  grid-template-columns:repeat(4,1fr)!important;
}
.flare-course-static-topics>div{
  min-height:118px!important;
  padding:16px 18px!important;
  border-right:1px solid rgba(16,18,23,.22)!important;
  border-bottom:0!important;
}
.flare-course-static-topics>div:first-child{
  padding-left:5vw!important;
}
.flare-course-static-topics>div:last-child{
  padding-right:5vw!important;
  border-right:0!important;
}
.flare-course-static-topics small{
  font-size:9px!important;
  opacity:.45!important;
}
.flare-course-static-topics strong{
  max-width:280px!important;
  font-size:clamp(18px,1.8vw,28px)!important;
  line-height:.98!important;
  letter-spacing:-.035em!important;
}

@media(max-width:900px){
  .flare-course-static-topics{
    grid-template-columns:1fr 1fr!important;
  }
  .flare-course-static-topics>div{
    border-bottom:1px solid rgba(16,18,23,.22)!important;
  }
  .flare-course-static-topics>div:nth-child(2n){
    border-right:0!important;
  }
}
@media(max-width:650px){
  .flare-course-static-v40{
    padding:38px 0 42px!important;
  }
  .flare-course-static-head{
    display:block!important;
    padding:0 18px 26px!important;
  }
  .flare-course-static-head>span{
    display:block!important;
    margin-bottom:14px!important;
  }
  .flare-course-static-head h3{
    font-size:clamp(38px,12vw,58px)!important;
  }
  .flare-course-static-topics{
    display:block!important;
  }
  .flare-course-static-topics>div{
    min-height:auto!important;
    padding:15px 18px!important;
    border-right:0!important;
    border-bottom:1px solid rgba(16,18,23,.22)!important;
  }
  .flare-course-static-topics>div:last-child{
    border-bottom:0!important;
  }
  .flare-course-static-meta{
    padding:13px 18px!important;
  }
}


/* v42 — Agency Side alignment */
.flare-agency-grid-v40 > div,
.flare-agency-grid > div{
  padding-left:24px!important;
  padding-right:24px!important;
}
.flare-agency-grid-v40 > div:nth-child(3n+1),
.flare-agency-grid > div:nth-child(3n+1){
  padding-left:0!important;
}
.flare-agency-grid-v40 > div:nth-child(3n),
.flare-agency-grid > div:nth-child(3n){
  padding-right:0!important;
}
.flare-agency-grid-v40 > div > *,
.flare-agency-grid > div > *{
  margin-left:0!important;
}
@media(max-width:900px){
  .flare-agency-grid-v40 > div,
  .flare-agency-grid > div{
    padding-left:18px!important;
    padding-right:18px!important;
  }
}


/* v43 — Agency Side first-column alignment */
.flare-ops-grid > div:nth-child(3n+1){
  padding-left:0!important;
}
.flare-ops-grid > div:nth-child(3n+1) small,
.flare-ops-grid > div:nth-child(3n+1) strong,
.flare-ops-grid > div:nth-child(3n+1) span{
  margin-left:0!important;
}

/* Keep all cards using the same internal top spacing */
.flare-ops-grid > div{
  padding-top:18px!important;
}

@media(max-width:900px){
  .flare-ops-grid > div:nth-child(3n+1){
    padding-left:18px!important;
  }
}
@media(min-width:901px){
  .flare-ops-grid > div:nth-child(3n+1){
    padding-left:0!important;
  }
}

/* v44 Maison Margiela */
.mm-page{margin:0;background:#f1f0ec;color:#111;font-family:Arial,Helvetica,sans-serif}.mm-page *{box-sizing:border-box}.mm-close{position:fixed;z-index:20;right:28px;top:24px;width:52px;height:52px;border:1px solid #fff;border-radius:50%;color:#fff;text-decoration:none;display:grid;place-items:center;font-size:26px}.mm-hero{height:100vh;min-height:720px;position:relative;overflow:hidden;background:#111;color:#fff}.mm-hero>img{width:100%;height:100%;object-fit:cover;object-position:center}.mm-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.58),rgba(0,0,0,.05) 70%),linear-gradient(0deg,rgba(0,0,0,.55),transparent 45%)}.mm-hero-copy{position:absolute;left:5vw;top:7vh}.mm-hero-copy span,.mm-kicker,.mm-dossier-text small,.mm-runway-copy span,.mm-end span,.mm-season small{font-size:12px;letter-spacing:.14em}.mm-hero h1{font-size:clamp(74px,11vw,180px);line-height:.76;letter-spacing:-.075em;margin:70px 0 30px}.mm-hero-copy p{font-size:18px;letter-spacing:.12em}.mm-hero-foot{position:absolute;right:5vw;bottom:7vh;text-align:right;font-size:15px;line-height:1.5;letter-spacing:.06em}.mm-intro{padding:11vw 5vw;display:grid;grid-template-columns:1fr 2.4fr;border-bottom:1px solid #111}.mm-intro h2,.mm-dossier h2,.mm-runway h2,.mm-end h2{font-size:clamp(62px,9vw,145px);line-height:.78;letter-spacing:-.065em;margin:0}.mm-intro p{max-width:700px;font-size:21px;line-height:1.45;margin:50px 0 0}.mm-seasons{background:#111;color:#fff;padding:5vw;display:grid;grid-template-columns:1.25fr .8fr 1.05fr;gap:12px}.mm-season{height:74vh;min-height:570px;position:relative;overflow:hidden;background:#252525}.mm-season img{width:100%;height:100%;object-fit:cover}.mm-season:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.72),transparent 55%)}.mm-num{position:absolute;z-index:3;top:25px;left:25px;font-size:14px}.mm-season-copy{position:absolute;z-index:3;bottom:30px;left:25px}.mm-season h3{font-size:clamp(30px,3vw,52px);line-height:.9;letter-spacing:-.045em;margin:10px 0 0}.mm-rtw-art{width:100%;height:100%;display:grid;place-items:center;background:#e8e6df;color:#111}.mm-rtw-art span{font-size:9vw;transform:rotate(-90deg);letter-spacing:-.08em}.mm-dossier{padding:10vw 5vw;background:#f1f0ec}.mm-dossier-head{display:grid;grid-template-columns:80px 1fr;align-items:start}.mm-dossier-grid{margin:8vw 0 0 33%;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #111}.mm-dossier-text{padding:35px 40px 20px 0;border-right:1px solid #aaa}.mm-dossier-text+ .mm-dossier-text{padding-left:40px;border-right:0}.mm-dossier-text p{font-size:19px;line-height:1.5;max-width:500px}.mm-runway{min-height:90vh;position:relative;background:#111;color:#fff;overflow:hidden}.mm-runway>img{position:absolute;inset:0;width:56%;height:100%;object-fit:cover}.mm-runway-copy{margin-left:56%;padding:8vw 5vw}.mm-runway h2{margin:60px 0 45px;font-size:clamp(62px,7vw,120px)}.mm-runway p{font-size:19px;line-height:1.5;max-width:560px}.mm-end{background:#111;color:#fff;padding:9vw 5vw 5vw}.mm-end h2{margin:80px 0 100px}.mm-end a{color:#fff;text-decoration:none;border-bottom:1px solid #fff;padding-bottom:8px;font-size:14px;letter-spacing:.08em}
@media(max-width:800px){.mm-seasons{display:block}.mm-season{height:65vh;min-height:500px;margin-bottom:10px}.mm-intro{display:block}.mm-intro h2{margin-top:40px}.mm-dossier-grid{margin-left:0;display:block}.mm-dossier-text{border-right:0;border-bottom:1px solid #aaa;padding:30px 0!important}.mm-runway>img{position:relative;width:100%;height:60vh}.mm-runway-copy{margin:0;padding:60px 5vw 80px}.mm-hero h1{margin-top:100px}}


/* v46 — Maison Margiela editorial rebuild */
.mm46-page{margin:0;background:#f4f2ed;color:#101217;font-family:Arial,Helvetica,sans-serif}.mm46-page *{box-sizing:border-box}.mm46-page img{display:block;width:100%;height:100%;object-fit:cover}.mm46-close{position:fixed;z-index:50;right:24px;top:20px;width:50px;height:50px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;color:#fff;text-decoration:none;font-size:25px;mix-blend-mode:difference}.mm46-hero{height:100vh;min-height:700px;position:relative;overflow:hidden;background:#111;color:#fff}.mm46-hero>img{position:absolute;inset:0}.mm46-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,.04) 64%),linear-gradient(0deg,rgba(0,0,0,.56),transparent 44%)}.mm46-hero-meta{position:absolute;top:5vw;left:5vw;right:5vw;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.13em}.mm46-hero-title{position:absolute;left:5vw;bottom:9vh}.mm46-hero-title h1{margin:0;font-size:clamp(72px,11.5vw,184px);line-height:.76;letter-spacing:-.075em}.mm46-hero-title p{margin:26px 0 0;font-size:13px;letter-spacing:.15em}.mm46-hero-foot{position:absolute;right:5vw;bottom:8vh;text-align:right;font-size:12px;line-height:1.55;letter-spacing:.09em}.mm46-role-intro{display:grid;grid-template-columns:1fr 2.4fr;padding:10vw 5vw 11vw;border-bottom:1px solid #101217}.mm46-kicker,.mm46-season-label>span,.mm46-caption span,.mm46-materials-title>span,.mm46-season-two-head>span,.mm46-season-two-note>span,.mm46-live-copy>span,.mm46-season-three-head>span,.mm46-end>span{font-size:11px;letter-spacing:.14em}.mm46-role-copy h2,.mm46-materials-title h2,.mm46-live-copy h2,.mm46-end h2{margin:0;font-size:clamp(58px,8.7vw,142px);line-height:.78;letter-spacing:-.065em}.mm46-role-copy p{max-width:690px;font-size:20px;line-height:1.45;margin:48px 0 0}.mm46-season-one{background:#101217;color:#fff;padding:7vw 5vw 8vw}.mm46-season-label{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:4vw}.mm46-season-label h3,.mm46-season-two-head h3,.mm46-season-three-head h3{font-size:clamp(48px,7vw,112px);line-height:.82;letter-spacing:-.06em;margin:0;text-align:right}.mm46-season-one-grid{display:grid;grid-template-columns:1.15fr .65fr .65fr;grid-template-rows:52vh 35vh;gap:10px}.mm46-season-one-grid figure{margin:0;overflow:hidden}.mm46-img-a{grid-row:1/3}.mm46-img-b{grid-column:2}.mm46-img-c{grid-column:3}.mm46-caption{grid-column:2/4;padding:38px 45px 20px 0;align-self:start;border-top:1px solid rgba(255,255,255,.65)}.mm46-caption p{font-size:18px;line-height:1.5;max-width:650px}.mm46-process-band{background:#2f66f3;color:#fff;padding:27px 5vw;display:flex;align-items:center;justify-content:space-between;font-size:clamp(21px,2.4vw,38px);font-weight:700;letter-spacing:-.03em}.mm46-process-band i{font-style:normal;font-weight:400;opacity:.7}.mm46-materials{display:grid;grid-template-columns:1.25fr .75fr;padding:10vw 5vw;gap:7vw;align-items:end}.mm46-materials-copy{border-top:1px solid #101217;padding-top:27px}.mm46-materials-copy p{font-size:19px;line-height:1.5;margin:0;max-width:520px}.mm46-season-two{background:#e7e5df;padding:7vw 5vw 8vw}.mm46-season-two-head{display:grid;grid-template-columns:.4fr 1.6fr;align-items:end;margin-bottom:4vw}.mm46-season-two-grid{display:grid;grid-template-columns:.8fr 1.25fr .8fr;gap:10px;height:72vh;min-height:590px}.mm46-season-two-grid figure{margin:0;overflow:hidden}.mm46-season-two-grid figure:nth-child(2){transform:translateY(6vw);height:calc(100% - 6vw)}.mm46-season-two-note{width:54%;margin:9vw 0 0 auto;border-top:1px solid #101217;padding-top:26px}.mm46-season-two-note p{font-size:18px;line-height:1.5;max-width:650px}.mm46-live{background:#101217;color:#fff;padding:9vw 5vw;display:grid;grid-template-columns:1fr auto;align-items:end}.mm46-live-copy p{font-size:19px;line-height:1.5;max-width:650px;margin:45px 0 0}.mm46-live-number{font-size:clamp(120px,24vw,380px);line-height:.65;letter-spacing:-.08em;color:#2f66f3;font-weight:700}.mm46-season-three{padding:7vw 5vw 9vw}.mm46-season-three-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:4vw}.mm46-season-three-grid{display:grid;grid-template-columns:1.25fr .7fr;grid-template-rows:40vh 40vh;gap:10px}.mm46-season-three-grid figure{margin:0;overflow:hidden}.mm46-couture-main{grid-row:1/3}.mm46-summary{border-top:1px solid #101217;border-bottom:1px solid #101217;display:grid;grid-template-columns:repeat(4,1fr);margin:0 5vw 9vw}.mm46-summary>div{padding:28px 24px 30px;border-right:1px solid #b7b4ad;min-height:180px}.mm46-summary>div:last-child{border-right:0}.mm46-summary span{font-size:10px;color:#777}.mm46-summary strong{display:block;font-size:18px;margin:38px 0 13px;line-height:1.05}.mm46-summary p{font-size:14px;line-height:1.4;margin:0;color:#4c4c4c}.mm46-end{background:#101217;color:#fff;padding:8vw 5vw 5vw}.mm46-end h2{margin:70px 0 100px}.mm46-end a{color:#fff;text-decoration:none;border-bottom:1px solid #fff;padding-bottom:7px;font-size:13px;letter-spacing:.1em}
@media(max-width:800px){.mm46-role-intro,.mm46-materials{display:block}.mm46-role-copy h2,.mm46-materials-title h2{margin-top:30px}.mm46-role-copy p{font-size:17px}.mm46-season-label,.mm46-season-three-head{display:block}.mm46-season-label h3,.mm46-season-three-head h3{text-align:left;margin-top:20px}.mm46-season-one-grid{grid-template-columns:1fr 1fr;grid-template-rows:65vh 45vh auto}.mm46-img-a{grid-column:1/3;grid-row:1}.mm46-img-b{grid-column:1;grid-row:2}.mm46-img-c{grid-column:2;grid-row:2}.mm46-caption{grid-column:1/3;grid-row:3;padding-right:0}.mm46-process-band{overflow:auto;gap:24px;justify-content:flex-start;white-space:nowrap}.mm46-materials-copy{margin-top:50px}.mm46-season-two-head{display:block}.mm46-season-two-head h3{text-align:left;margin-top:20px}.mm46-season-two-grid{height:auto;min-height:0;grid-template-columns:1fr 1fr}.mm46-season-two-grid figure{height:55vh}.mm46-season-two-grid figure:nth-child(2){transform:none;height:55vh}.mm46-season-two-grid figure:last-child{grid-column:1/3}.mm46-season-two-note{width:100%;margin-top:55px}.mm46-live{display:block}.mm46-live-number{margin-top:80px;text-align:right}.mm46-season-three-grid{grid-template-columns:1fr 1fr;grid-template-rows:65vh 45vh}.mm46-couture-main{grid-column:1/3;grid-row:1}.mm46-summary{grid-template-columns:1fr 1fr}.mm46-summary>div:nth-child(2n){border-right:0}.mm46-summary>div{border-bottom:1px solid #b7b4ad}.mm46-hero-foot{display:none}}

/* v47 — Maison Margiela editorial rebuild */
.mm47-page{margin:0;background:#f2f0eb;color:#111;font-family:Arial,Helvetica,sans-serif}.mm47-page *{box-sizing:border-box}.mm47-close{position:fixed;z-index:30;right:28px;top:24px;width:52px;height:52px;border:1px solid rgba(255,255,255,.8);border-radius:50%;color:#fff;text-decoration:none;display:grid;place-items:center;font-size:26px;background:rgba(0,0,0,.12);backdrop-filter:blur(5px)}
.mm47-hero{display:grid;grid-template-columns:.72fr 1.28fr;background:#101217;color:#fff;align-items:stretch}.mm47-hero-copy{padding:6vw 4.5vw;display:flex;flex-direction:column;min-width:0}.mm47-hero-copy>span,.mm47-intro>span,.mm47-show-head span,.mm47-role-title span,.mm47-live-kicker,.mm47-end span{font-size:11px;letter-spacing:.14em}.mm47-hero-copy h1{font-size:clamp(66px,8vw,145px);line-height:.77;letter-spacing:-.07em;margin:13vh 0 28px}.mm47-hero-copy>p{font-size:16px;letter-spacing:.1em;margin:0}.mm47-hero-note{margin-top:auto;padding-top:70px;max-width:440px;font-size:18px;line-height:1.45}.mm47-hero-image{margin:0;line-height:0}.mm47-hero-image img{display:block;width:100%;height:auto}
.mm47-intro{padding:9vw 5vw 10vw;display:grid;grid-template-columns:1fr 1.6fr;column-gap:6vw;align-items:start;border-bottom:1px solid #111}.mm47-intro>span{grid-column:1}.mm47-intro h2{grid-column:1;font-size:clamp(64px,9vw,140px);line-height:.78;letter-spacing:-.07em;margin:55px 0 0}.mm47-intro p{grid-column:2;grid-row:1/3;align-self:end;max-width:650px;font-size:21px;line-height:1.48;margin:0 0 12px}
.mm47-show{padding:6vw 4vw 7vw}.mm47-show-dark{background:#101217;color:#fff}.mm47-show-light{background:#f2f0eb;color:#111}.mm47-show-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:34px}.mm47-show-head h3{font-size:clamp(38px,5.8vw,92px);line-height:.84;letter-spacing:-.055em;margin:0;text-align:right}.mm47-gallery{display:grid;gap:10px;align-items:start}.mm47-gallery-three{grid-template-columns:repeat(3,minmax(0,1fr))}.mm47-gallery figure{margin:0;background:transparent}.mm47-gallery img{display:block;width:100%;height:auto}
.mm47-role-story{padding:9vw 5vw 10vw;display:grid;grid-template-columns:70px 1.15fr 1fr;gap:4vw;align-items:start;background:#dfe5ff}.mm47-role-number{font-size:12px;letter-spacing:.12em;padding-top:8px}.mm47-role-title h2{font-size:clamp(60px,8vw,126px);line-height:.78;letter-spacing:-.065em;margin:26px 0 0}.mm47-role-copy{padding-top:44px}.mm47-role-copy p{font-size:19px;line-height:1.5;max-width:560px;margin:0 0 30px}.mm47-role-copy p+p{padding-top:30px;border-top:1px solid rgba(17,17,17,.35)}
.mm47-live-story{background:#2f66f3;color:#fff;padding:9vw 5vw 10vw}.mm47-live-story h2{font-size:clamp(70px,10vw,170px);line-height:.72;letter-spacing:-.075em;margin:65px 0 70px;white-space:nowrap}.mm47-live-story p{max-width:760px;margin-left:auto;font-size:21px;line-height:1.48}.mm47-last-show{padding-bottom:9vw}
.mm47-end{background:#101217;color:#fff;padding:38px 5vw;display:flex;justify-content:space-between;align-items:center;gap:25px}.mm47-end a{color:#fff;text-decoration:none;font-size:13px;letter-spacing:.08em;border-bottom:1px solid rgba(255,255,255,.7);padding-bottom:6px}
/* Homepage Margiela card: use requested hero and keep subject centred */
.work-v14-card[data-id="margiela"] .work-v14-media>img{object-position:center center!important;filter:saturate(.9) contrast(1.02)}
.work-v14-card[data-id="margiela"]:hover .work-v14-media>img{filter:saturate(1) contrast(1.02)}
@media(max-width:900px){.mm47-hero{grid-template-columns:1fr}.mm47-hero-copy h1{margin-top:85px}.mm47-intro{grid-template-columns:1fr}.mm47-intro p{grid-column:1;grid-row:auto;margin-top:55px}.mm47-gallery-three{grid-template-columns:1fr 1fr}.mm47-gallery-three figure:first-child{grid-column:1/3}.mm47-role-story{grid-template-columns:45px 1fr}.mm47-role-copy{grid-column:2}.mm47-live-story h2{white-space:normal}.mm47-show-head{display:block}.mm47-show-head h3{text-align:left;margin-top:18px}}
@media(max-width:620px){.mm47-gallery-three{display:block}.mm47-gallery figure{margin-bottom:10px}.mm47-role-story{display:block}.mm47-role-title{margin-top:20px}.mm47-role-copy{padding-top:30px}.mm47-hero-copy,.mm47-intro,.mm47-show,.mm47-role-story,.mm47-live-story{padding-left:18px;padding-right:18px}.mm47-end{padding-left:18px;padding-right:18px}.mm47-live-story p{font-size:18px}}


/* v48 — Margiela visual consistency */
.mm48-hero{
  position:relative;
  height:88vh;
  min-height:680px;
  overflow:hidden;
  background:#101217;
  color:#fff;
}
.mm48-hero-image{position:absolute;inset:0;margin:0}
.mm48-hero-image img{
  width:100%;height:100%;display:block;object-fit:cover;object-position:center 45%;
}
.mm48-hero-shade{
  position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(5,6,9,.82) 0%,rgba(5,6,9,.48) 34%,rgba(5,6,9,.12) 68%,rgba(5,6,9,.04) 100%),
    linear-gradient(0deg,rgba(5,6,9,.48) 0%,rgba(5,6,9,0) 42%);
}
.mm48-hero-top{
  position:absolute;top:28px;left:4vw;right:92px;
  display:flex;justify-content:space-between;gap:30px;
  font-size:11px;letter-spacing:.11em;
}
.mm48-hero-copy{
  position:absolute;left:4vw;bottom:7vh;width:min(820px,72vw);
}
.mm48-hero-copy h1{
  margin:0;font-size:clamp(72px,10.6vw,178px);line-height:.76;
  letter-spacing:-.075em;font-weight:700;
}
.mm48-hero-copy h3{
  margin:16px 0 25px;font-family:var(--serif);font-style:italic;
  font-size:clamp(32px,3.7vw,58px);line-height:.92;font-weight:400;
}
.mm48-hero-copy p{
  margin:0;max-width:720px;font-size:clamp(14px,1.15vw,18px);line-height:1.46;
}

.mm47-page{background:#fff!important}
.mm48-white{background:#fff!important;color:#101217!important}
.mm47-show-light{background:#fff!important;color:#101217!important}
.mm48-role-story{
  background:#fff!important;color:#101217!important;
  border-top:1px solid rgba(16,18,23,.28);
  border-bottom:1px solid rgba(16,18,23,.28);
}
.mm47-live-story{background:#2f66f3!important;color:#fff!important}
.mm47-show-dark,.mm47-last-show,.mm47-end{background:#101217!important;color:#fff!important}

.work-v14-card[data-id="margiela"] .work-v14-media>img{
  object-position:30% center!important;
  filter:saturate(.9) contrast(1.02)!important;
}

.mm47-gallery img{
  width:100%!important;height:auto!important;object-fit:contain!important;
}
.mm47-gallery figure{
  overflow:hidden;background:transparent!important;
}
.mm47-intro{
  border-bottom:1px solid rgba(16,18,23,.28)!important;
}

@media(max-width:900px){
  .mm48-hero{height:84vh;min-height:620px}
  .mm48-hero-copy{width:82vw}
  .mm48-hero-image img{object-position:42% center}
}
@media(max-width:620px){
  .mm48-hero-top{left:18px;right:78px}
  .mm48-hero-copy{left:18px;bottom:6vh;width:calc(100vw - 36px)}
  .mm48-hero-copy h1{font-size:clamp(58px,19vw,92px)}
}


/* v49 — Margiela discipline banner + homepage crop */
.mm49-discipline-banner{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  background:#2f66f3;
  color:#fff;
  border-top:1px solid rgba(16,18,23,.55);
  border-bottom:1px solid rgba(16,18,23,.55);
}
.mm49-discipline-banner>div{
  min-height:250px;
  padding:30px 3.2vw 26px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  border-right:1px solid rgba(16,18,23,.45);
}
.mm49-discipline-banner>div:last-child{border-right:0}
.mm49-discipline-banner strong{
  display:block;
  font-size:clamp(64px,7vw,128px);
  line-height:.82;
  letter-spacing:-.065em;
  font-weight:700;
}
.mm49-discipline-banner span{
  font-size:12px;
  letter-spacing:.12em;
  line-height:1.35;
}

/* Homepage: a little closer and further right than v48.
   The source is portrait-oriented, so scaling slightly creates the requested tighter crop. */
.work-v14-card[data-id="margiela"] .work-v14-media>img{
  object-position:23% center!important;
  transform:scale(1.07)!important;
  transform-origin:23% 50%!important;
}

@media(max-width:760px){
  .mm49-discipline-banner{grid-template-columns:1fr}
  .mm49-discipline-banner>div{
    min-height:170px;
    border-right:0;
    border-bottom:1px solid rgba(16,18,23,.45);
  }
  .mm49-discipline-banner>div:last-child{border-bottom:0}
  .mm49-discipline-banner strong{font-size:clamp(58px,18vw,90px)}
}


/* v50 — match the established work-page blue banner exactly */
.mm49-discipline-banner{display:none!important;}

.mm50-discipline-banner{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  width:100%;
  background:#2f66f3;
  color:#fff;
  border-top:1px solid rgba(16,18,23,.55);
  border-bottom:1px solid rgba(16,18,23,.55);
}
.mm50-discipline-banner>div{
  height:215px;
  box-sizing:border-box;
  padding:25px 32px 27px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  align-items:flex-start;
  border-right:1px solid rgba(16,18,23,.5);
}
.mm50-discipline-banner>div:last-child{border-right:0}
.mm50-discipline-banner strong{
  margin:0;
  font-family:var(--sans);
  font-size:clamp(76px,7.4vw,116px);
  line-height:.8;
  letter-spacing:-.065em;
  font-weight:700;
  white-space:nowrap;
}
.mm50-discipline-banner span{
  margin:0;
  font-family:var(--sans);
  font-size:11px;
  line-height:1;
  letter-spacing:.12em;
  font-weight:500;
  white-space:nowrap;
}

@media(max-width:900px){
  .mm50-discipline-banner{grid-template-columns:1fr}
  .mm50-discipline-banner>div{
    height:170px;
    border-right:0;
    border-bottom:1px solid rgba(16,18,23,.5);
  }
  .mm50-discipline-banner>div:last-child{border-bottom:0}
  .mm50-discipline-banner strong{
    font-size:clamp(62px,16vw,92px);
  }
}




/* No custom Margiela font sizing or padding here:
   .cs-facts, .cs-facts > div, .cs-facts strong and .cs-facts span
   now control the strip exactly as they do on the other work pages. */
@media(max-width:900px){
  .mm51-facts{grid-template-columns:1fr 1fr!important}
}
@media(max-width:600px){
  .mm51-facts{grid-template-columns:1fr!important}
}




/* Keep the shared .cs-facts geometry, but scale the long headings just enough to fit */
.mm54-facts strong{
  font-size:clamp(52px,5.7vw,88px)!important;
  line-height:.84!important;
  letter-spacing:-.055em!important;
  white-space:nowrap!important;
}

.mm54-facts span{
  font-size:10px!important;
  line-height:1.2!important;
  letter-spacing:.12em!important;
  white-space:normal!important;
}

@media(max-width:1100px){
  .mm54-facts strong{
    font-size:clamp(44px,5.2vw,70px)!important;
  }
}
@media(max-width:760px){
  .mm54-facts{
    grid-template-columns:1fr!important;
  }
  .mm54-facts strong{
    font-size:clamp(58px,16vw,84px)!important;
  }
}




/* Match the inset used by the other work banners exactly on BOTH outer edges. */
.mm54-facts > div{
  box-sizing:border-box!important;
  min-height:172px!important;
  padding:28px 34px 26px!important;
  overflow:hidden!important;
  justify-content:flex-start!important;
}

/* Smaller than the other work-page words, because Margiela's labels are longer. */
.mm54-facts .mm-word{
  display:block!important;
  margin:0!important;
  line-height:.82!important;
  letter-spacing:-.055em!important;
  white-space:nowrap!important;
}

/* Size each word to its column rather than forcing one oversized size on all three. */
.mm54-facts .mm-word-collection{font-size:clamp(42px,4.05vw,63px)!important;}
.mm54-facts .mm-word-backstage{font-size:clamp(42px,4.05vw,63px)!important;}
.mm54-facts .mm-word-runway{font-size:clamp(48px,4.65vw,72px)!important;}

/* Pull the descriptor up so it reads as one unit with the heading. */
.mm54-facts span{
  display:block!important;
  margin-top:38px!important;
  max-width:180px!important;
  font-size:10px!important;
  line-height:1.12!important;
  letter-spacing:.12em!important;
  white-space:normal!important;
}

/* Keep the right-most cell optically balanced against the left-most cell. */
.mm54-facts > div:last-child{
  padding-right:34px!important;
}

@media(max-width:1100px){
  .mm54-facts > div{padding-left:28px!important;padding-right:28px!important;}
  .mm54-facts .mm-word-collection,
  .mm54-facts .mm-word-backstage{font-size:clamp(35px,3.85vw,50px)!important;}
  .mm54-facts .mm-word-runway{font-size:clamp(40px,4.5vw,58px)!important;}
  .mm54-facts span{margin-top:30px!important;}
}

@media(max-width:760px){
  .mm54-facts{grid-template-columns:1fr!important;}
  .mm54-facts > div{min-height:150px!important;padding:24px 28px!important;}
  .mm54-facts .mm-word-collection,
  .mm54-facts .mm-word-backstage,
  .mm54-facts .mm-word-runway{font-size:clamp(44px,13vw,64px)!important;}
  .mm54-facts span{margin-top:26px!important;}
}


/* SAME size for COLLECTION / BACKSTAGE / RUNWAY */
.mm54-facts strong{
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  margin:0!important;
  font-size:clamp(38px,3.55vw,56px)!important;
  line-height:.86!important;
  letter-spacing:-.045em!important;
  font-weight:700!important;
  white-space:nowrap!important;
}

/* Same vertical relationship beneath every heading */
.mm54-facts span{
  display:block!important;
  margin-top:24px!important;
  max-width:210px!important;
  font-size:10px!important;
  line-height:1.15!important;
  letter-spacing:.12em!important;
  white-space:normal!important;
}

/* Identical left and right inset in every cell, including the outer edges */
.mm54-facts > div:first-child,
.mm54-facts > div:last-child{
  padding-left:36px!important;
  padding-right:36px!important;
}

@media(max-width:1200px){
  .mm54-facts > div{
    padding-left:28px!important;
    padding-right:28px!important;
  }
  .mm54-facts strong{
    font-size:clamp(34px,3.4vw,46px)!important;
  }
  .mm54-facts span{
    margin-top:20px!important;
  }
}

@media(max-width:760px){
  .mm54-facts{
    grid-template-columns:1fr!important;
  }
  .mm54-facts > div{
    min-height:145px!important;
    padding:24px 28px!important;
  }
  .mm54-facts strong{
    font-size:clamp(42px,12vw,60px)!important;
  }
  .mm54-facts span{
    margin-top:18px!important;
  }
}


/* v58 — Margiela banner: same font size, balanced outer edges */
.mm54-facts{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  background:#2f66f3!important;
  color:#fff!important;
}

.mm54-facts > div{
  box-sizing:border-box!important;
  min-width:0!important;
  min-height:184px!important;
  padding:28px 36px 26px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  overflow:hidden!important;
}

/* ONE heading size across all three */
.mm54-facts strong{
  display:block!important;
  margin:0!important;
  font-size:clamp(38px,3.55vw,56px)!important;
  line-height:.86!important;
  letter-spacing:-.045em!important;
  font-weight:700!important;
  white-space:nowrap!important;
}

/* Same vertical spacing for all descriptors */
.mm54-facts span{
  display:block!important;
  margin-top:24px!important;
  font-size:10px!important;
  line-height:1.15!important;
  letter-spacing:.12em!important;
  white-space:normal!important;
}

/* Optical alignment across the whole banner:
   left edge = 36px, right edge = 36px */
.mm54-facts > div:nth-child(1){
  align-items:flex-start!important;
  text-align:left!important;
}
.mm54-facts > div:nth-child(2){
  align-items:center!important;
  text-align:left!important;
}
.mm54-facts > div:nth-child(3){
  align-items:flex-end!important;
  text-align:left!important;
}

/* Keep descriptor blocks attached to their heading alignment */
.mm54-facts > div:nth-child(1) span,
.mm54-facts > div:nth-child(1) strong{
  align-self:flex-start!important;
}
.mm54-facts > div:nth-child(2) span,
.mm54-facts > div:nth-child(2) strong{
  align-self:center!important;
}
.mm54-facts > div:nth-child(3) span,
.mm54-facts > div:nth-child(3) strong{
  align-self:flex-end!important;
}

/* Preserve readable descriptor widths */
.mm54-facts span{
  width:max-content!important;
  max-width:210px!important;
}

@media(max-width:1200px){
  .mm54-facts > div{
    padding-left:28px!important;
    padding-right:28px!important;
  }
  .mm54-facts strong{
    font-size:clamp(34px,3.4vw,46px)!important;
  }
  .mm54-facts span{
    margin-top:20px!important;
  }
}

@media(max-width:760px){
  .mm54-facts{
    grid-template-columns:1fr!important;
  }
  .mm54-facts > div{
    min-height:145px!important;
    padding:24px 28px!important;
    align-items:flex-start!important;
  }
  .mm54-facts > div strong,
  .mm54-facts > div span{
    align-self:flex-start!important;
  }
  .mm54-facts strong{
    font-size:clamp(42px,12vw,60px)!important;
  }
  .mm54-facts span{
    margin-top:18px!important;
  }
}

/* v59 — homepage manifesto background */
.manifesto{
  background:#fff !important;
  color:var(--ink) !important;
}


/* v60 — consolidated MA section */
.masters-v60{
  background:#e9e9e6!important;
  color:var(--ink)!important;
  padding:72px 24px 120px!important;
}

.masters-v60-intro{
  display:grid;
  grid-template-columns:.72fr 1.45fr 1fr;
  gap:32px;
  align-items:end;
  border-top:1px solid rgba(12,14,19,.78);
  border-bottom:1px solid rgba(12,14,19,.78);
  padding:34px 0 30px;
  margin-bottom:70px;
}

.masters-v60-index{
  align-self:center;
  font-family:var(--sans);
  font-size:10px;
  letter-spacing:.09em;
}

.masters-v60-intro h2{
  margin:0;
  font-family:var(--sans);
  font-size:clamp(54px,6vw,94px);
  line-height:.76;
  letter-spacing:-.06em;
  font-weight:700;
}

.masters-v60-intro h2 i{
  font-family:var(--serif);
  font-weight:400;
}

.masters-v60-copy{
  align-self:center;
  max-width:560px;
}

.masters-v60-copy p{
  margin:0;
  font-family:var(--sans);
  font-size:14px;
  line-height:1.45;
}

.masters-v60-copy p + p{
  margin-top:12px;
  color:rgba(12,14,19,.72);
}

.masters-v60 .ma-grid{
  margin-top:0;
}

/* remove the old lavender section styling if it survives elsewhere */
.masters-section{
  background:#e9e9e6;
}

@media(max-width:900px){
  .masters-v60-intro{
    grid-template-columns:1fr 1.6fr;
  }
  .masters-v60-copy{
    grid-column:2;
  }
}

@media(max-width:650px){
  .masters-v60{
    padding:58px 16px 90px!important;
  }
  .masters-v60-intro{
    grid-template-columns:1fr;
    align-items:start;
    padding:26px 0;
    margin-bottom:50px;
  }
  .masters-v60-copy{
    grid-column:1;
  }
}


/* v61 — keep GANNI visibly present in the consolidated MA section */
.ma-card-ganni{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
}


/* v62 — MA projects are fixed in the markup so GANNI cannot disappear */
#masters .ma-grid-v62{
  display:flex!important;
  flex-direction:column!important;
}
#masters .ma-grid-v62 .ma-card{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  transform:none!important;
}
.ma-project-link{
  display:inline-block;
  margin-top:22px;
  padding-bottom:4px;
  border-bottom:1px solid currentColor;
  font-size:10px;
  letter-spacing:.1em;
}
.ma-research-visual{
  display:flex!important;
  align-items:flex-end;
  padding:28px;
  background:#d5d5d1;
  color:#101217;
  height:390px;
  box-sizing:border-box;
}
.ma-research-visual span{
  font-size:clamp(48px,6vw,90px);
  line-height:.78;
  letter-spacing:-.065em;
  font-weight:700;
}
.ma-private-note{
  margin-top:24px!important;
  font-size:11px!important;
  color:rgba(12,14,19,.62);
}

/* Full GANNI project moment — deliberately visible beneath the MA list */
.ganni-feature{
  margin-top:90px;
  padding-top:34px;
  border-top:1px solid rgba(12,14,19,.8);
}
.ganni-feature-head{
  display:grid;
  grid-template-columns:.55fr 1.35fr 1fr;
  gap:30px;
  align-items:end;
  padding-bottom:42px;
}
.ganni-feature-head>span{
  align-self:start;
  font-size:10px;
  letter-spacing:.1em;
}
.ganni-feature-head h3{
  margin:0;
  font-size:clamp(66px,8vw,126px);
  line-height:.72;
  letter-spacing:-.07em;
}
.ganni-feature-head h3 i{
  font-family:var(--serif);
  font-weight:400;
}
.ganni-feature-head p{
  margin:0;
  max-width:500px;
  font-size:14px;
  line-height:1.45;
}
.ganni-feature-grid{
  display:grid;
  grid-template-columns:1.3fr .7fr;
  grid-template-rows:1fr 1fr;
  gap:10px;
}
.ganni-feature-grid figure{
  margin:0;
  overflow:hidden;
  min-height:280px;
  background:#d5d5d1;
}
.ganni-feature-grid .ganni-feature-main{
  grid-row:1 / span 2;
  min-height:650px;
}
.ganni-feature-grid img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.ganni-feature-foot{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid rgba(12,14,19,.8);
  border-bottom:1px solid rgba(12,14,19,.8);
}
.ganni-feature-foot>div{
  min-height:120px;
  padding:18px 20px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  border-right:1px solid rgba(12,14,19,.45);
}
.ganni-feature-foot>div:last-child{border-right:0}
.ganni-feature-foot strong{
  font-size:clamp(34px,4.2vw,64px);
  line-height:.85;
  letter-spacing:-.05em;
}
.ganni-feature-foot span{
  font-size:9px;
  letter-spacing:.11em;
}

/* Contact details */
.contact-v62 .email{
  margin-bottom:34px;
}
.contact-phones{
  display:flex;
  gap:36px;
  flex-wrap:wrap;
  margin-bottom:90px;
}
.contact-phones a{
  font-size:clamp(24px,3.2vw,52px);
  letter-spacing:-.04em;
  border-bottom:1px solid rgba(255,255,255,.55);
  padding-bottom:4px;
}
.contact-phones a:hover{
  font-family:var(--serif);
  font-style:italic;
}

@media(max-width:800px){
  .ganni-feature-head{
    grid-template-columns:1fr;
  }
  .ganni-feature-grid{
    grid-template-columns:1fr;
    grid-template-rows:auto;
  }
  .ganni-feature-grid .ganni-feature-main{
    grid-row:auto;
    min-height:520px;
  }
  .ganni-feature-grid figure{min-height:420px}
  .ganni-feature-foot{grid-template-columns:1fr}
  .ganni-feature-foot>div{border-right:0;border-bottom:1px solid rgba(12,14,19,.45)}
  .ganni-feature-foot>div:last-child{border-bottom:0}
}


/* v63 — consolidated Ideas in Practice */
#masters.masters-section{background:#e9e9e6!important}
#masters .ma-card-clickable{cursor:pointer}
#masters .ma-card-clickable:focus-visible{outline:2px solid currentColor;outline-offset:6px}
#masters .ma-card-clickable .ma-project-link{width:max-content}
#masters .ma-card-text-only{
  grid-template-columns:80px 1.5fr 1fr!important;
  min-height:360px;
}
#masters .ma-card-text-only .ma-copy{
  grid-column:2 / 4;
  max-width:900px;
  padding:28px 0 38px;
}
#masters .ma-card-text-only .ma-copy h3{font-size:clamp(56px,7vw,108px)}
.ma-dissertation-method{max-width:650px;margin-top:18px!important}

/* v63 — compact contact */
.contact-v62 .email{
  display:inline-block;
  margin:18px 0 18px!important;
  font-size:clamp(22px,2.4vw,38px)!important;
  letter-spacing:-.035em!important;
  text-transform:none!important;
}
.contact-phones{
  display:flex;
  gap:22px!important;
  flex-wrap:wrap;
  margin-bottom:48px!important;
}
.contact-phones a{
  font-size:clamp(16px,1.65vw,25px)!important;
  letter-spacing:-.02em!important;
  padding-bottom:3px!important;
}

/* v63 — MA case-study overlay */
.ma-dialog{width:min(1240px,96vw);max-height:94vh}
.ma-case{background:#f4f2ed;color:#101217}
.ma-case-hero{
  min-height:72vh;
  position:relative;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  overflow:hidden;
  border-bottom:1px solid rgba(12,14,19,.7);
}
.ma-case-hero img{width:100%;height:100%;object-fit:cover;display:block}
.ma-case-hero-copy{padding:56px 44px;display:flex;flex-direction:column;justify-content:space-between}
.ma-case-kicker{font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.ma-case-hero h2{font-size:clamp(66px,8vw,126px);line-height:.76;letter-spacing:-.07em;margin:50px 0 28px}
.ma-case-hero h2 i{font-family:var(--serif);font-weight:400}
.ma-case-hero p{font-size:17px;line-height:1.5;max-width:520px}
.ma-case-facts{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid rgba(12,14,19,.7)}
.ma-case-facts div{padding:22px;border-right:1px solid rgba(12,14,19,.35);min-height:105px;display:flex;flex-direction:column;justify-content:space-between}
.ma-case-facts div:last-child{border-right:0}
.ma-case-facts strong{font-size:26px;letter-spacing:-.04em}
.ma-case-facts span{font-size:9px;letter-spacing:.1em;text-transform:uppercase}
.ma-case-section{padding:72px 44px;border-bottom:1px solid rgba(12,14,19,.7)}
.ma-case-section-head{display:grid;grid-template-columns:90px 1fr 1fr;gap:28px;align-items:start;margin-bottom:42px}
.ma-case-section-head span{font-size:10px;letter-spacing:.1em}
.ma-case-section-head h3{font-size:clamp(44px,5vw,78px);line-height:.85;letter-spacing:-.055em;margin:0}
.ma-case-section-head p{font-size:15px;line-height:1.5;margin:0;max-width:520px}
.ma-case-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.ma-case-gallery figure{margin:0;min-height:420px;background:#ddd;overflow:hidden}
.ma-case-gallery figure:first-child:nth-last-child(3){grid-row:span 2}
.ma-case-gallery img{width:100%;height:100%;object-fit:cover;display:block}
.ma-case-points{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(12,14,19,.45)}
.ma-case-points div{padding:24px 20px;min-height:180px;border-right:1px solid rgba(12,14,19,.35)}
.ma-case-points div:last-child{border-right:0}
.ma-case-points strong{display:block;font-size:11px;letter-spacing:.08em;margin-bottom:30px}
.ma-case-points p{font-size:14px;line-height:1.5;margin:0}
.ma-case-end{padding:28px 44px;display:flex;justify-content:space-between;align-items:center}
.ma-case-end span,.ma-case-end button{font-size:10px;letter-spacing:.1em}
.ma-case-end button{border:0;background:transparent;border-bottom:1px solid currentColor;padding:0 0 4px;cursor:pointer}

@media(max-width:800px){
  #masters .ma-card-text-only{display:block!important;min-height:0}
  #masters .ma-card-text-only .ma-copy{padding:20px 0 34px}
  .ma-case-hero{grid-template-columns:1fr;min-height:0}
  .ma-case-hero img{height:65vw;min-height:360px}
  .ma-case-hero-copy{padding:38px 22px}
  .ma-case-facts{grid-template-columns:repeat(2,1fr)}
  .ma-case-facts div:nth-child(2){border-right:0}
  .ma-case-section{padding:52px 22px}
  .ma-case-section-head{grid-template-columns:1fr}
  .ma-case-gallery{grid-template-columns:1fr}
  .ma-case-gallery figure,.ma-case-gallery figure:first-child:nth-last-child(3){min-height:75vw;grid-row:auto}
  .ma-case-points{grid-template-columns:1fr}
  .ma-case-points div{border-right:0;border-bottom:1px solid rgba(12,14,19,.35)}
  .ma-case-end{padding:24px 22px}
}


/* v64 — MA project refinements */
.ma-case-award{margin-top:26px;padding:16px 0 0;border-top:1px solid currentColor;font-size:11px;line-height:1.35;letter-spacing:.085em;text-transform:uppercase;max-width:620px}
.ma-case-gallery{grid-auto-rows:minmax(320px,52vw)}
.ma-case-gallery figure{min-height:0}
.ma-case-gallery figure:nth-child(3n+1):nth-last-child(n+4){grid-column:span 2;min-height:520px}
@media(max-width:800px){.ma-case-gallery{grid-auto-rows:auto}.ma-case-gallery figure:nth-child(3n+1):nth-last-child(n+4){grid-column:auto;min-height:75vw}}

/* v65 — MA case studies aligned with the Work section */
.ma-dialog{background:#101217!important;color:#fff!important}
.ma65-case{font-family:var(--sans);background:#f2f0eb;color:#0c0e13}
.ma65-hero{height:76vh;min-height:620px;position:relative;overflow:hidden;background:#101217;color:#fff}
.ma65-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.82) contrast(1.04)}
.ma65-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,6,8,.16) 0%,rgba(5,6,8,.22) 34%,rgba(5,6,8,.88) 100%)}
.ma65-hero-top{position:absolute;top:28px;left:4vw;right:90px;display:flex;justify-content:space-between;gap:30px;font-size:10px;letter-spacing:.09em;text-transform:uppercase}
.ma65-hero-copy{position:absolute;left:4vw;right:4vw;bottom:5.5vh;display:grid;grid-template-columns:1.2fr .8fr;gap:7vw;align-items:end}
.ma65-hero-copy h2{font-size:clamp(96px,15vw,250px);line-height:.68;letter-spacing:-.085em;margin:0;font-weight:700;text-transform:uppercase}
.ma65-hero-copy p{font-size:clamp(15px,1.25vw,20px);line-height:1.5;margin:0;max-width:610px}
.ma65-recognition{display:grid;grid-template-columns:.42fr 1.58fr;gap:30px;padding:28px 4vw 32px;background:#101217;color:#fff;border-top:1px solid rgba(255,255,255,.36)}
.ma65-recognition span{font-size:10px;letter-spacing:.09em}
.ma65-recognition strong{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(25px,3vw,48px);line-height:1.05;max-width:1050px}
.ma65-thesis{padding:105px 4vw 115px;display:grid;grid-template-columns:90px minmax(0,1.35fr) minmax(260px,.65fr);gap:34px;align-items:start;border-bottom:1px solid rgba(12,14,19,.7)}
.ma65-thesis>span,.ma65-copy>span,.ma65-skills>span{font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.ma65-thesis h3{font-size:clamp(66px,8vw,135px);line-height:.78;letter-spacing:-.07em;margin:0;font-weight:700}
.ma65-thesis p{font-family:var(--serif);font-size:clamp(23px,2.2vw,36px);line-height:1.08;margin:0;font-style:italic}
.ma65-block{padding:92px 4vw 105px;border-bottom:1px solid rgba(12,14,19,.55)}
.ma65-copy{display:grid;grid-template-columns:90px minmax(280px,.95fr) minmax(280px,.75fr);gap:34px;align-items:start;margin-bottom:48px}
.ma65-copy h3{font-size:clamp(50px,6vw,98px);line-height:.8;letter-spacing:-.065em;margin:0;font-weight:700}
.ma65-copy p{font-size:15px;line-height:1.55;max-width:560px;margin:0}
.ma65-feature figure,.ma65-duo-images figure,.ma65-poster-grid figure{margin:0;overflow:hidden;background:#d5d3ce}
.ma65-feature figure{width:100%;aspect-ratio:16/9}
.ma65-feature figure img{width:100%;height:100%;object-fit:cover;display:block}
.ma65-duo-images{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ma65-duo-images figure{aspect-ratio:16/9}
.ma65-duo-images img{width:100%;height:100%;object-fit:cover;display:block}
.ma65-poster-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:stretch}
.ma65-poster-grid figure{background:#e4e1db;display:flex;align-items:center;justify-content:center;min-height:640px}
.ma65-poster-grid img{width:100%;height:100%;object-fit:contain;display:block}
.ma65-skills{padding:78px 4vw 90px;background:#101217;color:#fff;display:grid;grid-template-columns:240px 1fr;gap:40px}
.ma65-skills>div{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.65)}
.ma65-skills strong{min-height:170px;padding:20px 16px 22px 0;border-right:1px solid rgba(255,255,255,.3);font-size:clamp(24px,2.6vw,42px);line-height:.95;letter-spacing:-.04em;display:flex;flex-direction:column;justify-content:space-between;font-weight:600}
.ma65-skills strong:last-child{border-right:0;padding-left:16px}.ma65-skills strong:nth-child(2){padding-left:16px}.ma65-skills b{font-size:10px;letter-spacing:.1em;font-weight:400;opacity:.65}
.ma65-end{background:#101217;color:#fff;padding:26px 4vw 38px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.28)}
.ma65-end span,.ma65-end button{font-size:10px;letter-spacing:.1em}.ma65-end button{border:0;border-bottom:1px solid currentColor;background:transparent;color:inherit;padding:0 0 5px;cursor:pointer}

/* preserve the complete slide/presentation artwork — no awkward cropping */
.ma65-mulberry .ma65-feature figure img,.ma65-mulberry .ma65-duo-images img,
.ma65-harrods .ma65-feature figure img,.ma65-harrods .ma65-duo-images img,
.ma65-ganni .ma65-feature figure img,.ma65-ganni .ma65-duo-images img{object-fit:contain;background:#efede8}
.ma65-harrods .ma65-hero>img,.ma65-mulberry .ma65-hero>img,.ma65-ganni .ma65-hero>img{object-fit:cover}

@media(max-width:900px){
  .ma65-hero-copy{grid-template-columns:1fr;gap:24px}.ma65-hero-copy h2{font-size:20vw}
  .ma65-recognition,.ma65-thesis,.ma65-copy{grid-template-columns:1fr}
  .ma65-thesis>span,.ma65-copy>span{margin-bottom:5px}
  .ma65-duo-images{grid-template-columns:1fr}
  .ma65-poster-grid{grid-template-columns:1fr 1fr}.ma65-poster-grid figure{min-height:520px}
  .ma65-skills{grid-template-columns:1fr}.ma65-skills>div{grid-template-columns:1fr}
  .ma65-skills strong{border-right:0;border-bottom:1px solid rgba(255,255,255,.3);padding-left:0!important}
}
@media(max-width:600px){
  .ma65-hero{height:78vh;min-height:590px}.ma65-hero-top{right:80px;display:block}.ma65-hero-top span:last-child{display:none}
  .ma65-hero-copy{bottom:34px}.ma65-hero-copy p{font-size:14px}
  .ma65-thesis,.ma65-block{padding-left:18px;padding-right:18px}.ma65-thesis{padding-top:70px;padding-bottom:75px}
  .ma65-copy{margin-bottom:28px}.ma65-feature figure,.ma65-duo-images figure{aspect-ratio:16/9}
  .ma65-poster-grid{grid-template-columns:1fr}.ma65-poster-grid figure{min-height:0}
  .ma65-recognition,.ma65-skills,.ma65-end{padding-left:18px;padding-right:18px}
}

/* v66 — Mulberry refinement */
.ma65-hero-copy h4{font-family:var(--serif);font-size:clamp(25px,3vw,50px);font-weight:400;font-style:italic;line-height:1;margin:18px 0 0;letter-spacing:-.025em}
.ma65-mulberry .ma65-hero{height:78vh;min-height:650px}
.ma65-mulberry .ma65-hero>img{object-position:center 48%;filter:none}
.ma65-mulberry .ma65-hero-shade{background:linear-gradient(90deg,rgba(5,6,8,.72) 0%,rgba(5,6,8,.22) 49%,rgba(5,6,8,.04) 75%),linear-gradient(180deg,rgba(5,6,8,.06),rgba(5,6,8,.46))}
.ma65-mulberry .ma65-hero-copy{display:block;max-width:930px;bottom:6vh}
.ma65-mulberry .ma65-hero-copy h2{font-size:clamp(88px,11vw,180px);line-height:.72}
.ma65-mulberry .ma65-hero-copy p{margin-top:24px;max-width:720px;font-size:clamp(15px,1.15vw,19px)}
.ma65-mulberry .ma65-recognition{background:#3167ef;border-top:1px solid rgba(255,255,255,.45)}
.ma65-mulberry .ma65-recognition strong{font-family:var(--sans);font-style:normal;font-weight:600;letter-spacing:-.035em}
.ma65-mulberry .ma65-thesis{padding-top:88px;padding-bottom:94px}
.ma65-mulberry .ma65-thesis h3{font-size:clamp(58px,7vw,112px)}
.ma65-mulberry .ma65-thesis p{font-family:var(--sans);font-style:normal;font-size:17px;line-height:1.5;max-width:520px}
.ma65-mulberry .ma65-feature figure{aspect-ratio:16/9;background:#efede8}
.ma65-mulberry .ma65-feature figure img{object-fit:contain!important;width:100%;height:100%}
.ma65-mulberry .ma65-block{padding-top:80px;padding-bottom:92px}
.ma65-textgrid{background:#f2f0eb}
.ma65-plan-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(12,14,19,.72);border-bottom:1px solid rgba(12,14,19,.72)}
.ma65-plan-grid article{padding:22px 22px 28px 0;min-height:245px;border-right:1px solid rgba(12,14,19,.35);display:flex;flex-direction:column}
.ma65-plan-grid article+article{padding-left:22px}
.ma65-plan-grid article:last-child{border-right:0}
.ma65-plan-grid b{font-size:10px;letter-spacing:.1em;font-weight:400;margin-bottom:38px}
.ma65-plan-grid strong{font-size:clamp(22px,2.1vw,34px);line-height:.95;letter-spacing:-.045em;margin-bottom:20px}
.ma65-plan-grid p{font-size:13px;line-height:1.5;margin:0;max-width:300px}
#masters .ma-card[data-ma-project="mulberry"] .ma-image img{object-position:center 48%}
@media(max-width:900px){.ma65-plan-grid{grid-template-columns:1fr 1fr}.ma65-plan-grid article:nth-child(2){border-right:0}.ma65-plan-grid article:nth-child(-n+2){border-bottom:1px solid rgba(12,14,19,.35)}}
@media(max-width:600px){.ma65-mulberry .ma65-hero-copy{left:18px;right:18px}.ma65-mulberry .ma65-hero-copy h2{font-size:18vw}.ma65-hero-copy h4{font-size:24px}.ma65-plan-grid{grid-template-columns:1fr}.ma65-plan-grid article,.ma65-plan-grid article+article{padding:20px 0;border-right:0;border-bottom:1px solid rgba(12,14,19,.35);min-height:0}.ma65-plan-grid article:last-child{border-bottom:0}.ma65-plan-grid b{margin-bottom:24px}}


/* v67 — Mulberry editorial refinement */
.ma65-mulberry .ma65-recognition{
  grid-template-columns:180px minmax(0,1fr);
  align-items:center;
  padding-top:20px;
  padding-bottom:22px;
}
.ma65-mulberry .ma65-recognition strong{
  font-size:clamp(18px,1.8vw,28px);
  line-height:1.12;
  font-weight:500;
  letter-spacing:-.025em;
  max-width:900px;
}
.ma65-mulberry .ma65-recognition span{opacity:.86}
.ma65-mulberry .ma65-thesis h3{
  font-size:clamp(52px,6.2vw,98px);
  max-width:920px;
}
.ma65-mulberry .ma65-duo-images{
  grid-template-columns:1.18fr .82fr;
  align-items:stretch;
}
.ma65-mulberry .ma65-duo-images figure{
  aspect-ratio:auto;
  min-height:600px;
  background:#e9e6df;
}
.ma65-mulberry .ma65-duo-images img{
  object-fit:contain!important;
  width:100%;
  height:100%;
}
#masters .ma-card[data-ma-project="mulberry"] .ma-image img{object-position:center 43%}
.ma65-mulberry .ma65-hero>img{object-position:center 43%}
@media(max-width:900px){
  .ma65-mulberry .ma65-recognition{grid-template-columns:1fr;gap:10px}
  .ma65-mulberry .ma65-duo-images{grid-template-columns:1fr}
  .ma65-mulberry .ma65-duo-images figure{min-height:0}
}


/* v68 — Mulberry bespoke editorial layout */
.mulberry68{background:#f2f0eb}
.m68-recognition{background:var(--blue,#2f63f4);color:#fff;padding:18px 42px;display:grid;grid-template-columns:210px 1fr;align-items:center;gap:30px}
.m68-recognition span{font-size:9px;letter-spacing:.12em}
.m68-recognition p{margin:0;font-size:clamp(17px,1.6vw,25px);line-height:1.15;max-width:900px}
.m68-opening-copy{padding:84px 44px 74px;display:grid;grid-template-columns:100px 1.25fr .75fr;gap:34px;align-items:end;border-bottom:1px solid #111}
.m68-opening-copy>span,.m68-store-label,.m68-journey-head>span,.m68-events-head>span{font-size:9px;letter-spacing:.12em}
.m68-opening-copy h3,.m68-store-copy h3,.m68-journey-head h3,.m68-events-head h3{font-size:clamp(48px,5.8vw,88px);line-height:.88;letter-spacing:-.055em;margin:0}
.m68-opening-copy h3 i,.m68-store-copy h3 i,.m68-journey-head h3 i,.m68-events-head h3 i{font-family:var(--serif);font-weight:400}
.m68-opening-copy p,.m68-store-copy p,.m68-journey-head p,.m68-events-head p{font-size:15px;line-height:1.55;margin:0;max-width:500px}

.m68-store{display:grid;grid-template-columns:110px 1.35fr .65fr;gap:30px;padding:54px 44px 74px;border-bottom:1px solid #111;align-items:center}
.m68-store-label{align-self:start;display:flex;flex-direction:column;gap:10px}
.m68-store-label span{font-size:34px;letter-spacing:-.04em}
.m68-store-label p{margin:0}
.m68-store figure{margin:0;background:#e7e3dc}
.m68-store img{display:block;width:100%;height:auto}
.m68-store-copy{padding:0 10px}
.m68-store-copy h3{font-size:clamp(42px,4.6vw,72px);margin-bottom:30px}

.m68-journey{padding:74px 44px;border-bottom:1px solid #111;display:grid;grid-template-columns:.82fr 1.18fr;gap:70px}
.m68-journey-head{display:grid;grid-template-columns:1fr;gap:30px;align-content:start;position:sticky;top:30px;align-self:start}
.m68-journey-list{border-top:1px solid #111}
.m68-journey-list>div{display:grid;grid-template-columns:52px 210px 1fr;gap:20px;align-items:center;min-height:116px;border-bottom:1px solid rgba(0,0,0,.45);padding:14px 0}
.m68-journey-list em{font-family:var(--serif);font-size:28px}
.m68-journey-list strong{font-size:13px;letter-spacing:.04em}
.m68-journey-list p{font-size:13px;line-height:1.45;margin:0;max-width:430px}

.m68-events{padding:74px 44px;border-bottom:1px solid #111}
.m68-events-head{display:grid;grid-template-columns:100px 1fr .72fr;gap:34px;align-items:end;margin-bottom:48px}
.m68-events-head h3{font-size:clamp(50px,5.5vw,84px)}
.m68-event-grid{display:grid;grid-template-columns:1.18fr .82fr;grid-template-rows:auto auto;gap:10px}
.m68-event-grid figure{margin:0;background:#e7e3dc;overflow:hidden}
.m68-event-grid .m68-event-overview{grid-row:1 / 3}
.m68-event-grid img{width:100%;height:100%;object-fit:contain;display:block}
.m68-event-notes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-left:calc(54% + 10px);margin-top:18px}
.m68-event-notes p{font-size:12px;line-height:1.45;margin:0}
.m68-event-notes strong{font-size:9px;letter-spacing:.08em}

.m68-footer{padding:26px 44px;display:flex;justify-content:space-between;align-items:center}
.m68-footer>span,.m68-footer a,.m68-footer button,.m68-presentation-label{font-size:9px;letter-spacing:.1em}
.m68-footer-actions{display:flex;gap:28px;align-items:center}
.m68-footer a{color:inherit;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px}
.m68-footer button{border:0;background:none;border-bottom:1px solid currentColor;padding:0 0 3px;cursor:pointer}

@media(max-width:900px){
 .m68-recognition,.m68-opening-copy,.m68-store,.m68-journey,.m68-events-head{grid-template-columns:1fr}
 .m68-opening-copy,.m68-store,.m68-journey,.m68-events{padding-left:22px;padding-right:22px}
 .m68-journey-head{position:static}
 .m68-journey-list>div{grid-template-columns:42px 1fr}.m68-journey-list p{grid-column:2}
 .m68-event-grid{grid-template-columns:1fr;grid-template-rows:auto}.m68-event-grid .m68-event-overview{grid-row:auto}
 .m68-event-notes{margin-left:0;grid-template-columns:1fr}
 .m68-footer{padding:24px 22px;gap:20px;align-items:flex-start}.m68-footer-actions{flex-direction:column;align-items:flex-end}
}
\n\n/* v70 — Mulberry cohesion: white / blue / black only */
.mulberry68,
.ma65-case.mulberry68{background:#fff!important;color:#0c0e13}
.mulberry68 .m68-opening-copy,
.mulberry68 .m68-store,
.mulberry68 .m68-events,
.mulberry68 .m68-footer{background:#fff}
.mulberry68 .m68-store figure,
.mulberry68 .m68-event-grid figure{background:#fff}
.mulberry68 .m68-store figure{position:relative;padding-top:28px}
.mulberry68 .m68-store figure figcaption{position:absolute;top:0;left:0;font-size:9px;letter-spacing:.11em}
.mulberry68 .m68-store img{width:100%;height:auto;max-height:900px;object-fit:contain}
.mulberry68 .m68-journey{background:#0c0e13;color:#fff;border-bottom-color:#fff}
.mulberry68 .m68-journey-list{border-top-color:rgba(255,255,255,.8)}
.mulberry68 .m68-journey-list>div{border-bottom-color:rgba(255,255,255,.35)}
.mulberry68 .m68-journey-list p,.mulberry68 .m68-journey-head p{color:rgba(255,255,255,.82)}
.m68-presentation{background:var(--blue,#2f63f4);color:#fff;min-height:118px;padding:24px 44px;display:flex;align-items:center;justify-content:space-between;gap:40px}
.m68-presentation>div{display:grid;grid-template-columns:130px 1fr;gap:24px;align-items:center}
.m68-presentation span{font-size:9px;letter-spacing:.12em}
.m68-presentation p{margin:0;font-size:15px;line-height:1.35}
.m68-presentation a{color:#fff;text-decoration:none;font-size:11px;letter-spacing:.08em;border-bottom:1px solid currentColor;padding-bottom:5px;white-space:nowrap}
.m68-presentation a:hover{opacity:.72}
.m68-footer{padding:22px 44px;display:flex;justify-content:space-between;align-items:center}
.m68-footer>span,.m68-footer button{font-size:9px;letter-spacing:.1em}
.m68-footer button{border:0;background:none;border-bottom:1px solid currentColor;padding:0 0 3px;cursor:pointer}
@media(max-width:900px){
  .m68-presentation{padding:24px 22px;align-items:flex-start;flex-direction:column;gap:24px}
  .m68-presentation>div{grid-template-columns:1fr;gap:8px}
  .m68-footer{padding:20px 22px}
}


/* v71 — split Mulberry store moodboard into interior / exterior panels */
.mulberry68 .m68-store{
  grid-template-columns:110px minmax(0,1.35fr) minmax(280px,.65fr);
}
.mulberry68 .m71-store-visuals{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  min-width:0;
}
.mulberry68 .m71-store-visuals figure{
  margin:0;
  padding-top:26px;
  position:relative;
  min-width:0;
  background:#fff;
}
.mulberry68 .m71-store-visuals figcaption{
  position:absolute;
  top:0;
  left:0;
  font-size:9px;
  letter-spacing:.11em;
}
.mulberry68 .m71-store-visuals img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
}
@media(max-width:1100px){
  .mulberry68 .m68-store{grid-template-columns:90px 1fr}
  .mulberry68 .m68-store-copy{grid-column:2}
}
@media(max-width:900px){
  .mulberry68 .m68-store{grid-template-columns:1fr}
  .mulberry68 .m68-store-copy{grid-column:auto}
  .mulberry68 .m71-store-visuals{grid-template-columns:1fr}
}


/* v72 — correct Mulberry moodboard split and layout */
.mulberry68 .m72-store{
  display:block;
  padding:64px 44px 72px;
  background:#fff;
}
.mulberry68 .m72-store-head{
  display:grid;
  grid-template-columns:150px minmax(0,1fr);
  gap:56px;
  align-items:start;
  margin-bottom:42px;
}
.mulberry68 .m72-store-head .m68-store-copy{
  display:grid;
  grid-template-columns:minmax(320px,.9fr) minmax(300px,.8fr);
  gap:56px;
  align-items:end;
  padding:0;
}
.mulberry68 .m72-store-head .m68-store-copy h3{
  margin:0;
}
.mulberry68 .m72-store-head .m68-store-copy p{
  margin:0;
  max-width:560px;
}
.mulberry68 .m72-store-visuals{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  align-items:start;
}
.mulberry68 .m72-store-visuals figure{
  margin:0;
  background:#fff;
  min-width:0;
}
.mulberry68 .m72-store-visuals figcaption{
  font-size:9px;
  letter-spacing:.11em;
  margin:0 0 10px;
}
.mulberry68 .m72-store-visuals img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  background:#fff;
}
@media(max-width:900px){
  .mulberry68 .m72-store{padding:52px 22px 60px}
  .mulberry68 .m72-store-head{grid-template-columns:1fr;gap:28px}
  .mulberry68 .m72-store-head .m68-store-copy{grid-template-columns:1fr;gap:24px}
  .mulberry68 .m72-store-visuals{grid-template-columns:1fr;gap:32px}
}


/* v73 — more compact Mulberry store concept layout */
.mulberry68 .m73-store{
  display:grid;
  grid-template-columns:90px minmax(250px,.8fr) minmax(0,1fr) minmax(0,1fr);
  gap:28px;
  align-items:start;
  padding:56px 44px 62px;
  background:#fff;
}
.mulberry68 .m73-store-label{
  display:flex;
  flex-direction:column;
  gap:10px;
  align-self:start;
}
.mulberry68 .m73-store-label span{
  font-size:34px;
  letter-spacing:-.04em;
}
.mulberry68 .m73-store-label p{
  margin:0;
  font-size:9px;
  letter-spacing:.12em;
}
.mulberry68 .m73-store-copy{
  padding-right:8px;
}
.mulberry68 .m73-store-copy h3{
  font-size:clamp(40px,4.2vw,66px);
  line-height:.9;
  letter-spacing:-.05em;
  margin:0 0 24px;
}
.mulberry68 .m73-store-copy h3 i{
  font-family:var(--serif);
  font-weight:400;
}
.mulberry68 .m73-store-copy p{
  margin:0;
  font-size:14px;
  line-height:1.5;
  max-width:430px;
}
.mulberry68 .m73-board{
  margin:0;
  min-width:0;
  background:#fff;
}
.mulberry68 .m73-board figcaption{
  font-size:9px;
  letter-spacing:.11em;
  margin:0 0 10px;
}
.mulberry68 .m73-board img{
  display:block;
  width:100%;
  height:auto;
  max-height:520px;
  object-fit:contain;
  object-position:top center;
}
@media(max-width:1200px){
  .mulberry68 .m73-store{
    grid-template-columns:80px .9fr 1fr 1fr;
    gap:20px;
  }
  .mulberry68 .m73-store-copy p{font-size:13px}
}
@media(max-width:900px){
  .mulberry68 .m73-store{
    grid-template-columns:1fr 1fr;
    padding:50px 22px 56px;
  }
  .mulberry68 .m73-store-label,
  .mulberry68 .m73-store-copy{
    grid-column:1 / -1;
  }
  .mulberry68 .m73-store-copy{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px;
    align-items:end;
  }
}
@media(max-width:640px){
  .mulberry68 .m73-store{grid-template-columns:1fr}
  .mulberry68 .m73-store-copy{grid-template-columns:1fr}
}


/* v74 — keep Mulberry section-title scale consistent */
.mulberry68 .m73-store-copy h3{
  font-size:clamp(50px,5.5vw,84px);
  line-height:.88;
  letter-spacing:-.055em;
}


/* v75 — slimmer Ideas in Practice cards on the homepage */
#masters .ma-card{
  min-height:0;
  padding-top:28px;
  padding-bottom:28px;
  align-items:center;
}
#masters .ma-card .ma-image{
  height:clamp(300px,34vw,500px);
  min-height:0;
}
#masters .ma-card .ma-copy{
  padding-top:10px;
  padding-bottom:10px;
}
#masters .ma-card .ma-copy h3{
  margin-top:18px;
  margin-bottom:18px;
}
#masters .ma-card .ma-copy p{
  margin-bottom:18px;
}
#masters .ma-card .ma-tags{
  margin-top:14px;
  margin-bottom:18px;
}

/* Dissertation: same compact rhythm even without imagery */
#masters .ma-card.ma-dissertation,
#masters .ma-card[data-ma-project="dissertation"]{
  min-height:0;
  padding-top:42px;
  padding-bottom:42px;
}

@media(max-width:900px){
  #masters .ma-card{
    padding-top:24px;
    padding-bottom:24px;
  }
  #masters .ma-card .ma-image{
    height:auto;
    max-height:none;
  }
}


/* v76 — genuinely slim homepage Ideas in Practice rows
   v75 accidentally increased the desktop image height above the original 390px. */
#masters .ma-grid-v62 .ma-card{
  padding:16px 0!important;
  align-items:center!important;
}
#masters .ma-grid-v62 .ma-card .ma-image{
  height:260px!important;
  min-height:260px!important;
}
#masters .ma-grid-v62 .ma-card .ma-copy{
  padding:0!important;
}
#masters .ma-grid-v62 .ma-card .ma-copy h3{
  font-size:clamp(40px,4vw,64px);
  margin:8px 0 14px!important;
}
#masters .ma-grid-v62 .ma-card .ma-copy p{
  margin:0 0 12px!important;
  line-height:1.38;
}
#masters .ma-grid-v62 .ma-card .tags{
  margin:10px 0 12px!important;
}
#masters .ma-grid-v62 .ma-card .ma-project-link{
  margin-top:8px!important;
}

/* Text-only dissertation follows the same compact row rhythm. */
#masters .ma-grid-v62 .ma-card-text-only{
  min-height:0!important;
  padding:24px 0!important;
}
#masters .ma-grid-v62 .ma-card-text-only .ma-copy{
  padding:0!important;
  max-width:900px;
}
#masters .ma-grid-v62 .ma-card-text-only .ma-copy h3{
  font-size:clamp(44px,5vw,76px);
  margin:8px 0 14px!important;
}
#masters .ma-grid-v62 .ma-card-text-only .ma-dissertation-method{
  margin-top:10px!important;
}

@media(max-width:900px){
  #masters .ma-grid-v62 .ma-card{
    padding:18px 0!important;
  }
  #masters .ma-grid-v62 .ma-card .ma-image{
    height:48vw!important;
    min-height:0!important;
  }
}
@media(max-width:600px){
  #masters .ma-grid-v62 .ma-card .ma-image{
    height:58vw!important;
  }
}


/* v77 — Harrods × Rastah custom case study */
.harrods77{background:#fff!important;color:#0c0e13}
.h77-hero{height:78vh;min-height:650px;position:relative;overflow:hidden;color:#fff;background:#0c0e13}
.h77-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 52%}
.h77-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,5,8,.70) 0%,rgba(4,5,8,.24) 52%,rgba(4,5,8,.06) 78%),linear-gradient(180deg,rgba(4,5,8,.04),rgba(4,5,8,.52))}
.h77-top{position:absolute;top:28px;left:4vw;right:90px;display:flex;justify-content:space-between;gap:30px;font-size:10px;letter-spacing:.09em}
.h77-hero-copy{position:absolute;left:4vw;bottom:6vh;max-width:900px}
.h77-hero-copy h2{font-size:clamp(88px,11vw,180px);line-height:.72;letter-spacing:-.075em;margin:0;font-weight:700}
.h77-hero-copy h3{font-family:var(--serif);font-size:clamp(27px,3.1vw,50px);font-style:italic;font-weight:400;line-height:1;margin:20px 0 0}
.h77-hero-copy p{font-size:clamp(15px,1.15vw,19px);line-height:1.48;max-width:720px;margin:22px 0 0}

.h77-recognition{background:#3167ef;color:#fff;padding:22px 4vw 24px;display:grid;grid-template-columns:220px 1fr;gap:32px;align-items:center}
.h77-recognition span{font-size:9px;letter-spacing:.11em;opacity:.88}
.h77-recognition p{font-size:clamp(18px,1.7vw,28px);font-weight:600;letter-spacing:-.025em;margin:0;max-width:1050px}

.h77-idea{padding:84px 4vw 92px;display:grid;grid-template-columns:110px minmax(420px,.95fr) minmax(340px,.75fr);gap:34px;border-bottom:1px solid #0c0e13}
.h77-idea>span,.h77-world-copy>span,.h77-participation-title>span,.h77-city-copy>span,.h77-system-head>span,.h77-execution span,.h77-presentation span{font-size:9px;letter-spacing:.11em}
.h77-idea h3,.h77-world h3,.h77-participation h3,.h77-city h3,.h77-system h3,.h77-execution h3{font-size:clamp(54px,6.5vw,106px);line-height:.82;letter-spacing:-.06em;margin:0;font-weight:700}
.h77-idea h3 i,.h77-world h3 i,.h77-participation h3 i,.h77-city h3 i,.h77-system h3 i,.h77-execution h3 i{font-family:var(--serif);font-weight:400}
.h77-idea>div>p{font-size:15px;line-height:1.55;max-width:560px;margin:0 0 34px}
.h77-bridge{border-top:1px solid #0c0e13;border-bottom:1px solid #0c0e13;padding:16px 0 14px;display:grid;grid-template-columns:auto 34px auto;align-items:center}
.h77-bridge b{font-size:clamp(23px,2.3vw,36px);letter-spacing:-.04em}.h77-bridge em{text-align:center;font-family:var(--serif);font-size:28px}.h77-bridge small{grid-column:1/-1;font-size:8px;letter-spacing:.12em;margin-top:8px}

.h77-world{padding:72px 4vw 82px;display:grid;grid-template-columns:minmax(330px,.72fr) minmax(0,1.28fr);gap:52px;align-items:center;border-bottom:1px solid #0c0e13}
.h77-world-copy p,.h77-city-copy p,.h77-system-head p{font-size:15px;line-height:1.55;max-width:520px;margin:28px 0 0}
.h77-world figure{margin:0;background:#fff}.h77-world figure img{width:100%;height:auto;display:block;object-fit:contain}

.h77-participation{background:#0c0e13;color:#fff;padding:76px 4vw 84px}
.h77-participation-title{display:grid;grid-template-columns:110px 1fr;gap:34px;align-items:start;margin-bottom:54px}
.h77-participation-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.72)}
.h77-participation-grid article{padding:20px 20px 24px 0;min-height:230px;border-right:1px solid rgba(255,255,255,.28);display:flex;flex-direction:column}
.h77-participation-grid article+article{padding-left:20px}.h77-participation-grid article:last-child{border-right:0}
.h77-participation-grid b{font-size:9px;letter-spacing:.1em;font-weight:400;margin-bottom:34px;opacity:.7}
.h77-participation-grid strong{font-size:clamp(21px,2vw,32px);line-height:.95;letter-spacing:-.04em;margin-bottom:18px}
.h77-participation-grid p{font-size:13px;line-height:1.48;margin:0;opacity:.82}

.h77-city{padding:74px 4vw 84px;display:grid;grid-template-columns:minmax(0,.92fr) minmax(360px,.72fr);gap:56px;align-items:center;border-bottom:1px solid #0c0e13}
.h77-city figure{margin:0;max-width:760px}.h77-city figure img{width:100%;height:auto;display:block}
.h77-city-line{display:flex;gap:13px;align-items:center;border-top:1px solid #0c0e13;padding-top:14px;margin-top:34px;font-size:9px;letter-spacing:.1em}

.h77-system{padding:78px 4vw 88px;border-bottom:1px solid #0c0e13}
.h77-system-head{display:grid;grid-template-columns:110px minmax(420px,.9fr) minmax(300px,.7fr);gap:34px;align-items:start;margin-bottom:46px}
.h77-system-head p{margin:0}
.h77-system-body{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.55fr);gap:36px;align-items:start}
.h77-system-body figure{margin:0}.h77-system-body figure img{width:100%;height:auto;display:block}
.h77-phases{border-top:1px solid #0c0e13}
.h77-phases article{display:grid;grid-template-columns:32px 1fr;gap:10px;padding:17px 0;border-bottom:1px solid rgba(12,14,19,.35)}
.h77-phases b{font-size:9px;font-weight:400}.h77-phases strong{font-size:18px;letter-spacing:-.03em}.h77-phases p{grid-column:2;font-size:12px;line-height:1.45;margin:0}

.h77-execution{padding:76px 4vw 82px;display:grid;grid-template-columns:minmax(420px,1fr) minmax(320px,.7fr);gap:60px;align-items:end}
.h77-execution>div:first-child>span{display:block;margin-bottom:22px}.h77-execution>p{font-size:15px;line-height:1.55;margin:0}
.h77-budget{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #0c0e13;border-bottom:1px solid #0c0e13;margin-top:8px}
.h77-budget span{padding:20px 0!important;font-size:11px!important}.h77-budget span+span{padding-left:24px!important;border-left:1px solid #0c0e13}.h77-budget b{font-size:clamp(34px,4vw,64px);letter-spacing:-.05em;margin-right:12px}

.h77-presentation{background:#3167ef;color:#fff;min-height:118px;padding:24px 44px;display:flex;align-items:center;justify-content:space-between;gap:40px}
.h77-presentation>div{display:grid;grid-template-columns:130px 1fr;gap:24px;align-items:center}.h77-presentation p{margin:0;font-size:15px}
.h77-presentation a{color:#fff;text-decoration:none;font-size:11px;letter-spacing:.08em;border-bottom:1px solid currentColor;padding-bottom:5px;white-space:nowrap}
.h77-footer{padding:22px 44px;display:flex;justify-content:space-between;align-items:center;background:#fff}
.h77-footer span,.h77-footer button{font-size:9px;letter-spacing:.1em}.h77-footer button{border:0;background:none;border-bottom:1px solid currentColor;padding:0 0 3px;cursor:pointer}

/* homepage selected Harrods image: keep it visually composed within the slimmer v76 row */
#masters [data-ma-project="harrods"] .ma-image img{object-position:center 52%}

@media(max-width:900px){
  .h77-idea,.h77-world,.h77-city,.h77-execution{grid-template-columns:1fr}
  .h77-idea{padding:64px 22px}.h77-world,.h77-city,.h77-execution,.h77-system,.h77-participation{padding-left:22px;padding-right:22px}
  .h77-system-head{grid-template-columns:1fr}.h77-system-body{grid-template-columns:1fr}
  .h77-participation-title{grid-template-columns:1fr}.h77-participation-grid{grid-template-columns:1fr 1fr}
  .h77-recognition{grid-template-columns:1fr;padding-left:22px;padding-right:22px;gap:8px}
  .h77-presentation{padding:24px 22px;flex-direction:column;align-items:flex-start}.h77-presentation>div{grid-template-columns:1fr;gap:8px}
  .h77-footer{padding:20px 22px}
}
@media(max-width:600px){
  .h77-hero-copy{left:18px;right:18px}.h77-hero-copy h2{font-size:18vw}.h77-top{left:18px;right:70px}.h77-top span:last-child{display:none}
  .h77-participation-grid{grid-template-columns:1fr}.h77-participation-grid article,.h77-participation-grid article+article{padding:18px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.28);min-height:0}
  .h77-budget{grid-template-columns:1fr}.h77-budget span+span{border-left:0;border-top:1px solid #0c0e13;padding-left:0!important}
}

/* v78 — Harrods refinement */
.h78-world-visuals{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:14px;align-items:stretch}
.h78-world-visuals figure{margin:0;overflow:hidden;background:#f5f5f3}
.h78-world-visuals img{width:100%;height:100%;display:block;object-fit:cover}
@media(max-width:900px){.h78-world-visuals{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.h78-world-visuals{grid-template-columns:1fr}}


/* v79 — clean up HARRODS × RASTAH collaboration lockup */
.h77-bridge{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  grid-template-rows:auto auto;
  column-gap:24px;
  row-gap:14px;
  align-items:center;
  padding:22px 0 18px;
  border-top:1px solid #0c0e13;
  border-bottom:1px solid #0c0e13;
}
.h77-bridge b{
  font-size:clamp(34px,3.4vw,58px);
  line-height:.95;
  letter-spacing:-.05em;
  font-weight:700;
  white-space:nowrap;
}
.h77-bridge b:first-of-type{
  justify-self:start;
}
.h77-bridge b:last-of-type{
  justify-self:end;
}
.h77-bridge em{
  justify-self:center;
  font-family:var(--sans);
  font-style:normal;
  font-size:clamp(24px,2.2vw,38px);
  font-weight:300;
  line-height:1;
}
.h77-bridge small{
  grid-column:1 / -1;
  justify-self:center;
  margin:0;
  font-size:9px;
  line-height:1.2;
  letter-spacing:.18em;
  text-align:center;
  white-space:nowrap;
}
@media(max-width:700px){
  .h77-bridge{
    grid-template-columns:1fr auto 1fr;
    column-gap:12px;
  }
  .h77-bridge b{
    font-size:clamp(24px,7vw,38px);
  }
  .h77-bridge small{
    white-space:normal;
    letter-spacing:.12em;
  }
}


/* v80 — Harrods lockup + From Lahore to London hero/homepage */
.h77-bridge.h80-bridge{
  display:block!important;
  padding:20px 0 16px!important;
}
.h80-lockup{
  display:flex;
  align-items:baseline;
  justify-content:center;
  gap:26px;
  width:100%;
  white-space:nowrap;
}
.h80-lockup span{
  display:block;
  font-size:clamp(34px,3.5vw,58px);
  line-height:.95;
  letter-spacing:-.05em;
  font-weight:700;
}
.h80-lockup i{
  display:block;
  font-family:var(--sans);
  font-style:normal;
  font-size:clamp(23px,2.2vw,36px);
  line-height:1;
  font-weight:300;
  transform:translateY(-.03em);
}
.h77-bridge.h80-bridge small{
  display:block;
  width:100%;
  margin:14px 0 0!important;
  text-align:center;
  font-size:9px;
  line-height:1.25;
  letter-spacing:.17em;
  white-space:normal;
}

/* Use the From Lahore to London artwork as the project's defining image */
.harrods77 .h77-hero>img{
  object-position:center 50%!important;
}
#masters [data-ma-project="harrods"] .ma-image img{
  object-position:center 52%!important;
}

/* Keep hero overlay legible over the more graphic artwork */
.harrods77 .h77-shade{
  background:
    linear-gradient(90deg,rgba(4,5,8,.72) 0%,rgba(4,5,8,.38) 34%,rgba(4,5,8,.08) 68%,rgba(4,5,8,.04) 100%),
    linear-gradient(180deg,rgba(4,5,8,.03),rgba(4,5,8,.45));
}

@media(max-width:700px){
  .h80-lockup{gap:12px}
  .h80-lockup span{font-size:clamp(24px,7vw,38px)}
  .h80-lockup i{font-size:clamp(18px,5vw,28px)}
}


/* v81 — Harrods From Lahore to London artwork framing */
.harrods77 .h77-hero>img{
  object-position:center 68%!important;
}
#masters [data-ma-project="harrods"] .ma-image img{
  object-position:center 68%!important;
}
@media(max-width:700px){
  .harrods77 .h77-hero>img{
    object-position:center 65%!important;
  }
  #masters [data-ma-project="harrods"] .ma-image img{
    object-position:center 65%!important;
  }
}


/* v82 — correct Harrods artwork crop direction:
   show more of the TOP so "FROM LAHORE TO LONDON" remains visible */
.harrods77 .h77-hero>img{
  object-position:center 34%!important;
}
#masters [data-ma-project="harrods"] .ma-image img{
  object-position:center 32%!important;
}
@media(max-width:700px){
  .harrods77 .h77-hero>img{
    object-position:center 32%!important;
  }
  #masters [data-ma-project="harrods"] .ma-image img{
    object-position:center 30%!important;
  }
}


/* v83 — Harrods hero/homepage crop corrected so the artwork title remains visible */
.harrods77 .h77-hero>img{
  object-position:center 82%!important;
}
#masters [data-ma-project="harrods"] .ma-image img{
  object-position:center 84%!important;
}

/* The From Lahore to London artwork is now reserved for the homepage + hero.
   Retail-world section uses only the shop-in-shop concept. */
.h83-world-store{
  margin:0;
  width:100%;
  background:#f5f5f3;
  overflow:hidden;
}
.h83-world-store img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
}

/* Neutralise old paired-visual rules for this section */
.h77-world > .h83-world-store{
  align-self:center;
}

@media(max-width:700px){
  .harrods77 .h77-hero>img{
    object-position:center 80%!important;
  }
  #masters [data-ma-project="harrods"] .ma-image img{
    object-position:center 82%!important;
  }
}


/* v84 — Harrods artwork moved further up within both crops */
.harrods77 .h77-hero>img{
  object-position:center 88%!important;
}
#masters [data-ma-project="harrods"] .ma-image img{
  object-position:center 90%!important;
}

@media(max-width:700px){
  .harrods77 .h77-hero>img{
    object-position:center 86%!important;
  }
  #masters [data-ma-project="harrods"] .ma-image img{
    object-position:center 88%!important;
  }
}

/* v85 — GANNI case study */
.ganni85{background:#fff!important;color:#0c0e13}
.g85-hero{height:78vh;min-height:650px;position:relative;overflow:hidden;color:#fff}
.g85-hero>img{width:100%;height:100%;object-fit:cover;object-position:center 44%;display:block}
.g85-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,8,.7),rgba(5,6,8,.15) 58%,rgba(5,6,8,.04)),linear-gradient(180deg,rgba(5,6,8,.06),rgba(5,6,8,.48))}
.g85-top{position:absolute;top:30px;left:4vw;right:80px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.1em}
.g85-hero-copy{position:absolute;left:4vw;bottom:6vh;max-width:900px}.g85-hero-copy h2{font-size:clamp(88px,11vw,180px);line-height:.72;letter-spacing:-.07em;margin:0}.g85-hero-copy h3{font-family:var(--serif);font-size:clamp(28px,3.4vw,54px);font-style:italic;font-weight:400;margin:24px 0 0}.g85-hero-copy p{font-size:clamp(15px,1.15vw,19px);line-height:1.5;max-width:720px;margin:24px 0 0}
.g85-banner{background:#3167ef;color:#fff;display:grid;grid-template-columns:.35fr 1.65fr;gap:28px;padding:27px 4vw;align-items:center}.g85-banner span{font-size:10px;letter-spacing:.1em}.g85-banner p{font-size:clamp(22px,2.2vw,34px);font-weight:600;letter-spacing:-.035em;margin:0}
.g85-intro{padding:96px 4vw 105px;display:grid;grid-template-columns:90px 1.1fr .72fr;gap:34px;border-bottom:1px solid #111}.g85-intro>span,.g85-section-head>span,.g85-customer-copy>span,.g85-buy-title>span,.g85-close>span{font-size:10px;letter-spacing:.1em}.g85-intro h3,.g85-section-head h3,.g85-customer-copy h3,.g85-buy-title h3{font-size:clamp(58px,7vw,112px);line-height:.8;letter-spacing:-.065em;margin:0}.g85-intro h3 i,.g85-section-head h3 i,.g85-customer-copy h3 i,.g85-buy-title h3 i{font-family:var(--serif);font-weight:400}.g85-intro p,.g85-section-head p,.g85-customer-copy p,.g85-buy-copy p{font-size:15px;line-height:1.55;margin:0;max-width:560px}
.g85-forecast,.g85-range,.g85-buy{padding:86px 4vw 96px;border-bottom:1px solid #111}.g85-section-head{display:grid;grid-template-columns:90px 1.05fr .7fr;gap:34px;align-items:start;margin-bottom:44px}.g85-forecast-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:12px}.g85-forecast-grid figure{margin:0;overflow:hidden;background:#f1f1ed}.g85-forecast-grid .g85-wide{grid-row:span 2}.g85-forecast-grid img{width:100%;height:100%;object-fit:contain;display:block}.g85-wide{min-height:620px}.g85-forecast-grid figure:not(.g85-wide){min-height:304px}
.g85-customer{padding:90px 4vw 98px;background:#101217;color:#fff;display:grid;grid-template-columns:.78fr 1.22fr;gap:54px;align-items:center}.g85-customer-copy h3{margin:22px 0 34px}.g85-personas{display:grid;grid-template-columns:1fr 1fr;gap:14px}.g85-personas figure{margin:0;background:#e9e7df;min-height:600px;display:flex;align-items:center}.g85-personas img{width:100%;height:100%;object-fit:contain;display:block}
.g85-product-grid{display:grid;grid-template-columns:1fr 1fr .72fr;gap:12px;align-items:stretch}.g85-product-grid figure{margin:0;background:#f1f0eb;min-height:600px;display:flex;align-items:center;overflow:hidden}.g85-product-grid img{width:100%;height:100%;object-fit:contain;display:block}.g85-range-title{background:#101217!important}
.g85-buy{background:#fff}.g85-buy-title{display:grid;grid-template-columns:90px 1fr;gap:34px}.g85-buy-copy{max-width:520px;margin:34px 0 52px auto}.g85-numbers{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #111;border-bottom:1px solid #111;margin-bottom:48px}.g85-numbers article{padding:24px 22px 28px 0;border-right:1px solid #111;display:flex;flex-direction:column;min-height:145px;justify-content:space-between}.g85-numbers article+article{padding-left:22px}.g85-numbers article:last-child{border-right:0}.g85-numbers strong{font-size:clamp(48px,6vw,92px);line-height:.8;letter-spacing:-.06em}.g85-numbers span{font-size:10px;letter-spacing:.1em}.g85-buy-visuals{display:grid;grid-template-columns:1.4fr .6fr;gap:14px;align-items:stretch}.g85-buy-visuals figure{margin:0;background:#f1f0eb;min-height:600px;display:flex;align-items:center}.g85-buy-visuals img{width:100%;height:100%;object-fit:contain;display:block}
.g85-close{padding:70px 4vw 80px;background:#3167ef;color:#fff;display:grid;grid-template-columns:.35fr 1.65fr;gap:28px}.g85-close p{font-family:var(--serif);font-style:italic;font-size:clamp(25px,3vw,46px);line-height:1.08;max-width:1050px;margin:0}
@media(max-width:800px){.g85-hero{height:74vh;min-height:580px}.g85-top{left:18px;right:72px}.g85-top span:last-child{display:none}.g85-hero-copy{left:18px;right:18px}.g85-hero-copy h2{font-size:20vw}.g85-banner,.g85-intro,.g85-section-head,.g85-customer,.g85-buy-title,.g85-close{grid-template-columns:1fr}.g85-banner{gap:10px}.g85-intro,.g85-forecast,.g85-range,.g85-buy,.g85-customer{padding-left:18px;padding-right:18px}.g85-forecast-grid,.g85-personas,.g85-product-grid,.g85-buy-visuals{grid-template-columns:1fr}.g85-wide,.g85-forecast-grid figure:not(.g85-wide),.g85-personas figure,.g85-product-grid figure,.g85-buy-visuals figure{min-height:0}.g85-numbers{grid-template-columns:1fr}.g85-numbers article,.g85-numbers article+article{border-right:0;border-bottom:1px solid #111;padding:20px 0;min-height:110px}.g85-numbers article:last-child{border-bottom:0}.g85-buy-copy{margin-left:0}}


/* v86 — GANNI refinements */
.g86-forecast-visuals{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.g86-forecast-visuals figure{
  margin:0;
  overflow:hidden;
  background:#0c0e13;
  aspect-ratio:16/9;
}
.g86-forecast-visuals .g86-forecast-lead{
  grid-column:1 / -1;
  aspect-ratio:16/7.4;
}
.g86-forecast-visuals img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

/* Selected range boards: preserve the artwork, but let it occupy the section cleanly. */
.g86-product-grid{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:12px;
  align-items:start;
}
.g86-product-grid figure{
  margin:0;
  overflow:hidden;
  background:#f3f2ee;
}
.g86-product-grid img{
  display:block;
  width:100%;
  height:auto;
}

/* Rebuilt buying section: editorial + commercial, no presentation screenshots. */
.g86-buy{
  background:#0c0e13;
  color:#fff;
  padding:86px 4vw 92px;
  border-bottom:1px solid #fff;
}
.g86-buy-head{
  display:grid;
  grid-template-columns:120px minmax(420px,1fr) minmax(320px,.65fr);
  gap:34px;
  align-items:start;
  margin-bottom:52px;
}
.g86-buy-head>span{
  font-size:10px;
  letter-spacing:.1em;
}
.g86-buy-head h3{
  font-size:clamp(58px,7vw,112px);
  line-height:.8;
  letter-spacing:-.065em;
  margin:0;
}
.g86-buy-head h3 i{
  font-family:var(--serif);
  font-weight:400;
}
.g86-buy-head p{
  font-size:15px;
  line-height:1.55;
  margin:0;
  max-width:520px;
  color:rgba(255,255,255,.82);
}
.g86-tiers{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid rgba(255,255,255,.75);
  border-bottom:1px solid rgba(255,255,255,.75);
}
.g86-tiers article{
  min-height:330px;
  padding:24px 24px 20px 0;
  border-right:1px solid rgba(255,255,255,.28);
  display:flex;
  flex-direction:column;
}
.g86-tiers article+article{padding-left:24px}
.g86-tiers article:last-child{border-right:0}
.g86-tiers article>div{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:20px;
  margin-bottom:48px;
}
.g86-tiers article>div span{
  font-family:var(--serif);
  font-style:italic;
  font-size:28px;
}
.g86-tiers article>div strong{
  font-size:clamp(28px,3vw,48px);
  letter-spacing:-.045em;
}
.g86-tiers article>b{
  font-size:11px;
  letter-spacing:.12em;
  margin-bottom:15px;
}
.g86-tiers article>p{
  font-size:13px;
  line-height:1.48;
  margin:0;
  max-width:330px;
  color:rgba(255,255,255,.76);
}
.g86-tiers footer{
  margin-top:auto;
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:18px;
  padding-top:30px;
}
.g86-tiers footer em{
  font-family:var(--serif);
  font-size:20px;
}
.g86-tiers footer span{
  font-size:10px;
  letter-spacing:.08em;
}
.g86-allocation{
  margin-top:46px;
  display:grid;
  grid-template-columns:1.35fr 1fr 1fr 1fr;
  border-top:1px solid rgba(255,255,255,.75);
  border-bottom:1px solid rgba(255,255,255,.75);
}
.g86-allocation>div{
  padding:24px 18px 24px 0;
  min-height:160px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  border-right:1px solid rgba(255,255,255,.28);
}
.g86-allocation>div+div{padding-left:18px}
.g86-allocation>div:last-child{border-right:0}
.g86-allocation strong{
  font-size:clamp(44px,5vw,78px);
  line-height:.82;
  letter-spacing:-.055em;
}
.g86-allocation span{
  font-size:10px;
  line-height:1.4;
  letter-spacing:.09em;
}
.g86-allocation .g86-total strong{
  font-size:clamp(58px,7vw,108px);
}

/* Remove the old GANNI image-box behaviour where it caused dead space. */
.ganni85 .g85-personas figure{
  min-height:0;
  align-items:stretch;
  overflow:hidden;
}
.ganni85 .g85-personas img{
  height:auto;
  object-fit:cover;
}
.ganni85 .g85-forecast-grid,
.ganni85 .g85-product-grid,
.ganni85 .g85-buy-visuals{
  display:none!important;
}

@media(max-width:900px){
  .g86-product-grid{grid-template-columns:1fr 1fr}
  .g86-product-grid figure:last-child{grid-column:1 / -1;max-width:58%;justify-self:center}
  .g86-buy-head{grid-template-columns:1fr}
  .g86-tiers{grid-template-columns:1fr}
  .g86-tiers article,.g86-tiers article+article{
    padding:22px 0;
    min-height:0;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.28);
  }
  .g86-tiers article:last-child{border-bottom:0}
  .g86-tiers article>div{margin-bottom:24px}
  .g86-tiers footer{margin-top:28px}
  .g86-allocation{grid-template-columns:1fr 1fr}
  .g86-allocation>div{border-bottom:1px solid rgba(255,255,255,.28)}
}
@media(max-width:600px){
  .g86-forecast-visuals{grid-template-columns:1fr}
  .g86-forecast-visuals .g86-forecast-lead{grid-column:auto;aspect-ratio:16/9}
  .g86-product-grid{grid-template-columns:1fr}
  .g86-product-grid figure:last-child{grid-column:auto;max-width:none}
  .g86-buy{padding-left:18px;padding-right:18px}
  .g86-allocation{grid-template-columns:1fr}
}


/* v87 — quieter GANNI editorial forecast + compressed buying section */
.g87-forecast{
  padding:76px 4vw 84px;
  border-bottom:1px solid #111;
  display:grid;
  grid-template-columns:90px minmax(300px,.72fr) minmax(520px,1.28fr);
  grid-template-areas:
    "index title lead"
    ". pair pair"
    ". note note";
  column-gap:34px;
  row-gap:34px;
  align-items:start;
}
.g87-forecast-index{grid-area:index}
.g87-forecast-index>span{
  display:block;
  font-family:var(--serif);
  font-style:italic;
  font-size:32px;
  line-height:1;
  margin-bottom:10px;
}
.g87-forecast-index p,.g87-forecast-title>span{
  margin:0;
  font-size:9px;
  letter-spacing:.12em;
}
.g87-forecast-title{grid-area:title;padding-top:2px}
.g87-forecast-title h3{
  font-size:clamp(46px,5.4vw,86px);
  line-height:.82;
  letter-spacing:-.06em;
  margin:20px 0 26px;
}
.g87-forecast-title h3 i{
  font-family:var(--serif);
  font-weight:400;
}
.g87-forecast-title>p{
  margin:0;
  max-width:430px;
  font-size:14px;
  line-height:1.55;
}
.g87-forecast-lead{
  grid-area:lead;
  margin:0;
  overflow:hidden;
  aspect-ratio:16/8.7;
  background:#f2f1ec;
}
.g87-forecast-lead img{
  width:100%;height:100%;display:block;object-fit:cover;object-position:center;
}
.g87-trend-pair{
  grid-area:pair;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.g87-trend-pair figure{
  margin:0;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#f2f1ec;
}
.g87-trend-pair img{
  width:100%;height:100%;display:block;object-fit:cover;object-position:center;
}
.g87-forecast-note{
  grid-area:note;
  width:min(650px,70%);
  margin:2px 0 0 auto;
  padding-top:18px;
  border-top:1px solid #111;
  font-family:var(--serif);
  font-style:italic;
  font-size:clamp(18px,1.7vw,27px);
  line-height:1.2;
}

/* Buying section: same information, materially less vertical space. */
.g86-buy{
  padding-top:58px!important;
  padding-bottom:58px!important;
}
.g86-buy-head{
  grid-template-columns:105px minmax(390px,1fr) minmax(300px,.7fr)!important;
  gap:28px!important;
  margin-bottom:30px!important;
}
.g86-buy-head h3{
  font-size:clamp(46px,5.3vw,82px)!important;
  line-height:.82!important;
}
.g86-buy-head p{font-size:13px!important;line-height:1.48!important}
.g86-tiers article{
  min-height:225px!important;
  padding-top:18px!important;
  padding-bottom:15px!important;
}
.g86-tiers article>div{margin-bottom:22px!important}
.g86-tiers article>div span{font-size:22px!important}
.g86-tiers article>div strong{font-size:clamp(24px,2.4vw,38px)!important}
.g86-tiers article>p{font-size:12px!important;line-height:1.4!important}
.g86-tiers footer{padding-top:18px!important}
.g86-tiers footer em{font-size:17px!important}
.g86-allocation{margin-top:28px!important}
.g86-allocation>div{
  min-height:105px!important;
  padding-top:16px!important;
  padding-bottom:16px!important;
}
.g86-allocation strong{font-size:clamp(36px,4vw,60px)!important}
.g86-allocation .g86-total strong{font-size:clamp(46px,5vw,72px)!important}

/* The clean supplied JPG boards should remain fully visible, with no red screenshot edge. */
.g86-product-grid figure{background:#f4f2eb}
.g86-product-grid img{width:100%;height:auto;object-fit:contain}

@media(max-width:900px){
  .g87-forecast{
    grid-template-columns:70px 1fr;
    grid-template-areas:
      "index title"
      ". lead"
      ". pair"
      ". note";
  }
  .g87-forecast-note{width:100%}
}
@media(max-width:600px){
  .g87-forecast{
    padding:58px 18px 64px;
    grid-template-columns:1fr;
    grid-template-areas:"index" "title" "lead" "pair" "note";
  }
  .g87-trend-pair{grid-template-columns:1fr}
  .g86-buy{padding-top:46px!important;padding-bottom:46px!important}
}

/* v88 — GANNI range architecture + project access */
.g88-architecture{padding:62px 4vw 66px;border-bottom:1px solid #111;display:grid;grid-template-columns:90px .78fr 1.45fr;grid-template-areas:"idx copy grid" ". rule rule";gap:30px 34px;align-items:start;background:#fff}
.g88-arch-index{grid-area:idx}.g88-arch-index>span{font-family:var(--serif);font-style:italic;font-size:31px;line-height:1}.g88-arch-index p{font-size:9px;letter-spacing:.12em;margin:10px 0 0}
.g88-arch-copy{grid-area:copy}.g88-arch-copy h3{font-size:clamp(42px,4.6vw,72px);line-height:.84;letter-spacing:-.06em;margin:0 0 24px}.g88-arch-copy h3 i{font-family:var(--serif);font-weight:400}.g88-arch-copy>p{font-size:13px;line-height:1.52;max-width:430px;margin:0}
.g88-arch-grid{grid-area:grid;display:grid;grid-template-columns:1.45fr 1.05fr .72fr;border-top:1px solid #111;border-bottom:1px solid #111;align-items:stretch}.g88-arch-grid article{padding:18px 18px 18px 0;border-right:1px solid #111;min-height:210px;display:flex;flex-direction:column}.g88-arch-grid article+article{padding-left:18px}.g88-arch-grid article:last-child{border-right:0}.g88-arch-grid article>span{font-family:var(--serif);font-style:italic;font-size:18px}.g88-arch-grid strong{font-size:clamp(20px,2vw,31px);letter-spacing:-.04em;margin:18px 0 4px}.g88-arch-grid b{font-size:9px;letter-spacing:.11em}.g88-arch-grid p{font-size:11px;margin:auto 0 8px}.g88-arch-grid em{font-family:var(--serif);font-size:15px;line-height:1.2;max-width:270px}
.g88-arch-rule{grid-area:rule;display:flex;align-items:center;gap:18px;border-top:1px solid #111;padding-top:15px;font-size:10px;letter-spacing:.08em}.g88-arch-rule b{font-size:18px;font-weight:400}.g88-arch-rule em{font-family:var(--serif);font-size:14px;letter-spacing:0;margin-left:auto}
.g88-project-links{padding:42px 4vw 46px;background:#fff;color:#111;border-top:1px solid #111;border-bottom:1px solid #111;display:grid;grid-template-columns:.55fr 1.45fr;gap:30px;align-items:center}.g88-project-links>span{font-size:10px;letter-spacing:.11em}.g88-project-links>div{display:flex;justify-content:flex-end;gap:42px}.g88-project-links a{color:inherit;text-decoration:none;font-size:13px;letter-spacing:.08em;border-bottom:1px solid #111;padding-bottom:7px}.g88-project-links a:hover{opacity:.55}
@media(max-width:900px){.g88-architecture{grid-template-columns:70px 1fr;grid-template-areas:"idx copy" ". grid" ". rule"}.g88-project-links{grid-template-columns:1fr}.g88-project-links>div{justify-content:flex-start}}
@media(max-width:600px){.g88-architecture{padding:52px 18px 58px;grid-template-columns:1fr;grid-template-areas:"idx" "copy" "grid" "rule"}.g88-arch-grid{grid-template-columns:1fr}.g88-arch-grid article,.g88-arch-grid article+article{padding:18px 0;border-right:0;border-bottom:1px solid #111;min-height:170px}.g88-arch-grid article:last-child{border-bottom:0}.g88-arch-rule{flex-wrap:wrap}.g88-arch-rule em{width:100%;margin-left:0}.g88-project-links{padding:34px 18px}.g88-project-links>div{flex-direction:column;gap:20px;align-items:flex-start}}


/* v89 — GANNI hero + range architecture refinements */

/* New supplied fashion collage as both homepage + case-study hero. */
.ganni85 .g85-hero{
  background:#111;
}
.ganni85 .g85-hero>img{
  object-position:center 50%!important;
  opacity:.82;
}
.ganni85 .g85-shade{
  background:
    linear-gradient(90deg,rgba(5,6,8,.58) 0%,rgba(5,6,8,.20) 48%,rgba(5,6,8,.05) 78%),
    linear-gradient(180deg,rgba(255,255,255,.06),rgba(5,6,8,.32))!important;
}

/* Fade the homepage image slightly as well, without washing out the colour. */
#masters [data-ma-project="ganni"] .ma-image{
  background:#f3f3f1;
}
#masters [data-ma-project="ganni"] .ma-image img{
  opacity:1;
  object-position:center 50%!important;
}

/* Range architecture: equal columns and fixed vertical rhythm. */
.g89-architecture{
  grid-template-columns:90px .72fr 1.55fr!important;
}
.g89-architecture .g88-arch-copy h3{
  font-size:clamp(42px,4.4vw,70px);
  line-height:.86;
  margin-bottom:22px;
}
.g89-architecture .g88-arch-copy h3 i{
  font-family:var(--serif);
  font-weight:400;
}
.g89-arch-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch!important;
}
.g89-arch-grid article,
.g89-arch-grid article+article{
  padding:18px!important;
  min-height:250px!important;
  display:grid!important;
  grid-template-rows:22px 68px 18px 28px 1fr;
  align-content:start;
}
.g89-arch-grid article:first-child{
  padding-left:0!important;
}
.g89-arch-grid article:last-child{
  padding-right:0!important;
}
.g89-arch-grid article>span{
  margin:0!important;
  align-self:start;
}
.g89-arch-grid strong{
  margin:0!important;
  align-self:start;
  font-size:clamp(20px,1.8vw,28px)!important;
  line-height:.92;
  letter-spacing:-.045em;
}
.g89-arch-grid b{
  margin:0!important;
  align-self:start;
}
.g89-arch-grid p{
  margin:0!important;
  align-self:start;
  font-size:11px;
  line-height:1.25;
}
.g89-arch-grid em{
  margin:0!important;
  align-self:start;
  font-size:15px;
  line-height:1.22;
  max-width:270px;
}

@media(max-width:900px){
  .g89-architecture{
    grid-template-columns:70px 1fr!important;
  }
}
@media(max-width:600px){
  .g89-architecture{
    grid-template-columns:1fr!important;
  }
  .g89-arch-grid{
    grid-template-columns:1fr!important;
  }
  .g89-arch-grid article,
  .g89-arch-grid article+article{
    grid-template-rows:auto auto auto auto auto;
    min-height:0!important;
    padding:18px 0!important;
    gap:8px;
  }
}


/* v91 — homepage hero blend + Ideas in Practice copy */
.hero,
.home-hero,
#hero{
  background:#000!important;
}

/* Keep the portrait itself, but fade its far-right edge into true black so
   there is no visible grey/black block at the viewport edge. */
.hero::after,
.home-hero::after,
#hero::after{
  content:"";
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  width:22vw;
  min-width:180px;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.55) 48%,#000 100%);
  z-index:2;
}

/* If the hero's image layer is separately positioned, make sure the base behind it is black. */
.hero img,
.home-hero img,
#hero img{
  background:#000;
}

/* Preserve hero copy and controls above the blend layer. */
.hero > *:not(img),
.home-hero > *:not(img),
#hero > *:not(img){
  position:relative;
  z-index:3;
}


/* v95 — homepage colour-flow polish
   Closing sequence now returns to the black established in the hero, giving
   the grey MA section a deliberate high-contrast finish instead of grey → white. */
.manifesto{
  background:#090c12!important;
  color:#fff!important;
  border-top:1px solid rgba(255,255,255,.16);
  border-bottom:0!important;
}
.manifesto-row{
  border-top-color:rgba(255,255,255,.70)!important;
}
.manifesto-row:last-child{
  border-bottom-color:rgba(255,255,255,.70)!important;
}

/* Keep Contact in the same closing black field so the manifesto reads as the
   portfolio's final statement and flows naturally into the call to contact. */
footer#contact{
  background:#090c12!important;
  color:#fff!important;
  border-top:1px solid rgba(255,255,255,.16);
}
footer#contact a{
  color:#fff!important;
}
footer#contact .footer-bottom{
  border-top-color:rgba(255,255,255,.22);
}

/* Slightly cool the light MA background so it transitions cleanly from the
   warm Work section and into the black closing sequence. */
#masters.masters-section{
  background:#e7e8e6!important;
}
