/* hande arıkan — kökler ve sahne */
:root{
  --kagit:#FBEEE4;
  --kagit-2:#F6DDCC;
  --murekkep:#3A2230;
  --sahne:#F3B545;
  --yosun:#6E8B3D;
  --isik:#C2417A;
  --isik-acik:#8E2F56;
  --display:"Bricolage Grotesque", system-ui, sans-serif;
  --metin:"Newsreader", Georgia, serif;
  --olcu:clamp(1.0625rem, 0.98rem + 0.3vw, 1.1875rem);
  --kenar:clamp(1.25rem, 5vw, 5rem);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--kagit);color:var(--murekkep);font-family:var(--metin);font-size:var(--olcu);line-height:1.62;font-optical-sizing:auto}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.22em}
a:hover{color:var(--isik)}
:focus-visible{outline:2px solid var(--isik);outline-offset:3px;border-radius:2px}
p{margin:0 0 1em;max-width:36em}
h1,h2,h3{font-family:var(--display);font-weight:600;line-height:1.02;letter-spacing:-.02em;margin:0}
.atla{position:absolute;left:-999px;top:0;background:var(--murekkep);color:var(--kagit);padding:.6em 1em;z-index:10}
.atla:focus{left:1rem}
.gizli{position:absolute;left:-9999px}

.ust{display:flex;align-items:baseline;justify-content:space-between;gap:1.5rem;padding:1.4rem var(--kenar);position:relative;z-index:3}
.imza{font-family:var(--display);font-weight:500;font-size:1.35rem;letter-spacing:-.01em;text-decoration:none;font-variation-settings:"wdth" 90}
.imza span{color:var(--yosun);font-style:italic;font-family:var(--metin);font-weight:400}
.menu{display:flex;flex-wrap:wrap;gap:.35rem 1.4rem;font-family:var(--display);font-size:.98rem;margin:0;padding:0;list-style:none}
.menu a{text-decoration:none;padding:.2em 0;border-bottom:1px solid transparent}
.menu a:hover,.menu a[aria-current]{border-bottom-color:currentColor;color:inherit}
.menu-dugme{display:none;background:none;border:1px solid var(--murekkep);border-radius:99px;font:inherit;font-family:var(--display);padding:.35em .9em;color:inherit;cursor:pointer}
@media (max-width:820px){
  .menu-dugme{display:inline-block}
  .menu{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--kagit);padding:1rem var(--kenar) 1.6rem;font-size:1.3rem;border-bottom:1px solid var(--murekkep)}
  .menu.acik{display:flex}
}

.sahne-giris{overflow:hidden;position:relative;padding:clamp(2.5rem,8vw,7rem) var(--kenar) 0;min-height:min(92vh,58rem)}
.koreografi{font-family:var(--display);font-size:clamp(2.6rem,7.4vw,7.6rem);font-weight:500;line-height:.98;letter-spacing:-.035em;margin:0;max-width:none}
.koreografi .s{display:block}
.koreografi .s1{font-variation-settings:"wdth" 75;font-weight:400}
.koreografi .s2{padding-left:clamp(1.5rem,14vw,14rem);font-variation-settings:"wdth" 100}
.koreografi .s3{padding-left:clamp(.5rem,4vw,4rem);font-size:.62em;font-weight:300;font-variation-settings:"wdth" 85;margin-top:.55em;letter-spacing:-.015em}
.koreografi .s4{padding-left:clamp(3rem,34vw,34rem);font-weight:800;font-variation-settings:"wdth" 100;font-size:1.18em;margin-top:.08em;transform-origin:left bottom}
.giris-alt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,26rem);gap:2rem;align-items:end;margin-top:clamp(2rem,5vw,4rem);position:relative;z-index:2}
.giris-alt p{font-size:1.15em;line-height:1.5}
.eylem{display:flex;flex-wrap:wrap;gap:.8rem 1.4rem;align-items:center;margin-top:1.4rem}
.dugme{display:inline-block;font-family:var(--display);font-weight:500;text-decoration:none;background:var(--murekkep);color:var(--kagit);padding:.8em 1.4em;border-radius:99px 99px 99px 6px;transition:background .2s}
.dugme:hover{background:var(--isik);color:#fff}
.dugme.ince{background:none;color:inherit;padding:.8em 0;border-radius:0;border-bottom:1px solid currentColor}
.dugme.ince:hover{color:var(--isik)}
.kokler{position:absolute;left:0;right:0;bottom:-2px;width:100%;height:clamp(9rem,22vw,17rem);pointer-events:none;z-index:1}
.kokler path{fill:none;stroke:var(--yosun);stroke-width:1.4;stroke-linecap:round;vector-effect:non-scaling-stroke}
.kokler path.ince{stroke-width:.8;opacity:.7}
@media (max-width:720px){.giris-alt{grid-template-columns:1fr}.koreografi .s4{padding-left:18vw}}

@media (prefers-reduced-motion:no-preference){
  .koreografi .s{opacity:0;animation:gir .9s cubic-bezier(.2,.7,.2,1) forwards}
  .koreografi .s1{animation-delay:.05s;--dx:-2rem}
  .koreografi .s2{animation-delay:.35s;--dx:2.5rem}
  .koreografi .s3{animation-delay:.9s;--dx:0;--dy:.6rem}
  .koreografi .s4{animation:gir .9s cubic-bezier(.2,.7,.2,1) 1.5s forwards, sallan 1.6s ease-in-out 2.4s 1}
  .kokler path{stroke-dasharray:1;stroke-dashoffset:1;animation:buyu 3.2s cubic-bezier(.35,.1,.2,1) 1.9s forwards}
  .kokler path:nth-child(n+3){animation-delay:2.6s}
}
@keyframes gir{from{opacity:0;transform:translate(var(--dx,0),var(--dy,0))}to{opacity:1;transform:none}}
@keyframes sallan{0%,100%{transform:rotate(0)}35%{transform:rotate(-2.2deg)}70%{transform:rotate(1deg)}}
@keyframes buyu{to{stroke-dashoffset:0}}

.bolum{padding:clamp(4rem,9vw,8rem) var(--kenar);position:relative}
.bolum-baslik{font-size:clamp(2rem,4.6vw,3.8rem);max-width:15em;margin-bottom:.6em;font-variation-settings:"wdth" 88}
.toprak{background:var(--kagit-2)}

.sesler{list-style:none;margin:2.5rem 0 0;padding:0;display:grid;grid-template-columns:repeat(12,1fr);row-gap:clamp(1.4rem,3vw,2.4rem);column-gap:1rem}
.sesler li{font-family:var(--metin);font-style:italic;font-size:clamp(1.25rem,2.2vw,1.85rem);line-height:1.3;max-width:19em}
.sesler li:nth-child(1){grid-column:1/8}
.sesler li:nth-child(2){grid-column:6/13;text-align:right;justify-self:end}
.sesler li:nth-child(3){grid-column:2/8}
.sesler li:nth-child(4){grid-column:7/13}
.sesler li:nth-child(5){grid-column:3/10;font-family:var(--display);font-style:normal;font-weight:700;font-size:clamp(1.8rem,4vw,3.2rem);letter-spacing:-.02em}
.sesler-son{margin-top:2.5rem;font-size:1.15em}
@media (max-width:720px){.sesler li{grid-column:1/-1!important;text-align:left!important;justify-self:start!important}.sesler li:nth-child(even){padding-left:12vw}}

.dallar{width:100%;height:clamp(5rem,12vw,9rem);display:block;margin:0 0 -1px}
.dallar path{fill:none;stroke:var(--yosun);stroke-width:1.4;vector-effect:non-scaling-stroke;stroke-linecap:round}
.kapilar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,3vw,3rem)}
.kapi{border-top:1.5px solid var(--yosun);padding-top:1.4rem}
.kapi h3{font-size:clamp(1.9rem,3.4vw,2.9rem);font-weight:400;font-variation-settings:"wdth" 80;margin-bottom:.15em}
.kapi .kim{font-family:var(--display);font-size:1rem;color:var(--yosun);margin-bottom:1rem}
.kapi ul{margin:.3rem 0 1.2rem;padding-left:1.1em}
.kapi li{margin:.2em 0}
.kapi .foto img{aspect-ratio:4/3;object-fit:cover;width:100%}
.kapi .foto{margin:1.2rem 0 1rem;transform:rotate(-1.6deg);box-shadow:0 1px 0 var(--murekkep);border:6px solid #fff}
.kapi .foto figcaption{font-size:.85rem;padding:.4rem .2rem 0;background:#fff;font-style:italic}
@media (max-width:900px){.kapilar{grid-template-columns:1fr}.dallar{display:none}}

.hikaye-kesit{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2rem,6vw,6rem);align-items:start}
.hikaye-kesit blockquote{margin:0;font-family:var(--display);font-size:clamp(1.9rem,4vw,3.4rem);font-weight:300;line-height:1.08;letter-spacing:-.02em;font-variation-settings:"wdth" 82}
@media (max-width:820px){.hikaye-kesit{grid-template-columns:1fr}}

.kunye{margin-top:3rem;border-top:1px solid var(--murekkep);border-bottom:1px solid var(--murekkep);padding:1.6rem 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1.4rem 2rem}
.kunye div{display:flex;flex-direction:column;gap:.15rem}
.kunye dt{font-family:var(--display);font-size:clamp(1.5rem,2.6vw,2.1rem);font-weight:600;line-height:1.05;letter-spacing:-.02em}
.kunye dd{margin:0;font-size:.95rem;font-style:italic}

.karanlik{background:var(--sahne);color:var(--murekkep)}
.karanlik a:hover{color:var(--isik-acik)}
.karanlik .bolum-baslik{color:var(--murekkep)}
.videolar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.2rem,2.5vw,2.4rem);margin-top:2.4rem}
.video{text-decoration:none;display:block}
.video img{aspect-ratio:16/9;object-fit:cover;width:100%;transition:transform .4s;border-radius:4px 4px 28px 4px}
.video:hover img{transform:rotate(-1deg)}
.video .vb{font-family:var(--display);font-size:1.25rem;line-height:1.15;margin-top:.8rem;display:block}
.video .vs{font-size:.92rem;opacity:.75;display:block;margin-top:.25rem}
.karanlik .imzali{font-style:italic;margin-top:2.4rem;opacity:.85}
@media (max-width:820px){.videolar{grid-template-columns:1fr}}

.temas{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:2rem;align-items:end}
.temas .bolum-baslik{font-size:clamp(2.4rem,6vw,5rem);font-weight:300}
.temas address{font-style:normal;font-size:1.1em;line-height:1.8}
@media (max-width:820px){.temas{grid-template-columns:1fr}}

.alt{padding:2rem var(--kenar) 2.6rem;display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem 2rem;font-size:.92rem;border-top:1px solid var(--murekkep)}
.alt ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem 1.2rem}

.sayfa-bas{padding:clamp(2.5rem,7vw,6rem) var(--kenar) clamp(1rem,3vw,2rem)}
.sayfa-bas h1{font-size:clamp(3rem,9vw,8.5rem);font-weight:300;font-variation-settings:"wdth" 78;letter-spacing:-.04em;line-height:.92}
.sayfa-bas .alt-baslik{font-size:1.2em;margin-top:1.4rem;max-width:30em}
.anlati{padding:clamp(2rem,5vw,4rem) var(--kenar) clamp(4rem,8vw,7rem);display:grid;grid-template-columns:minmax(0,3fr) minmax(0,8fr) minmax(0,1fr);gap:2rem}
.anlati .kenar-not{font-family:var(--display);font-size:.95rem;color:var(--yosun);position:sticky;top:2rem;align-self:start;line-height:1.3}
.anlati .metin p{font-size:1.12em;line-height:1.7;max-width:34em}
.anlati .metin p.ilk{font-family:var(--display);font-size:clamp(1.8rem,3.4vw,2.8rem);line-height:1.1;font-weight:400;letter-spacing:-.02em;max-width:16em;margin-bottom:1.2em}
.anlati .metin h2{font-size:clamp(1.6rem,3vw,2.4rem);font-weight:500;margin:2.4em 0 .7em;font-variation-settings:"wdth" 85}
.anlati .metin .son{font-family:var(--display);font-size:clamp(1.5rem,2.8vw,2.2rem);font-weight:600;line-height:1.15;margin-top:1.6em;letter-spacing:-.02em}
.egitimler{columns:2 16rem;column-gap:2.5rem;padding:0;margin:1rem 0 0;list-style:none}
.egitimler li{break-inside:avoid;padding:.55rem 0;border-bottom:1px solid rgba(35,26,38,.25)}
.egitimler li small{display:block;font-style:italic;opacity:.75}
@media (max-width:820px){.anlati{grid-template-columns:1fr}.anlati .kenar-not{position:static}}
/* inner page blocks */
.izgara{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(1.5rem,4vw,4rem);padding:clamp(2.5rem,6vw,5rem) var(--kenar);border-top:1px solid rgba(35,26,38,.2)}
.izgara > h2{font-size:clamp(1.7rem,3.2vw,2.6rem);font-weight:400;font-variation-settings:"wdth" 82;position:sticky;top:2rem;align-self:start}
.izgara .govde > p{font-size:1.08em}
.izgara.toprak{border-top:0}
@media (max-width:820px){.izgara{grid-template-columns:1fr}.izgara > h2{position:static}}
.temalar{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.8rem 2.4rem;margin:0;padding:0;list-style:none}
.temalar h3{font-size:1.45rem;font-weight:500;margin-bottom:.4rem;font-variation-settings:"wdth" 90}
.temalar p{margin:0;font-size:.98em}
.dongu{list-style:none;padding:0;margin:0}
.dongu li{font-style:italic;font-size:1.2em;padding:.55rem 0 .55rem 1.6rem;position:relative}
.dongu li::before{content:"";position:absolute;left:0;top:1.15em;width:.9rem;height:1px;background:var(--yosun)}
.adimlar{list-style:none;padding:0;margin:0;counter-reset:adim}
.adimlar li{counter-increment:adim;display:grid;grid-template-columns:3.2rem 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid rgba(35,26,38,.2)}
.adimlar li::before{content:counter(adim);font-family:var(--display);font-size:2.2rem;font-weight:300;line-height:1;color:var(--yosun)}
.adimlar strong{font-family:var(--display);font-weight:500;display:block;font-size:1.15rem;margin-bottom:.2rem}
.program{padding:0 0 2.6rem;margin-bottom:2.6rem;border-bottom:1px solid rgba(35,26,38,.2)}
.program:last-child{border-bottom:0;margin-bottom:0}
.program h3{font-size:clamp(1.8rem,3.4vw,2.8rem);font-weight:500;letter-spacing:-.025em;margin-bottom:.5rem}
.program .kim{font-family:var(--display);color:var(--yosun);margin-bottom:1rem}
.bilgi{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:1rem 1.6rem;margin:1.4rem 0}
.bilgi dt{font-family:var(--display);font-size:.9rem;color:var(--yosun)}
.bilgi dd{margin:0}
.iki-sutun{columns:2 15rem;column-gap:2.4rem;margin:.6rem 0 1.2rem;padding-left:1.1em}
.iki-sutun li{break-inside:avoid;margin:.2em 0}
.not{background:var(--kagit-2);padding:1.4rem 1.6rem;border-left:3px solid var(--isik);max-width:38em}
.not p:last-child{margin:0}
.genis-foto{margin:0 0 2.4rem;transform:rotate(1.2deg);border:8px solid #fff;max-width:34rem}
.genis-foto img{aspect-ratio:4/3;object-fit:cover;width:100%}
.genis-foto figcaption{background:#fff;font-style:italic;font-size:.88rem;padding:.4rem .2rem 0}
.video-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:2rem 1.6rem}
.video-izgara .video .vb{font-size:1.1rem}
.buyuk-temas{font-family:var(--display);font-size:clamp(1.6rem,4vw,3.2rem);font-weight:400;line-height:1.25;letter-spacing:-.02em}
.buyuk-temas a{text-decoration:none;border-bottom:1px solid currentColor}
/* the one strange moment */
.tuhaf{padding-top:clamp(3rem,7vw,6rem);padding-bottom:clamp(3rem,7vw,6rem);overflow:hidden}
.tuhaf-soz{font-family:var(--display);font-size:clamp(2.2rem,6.4vw,5.8rem);font-weight:200;line-height:.95;letter-spacing:-.03em;font-variation-settings:"wdth" 75;max-width:13em;margin:0 0 1.4rem auto;text-align:right;transform:rotate(-2.5deg);transform-origin:right center}
.tuhaf-not{margin:0 0 0 auto;text-align:right;max-width:28em;font-style:italic}
.yazi-secki{list-style:none;padding:0;margin:1rem 0 1.6rem;columns:2 14rem;column-gap:2rem}
.yazi-secki li{break-inside:avoid;padding:.5rem 0;border-bottom:1px solid rgba(35,26,38,.2);font-family:var(--display);font-size:1.1rem}
.yazi-secki a{text-decoration:none}
/* warmth: a soft halo behind the stage */
.sahne-giris::before{content:"";position:absolute;width:min(78vw,56rem);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 50%, rgba(243,181,69,.55) 0%, rgba(242,150,120,.28) 42%, rgba(251,238,228,0) 70%);right:-14vw;top:-10rem;z-index:0;pointer-events:none}
.koreografi,.giris-alt{position:relative;z-index:2}
.karanlik .imzali{opacity:1}
.karanlik .vs{opacity:.85}

@media (max-width:720px){.sahne-giris{min-height:0;padding-bottom:10rem}.kokler{height:9rem}}

/* forms and embeds */
.form-kutu{max-width:36rem;margin-top:1.4rem}
.wform{display:flex;flex-direction:column;gap:1.1rem}
.wform .alan{display:flex;flex-direction:column;gap:.35rem;border:0;margin:0;padding:0}
.wform label,.wform legend{font-family:var(--display);font-size:1rem}
.wform legend{margin-bottom:.4rem;padding:0}
.wform input[type=text],.wform input:not([type]),.wform input[type=email],.wform input[type=password],.wform textarea{font:inherit;font-size:1.05rem;color:var(--murekkep);background:#fffaf6;border:1px solid rgba(58,34,48,.35);border-radius:14px 14px 14px 4px;padding:.7rem .9rem;width:100%}
.wform textarea{resize:vertical;min-height:8rem}
.wform input:focus,.wform textarea:focus{outline:2px solid var(--isik);outline-offset:1px;border-color:transparent}
.wform [aria-invalid=true]{border-color:#B3261E}
.wform .secim{display:flex;gap:.6rem;align-items:flex-start;font-family:var(--metin);font-size:1.02rem;margin:.2rem 0;cursor:pointer}
.wform .secim input{margin-top:.3rem;accent-color:var(--isik);width:1.05rem;height:1.05rem;flex:none}
.wform .zorunlu{color:var(--isik)}
.wform .hata{color:#B3261E;font-size:.92rem;margin:0;min-height:0}
.wform .hata:empty{display:none}
.wform .dugme{align-self:flex-start;border:0;cursor:pointer;font-size:1rem}
.wform .dugme[disabled]{opacity:.6;cursor:progress}
.tesekkur{background:var(--kagit-2);border-radius:28px 28px 28px 6px;padding:1.4rem 1.6rem;font-size:1.1em}
.tesekkur p:last-child{margin:0}
.yukleniyor{font-style:italic;opacity:.7}
.gecis{margin-top:1.2rem}
.metin-dugme{background:none;border:0;font:inherit;font-family:var(--display);color:inherit;text-decoration:underline;cursor:pointer;padding:0}
.gomulu{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:1.6rem;margin-top:1.4rem;align-items:start}
.gomulu figure{margin:0}
.gomulu figcaption{font-size:.9rem;font-style:italic;margin-top:.4rem}
.gomulu-video iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:6px 6px 28px 6px}
.gomulu-reel iframe{width:100%;max-width:340px;height:600px;border:0;border-radius:8px;background:#fff}
@media (max-width:820px){.gomulu{grid-template-columns:1fr}}
.yasal h2{font-size:1.4rem!important;margin:1.8em 0 .5em!important}
.kronoloji{list-style:none;padding:0;margin:1rem 0 0;max-width:40rem}
.kronoloji li{display:grid;grid-template-columns:8.5rem 1fr;gap:1rem;padding:.7rem 0;border-bottom:1px solid rgba(58,34,48,.2)}
.kronoloji .yil{font-family:var(--display);color:var(--yosun);font-weight:500}
.kronoloji small{display:block;font-style:italic;opacity:.75}
@media (max-width:520px){.kronoloji li{grid-template-columns:1fr;gap:.1rem}}
/* photos */
.portreli{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,22rem);gap:2rem;align-items:end}
.portre{margin:0;justify-self:end;width:100%;max-width:22rem;transform:rotate(2deg);border:8px solid #fff;box-shadow:0 18px 40px -24px rgba(58,34,48,.5);border-radius:2px 2px 60px 2px;overflow:hidden}
.portre img{width:100%;aspect-ratio:760/860;object-fit:cover}
@media (max-width:720px){.portreli{grid-template-columns:1fr}.portre{justify-self:start;max-width:16rem}}
.polaroid{margin:0;background:#fff;padding:8px 8px 0;box-shadow:0 14px 30px -20px rgba(58,34,48,.55)}
.polaroid img{width:100%;aspect-ratio:1;object-fit:cover}
.polaroid figcaption{font-style:italic;font-size:.85rem;padding:.45rem .2rem .55rem}
.polaroid.sag{float:right;width:min(42%,15rem);margin:.4rem 0 1rem 1.6rem;transform:rotate(-2.5deg)}
.ana-portre{width:min(100%,17rem);margin-top:2.2rem;transform:rotate(-2deg);padding-bottom:8px}
.ana-portre img{aspect-ratio:640/720}
.anlati .metin h2{clear:both}
.rozetler{display:flex;flex-wrap:wrap;align-items:center;gap:1.4rem 2rem;margin:.4rem 0 1rem}
.rozetler img{height:84px;width:auto}
.rozetler img:first-child{height:110px}
.program-logo{height:56px;width:auto;margin-bottom:.8rem}
/* the two embeds as a pair of framed screens */
.gomulu{display:flex!important;flex-wrap:wrap;gap:2rem;align-items:flex-start;margin-top:1.8rem}
.cerceve{margin:0;background:#fff;padding:10px 10px 0;box-shadow:0 18px 36px -24px rgba(58,34,48,.55);border-radius:4px 4px 30px 4px}
.cerceve figcaption{font-style:italic;font-size:.88rem;padding:.55rem .3rem .75rem}
.cerceve .ekran{overflow:hidden;border-radius:2px;background:var(--kagit-2)}
.gomulu-video{flex:1 1 22rem;transform:rotate(-1deg)}
.gomulu-video .ekran{aspect-ratio:16/9}
.gomulu-video iframe{width:100%;height:100%;border:0;display:block;border-radius:0;aspect-ratio:auto}
.gomulu-reel{flex:0 0 300px;transform:rotate(1.5deg)}
.gomulu-reel .ekran{height:452px}
.gomulu-reel iframe{width:100%;max-width:none;height:640px;border:0;display:block;margin-top:-54px;background:transparent;border-radius:0}
@media (max-width:820px){.gomulu-reel{flex-basis:100%;max-width:300px}.gomulu-video,.gomulu-reel{transform:none}}
.standart{display:flex;align-items:center;gap:1.2rem;margin-top:2rem;max-width:34rem}
.standart img{width:96px;height:96px;flex:none;border-radius:16px}
.standart p{margin:0;font-family:var(--display);font-size:1.25rem;line-height:1.25}
.rozetler img[alt*="CSS"]{height:104px;border-radius:14px}
.acilir{margin-top:1.2rem;padding:1.4rem 1.4rem .4rem;background:#fffaf6;border-radius:24px 24px 24px 6px;box-shadow:0 14px 30px -22px rgba(58,34,48,.5)}
.acilir .form-kutu{margin-top:0}
.program [data-ac]{margin-top:.4rem;border:0;cursor:pointer;font-size:1rem}
.program [data-ac][aria-expanded=true]{background:var(--isik)}
.gomulu-video,.gomulu-reel{transform:none!important}
.gomulu-reel .ekran{height:350px}

.akreditasyon{list-style:none;padding:0;margin:1.2rem 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}
.akreditasyon li{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;background:#fffaf6;border-radius:24px 24px 24px 6px;padding:1.2rem 1.2rem 1.3rem;box-shadow:0 14px 30px -24px rgba(58,34,48,.5)}
.akreditasyon img{height:76px;width:auto;margin-bottom:.6rem;border-radius:12px}
.akreditasyon img.genis{height:56px;margin:10px 0 .9rem;border-radius:0}
.akreditasyon strong{font-family:var(--display);font-weight:500;font-size:1.2rem;line-height:1.15}
.akreditasyon span{font-size:.95rem;line-height:1.4}
.akreditasyon em{font-size:.9rem;color:var(--yosun);margin-top:auto;padding-top:.4rem}
@media (max-width:760px){.akreditasyon{grid-template-columns:1fr}}
.akr-ust{padding:0 var(--kenar) clamp(1rem,3vw,2rem)}
.akr-ust .akreditasyon{max-width:64rem;margin-top:0}


/* Kabına sığmayan haller: dağınık polaroid kolajı */
.haller{
  --en: min(68rem, calc(100vw - 2.5rem));
  width: var(--en);
  margin: 3rem 0 3.5rem calc(50% - var(--en) / 2);
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1.3fr 1fr;
  gap: 1rem;
  align-items: start;
}
.hal{
  margin: 0;
  background: #fffaf5;
  padding: .6rem .6rem 2.2rem;
  box-shadow: 0 10px 24px -12px rgba(58,34,48,.45), 0 2px 5px rgba(58,34,48,.12);
  transform: rotate(var(--r, 0deg)) translateY(var(--y, 0));
  transition: transform .35s ease;
  position: relative;
}
.hal img{
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 5;
  object-fit: cover;
}
.hal figcaption{
  font-family: "Newsreader", serif;
  font-style: italic;
  font-size: 1rem;
  color: var(--murekkep);
  text-align: center;
  padding: .55rem .25rem .7rem;
}
.hal-1{ --r: -4deg; --y: 1.2rem; }
.hal-2{ --r: 3deg;  --y: -.4rem; z-index: 1; }
.hal-3{ --r: -2deg; --y: 2rem; }
.hal-4{ --r: 4deg;  --y: .3rem; }
.hal-4 img{ aspect-ratio: 6 / 5; }
.hal-2::before{
  content: "";
  position: absolute;
  top: -.7rem; left: 50%;
  width: 4.2rem; height: 1.3rem;
  transform: translateX(-50%) rotate(-3deg);
  background: color-mix(in srgb, var(--sahne) 70%, transparent);
}
.hal-4::before{
  content: "";
  position: absolute;
  top: -.6rem; right: 1.2rem;
  width: 3.6rem; height: 1.2rem;
  transform: rotate(6deg);
  background: color-mix(in srgb, var(--isik) 45%, transparent);
}
.hal:hover{ transform: rotate(0deg) translateY(var(--y, 0)) scale(1.03); z-index: 2; }
@media (max-width: 760px){
  .haller{ grid-template-columns: 1fr 1fr; gap: 1.6rem 1rem; }
  .hal-4{ align-self: center; }
  .hal-1{ --y: 0; } .hal-3{ --y: .6rem; }
}
@media (prefers-reduced-motion: reduce){ .hal{ transition: none; } }


/* Giriş: içimizdeki sesler */
.koro-bas{font-family:var(--display);font-size:clamp(2.3rem,6vw,6rem);font-weight:600;line-height:1;letter-spacing:-.03em;margin:0;max-width:16ch;position:relative;z-index:2}
.koro{position:relative;z-index:2;margin-top:clamp(1.4rem,3.5vw,2.8rem);display:flex;flex-direction:column;gap:.35em;font-family:"Newsreader",serif;font-style:italic;font-size:clamp(1.35rem,2.9vw,2.6rem);line-height:1.15}
.koro .ses{margin:0}
.koro .ses1{padding-left:clamp(.5rem,8vw,8rem);color:var(--murekkep)}
.koro .ses2{padding-left:clamp(2rem,26vw,26rem);color:var(--isik-acik)}
.koro .ses3{padding-left:clamp(1rem,14vw,14rem);color:var(--yosun);font-weight:500}
.koro .ses4{padding-left:clamp(3rem,36vw,36rem);color:var(--murekkep);opacity:.8}
.koro .ses5{padding-left:clamp(1.5rem,20vw,20rem);color:#8A520C;margin-top:.5em}
.koro .ses5 span{display:block;font-style:normal;font-family:var(--display);font-size:.5em;letter-spacing:.01em;color:var(--murekkep);opacity:.7;margin-bottom:.2em}
.koro .ses5 em{font-style:italic;text-decoration:underline wavy color-mix(in srgb,var(--sahne) 85%,transparent);text-decoration-thickness:2px;text-underline-offset:.28em}
@media (max-width:640px){
  .koro{gap:.5em}
  .koro .ses1{padding-left:.5rem}
  .koro .ses2{padding-left:2.2rem}
  .koro .ses3{padding-left:1rem}
  .koro .ses4{padding-left:2.8rem}
  .koro .ses5{padding-left:1.4rem}
  .koro .ses5 span{font-size:.62em}
}
.kokler{display:none}
.dalgalar{position:absolute;left:0;right:0;bottom:-2px;width:100%;height:clamp(7rem,16vw,12rem);pointer-events:none;z-index:1}
.dalgalar path{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}
.dalgalar .d1{stroke:var(--yosun);stroke-width:1.5}
.dalgalar .d2{stroke:var(--isik);stroke-width:1.1;opacity:.75}
.dalgalar .d3{stroke:var(--sahne);stroke-width:1.8;opacity:.9}
.dalgalar .d4{stroke:var(--murekkep);stroke-width:.8;opacity:.45}
@media (prefers-reduced-motion:no-preference){
  .koro-bas{opacity:0;animation:gir .9s cubic-bezier(.2,.7,.2,1) .05s forwards;--dy:.6rem}
  .koro .ses{opacity:0;animation:gir .8s cubic-bezier(.2,.7,.2,1) forwards}
  .koro .ses1{animation-delay:.7s;--dx:-1.5rem}
  .koro .ses2{animation-delay:1.05s;--dx:1.5rem}
  .koro .ses3{animation-delay:1.4s;--dx:-1rem}
  .koro .ses4{animation-delay:1.75s;--dx:1.2rem}
  .koro .ses5{animation-delay:2.9s;animation-duration:1.4s;--dy:.5rem}
  .dalgalar path{stroke-dasharray:1;stroke-dashoffset:1;animation:buyu 3.4s cubic-bezier(.35,.1,.2,1) 1.2s forwards}
  .dalgalar .d2{animation-delay:1.6s}
  .dalgalar .d3{animation-delay:2s}
  .dalgalar .d4{animation-delay:2.4s}
}
.bas-eylem{margin-top:1.4rem}
.giris-not{font-size:1.12em;line-height:1.55;border-left:3px solid var(--sahne);padding-left:1rem;margin-bottom:1.6rem}

.kapi-giris{font-family:var(--display);font-size:clamp(1.3rem,2.4vw,1.9rem);font-weight:500;letter-spacing:-.01em;max-width:30ch;margin:0 0 clamp(1.5rem,3vw,2.5rem)}

.sayfa-bas .standart{margin-top:1.6rem}
.bakis{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem 1.6rem}
.bakis li{border-top:2px solid var(--sahne);padding-top:.7rem;font-size:1rem;line-height:1.4}
.bakis strong{display:block;font-family:var(--display);font-size:1.25rem;font-weight:600;margin-bottom:.2rem}
@media (max-width:760px){.bakis{grid-template-columns:1fr 1fr}}

.kapi-eylem{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.2rem}
.sayfa-bas .eylem.bas-eylem{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.6rem}
#grup-sup{scroll-margin-top:5rem}


.kucuk-not{font-size:.95rem;opacity:.8;margin-top:1.6rem}

.dugme.buyuk{font-size:clamp(1.15rem,2vw,1.45rem);padding:1rem 2.2rem;letter-spacing:0;line-height:1.2}
h2 .dugme.buyuk{font-weight:600}
#gorusme{scroll-margin-top:5rem}

.davet{display:flex;align-items:center;gap:clamp(1.2rem,3vw,2.2rem);max-width:44rem}
.davet-portre{flex:0 0 auto;width:clamp(7.5rem,13vw,10.5rem);margin:0;background:#fffaf5;padding:.45rem .45rem 1.5rem;box-shadow:0 12px 26px -14px rgba(58,34,48,.5),0 2px 5px rgba(58,34,48,.12);transform:rotate(-3.5deg)}
.davet-portre img{display:block;width:100%;height:auto;aspect-ratio:32/38;object-fit:cover}
.davet-metin p{margin-top:0}
@media (max-width:560px){
  .davet{flex-direction:column;align-items:flex-start}
  .davet-portre{width:8rem}
}
@media (prefers-reduced-motion:no-preference){
  .davet-portre{opacity:0;animation:portre-gir 1.1s ease-out 3.3s forwards}
  @keyframes portre-gir{from{opacity:0}to{opacity:1}}
}

.hal-5{ --r: -3deg; --y: 1.4rem; }
@media (max-width: 760px){ .hal-5{ grid-column: 1 / -1; width: 55%; justify-self: center; --y: 0; } }

.yorumlar{list-style:none;margin:clamp(1.5rem,3vw,2.5rem) 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.6rem,3vw,2.6rem) clamp(2rem,5vw,4rem)}
.yorumlar li{border-left:3px solid var(--sahne);padding-left:1.1rem}
.yorumlar blockquote{margin:0}
.yorumlar blockquote p{font-family:"Newsreader",serif;font-style:italic;font-size:clamp(1.15rem,1.8vw,1.4rem);line-height:1.4;margin:0}
.yorumlar span{display:block;margin-top:.6rem;font-family:var(--display);font-size:.95rem;font-weight:600;color:var(--isik-acik)}
@media (max-width:720px){.yorumlar{grid-template-columns:1fr}}

#uye-ad:not(:empty)::before{content:" "}

.program dl.bilgi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 2rem;background:var(--kagit-2);border-radius:1rem;padding:1.3rem 1.5rem;margin:1.6rem 0;max-width:40rem}
.program dl.bilgi > div{margin:0;padding:0;border:0}
.program dl.bilgi dt{font-family:var(--display);font-size:.85rem;font-weight:600;color:var(--yosun);margin:0 0 .2rem}
.program dl.bilgi dd{margin:0;font-size:1rem;line-height:1.45}
@media (max-width:620px){.program dl.bilgi{grid-template-columns:1fr}}

.kronoloji:not(.tumu) li.ek{display:none}
.egitim-ac{margin-top:1.2rem}

.konu-listeleri{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem 2.4rem;margin:1.6rem 0 1.8rem}
.konu-listeleri h3{font-family:var(--display);font-size:1.05rem;font-weight:600;color:var(--yosun);margin:0 0 .6rem}
.konu-listeleri ul{list-style:none;margin:0;padding:0}
.konu-listeleri li{padding:.55rem 0;border-top:1px solid color-mix(in srgb,var(--murekkep) 15%,transparent);line-height:1.4}
@media (max-width:720px){.konu-listeleri{grid-template-columns:1fr}}

/* mobil cila */
@media (max-width:560px){
  .davet{flex-direction:row;align-items:flex-start;gap:1rem}
  .davet-portre{width:5.6rem;padding:.3rem .3rem 1rem;margin-top:.3rem}
  .davet-metin p{font-size:1.02rem}
  .akreditasyon li{display:grid;grid-template-columns:3.4rem 1fr;column-gap:.9rem;row-gap:.1rem;align-items:center;padding:.9rem 1rem}
  .akreditasyon li img{grid-row:1 / span 3;width:3.4rem;height:auto;max-height:3.4rem;object-fit:contain}
  .sayfa-bas .eylem.bas-eylem .dugme{font-size:.95rem;padding:.85rem 1.2rem;text-wrap:balance}
  .yorumlar{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:1rem;padding-bottom:.8rem;margin-right:calc(-1 * var(--kenar));padding-right:var(--kenar)}
  .yorumlar li{flex:0 0 82%;scroll-snap-align:start}
  .hikaye-kesit .ana-portre{max-width:72%}
}

/* menü alt başlıkları */
.menu li.menu-grup{position:relative}
.alt-menu{list-style:none;margin:0;padding:0}
@media (min-width:821px){
  .menu li.menu-grup{padding-bottom:.7rem;margin-bottom:-.7rem}
  .alt-menu{display:none;position:absolute;top:100%;left:-1rem;min-width:16rem;background:var(--kagit);border-radius:14px;padding:.5rem 0;box-shadow:0 18px 34px -18px rgba(58,34,48,.45),0 2px 6px rgba(58,34,48,.1);z-index:60}
  .menu li.menu-grup:hover>.alt-menu,.menu li.menu-grup:focus-within>.alt-menu{display:block}
  .menu li.menu-grup{display:block}
  .alt-menu a{display:block;padding:.55rem 1rem;border-bottom:0;white-space:nowrap;font-size:.95rem}
  .alt-menu a:hover{background:var(--kagit-2);color:inherit}
}
@media (max-width:820px){
  .alt-menu{margin:.35rem 0 .2rem 1rem;display:flex;flex-direction:column;gap:.35rem}
  .alt-menu a{font-size:1.05rem;opacity:.85}
}
#shift-eq,#sefkat-dili,#spontane{scroll-margin-top:5rem}