:root{--bg:#FBF6EC;--bg2:#F1E8D6;--ink:#1E1A12;--mute:#6A604E;--line:#E3D8C3;--serif:'Playfair Display',Georgia,serif;--sans:'Manrope',system-ui,sans-serif}
html.night{--bg:#15130E;--bg2:#1F1B14;--ink:#F3EAD8;--mute:#BDB199;--line:#3A3327}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);transition:background .6s,color .6s;font-family:var(--sans);-webkit-font-smoothing:antialiased}
a{color:#0B3B4A;text-decoration:none}
a:hover{color:#C8643B}
*{box-sizing:border-box}
[hidden]{display:none!important}
@keyframes sus-marquee{to{transform:translateX(-50%)}}
@keyframes sus-up{from{transform:translateY(28px);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){*{animation:none!important}html{scroll-behavior:auto}}

.wrap{max-width:1320px;margin:0 auto}
.eyebrow{font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}
.eyebrow--clay{color:#C8643B}
.eyebrow--gold{color:#F0C77A}
.h2{margin:0;font-family:var(--serif);font-weight:500;font-size:clamp(44px,5vw,72px);line-height:1;color:var(--ink);transition:color .6s}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:36px}
.sec-head--flush{margin-bottom:0}
.sec-head .eyebrow{margin-bottom:14px}
.lede{margin:0;max-width:440px;font-size:16px;line-height:1.6;color:var(--mute);transition:color .6s}

/* Hero */
.hero{position:relative;min-height:max(680px,100vh);overflow:hidden;background:#C9A35E;color:#FFFFFF;display:flex;flex-direction:column}
.hero__photo,.hero__gl,.hero__shade{position:absolute;inset:0}
.hero__photo{background-image:url('/img/hero.jpg');background-size:cover;background-position:center;opacity:1;transition:opacity 1.6s ease}
.hero__gl{opacity:0;transition:opacity 1.6s ease}
.hero.is-gl .hero__photo{opacity:0}
.hero.is-gl .hero__gl{opacity:1}
.hero__shade{pointer-events:none}
.hero__shade--v{background:linear-gradient(to bottom,rgba(28,22,12,.45) 0%,rgba(28,22,12,0) 22%,rgba(28,22,12,0) 45%,rgba(28,22,12,.72) 100%)}
.hero__shade--h{background:linear-gradient(90deg,rgba(28,22,12,.55) 0%,rgba(28,22,12,.25) 38%,rgba(28,22,12,0) 62%)}

.turn{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);z-index:3;display:flex;gap:6px;align-items:center;padding:6px;border-radius:999px;background:rgba(20,16,8,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#FFFFFF;font-size:13px;font-weight:700;white-space:nowrap}
.turn__btn{border:0;cursor:pointer;height:36px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.14);color:#FFFFFF;font:700 13px var(--sans)}
.turn__btn:hover{background:rgba(255,255,255,.26)}

.top{position:relative;z-index:2;max-width:1320px;width:100%;margin:0 auto;padding:22px 28px;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;gap:12px;color:#FFFFFF}
.brand:hover{color:#FFFFFF}
.brand img{height:46px;width:auto;display:block}
.brand__text{display:flex;flex-direction:column;gap:2px}
.brand__name{font-family:var(--serif);font-size:24px;line-height:1;white-space:nowrap}
.brand__sub{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#F6E2B3;white-space:nowrap}
.nav{margin-left:auto;display:flex;gap:2px;flex-wrap:nowrap;white-space:nowrap}
.nav a{padding:10px 14px;border-radius:999px;color:#FFFFFF;font-weight:600;font-size:15px}
.nav a:hover{background:rgba(255,255,255,.14);color:#FFFFFF}
.mode{white-space:nowrap;flex:none;display:flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.5);background:rgba(20,16,8,.35);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#FFFFFF;font:700 14px var(--sans);cursor:pointer}
.mode__dot{width:14px;height:14px;border-radius:50%;background:#F6C453;box-shadow:0 0 0 3px rgba(246,196,83,.35);transition:background .4s,box-shadow .4s}
.night .mode__dot{background:#E8EEF8;box-shadow:inset -4px -2px 0 0 #8FA3C8}
.top__cta{white-space:nowrap;flex:none;display:flex;align-items:center;height:44px;padding:0 18px;border-radius:999px;background:#FFFFFF;color:#0B3B4A;font-weight:700;font-size:14px}
.top__cta:hover{background:#F0C77A;color:#0B3B4A}

.hero__body{position:relative;z-index:2;flex:1;max-width:1320px;width:100%;margin:0 auto;padding:40px 28px 64px;display:flex;flex-wrap:wrap;align-items:flex-end;gap:40px;pointer-events:none}
.hero__lead{flex:1 1 640px;min-width:0;display:flex;flex-direction:column;gap:22px;animation:sus-up 1s .3s both}
.hero__tags{display:flex;gap:10px;flex-wrap:wrap}
.tag{padding:8px 14px;border-radius:999px;font-size:13px}
.tag--gold{background:#E9B44C;color:#1E1A12;font-weight:700;letter-spacing:.04em}
.tag--glass{background:rgba(20,16,8,.45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-weight:600}
.hero h1{margin:0;font-family:var(--serif);font-weight:500;font-size:clamp(56px,8.4vw,128px);line-height:.92;letter-spacing:-.01em;text-wrap:balance;text-shadow:0 2px 30px rgba(30,20,5,.35)}
.hero h1 em{color:#F6D58A}
.hero__quote{margin:0;max-width:560px;font-size:19px;line-height:1.55;color:#FFF6E4;text-wrap:pretty}
.hero__actions{display:flex;flex-wrap:wrap;gap:12px;pointer-events:auto}
.btn-gold{display:flex;align-items:center;gap:10px;height:54px;padding:0 26px;border-radius:999px;background:#E9B44C;color:#1E1A12;font-weight:700;font-size:16px;transition:transform .25s}
.btn-gold:hover{transform:translateY(-2px);color:#1E1A12}
.btn-glass{display:flex;align-items:center;height:54px;padding:0 24px;border-radius:999px;border:1px solid rgba(255,255,255,.6);color:#FFFFFF;font-weight:600;font-size:16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.btn-glass:hover{background:rgba(255,255,255,.14);color:#FFFFFF}

.hero__side{flex:0 1 380px;display:flex;flex-direction:column;gap:14px;animation:sus-up 1s .5s both;pointer-events:auto}
.cd{background:rgba(24,19,10,.55);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.18);border-radius:24px;padding:22px 24px}
.cd__state{display:flex;flex-direction:column;gap:14px}
.cd__label{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#F6D58A}
.cd__label--live{display:flex;align-items:center;gap:8px}
.cd__dot{width:8px;height:8px;border-radius:50%;background:#E9B44C;box-shadow:0 0 0 4px rgba(233,180,76,.3)}
.cd__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.cd__cell{display:flex;flex-direction:column;gap:4px}
.cd__num{font-family:var(--serif);font-size:46px;line-height:1;font-variant-numeric:tabular-nums lining-nums}
.cd__num--sec{color:#F6D58A}
.cd__unit{font-size:12px;color:#E8DCC4;font-weight:600}
.cd__title{font-family:var(--serif);font-size:30px;line-height:1.1}
.cd__sub{font-size:14px;color:#E8DCC4}
.chips{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.chip{background:rgba(24,19,10,.45);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:14px 12px 12px;min-width:0}
.chip__big{font-size:20px;font-weight:700}
.chip__small{font-size:11.5px;color:#E8DCC4;margin-top:4px;white-space:nowrap}

/* Marquee */
.marquee{background:#E9B44C;color:#1E1A12;overflow:hidden;border-bottom:1px solid #D9A23C}
.marquee__track{display:flex;width:max-content;animation:sus-marquee 38s linear infinite}
.marquee__item{display:flex;align-items:center;gap:22px;padding:16px 0 16px 22px;font-family:var(--serif);font-size:26px;white-space:nowrap}
.marquee__item::after{content:"";width:7px;height:10px;border-radius:50% 50% 50% 50% / 60% 60% 40% 40%;background:#1E1A12}

/* Susam */
.susam{background:#0B3B4A;color:#FFFFFF;padding:104px 28px;overflow:hidden}
.susam__inner{display:flex;flex-wrap:wrap;gap:48px;align-items:center}
.capsule{flex:1 1 520px;min-width:0;position:relative;min-height:560px;aspect-ratio:1/1;max-height:720px;border-radius:32px;background:radial-gradient(circle at 50% 46%,#1E6170 0%,#0F4757 45%,#0B3B4A 75%)}
.capsule__gl{position:absolute;inset:0}
.susam__copy{flex:1 1 440px;min-width:0;display:flex;flex-direction:column;gap:26px}
.susam__copy .eyebrow{color:#F0C77A}
.susam h2{margin:0;font-family:var(--serif);font-weight:500;font-size:clamp(44px,5vw,72px);line-height:.98;text-wrap:balance}
.susam h2 em{color:#F0C77A}
.susam__lede{margin:0;font-size:18px;line-height:1.6;color:#D3E3E5;max-width:560px;text-wrap:pretty}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.fact{border:1px solid rgba(255,255,255,.16);border-radius:20px;padding:20px 20px 18px;display:flex;flex-direction:column;gap:8px}
.fact__big{font-family:var(--serif);font-size:36px;line-height:1;color:#F6D58A;font-variant-numeric:lining-nums}
.fact__label{font-size:15px;font-weight:600}
.fact__src{font-size:13px;color:#A9C4C8}
.gumul{display:flex;gap:16px;align-items:flex-start;background:rgba(240,199,122,.1);border-radius:20px;padding:20px 22px}
.gumul__badge{flex:none;width:38px;height:38px;border-radius:50%;background:#F0C77A;color:#0B3B4A;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:22px}
.gumul__text{font-size:15px;line-height:1.55;color:#E3EEEF}
.gumul__text strong{color:#FFFFFF}

/* Ova ve Rüzgâr */
.ova{padding:104px 28px;background:var(--bg2);transition:background .6s}
.ova__inner{display:flex;flex-direction:column;gap:40px}
.ova__title{font-size:clamp(40px,4.8vw,68px);line-height:1.02;max-width:820px;text-wrap:balance}
.ova__title em{color:#1F7F7C}
.ova__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.ova__card{background:var(--bg);border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:12px;transition:background .6s}
.ova__card--teal{background:#0B3B4A;color:#FFFFFF}
.ova__big{font-family:var(--serif);font-size:52px;line-height:1;font-variant-numeric:lining-nums}
.ova__big--gold{color:#B8862F}
.ova__big--teal{color:#1F7F7C}
.ova__big--it{font-style:italic;color:#F0C77A}
.ova__name{font-size:19px;font-weight:800;color:var(--ink);transition:color .6s}
.ova__text{font-size:15px;line-height:1.6;color:var(--mute);transition:color .6s}
.ova__card--teal .ova__name{color:#FFFFFF}
.ova__card--teal .ova__text{color:#D3E3E5}

/* Program */
.program{position:relative;padding:104px 28px 96px;background:radial-gradient(ellipse 80% 60% at 30% 40%,#123B48 0%,#0A2530 55%,#081C24 100%);color:#F3EAD8}
.program__inner{display:flex;flex-direction:column;gap:40px}
.program__title{margin:0;font-family:var(--serif);font-weight:500;font-size:clamp(44px,5.4vw,80px);line-height:1;color:#FFFFFF}
.program__title em{color:#F0C77A}
.tabs{display:flex;gap:6px;padding:6px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(240,199,122,.25)}
.tab{border:0;cursor:pointer;height:56px;padding:0 24px;border-radius:999px;background:transparent;color:#F3EAD8;font:700 15px var(--sans);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:background .3s,color .3s;white-space:nowrap}
.tab[aria-selected="true"]{background:#F0C77A;color:#0A2530}
.tab__sub{font-size:12px;font-weight:600;opacity:.75}
.program__cols{display:flex;flex-wrap:wrap;gap:32px;align-items:flex-start}
.stage{flex:1 1 560px;min-width:0;position:sticky;top:24px;aspect-ratio:1/0.92;min-height:480px;border-radius:32px;overflow:hidden;background:radial-gradient(circle at 50% 42%,rgba(240,199,122,.16) 0%,rgba(240,199,122,0) 55%);border:1px solid rgba(240,199,122,.18)}
.stage__gl{position:absolute;inset:0}
.stage__info{position:absolute;left:28px;right:28px;bottom:24px;display:flex;flex-direction:column;gap:8px;min-width:0;pointer-events:none;text-shadow:0 1px 12px rgba(4,16,22,.7)}
.stage__cat{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#F0C77A}
.stage__dot{width:10px;height:10px;border-radius:50%;background:var(--c,#F0C77A);box-shadow:0 0 14px var(--c,#F0C77A)}
.stage__now{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}
.stage__time{font-family:var(--serif);font-size:64px;line-height:.9;color:#FFFFFF;font-variant-numeric:lining-nums}
.stage__title{font-size:20px;font-weight:700;color:#FFFFFF;max-width:360px;text-wrap:balance}
.no-js .stage{display:none}
.program__list{flex:1 1 440px;min-width:0;display:flex;flex-direction:column}
.day{display:flex;flex-direction:column;border-top:1px solid rgba(240,199,122,.2)}
.day__title{display:none;margin:28px 0 12px;font-family:var(--serif);font-weight:500;font-size:32px;color:#FFFFFF}
.no-js .day__title{display:block}
.no-js .tabs{display:none}
.row{cursor:pointer;display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:18px;align-items:center;padding:18px 14px;border-bottom:1px solid rgba(240,199,122,.14);border-radius:14px;background:transparent;transition:background .3s}
.row.is-now{background:rgba(255,255,255,.05)}
.row.is-focus{background:rgba(240,199,122,.14)}
.row__time{font-family:var(--serif);font-size:32px;line-height:1;color:#F0C77A;transition:color .3s;font-variant-numeric:lining-nums}
.row.is-focus .row__time{color:#FFFFFF}
.row__main{display:flex;flex-direction:column;gap:5px;min-width:0}
.row__title{font-size:17px;font-weight:700;color:#FFFFFF;text-wrap:pretty}
.row__place{font-size:14px;color:#A9C4C8}
.row__tags{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.pill{padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}
.pill--status{background:#C8643B;color:#FFFFFF}
.pill--cat{display:flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.18);color:#F3EAD8}
.dot{width:7px;height:7px;border-radius:50%;background:#F0C77A}
.cat-pazar{background:#9DBF6A}
.cat-toren{background:#F0C77A}
.cat-hasat{background:#E9B44C}
.cat-yarisma{background:#E07A52}
.cat-atolye{background:#B597D6}
.cat-konser{background:#5FC2C9}
.cat-panel{background:#E8DCC4}
.program__note{margin:22px 0 0;font-size:14px;color:#A9C4C8}

/* 2025 */
.past{padding:104px 28px;background:var(--bg2);transition:background .6s}
.past__cols{display:flex;flex-wrap:wrap;gap:28px;align-items:flex-start}
.gallery{flex:1 1 640px;min-width:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:150px;gap:10px}
.gallery__cell{border-radius:18px;overflow:hidden;background:#D9C9A8;grid-column:span 2;grid-row:span 1}
.gallery__cell--wide{grid-column:span 4;grid-row:span 2}
.gallery__cell img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s ease}
.gallery__cell img:hover{transform:scale(1.05)}
.gallery__credit{grid-column:1 / -1;font-size:13px;color:var(--mute);height:auto}
.recap{flex:1 1 360px;min-width:0;display:flex;flex-direction:column;background:var(--bg);border-radius:24px;padding:12px 24px;margin:0;list-style:none;transition:background .6s}
.recap li{display:flex;gap:14px;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--line)}
.recap__n{flex:none;font-size:12px;font-weight:700;color:#B8862F;width:22px}
.recap__t{font-size:16px;line-height:1.45;color:var(--ink);transition:color .6s}

/* Ziyaret */
.visit{padding:104px 28px;background:var(--bg);transition:background .6s}
.visit__inner{display:flex;flex-wrap:wrap;gap:28px}
.visit__card{flex:1 1 520px;min-width:0;background:#E9B44C;border-radius:28px;padding:44px 40px;display:flex;flex-direction:column;gap:20px;color:#1E1A12}
.visit__card h2{margin:0;font-family:var(--serif);font-weight:500;font-size:clamp(40px,4.4vw,60px);line-height:1}
.visit__info{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;border-top:1px solid rgba(30,26,18,.2);padding-top:20px;margin:0}
.visit__info dt{font-size:13px;font-weight:700;opacity:.75}
.visit__info dd{font-size:17px;font-weight:600;margin:6px 0 0;line-height:1.4}
.visit__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}
.btn-dark{display:flex;align-items:center;height:52px;padding:0 24px;border-radius:999px;background:#1E1A12;color:#FFFFFF;font-weight:700;font-size:15px}
.btn-dark:hover{background:#0B3B4A;color:#FFFFFF}
.btn-line{display:flex;align-items:center;height:52px;padding:0 24px;border-radius:999px;border:1px solid rgba(30,26,18,.35);color:#1E1A12;font-weight:700;font-size:15px}
.btn-line:hover{background:rgba(30,26,18,.08);color:#1E1A12}
.org{flex:1 1 400px;min-width:0;border:1px solid var(--line);border-radius:28px;padding:40px;display:flex;flex-direction:column;gap:22px;transition:border-color .6s}
.org__k{font-size:13px;color:var(--mute);font-weight:600;margin-bottom:10px}
.org__main{font-family:var(--serif);font-size:34px;line-height:1;color:var(--ink);transition:color .6s}
.org__list{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.org__list li{padding:9px 14px;border-radius:999px;background:var(--bg2);font-size:14px;font-weight:600;color:var(--ink);transition:background .6s,color .6s}

/* Footer */
.foot{background:#1E1A12;color:#E8DCC4;padding:56px 28px 40px}
.night .foot{background:#0C0A07}
.foot__inner{display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between;align-items:flex-end}
.foot__brand{display:flex;flex-direction:column;gap:10px}
.foot__name{font-family:var(--serif);font-size:34px;color:#FFFFFF;line-height:1}
.foot__addr{font-size:14px;line-height:1.6}
.foot__copy{font-size:13px;color:#A99C82}

:focus-visible{outline:2px solid #E9B44C;outline-offset:3px}
.visit__card :focus-visible{outline-color:#0B3B4A}

/* Dar ekranlar */
@media (max-width:1080px){
  .top{gap:16px}
  .nav a{padding:10px 10px;font-size:14px}
}
@media (max-width:920px){
  .top{flex-wrap:wrap;gap:12px 10px;padding:16px 20px}
  .mode{margin-left:auto;height:40px;padding:0 12px;font-size:13px}
  .top__cta{height:40px;padding:0 14px;font-size:13px}
  .nav{order:3;flex:1 0 100%;margin:0 -8px;overflow-x:auto;scrollbar-width:none}
  .nav::-webkit-scrollbar{display:none}
  .nav a{padding:8px 12px;font-size:15px}
  .hero__body{padding:24px 20px 84px;gap:28px}
  .hero__side{flex:1 1 100%}
  .susam,.ova,.past,.visit{padding:72px 20px}
  .program{padding:72px 20px 64px}
  .capsule{min-height:0;flex-basis:100%}
  .stage{position:relative;top:0;flex-basis:100%;min-height:0;aspect-ratio:1/1}
  .visit__card{padding:32px 24px}
  .org{padding:28px 24px}
  .foot{padding:44px 20px 32px}
}
@media (max-width:560px){
  .top{padding:14px 16px;gap:10px 8px}
  .brand{gap:9px}
  .brand img{height:36px}
  .brand__name{font-size:18px}
  .brand__sub{font-size:10px;letter-spacing:.1em}
  .mode{width:40px;padding:0;justify-content:center}
  #mode-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .top__cta{padding:0 11px;font-size:12px}
  .nav{margin:0 -6px}
  .hero__quote{font-size:17px}
  .cd__num{font-size:40px}
  .chip{padding:12px 10px 10px}
  .chip__big{font-size:17px}
  .turn{font-size:12px}
  .turn__btn{padding:0 11px;font-size:12px}
  .marquee__item{font-size:22px;padding:13px 0 13px 18px;gap:18px}
  .ova__big{font-size:44px}
  .tabs{width:100%}
  .tab{flex:1}
  .stage{border-radius:24px}
  .stage__info{left:18px;right:18px;bottom:16px}
  .stage__time{font-size:46px}
  .stage__title{font-size:17px}
  .row{grid-template-columns:62px minmax(0,1fr);gap:8px 12px;padding:14px 10px;align-items:start}
  .row__time{font-size:26px;padding-top:2px}
  .row__title{font-size:16px}
  .row__tags{grid-column:2;justify-content:flex-start}
  .gallery{grid-auto-rows:110px}
  .recap{padding:8px 18px}
}
@media (max-width:380px){
  .brand__text{display:none}
}