.case-cover{height:min(62vw,720px);margin-top:56px;display:grid;place-items:center;overflow:hidden}.case-cover span{font-family:var(--merriweather);font-size:clamp(64px,13vw,190px);letter-spacing:-.06em}.case-cover--silens{background:radial-gradient(circle at 70% 25%,#6e1e2e,#2a070d 50%,#080808);color:#f1eadf}.case-cover--sabunny{background:radial-gradient(circle at 65% 30%,#ffd9a8,#e9a8a0 45%,#8d596a);color:#fff7ed}.case-placeholder{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#e8e8e8;border:1px solid rgba(0,0,0,.08);text-align:center}.section--dark .case-placeholder{background:#171717;border-color:#333}.case-placeholder span{font-size:clamp(24px,3vw,46px);font-weight:600;letter-spacing:-.04em}.case-placeholder small{font-size:10px;letter-spacing:.16em;opacity:.55}.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:42px}.case-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.silens-colors,.sabunny-colors{display:grid;grid-template-columns:repeat(3,1fr);height:280px;margin-top:42px}.silens-colors i:nth-child(1){background:#651b2b}.silens-colors i:nth-child(2){background:#090909}.silens-colors i:nth-child(3){background:#eee8dc}.sabunny-colors{grid-template-columns:repeat(4,1fr)}.sabunny-colors i:nth-child(1){background:#e9a8a0}.sabunny-colors i:nth-child(2){background:#ffd9a8}.sabunny-colors i:nth-child(3){background:#8d596a}.sabunny-colors i:nth-child(4){background:#fff7ed}.identity-text{max-width:760px;margin:28px 0 0}.identity-text p{font-size:clamp(16px,1.4vw,20px);line-height:1.7}.section--dark .identity-text{color:#ddd}@media(max-width:900px){.case-grid,.case-grid--3{grid-template-columns:1fr}.case-placeholder{min-height:240px}.case-cover{height:55vh}.silens-colors,.sabunny-colors{height:180px}}
/* Real project media */
.case-media{margin:42px 0 0;overflow:hidden;background:#111;line-height:0}.case-media img{display:block;width:100%;height:auto;object-fit:cover}.case-media--hero{margin-top:56px}.case-media--wide{margin-top:22px}.case-grid>.case-media,.case-stack>.case-media{margin-top:0}.case-stack{display:grid;gap:22px}.naming-list{display:grid;gap:72px;margin-top:48px}.naming-row{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:48px;align-items:center}.naming-row--reverse{grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr)}.naming-row--reverse figure{order:2}.naming-row .case-media{margin:0}.naming-kicker{display:block;font-size:10px;letter-spacing:.18em;text-transform:uppercase;opacity:.58;margin-bottom:16px}.naming-row h3{font-size:clamp(30px,3vw,52px);line-height:1.16;margin:0;letter-spacing:-.035em}.naming-row p,.case-note{font-size:15px;line-height:1.7;opacity:.72;margin:18px 0 0}.banner-compare{display:grid;gap:54px;margin-top:48px}.banner-compare article .case-media{margin-top:14px}.section--dark .case-media{background:#171717}@media(max-width:900px){.naming-row,.naming-row--reverse{grid-template-columns:1fr;gap:24px}.naming-row--reverse figure{order:0}.naming-list{gap:48px}.case-stack{gap:16px}}


/* V13 — Silens + Sabunny reflow after final artwork */
.silens-case .project-nav,.sabunny-case .project-nav{position:sticky;top:0;z-index:20;background:rgba(10,10,10,.96);backdrop-filter:blur(12px);border-top:1px solid #2b2b2b;border-bottom:1px solid #2b2b2b;display:grid;padding:0 var(--project-side)}
.silens-case .project-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important}.sabunny-case .project-nav{grid-template-columns:repeat(7,minmax(0,1fr))!important}
.silens-case .project-nav a,.sabunny-case .project-nav a{padding:18px 10px;color:#fff;text-decoration:none;text-align:center;font-size:10px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.project-nav a span{color:var(--project-red);margin-right:6px}
.unified-case .section--light,.unified-case .section--light h2,.unified-case .section--light h3,.unified-case .section--light p,.unified-case .section--light .identity-text,.unified-case .section--light .identity-text p,.unified-case .section--light .eyebrow{color:#191919!important}
.unified-case .section--dark,.unified-case .section--dark h2,.unified-case .section--dark h3,.unified-case .section--dark p,.unified-case .section--dark .identity-text,.unified-case .section--dark .identity-text p,.unified-case .section--dark .eyebrow{color:#f2f2f2!important}
.case-media{height:auto!important;min-height:0!important;max-height:none!important}.case-media img{width:100%;height:auto!important;max-height:none!important;object-fit:contain!important}
/* Sabunny: black research artwork must sit on a light field. */
.sabunny-case #identity .case-grid .case-media,.sabunny-case #identity>.container>.case-media{background:#eee9e1;padding:18px;box-sizing:border-box}
.sabunny-case #identity>.container>.case-media{max-width:860px;margin-left:auto;margin-right:auto}
.naming-groups{display:grid;gap:clamp(54px,6vw,92px);margin-top:54px}.naming-group{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:clamp(30px,5vw,70px);align-items:center}.naming-group--reverse{grid-template-columns:minmax(300px,.65fr) minmax(0,1.35fr)}.naming-group--reverse figure{order:2}.naming-copy h3{font-size:clamp(34px,4vw,62px);margin:0 0 20px;letter-spacing:-.04em}.name-proposals{list-style:none;padding:0;margin:0;display:grid;gap:9px}.name-proposals li{font-family:var(--merriweather);font-size:clamp(21px,2.2vw,34px);line-height:1.18;border-top:1px solid rgba(255,255,255,.2);padding-top:10px}.retained-name{margin-top:clamp(80px,9vw,130px);padding:clamp(30px,5vw,70px);background:#476b61;display:grid;grid-template-columns:.65fr 1.35fr;gap:clamp(30px,5vw,70px);align-items:center}.retained-name__copy,.retained-name__copy h3,.retained-name__copy p{color:#f3ede3!important}.retained-name__copy h3{font-size:clamp(54px,7vw,110px);line-height:.9;margin:10px 0 24px;letter-spacing:-.055em}.retained-name .case-media{margin:0}.sabunny-system-media,.application-flow{display:grid;gap:28px;margin-top:42px}.sabunny-system-media .case-media,.application-flow .case-media{margin:0}.application-flow .case-media:nth-child(2){max-width:1100px;margin-left:auto;margin-right:auto}
/* Silens: artwork controls its own ratio instead of inherited boxes. */
.silens-intro-visual{max-width:820px;margin-left:auto;margin-right:auto}.silens-research-flow{display:grid;gap:28px;margin-top:42px}.silens-research-flow .case-media,.silens-research-flow .case-grid{margin-top:0}.silens-da-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:42px}.silens-da-grid .case-media{margin:0}.silens-da-grid__last{grid-column:1/-1;max-width:920px;width:100%;justify-self:center}
.unified-case .project-end__actions{gap:12px}.unified-case .project-end__actions a:nth-child(2){border-color:rgba(255,255,255,.12);opacity:.8}
@media(max-width:900px){.silens-case .project-nav,.sabunny-case .project-nav{display:flex;overflow-x:auto;padding:0 16px}.silens-case .project-nav a,.sabunny-case .project-nav a{min-width:max-content}.naming-group,.naming-group--reverse,.retained-name{grid-template-columns:1fr}.naming-group--reverse figure{order:0}.retained-name__copy{order:0}.silens-da-grid{grid-template-columns:1fr}.silens-da-grid__last{grid-column:auto}.sabunny-case #identity .case-grid .case-media{padding:10px}}

/* V14 — strict Virtus typography + narrative rebuild */
.silens-case,.sabunny-case{font-family:var(--poppins)!important}
.silens-case p,.silens-case li,.silens-case a,.silens-case span,.silens-case strong,.sabunny-case p,.sabunny-case li,.sabunny-case a,.sabunny-case span,.sabunny-case strong{font-family:var(--poppins)!important}
.silens-case h1,.silens-case h2,.silens-case h3,.sabunny-case h1,.sabunny-case h2,.sabunny-case h3{font-family:var(--merriweather)!important;font-weight:500}
.silens-case .identity-text,.sabunny-case .identity-text{margin:0 0 30px 46px;max-width:720px}
.silens-case .identity-text p,.sabunny-case .identity-text p,.silens-case .section-intro,.sabunny-case .section-intro{font-size:clamp(14px,1vw,16px)!important;line-height:1.8!important}
.silens-case .section--light .section-intro,.sabunny-case .section--light .section-intro{color:var(--text-muted-light)!important}
.silens-case .section--dark .section-intro,.sabunny-case .section--dark .section-intro{color:var(--text-muted-dark)!important}
.silens-case .project-nav{grid-template-columns:repeat(6,minmax(0,1fr))!important}.sabunny-case .project-nav{grid-template-columns:repeat(7,minmax(0,1fr))!important}
.sabunny-hero-art{background:#476b61!important}.sabunny-hero-art img{opacity:1!important;filter:none!important}
.sabunny-brief-art{background:#476b61!important}
.research-light{background:#eee9e1!important;padding:20px;box-sizing:border-box}.research-light img{opacity:1!important;filter:none!important}.research-medium{max-width:980px;margin-left:auto!important;margin-right:auto!important}
.final-logo-art{max-width:880px;margin-left:auto!important;margin-right:auto!important;background:#476b61!important;padding:28px}.final-logo-art img{opacity:1!important;filter:none!important}
.system-art{background:#eee9e1!important}.system-art img{opacity:1!important;filter:none!important}
.axis-cards{display:grid;gap:54px;margin-top:48px}.axis-cards article{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:44px;align-items:center}.axis-cards .case-media{margin:0}.axis-cards article>div>span{font-size:10px;letter-spacing:.16em;color:#777}.axis-cards h3{font-size:clamp(34px,4vw,58px);margin:10px 0 14px}.axis-cards p{font-size:15px;line-height:1.7;color:#555;margin:0}.name-proposals li{font-family:var(--poppins)!important;font-size:clamp(18px,1.8vw,27px);font-weight:500;letter-spacing:-.02em}.choice-label{font-size:10px!important;letter-spacing:.18em!important;text-transform:uppercase;margin:0 0 12px!important;opacity:.7}.retained-name__copy h3{font-family:var(--merriweather)!important}.naming-art{background:#eee9e1!important}.naming-art img{opacity:1!important;filter:none!important}.sabunny-case .subsection,.silens-case .subsection{margin-top:clamp(64px,7vw,96px)}.sabunny-case .subsection:first-of-type,.silens-case .subsection:first-of-type{margin-top:48px}.sabunny-case .subsection-header,.silens-case .subsection-header{margin-bottom:28px}.result-art{max-width:1050px;margin-left:auto!important;margin-right:auto!important}
@media(max-width:900px){.axis-cards article{grid-template-columns:1fr;gap:22px}.silens-case .identity-text,.sabunny-case .identity-text{margin-left:0}.research-light{padding:10px}}

/* V16 — Project 4 & 5 typography/alignment cleanup
   Keep Silens and Sabunny on the same reading grid as Virtus. */
.silens-case .story-lead,
.sabunny-case .story-lead {
  width:min(100%, 720px);
  max-width:720px;
  margin-left:46px;
}
.silens-case .story-lead .section-intro,
.sabunny-case .story-lead .section-intro {
  width:100%;
  margin-left:0;
}
.silens-case .story-lead > p,
.sabunny-case .story-lead > p,
.silens-case .identity-text p,
.sabunny-case .identity-text p,
.silens-case .case-caption,
.sabunny-case .case-caption,
.silens-case .naming-copy p,
.sabunny-case .naming-copy p,
.silens-case .axis-cards p,
.sabunny-case .axis-cards p {
  font-family:var(--poppins) !important;
  font-size:clamp(14px,1vw,16px) !important;
  font-weight:400 !important;
  line-height:1.8 !important;
  letter-spacing:normal;
}
.silens-case .story-lead > p:not(.section-intro),
.sabunny-case .story-lead > p:not(.section-intro) {
  margin:0;
}
.silens-case .story-lead > p + p,
.sabunny-case .story-lead > p + p {
  margin-top:16px;
}
.silens-case .identity-text strong,
.sabunny-case .identity-text strong,
.silens-case .story-lead strong,
.sabunny-case .story-lead strong {
  font-weight:600 !important;
}
.silens-case .case-caption,
.sabunny-case .case-caption {
  width:min(100%,720px);
  margin-left:46px;
  font-size:13px !important;
  opacity:.68;
}
.silens-case .subsection-header h3,
.sabunny-case .subsection-header h3 {
  font-weight:500 !important;
}
@media(max-width:900px){
  .silens-case .story-lead,
  .sabunny-case .story-lead,
  .silens-case .case-caption,
  .sabunny-case .case-caption {
    width:100%;
    max-width:none;
    margin-left:0;
  }
}


/* V17 — final editorial polish for projects 4 & 5 */
/* Sabunny hero artwork contains transparency: use the artwork's intended warm neutral,
   not the brand green, so the first visual keeps its original colour. */
.sabunny-case .sabunny-hero-art{background:#f5eee6!important;}
.sabunny-case .sabunny-hero-art img{opacity:1!important;filter:none!important;mix-blend-mode:normal!important;}

/* Body copy is always regular. Bold is reserved for labels, metadata and headings. */
.silens-case .story-lead p,
.silens-case .identity-text p,
.silens-case .case-caption,
.sabunny-case .story-lead p,
.sabunny-case .identity-text p,
.sabunny-case .case-caption,
.sabunny-case .naming-copy p,
.sabunny-case .decision-break p,
.sabunny-case .research-choice p,
.sabunny-case .axis-cards p{
  font-weight:400!important;
}
.silens-case .story-lead p strong,
.silens-case .identity-text p strong,
.sabunny-case .story-lead p strong,
.sabunny-case .identity-text p strong,
.sabunny-case .decision-break p strong,
.sabunny-case .research-choice p strong,
.sabunny-case .naming-copy p strong{
  font-weight:400!important;
}

/* Make the retained creative route explicit without changing the project DA. */
.sabunny-case .axis-card--selected{position:relative;}
.sabunny-case .axis-card--selected>div>span{color:#476b61;font-weight:600;}
.sabunny-case .sabunny-axis-choice{margin-top:clamp(58px,7vw,90px);padding-top:32px;border-top:1px solid rgba(25,25,25,.18);max-width:760px;margin-left:46px;}
.sabunny-case .sabunny-axis-choice h3{font-size:clamp(30px,3vw,46px);margin:8px 0 16px;}
.sabunny-case .sabunny-axis-choice p{font-size:clamp(14px,1vw,16px)!important;line-height:1.8!important;margin:0;color:var(--text-muted-light)!important;}
@media(max-width:900px){.sabunny-case .sabunny-axis-choice{margin-left:0;max-width:none;}}