/* Studio sayfası (V8.12) — sade, editoryal düzen */
body.sp-page{--sp-pad:clamp(18px,2.3vw,40px);--sp-line:rgba(17,17,17,.2);margin:0;background:#fff !important;color:#111;font-family:'DM Sans',Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
html:has(body.sp-page){background:#fff !important}
.sp-page .project-detail-header{background:rgba(255,255,255,.94);border-bottom:1px solid var(--sp-line)}
.sp-main{padding:clamp(84px,9vw,120px) var(--sp-pad) 0}
.sp-grid{display:grid;grid-template-columns:repeat(12,1fr);column-gap:clamp(14px,2vw,32px)}
.sp-img{display:block;width:100%;height:100%;object-fit:cover;background:#eee}
.sp-frame{overflow:hidden;background:#eee}
.sp-portrait{aspect-ratio:2/3}
.sp-square{aspect-ratio:1/1}
.sp-wide{aspect-ratio:3/2}
.sp-label{margin:0 0 clamp(14px,1.6vw,24px);font-size:clamp(22px,2.2vw,34px);font-weight:500;letter-spacing:-.03em;line-height:1.1}
.sp-text p{margin:0 0 1.1em;font-size:clamp(17px,1.35vw,22px);line-height:1.5;letter-spacing:-.01em}
.sp-text a{text-decoration:underline;text-underline-offset:.18em}

.sp-block{margin-bottom:clamp(72px,10vw,170px)}
/* 1: görsel + Studio metni */
.sp-intro .sp-frame{grid-column:1/7}
.sp-intro .sp-text{grid-column:8/13;align-self:end;position:sticky;bottom:var(--sp-pad)}
/* 2: Approaches + görsel */
.sp-approach .sp-text{grid-column:1/6;align-self:start}
.sp-approach .sp-frame{grid-column:7/13}
/* 3: geniş görsel */
.sp-wideblock .sp-frame{grid-column:1/13}
/* 4: ödüller */
.sp-awards-head{grid-column:1/5}
.sp-awards-list{grid-column:5/13;list-style:none;margin:0;padding:0;border-top:1px solid var(--sp-line)}
.sp-award{display:grid;grid-template-columns:1fr auto;gap:8px 24px;padding:clamp(16px,1.6vw,24px) 0;border-bottom:1px solid var(--sp-line)}
.sp-award strong{display:block;font-size:clamp(17px,1.4vw,22px);font-weight:600;letter-spacing:-.015em}
.sp-award span{display:block;font-size:clamp(15px,1.15vw,18px);color:#666;line-height:1.4}
.sp-award time{font-size:clamp(15px,1.15vw,18px);color:#666}
.sp-award-images{grid-column:5/13;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(10px,1.4vw,22px);margin-top:clamp(24px,3vw,48px)}
.sp-award-images .sp-frame{aspect-ratio:9/16}
/* 5: kurucu */
.sp-founder .sp-text{grid-column:1/6;align-self:start}
.sp-founder-name{margin:0 0 4px;font-size:clamp(28px,3vw,48px);font-weight:600;letter-spacing:-.05em;line-height:1}
.sp-founder-role{margin:0 0 clamp(16px,2vw,28px);color:#666;font-size:clamp(16px,1.3vw,20px)}
.sp-founder-images{grid-column:7/13;display:grid;grid-template-columns:1fr 1fr;gap:clamp(10px,1.4vw,22px)}
/* 6: Instagram */
.sp-insta .sp-text{grid-column:1/6;align-self:start}
.sp-insta .sp-frame{grid-column:1/13;margin-top:clamp(24px,3vw,48px);aspect-ratio:1.84/1}
.sp-insta-grid{display:grid;grid-template-columns:repeat(12,1fr);column-gap:clamp(14px,2vw,32px)}
/* altbilgi */
.sp-footer{border-top:1px solid var(--sp-line);padding:clamp(40px,6vw,96px) 0 28px}
.sp-tagline{margin:0 0 clamp(48px,7vw,120px);max-width:12ch;font-size:clamp(48px,9vw,150px);line-height:.9;letter-spacing:-.07em;font-weight:600}
.sp-foot-cols{display:grid;grid-template-columns:repeat(12,1fr);column-gap:clamp(14px,2vw,32px);row-gap:28px;font-size:clamp(15px,1.15vw,18px);line-height:1.6}
.sp-foot-cols>div{grid-column:span 3}
.sp-foot-cols h5{margin:0 0 8px;font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#666}
.sp-foot-cols a{display:block;text-decoration:none}
.sp-foot-cols a:hover{opacity:.6}
.sp-copy{margin-top:clamp(40px,6vw,90px);font-size:13px;color:#666}
.sp-hide{display:none !important}

@media(max-width:820px){
  .sp-grid,.sp-insta-grid{display:block}
  .sp-intro .sp-text,.sp-approach .sp-text,.sp-founder .sp-text,.sp-insta .sp-text{position:static;margin-top:28px;margin-bottom:28px}
  .sp-approach .sp-text{margin-top:0}
  .sp-approach .sp-frame{margin-top:0}
  .sp-awards-list,.sp-award-images{margin-top:20px}
  .sp-founder-images{margin-top:8px}
  .sp-foot-cols>div{grid-column:span 6}
  .sp-tagline{max-width:none}
}
.sp-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* V8.14 – Açılış: tam ekran gradyen + akan yazı */
.sp-page .project-detail-header{position:fixed;top:0;left:0;right:0;transition:background .35s ease,border-color .35s ease,color .35s ease}
body.sp-over-hero .project-detail-header{background:transparent;border-bottom-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
body.sp-over-hero .project-detail-header,body.sp-over-hero .project-detail-header *{color:#fff !important}
.sp-intro{position:relative;height:calc(100vh + 170vh)}
.sp-intro.sp-intro-static{height:100vh}
.sp-intro-stage{position:sticky;top:0;height:100vh;overflow:hidden;background:#0b0b0b;display:grid;place-items:center}
@supports(height:100svh){.sp-intro{height:calc(100svh + 170svh)}.sp-intro.sp-intro-static{height:100svh}.sp-intro-stage{height:100svh}}
.sp-intro-bg{position:absolute;left:-4%;top:-4%;width:108%;height:108%;object-fit:cover;pointer-events:none;animation:spBreathe 10s ease-in-out infinite;will-change:transform,filter}
.sp-intro-glow{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(ellipse 46% 40% at 50% 66%,rgba(255,255,255,.26),rgba(255,255,255,0) 72%);animation:spGlow 10s ease-in-out infinite}
@keyframes spBreathe{0%,100%{transform:scale(1);filter:brightness(.94)}50%{transform:scale(1.06);filter:brightness(1.2)}}
@keyframes spGlow{0%,100%{opacity:.35}50%{opacity:1}}
.sp-intro-text{position:relative;z-index:2;margin:0;max-width:21em;padding:0 var(--sp-pad);text-align:center;color:#fff;font-size:clamp(26px,3.7vw,62px);line-height:1.16;letter-spacing:-.035em;font-weight:500;text-shadow:0 0 30px rgba(0,0,0,.35)}
.sp-word{opacity:.14;transition:opacity .2s linear}
.sp-intro-hint{position:absolute;z-index:2;left:50%;bottom:28px;transform:translateX(-50%);color:#fff;font-size:22px;opacity:.7;transition:opacity .4s ease;animation:spHint 2.4s ease-in-out infinite}
@keyframes spHint{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,6px)}}
@media(prefers-reduced-motion:reduce){.sp-intro-bg,.sp-intro-glow,.sp-intro-hint{animation:none}}
/* sticky'nin çalışması için gövde kaydırma kabı olmamalı */
html:has(body.sp-page),body.sp-page{overflow-x:clip !important;overflow-y:visible !important;height:auto !important}
body.sp-over-hero .project-detail-header{background:transparent !important;border-bottom-color:transparent !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;box-shadow:none !important}
.sp-intro-text{text-shadow:0 0 28px rgba(0,0,0,.6),0 0 10px rgba(0,0,0,.45),0 1px 2px rgba(0,0,0,.4)}
.sp-intro-glow{background:radial-gradient(ellipse 46% 40% at 50% 66%,rgba(255,255,255,.16),rgba(255,255,255,0) 72%)}

video.sp-intro-bg{animation:none;filter:none}
video.sp-img{display:block}