/* EFES SİNEMASI · herkese açık site */
@font-face{font-family:"Archivo";font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/static/fonts/archivo-latin-wdth-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Archivo";font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/static/fonts/archivo-latin-ext-wdth-normal.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Plex Mono";font-weight:500;font-display:swap;src:url(/static/fonts/ibm-plex-mono-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+2000-206F}
@font-face{font-family:"Plex Mono";font-weight:500;font-display:swap;src:url(/static/fonts/ibm-plex-mono-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02BA}
@font-face{font-family:"Zilla Slab";font-weight:600;font-display:swap;src:url(/static/fonts/zilla-slab-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+2000-206F}
@font-face{font-family:"Zilla Slab";font-weight:600;font-display:swap;src:url(/static/fonts/zilla-slab-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA}
@font-face{font-family:"Zilla Slab";font-weight:700;font-display:swap;src:url(/static/fonts/zilla-slab-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+2000-206F}
@font-face{font-family:"Zilla Slab";font-weight:700;font-display:swap;src:url(/static/fonts/zilla-slab-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02BA}

/* A · "The1" yönü: beton gri zemin, dev sıkışık yazı, dört tür rengi; içerik ortada ≤1200 px sütunda */
:root{--paper:#d9d9d9;--paper-hi:#e8e8e6;--ink:#1f1f1f;--ink-2:#3a3a3a;--muted:#4a4a4a;--line:rgba(31,31,31,.35);--red:#fa4d43;--red-ink:#b3261e;
  --c-tiyatro:#027b49;--c-muzik:#fbb833;--c-komedi:#fa4d43;--c-sinema:#f19ec8;
  --sans:"Archivo",ui-sans-serif,system-ui,sans-serif;--mono:"Plex Mono",ui-monospace,monospace;
  --max:1200px;--g:max(clamp(16px,3.2vw,40px),calc((100% - var(--max)) / 2));--ease:cubic-bezier(.77,0,.18,1)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.5 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit}
img{max-width:100%;display:block}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
::selection{background:var(--ink);color:var(--paper)}
.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:12px;z-index:99;background:var(--ink);color:var(--paper);padding:8px 12px}
.preview-bar{position:sticky;top:0;z-index:60;padding:8px var(--g);background:var(--red);color:var(--ink);font:600 12px var(--mono);letter-spacing:.08em}
.preview-bar a{margin-left:14px}
.disp{font-family:var(--sans);font-stretch:75%;font-weight:500;letter-spacing:-.06em;line-height:.8}
.serif{font-family:var(--sans)}

/* Üst */
.top{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px var(--g)}
.logo{font:800 20px/1 var(--sans);font-stretch:90%;letter-spacing:-.01em;text-decoration:none;text-transform:uppercase}
.top nav{display:flex;flex-wrap:wrap;gap:6px 26px;align-items:center}
.ul,.top nav a:not(.pill){text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/0 2px no-repeat;transition:background-size .5s cubic-bezier(.785,.135,.15,.86)}
.ul:hover,.top nav a:not(.pill):hover,.top nav a[aria-current="page"]{background-size:100% 2px}
.top nav a:not(.pill){font:500 15px var(--sans);padding:4px 0}
.pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 20px;border-radius:100px;background:var(--ink);color:var(--paper);border:2px solid var(--ink);font:600 14px var(--sans);text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform .2s,background .2s,color .2s}
.pill:hover{transform:scale(1.04);background:#000;border-color:#000}
.pill.ghost{background:transparent;color:inherit;border-color:currentColor}
.pill.ghost:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.pill.wide{width:100%}
.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:0}

/* Açılış */
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,320px);align-items:end;gap:10px 40px;padding:clamp(24px,5vw,56px) var(--g) 0}
.hero h1{grid-column:1/-1;margin:0;font-size:clamp(56px,10.4vw,136px);animation:rise .9s cubic-bezier(.2,.8,.2,1) both}
@keyframes rise{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
.rot-line{margin:14px 0 0;font-size:clamp(72px,14.5vw,200px)}
.rot{display:inline-block;height:1.14em;overflow:hidden;vertical-align:bottom;margin-top:-.14em}
.rot-in{display:flex;flex-direction:column;animation:rot 10s var(--ease) infinite}
.rot-in span{display:block;height:1.6em;line-height:1.14em}
@keyframes rot{0%,18%{transform:translateY(0)}22%,40%{transform:translateY(-1.6em)}44%,62%{transform:translateY(-3.2em)}66%,84%{transform:translateY(-4.8em)}88%,100%{transform:translateY(-6.4em)}}
.hero-side{display:grid;gap:10px;padding-bottom:22px;font-size:15px;line-height:1.3}
.hero-side p{margin:0}
.cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:36px var(--g) 0;list-style:none;font-size:13px}
.cats li::before{content:"";display:block;height:22px;margin-bottom:8px;background:var(--c);transform-origin:left;animation:grow 1.1s cubic-bezier(.2,.8,.2,1) both}
.cats li:nth-child(2)::before{animation-delay:.12s}.cats li:nth-child(3)::before{animation-delay:.24s}.cats li:nth-child(4)::before{animation-delay:.36s}
@keyframes grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* Türler */
.cat-tiyatro{--c:var(--c-tiyatro);--on:#ffffff}
.cat-muzik{--c:var(--c-muzik);--on:var(--ink)}
.cat-komedi{--c:var(--c-komedi);--on:var(--ink)}
.cat-sinema{--c:var(--c-sinema);--on:var(--ink)}
.cat-other{--c:var(--ink);--on:var(--paper)}

/* Program */
.program{padding:clamp(56px,8vw,96px) var(--g) 30px}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;border-bottom:1px solid var(--ink);padding-bottom:14px}
.section-head h2{margin:0;font-size:clamp(64px,9vw,120px)}
.section-head p{margin:0;font-size:15px}
.kicker{margin:0;font:500 14px var(--sans)}
.big-date,.row-date{display:flex;flex-direction:column;margin:0;line-height:.8}
.big-date b,.row-date b{font:500 1em/.76 var(--sans);font-stretch:75%;letter-spacing:-.06em}
.big-date span,.row-date span{margin-top:.08em;font:600 .26em/1 var(--sans);font-stretch:80%;letter-spacing:-.01em;text-transform:uppercase}

.spot{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);margin-top:28px;background:var(--c);color:var(--on)}
.spot-date{padding:clamp(18px,2.4vw,32px);border-right:1px solid currentColor;overflow:hidden}
.spot-date .big-date{font-size:clamp(150px,24vw,360px)}
.spot-copy{display:flex;flex-direction:column;gap:22px;padding:clamp(20px,2.6vw,36px)}
.spot-poster img{width:100%;max-height:420px;object-fit:contain;object-position:left center}
.spot h3{margin:0;font-size:clamp(46px,6vw,88px);letter-spacing:-.05em}
.spot h3 a,.row h3 a{text-decoration:none}
.spot h3 a:hover,.row h3 a:hover{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:6px}
.spot-foot{display:grid;gap:14px;margin-top:auto}
.spot-foot>p:not(.actions){margin:0;font-size:16px}
.spot .pill{background:var(--on);color:var(--c);border-color:var(--on)}
.spot .pill.ghost{background:transparent;color:var(--on)}
.spot .pill:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.credit{margin:0;font:500 11px var(--mono);opacity:.85}

.rows{list-style:none;margin:0;padding:0}
.row{display:grid;grid-template-columns:130px 150px minmax(0,1fr) 120px auto;gap:24px;align-items:center;padding:24px 0;border-bottom:1px solid var(--ink);transition:background .35s}
.row:hover{background:rgba(31,31,31,.05)}
.row-date{font-size:96px}
.row-poster{display:block;aspect-ratio:3/2;background:var(--c);padding:6px}
.row-poster img{width:100%;height:100%;object-fit:contain}
.row-what{display:grid;gap:8px}
.row .meta{display:flex;align-items:center;gap:8px;margin:0;font-size:14px}
.row .meta::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--c)}
.row h3{margin:0;font-size:clamp(30px,3.4vw,46px);letter-spacing:-.035em;line-height:.9}
.row .sub{margin:0;color:var(--ink-2);font-size:15px}
.row-when{margin:0;font-size:15px;line-height:1.3}
.empty{padding:40px 0;font-size:18px}

.split{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:40px var(--g) 0}
.panel{display:grid;gap:10px;padding:40px clamp(20px,3vw,36px);text-decoration:none;min-height:240px;align-content:end}
.panel em{font:500 14px var(--sans);font-style:normal}
.panel strong{font-size:clamp(48px,6vw,80px)}
.panel span{font-size:16px}
.panel.red{background:var(--red);color:var(--ink)}
.panel.ink{background:var(--ink);color:var(--paper)}
.panel:hover strong{text-decoration:underline;text-decoration-thickness:4px;text-underline-offset:8px}

/* Etkinlik sayfası */
.event-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin:0 var(--g);background:var(--c);color:var(--on)}
.spot-media{position:relative;display:grid;place-items:center;padding:clamp(18px,3vw,36px);border-right:1px solid currentColor}
.spot-media img{width:100%;height:auto;max-height:600px;object-fit:contain}
.spot-media .credit{position:absolute;left:clamp(18px,3vw,36px);bottom:8px}
.when{display:flex;align-items:flex-end;gap:.18em;margin:0;line-height:.8}
.when b{font:500 1em/.76 var(--sans);font-stretch:75%;letter-spacing:-.06em}
.when span{display:grid;gap:.12em;font:600 .3em/1 var(--sans);font-stretch:80%;text-transform:uppercase}
.when small{font:500 .42em/1 var(--sans);text-transform:none}
.spot-media .when{font-size:clamp(150px,22vw,320px)}
.event-head .spot-copy .when{font-size:clamp(100px,11vw,160px)}
.event-head h1{margin:0;font-size:clamp(48px,6vw,96px);letter-spacing:-.05em}
.event-head .spot-copy>div>p{margin:0 0 10px;font-size:18px}
.event-head .kicker a{text-decoration:none}
.event-head .kicker a:hover{text-decoration:underline}
.event-body{display:grid;grid-template-columns:340px minmax(0,1fr);gap:clamp(24px,5vw,72px);padding:48px var(--g) 80px}
.facts{align-self:start;position:sticky;top:20px;padding:24px;background:var(--paper-hi)}
.facts dl{display:grid;grid-template-columns:70px 1fr;gap:12px 14px;margin:0 0 22px}
.facts dt{font:500 13px var(--sans);color:var(--muted);padding-top:3px}
.facts dd{margin:0;font:600 19px/1.25 var(--sans)}
.facts dd small{font:400 14px var(--sans);color:var(--ink-2)}
.facts .pill+.pill{margin-top:12px}
.pill.ticket{flex-direction:column;gap:0;min-height:56px;font-size:16px}
.pill.ticket small{font:500 11px var(--mono);opacity:.8}
.facts .pill+.note{margin-top:14px}
.note{padding:12px 16px;border-left:4px solid var(--ink);background:var(--paper-hi);font-size:14px}
.prose{max-width:66ch}
.prose p{margin:0 0 1.1em;font-size:clamp(18px,1.6vw,20px);line-height:1.6}
.prose p:first-child{font-size:clamp(22px,2.2vw,28px);line-height:1.3;font-weight:500}
.prose.wide{padding:48px var(--g) 20px}

/* Sayfalar (Hakkında, Mekân, İletişim; ileride Tarihçe) */
.page-hero{padding:clamp(40px,7vw,80px) var(--g) 28px;border-bottom:1px solid var(--ink)}
.page-hero h1{margin:.12em 0 .15em;font-size:clamp(72px,11vw,160px)}
.page-hero .serif{margin:0;max-width:40ch;font-size:clamp(20px,2.2vw,26px);line-height:1.3}
.page-cta{padding:0 var(--g) 70px}

/* Form */
.contact{padding:40px var(--g) 80px;max-width:980px}
.types{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;border:0;padding:0;margin:0 0 28px}
.types legend{font:600 13px var(--mono);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px}
.type{position:relative;cursor:pointer}
.type input{position:absolute;opacity:0}
.type span{display:block;padding:16px;border:1px solid var(--ink);font:600 17px/1.2 var(--sans);background:var(--paper-hi)}
.type input:checked+span{background:var(--ink);color:var(--paper-hi)}
.type input:focus-visible+span{outline:3px solid var(--red);outline-offset:3px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}
.grid .wide{grid-column:1/-1}
.contact label{display:block;font:600 12px var(--mono);text-transform:uppercase;letter-spacing:.06em}
.contact input:not([type=radio]):not([type=checkbox]),.contact textarea{display:block;width:100%;margin-top:8px;padding:14px;border:1px solid var(--ink);background:var(--paper-hi);font:400 17px var(--sans);color:var(--ink)}
.contact input:focus,.contact textarea:focus{outline:0;box-shadow:0 0 0 3px var(--red)}
.hp{position:absolute!important;left:-9999px}
.consent{display:flex!important;gap:12px;align-items:flex-start;margin:24px 0;font:400 15px/1.45 var(--sans)!important;text-transform:none!important;letter-spacing:0!important}
.consent input{width:22px;height:22px;accent-color:var(--ink);flex:none;margin-top:1px}
.errors,.thanks{margin:30px var(--g) 0;padding:18px 20px;border:1px solid var(--ink);background:var(--paper-hi);max-width:900px}
.errors{border-left:6px solid var(--red-ink)}
.errors ul{margin:8px 0 0;padding-left:20px}
.thanks{margin:40px var(--g) 80px}
.thanks strong{display:block;font:600 56px/.85 var(--sans);font-stretch:72%;letter-spacing:-.04em;margin-bottom:10px}
.page>.note{margin:40px var(--g)}

/* Basında */
.press{margin-top:56px;border-top:3px double var(--ink);padding-top:20px}
.press h2{margin:0 0 12px;font-size:clamp(40px,5vw,64px)}
.press ul{list-style:none;margin:0;padding:0}
.press a{display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:4px 16px;padding:16px 0;border-bottom:1px solid var(--line);text-decoration:none}
.press em{grid-column:1;font:600 12px var(--mono);font-style:normal;text-transform:uppercase;letter-spacing:.1em;color:var(--red-ink)}
.press strong{grid-column:1;font:600 20px/1.3 var(--sans)}
.press span{grid-column:2;grid-row:1 / span 2;align-self:center;font:600 24px var(--sans)}
.press a:hover strong{text-decoration:underline;text-decoration-color:var(--red);text-decoration-thickness:3px}

/* Alt */
.foot{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:24px 40px;margin-top:56px;padding:56px var(--g) 28px;background:var(--ink);color:var(--paper);font-size:15px}
.foot .disp{margin:0 0 10px;font-size:clamp(48px,5.4vw,80px);white-space:nowrap}
.foot p{margin:0 0 6px}
.foot a{text-decoration-color:rgba(217,217,217,.5)}
.foot .staff{grid-column:1/-1;display:flex;justify-content:space-between;gap:16px;padding-top:20px;border-top:1px solid rgba(217,217,217,.25);font:500 12px var(--mono);color:rgba(217,217,217,.75)}
.foot .staff a{color:inherit}

@media (max-width:980px){
  .hero{grid-template-columns:1fr}
  .hero-side{padding-bottom:0}
  .spot,.event-head{grid-template-columns:1fr}
  .spot-date,.spot-media{border-right:0;border-bottom:1px solid currentColor}
  .spot-date .big-date{flex-direction:row;align-items:flex-end;gap:.12em;font-size:clamp(110px,32vw,220px)}
  .spot-date .big-date span{margin:0 0 .04em}
  .row{grid-template-columns:96px minmax(0,1fr);gap:10px 16px;align-items:start}
  .row-date{font-size:72px;grid-row:1 / span 3}
  .row-poster{grid-column:2;max-width:280px}
  .row-what{grid-column:2}
  .row-when{grid-column:2}
  .row .pill{grid-column:2;justify-self:start}
  .event-body,.split,.foot{grid-template-columns:1fr}
  .facts{position:static}
}
@media (max-width:640px){
  .top nav a:not(.pill){display:none}
  .cats{gap:6px;font-size:11px}
  .cats li::before{height:16px}
  .grid{grid-template-columns:1fr}
  .row{grid-template-columns:78px minmax(0,1fr)}
  .row-date{font-size:60px}
}
@media (prefers-reduced-motion:reduce){
  .rot-in,.cats li::before,.hero h1{animation:none}
  *{transition:none!important}
}
@media print{.top nav,.foot{display:none}}