/* =========================================================
   GÜREL & GÜZER · SEMT BEYTEPE
   Snap-scroll sunum · İskandinav, açık zemin, minimal
   Tüm renk/oran kararları :root içinde.
   ========================================================= */

:root{
  /* Palet (açık / İskandinav) */
  --paper:    #f4f1ea;   /* sıcak kırık beyaz */
  --paper-2:  #ece7dd;   /* hafif koyu panel */
  --ink:      #1b1a16;   /* sıcak koyu metin */
  --ink-soft: #6b655c;   /* ikincil metin */
  --line:     rgba(27,26,22,.14);
  --accent:   #a9744f;   /* muted clay · tek aksan (kolay değiştirilir) */

  --display:'Satoshi','Segoe UI',system-ui,sans-serif;
  --body:'Satoshi','Segoe UI',system-ui,sans-serif;

  --pad: clamp(1.5rem, 6vw, 7rem);
  --maxw: 1180px;
  --ease: cubic-bezier(.22,.7,.25,1);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{
  -webkit-text-size-adjust:100%;
}
/* JS devre dışıysa / reduced-motion: yumuşak native snap'e düş */
html.native-snap{scroll-snap-type:y proximity;scroll-behavior:smooth}
html.native-snap .slide{scroll-snap-align:start}
body{
  font-family:var(--body);
  background:var(--paper);
  color:var(--ink);
  line-height:1.55;
  font-weight:400;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
::selection{background:var(--accent);color:var(--paper)}

/* ---------- tipografi (hafif, ferah) ---------- */
h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.05;letter-spacing:-.02em}
.d1{font-size:clamp(2.6rem,7vw,6rem);font-weight:300}
.d2{font-size:clamp(2rem,5vw,4.2rem);font-weight:300}
.d3{font-size:clamp(1.5rem,3.4vw,2.6rem);font-weight:400}
.accent{color:var(--accent)}
.thin{font-weight:300}
.lead{font-size:clamp(1.2rem,1.9vw,1.6rem);color:var(--ink-soft);font-weight:400;line-height:1.62;max-width:44ch}
.kicker{
  font-size:.72rem;font-weight:500;text-transform:uppercase;letter-spacing:.28em;
  color:var(--accent);display:inline-block;
}
.muted{color:var(--ink-soft)}

/* ---------- snap slayt ---------- */
.slide{
  position:relative;
  min-height:100svh;
  display:flex;flex-direction:column;justify-content:center;
  padding:clamp(4.5rem,9vh,7rem) var(--pad) clamp(3.5rem,7vh,5rem);
  overflow:hidden;
}
.slide.dark{background:var(--ink);color:var(--paper)}
.slide.dark .lead,.slide.dark .muted{color:rgba(244,241,234,.62)}
.slide.panel-2{background:var(--paper-2)}
.wrap{max-width:var(--maxw);margin:0 auto;width:100%}
.stack>*+*{margin-top:1.4rem}
.center{text-align:center}
.mxauto{margin-left:auto;margin-right:auto}

/* ---------- üst bar + ilerleme ---------- */
.progress{position:fixed;top:0;left:0;height:2px;width:100%;z-index:60;background:transparent}
.progress span{display:block;height:100%;width:0;background:var(--accent);transition:width .15s linear}
.topbar{
  position:fixed;top:0;left:0;right:0;z-index:50;
  display:flex;align-items:center;justify-content:space-between;
  padding:1.2rem clamp(1.5rem,5vw,2.5rem);
  pointer-events:none;
}
.topbar .brand{display:flex;align-items:center;gap:.7rem;font-weight:500;letter-spacing:.02em;font-size:.92rem}
.topbar .mark-gg{width:26px;color:var(--ink)}
.topbar .page{font-size:.72rem;letter-spacing:.2em;color:var(--ink-soft);font-variant-numeric:tabular-nums;transition:color .4s var(--ease)}
.topbar.on-dark{color:var(--paper)}
.topbar.on-dark .mark-gg{color:var(--paper)}
.topbar.on-dark .page{color:rgba(244,241,234,.6)}
.topbar .brand,.topbar .mark-gg{transition:color .4s var(--ease)}

/* sağ kenar noktalar */
.dots{position:fixed;right:22px;top:50%;transform:translateY(-50%);z-index:55;display:flex;flex-direction:column;gap:13px}
.dots a{position:relative;display:flex;align-items:center;justify-content:flex-end;height:9px}
.dot-box{width:8px;height:8px;background:var(--ink);opacity:.24;transition:.35s var(--ease)}
.dots a:hover .dot-box{opacity:.6}
.dots a.active .dot-box{opacity:1;background:var(--accent);transform:scale(1.45)}
.dot-label{position:absolute;right:18px;top:50%;transform:translateY(-50%) translateX(5px);
  white-space:nowrap;font-family:var(--display);font-size:.7rem;letter-spacing:.03em;color:var(--ink);
  background:var(--paper);padding:.32em .7em;border-radius:5px;opacity:0;pointer-events:none;
  box-shadow:0 4px 18px rgba(27,26,22,.12);transition:.3s var(--ease)}
.dots a:hover .dot-label{opacity:1;transform:translateY(-50%) translateX(0)}
.dots.on-dark .dot-box{background:var(--paper)}
.dots.on-dark a.active .dot-box{background:var(--accent)}
@media(max-width:760px){.dots{display:none}}

/* ---------- marka işareti (maske → istenen renge) ---------- */
.mark{-webkit-mask:var(--src) center/contain no-repeat;mask:var(--src) center/contain no-repeat;background:currentColor;display:inline-block}
.mark-gg{--src:url('../brand/gg-logo.svg');aspect-ratio:629/532}
.mark-semt{--src:url('../brand/semt-beytepe-logo.svg');aspect-ratio:4876/1909;width:clamp(180px,24vw,320px)}
.wordmark{font-family:var(--display);line-height:.95}
.wordmark b{display:block;font-weight:500;font-size:1.3em;letter-spacing:.04em}
.wordmark span{display:block;font-weight:400;font-size:.7em;letter-spacing:.5em;color:var(--ink-soft);margin-top:.25em}

/* ---------- kapak ---------- */
.cover{align-items:center;text-align:center}
.cover-lockup{display:flex;align-items:center;justify-content:center;gap:clamp(1.6rem,4vw,3.6rem)}
.cl-brand{display:flex;flex-direction:column;align-items:center;gap:1.2rem}
.cl-mark{width:clamp(62px,8vw,104px);color:var(--ink)}
.cl-name{font-family:var(--display);font-weight:300;font-size:clamp(1.5rem,3.2vw,2.7rem);letter-spacing:-.01em;white-space:nowrap}
.cl-div{width:1px;height:clamp(96px,15vh,156px);background:var(--line);align-self:center}
.cl-semt{width:clamp(150px,18vw,262px);color:var(--ink)}
.cover-sub{margin-top:clamp(2rem,5vh,3.2rem);letter-spacing:.4em;text-transform:uppercase;font-size:clamp(.82rem,1.05vw,.95rem);color:var(--ink-soft)}
/* sıralı oluşma animasyonu */
.cover-lockup .mark{clip-path:inset(0 0 0 100%);opacity:0;transition:clip-path .9s var(--ease),opacity .7s var(--ease)}
.cover.active .cover-lockup .mark{clip-path:inset(0 0 0 0);opacity:1}
.cover .cl-mark{transition-delay:.3s}
.cover .cl-semt{transition-delay:1.25s}
.cl-name{opacity:0;transform:translateY(12px);transition:opacity .7s var(--ease) .75s,transform .7s var(--ease) .75s}
.cover.active .cl-name{opacity:1;transform:none}
.cl-div{transform:scaleY(0);transform-origin:center;transition:transform .65s var(--ease) 1.05s}
.cover.active .cl-div{transform:scaleY(1)}
.cover-sub{opacity:0;transform:translateY(8px);transition:opacity .7s var(--ease) 1.55s,transform .7s var(--ease) 1.55s}
.cover.active .cover-sub{opacity:1;transform:none}
@media(max-width:720px){
  .cover-lockup{flex-direction:column;gap:1.7rem}
  .cl-div{width:clamp(80px,30vw,140px);height:1px}
}

/* ---------- branda vs değer ---------- */
.two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,3vw,2.4rem);width:100%}
.opt{padding:clamp(1.6rem,3vw,2.6rem);border:1px solid var(--line);border-radius:18px;min-height:46svh;display:flex;flex-direction:column;justify-content:space-between}
.opt .tag{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft)}
.opt .big{font-family:var(--display);font-weight:300;font-size:clamp(1.8rem,4vw,3rem);line-height:1.05;margin-top:1.2rem}
.opt .small{margin-top:1rem;font-size:.95rem;color:var(--ink-soft);max-width:30ch}
.opt.value{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.opt.value .tag{color:var(--accent)}
.opt.value .small{color:rgba(244,241,234,.65)}
.opt.value .big{color:var(--paper)}
.opt .price{font-family:var(--display);font-weight:300;font-size:clamp(2.2rem,5vw,3.6rem)}
.opt.old .price{color:var(--ink-soft);text-decoration:line-through;text-decoration-color:var(--accent);text-decoration-thickness:2px}
.opt.value .price{color:var(--accent)}
@media(max-width:820px){.two{grid-template-columns:1fr}.opt{min-height:auto}}

/* ---------- süreç (yatay akış) ---------- */
.flow{display:flex;align-items:center;gap:0;width:100%;flex-wrap:wrap}
.flow .node{flex:1;min-width:120px;text-align:center;position:relative;padding:1rem .5rem}
.flow .node .n{font-size:.72rem;letter-spacing:.2em;color:var(--accent)}
.flow .node h4{font-family:var(--display);font-weight:400;font-size:clamp(1.1rem,2vw,1.5rem);margin-top:.5rem}
.flow .node+.node::before{content:"";position:absolute;left:-50%;top:1.4rem;width:100%;height:1px;background:var(--line)}
@media(max-width:680px){.flow{flex-direction:column}.flow .node+.node::before{display:none}.flow .node{padding:.6rem}}

/* ---------- değer kelimeleri ---------- */
.words{display:flex;flex-wrap:wrap;gap:.4rem 1.6rem;font-family:var(--display);font-weight:300;font-size:clamp(1.8rem,5vw,3.4rem);line-height:1.2}
.words span{position:relative}
.words span::after{content:"·";color:var(--accent);margin-left:1rem;opacity:.5}
.words span:last-child::after{display:none}

/* ---------- kurucular ---------- */
.people{display:flex;gap:clamp(2rem,6vw,5rem);flex-wrap:wrap}
.person .nm{font-family:var(--display);font-weight:400;font-size:clamp(1.4rem,3vw,2.2rem)}
.person .nm i{font-style:normal;color:var(--accent)}
.person .rl{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin-top:.4rem}

/* erişim etiketleri */
.reach{display:flex;flex-wrap:wrap;gap:.6rem}
.reach span{font-size:.86rem;padding:.5em 1.05em;border-radius:100px;border:1px solid var(--line);color:var(--ink-soft)}
.slide.dark .reach span{border-color:rgba(244,241,234,.18);color:rgba(244,241,234,.7)}

/* ---------- tam-ekran görsel slayt ---------- */
.media{position:absolute;inset:0;z-index:0;overflow:hidden;background:var(--paper-2)}
.media img{width:100%;height:100%;object-fit:cover}
.media.empty{display:flex;align-items:center;justify-content:center;
  background:repeating-linear-gradient(135deg,rgba(27,26,22,.04) 0 16px,transparent 16px 32px),var(--paper-2)}
.media .ph-tag{text-align:center;color:var(--ink-soft);font-size:.82rem;letter-spacing:.04em}
.media .ph-tag code{display:block;margin-top:.5rem;font-size:.72rem;color:var(--accent)}
.slide.has-media .scrim{position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(27,26,22,.15),rgba(27,26,22,.78))}
.slide.has-media{color:var(--paper)}
.slide.has-media .lead{color:rgba(244,241,234,.75)}
.slide .overlay{position:relative;z-index:2;width:100%;max-width:var(--maxw);margin:0 auto}
.slide.media-slide{justify-content:flex-end}

/* ---------- Yarışma alanı: işaretleme + zoom ---------- */
.alan-zoom{overflow:hidden}
.zoomwrap{position:absolute;inset:0;z-index:0;overflow:hidden;background:#0d0d0c}
/* top:50% yerine 42%: render yukarı kayar, alttaki proje kütlesi şeridin üstünde tam görünür
   (fazla gökyüzü tepeden kırpılır; bina sahne içinde %66.7'de kaldığı için zoom hedefi bozulmaz) */
.zoomstage{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);
  width:max(100vw,177.8vh);aspect-ratio:16/9}
/* iki ayrı katman: ken-burns (kb) ile büyük zoom (zin) çakışmasın, scroll geçişi sıçramasın */
.zoom-kb{position:absolute;inset:0;transform:scale(1);transform-origin:45.6% 66.7%;
  transition:transform 6.5s var(--ease) .4s}
.alan-zoom.active .zoom-kb{transform:scale(1.06)}
.zoom-zin{position:absolute;inset:0;transform:scale(1);transform-origin:45.6% 66.7%;
  transition:transform 1.5s var(--ease)}
.alan-zoom.zoom-in .zoom-zin{transform:scale(2.6)}
.zoomscale,.zoommark{position:absolute;inset:0;background-position:center;background-size:cover}
/* önce temiz render bir süre görünür, sonra üstüne kırmızı işaret biner */
.zoommark{opacity:0;transition:opacity 1.1s var(--ease) 1.6s}
.alan-zoom.active .zoommark{opacity:1}
/* zoom başlar başlamaz kırmızı işaret hızla kaybolur (dev kutu görünmesin) */
.alan-zoom.zoom-in .zoommark{opacity:0;transition:opacity .4s var(--ease)}
/* yakın render: zoom katmanının DIŞINDA, kendi yumuşak crossfade'i ile gelir */
.zoomclose{position:absolute;inset:0;background-position:center;background-size:cover;
  opacity:0;transform:scale(1.06);transition:opacity 1.1s var(--ease) .35s,transform 1.6s var(--ease)}
.alan-zoom.zoom-in .zoomclose{opacity:1;transform:scale(1)}
/* ---- alt şerit: kırık-beyaz bant, koyu metin, render üstte parlak (siyah tint yok) ---- */
.alan-band{position:absolute;left:0;right:0;bottom:0;z-index:3;color:var(--ink);
  background:var(--paper);box-shadow:0 -.5px 0 rgba(27,26,22,.14);
  padding:clamp(1.3rem,3.2vh,2.1rem) 0 clamp(1.5rem,3.4vh,2.2rem)}
.alan-band .inner{position:relative;width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--pad)}
.alan-band .kicker{color:var(--accent)}
.alan-h{font-family:var(--display);font-weight:300;line-height:1.12;margin:.55rem 0 0;
  color:var(--ink);font-size:clamp(1.5rem,3.3vw,2.7rem)}
.acopy{transition:opacity .55s var(--ease),transform .55s var(--ease)}
.acopy.c1{position:absolute;left:var(--pad);right:var(--pad);top:0;opacity:0;transform:translateY(12px);pointer-events:none}
.alan-zoom.zoom-in .acopy.c0{opacity:0;transform:translateY(-12px);pointer-events:none}
.alan-zoom.zoom-in .acopy.c1{opacity:1;transform:none;pointer-events:auto}
.alan-sub{margin-top:.7rem;font-size:clamp(.95rem,1.35vw,1.18rem);color:var(--ink-soft);max-width:48ch;line-height:1.45}
.alan-count{position:absolute;right:var(--pad);bottom:clamp(1.5rem,3.4vh,2.2rem);z-index:4;font-family:var(--display);
  font-size:.72rem;letter-spacing:.2em;color:var(--ink-soft);font-variant-numeric:tabular-nums}
.alan-count b{color:var(--ink);font-weight:500}

/* ---------- Senaryolar: wipe (masaüstü) / dikey liste (mobil), tek DOM ---------- */
.scn-slide{position:relative;padding:0;background:var(--paper);overflow:hidden;--scn-band:clamp(9rem,21vh,11.5rem)}
/* her senaryo bir birim: görsel (üst) + kendi kırık-beyaz şeridi (alt). Masaüstünde üst üste yığılır */
.scn-shot{position:absolute;inset:0;z-index:0}
.scn-shot:not(.base){clip-path:inset(0 100% 0 0);transition:clip-path .8s var(--ease)}
.scn-shot.on{clip-path:inset(0 0 0 0)}
.scn-shot[data-i="1"]{z-index:1}.scn-shot[data-i="2"]{z-index:2}.scn-shot[data-i="3"]{z-index:3}
.scn-shot[data-i="4"]{z-index:4}.scn-shot[data-i="5"]{z-index:5}.scn-shot[data-i="6"]{z-index:6}
/* görsel TAM görünür (contain), kağıt zeminde editöryel boşlukla; şerit yüksekliği kadar yukarıda biter */
.scn-shot-img{position:absolute;top:clamp(4.6rem,9vh,6.5rem);left:var(--pad);right:var(--pad);
  bottom:var(--scn-band);background:center bottom/contain no-repeat}
.scn-shot-cap{position:absolute;left:0;right:0;bottom:0;height:var(--scn-band);background:var(--paper);
  box-shadow:0 -.5px 0 var(--line);color:var(--ink);padding:0 var(--pad) clamp(1.4rem,3.2vh,2.1rem);
  display:flex;flex-direction:column;justify-content:flex-end}
.scn-shot-cap .kicker{color:var(--accent)}
.scn-h{font-family:var(--display);font-weight:300;line-height:1.12;margin:.4rem 0 0;color:var(--ink);
  font-size:clamp(1.5rem,3.2vw,2.6rem)}
.scn-sub{margin-top:.5rem;font-size:clamp(.95rem,1.35vw,1.16rem);color:var(--ink-soft);max-width:46ch;line-height:1.45}
/* fihrist: kalıcı, sağ altta şeridin üstünde (wipe etmez) */
.scn-fihrist{position:absolute;right:var(--pad);bottom:clamp(1.4rem,3.2vh,2.1rem);z-index:20;
  list-style:none;display:flex;flex-direction:column;gap:.28rem;text-align:right}
.si{display:flex;gap:.7rem;align-items:baseline;justify-content:flex-end;cursor:pointer;color:var(--ink);
  opacity:.34;line-height:1.15;font-family:var(--display);font-weight:400;font-size:clamp(.84rem,1vw,.96rem);
  transition:opacity .5s var(--ease),transform .5s var(--ease)}
.si .si-n{font-size:.66rem;letter-spacing:.12em;color:var(--accent);opacity:.5;
  font-variant-numeric:tabular-nums;transition:opacity .5s var(--ease)}
.si.active{opacity:1;transform:translateX(-6px)}
.si.active .si-n{opacity:1}
/* fallback (reduced-motion): dikey liste, her görselin altında açıklaması, fihrist gizli */
html.fallback .scn-slide{overflow:visible}
html.fallback .scn-shot{position:relative;inset:auto;clip-path:none!important;z-index:auto}
html.fallback .scn-shot-img{position:relative;inset:auto;aspect-ratio:16/9;background-size:cover}
html.fallback .scn-shot-cap{position:relative;height:auto;box-shadow:none;justify-content:flex-start}
html.fallback .scn-fihrist{display:none}

/* ---------- öneri sekmeleri ---------- */
.tabs{display:inline-flex;gap:.5rem;padding:.4rem;border:1px solid var(--line);border-radius:100px;margin-bottom:2rem}
.tab{font-family:var(--display);font-size:.85rem;font-weight:500;padding:.7em 1.3em;border-radius:100px;cursor:pointer;border:0;background:transparent;color:var(--ink-soft);transition:.3s var(--ease)}
.tab.active{background:var(--ink);color:var(--paper)}
.slide.dark .tab{color:rgba(244,241,234,.6)}
.slide.dark .tab.active{background:var(--accent);color:var(--ink)}
.panel{display:none}
.panel.show{display:block}

/* ---------- jüri ---------- */
.juri-slide .lead{max-width:60ch}
.jury-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.8rem,1.4vw,1.15rem);width:100%}
.seat{border:1px solid var(--line);border-radius:14px;background:var(--paper);
  padding:clamp(1.1rem,1.9vw,1.6rem);transition:border-color .4s var(--ease),transform .4s var(--ease)}
.seat-n{font-family:var(--display);font-size:.68rem;letter-spacing:.18em;color:var(--accent);
  opacity:.6;font-variant-numeric:tabular-nums}
.seat h4{font-family:var(--display);font-weight:400;letter-spacing:-.01em;
  font-size:clamp(1.05rem,1.5vw,1.3rem);margin:.5rem 0 .35rem;color:var(--ink)}
.seat p{font-size:.85rem;color:var(--ink-soft);line-height:1.4;margin:0}
.seat.open{border-color:var(--accent);
  background:linear-gradient(0deg,rgba(169,116,79,.05),rgba(169,116,79,.05)),var(--paper)}
.seat.open .seat-n{opacity:1}
@media(max-width:760px){.jury-grid{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.jury-grid{grid-template-columns:1fr}}

/* ---------- kapanış ---------- */
/* başlığın altında girişteki lock-up: koyu zeminde açık renk, sıralı oluşur */
.end-lockup{margin-top:clamp(2.4rem,6vh,4rem)}
.end .cl-mark,.end .cl-semt{color:var(--paper)}
.end .cl-div{background:rgba(244,241,234,.20)}
.end .cl-mark{transition-delay:.35s}
.end .cl-semt{transition-delay:1.3s}
.end.active .cover-lockup .mark{clip-path:inset(0 0 0 0);opacity:1}
.end.active .cl-name{opacity:1;transform:none}
.end.active .cl-div{transform:scaleY(1)}
.credit{position:absolute;bottom:1.9rem;left:50%;transform:translateX(-50%);white-space:nowrap;
  font-family:var(--display);font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;
  color:rgba(244,241,234,.42);opacity:0;transition:opacity .8s var(--ease) 1.1s,color .3s var(--ease)}
.slide.active .credit{opacity:1}
.credit:hover{color:var(--accent)}

/* =========================================================
   ANIMASYON · slayt görünür olunca tetiklenir (.active)
   ========================================================= */
.anim{opacity:0;transform:translateY(34px);transition:opacity .85s var(--ease),transform .85s var(--ease)}
.slide.active .anim{opacity:1;transform:none}

/* kinetik tipografi: satır satır maske reveal */
.kinetic{line-height:1.1}
.kin-line{display:block;overflow:hidden;padding-bottom:.16em;margin-bottom:-.16em}
.kin-inner{display:block;transform:translateY(0);transition:transform .8s var(--ease)}
.slide.kin-armed .kin-inner{transform:translateY(116%);transition:none}
.flat-preview .kin-inner,html.fallback .kin-inner{transform:none}
.slide.active .a1{transition-delay:.08s}
.slide.active .a2{transition-delay:.20s}
.slide.active .a3{transition-delay:.32s}
.slide.active .a4{transition-delay:.44s}
.slide.active .a5{transition-delay:.56s}
.slide.active .a6{transition-delay:.68s}

/* satır-satır kelime yığını */
.words span{opacity:0;transform:translateY(22px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.slide.active .words span{opacity:1;transform:none}
.slide.active .words span:nth-child(1){transition-delay:.15s}
.slide.active .words span:nth-child(2){transition-delay:.27s}
.slide.active .words span:nth-child(3){transition-delay:.39s}
.slide.active .words span:nth-child(4){transition-delay:.51s}
.slide.active .words span:nth-child(5){transition-delay:.63s}
.slide.active .words span:nth-child(6){transition-delay:.75s}
.slide.active .words span:nth-child(7){transition-delay:.87s}

/* görsel Ken Burns */
.media img{transform:scale(1.12);transition:transform 7s var(--ease)}
.slide.active .media img{transform:scale(1)}

/* scroll ipucu (yalnız kapakta) */
.cue{position:absolute;bottom:1.8rem;left:50%;transform:translateX(-50%);z-index:3;
  font-size:.64rem;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-soft);
  display:flex;flex-direction:column;align-items:center;gap:.7rem}
.cue .mouse{width:22px;height:34px;border:1.5px solid currentColor;border-radius:11px;position:relative;opacity:.7}
.cue .mouse::after{content:"";position:absolute;left:50%;top:6px;width:3px;height:7px;border-radius:2px;background:var(--accent);transform:translate(-50%,0);animation:mouse 1.9s var(--ease) infinite}
@keyframes mouse{0%{opacity:0;transform:translate(-50%,0)}25%{opacity:1}65%{opacity:1;transform:translate(-50%,9px)}100%{opacity:0;transform:translate(-50%,9px)}}
.slide.has-media .cue,.slide.dark .cue{color:rgba(244,241,234,.7)}

/* =========================================================
   YENİ BİLEŞENLER
   ========================================================= */
.measure-wide{max-width:56ch}

/* --- Seçim: scroll-odaklı karşılaştırma --- */
.secim{justify-content:center}
.compare{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,2.5vw,2rem);width:100%;align-items:stretch}
.cmp{position:relative;border:1px solid var(--line);border-radius:20px;padding:clamp(1.8rem,3.4vw,3rem);
  min-height:52svh;display:flex;flex-direction:column;justify-content:flex-start;cursor:pointer;
  transition:opacity .55s var(--ease),transform .55s var(--ease),background .55s var(--ease)}
.cmp-tag{font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft)}
.cmp-title{font-family:var(--display);font-weight:300;font-size:clamp(2.1rem,4.2vw,3.4rem);line-height:1.04;margin-top:1rem}
.cmp-list{list-style:none;display:flex;flex-direction:column;gap:.85rem;margin-top:0;
  max-height:0;opacity:0;overflow:hidden;transition:max-height .6s var(--ease),opacity .5s var(--ease),margin .5s var(--ease)}
.cmp-list li{font-size:clamp(1.02rem,1.5vw,1.22rem);color:var(--ink-soft);padding-left:1.3rem;position:relative}
.cmp-list li::before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;background:var(--accent);transform:rotate(45deg)}
.cmp.value{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.cmp.value .cmp-tag{color:var(--accent)}
.cmp.value .cmp-list li{color:rgba(244,241,234,.78)}
/* odak / sönük durumları (scroll ile) */
.cmp.dim{opacity:.32;transform:scale(.985)}
.cmp.focus .cmp-list{max-height:340px;opacity:1;margin-top:1.6rem}
@media(max-width:820px){.compare{grid-template-columns:1fr}.cmp{min-height:auto}.cmp.dim{opacity:.4;transform:none}}

/* --- Yarışma biçimi: başlık site diliyle (d3 kinetik), sayaçla aynı satırda --- */
.bicim .step-head{align-items:flex-end}
.bicim .step-head .bicim-h{margin:0}

/* --- Tez: kim için --- */
.who{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1.6rem}
.who-l{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-right:.4rem}
.who span:not(.who-l){font-size:.86rem;padding:.45em 1em;border-radius:100px;border:1px solid var(--line);color:var(--ink-soft)}
.slide.panel-2 .who span:not(.who-l){background:rgba(255,255,255,.4)}

/* --- Değer çarkı (flywheel) --- */
.flywheel{position:relative;width:min(70vh,600px);max-width:92vw;aspect-ratio:1;margin:.5rem auto 0}
.fw-ring{position:absolute;inset:9%;border:1px dashed var(--line);border-radius:50%}
.fw-pointer{position:absolute;left:50%;bottom:50%;width:2px;height:41%;z-index:1;
  transform-origin:bottom center;transform:translateX(-50%) rotate(var(--deg,0deg));
  background:linear-gradient(to top,var(--accent),rgba(169,116,79,0));transition:transform .7s var(--ease)}
.fw-pointer::before{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;border-radius:50%;
  background:var(--accent);transform:translate(-50%,-50%);bottom:0;top:auto}
.fw-dial{position:absolute;inset:0;z-index:2}
.fw-node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.45rem;
  background:transparent;border:0;cursor:pointer;color:var(--ink-soft);opacity:.5;transition:.45s var(--ease);width:9rem;text-align:center}
.fw-node::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--paper);border:1px solid var(--line);transition:.45s var(--ease)}
.fw-node i{font-style:normal;font-size:.68rem;letter-spacing:.12em;color:var(--accent);opacity:.7}
.fw-node span{font-family:var(--display);font-weight:500;font-size:.92rem;line-height:1.12}
.fw-node.active{opacity:1}
.fw-node.active::before{background:var(--accent);border-color:var(--accent);transform:scale(1.5);box-shadow:0 0 0 7px rgba(169,116,79,.12)}
.fw-node.active i{opacity:1}
.fw-node.active span{color:var(--ink);transform:scale(1.06)}
.fw-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48%;height:48%;text-align:center}
.fw-stage{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;
  opacity:0;transform:translateY(10px) scale(.95);transition:.5s var(--ease)}
.fw-stage.active{opacity:1;transform:none}
.fw-stage h3{font-family:var(--display);font-weight:400;font-size:clamp(1.05rem,2vw,1.5rem);color:var(--accent);margin-bottom:.5rem}
.fw-stage p{font-size:clamp(.92rem,1.5vw,1.08rem);color:var(--ink-soft);line-height:1.5}
@media(max-width:560px){.fw-node{width:6.5rem}.fw-node span{font-size:.78rem}.fw-stage p{font-size:.8rem}}

/* --- Süreç: yatay adımlama --- */
.slide.stepped{justify-content:center}
.step-head{display:flex;justify-content:space-between;align-items:baseline;width:100%;max-width:var(--maxw);margin:0 auto 2.2rem}
.step-count{font-size:.8rem;letter-spacing:.14em;color:var(--ink-soft);font-variant-numeric:tabular-nums}
.step-count b{color:var(--accent);font-weight:500}
.htrack-wrap{overflow:hidden;width:100%;flex:0 1 auto}
.htrack{display:flex;transition:transform .85s var(--ease);will-change:transform}
.hpanel{flex:0 0 100%}
.hp-in{max-width:680px;margin:0 auto;width:100%}
.hp-n{font-family:var(--display);font-weight:300;font-size:clamp(3rem,9vw,6.5rem);color:var(--accent);line-height:1;opacity:.45}
.hpanel h3{margin:.4rem 0 1.1rem}
/* giriş paneli (Yöntem tezi): sade, yalnız başlık (Kanıt kapağı gibi) */
.hp-intro h2{margin:0}
.stepbar{display:flex;gap:.5rem;width:100%;max-width:var(--maxw);margin:2.6rem auto 0}
.seg{flex:1;text-align:left;background:transparent;border:0;border-top:2px solid var(--line);padding:.7rem 0 0;cursor:pointer;color:var(--ink-soft);transition:.4s var(--ease);font-family:var(--display)}
.seg i{font-style:normal;font-size:.7rem;letter-spacing:.1em;display:block}
.seg span{font-size:.84rem;display:block;margin-top:.25rem;font-weight:500}
.seg.active{border-top-color:var(--accent);color:var(--ink)}
.seg:hover{color:var(--ink)}
@media(max-width:680px){.seg span{display:none}.seg{padding-top:.5rem}}

/* --- Kanıt: adımlı tam-ekran galeri --- */
.slide.kanit{padding:0}
.kanit .htrack-wrap{position:absolute;inset:0;flex:none;overflow:hidden}
.kanit .htrack{height:100%}
.kanit .hpanel{height:100%;position:relative}
.kcover{background:var(--ink);display:flex;align-items:center;justify-content:center}
.kcover-in{max-width:980px;padding:0 var(--pad);text-align:center}
.kcover h2{color:var(--paper)}
.kpanel .media{position:absolute;inset:0;background:#1b1a16}
.kpanel .media.empty{background:#1b1a16;color:rgba(244,241,234,.5)}
.kpanel .media.empty .ph-tag code{color:#d9c3a0}
.kscrim{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(15,14,12,.55),rgba(15,14,12,.12) 32%,rgba(15,14,12,.9))}
.koverlay{position:absolute;left:0;right:0;bottom:0;z-index:2;color:var(--paper);
  padding:clamp(2rem,6vw,5rem);padding-bottom:clamp(5.5rem,13vh,8rem);max-width:var(--maxw);margin:0 auto}
.kmeta{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:#d9c3a0}
.kname{font-family:var(--display);font-weight:400;font-size:clamp(2rem,5vw,3.6rem);line-height:1.04;margin:.5rem 0 .7rem}
.ktext{font-size:clamp(1.05rem,1.6vw,1.35rem);color:rgba(244,241,234,.82);max-width:52ch;line-height:1.5}
.kanit-top{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;justify-content:space-between;align-items:center;
  gap:1rem;padding:clamp(4.6rem,9vh,6.5rem) clamp(1.5rem,6vw,5rem) 0}
.kanit-top .kicker{color:#d9c3a0}
.kanit-top .kicker::before{background:#d9c3a0}
.kanit-top .step-count{color:rgba(244,241,234,.7)}
.kanit-top .step-count b{color:#d9c3a0}
.kbar{position:absolute;left:50%;bottom:1.5rem;transform:translateX(-50%);width:100%;max-width:var(--maxw);
  margin:0;padding:0 clamp(1.5rem,6vw,5rem);z-index:3}
.kbar .seg{border-top-color:rgba(244,241,234,.26);color:rgba(244,241,234,.6)}
.kbar .seg i{color:#d9c3a0;opacity:.85}
.kbar .seg.active{border-top-color:#d9c3a0;color:var(--paper)}
.kbar .seg.active i{opacity:1}
.flat-preview .cmp{opacity:1;transform:none}
.flat-preview .cmp-list{max-height:340px;opacity:1;margin-top:1.6rem}
.flat-preview .kanit{min-height:0}
.flat-preview .kanit .htrack-wrap{position:static;height:auto}
.flat-preview .kanit .hpanel{height:480px}
.flat-preview .kanit .kanit-top{position:static;padding:1.2rem var(--pad) .5rem}
.flat-preview .kanit .kbar{display:none}

/* --- Değer: yan fihrist adımlama --- */
.vwrap{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center;width:100%;max-width:var(--maxw);margin:0 auto}
.vhead{grid-column:1/-1;margin-bottom:.4rem}
.vindex{list-style:none;display:flex;flex-direction:column;gap:.35rem}
.vi{display:flex;gap:1rem;align-items:baseline;cursor:pointer;color:var(--ink);opacity:.32;
  transition:opacity .5s var(--ease),transform .5s var(--ease),color .5s var(--ease);transform:translateX(0);
  font-family:var(--display);font-weight:400;font-size:clamp(1.15rem,2.3vw,1.85rem);line-height:1.18}
.vi .vi-n{font-size:.7rem;letter-spacing:.1em;color:var(--accent);opacity:.5;transition:opacity .5s var(--ease)}
.vi.active{opacity:1;transform:translateX(6px)}
.vi.active .vi-n{opacity:1}
.vstage{position:relative;min-height:7em}
.vdesc{position:absolute;inset:0;opacity:0;transform:translateY(16px);transition:.5s var(--ease);
  font-size:clamp(1.18rem,2vw,1.55rem);color:var(--ink-soft);line-height:1.55;max-width:40ch}
.vdesc.active{opacity:1;transform:none}
@media(max-width:760px){.vwrap{grid-template-columns:1fr}.vstage{min-height:5.5em;margin-top:1.2rem}.vi{font-size:1.1rem}}

/* --- Tespit: Var / Yok defteri --- */
.ledger{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4.5rem);width:100%;margin:clamp(1.4rem,3vh,2.2rem) 0 0;position:relative}
.ledger::before{content:"";position:absolute;left:50%;top:.2rem;bottom:.2rem;width:1px;background:var(--line)}
.led-h{display:block;font-family:var(--display);font-size:.72rem;letter-spacing:.26em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:1.1rem;padding-bottom:.7rem;border-bottom:1px solid var(--line)}
.led-yok .led-h{color:var(--accent)}
.ledger ul{list-style:none;display:flex;flex-direction:column;gap:.8rem}
.ledger li{font-family:var(--display);font-weight:400;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.38;
  opacity:0;transform:translateY(16px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.led-var li{color:var(--ink-soft)}
.led-yok li{color:var(--ink);position:relative;padding-left:1.15rem}
.led-yok li::before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;background:var(--accent);border-radius:50%}
.slide.active .ledger li{opacity:1;transform:none}
.slide.active .led-var li:nth-child(1){transition-delay:.12s}
.slide.active .led-var li:nth-child(2){transition-delay:.22s}
.slide.active .led-var li:nth-child(3){transition-delay:.32s}
.slide.active .led-var li:nth-child(4){transition-delay:.42s}
.slide.active .led-var li:nth-child(5){transition-delay:.52s}
.slide.active .led-yok li:nth-child(1){transition-delay:.66s}
.slide.active .led-yok li:nth-child(2){transition-delay:.76s}
.slide.active .led-yok li:nth-child(3){transition-delay:.86s}
.slide.active .led-yok li:nth-child(4){transition-delay:.96s}
.slide.active .led-yok li:nth-child(5){transition-delay:1.06s}
.led-payoff{margin-top:clamp(1.6rem,3.5vh,2.6rem);padding-top:1.2rem;border-top:1px solid var(--line);
  font-family:var(--display);font-weight:500;font-size:clamp(1.15rem,1.9vw,1.5rem);line-height:1.4;color:var(--ink);
  opacity:0;transform:translateY(16px);transition:opacity .7s var(--ease) 1.25s,transform .7s var(--ease) 1.25s}
.slide.active .led-payoff{opacity:1;transform:none}
@media(max-width:760px){.ledger{grid-template-columns:1fr;gap:1.8rem}.ledger::before{display:none}}

/* --- Biz: CV + network ağacı --- */
.biz{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,5vw,4.5rem);align-items:center;width:100%}
.biz-left h2{margin-bottom:1.8rem;max-width:22ch}
.cv{padding-top:1.1rem;border-top:1px solid var(--line)}
.cv+.cv{margin-top:1.1rem}
.cv-name{font-family:var(--display);font-weight:400;font-size:clamp(1.2rem,2.4vw,1.6rem)}
.cv-name i{font-style:normal;color:var(--accent)}
.cv-text{font-size:clamp(.98rem,1.3vw,1.08rem);color:var(--ink-soft);margin-top:.5rem;max-width:52ch;line-height:1.55}
.tree{position:relative}
.tree-node{display:inline-block;font-family:var(--display);font-weight:500;letter-spacing:.06em;padding:.45em 1em;border:1px solid var(--ink);border-radius:100px;margin-bottom:1.3rem}
.tree-list{list-style:none;position:relative;padding-left:1.5rem}
.tree-list::before{content:"";position:absolute;left:0;top:.6rem;bottom:.6rem;width:1px;background:var(--line)}
.tree-list li{position:relative;padding:.55rem 0 .55rem 1.3rem;font-size:clamp(1rem,1.5vw,1.18rem);
  opacity:0;transform:translateX(-14px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.tree-list li::before{content:"";position:absolute;left:0;top:50%;width:1rem;height:1px;background:var(--line)}
.tree-list li::after{content:"";position:absolute;left:calc(1rem - 3px);top:calc(50% - 2px);width:5px;height:5px;border-radius:50%;background:var(--accent)}
.tree.show li{opacity:1;transform:none}
.tree.show li:nth-child(1){transition-delay:.05s}
.tree.show li:nth-child(2){transition-delay:.14s}
.tree.show li:nth-child(3){transition-delay:.23s}
.tree.show li:nth-child(4){transition-delay:.32s}
.tree.show li:nth-child(5){transition-delay:.41s}
.tree.show li:nth-child(6){transition-delay:.50s}
.tree.show li:nth-child(7){transition-delay:.59s}
.tree.show li:nth-child(8){transition-delay:.68s}
.tree.show li:nth-child(9){transition-delay:.77s}
.flat-preview .tree li,html.fallback .tree li{opacity:1;transform:none}
@media(max-width:820px){.biz{grid-template-columns:1fr;gap:2.2rem}}

/* secim & biz alt bar + yerleşim */
.kbar2{position:absolute;left:50%;bottom:1.6rem;transform:translateX(-50%);width:100%;max-width:var(--maxw);margin:0;padding:0 var(--pad);z-index:3}
.secim,.biz-slide{padding-bottom:clamp(6rem,12vh,8.5rem)}

/* --- reduced-motion fallback: adımlı bölümleri tam göster --- */
html.fallback .slide.stepped{min-height:auto;padding-top:4.5rem;padding-bottom:4.5rem}
html.fallback .htrack{flex-direction:column;transform:none !important;gap:1.6rem}
html.fallback .hpanel{flex:0 0 auto}
html.fallback .stepbar{display:none}
html.fallback .vdesc{position:static;opacity:1;transform:none;max-width:none;margin-bottom:.5rem}
html.fallback .vstage{min-height:0}
html.fallback .vi{opacity:1}
html.fallback .ledger li,html.fallback .led-payoff{opacity:1;transform:none;transition:none}

/* --- flat önizlemede adımlı bölümleri aç --- */
.flat-preview .htrack{flex-direction:column;transform:none !important;gap:2rem}
.flat-preview .hpanel{flex:0 0 auto}
.flat-preview .vdesc{position:static;opacity:1;transform:none;margin-bottom:.5rem;max-width:none}
.flat-preview .vstage{min-height:0}
.flat-preview .vi{opacity:1}
.flat-preview .ledger li,.flat-preview .led-payoff{opacity:1;transform:none}
.flat-preview .cmp{min-height:0}
.flat-preview .cmp-list{max-height:300px;opacity:1;margin-top:1.4rem}
.flat-preview .compare:hover .cmp:not(:hover){opacity:1}

/* düz önizleme (sadece ekran görüntüsü/inceleme) */
.flat-preview{scroll-snap-type:none}
.flat-preview .slide{min-height:0;height:auto;padding-top:5rem;padding-bottom:5rem}
.flat-preview .opt{min-height:0}
.flat-preview .media-slide{min-height:420px;justify-content:flex-end}
.flat-preview .media{position:absolute}

@media(prefers-reduced-motion:reduce){
  html{scroll-snap-type:none;scroll-behavior:auto}
  .anim,.words span{opacity:1;transform:none;transition:none}
  .kin-inner{transform:none;transition:none}
  .media img{transform:none}
  .cue .mouse::after{animation:none}
}

/* =========================================================
   MOBİL · deneyim motoru AÇIK kalır; içerik-yoğun statik
   slaytları 100svh'ye sığdır (kırpılmasınlar)
   ========================================================= */
@media(max-width:760px){
  /* Tespit: üstten hizalı, kompakt tek sütun defter (100svh'ye sığsın) */
  .tespit{justify-content:flex-start;padding-top:clamp(3.6rem,7vh,4.6rem);padding-bottom:1.3rem}
  .tespit .stack>*+*{margin-top:.75rem}
  .tespit .d2{font-size:1.8rem;line-height:1.12}
  .tespit .ledger{grid-template-columns:1fr;gap:0;margin-top:.6rem}
  .tespit .ledger::before{display:none}
  .tespit .led-yok{margin-top:.85rem;padding-top:.85rem;border-top:1px solid var(--line)}
  .tespit .led-h{margin-bottom:.5rem;padding-bottom:.4rem}
  .tespit .ledger ul{gap:.34rem}
  .tespit .ledger li{font-size:.9rem;line-height:1.22}
  .tespit .led-payoff{margin-top:.85rem;padding-top:.75rem;font-size:1rem}

  /* Senaryolar: mobilde tam-ekran cover (merkez hacme odak), fihrist gizli */
  .scn-shot-img{top:0;left:0;right:0;background-size:cover;background-position:center}
  .scn-fihrist{display:none}

  /* Jüri: 2 sütun kompakt kart (6 kart = 3 sıra) */
  .jury-grid{grid-template-columns:1fr 1fr;gap:.55rem}
  .seat{padding:.8rem .8rem;border-radius:11px}
  .seat-n{font-size:.6rem}
  .seat h4{font-size:.92rem;margin:.28rem 0 .22rem}
  .seat p{font-size:.72rem;line-height:1.3}
  .juri-slide .lead{font-size:.96rem}

  /* Biz: ağ listesi yatay chip'lere dönüşür, CV kompakt */
  .biz-left h2{margin-bottom:1rem}
  .cv-text{font-size:.9rem;line-height:1.42}
  .biz-right{margin-top:.4rem}
  .tree-list{padding-left:0;display:flex;flex-wrap:wrap;gap:.45rem}
  .tree-list::before{display:none}
  .tree-list li{padding:.4em .9em;border:1px solid var(--line);border-radius:100px;font-size:.8rem}
  .tree-list li::before,.tree-list li::after{display:none}
}

/* =========================================================
   reduced-motion fallback · yatay/çark/alan/kanıt/senaryo dikey
   ========================================================= */
/* --- Kanıt: dikey tam-genişlik galeri --- */
html.fallback .kanit{min-height:auto;padding:0}
html.fallback .kanit .htrack-wrap{position:static;height:auto}
html.fallback .kanit .htrack{height:auto}
html.fallback .kanit .hpanel{height:auto;min-height:78svh}
html.fallback .kanit .kcover{min-height:60svh}
html.fallback .kanit .kbar{display:none}

/* --- Değer çarkı: çark grafiği yerine dikey liste --- */
html.fallback #cark .flywheel{width:100%;max-width:none;aspect-ratio:auto;margin:1.4rem 0 0}
html.fallback .fw-ring,html.fallback .fw-dial,html.fallback .fw-pointer{display:none}
html.fallback .fw-center{position:static;transform:none;width:100%;height:auto;text-align:left}
html.fallback .fw-stage{position:static;inset:auto;opacity:1!important;transform:none;
  padding:1rem 0;border-top:1px solid var(--line)}
html.fallback .fw-stage:first-child{border-top:0;padding-top:0}
html.fallback .fw-stage h3{margin-bottom:.3rem}

/* --- Yarışma alanı (zoom): mobilde işaretli havadan + alt şerit statik --- */
html.fallback .alan-zoom.stepped{min-height:100svh}
html.fallback .alan-zoom .zoommark{opacity:1}
html.fallback .alan-zoom .zoom-kb,html.fallback .alan-zoom .zoom-zin{transform:none!important}

/* --- Senaryolar: fallback'te dikey liste için üst boşluk + şot ayracı --- */
html.fallback .scn-slide{padding-top:clamp(4.5rem,9vh,6rem)}
html.fallback .scn-shot{border-top:1px solid var(--line)}
html.fallback .scn-shot.base{border-top:0}
html.fallback .scn-shot-cap{padding:1.1rem var(--pad) 1.7rem}

/* --- Lock-up (kapak + kapanış): fallback'te animasyona bağlı kalmadan görünür --- */
html.fallback .cover-lockup .mark{clip-path:inset(0 0 0 0)!important;opacity:1!important}
html.fallback .cl-name,html.fallback .cl-div,html.fallback .cover-sub{opacity:1!important;transform:none!important}

/* =========================================================
   MOBİL YUMUŞAK GEÇİT · telefonda masaüstü önerisi
   (varsayılan gizli; sadece dar ekranda görünür; girilebilir)
   ========================================================= */
.mobile-gate{display:none}
@media(max-width:760px){
  .mobile-gate{display:flex;position:fixed;inset:0;z-index:9999;
    background:var(--paper);align-items:center;justify-content:center;
    padding:clamp(2rem,9vw,3.5rem)}
  html.gate-dismissed .mobile-gate{display:none}
  .mg-inner{display:flex;flex-direction:column;align-items:center;text-align:center;
    max-width:24rem;gap:1.6rem}
  .mg-mark{width:54px;color:var(--ink)}
  .mg-msg{margin:0;color:var(--ink-soft);font-size:1.02rem;line-height:1.55;
    letter-spacing:.005em}
  .mg-go{appearance:none;-webkit-appearance:none;cursor:pointer;
    margin-top:.4rem;padding:.85em 1.7em;border:1px solid var(--ink);
    border-radius:100px;background:transparent;color:var(--ink);
    font:inherit;font-size:.86rem;letter-spacing:.04em;
    transition:background .3s var(--ease),color .3s var(--ease)}
  .mg-go:active{background:var(--ink);color:var(--paper)}
}

/* =========================================================
   ŞARTNAME · slayt butonu + tam-ekran flipbook overlay
   ========================================================= */
.sartname-btn{display:inline-flex;align-items:center;gap:.7rem;margin-top:.4rem;align-self:flex-start;
  cursor:pointer;font:inherit;font-weight:500;letter-spacing:.01em;
  padding:.9em 1.5em;border:1px solid var(--ink);border-radius:100px;
  background:transparent;color:var(--ink);
  transition:background .35s var(--ease),color .35s var(--ease),gap .35s var(--ease)}
.sartname-btn .sb-arrow{width:.62em;height:.62em;border-top:1.6px solid currentColor;border-right:1.6px solid currentColor;
  transform:rotate(45deg);transition:transform .35s var(--ease)}
.sartname-btn:hover{background:var(--ink);color:var(--paper);gap:1.05rem}
.sartname-btn:hover .sb-arrow{transform:rotate(45deg) translate(1px,-1px)}

.sartname-modal{position:fixed;inset:0;z-index:9998;background:#e7e2d8;
  opacity:0;visibility:hidden;transition:opacity .45s var(--ease),visibility .45s var(--ease)}
html.sartname-open{overflow:hidden}
html.sartname-open .sartname-modal{opacity:1;visibility:visible}
.sm-frame{position:absolute;inset:0}
.sm-frame iframe{width:100%;height:100%;border:0;display:block}
.sm-close{position:fixed;top:clamp(.9rem,2vw,1.4rem);right:clamp(.9rem,2vw,1.4rem);z-index:2;cursor:pointer;
  font:inherit;font-size:.8rem;letter-spacing:.05em;padding:.6em 1.25em;
  border:1px solid var(--line);border-radius:100px;background:var(--paper);color:var(--ink);
  transition:background .3s var(--ease),color .3s var(--ease)}
.sm-close:hover{background:var(--ink);color:var(--paper)}