/* assets/css/style.css */
/* Theme: Auteur Luxe (elegant, editorial, light) */

:root{
  --bg: #f5f1e8;            /* warm paper */
  --paper: #fbf8f2;         /* card paper */
  --ink: #1d1d1b;
  --muted: rgba(29,29,27,.68);
  --faint: rgba(29,29,27,.48);
  --line: rgba(29,29,27,.14);

  --accent: #d85b45;        /* warm terracotta */
  --accent-2: #b24333;
  --gold: #c4a46a;

  --shadow: 0 16px 34px rgba(0,0,0,.10);
  --shadow-soft: 0 10px 22px rgba(0,0,0,.08);

  --r1: 10px;
  --r2: 14px;
  --r3: 18px;

  --container: 1180px;

  --serif: "Playfair Display", Georgia, "Times New Roman", serif;
  --sans: "Manrope", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

*{ box-sizing:border-box; }
html,body{ height:100%; }
body{
  margin:0;
  font-family: var(--sans);
  background:
    radial-gradient(900px 500px at 10% 0%, rgba(196,164,106,.18), transparent 62%),
    radial-gradient(700px 520px at 90% 10%, rgba(216,91,69,.12), transparent 60%),
    var(--bg);
  color: var(--ink);
  line-height: 1.65;
  overflow-x:hidden;
}

a{ color: inherit; text-decoration:none; }
img{ max-width:100%; display:block; }
.container{ width:min(var(--container), calc(100% - 40px)); margin:0 auto; }

.skip-link{
  position:absolute; left:-999px; top: 10px;
  background:#fff; color:#000;
  padding:10px 12px; border-radius: 10px;
  z-index: 999;
}
.skip-link:focus{ left: 12px; }

code{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: .95em;
  background: rgba(29,29,27,.06);
  padding: 2px 6px;
  border-radius: 8px;
  border: 1px solid rgba(29,29,27,.10);
}

/* Buttons */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding: 12px 18px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: rgba(251,248,242,.65);
  color: var(--ink);
  font-weight: 800;
  letter-spacing: .25px;
  transition: transform .15s ease, background .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.btn:hover{
  transform: translateY(-1px);
  background: rgba(251,248,242,.9);
  border-color: rgba(29,29,27,.22);
  box-shadow: var(--shadow-soft);
}
.btn:active{ transform: translateY(0); }
.btn-primary{
  background: linear-gradient(180deg, var(--accent), var(--accent-2));
  border-color: rgba(216,91,69,.55);
  color: #fff;
  box-shadow: 0 16px 28px rgba(216,91,69,.20);
}
.btn-primary:hover{ box-shadow: 0 18px 34px rgba(216,91,69,.24); }
.btn-ghost{
  background: transparent;
}
.btn-soft{
  background: rgba(216,91,69,.10);
  border-color: rgba(216,91,69,.24);
  color: var(--accent-2);
}
.icon-btn{
  width:44px; height:44px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: rgba(251,248,242,.75);
  color: var(--ink);
  display:grid;
  place-items:center;
  cursor:pointer;
  transition: transform .15s ease, background .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.icon-btn:hover{
  transform: translateY(-1px);
  background: rgba(251,248,242,.95);
  border-color: rgba(29,29,27,.22);
  box-shadow: var(--shadow-soft);
}

/* Header */
.site-header{
  position: sticky;
  top:0;
  z-index: 60;
  background: rgba(245,241,232,.82);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(29,29,27,.10);
}
.header-inner{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 18px;
  padding: 16px 0;
}
.brand{
  display:flex; align-items:center; gap: 12px;
  min-width: 240px;
}
.brand-mark{
  width: 44px; height: 44px;
  display:grid; place-items:center;
  border-radius: 999px;
  border: 1px solid rgba(29,29,27,.14);
  background: rgba(251,248,242,.8);
  box-shadow: var(--shadow-soft);
  color: var(--accent-2);
}
.brand-title{
  display:block;
  font-family: var(--serif);
  letter-spacing: .12em;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1.05;
}
.brand-subtitle{
  display:block;
  font-size: 12px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--muted);
  margin-top: 4px;
}

.nav{
  display:flex;
  align-items:center;
  gap: 18px;
}
.nav-link{
  color: var(--muted);
  font-weight: 800;
  font-size: 13px;
  letter-spacing: .16em;
  text-transform: uppercase;
  padding: 10px 6px;
  border-bottom: 2px solid transparent;
  transition: color .15s ease, border-color .15s ease;
  white-space: nowrap;
}
.nav-link:hover{ color: var(--ink); border-color: rgba(29,29,27,.18); }
.nav-link.is-active{ color: var(--ink); border-color: var(--accent); }

.nav-link-btn{ border:0; background:transparent; cursor:pointer; }
.chev{ opacity:.7; transform: translateY(1px); }

.nav-dropdown{ position: relative; }
.dropdown-panel{
  position:absolute;
  top: calc(100% + 12px);
  left: -8px;
  width: 250px;
  padding: 10px;
  border-radius: var(--r3);
  border: 1px solid rgba(29,29,27,.14);
  background: rgba(251,248,242,.96);
  box-shadow: var(--shadow);
  display:none;
}
.nav-dropdown.is-open .dropdown-panel{ display:block; }
.dropdown-item{
  display:flex;
  padding: 10px 12px;
  border-radius: var(--r2);
  color: var(--muted);
  font-weight: 800;
  letter-spacing: .04em;
}
.dropdown-item:hover{ background: rgba(29,29,27,.05); color: var(--ink); }

.header-actions{ display:flex; align-items:center; gap: 12px; }
.hamburger{
  width: 46px; height: 46px;
  border-radius: 999px;
  border: 1px solid rgba(29,29,27,.14);
  background: rgba(251,248,242,.8);
  cursor:pointer;
  display:none;
  position: relative;
}
.hamburger span{
  position:absolute;
  left: 14px; right: 14px;
  height: 2px;
  background: rgba(29,29,27,.9);
  border-radius: 999px;
  transition: transform .18s ease, top .18s ease, opacity .18s ease;
}
.hamburger span:nth-child(1){ top: 16px; }
.hamburger span:nth-child(2){ top: 22px; opacity: .9; }
.hamburger span:nth-child(3){ top: 28px; }
.hamburger.is-open span:nth-child(1){ top: 22px; transform: rotate(45deg); }
.hamburger.is-open span:nth-child(2){ opacity: 0; }
.hamburger.is-open span:nth-child(3){ top: 22px; transform: rotate(-45deg); }

/* Mobile drawer */
.mobile-drawer{
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.42);
  display:none;
  z-index: 120;
}
.mobile-drawer.is-open{ display:block; }
.mobile-drawer-inner{
  position:absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: min(420px, 92vw);
  background: rgba(251,248,242,.98);
  border-left: 1px solid rgba(29,29,27,.12);
  box-shadow: var(--shadow);
  padding: 16px;
  display:flex;
  flex-direction: column;
  gap: 14px;
}
.mobile-drawer-top{
  display:flex; align-items:center; justify-content: space-between;
  padding-bottom: 6px;
  border-bottom: 1px solid rgba(29,29,27,.10);
}
.mobile-title{
  font-family: var(--serif);
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.mobile-links{ display:flex; flex-direction: column; gap: 8px; padding-top: 6px; }
.mobile-link{
  padding: 12px 12px;
  border-radius: var(--r2);
  border: 1px solid rgba(29,29,27,.12);
  background: rgba(29,29,27,.03);
  color: var(--muted);
  font-weight: 900;
  letter-spacing: .10em;
  text-transform: uppercase;
  font-size: 12px;
}
.mobile-link.is-active{
  border-color: rgba(216,91,69,.30);
  background: rgba(216,91,69,.10);
  color: var(--ink);
}
.mobile-details{
  border: 1px solid rgba(29,29,27,.12);
  border-radius: var(--r2);
  background: rgba(29,29,27,.02);
  padding: 8px 10px;
}
.mobile-details summary{
  cursor:pointer;
  font-weight: 900;
  color: var(--muted);
  list-style: none;
  letter-spacing: .10em;
  text-transform: uppercase;
  font-size: 12px;
}
.mobile-details summary::-webkit-details-marker{ display:none; }
.mobile-sub{ display:flex; flex-direction: column; gap: 8px; padding-top: 10px; }
.mobile-sublink{
  padding: 10px 10px;
  border-radius: var(--r2);
  border: 1px solid rgba(29,29,27,.10);
  background: rgba(251,248,242,.80);
  color: var(--muted);
  font-weight: 800;
}
.mobile-cta{ margin-top:auto; }

/* Hero (AUTEUR-like) */
.hero{
  padding: 46px 0 18px;
  background: linear-gradient(180deg, rgba(251,248,242,.35), transparent 70%);
}
.hero-grid{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 34px;
  align-items: center;
}
.kicker{
  display:inline-flex;
  align-items:center;
  gap: 10px;
  font-weight: 900;
  color: var(--accent-2);
  letter-spacing: .18em;
  text-transform: uppercase;
  font-size: 12px;
}
.kicker::before{
  content:"";
  width: 44px;
  height: 1px;
  background: rgba(29,29,27,.25);
}

.hero-title{
  font-family: var(--serif);
  font-size: clamp(36px, 4.6vw, 56px);
  line-height: 1.02;
  margin: 14px 0 10px;
  letter-spacing: -.02em;
}
.hero-title em{
  font-style: italic;
  font-weight: 400;
  color: rgba(29,29,27,.82);
}
.hero-text{
  font-size: 16px;
  color: var(--muted);
  margin: 0 0 18px;
  max-width: 60ch;
}
.hero-actions{ display:flex; gap: 12px; flex-wrap: wrap; }

.hero-art{
  position: relative;
  border-radius: 28px;
  background: rgba(251,248,242,.85);
  border: 1px solid rgba(29,29,27,.10);
  box-shadow: var(--shadow);
  padding: 18px;
  overflow:hidden;
}
.hero-art::after{
  content:"";
  position:absolute;
  inset:-120px -120px auto auto;
  width: 320px;
  height: 320px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, rgba(216,91,69,.18), transparent 60%);
  pointer-events:none;
}
.hero-mockups{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  align-items:end;
}
.mock{
  border-radius: 18px;
  border: 1px solid rgba(29,29,27,.10);
  background: rgba(29,29,27,.03);
  padding: 12px;
}
.mock small{
  display:block;
  color: var(--muted);
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 11px;
  margin-bottom: 10px;
}
.hero-feather{
  position:absolute;
  left: 16px;
  bottom: 14px;
  opacity: .10;
  width: 200px;
  transform: rotate(-8deg);
}

/* Editorial sections */
.section{ padding: 34px 0; }
.section-head{
  text-align:center;
  margin-bottom: 18px;
}
.section-title{
  font-family: var(--serif);
  margin: 0;
  font-size: 34px;
  letter-spacing: -.01em;
}
.section-subtitle{
  margin: 10px auto 0;
  color: var(--muted);
  max-width: 70ch;
  font-style: italic;
}

.grid-3{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:18px;}
.card{
  border-radius: 20px;
  border: 1px solid rgba(29,29,27,.12);
  background: rgba(251,248,242,.86);
  box-shadow: var(--shadow-soft);
  padding: 18px;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.card:hover{
  transform: translateY(-2px);
  border-color: rgba(29,29,27,.18);
  box-shadow: var(--shadow);
}
.card-title{
  margin: 10px 0 8px;
  font-family: var(--serif);
  font-size: 20px;
}
.card-text{ margin: 0; color: var(--muted); }

.pill{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(29,29,27,.12);
  background: rgba(29,29,27,.03);
  color: var(--muted);
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-size: 11px;
}

/* Feature grid like theme */
.features{
  margin-top: 16px;
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 26px;
}
.feature{
  padding: 20px 18px;
  border-radius: 22px;
  border: 1px solid rgba(29,29,27,.10);
  background: rgba(251,248,242,.86);
  box-shadow: var(--shadow-soft);
}
.feature-icon{
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display:grid;
  place-items:center;
  background: rgba(216,91,69,.14);
  border: 1px solid rgba(216,91,69,.22);
  color: var(--accent-2);
}
.feature h3{
  margin: 14px 0 6px;
  font-family: var(--serif);
  font-size: 20px;
}
.feature p{ margin:0; color: var(--muted); }

/* Page top */
.page-top{ padding: 26px 0 6px; }
.breadcrumbs{
  display:flex; align-items:center; justify-content:center;
  gap: 8px;
  color: var(--faint);
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 11px;
}
.breadcrumbs a{ color: var(--muted); }
.breadcrumbs a:hover{ color: var(--ink); }
.sep{ opacity:.6; }

.page-title{
  text-align:center;
  margin: 10px 0 0;
  font-family: var(--serif);
  font-size: clamp(30px, 3.8vw, 44px);
  letter-spacing: -.01em;
}
.page-lead{
  text-align:center;
  margin: 10px auto 0;
  max-width: 76ch;
  color: var(--muted);
  font-style: italic;
}

/* Content blocks */
.content{ padding: 18px 0 40px; }
.prose{
  border-radius: 22px;
  border: 1px solid rgba(29,29,27,.12);
  background: rgba(251,248,242,.86);
  box-shadow: var(--shadow-soft);
  padding: 18px;
}
.prose h2{
  margin: 0 0 10px;
  font-family: var(--serif);
}
.prose p{ margin: 0 0 12px; color: var(--muted); }
.prose ul{ margin: 0; color: var(--muted); }
.prose li{ margin: 6px 0; }

.two-col{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}
.list{ display:flex; flex-direction: column; gap: 14px; }
.item{
  display:flex;
  align-items:flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 16px;
  border-radius: 22px;
  border: 1px solid rgba(29,29,27,.12);
  background: rgba(251,248,242,.86);
  box-shadow: var(--shadow-soft);
}
.item-title{ margin: 0 0 3px; font-family: var(--serif); font-size: 22px; }
.item-meta{ margin: 0; color: var(--faint); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; font-weight: 800; }
.item-desc{ margin: 10px 0 0; color: var(--muted); }
.item-right{ margin-left:auto; display:flex; align-items:center; gap: 10px; flex-wrap: wrap; }

/* Forms */
.form{ display:grid; gap: 12px; }
.field label{
  display:block;
  font-weight: 900;
  margin-bottom: 6px;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 12px;
  color: rgba(29,29,27,.86);
}
.field input, .field textarea{
  width:100%;
  padding: 12px 12px;
  border-radius: 14px;
  border: 1px solid rgba(29,29,27,.16);
  background: rgba(251,248,242,.95);
  color: var(--ink);
  outline:none;
}
.field input:focus, .field textarea:focus{
  border-color: rgba(216,91,69,.45);
  box-shadow: 0 0 0 4px rgba(216,91,69,.14);
}
.field textarea{ min-height: 140px; resize: vertical; }
.form-row{ display:grid; grid-template-columns: 1fr 1fr; gap: 12px; }

.notice{
  border-radius: 16px;
  padding: 12px 14px;
  border: 1px solid rgba(196,164,106,.30);
  background: rgba(196,164,106,.14);
  color: rgba(29,29,27,.88);
}
.notice strong{ color: rgba(29,29,27,.95); }

hr.sep-line{
  border:0;
  border-top: 1px solid rgba(29,29,27,.12);
  margin: 22px 0;
}

/* Footer */
.site-footer{
  border-top: 1px solid rgba(29,29,27,.12);
  background: rgba(251,248,242,.65);
  padding: 34px 0 18px;
}
.footer-grid{
  display:grid;
  grid-template-columns: 1.3fr 1fr 1fr 1fr;
  gap: 18px;
}
.footer-text{ color: var(--muted); margin: 12px 0 0; }
.footer-title{
  margin: 0 0 10px;
  font-family: var(--serif);
  letter-spacing: .02em;
}
.footer-links{ display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 22px; }
.footer-links a{ color: var(--muted); font-weight: 800; letter-spacing: .06em; }
.footer-links a:hover{ color: var(--ink); }

.footer-bottom{
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid rgba(29,29,27,.12);
  display:flex;
  justify-content: space-between;
  align-items:center;
  gap: 10px;
  color: var(--faint);
  font-weight: 800;
  letter-spacing: .06em;
}
.to-top{
  color: var(--muted);
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(29,29,27,.12);
  background: rgba(29,29,27,.02);
}
.to-top:hover{ color: var(--ink); background: rgba(29,29,27,.04); }

.social{ display:flex; gap: 10px; margin-top: 14px; }
.social-link{
  width: 42px; height: 42px;
  border-radius: 999px;
  border: 1px solid rgba(29,29,27,.12);
  background: rgba(29,29,27,.02);
  color: var(--muted);
  display:grid; place-items:center;
}
.social-link:hover{ background: rgba(29,29,27,.04); color: var(--ink); }

/* Utilities */
.hide-mobile{ display:inline-flex; }

/* Responsive */
@media (max-width: 1040px){
  .nav{ display:none; }
  .hamburger{ display:inline-block; }
}
@media (max-width: 980px){
  .hero-grid{ grid-template-columns: 1fr; }
  .footer-grid{ grid-template-columns: 1.4fr 1fr; }
  .grid-3{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:18px;}
  .features{ grid-template-columns: 1fr; }
}
@media (max-width: 680px){
  .container{ width: calc(100% - 28px); }
  .hide-mobile{ display:none; }
  .two-col{ grid-template-columns: 1fr; }
  .form-row{ grid-template-columns: 1fr; }
  .footer-grid{ grid-template-columns: 1fr; }
}


.card-meta{margin-top:10px;color:rgba(29,29,27,.68);font-size:12px;}
.card-meta strong{color:rgba(29,29,27,.92);}


/* Hover dropdown support */
@media (min-width: 980px){
  .nav-dropdown:hover .dropdown-panel{ display:none !important; }
  .nav-dropdown:hover .nav-link-btn .chev{ transform: rotate(180deg); }
}

  .slide-overlay{ background: linear-gradient(180deg, rgba(29,29,27,.70), rgba(29,29,27,.22)); }
  .slide-title{ font-size: 34px; }
}

/* Footer (restored premium) */
.site-footer{ border-top: 1px solid rgba(29,29,27,.12); background: rgba(251,248,242,.92); margin-top: 56px; }
.footer-inner{ padding: 34px 0; }
.footer-top{ display:flex; gap: 28px; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; }
.footer-title{ font-family: var(--serif); font-size: 20px; letter-spacing: .02em; }
.footer-text{ color: var(--muted); margin-top: 8px; max-width: 460px; line-height: 1.7; }
.footer-links{ display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 22px; }
.footer-col{ display:grid; gap: 8px; }
.footer-h{ font-weight: 900; letter-spacing:.18em; text-transform:uppercase; font-size: 11px; color: rgba(29,29,27,.70); margin-bottom: 2px; }
.footer-col a{ color: rgba(29,29,27,.72); font-weight: 800; letter-spacing:.04em; }
.footer-col a:hover{ color: rgba(29,29,27,.92); }
.footer-muted{ color: rgba(29,29,27,.62); font-size: 13px; line-height: 1.6; }
.footer-bottom{ margin-top: 22px; padding-top: 18px; border-top: 1px solid rgba(29,29,27,.12); display:flex; gap: 16px; align-items:center; justify-content:space-between; flex-wrap:wrap; }
.footer-social{ display:flex; gap: 12px; }
.footer-social a{ color: rgba(29,29,27,.70); font-weight: 900; letter-spacing:.10em; text-transform:uppercase; font-size: 11px; }
.footer-copy{ color: rgba(29,29,27,.62); font-size: 13px; }
.to-top{ width: 38px; height:38px; border-radius: 999px; border: 1px solid rgba(29,29,27,.14); display:flex; align-items:center; justify-content:center; color: rgba(29,29,27,.70); background: rgba(29,29,27,.02); }
.to-top:hover{ background: rgba(29,29,27,.05); }



/* Slider (premium) */
.hero-slider{ position:relative; border-radius: var(--r4); overflow:hidden; margin-top: 20px; box-shadow: var(--shadow); }
.slider-track{ display:flex; width:100%; height: clamp(220px, 25vh, 420px); transition: transform .7s cubic-bezier(.2,.8,.2,1); }
.slide{ position:relative; flex: 0 0 100%; background-size:cover; background-position:center; }
.slide.has-image{ background-color: rgba(29,29,27,.08); }
.slide::before{
  content:"";
  position:absolute; inset:-10%;
  background-image: inherit;
  background-size: inherit;
  background-position: inherit;
  transform: scale(1.06);
  animation: kenburns 9s ease-in-out infinite alternate;
  filter: saturate(1.05) contrast(1.02);
}
.slide-overlay{ position:absolute; inset:0; background: linear-gradient(90deg, rgba(29,29,27,.78), rgba(29,29,27,.18)); }
.slide-inner{ position:relative; height:100%; display:flex; align-items:center; }
.slide-copy{ max-width: 680px; color: rgba(251,248,242,.96); }
.hero-slider[data-ready="1"] .slide-copy{ opacity:1; transform: translateY(0); }
.slide-kicker{ letter-spacing:.26em; text-transform:uppercase; font-weight:900; font-size:12px; opacity:.85; }
.slide-title{ font-family: var(--serif); font-size: clamp(26px, 3.4vw, 44px); line-height: 1.06; margin: 10px 0; }
.slide-title em{ font-style: italic; opacity: .96; }
.slide-text{ opacity:.9; font-size: 15px; line-height: 1.7; margin-bottom: 14px; max-width: 54ch; }

.slider-btn{
  position:absolute; top:50%; transform:translateY(-50%);
  width: 44px; height:44px; border-radius:999px;
  border:1px solid rgba(251,248,242,.35);
  background: rgba(0,0,0,.16);
  backdrop-filter: blur(8px);
  color: rgba(251,248,242,.96);
  font-size: 28px;
  display:flex; align-items:center; justify-content:center;
  opacity:.92;
}
.slider-btn:hover{ background: rgba(0,0,0,.26); opacity:1; }
.slider-btn.prev{ left: 14px; } .slider-btn.next{ right: 14px; }

.slider-dots{ position:absolute; left: 0; right: 0; bottom: 14px; display:flex; gap: 8px; justify-content:center; }
.slider-dots .dot{
  width: 10px; height:10px; border-radius: 999px;
  border:1px solid rgba(251,248,242,.55);
  background: rgba(251,248,242,.18);
}
.slider-dots .dot.is-active{ background: rgba(251,248,242,.86); }

@keyframes kenburns{
  from{ transform: scale(1.04) translate3d(0,0,0); }
  to{ transform: scale(1.10) translate3d(-1.5%, -1.0%, 0); }
}

@media (max-width: 820px){
  .slider-track{ height: clamp(260px, 32vh, 520px); }
  .slide-overlay{ background: linear-gradient(180deg, rgba(29,29,27,.72), rgba(29,29,27,.22)); }
}

  .slide-overlay{ background: linear-gradient(180deg, rgba(29,29,27,.70), rgba(29,29,27,.22)); }
  .slide-title{ font-size: 34px; }
}


.logo-fallback{width:32px;height:32px;border-radius:10px;border:1px solid rgba(29,29,27,.18);background:rgba(29,29,27,.04);display:inline-block;}

.card-img{ width:100%; height: 180px; object-fit:cover; border-radius: 18px; margin-bottom: 12px; border: 1px solid rgba(29,29,27,.10); }

@media (max-width: 980px){ .footer-links{ grid-template-columns: 1fr 1fr; } }
@media (max-width: 620px){ .footer-links{ grid-template-columns: 1fr; } }

@media (min-width: 980px){
  .nav-dropdown{ position:relative; }
  .nav-dropdown .dropdown-panel{ margin-top: 10px; }
  .nav-dropdown:hover .dropdown-panel{ display:none !important; }
  .nav-dropdown.nav-dropdown-pinned .dropdown-panel{ display:block; }
}

/* grid-3 responsive */
@media (max-width: 980px){ .grid-3{ grid-template-columns:repeat(2, minmax(0,1fr)); } }
@media (max-width: 620px){ .grid-3{ grid-template-columns:1fr; } }

.card{ display:flex; flex-direction:column; }
.card-meta{ margin-top:auto; display:flex; gap:10px; justify-content:space-between; align-items:center; flex-wrap:wrap; }
.card-date{ margin-left:auto; color: rgba(29,29,27,.55); font-size: 13px; }



/* Sticky footer (fix) */
html, body { height: 100%; }
body { min-height: 100%; display: flex; flex-direction: column; }
#main { flex: 1 0 auto; width: 100%; }
.site-footer { margin-top: auto; }


/* Boxed slider */
.hero-slider{ max-width: 1180px; margin-left:auto; margin-right:auto; }
@media (min-width: 1280px){ .hero-slider{ max-width: 1240px; } }

/* Book cards (like sample) */
.book-card{ display:block; border:1px solid rgba(29,29,27,.10); background: rgba(251,248,242,.92); border-radius: 22px; overflow:hidden; box-shadow: var(--shadow); }
.book-cover{ padding:16px; display:flex; justify-content:center; background: rgba(29,29,27,.02); }
.book-cover img{ width: 100%; max-width: 260px; aspect-ratio: 3/4; object-fit: cover; border-radius: 16px; border: 1px solid rgba(29,29,27,.10); }
.book-body{ padding: 14px 16px 16px; display:flex; flex-direction:column; gap: 10px; }
.book-title{ font-family: var(--serif); font-size: 20px; line-height:1.15; margin:0; color: var(--ink); }
.book-text{ margin:0; color: rgba(29,29,27,.62); line-height:1.6; min-height: 44px; }
.book-bottom{ display:flex; align-items:center; justify-content:space-between; gap: 12px; padding-top: 6px; border-top: 1px solid rgba(29,29,27,.10); }
.book-price{ font-weight: 900; letter-spacing:.02em; color: var(--ink); }
.book-views{ display:flex; align-items:center; gap: 8px; color: rgba(29,29,27,.62); font-weight: 800; }
.book-views span{ font-variant-numeric: tabular-nums; }

/* Marquee */
.marquee{ overflow:hidden; border:1px solid rgba(29,29,27,.10); border-radius: 18px; background: rgba(251,248,242,.92); box-shadow: var(--shadow); }
.marquee-track{ display:flex; gap: 18px; padding: 14px 16px; width:max-content; animation: marquee 22s linear infinite; }
.marquee:hover .marquee-track{ animation-play-state: paused; }
.marquee-item{ display:inline-flex; align-items:center; gap: 10px; padding: 10px 12px; border-radius: 999px; background: rgba(29,29,27,.03); border: 1px solid rgba(29,29,27,.08); white-space:nowrap; }
.mi-title{ font-weight: 900; letter-spacing:.02em; }
.mi-dot{ opacity:.35; }
.mi-price{ font-weight: 900; color: rgba(29,29,27,.70); }
@keyframes marquee{ from{ transform: translateX(0);} to{ transform: translateX(-50%);} }

/* Author split */
.author-split{ display:grid; grid-template-columns: 1.1fr 1.4fr; gap: 22px; align-items: stretch; }
.author-photo{ border:1px solid rgba(29,29,27,.10); border-radius: 22px; overflow:hidden; background: rgba(29,29,27,.02); box-shadow: var(--shadow); }
.author-photo img{ width:100%; height:100%; max-height: 460px; object-fit: cover; display:block; }
.author-photo-placeholder{ padding: 22px; color: rgba(29,29,27,.60); }
.author-note{ border:1px solid rgba(29,29,27,.10); border-radius: 22px; background: rgba(251,248,242,.92); padding: 20px; box-shadow: var(--shadow); }
@media (max-width: 980px){ .author-split{ grid-template-columns:1fr; } }

.work-hero{ display:grid; grid-template-columns: 1fr 1.2fr; gap: 22px; align-items:start; }
.work-hero-img{ width:100%; border-radius: 22px; border:1px solid rgba(29,29,27,.10); box-shadow: var(--shadow); aspect-ratio: 3/4; object-fit:cover; }
.work-hero-copy{ padding-top: 6px; }
.work-hero-meta{ display:flex; gap: 10px; flex-wrap:wrap; margin: 14px 0 16px; }
.meta-pill{ border:1px solid rgba(29,29,27,.10); background: rgba(29,29,27,.03); padding: 8px 10px; border-radius: 999px; font-weight: 900; letter-spacing:.02em; }
@media (max-width: 980px){ .work-hero{ grid-template-columns:1fr; } }

.card .btn{ margin-top:auto; align-self:flex-start; }

.grid-3 > a.card{ height:100%; }

/* Dropdown hover bridge */
@media (min-width: 980px){
  .nav-dropdown{ padding-bottom: 18px; }
  .nav-dropdown .dropdown-panel{ top: calc(100% - 6px); }
}


/* Brand logo */
.brand-logo-img{ width:32px; height:32px; object-fit:contain; border-radius:10px; }
.logo-fallback{ width:32px;height:32px;border-radius:10px;border:1px solid rgba(29,29,27,.18);background:rgba(29,29,27,.04);display:inline-block; }

/* Dropdown open states */
@media (min-width: 980px){
  .nav-dropdown{ position:relative; padding-bottom: 14px; }
  .dropdown-panel{ display:none; position:absolute; top: calc(100% - 6px); left:0; min-width: 220px; background: rgba(251,248,242,.98); border: 1px solid rgba(29,29,27,.12); border-radius: 14px; box-shadow: var(--shadow); padding: 10px; }
  .nav-dropdown:hover .dropdown-panel{ display:none !important; }
  .nav-dropdown.is-open .dropdown-panel{ display:block; }
}

/* Home cards button align */
.grid-3 > a.card{ height:100%; }
.card{ display:flex; flex-direction:column; }
.card .btn{ margin-top:auto; align-self:flex-start; }



/* v14 overrides */
body.no-scroll{ overflow:hidden; }

.hero-slider{ max-width:1180px; margin-left:auto; margin-right:auto; border-radius:28px; overflow:hidden; }
.slider-track{ display:flex; width:100%; height:clamp(220px, 25vh, 420px); transition:transform .7s cubic-bezier(.2,.8,.2,1); }
.slide{ position:relative; flex:0 0 100%; background-size:cover; background-position:center; }
.slide::before{ content:""; position:absolute; inset:-8%; background-image:inherit; background-size:inherit; background-position:inherit; transform:scale(1.06); animation:kenburns 9s ease-in-out infinite alternate; }
.slide-overlay{ position:absolute; inset:0; background:linear-gradient(90deg, rgba(20,20,20,.72), rgba(20,20,20,.12)); }
.slide-inner{ position:relative; height:100%; display:flex; align-items:center; }
.slide-copy{ max-width:680px; color:#fbf8f2; }
.hero-slider[data-ready="1"] .slide-copy{ animation:slideIn .55s ease both; }
@keyframes slideIn{ from{opacity:0; transform:translateY(10px)} to{opacity:1; transform:translateY(0)} }
@keyframes kenburns{ from{transform:scale(1.04) translate3d(0,0,0)} to{transform:scale(1.1) translate3d(-1.5%,-1%,0)} }
.slider-dots .dot{ width:10px; height:10px; border-radius:999px; border:1px solid rgba(255,255,255,.6); background:rgba(255,255,255,.24); }
.slider-dots .dot.is-active{ background:#fff; }

@media (min-width:980px){
  .nav-dropdown{ position:relative; padding-bottom:20px; }
  .dropdown-panel{ display:none; position:absolute; top:calc(100% - 4px); left:0; min-width:220px; padding:10px; border-radius:16px; background:rgba(251,248,242,.98); border:1px solid rgba(29,29,27,.12); box-shadow:0 18px 38px rgba(0,0,0,.12); }
  .nav-dropdown:hover .dropdown-panel,
  .nav-dropdown.is-open .dropdown-panel,
  .nav-dropdown.is-pinned .dropdown-panel{ display:block; }
}

.book-cover-placeholder, .card-img-placeholder{
  width:100%; aspect-ratio:3/4; border-radius:18px; background:rgba(29,29,27,.05); border:1px solid rgba(29,29,27,.1); display:flex; align-items:center; justify-content:center; color:rgba(29,29,27,.42); font-size:14px;
}


/* Dropdown bridge and persistent hover */
@media (min-width: 980px){
  .site-header{ z-index: 200; overflow: visible; }
  .header-inner, .nav{ overflow: visible; }
  .nav-dropdown{ position: relative; padding-bottom: 18px; }
  .dropdown-panel{
    top: calc(100% - 4px);
    left: 0;
    z-index: 220;
    pointer-events: auto;
  }
  .nav-dropdown:hover .dropdown-panel{ display:none !important; }
}


/* Slider interaction fix */
.slide::before{ pointer-events:none; }
.slide-overlay{ pointer-events:none; }
.slider-btn, .slider-dots{ z-index: 30; }
.slider-btn{ cursor:pointer; }



/* v16 fixes */

/* Header dropdown labels align with other nav links */
.nav {
  align-items: center;
}
.nav-dropdown {
  display: flex;
  align-items: center;
}
.nav-link-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1;
  min-height: 42px;
}
.nav-link,
.nav-link-btn {
  vertical-align: middle;
}

/* Blog cards: image smaller/simpler with extra spacing under image */
.blog-grid .card-img,
a.card .card-img {
  height: 150px;
  object-fit: cover;
  border-radius: 14px;
  margin-bottom: 3%;
  border: 1px solid rgba(29,29,27,.08);
  box-shadow: none;
}

/* Symmetry for card internals */
.card > .pill {
  margin-bottom: 10px;
}
.card-title {
  margin-top: 0;
}
.card-text {
  line-height: 1.65;
}

/* Marquee and author section polish */
.section-tight {
  padding-top: 22px;
}
.marquee-item {
  transition: transform .2s ease, background .2s ease;
}
.marquee-item:hover {
  transform: translateY(-1px);
  background: rgba(29,29,27,.05);
}



/* v17 front fixes */

/* Header link symmetry */
.nav{
  align-items:center !important;
}
.nav-link,
.nav-link-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  line-height:1;
  padding-top:0 !important;
  padding-bottom:0 !important;
}
.nav-dropdown{
  display:inline-flex;
  align-items:center;
}

/* Blog card image: smaller, simpler, with 3% gap */
.blog-grid .card,
.blog-grid a.card{
  display:flex;
  flex-direction:column;
}
.blog-grid .card-img,
.blog-grid a.card .card-img{
  height:120px;
  object-fit:cover;
  border-radius:12px;
  margin-bottom:3%;
  border:1px solid rgba(29,29,27,.08);
  box-shadow:none;
}
.blog-grid .card-title{
  font-size:20px;
}



/* v18 front tweaks */

/* header symmetry */
.nav{
  align-items:center !important;
}
.nav-link,
.nav-link-btn,
.nav-dropdown{
  display:inline-flex;
  align-items:center;
}
.nav-link,
.nav-link-btn{
  min-height:44px;
  line-height:1;
}
.nav-link-btn .chev{
  position:relative;
  top:0;
}

/* blog image smaller + cleaner + 3% gap */
.blog-grid .card-img,
.blog-grid a.card .card-img{
  width:100%;
  height:110px !important;
  object-fit:cover;
  border-radius:10px;
  margin-bottom:3%;
  border:1px solid rgba(29,29,27,.08);
  box-shadow:none;
}
.blog-grid .card{
  gap:0;
}
.blog-grid .card-title{
  margin-top:0;
  font-size:19px;
}


/* v19 hotfix */
.nav-link-btn{ position:relative; top:1px; }
.nav-dropdown{ position:relative; top:0; }
.blog-grid .card-img{ margin-bottom:3%; height:110px !important; }

/* v20 nav/blog */
.nav-link-btn{ top:0 !important; transform:none !important; }
.nav-link,.nav-link-btn{ padding-left:12px; padding-right:12px; }
.blog-grid .card-img{ height:100px !important; border-radius:8px !important; margin-bottom:3% !important; }



/* v21 fixes */
.hero-slider{ max-width: 1180px; margin: 20px auto 0; overflow:hidden; border-radius: 22px; }
.slider-track{ display:flex; width:100%; height: clamp(260px, 36vw, 520px); transition: transform .8s ease; will-change: transform; }
.slide{ position:relative; min-width:100%; flex:0 0 100%; overflow:hidden; background-size:cover; background-position:center center; }
.slide::before{ content:""; position:absolute; inset:0; background-image: inherit; background-size:cover; background-position:center center; transform: scale(1); animation: none; }
.slide-overlay{ position:absolute; inset:0; background: linear-gradient(180deg, rgba(29,29,27,.52), rgba(29,29,27,.22)); }
.slide-inner{ position:relative; height:100%; display:flex; align-items:center; justify-content:center; text-align:center; }
.slide-copy{ width:min(900px, 100% - 40px); margin:0 auto; color: rgba(251,248,242,.97); }
.slide-actions{ display:flex; gap:12px; justify-content:center; align-items:center; flex-wrap:wrap; }
.slider-btn{ z-index:5; }
.slider-dots{ z-index:5; }
.slide-title{ margin-left:auto; margin-right:auto; max-width: 18ch; }
.slide-text{ margin-left:auto; margin-right:auto; }
@media (max-width: 820px){ .slider-track{ height: clamp(300px, 56vw, 420px); } }

.nav{ align-items:center !important; }
.nav-link,.nav-link-btn{ display:inline-flex; align-items:center; justify-content:center; min-height:44px; line-height:1; padding:0 14px; }
.nav-dropdown{ display:inline-flex; align-items:center; position:relative; padding-bottom: 18px; margin-bottom:-18px; }
.dropdown-panel{ top: calc(100% - 2px); z-index:20; }
.nav-link.is-active, .nav-link-btn.is-active, .dropdown-item.is-active{ color: var(--ink); border-color: var(--accent); background: rgba(216,91,69,.08); border-radius:999px; }
.blog-grid .card-img, .blog-grid a.card .card-img{ height:100px !important; object-fit:cover; border-radius:10px; margin-bottom:3%; border:1px solid rgba(29,29,27,.08); box-shadow:none; }
.blog-grid .card-title{ font-size:18px; }


/* v22 slider/layout fixes */
.hero-slider{ max-width:1180px; margin:20px auto 0; border-radius:22px; overflow:hidden; }
.slider-track{ display:flex; width:100%; height:clamp(260px, 34vw, 520px); transition:transform .8s ease; }
.slide{ flex:0 0 100%; position:relative; background-size:cover; background-position:center center; background-repeat:no-repeat; }
.slide-overlay{ position:absolute; inset:0; background:linear-gradient(180deg, rgba(29,29,27,.30), rgba(29,29,27,.55)); }
.slide-inner{ height:100%; display:flex; align-items:center; justify-content:center; text-align:center; }
.slide-copy{ max-width:760px; margin:0 auto; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; color:#fff; }
.slide-title{ font-size:clamp(28px, 4vw, 54px); line-height:1.05; margin:0; }
.slide-text{ max-width:60ch; margin:0 auto; }
.slider-btn-fixed{ min-width:180px; min-height:52px; padding:12px 22px; display:inline-flex; align-items:center; justify-content:center; white-space:nowrap; }
.slider-btn{ z-index:5; }
.slider-dots{ z-index:5; }

.nav{ align-items:center !important; }
.nav-link,.nav-link-btn{ min-height:44px; display:inline-flex; align-items:center; }
.nav-link-btn{ position:relative; top:0 !important; }
.nav-dropdown{ display:inline-flex; align-items:center; }
.nav-dropdown .dropdown-panel{ z-index:50; }

.blog-grid .card-img{ height:110px !important; object-fit:cover; border-radius:10px; margin-bottom:3%; box-shadow:none; }
.blog-grid .card{ gap:0; }

.card, a.card, .book-card{ transition: transform .18s ease, box-shadow .18s ease; }
.card:hover, a.card:hover, .book-card:hover{ transform: translateY(-4px); box-shadow: 0 16px 30px rgba(0,0,0,.10); }

.audio-card{ position:relative; }
.audio-card .audio-chip{ display:inline-flex; align-items:center; gap:8px; padding:10px 14px; border-radius:999px; border:1px solid rgba(29,29,27,.10); background:rgba(29,29,27,.03); font-weight:800; }
.audio-card .audio-chip:hover{ background:rgba(29,29,27,.06); }

.work-detail-copy .work-about{ margin-top:18px; padding-top:16px; border-top:1px solid rgba(29,29,27,.10); }
.work-detail-meta{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:18px; }
.work-detail-meta .meta-card{ border:1px solid rgba(29,29,27,.10); border-radius:16px; background:rgba(29,29,27,.03); padding:12px 14px; }
@media (max-width: 720px){ .work-detail-meta{ grid-template-columns:1fr; } }

.nav-link.is-active, .nav-link-btn.is-active, .dropdown-item.is-active{ background: rgba(29,29,27,.06); border-radius:999px; padding-left:12px; padding-right:12px; }



/* v23 features */
.marquee-book{
  display:flex; align-items:center; gap:12px;
  min-width: 260px;
  padding: 10px 12px;
  border-radius: 18px;
  border:1px solid rgba(29,29,27,.10);
  background: rgba(251,248,242,.94);
  box-shadow: var(--shadow-soft);
}
.mb-cover{ width:58px; height:78px; border-radius:10px; overflow:hidden; flex:0 0 58px; background:rgba(29,29,27,.04); }
.mb-cover img{ width:100%; height:100%; object-fit:cover; }
.mb-cover-placeholder{ display:flex; align-items:center; justify-content:center; width:100%; height:100%; color:var(--muted); font-size:11px; text-align:center; padding:6px; }
.mb-meta{ display:flex; flex-direction:column; gap:4px; min-width:0; }
.mb-title{ font-weight:900; line-height:1.35; }
.mb-price{ color:var(--muted); font-weight:800; }

.work-detail-shell{ display:grid; grid-template-columns: 380px minmax(0,1fr); gap:26px; align-items:start; }
.work-detail-cover{ width:100%; aspect-ratio:3/4; object-fit:cover; border-radius:22px; border:1px solid rgba(29,29,27,.12); box-shadow:var(--shadow); }
.work-detail-right{ background:rgba(251,248,242,.92); border:1px solid rgba(29,29,27,.10); border-radius:22px; padding:20px; box-shadow:var(--shadow-soft); }
.work-detail-title{ margin-bottom:6px; }
.work-detail-meta-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:16px 0; }
.wd-meta{ padding:12px 14px; border:1px solid rgba(29,29,27,.10); border-radius:16px; background:rgba(29,29,27,.025); display:grid; gap:2px; }
.wd-meta strong{ font-size:12px; letter-spacing:.10em; text-transform:uppercase; color:var(--muted); }
.wd-meta span{ font-weight:800; }
.work-actions{ margin:16px 0; }
.work-buy-btn{ min-width:180px; min-height:48px; }
.work-about-box{ margin-top:14px; padding:16px; border-radius:18px; background:linear-gradient(180deg, rgba(196,164,106,.10), rgba(196,164,106,.04)); border:1px solid rgba(196,164,106,.20); }
.work-about-box h3{ margin:0 0 8px; font-family:var(--serif); }

.audio-card{ position:relative; overflow:hidden; border-radius:20px; background:linear-gradient(180deg, rgba(216,91,69,.10), rgba(216,91,69,.04)); border:1px solid rgba(216,91,69,.18); box-shadow:var(--shadow-soft); }
.audio-card-top{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:8px; }
.audio-play-badge{ display:inline-flex; align-items:center; justify-content:center; min-height:38px; padding:0 14px; border-radius:999px; background:rgba(216,91,69,.14); color:var(--accent-2); font-weight:900; }
.audio-detail-box{ margin:16px 0 20px; }
.audio-embed{ position:relative; padding-top:56.25%; overflow:hidden; border-radius:18px; border:1px solid rgba(29,29,27,.10); box-shadow:var(--shadow-soft); }
.audio-embed iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }

.article-detail-shell{ max-width: 920px; margin:0 auto; }
.article-top-image{ width:100%; max-height:420px; object-fit:cover; border-radius:22px; border:1px solid rgba(29,29,27,.10); box-shadow:var(--shadow); margin-bottom:18px; }
.article-detail-card{ background:rgba(251,248,242,.94); border:1px solid rgba(29,29,27,.10); border-radius:22px; padding:22px; box-shadow:var(--shadow-soft); }
.article-head-row{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.article-date{ color:var(--muted); font-weight:800; }
.article-prose{ margin-top:12px; }

.contact-grid{ display:grid; grid-template-columns: 1.1fr .9fr; gap:22px; align-items:start; }
.contact-form-card, .contact-person-card, .contact-map-wrap{ background:rgba(251,248,242,.94); border:1px solid rgba(29,29,27,.10); border-radius:22px; padding:18px; box-shadow:var(--shadow-soft); }
.contact-person-card{ display:flex; gap:16px; align-items:flex-start; }
.contact-person-photo{ width:108px; height:108px; border-radius:18px; object-fit:cover; flex:0 0 108px; }
.contact-map-wrap iframe{ width:100%; min-height:320px; border:0; border-radius:14px; display:block; }

.grid-3 .card, .grid-3 a.card, .book-card{
  transition: transform .18s ease, box-shadow .18s ease;
}
.grid-3 .card:hover, .grid-3 a.card:hover, .book-card:hover{
  transform: translateY(-4px);
  box-shadow: 0 18px 28px rgba(0,0,0,.12);
}

@media (max-width: 980px){
  .work-detail-shell, .contact-grid{ grid-template-columns:1fr; }
  .work-detail-meta-grid{ grid-template-columns:1fr; }
}

/* v24 slider */
.hero-slider{ overflow:hidden; }
.slider-track{ display:flex; width:100%; }
.slide{ flex:0 0 100%; }
.slide::before{ background-size: cover; image-rendering:auto; }
.slide-inner{ justify-content:center; }
.slide-copy{ margin:0 auto; text-align:center; }
.slide-copy .btn{ min-width:180px; }

/* Breadcrumbs */
.crumbs{ padding: 10px 0 0; }
.crumbs-list{ list-style:none; display:flex; gap:10px; padding:0; margin:0; align-items:center; flex-wrap:wrap; }
.crumb a{ color: rgba(29,29,27,.62); font-weight:900; letter-spacing:.06em; text-transform:uppercase; font-size:11px; }
.crumb span{ color: rgba(29,29,27,.85); font-weight:900; letter-spacing:.06em; text-transform:uppercase; font-size:11px; }
.crumb:not(:last-child)::after{ content:"/"; margin-left:10px; color: rgba(29,29,27,.28); }

/* Audio cards elite */
.audio-card{ border-radius: 22px; background: linear-gradient(180deg, rgba(29,29,27,.03), rgba(29,29,27,.00)); border:1px solid rgba(29,29,27,.10); box-shadow: var(--shadow-soft); }
.audio-play-badge{ background: rgba(29,29,27,.06); color: rgba(29,29,27,.86); border:1px solid rgba(29,29,27,.10); }
.audio-card:hover .audio-play-badge{ background: rgba(216,91,69,.10); border-color: rgba(216,91,69,.22); color: rgba(216,91,69,1); }

/* v29 work long description */
.work-long-desc{ margin-top: 18px; background: rgba(251,248,242,.94); border:1px solid rgba(29,29,27,.10); border-radius: 22px; padding: 20px; box-shadow: var(--shadow-soft); }
.work-long-title{ font-family: var(--serif); font-size: 24px; margin: 0 0 10px; }
.work-long-body{ color: rgba(29,29,27,.72); line-height:1.8; }

/* v31 ui tweaks */
.card .pill{ font-size:11px; padding:6px 10px; border-radius:999px; }
.work-views-badge{
  position:absolute; top:14px; right:14px;
  background: rgba(29,29,27,.06);
  border:1px solid rgba(29,29,27,.12);
  padding:8px 10px; border-radius:999px;
  font-weight:900; color: rgba(29,29,27,.78);
}
.work-detail-right{ position:relative; }

.work-buy-desc{ margin-top:14px; padding-top:14px; border-top:1px solid rgba(29,29,27,.10); text-align:center; }
.work-buy-title{ margin:0 0 10px; font-family:var(--serif); font-size:24px; }
.work-buy-text{ color: rgba(29,29,27,.72); line-height:1.85; }

/* Mobile drawer readability */
.mobile-drawer{ background: rgba(251,248,242,.98); color: rgba(29,29,27,.92); }
.mobile-link, .mobile-sublink, .mobile-title{ color: rgba(29,29,27,.92) !important; }
.mobile-drawer::before{ content:""; position:fixed; inset:0; background: rgba(0,0,0,.45); z-index:-1; }

/* v32 pill sizing */
.card .pill{ font-size:10px !important; padding:4px 8px !important; letter-spacing:.10em; }

/* v32 drawer readability */
.mobile-drawer{ background: rgba(251,248,242,.98) !important; }
.mobile-link, .mobile-sublink, .mobile-details summary{ color: rgba(29,29,27,.92) !important; font-weight:900; }

/* v33 work views badge + buy-desc */
.work-views-badge{
  background: rgba(29,29,27,.04);
  border: 1px solid rgba(29,29,27,.10);
  backdrop-filter: blur(6px);
  box-shadow: 0 10px 20px rgba(0,0,0,.08);
  color: rgba(29,29,27,.70);
}
.work-buy-desc{ margin-top:14px; padding-top:16px; border-top:1px solid rgba(29,29,27,.10); text-align:center; }
.work-buy-title{ margin:0 0 10px; font-family:var(--serif); font-size:26px; }
.work-buy-text{ color: rgba(29,29,27,.72); line-height:1.85; }

/* v33 dropdown: JS-controlled only */
@media (min-width: 980px){
  .dropdown-panel{ display:none; }
  .nav-dropdown.is-open .dropdown-panel{ display:block; }
}

/* v33 pill smaller */
.card .pill{ font-size:9px !important; padding:3px 7px !important; }

/* v33 mobile drawer overlay */
.menu-overlay{ display:none; position:fixed; inset:0; background: rgba(0,0,0,.55); z-index: 70; }
.menu-overlay.is-open{ display:block; }
.mobile-drawer{ z-index: 80; background: #fbf8f2 !important; }
.mobile-drawer-inner{ background: transparent !important; }

/* v34 views badge (ghost) */
.work-views-badge{
  position:absolute; top:14px; right:14px;
  background: rgba(255,255,255,.18);
  border: 1px solid rgba(255,255,255,.22);
  backdrop-filter: blur(10px);
  box-shadow: 0 12px 24px rgba(0,0,0,.18);
  color: rgba(29,29,27,.78);
  padding:8px 10px; border-radius:999px;
  font-weight:900;
}
.work-detail-right{ position:relative; }

/* v34 dropdown force */
@media (min-width:980px){
  .dropdown-panel{ display:none !important; }
  .nav-dropdown.is-open .dropdown-panel{ display:block !important; }
}
/* v34 pill clamp everywhere */
.pill{ font-size:9px !important; padding:3px 7px !important; line-height:1 !important; }
/* v34 drawer contrast */
.mobile-drawer{ color: rgba(29,29,27,.92) !important; }
.mobile-drawer-top{ border-bottom:1px solid rgba(29,29,27,.10); }

/* v52 mobile drawer from scratch */
html, body{ overflow-x:hidden; }
body.no-scroll{ overflow:hidden; }

.menu-overlay{
  display:none;
  position:fixed;
  inset:0;
  background: rgba(0,0,0,.75);
  z-index: 9998;
}
.menu-overlay.is-open{ display:block; }

.mobile-drawer{
  display:none;
  position:fixed;
  top:12px;
  left:12px;
  right:12px;
  max-height: calc(100vh - 24px);
  overflow:auto;
  z-index: 9999;

  background:#000000;
  color:#ffffff;
  border: 1px solid #ffffff;
  border-radius: 18px;
  box-shadow: none;
  padding: 14px;
}
.mobile-drawer.is-open{ display:block; }
.mobile-drawer *{ color:#ffffff !important; }

.mobile-drawer-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255,255,255,.18);
  margin-bottom: 10px;
}
.mobile-title{ font-weight:900; letter-spacing:.06em; }

.mobile-drawer .icon-btn{
  border:1px solid rgba(255,255,255,.45);
  background: transparent;
  color:#fff;
  border-radius: 12px;
  padding: 8px 10px;
  cursor:pointer;
}

.mobile-nav{ display:flex; flex-direction:column; gap:6px; }
.mobile-link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding: 12px 12px;
  border-radius: 14px;
  text-decoration:none;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.05);
}
.mobile-sublink{
  display:block;
  padding: 10px 12px;
  border-radius: 12px;
  text-decoration:none;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.03);
}
.mobile-details > summary{ cursor:pointer; list-style:none; }
.mobile-details > summary::-webkit-details-marker{ display:none; }
.mobile-details > summary::after{ content:"▾"; opacity:.9; }
.mobile-details[open] > summary::after{ content:"▴"; }
.mobile-sub{ padding-left: 8px; margin-top: 6px; display:flex; flex-direction:column; gap:6px; }

/* PayTR checkout */
.pay-shell{ max-width: 980px; margin: 0 auto; }
.pay-card{
  border-radius: 24px;
  border:1px solid rgba(29,29,27,.10);
  background: rgba(251,248,242,.92);
  box-shadow: 0 16px 34px rgba(0,0,0,.08);
  padding: 18px;
}
.pay-summary{ display:grid; grid-template-columns: 180px 1fr; gap:18px; align-items:start; margin:14px 0 18px; }
.pay-cover{ width:100%; border-radius:18px; border:1px solid rgba(29,29,27,.10); object-fit:cover; aspect-ratio: 3 / 4; background:#fff; }
.pay-meta{ display:grid; gap:10px; }
@media (max-width: 820px){ .pay-summary{ grid-template-columns: 1fr; } .pay-cover{ max-width:220px; } }