/* ----- Page header (subpages) ----- */
.page-header{
  padding-block: clamp(56px, 9vw, 110px) clamp(32px, 5vw, 60px);
  border-bottom: 1px solid var(--color-line);
}
.page-header .eyebrow{ color: var(--color-accent-2); }
.page-header h1{ margin:0 0 14px; max-width: 22ch; }
.page-header p{ font-size: 18px; color: var(--color-muted); max-width: 60ch; }

/* ----- Prose (long-form text) ----- */
.prose{
  max-width: 68ch;
  font-size: 17.5px;
  line-height: 1.75;
}
.prose h2{ margin-top: 1.6em; }
.prose h3{ margin-top: 1.2em; }
.prose p{ margin-bottom: 1.1em; }
.prose blockquote{
  border-left: 3px solid var(--color-accent);
  padding: 4px 0 4px 18px;
  margin: 28px 0;
  font-style: italic;
  color: var(--color-muted);
}
.prose ul li{ margin-bottom: .35em; }
.prose-wide{ max-width: 80ch; }

/* ----- Grid 2-col text+image ----- */
.split{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(24px, 5vw, 64px);
  align-items: start;
}
.split-image{
  aspect-ratio: 4/5;
  border-radius: var(--radius-lg);
  overflow:hidden;
  background: var(--color-bg-alt);
}
.split-image img{ width:100%; height:100%; object-fit:cover; }
@media (max-width: 800px){ .split{ grid-template-columns: 1fr; } }

/* ----- Brand row ----- */
.brand-row{
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media (max-width: 800px){ .brand-row{ grid-template-columns: 1fr; } }
.brand-card{
  border-radius: var(--radius-lg);
  padding: 36px 32px;
  background: var(--color-surface);
  border: 1px solid var(--color-line);
  display:flex; flex-direction:column;
}
.brand-card .year{
  font-family: var(--font-display);
  font-size: 14px;
  letter-spacing:.18em;
  color: var(--color-accent);
  text-transform: uppercase;
}
.brand-card h3{ font-size: 28px; margin: 8px 0 14px; }
.brand-card p{ color: var(--color-muted); margin: 0 0 22px; }
.brand-card .visit{
  margin-top: auto;
  align-self: flex-start;
}

/* ----- Blog list ----- */
.post-row{
  display:grid;
  grid-template-columns: 180px 1fr auto;
  gap: 28px;
  padding: 28px 0;
  border-bottom: 1px solid var(--color-line);
  align-items: center;
}
.post-row:first-of-type{ border-top: 1px solid var(--color-line); }
.post-date{
  font-family: var(--font-display);
  font-size: 14px;
  letter-spacing:.04em;
  color: var(--color-muted);
}
.post-title{
  font-family: var(--font-display);
  font-size: clamp(22px, 2.6vw, 30px);
  font-weight: var(--weight-h2);
  line-height: 1.2;
  margin: 0 0 6px;
}
.post-row a{ color: var(--color-ink); }
.post-row p{ color: var(--color-muted); margin: 0; max-width: 60ch; font-size: 15.5px; }
.post-row .arrow{ font-size: 18px; color: var(--color-accent); }
@media (max-width: 720px){
  .post-row{ grid-template-columns: 1fr; gap: 6px; }
  .post-row .arrow{ display:none; }
}

/* ----- Single post ----- */
.post-meta{
  font-size: 13px; letter-spacing: .12em; text-transform: uppercase;
  color: var(--color-muted);
  margin-bottom: 12px;
}
.post-back{
  display:inline-flex; align-items:center; gap:6px;
  font-size: 14px; color: var(--color-muted);
  margin-bottom: 24px;
}
.post-back:hover{ color: var(--color-ink); }

/* ----- Book page ----- */
.book-grid{
  display:grid;
  grid-template-columns: 360px 1fr;
  gap: clamp(28px, 5vw, 64px);
  align-items: start;
}
.book-cover{
  aspect-ratio: 3/4;
  border-radius: var(--radius-md);
  overflow:hidden;
  background: var(--color-bg-alt);
  box-shadow: var(--shadow-md);
}
.book-cover img{ width:100%; height:100%; object-fit: cover; }
@media (max-width: 820px){ .book-grid{ grid-template-columns: 1fr; } .book-cover{ max-width: 320px; } }

/* ----- Events ----- */
.events-empty{
  border: 1px dashed var(--color-line);
  border-radius: var(--radius-lg);
  padding: 48px 32px;
  text-align: center;
  color: var(--color-muted);
}
.events-empty .icon{
  width: 56px; height:56px;
  border-radius: 50%;
  background: var(--color-bg-alt);
  display:inline-flex; align-items:center; justify-content:center;
  margin-bottom: 18px;
  color: var(--color-accent);
}

/* ----- Event Calendar ----- */
.event-calendar{
  position: relative;
  border: 1px solid var(--color-line);
  border-radius: var(--radius-lg);
  background: var(--color-bg);
  padding: clamp(18px, 3vw, 32px);
  box-shadow: var(--shadow-sm, 0 1px 2px rgba(0,0,0,0.04));
  margin-bottom: clamp(36px, 5vw, 56px);
}
.calendar-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}
.calendar-title{
  font-size: clamp(20px, 2.4vw, 26px);
  margin: 0;
  font-weight: 500;
  letter-spacing: 0.01em;
  color: var(--color-ink);
}
.calendar-nav{
  width: 44px; height: 44px;
  border-radius: 50%;
  border: 1px solid var(--color-line);
  background: transparent;
  color: var(--color-ink);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.calendar-nav:hover{
  background: var(--color-accent);
  color: var(--color-bg);
  border-color: var(--color-accent);
}
.calendar-weekdays{
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2px;
  margin-bottom: 6px;
}
.calendar-weekday{
  font-size: 11.5px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--color-muted);
  text-align: center;
  padding: 8px 0;
  font-weight: 500;
}
.calendar-grid{
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 4px;
}
.calendar-day{
  position: relative;
  min-height: 96px;
  border-radius: var(--radius-sm, 8px);
  border: 1px solid transparent;
  background: transparent;
  color: var(--color-ink);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  text-align: left;
  padding: 8px 8px 10px;
  gap: 8px;
  font-size: 14px;
  text-decoration: none;
  cursor: default;
  font-family: inherit;
  overflow: hidden;
  transition: background .15s ease, border-color .15s ease, transform .15s ease;
}
.calendar-day .day-num{
  font-variant-numeric: tabular-nums;
  font-size: 14px;
  line-height: 1;
  font-weight: 500;
  color: var(--color-muted);
}
.calendar-day.has-event .day-num{ color: var(--color-ink); }
.calendar-day .day-events{
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: stretch;
}
.calendar-day .ev-pill{
  display: flex;
  flex-direction: column;
  gap: 2px;
  background: var(--color-bg);
  border: 1px solid var(--color-line);
  border-left: 3px solid var(--color-accent);
  border-radius: 4px;
  padding: 4px 6px;
  text-align: left;
  min-width: 0;
}
.calendar-day .ev-time{
  font-size: 10.5px;
  letter-spacing: 0.04em;
  color: var(--color-muted);
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
}
.calendar-day .ev-title{
  font-size: 11.5px;
  line-height: 1.25;
  font-weight: 500;
  color: var(--color-ink);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
.calendar-day .more{
  font-size: 10.5px;
  color: var(--color-muted);
  letter-spacing: 0.04em;
  padding-left: 6px;
}
.calendar-day.muted{
  color: var(--color-muted);
  opacity: .42;
}
.calendar-day.has-event{
  background: var(--color-bg-alt);
  border-color: var(--color-line);
  cursor: pointer;
  font-weight: 500;
}
.calendar-day.has-event:hover,
.calendar-day.has-event:focus-visible{
  background: var(--color-accent);
  color: var(--color-bg);
  border-color: var(--color-accent);
  transform: translateY(-1px);
  outline: none;
}
.calendar-day.has-event:hover .day-num,
.calendar-day.has-event:focus-visible .day-num{ color: var(--color-bg); }
.calendar-day.has-event:hover .ev-pill,
.calendar-day.has-event:focus-visible .ev-pill{
  background: rgba(255,255,255,0.12);
  border-color: rgba(255,255,255,0.25);
  border-left-color: var(--color-bg);
}
.calendar-day.has-event:hover .ev-title,
.calendar-day.has-event:focus-visible .ev-title{ color: var(--color-bg); }
.calendar-day.has-event:hover .ev-time,
.calendar-day.has-event:focus-visible .ev-time{ color: rgba(255,255,255,0.8); }
.calendar-day.has-event:hover .more,
.calendar-day.has-event:focus-visible .more{ color: rgba(255,255,255,0.85); }
.calendar-day.today{
  outline: 2px solid var(--color-accent);
  outline-offset: -2px;
}
button.calendar-day{ font-family: inherit; }

.calendar-popover{
  position: absolute;
  z-index: 20;
  min-width: 260px;
  max-width: 320px;
  background: var(--color-bg);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-md, 12px);
  box-shadow: 0 12px 32px rgba(0,0,0,0.12);
  padding: 14px;
  font-size: 14px;
}
.calendar-popover[hidden]{ display: none; }
.calendar-popover h4{
  margin: 0 0 10px;
  font-size: 13px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--color-muted);
  font-weight: 500;
}
.calendar-popover ul{ list-style: none; margin: 0; padding: 0; }
.calendar-popover li + li{ margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--color-line); }
.calendar-popover a{
  display: block;
  color: var(--color-ink);
  text-decoration: none;
}
.calendar-popover .pop-time{
  display: block;
  font-size: 12px;
  color: var(--color-muted);
  margin-bottom: 2px;
}
.calendar-popover .pop-title{
  font-weight: 500;
  line-height: 1.3;
}
.calendar-popover a:hover .pop-title{ color: var(--color-accent); }
.calendar-popover .pop-loc{
  display: block;
  font-size: 12.5px;
  color: var(--color-muted);
  margin-top: 4px;
}
.calendar-popover .pop-close{
  position: absolute; top: 8px; right: 8px;
  width: 24px; height: 24px;
  border: 0; background: transparent; cursor: pointer;
  color: var(--color-muted); font-size: 18px; line-height: 1;
}
.calendar-legend{
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 16px 0 0;
  font-size: 13px;
  color: var(--color-muted);
}
.calendar-legend .dot{
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--color-accent);
}

/* Event list (kart liste) */
.event-list-wrap{ margin-top: 8px; }
.event-list-title{
  font-size: clamp(20px, 2.2vw, 24px);
  margin: 0 0 18px;
  font-weight: 500;
}
.event-list{
  display: grid;
  gap: 12px;
}
.event-card{
  display: grid;
  grid-template-columns: 72px 1fr auto;
  align-items: center;
  gap: 18px;
  padding: 16px 18px;
  border: 1px solid var(--color-line);
  border-radius: var(--radius-md, 12px);
  background: var(--color-bg);
  text-decoration: none;
  color: var(--color-ink);
  transition: border-color .15s ease, background .15s ease, transform .15s ease;
}
.event-card:hover{
  border-color: var(--color-accent);
  background: var(--color-bg-alt);
  transform: translateY(-1px);
}
.event-card-date{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: var(--color-bg-alt);
  border-radius: var(--radius-sm, 8px);
  padding: 8px 6px;
  border: 1px solid var(--color-line);
}
.event-card:hover .event-card-date{
  background: var(--color-accent);
  color: var(--color-bg);
  border-color: var(--color-accent);
}
.event-card-date .ev-month{
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--color-muted);
}
.event-card:hover .event-card-date .ev-month{ color: var(--color-bg); opacity: .85; }
.event-card-date .ev-day{
  font-size: 22px;
  font-weight: 500;
  line-height: 1.1;
  font-variant-numeric: tabular-nums;
}
.event-card-meta{
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 6px;
  font-size: 13px;
  color: var(--color-muted);
}
.event-card-meta .badge{
  display: inline-block;
  padding: 2px 9px;
  border: 1px solid var(--color-line);
  border-radius: 999px;
  font-size: 11.5px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--color-ink);
}
.event-card-body h3{
  margin: 0 0 6px;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.3;
}
.event-card-summary{
  margin: 0 0 8px;
  font-size: 14px;
  color: var(--color-muted);
  line-height: 1.5;
}
.event-card-loc{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: var(--color-muted);
}
.event-card-arrow{
  font-size: 20px;
  color: var(--color-muted);
  transition: transform .2s ease, color .2s ease;
}
.event-card:hover .event-card-arrow{
  color: var(--color-accent);
  transform: translateX(4px);
}
@media (max-width: 640px){
  .event-card{ grid-template-columns: 60px 1fr; gap: 14px; padding: 14px; }
  .event-card-arrow{ display: none; }
  .calendar-grid{ gap: 2px; }
  .calendar-day{ min-height: 60px; padding: 4px 3px; gap: 3px; }
  .calendar-day .day-num{ font-size: 12px; }
  .calendar-day .ev-pill{ padding: 2px 4px; border-left-width: 2px; }
  .calendar-day .ev-time{ display: none; }
  .calendar-day .ev-title{ font-size: 10px; -webkit-line-clamp: 2; }
  .calendar-day .more{ font-size: 9.5px; padding-left: 2px; }
  .calendar-weekday{ font-size: 10.5px; padding: 6px 0; }
}

/* ----- Contact ----- */
.contact-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(24px, 5vw, 64px);
  align-items: start;
}
.contact-info dt{ font-weight:600; color: var(--color-ink); margin-top: 18px; font-size:13px; letter-spacing:.12em; text-transform:uppercase; }
.contact-info dt:first-child{ margin-top: 0; }
.contact-info dd{ margin: 6px 0 0; font-size: 17px; }
.contact-info a{ color: var(--color-ink); border-bottom: 1px solid var(--color-line); padding-bottom: 1px; }
.contact-info a:hover{ border-color: var(--color-ink); }
@media (max-width: 800px){ .contact-grid{ grid-template-columns: 1fr; } }

/* ----- CTA strip ----- */
.cta{
  background: var(--color-bg-alt);
  border-radius: var(--radius-lg);
  padding: clamp(28px, 4vw, 56px);
  display:grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 24px;
  align-items: center;
}
.cta h3{ margin: 0 0 8px; font-size: clamp(22px, 2.6vw, 30px); }
.cta p{ color: var(--color-muted); margin:0; }
.cta-actions{ display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end; }
@media (max-width: 800px){
  .cta{ grid-template-columns: 1fr; }
  .cta-actions{ justify-content:flex-start; }
}

/* ----- Misc ----- */
.center{ text-align:center; }
.divider{ height:1px; background: var(--color-line); margin: 32px 0; }

/* ===== Atölye listesi ===== */
.atolye-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
@media (max-width: 980px){ .atolye-grid{ grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px){ .atolye-grid{ grid-template-columns: 1fr; } }

.atolye-card{
  display:flex; flex-direction:column;
  background: var(--color-surface);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-md);
  overflow: hidden;
  text-decoration:none;
  color: inherit;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.atolye-card:hover{
  transform: translateY(-3px);
  box-shadow: var(--shadow-md);
  border-color: var(--color-accent);
}
.atolye-card .photo{
  aspect-ratio: 4/3;
  background: var(--color-bg-alt);
  overflow: hidden;
}
.atolye-card .photo img{
  width:100%; height:100%; object-fit: cover;
  transition: transform .35s ease;
}
.atolye-card:hover .photo img{ transform: scale(1.04); }

.atolye-card .body{
  padding: 22px 22px 24px;
  display:flex; flex-direction:column; gap:10px;
  flex: 1;
}
.atolye-card .meta-row{
  display:flex; justify-content:space-between; align-items:center;
  font-size: 12.5px; letter-spacing: .12em; text-transform: uppercase;
  color: var(--color-muted);
}
.atolye-card h3{
  font-size: 22px;
  margin: 4px 0 6px;
  line-height: 1.2;
}
.atolye-card .tagline{
  font-size: 14.5px;
  color: var(--color-muted);
  line-height: 1.55;
  margin: 0;
  flex: 1;
}
.atolye-card .footer-row{
  display:flex; justify-content:space-between; align-items:center;
  margin-top: 12px;
  font-size: 14px;
  color: var(--color-accent);
  font-weight: 600;
}

/* Audience filter chips */
.audience-tabs{
  display:flex; flex-wrap:wrap; gap:8px;
  margin-bottom: 32px;
}
.audience-tabs .chip{
  padding: 8px 16px;
  min-height: 44px;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: var(--radius-pill);
  background: var(--color-surface);
  border: 1px solid var(--color-line);
  font-size: 14px;
  color: var(--color-muted);
  cursor: default;
}
.audience-tabs .chip.is-on{
  background: var(--color-ink);
  color: var(--color-bg);
  border-color: var(--color-ink);
}

/* ===== Atölye detay sayfası ===== */
.atolye-hero{
  padding-block: clamp(48px, 7vw, 90px) clamp(28px, 4vw, 48px);
}
.atolye-hero .breadcrumbs{
  font-size: 13px; color: var(--color-muted);
  margin-bottom: 18px;
}
.atolye-hero .breadcrumbs a{ color: var(--color-muted); }
.atolye-hero .breadcrumbs a:hover{ color: var(--color-ink); }
.atolye-hero h1{ margin: 0 0 10px; max-width: 22ch; }
.atolye-hero .tagline{
  font-size: clamp(18px, 1.8vw, 21px);
  color: var(--color-muted);
  max-width: 60ch;
  margin: 0 0 22px;
}
.atolye-hero .meta{
  display:flex; flex-wrap:wrap; gap: 18px 28px;
  align-items:center;
  margin-bottom: 28px;
  font-size: 14.5px;
}
.atolye-hero .meta .item{ display:inline-flex; align-items:center; gap:8px; color: var(--color-muted); }
.atolye-hero .meta strong{ color: var(--color-ink); font-weight: 600; }
.atolye-hero .price-row{
  display:flex; align-items:center; gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 24px;
}
.atolye-hero .price{
  font-family: var(--font-display);
  font-size: clamp(28px, 3.4vw, 38px);
  color: var(--color-accent);
  font-weight: 500;
}
.atolye-hero .cta-row{ display:flex; gap:10px; flex-wrap:wrap; }

.atolye-gallery{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-block: clamp(28px, 4vw, 56px);
}
.atolye-gallery a{
  aspect-ratio: 4/3;
  border-radius: var(--radius-md);
  overflow: hidden;
  background: var(--color-bg-alt);
  display:block;
}
.atolye-gallery img{ width:100%; height:100%; object-fit: cover; }
@media (max-width: 700px){ .atolye-gallery{ grid-template-columns: 1fr 1fr; } }

.atolye-content{
  display:grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  gap: clamp(28px, 5vw, 64px);
  align-items: start;
}
@media (max-width: 880px){ .atolye-content{ grid-template-columns: 1fr; } }

.atolye-aside{
  position: sticky;
  top: 92px;
  background: var(--color-surface);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-md);
  padding: 22px;
  font-size: 15px;
}
.atolye-aside h4{ margin: 0 0 12px; color: var(--color-ink); font-family: var(--font-body); font-weight: 600; font-size: 13px; letter-spacing: .12em; }
.atolye-aside ul{ list-style:none; padding: 0; margin: 0; }
.atolye-aside li{
  padding: 8px 0;
  border-bottom: 1px solid var(--color-line);
  display:flex; justify-content: space-between;
}
.atolye-aside li:last-child{ border-bottom:none; }
.atolye-aside li span:first-child{ color: var(--color-muted); }

/* ===== Sessions ===== */
.sessions-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
@media (max-width: 880px){ .sessions-grid{ grid-template-columns: 1fr; } }
.session{
  background: var(--color-surface);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-md);
  padding: 20px;
  display:flex; flex-direction:column; gap:8px;
}
.session .date{
  font-family: var(--font-display);
  font-weight: 500;
  font-size: 18px;
  color: var(--color-ink);
}
.session .time{ font-size: 14px; color: var(--color-muted); }
.session .loc{ font-size: 14px; color: var(--color-muted); }
.session .capacity{
  font-size: 12.5px; letter-spacing: .12em; text-transform: uppercase;
  color: var(--color-accent);
  margin-top: 4px;
}
.session a.btn{ margin-top: 6px; }

/* ===== FAQ accordion ===== */
.faq-list{ display:grid; gap: 0; max-width: 760px; }
.faq-item{
  border-bottom: 1px solid var(--color-line);
}
.faq-item:first-child{ border-top: 1px solid var(--color-line); }
.faq-q{
  width: 100%;
  display:flex; justify-content:space-between; align-items:center; gap: 16px;
  padding: 18px 0;
  font: inherit;
  font-size: 17px;
  font-weight: 500;
  color: var(--color-ink);
  background: transparent;
  border: none;
  text-align: left;
  cursor: pointer;
  font-family: var(--font-display);
}
.faq-q .toggle{
  width: 22px; height: 22px;
  border-radius: 50%;
  border: 1px solid var(--color-line);
  display:inline-flex; align-items:center; justify-content:center;
  flex-shrink: 0;
  font-size: 14px;
  color: var(--color-muted);
  transition: transform .25s ease, color .25s ease;
}
.faq-item.is-open .faq-q .toggle{ transform: rotate(45deg); color: var(--color-accent); }
.faq-a{
  max-height: 0;
  overflow: hidden;
  transition: max-height .3s ease;
  font-size: 15.5px;
  color: var(--color-muted);
  line-height: 1.65;
}
.faq-item.is-open .faq-a{ max-height: 600px; padding-bottom: 16px; }

/* ===== Workshop preview rail (used in design-6 hero) ===== */
.workshops-rail .workshop-mini .row strong{ color: var(--color-ink); }

/* =====================================================================
   ATÖLYE SAHNESİ — fotoğraflarla kolaj versiyonu (design-8a/b/c)
   ===================================================================== */
.scene-photo{
  position: relative;
  width: 100%;
  aspect-ratio: 16/10;
  max-width: 1240px;
  margin: 0 auto;
  border-radius: var(--radius-lg);
  overflow: visible;
  background: var(--color-bg-alt);
}
.scene-photo .scene-bg{
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  border-radius: var(--radius-lg);
  filter: saturate(.92);
  z-index: 0;
}
.scene-photo .scene-bg-fade{
  position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0) 60%, rgba(0,0,0,.10) 100%);
  border-radius: var(--radius-lg);
  z-index: 1;
  pointer-events: none;
}
.scene-photo .hot{
  position: absolute;
  display: block;
  text-decoration: none;
  background: var(--color-surface);
  padding: 6px 6px 18px;
  border-radius: 4px;
  box-shadow: 0 8px 28px rgba(40,28,16,.20), 0 1px 2px rgba(40,28,16,.10);
  transition: transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s ease;
  overflow: hidden;
  z-index: 2;
}
.scene-photo .hot::after{
  /* polaroid caption (visible label below image) */
  content: attr(data-caption);
  position: absolute;
  left: 0; right: 0; bottom: 4px;
  text-align: center;
  font-family: var(--font-display);
  font-size: 11px;
  letter-spacing: .04em;
  color: var(--color-muted);
}
.scene-photo .hot img{
  display: block;
  width: 100%; height: calc(100% - 14px);
  object-fit: cover;
  border-radius: 2px;
}
.scene-photo .hot:hover{
  transform: translateY(-6px) rotate(0deg) scale(1.04) !important;
  box-shadow: 0 22px 52px rgba(40,28,16,.30), 0 2px 4px rgba(40,28,16,.12);
  z-index: 10;
}
.scene-photo .hot:focus{ outline: none; }
.scene-photo .hot:focus-visible{
  outline: 3px solid var(--color-accent);
  outline-offset: 4px;
}

/* Polaroid tilts — give scene a hand-arranged feel */
.scene-photo .hot.tilt-l1{ transform: rotate(-2.4deg); }
.scene-photo .hot.tilt-l2{ transform: rotate(-1.4deg); }
.scene-photo .hot.tilt-r1{ transform: rotate(1.8deg); }
.scene-photo .hot.tilt-r2{ transform: rotate(2.6deg); }
.scene-photo .hot.tilt-flat{ transform: rotate(.4deg); }

/* Positions (percentage based — works at any size) */
.scene-photo .pos-window     { left: 4%;  top: 7%;  width: 24%; height: 60%; }
.scene-photo .pos-drawings   { left: 60%; top: 6%;  width: 36%; height: 30%; }
.scene-photo .pos-notebook   { left: 36%; top: 4%;  width: 22%; height: 26%; }
.scene-photo .pos-table      { left: 6%;  top: 60%; width: 28%; height: 36%; }
.scene-photo .pos-cushions   { left: 38%; top: 55%; width: 56%; height: 41%; }

/* pulse intro */
.scene-photo .hot .pulse-ring{
  position: absolute;
  inset: -8px;
  border: 2px solid var(--color-accent);
  border-radius: 8px;
  pointer-events: none;
  opacity: 0;
  animation: scenePulseRing 1.6s ease-out 3;
}
@keyframes scenePulseRing{
  0%   { opacity: .8; transform: scale(.94); }
  60%  { opacity: 0;  transform: scale(1.08); }
  100% { opacity: 0;  transform: scale(1.08); }
}
.scene-photo.intro-done .pulse-ring{ display: none; }

/* Scene tooltip (cursor-following) */
.scene-tooltip{
  position: fixed;
  pointer-events: none;
  background: var(--color-ink);
  color: var(--color-button-fg);
  font-size: 13px;
  font-weight: 500;
  padding: 8px 14px;
  border-radius: 999px;
  letter-spacing: .02em;
  opacity: 0;
  transform: translate(-50%, -150%);
  transition: opacity .18s ease;
  z-index: 200;
  white-space: nowrap;
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
}
.scene-tooltip.is-on{ opacity: 1; }

/* Mobile: hide scene, show photo cards instead */
.scene-photo-cards{ display:none; }
@media (max-width: 800px){
  .scene-photo{ display: none; }
  .scene-photo-cards{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
  }
  .scene-photo-cards a{
    background: var(--color-surface);
    border-radius: var(--radius-md);
    padding: 8px 8px 14px;
    text-decoration: none;
    color: var(--color-ink);
    display:flex; flex-direction: column;
    box-shadow: var(--shadow-sm);
  }
  .scene-photo-cards a img{
    width: 100%; aspect-ratio: 4/3;
    object-fit: cover;
    border-radius: 4px;
    margin-bottom: 8px;
  }
  .scene-photo-cards a strong{
    font-family: var(--font-display);
    font-weight: 500;
    font-size: 16px;
    color: var(--color-ink);
    margin-bottom: 2px;
  }
  .scene-photo-cards a small{
    font-size: 12.5px; color: var(--color-muted);
  }
}

@media (prefers-reduced-motion: reduce){
  .scene-photo .hot{ transition: none; }
  .scene-photo .hot:hover{ transform: none !important; }
  .scene-photo .pulse-ring{ animation: none; opacity: 0; }
}

/* =======================================================================
   YENİ IA (Aslı 2026-06) — home kart grid · section hero · ben-kimim ·
   kitaplar · danışmanlık akordeon · yazılar · buluşmalar arşivi · semboller
   ======================================================================= */

.visually-hidden{
  position:absolute !important; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;
}

/* ---- küçük yarı-saydam semboller ("sonradan fark etme") ---- */
.sym{ display:inline-flex; width:24px; height:24px; color:var(--color-accent-3); opacity:.5; }
.sym svg{ width:100%; height:100%; }

/* ---- Anasayfa hero ---- */
.home-hero{ text-align:center; padding: clamp(40px,7vw,84px) 0 clamp(16px,2.5vw,28px); }
.home-hero-title{
  font-family:var(--font-display); font-weight:var(--weight-h1);
  font-size:clamp(30px,4.6vw,52px); line-height:1.12; color:var(--color-ink);
  max-width:28ch; margin:10px auto 14px;
}
.home-hero-sub{
  font-family:var(--font-display); font-style:italic;
  font-size:clamp(17px,2.3vw,22px); color:var(--color-muted);
  max-width:34ch; margin:0 auto;
}

/* Anasayfa portreli giriş hero'su (Aslı talebi 2026-06-15) */
.home-hero--intro{ text-align:left; padding:clamp(30px,5vw,60px) 0 clamp(20px,3vw,32px); }
.home-intro-split{ grid-template-columns:minmax(220px,330px) 1fr; align-items:center; }
.home-portrait{ max-width:330px; }
.home-hero--intro .home-hero-title{ margin:8px 0 18px; max-width:22ch; }
.home-intro-text > p{ color:var(--color-muted); line-height:1.75; max-width:58ch; margin:0 0 14px; }
.home-intro-cta{ display:flex; flex-wrap:wrap; gap:14px; align-items:center; margin-top:8px; }
@media (max-width:800px){
  .home-intro-split{ grid-template-columns:1fr; }
  .home-hero--intro{ text-align:center; }
  .home-portrait{ max-width:300px; margin:0 auto; }
  .home-hero--intro .home-hero-title{ margin-inline:auto; }
  .home-intro-text > p{ margin-inline:auto; }
  .home-intro-cta{ justify-content:center; }
}

/* ---- Anasayfa 5 kart + altın yol ---- */
.home-paths{ padding: clamp(20px,3vw,36px) 0 clamp(48px,7vw,84px); }
.path-grid-wrap{ position:relative; }
.path-trail{
  position:absolute; inset:-4% -2% -2%; width:104%; height:108%;
  color:var(--color-accent-3); opacity:.45; pointer-events:none; z-index:0;
}
@media (max-width:720px){ .path-trail{ display:none; } }
.path-grid{
  position:relative; z-index:1;
  display:flex; flex-wrap:wrap; justify-content:center;
  gap:clamp(16px,2.4vw,26px);
  max-width:980px; margin-inline:auto;   /* 3 sütun: row1=3, row2=2 ortalı (Aslı'nın 3+2 düzeni) */
}
.path-card{
  flex:1 1 270px; max-width:300px;
  display:flex; flex-direction:column;
  background:var(--color-surface); border:1px solid var(--color-line);
  border-radius:var(--radius-lg); overflow:hidden; text-decoration:none; color:inherit;
  box-shadow:var(--shadow-sm); transition:transform .28s ease, box-shadow .28s ease;
}
.path-card:hover{ transform:translateY(-4px); box-shadow:var(--shadow-md); }
.path-card-photo{ display:block; aspect-ratio:4/3; overflow:hidden; background:var(--color-bg-alt); }
.path-card-photo img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .6s ease; }
.path-card:hover .path-card-photo img{ transform:scale(1.04); }
.path-card-text{ position:relative; padding:18px 20px 22px; }
.path-card .sym{ position:absolute; top:16px; right:16px; width:22px; height:22px; opacity:.4; }
.path-card-title{ display:block; font-family:var(--font-display); font-size:21px; color:var(--color-ink); margin-bottom:6px; padding-right:26px; }
.path-card-sub{ display:block; font-size:14px; line-height:1.5; color:var(--color-muted); }

.book-teaser{ align-items:center; }

/* ---- Section hero (Aslı'nın menü suluboyası, başlık gömülü) ---- */
.section-hero{ padding: clamp(20px,4vw,40px) 0 0; }
.section-hero-figure{ margin:0; text-align:center; }
.section-hero-img{
  display:block; width:100%; max-width:880px; height:auto; margin:0 auto;
  border-radius:var(--radius-lg); box-shadow:var(--shadow-sm);
}

/* ---- Ben Kimim? ---- */
.ben-kimim-split{ align-items:flex-start; }
.portrait-frame{ aspect-ratio:auto; }
.portrait-frame img{ border-radius:var(--radius-lg); }
.portrait-role{ margin-top:12px; text-align:center; font-style:italic; font-size:14px; color:var(--color-muted); }
.cv-closing{ margin-top:26px; font-style:italic; color:var(--color-muted); }
.cv-download{ margin-top:14px; }
.cv-download-link{
  display:inline-flex; align-items:center; gap:8px;
  padding:11px 20px; border:1px solid var(--color-line); border-radius:var(--radius-pill);
  background:var(--color-surface); color:var(--color-ink); font-weight:600; font-size:15px;
  transition:border-color .2s, background .2s;
}
.cv-download-link:hover{ border-color:var(--color-accent); background:var(--color-bg); }

/* ---- Kitaplar liste ---- */
.prose-center{ max-width:64ch; margin:0 auto; text-align:center; }
.book-features{ display:flex; flex-direction:column; gap:clamp(40px,6vw,72px); margin-top:clamp(36px,5vw,56px); }
.book-feature{ display:grid; grid-template-columns:minmax(190px,290px) 1fr; gap:clamp(24px,4vw,56px); align-items:center; }
.book-feature--alt{ direction:rtl; }
.book-feature--alt > *{ direction:ltr; }
.book-feature a.book-cover{ display:block; }
.book-feature .book-cover img{ width:100%; height:100%; object-fit:cover; }
.book-illustrator{ font-size:14px; color:var(--color-muted); margin:-4px 0 14px; }
@media (max-width:760px){
  .book-feature, .book-feature--alt{ grid-template-columns:1fr; direction:ltr; }
  .book-feature .book-cover{ max-width:260px; }
}

/* ---- Kitap detay ---- */
.book-detail-aside{ display:flex; flex-direction:column; gap:18px; }
.book-facts{ list-style:none; padding:0; margin:0; border-top:1px solid var(--color-line); }
.book-facts li{ display:flex; justify-content:space-between; gap:16px; padding:10px 2px; border-bottom:1px solid var(--color-line); font-size:14.5px; }
.book-facts li span:first-child{ color:var(--color-muted); }
.book-facts li span:last-child{ color:var(--color-ink); font-weight:500; text-align:right; }

/* ---- Danışmanlık 3 kol akordeon ---- */
.dan-intro{ margin-bottom:clamp(32px,5vw,52px); }
.dan-cols{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(20px,3vw,40px); align-items:start; }
.dan-col-title{
  font-family:var(--font-display); font-size:22px; color:var(--color-accent-2);
  margin:0 0 12px; padding-bottom:10px; border-bottom:2px solid var(--color-line);
}
.dan-accordion .faq-item{ background:var(--color-surface); }
.dan-quote{
  margin:12px 0 0; padding:2px 0 2px 14px; border-left:2px solid var(--color-accent-3);
  font-style:italic; color:var(--color-muted); font-size:14.5px; line-height:1.5;
}
.dan-outro{ margin-top:clamp(36px,5vw,56px); font-style:italic; }
@media (max-width:880px){ .dan-cols{ grid-template-columns:1fr; max-width:660px; margin:0 auto; } }

/* ---- Yazılar-Üretimler ---- */
.yazi-tabs{ display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin-bottom:clamp(26px,4vw,40px); }
.yazi-tabs .chip{
  font:inherit; cursor:pointer; border:1px solid var(--color-line);
  background:var(--color-surface); color:var(--color-muted);
  padding:8px 16px; border-radius:var(--radius-pill); font-size:14px;
  transition:background .2s, color .2s, border-color .2s;
  /* Aslı talebi: her kategori ovalinin boyutu eşit olsun */
  min-width:148px; text-align:center;
  display:inline-flex; align-items:center; justify-content:center;
}
@media (max-width:520px){ .yazi-tabs .chip{ min-width:calc(50% - 8px); } }
.yazi-tabs .chip:hover{ border-color:var(--color-accent); color:var(--color-ink); }
.yazi-tabs .chip.is-on{ background:var(--color-ink); color:var(--color-button-fg); border-color:var(--color-ink); }
.yazi-card[hidden]{ display:none !important; }
.empty-state{ text-align:center; color:var(--color-muted); padding:48px 0; font-style:italic; }

/* ---- Buluşmalar: geçmiş arşivi ---- */
.past-list{ display:grid; gap:0; max-width:780px; margin:0 auto; }
.past-item{ display:grid; grid-template-columns:130px 1fr; gap:20px; padding:18px 2px; border-bottom:1px solid var(--color-line); align-items:baseline; }
.past-when{ font-family:var(--font-display); color:var(--color-accent); font-size:15px; }
.past-body h3{ margin:0 0 4px; font-size:17px; }
.past-body p{ margin:0; color:var(--color-muted); font-size:14.5px; }
@media (max-width:560px){ .past-item{ grid-template-columns:1fr; gap:4px; } }

/* ---- Anasayfa: tıklanabilir görsel menü (Aslı'nın başlık-gömülü suluboyaları) ---- */
.menu-grid{
  position:relative; z-index:1;
  display:flex; flex-wrap:wrap; justify-content:center;
  gap:clamp(16px,2.4vw,28px);
  max-width:1000px; margin-inline:auto;   /* row1=3, row2=2 ortalı */
}
.menu-tile{
  flex:1 1 280px; max-width:310px;
  display:block; border-radius:var(--radius-lg); overflow:hidden;
  background:var(--color-surface); border:1px solid var(--color-line);
  box-shadow:var(--shadow-sm); transition:transform .3s ease, box-shadow .3s ease;
}
.menu-tile:hover{ transform:translateY(-5px); box-shadow:var(--shadow-md); }
.menu-tile img{ display:block; width:100%; aspect-ratio:4/3; object-fit:cover; transition:transform .6s ease; }
.menu-tile:hover img{ transform:scale(1.035); }

/* ---- Ben Kimim: CV listeleri (verdiğim eğitimler / seminerler) ---- */
.cv-list{ display:grid; grid-template-columns:repeat(2,1fr); gap:0 44px; }
.cv-row{ display:grid; grid-template-columns:108px 1fr; gap:14px; padding:13px 2px; border-bottom:1px solid var(--color-line); align-items:baseline; }
.cv-row .y{ font-family:var(--font-display); color:var(--color-accent); font-size:13.5px; white-space:nowrap; }
.cv-row .t{ font-size:14.5px; line-height:1.5; color:var(--color-ink); }
.cv-more{ margin-top:22px; font-style:italic; color:var(--color-muted); font-size:14.5px; max-width:70ch; }
@media (max-width:760px){ .cv-list{ grid-template-columns:1fr; } }
@media (max-width:560px){ .cv-row{ grid-template-columns:1fr; gap:2px; } .cv-row .y{ font-size:13px; } }

/* ---- Danışmanlık: açık kartlar (akordeon yerine, 2026-06-08 revizyon) ---- */
.dan-group{ margin-top: clamp(40px,6vw,64px); }
.dan-group:first-of-type{ margin-top: clamp(28px,4vw,44px); }
.dan-group-title{
  font-family:var(--font-display); font-size:clamp(22px,2.6vw,28px); color:var(--color-accent-2);
  margin:0 0 22px; padding-bottom:12px; border-bottom:2px solid var(--color-line);
}
.dan-card{ background:var(--color-surface); border:1px solid var(--color-line); }
.dan-card h3{ font-family:var(--font-display); font-size:19px; color:var(--color-ink); margin:0 0 10px; }
.dan-card .dan-desc{ color:var(--color-muted); font-size:14.5px; line-height:1.6; margin:0 0 14px; }
.dan-card .dan-desc + .dan-desc{ margin-top:-6px; }
.dan-card .dan-quote{
  margin:auto 0 0; padding:12px 0 0; border-top:1px solid var(--color-line); border-left:0;
  font-style:italic; color:var(--color-accent-2); font-size:13.5px; line-height:1.5;
}
.dan-card .dan-pdf{ margin:14px 0 0; }
.dan-card .dan-pdf a{
  display:inline-flex; align-items:center; gap:7px;
  font-size:13.5px; font-weight:600; color:var(--color-ink);
  border-bottom:1px solid var(--color-accent); padding-bottom:2px;
  transition:color .2s, border-color .2s;
}
.dan-card .dan-pdf a:hover{ color:var(--color-accent); }
.dan-card .dan-cta{ margin:16px 0 0; }
.dan-card-cta{ font-size:13.5px; padding:9px 16px; }

/* ---- Buluşma detay sayfası ---- */
.event-detail-meta{ display:flex; flex-wrap:wrap; gap:8px 28px; margin-top:18px; color:var(--color-muted); font-size:15px; }
.event-detail-meta strong{ color:var(--color-ink); font-weight:500; }

/* ---- Anasayfa: Aslı'nın kompozit menüsü (image-map) + mobil kart yığını ---- */
.home-menu-section{ padding: clamp(8px,2vw,20px) 0 clamp(48px,7vw,84px); }
.home-menu{ position:relative; display:block; max-width:1180px; margin:0 auto; }
.home-menu-img{ display:block; width:100%; height:auto; border-radius:var(--radius-md); }
.home-menu-hot{
  position:absolute; display:block; border-radius:18px;
  transition: box-shadow .25s ease, transform .25s ease, background-color .25s ease;
}
.home-menu-hot:hover{
  box-shadow: 0 0 0 2px var(--color-accent-2), var(--shadow-md);
  background-color: rgba(255,255,255,.06);
  transform: translateY(-2px);
}
.home-menu-hot:focus-visible{ outline:3px solid var(--color-accent); outline-offset:2px; }
.home-menu-mobile{ display:none; }
.home-card-m{
  display:block; border-radius:var(--radius-lg); overflow:hidden;
  border:1px solid var(--color-line); box-shadow:var(--shadow-sm);
  transition: transform .25s ease, box-shadow .25s ease;
}
.home-card-m:hover{ transform:translateY(-3px); box-shadow:var(--shadow-md); }
.home-card-m img{ display:block; width:100%; height:auto; }
@media (max-width:720px){
  .home-menu{ display:none; }
  .home-menu-mobile{ display:flex; flex-direction:column; gap:16px; max-width:440px; margin:0 auto; }
}

/* ===== Anasayfa menüsü — tam görsel foto-butonlar (çerçevesiz, yuvarlak + gölge, 2'li sıra) ===== */
.hcards-wrap{ position:relative; max-width:1240px; margin:0 auto; }
.hcards-wrap .path-trail{ position:absolute; inset:-4% -3%; width:106%; height:108%; color:var(--color-accent-3); opacity:.32; pointer-events:none; z-index:0; }
@media (max-width:720px){ .hcards-wrap .path-trail{ display:none; } }

.hcards{ position:relative; z-index:1; display:flex; flex-wrap:wrap; justify-content:center; align-items:stretch; gap:clamp(16px,1.8vw,24px); margin:0 auto; }
.hcard{
  flex:0 1 388px; max-width:388px; display:block;
  text-decoration:none; color:inherit;
  border-radius:var(--radius-lg);
  overflow:hidden;
  box-shadow:var(--shadow-md);
  transition: transform .35s ease, box-shadow .35s ease;
}
.hcard img{ display:block; width:100%; aspect-ratio:4 / 3; object-fit:cover; }
.hcard:hover{ transform:translateY(-7px); box-shadow:0 22px 50px rgba(60,40,20,.16), 0 4px 10px rgba(60,40,20,.06); }
.hcard:focus-visible{ outline:3px solid var(--color-accent); outline-offset:3px; }

@media (max-width:720px){
  .hcards{ max-width:440px; margin:0 auto; gap:16px; }
  .hcard{ flex:1 1 100%; max-width:100%; }
}

/* ---------------------------------------------------------------------------
   Anasayfa "tek ortam" menüsü (home_menu_style: environment)
   5 yumuşak YAZISIZ motif tek parşömende + aralarından geçen altın ayak-izi yolu;
   her kartta CANLI el-yazısı (Caveat) renkli başlık + alt yazı. Aslı'nın
   home-menu.jpg vizyonu — mobilde okunur, tıklanabilir. Renk: --emc (data.color).
--------------------------------------------------------------------------- */
.home-menu-section--env{ padding: clamp(10px,2.5vw,26px) 0 clamp(48px,7vw,90px); }
.emenu-wrap{ position:relative; max-width:1200px; margin:0 auto; }
.emenu-trail{ position:absolute; inset:-3% -2%; width:104%; height:112%; color:var(--color-accent-3); opacity:.42; pointer-events:none; z-index:0; }
@media (max-width:760px){ .emenu-trail{ display:none; } }

.emenu-cards{ position:relative; z-index:1; display:flex; flex-wrap:wrap; justify-content:center; gap:clamp(18px,2vw,26px); margin:0 auto; }

.emenu-card{
  position:relative; display:block; flex:0 1 372px; max-width:372px; aspect-ratio:4 / 3;
  border-radius:var(--radius-lg); overflow:hidden; background:var(--color-surface);
  border:1px solid var(--color-line); box-shadow:var(--shadow-md);
  text-decoration:none; color:inherit; transition:transform .2s ease, box-shadow .2s ease;
}
.emenu-card:hover{ transform:translateY(-6px); box-shadow:0 26px 60px rgba(60,40,20,.18), 0 5px 12px rgba(60,40,20,.07); }
.emenu-card:focus-visible{ outline:3px solid var(--color-accent); outline-offset:3px; }
.emenu-img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }

.emenu-badge{
  position:absolute; top:12px; right:12px; z-index:3; width:38px; height:38px; border-radius:999px;
  background:rgba(252,247,233,.9); color:var(--color-accent-3);
  display:flex; align-items:center; justify-content:center; font-size:18px; font-weight:700; line-height:1;
  box-shadow:var(--shadow-sm); border:1px solid var(--color-line); transition:.2s ease;
}
.emenu-card:hover .emenu-badge{ background:var(--color-ink); color:var(--color-surface); }

.emenu-txt{ position:absolute; z-index:2; padding:18px 20px; max-width:66%; display:flex; flex-direction:column; }
.emenu-t{ font-family:"Caveat", cursive; font-weight:700; font-size:33px; line-height:1; color:var(--emc, var(--color-ink)); }
.emenu-u{ width:56px; height:2px; background:var(--emc, var(--color-ink)); opacity:.5; margin:3px 0 8px; }
.emenu-s{ font-family:var(--font-display); font-size:14px; line-height:1.35; color:var(--color-muted); max-width:24ch; }

/* metni motifin boş alanına yerleştir + okunabilirlik için yumuşak krem scrim */
.emenu-card--left .emenu-txt{ left:0; top:0; bottom:0; justify-content:center; }
.emenu-card--left .emenu-txt::before{ content:""; position:absolute; inset:0; z-index:-1;
  background:linear-gradient(90deg, rgba(252,247,233,.94) 0%, rgba(252,247,233,.86) 42%, rgba(252,247,233,0) 82%); }
.emenu-card--right .emenu-txt{ right:0; top:0; bottom:0; justify-content:center; align-items:flex-end; text-align:right; }
.emenu-card--right .emenu-txt::before{ content:""; position:absolute; inset:0; z-index:-1;
  background:linear-gradient(270deg, rgba(252,247,233,.94) 0%, rgba(252,247,233,.86) 42%, rgba(252,247,233,0) 82%); }
.emenu-card--top .emenu-txt{ left:0; right:0; top:0; max-width:100%; }
.emenu-card--top .emenu-txt::before{ content:""; position:absolute; inset:0; z-index:-1;
  background:linear-gradient(180deg, rgba(252,247,233,.95) 0%, rgba(252,247,233,.8) 52%, rgba(252,247,233,0) 100%); }

@media (max-width:760px){
  .emenu-cards{ max-width:440px; margin:0 auto; gap:16px; }
  .emenu-card{ flex:1 1 100%; max-width:100%; }
  .emenu-t{ font-size:30px; }
}