/* Selected Works / common case-study visual language
   Matches the established Rapsodo, Lagomya and ENKA editorial system.
   Scoped to Arcelik & Turk Altin: preserves project-specific media and interactions. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Jost:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500;600&display=swap');
body.ya-case-standard{
  --bg:#121416;--bg2:#1b1f20;--surface:#1b1f20;--ink:#e9eae6;
  --text:var(--ink);--muted:#a8ada9;--quiet:#828985;
  --stroke:#313737;--line:var(--stroke);--accent:#baccae;
  --serif:'Jost','Futura',system-ui,sans-serif;
  --sans:'DM Sans',system-ui,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
  --pad:clamp(20px,5vw,72px);--max:1520px;
  background:var(--bg);color:var(--ink);font:16px/1.65 var(--sans);
  -webkit-font-smoothing:antialiased;overflow-x:hidden;color-scheme:dark
}
body.ya-case-standard .wrap{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--pad)}
body.ya-case-standard :is(h1,h2,h3){font-family:var(--serif);font-weight:300;letter-spacing:-.025em}
body.ya-case-standard :is(.eyebrow,.over,.index,.number,.mono,.kind,.micro){
  font:400 11px/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent)
}
body.ya-case-standard .muted,body.ya-case-standard .subtext{color:var(--muted)}
body.ya-case-standard section{padding-block:clamp(76px,10vw,148px)}
body.ya-case-standard section+section{border-top:1px solid var(--stroke)}
body.ya-case-standard header.hero{
  position:relative;min-height:min(96svh,1050px);display:flex;
  align-items:flex-end;isolation:isolate;overflow:hidden;background:var(--bg2)
}
body.ya-case-standard header.hero::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,rgba(9,13,12,.45),transparent 85%),
    linear-gradient(0deg,#121416 0%,rgba(18,20,22,.84) 19%,rgba(18,20,22,.05) 58%,rgba(18,20,22,.42) 100%)
}
body.ya-case-standard header.hero::after{content:none}
body.ya-case-standard header.hero>picture,
body.ya-case-standard header.hero>.hero-media{position:absolute;inset:0;z-index:-2;display:block}
body.ya-case-standard header.hero>picture img,
body.ya-case-standard header.hero>.hero-media img{
  width:100%;height:100%;object-fit:cover;object-position:center 47%;display:block
}
body.ya-case-standard .topbar{position:absolute;inset:0 0 auto;z-index:5}
body.ya-case-standard .topbar .wrap{
  display:flex;justify-content:space-between;align-items:center;gap:25px;
  padding-block:22px;border-bottom:1px solid rgba(236,241,233,.26)
}
body.ya-case-standard .topbar :is(.mono,.back){font:400 11px/1.5 var(--mono);letter-spacing:.085em;color:#e0e7df;text-decoration:none}
body.ya-case-standard .topbar .back:hover{color:var(--accent)}
body.ya-case-standard .hero-content{
  width:100%;position:relative;z-index:2;padding-top:150px;
  padding-bottom:clamp(55px,9vh,112px)
}
body.ya-case-standard .hero h1{
  font:300 clamp(62px,10vw,154px)/.92 var(--serif);letter-spacing:-.03em;
  margin:22px 0 26px;max-width:13ch
}
body.ya-case-standard .hero h1 em{color:rgba(233,234,230,.84);font-style:normal}
body.ya-case-standard .hero .subtitle{
  display:block;max-width:36ch;font:300 clamp(21px,2.5vw,36px)/1.3 var(--serif);
  color:var(--ink);margin:0
}
body.ya-case-standard .hero .labels{
  display:flex;flex-wrap:wrap;gap:10px 24px;border:0;
  border-top:1px solid rgba(236,241,233,.28);padding:18px 0 0;
  margin:35px 0 0
}
body.ya-case-standard .hero .labels span{
  font:400 11px/1.5 var(--mono);color:#e1e8dd;letter-spacing:.07em;
  border:0;border-radius:0;padding:0;background:transparent
}
body.ya-case-standard .section-head{
  display:grid;grid-template-columns:repeat(12,minmax(0,1fr));
  gap:16px 24px;margin-bottom:clamp(36px,6vw,76px);align-items:start
}
body.ya-case-standard .section-head .index{grid-column:1/span 2;padding-top:9px}
body.ya-case-standard .section-head h2{
  grid-column:3/span 6;margin:0;font:300 clamp(39px,5.1vw,76px)/1.04 var(--serif);
  letter-spacing:-.025em;max-width:100%;overflow-wrap:break-word
}
body.ya-case-standard .section-head .subtext{
  grid-column:9/span 4;align-self:end;font-size:15px;line-height:1.65;
  max-width:63ch;margin:0;color:var(--muted)
}
body.ya-case-standard :is(.rule,figure,.card,.system-panel,.scope){border-color:var(--stroke)}
body.ya-case-standard .visual{background:var(--bg2);border-radius:0}
body.ya-case-standard .card h3{font:400 clamp(21px,2.3vw,28px)/1.25 var(--serif);letter-spacing:-.02em}
body.ya-case-standard .card p{font-size:14px;line-height:1.6}
body.ya-case-standard figcaption{
  font:400 12px/1.6 var(--sans);color:var(--muted);letter-spacing:0
}
body.ya-case-standard footer:not(.ya-site-footer){background:var(--bg2);border-color:var(--stroke);padding:60px 0 70px}
body.ya-case-standard footer:not(.ya-site-footer) h2{font:300 clamp(36px,4.5vw,66px)/1.1 var(--serif)}
body.ya-case-standard footer:not(.ya-site-footer) a{font-family:var(--mono);font-size:12px;color:var(--accent);text-decoration:none}
body.ya-case-arcelik .facts{border:0;border-bottom:1px solid var(--stroke);max-width:var(--max)}
body.ya-case-arcelik .facts .fact{border-color:var(--stroke);padding-block:28px}
body.ya-case-arcelik .facts .fact b{font:400 10px/1.4 var(--mono);letter-spacing:.1em;color:var(--accent)}
body.ya-case-arcelik .facts .fact span{font:400 14px/1.6 var(--sans);color:var(--ink)}
body.ya-case-arcelik #overview>.wrap>.overview{display:block;max-width:1000px}
body.ya-case-arcelik #overview>.wrap>.overview>div{max-width:980px;columns:2;column-gap:clamp(30px,5vw,85px)}
body.ya-case-arcelik #overview>.wrap>.overview p{break-inside:avoid}
body.ya-case-arcelik #overview>.wrap>.overview .scope{columns:initial;break-inside:avoid}
body.ya-case-arcelik .feature-visual{aspect-ratio:16/8.5;position:relative}
body.ya-case-arcelik .feature-visual img{transform:none!important;width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
body.ya-case-arcelik .feature-visual:hover img{transform:scale(1.015)!important}
body.ya-case-arcelik .step strong{font:400 25px/1.25 var(--serif)}
body.ya-case-arcelik .system-panel{background:var(--bg2)}
body.ya-case-arcelik .contribution h2,body.ya-case-arcelik #optimization h2{font-size:clamp(39px,5vw,74px);line-height:1.06}
body.ya-case-mining .ya-mining-tech>span{color:var(--accent)!important}
body.ya-case-mining .ya-mining-techgrid>div{background:rgba(167,189,164,.15)!important;border-color:rgba(188,219,188,.53)!important}
body.ya-case-mining .ya-mining-techgrid b{color:#e0efdf!important}
body.ya-case-mining .ya-mining-techgrid small{color:#d9e6d7!important}
@media(max-width:1020px){
 body.ya-case-standard .section-head .index{grid-column:1/-1}
 body.ya-case-standard .section-head h2{grid-column:1/span 8}
 body.ya-case-standard .section-head .subtext{grid-column:9/span 4}
}
@media(max-width:760px){
 body.ya-case-standard .section-head{display:block}
 body.ya-case-standard .section-head .index{display:block;margin-bottom:14px}
 body.ya-case-standard .section-head .subtext{display:block;margin-top:16px}
 body.ya-case-standard header.hero{min-height:640px}
 body.ya-case-standard .hero h1{font-size:clamp(49px,11vw,84px)}
 body.ya-case-standard .hero .labels{gap:8px 15px}
 body.ya-case-standard .hero .labels span{font-size:10px}
 body.ya-case-standard .topbar .wrap{padding-block:18px}
 body.ya-case-standard .topbar :is(.mono,.back){font-size:9px}
 body.ya-case-arcelik #overview>.wrap>.overview>div{columns:1}
}
@media(max-width:480px){
 body.ya-case-standard .hero .subtitle{font-size:23px}
 body.ya-case-standard .hero h1{font-size:clamp(43px,12vw,62px);overflow-wrap:break-word}
 body.ya-case-standard .topbar .wrap{gap:9px}
 body.ya-case-standard .topbar .back{white-space:nowrap}
 body.ya-case-standard .section-head h2{font-size:39px}
}