:root{
  --bg: #F6F0E4;
  --bg2:#F2E7D2;
  --ink:#1F120A;
  --ink2:#2A1A10;
  --muted:#6C5C51;
  --line: rgba(31,18,10,.14);
  --orange:#E88B2B;
  --orange2:#D97919;
  --cream:#FFF7E8;
  --shadow: 0 22px 60px rgba(23,12,6,.18);
  --radius: 22px;
  --radius2: 28px;
  --ease: cubic-bezier(.2,.9,.2,1);
}

*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body.almi{
  font-family: "Manrope", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: radial-gradient(1000px 700px at 18% 12%, rgba(232,139,43,.13), transparent 55%),
              radial-gradient(700px 700px at 92% 22%, rgba(31,18,10,.10), transparent 55%),
              linear-gradient(180deg, var(--bg) 0%, var(--bg2) 100%);
  color: var(--ink);
  overflow-x:hidden;
}

.skip-link{
  position:absolute; left:-999px; top:10px;
  background: var(--ink); color: var(--cream);
  padding:10px 14px; border-radius:999px;
  z-index:9999;
}
.skip-link:focus{ left:12px; }

.grain{
  position:fixed; inset:-50%;
  pointer-events:none; z-index:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");
  mix-blend-mode:multiply;
  opacity:.14;
  transform:translate3d(0,0,0);
  animation:grain 9s steps(2) infinite;
}
@keyframes grain{
  0%{ transform:translate(-2%,-1%); }
  25%{ transform:translate(2%,3%); }
  50%{ transform:translate(1%,-2%); }
  75%{ transform:translate(-3%,2%); }
  100%{ transform:translate(-2%,-1%); }
}

.cursor-dot,.cursor-ring{
  position:fixed; left:0; top:0;
  pointer-events:none; z-index:9998;
  transform:translate(-50%,-50%);
  opacity:0;
}
.cursor-dot{
  width:7px; height:7px; border-radius:50%;
  background: var(--orange);
  box-shadow: 0 0 0 10px rgba(232,139,43,.12);
}
.cursor-ring{
  width:44px; height:44px; border-radius:50%;
  border: 1px solid rgba(31,18,10,.35);
  background: radial-gradient(circle at 30% 30%, rgba(232,139,43,.18), transparent 60%);
  backdrop-filter: blur(8px);
}
@media (hover:none){
  .cursor-dot,.cursor-ring{ display:none; }
}

.site-header{ position:relative; z-index:10; }
.almi-nav{
  background: linear-gradient(180deg, rgba(31,18,10,.72), rgba(31,18,10,.22) 65%, transparent);
  border-bottom: 1px solid rgba(255,255,255,.08);
  padding: 14px 0;
  transition: background .45s var(--ease), border-color .45s var(--ease), padding .45s var(--ease);
}
.almi-nav.is-solid{
  background: rgba(31,18,10,.82);
  border-color: rgba(255,255,255,.10);
  padding: 10px 0;
  backdrop-filter: blur(12px);
}
.brand-logo{
  object-fit:contain;
  filter: drop-shadow(0 6px 18px rgba(0,0,0,.25));
}
.brand-wordmark{
  font-weight:800; letter-spacing:.16em;
  font-size:.84rem; opacity:.65;
  display:none;
}
@media (min-width:992px){
  .brand-wordmark{ display:inline; }
}
.navbar-dark .nav-link{
  color: rgba(255,247,232,.84);
  font-weight:650;
  border-radius:999px;
  padding: .5rem .85rem;
  transition: color .2s ease, background .2s ease, transform .2s var(--ease);
}
.navbar-dark .nav-link:hover{
  color: #fff;
  background: rgba(232,139,43,.16);
  transform: translateY(-1px);
}

.btn-almi{
  --bs-btn-color: var(--ink);
  --bs-btn-bg: var(--orange);
  --bs-btn-border-color: transparent;
  --bs-btn-hover-bg: var(--orange2);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-bg: var(--orange2);
  --bs-btn-active-border-color: transparent;
  border-radius: 999px;
  box-shadow: 0 18px 42px rgba(232,139,43,.30);
}
.btn-ghost{
  border-radius:999px;
  border: 1px solid rgba(31,18,10,.22);
  background: rgba(255,247,232,.54);
  color: var(--ink);
  backdrop-filter: blur(8px);
  transition: transform .2s var(--ease), background .2s ease, border-color .2s ease;
}
.btn-ghost:hover{
  transform: translateY(-1px);
  background: rgba(255,247,232,.74);
  border-color: rgba(31,18,10,.32);
}

.hero{
  position:relative;
  min-height: 100svh;
  display:flex;
  align-items:center;
  padding: 120px 0 80px;
  z-index:1;
}
.bean-canvas{
  position:absolute; inset:0;
  width:100%; height:100%;
  z-index:0;
}
.hero .container{ z-index:2; }
.hero-kicker{
  display:flex; align-items:center; gap:14px;
  margin-bottom: 18px;
}
.kicker-pill{
  display:inline-flex;
  padding: 8px 12px;
  border-radius:999px;
  border: 1px solid rgba(31,18,10,.16);
  background: rgba(255,247,232,.56);
  backdrop-filter: blur(10px);
  font-weight:700;
  font-size:.86rem;
}
.kicker-line{
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, rgba(31,18,10,.35), rgba(31,18,10,0));
}
.kicker-small{
  font-weight:650;
  letter-spacing:.18em;
  font-size:.78rem;
  opacity:.62;
}

.hero-title{
  font-family: "Playfair Display", serif;
  font-weight: 700;
  line-height: 1.05;
  font-size: clamp(2.4rem, 4.6vw, 4.15rem);
  margin: 0 0 16px;
}
.hero-title .block{ display:block; }
.hero-title .serif{ display:block; opacity:.92; }
.accent{
  color: var(--orange2);
  text-shadow: 0 10px 30px rgba(232,139,43,.22);
}
.hero-sub{
  max-width: 54ch;
  font-size: 1.06rem;
  color: rgba(31,18,10,.78);
  margin-bottom: 22px;
}
.hero-cta{ margin-top: 18px; }
.micro-proof{
  display:flex; align-items:center; gap:10px;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(31,18,10,.16);
  background: rgba(255,247,232,.56);
  backdrop-filter: blur(10px);
}
.micro-proof__dot{
  width: 10px; height: 10px; border-radius:50%;
  background: #2ed573;
  box-shadow: 0 0 0 8px rgba(46,213,115,.12);
}
.micro-proof__text{ font-size:.92rem; color: rgba(31,18,10,.76); }

.hero-stage{
  position:relative;
  height: 520px;
  border-radius: var(--radius2);
  background:
    radial-gradient(500px 380px at 30% 20%, rgba(232,139,43,.26), transparent 60%),
    radial-gradient(420px 420px at 78% 78%, rgba(31,18,10,.18), transparent 60%),
    linear-gradient(180deg, rgba(255,247,232,.65), rgba(255,247,232,.20));
  border: 1px solid rgba(31,18,10,.14);
  box-shadow: var(--shadow);
  overflow:hidden;
}
.stage-art{
  position:absolute;
  inset: 0;
  display:grid;
  place-items:center;
  opacity:.92;
  transform: translateZ(0);
  pointer-events:none;
  mix-blend-mode: multiply;
}
body.almi[data-theme="night"] .stage-art{ mix-blend-mode: screen; opacity:.78; }
.stage-art img{
  width: min(92%, 520px);
  height: auto;
  filter: drop-shadow(0 26px 50px rgba(23,12,6,.20));
  transform: rotate(-2deg);
}
.stage-orbit{
  position:absolute; inset:-25%;
  background:
    conic-gradient(from 180deg, rgba(232,139,43,.0), rgba(232,139,43,.22), rgba(232,139,43,.0) 60%),
    radial-gradient(circle, rgba(31,18,10,.10), transparent 62%);
  filter: blur(1px);
  animation: orbit 16s linear infinite;
  opacity:.95;
}
@keyframes orbit{ to{ transform: rotate(360deg); } }

.float-card{
  position:absolute;
  border-radius: 18px;
  padding: 16px 16px 14px;
  background: rgba(255,247,232,.70);
  border: 1px solid rgba(31,18,10,.16);
  box-shadow: 0 20px 44px rgba(23,12,6,.16);
  backdrop-filter: blur(12px);
  transform-style: preserve-3d;
}
.float-card__top{ display:flex; gap:8px; align-items:center; margin-bottom: 12px; }
.tag{
  font-weight:800;
  font-size:.72rem;
  letter-spacing:.12em;
  padding:6px 10px;
  border-radius:999px;
  background: rgba(232,139,43,.18);
  border: 1px solid rgba(232,139,43,.22);
}
.tag--dark{
  background: rgba(31,18,10,.08);
  border-color: rgba(31,18,10,.18);
}
.float-card__title{
  font-weight:850;
  font-size: 1.05rem;
  letter-spacing:.02em;
}
.float-card__meta{
  margin-top:6px;
  font-size:.92rem;
  color: rgba(31,18,10,.72);
}
.float-card__bar{
  height: 6px;
  border-radius: 999px;
  margin-top: 14px;
  background: linear-gradient(90deg, rgba(232,139,43,.95), rgba(31,18,10,.22));
}
.card-a{ left: 22px; top: 32px; width: 78%; }
.card-b{ right: 18px; top: 205px; width: 78%; }
.card-c{ left: 34px; bottom: 34px; width: 78%; }
@media (max-width: 991px){
  .hero-stage{ height: 420px; }
  .card-a,.card-b,.card-c{ width: 86%; }
}

/* Mobile layout: cards dikey dizilsin, üst üste binmesin */
@media (max-width: 767px){
  .hero{
    padding-top: 104px;
    padding-bottom: 64px;
  }
  .hero-stage{
    height: auto;
    padding: 18px 14px 16px;
    display:flex;
    flex-direction:column;
    gap: 12px;
  }
  .stage-orbit,
  .stage-art{
    position:absolute;
    inset: 0;
    pointer-events:none;
  }
  .stage-art img{
    opacity:.22;
    filter: blur(1px);
  }
  .float-card{
    position:relative;
    width: 100%;
    left:auto;
    right:auto;
    top:auto;
    bottom:auto;
  }
}

.scroll-hint{
  position:absolute;
  left: 50%;
  bottom: 14px;
  transform: translateX(-50%);
  text-decoration:none;
  color: rgba(31,18,10,.66);
  display:flex;
  align-items:center;
  gap:10px;
  z-index:3;
}
.scroll-hint__line{
  width: 64px; height: 2px;
  background: linear-gradient(90deg, rgba(31,18,10,0), rgba(31,18,10,.38), rgba(31,18,10,0));
  position:relative;
  overflow:hidden;
}
.scroll-hint__line::after{
  content:"";
  position:absolute; inset:0;
  transform: translateX(-80%);
  background: linear-gradient(90deg, transparent, rgba(232,139,43,.85), transparent);
  animation: sweep 1.6s var(--ease) infinite;
}
@keyframes sweep{ to{ transform: translateX(80%);} }
.scroll-hint__txt{ font-weight:750; letter-spacing:.12em; font-size:.78rem; text-transform:uppercase; }

.section{
  position:relative;
  padding: 92px 0;
  z-index:1;
}

/* İç sayfalarda ilk bölümün header'dan nefes alması için */
main > .section:first-of-type:not(.hero){
  padding-top: 132px;
}
.section-head{ max-width: 860px; margin: 0 auto 34px; }
.section-head--split{
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 20px;
  align-items:end;
}
@media (max-width: 991px){
  .section-head--split{ grid-template-columns: 1fr; }
}
.eyebrow{
  font-weight:850;
  letter-spacing:.22em;
  text-transform:uppercase;
  color: rgba(31,18,10,.58);
  font-size: .78rem;
  margin-bottom: 10px;
}
.section-title{
  font-family:"Playfair Display", serif;
  font-weight: 800;
  line-height: 1.1;
  font-size: clamp(2.0rem, 3.3vw, 3.0rem);
  margin: 0 0 12px;
}
.section-sub{
  color: rgba(31,18,10,.76);
  font-size: 1.02rem;
  margin: 0;
  max-width: 70ch;
}
.brands-note{
  color: rgba(31,18,10,.68);
  font-size: .98rem;
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid rgba(31,18,10,.14);
  background: rgba(255,247,232,.52);
  backdrop-filter: blur(10px);
}

.catalog-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}
.catalog-card{
  position:relative;
  border-radius: var(--radius2);
  padding: 26px;
  border: 1px solid rgba(31,18,10,.14);
  background: rgba(255,247,232,.60);
  box-shadow: 0 18px 60px rgba(23,12,6,.10);
  overflow:hidden;
  transform-style: preserve-3d;
  min-height: 250px;
}
.catalog-card__bg{
  position:absolute; inset:-1px;
  background:
    radial-gradient(420px 320px at 20% 20%, rgba(232,139,43,.22), transparent 60%),
    radial-gradient(360px 360px at 78% 80%, rgba(31,18,10,.14), transparent 60%);
  opacity:.9;
}
.catalog-card__icon{
  position:relative;
  width: 56px; height: 56px;
  border-radius: 18px;
  display:grid; place-items:center;
  background: rgba(232,139,43,.16);
  border: 1px solid rgba(232,139,43,.22);
  font-weight:900;
  letter-spacing:.08em;
}
.catalog-card__title{
  position:relative;
  margin: 18px 0 8px;
  font-weight:900;
  letter-spacing:.01em;
}
.catalog-card__text{
  position:relative;
  margin: 0 0 18px;
  color: rgba(31,18,10,.75);
  max-width: 52ch;
}
.catalog-card__actions{
  position:relative;
  display:flex;
  gap: 12px;
  flex-wrap:wrap;
  align-items:center;
}
.btn-pill{
  border-radius: 999px;
  border: 1px solid rgba(31,18,10,.18);
  background: rgba(255,247,232,.66);
  font-weight:850;
  padding: 10px 14px;
  transition: transform .2s var(--ease), background .2s ease, border-color .2s ease;
}
.btn-pill:hover{ transform: translateY(-1px); background: rgba(255,247,232,.84); border-color: rgba(31,18,10,.28); }
.btn-pill--light{
  border-color: rgba(255,255,255,.28);
  background: rgba(255,255,255,.10);
  color: rgba(255,247,232,.92);
}
.btn-pill--ghost{
  border-color: rgba(255,255,255,.22);
  background: transparent;
  color: rgba(255,247,232,.90);
}
.link-arrow{
  text-decoration:none;
  font-weight:850;
  color: rgba(31,18,10,.80);
  transition: transform .2s var(--ease), color .2s ease;
}
.link-arrow:hover{ transform: translateX(2px); color: var(--orange2); }

.catalog-card__shine{
  position:absolute; inset:-50%;
  background: radial-gradient(circle at var(--sx,40%) var(--sy,30%), rgba(255,255,255,.45), transparent 44%);
  opacity:0;
  transition: opacity .2s ease;
  pointer-events:none;
}
.catalog-card:hover .catalog-card__shine{ opacity:.85; }

.catalog-card--dark{
  background: linear-gradient(180deg, rgba(31,18,10,.78), rgba(31,18,10,.90));
  color: rgba(255,247,232,.92);
  border-color: rgba(255,255,255,.10);
}
.catalog-card--dark .catalog-card__text{ color: rgba(255,247,232,.76); }
.catalog-card--dark .catalog-card__bg{
  background:
    radial-gradient(420px 320px at 24% 20%, rgba(232,139,43,.26), transparent 60%),
    radial-gradient(360px 360px at 78% 80%, rgba(255,247,232,.10), transparent 60%);
}
.catalog-card--wide{
  grid-column: 1 / -1;
  min-height: 220px;
}
@media (max-width: 991px){
  .catalog-grid{ grid-template-columns: 1fr; }
  .catalog-card--wide{ grid-column:auto; }
}
.mini-badges{ display:flex; gap:8px; align-items:center; }
.mini-badge{
  display:inline-flex;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,18,10,.14);
  background: rgba(255,247,232,.50);
  font-weight:850;
  font-size:.78rem;
  color: rgba(31,18,10,.72);
}

.section--brands{
  padding-top: 70px;
  padding-bottom: 90px;
}

.section--gallery{
  padding-top: 68px;
  padding-bottom: 40px;
}
.lookbook{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
@media (max-width: 991px){
  .lookbook{ grid-template-columns: 1fr; }
}
.lookbook-item{
  margin:0;
  position:relative;
  border-radius: var(--radius2);
  border: 1px solid rgba(31,18,10,.14);
  background: rgba(255,247,232,.52);
  box-shadow: 0 18px 60px rgba(23,12,6,.10);
  overflow:hidden;
  transform-style: preserve-3d;
}
.lookbook-item img{
  width: 100%;
  height: auto;
  display:block;
  transform: scale(1.02);
  transition: transform .45s var(--ease);
}
.lookbook-item:hover img{ transform: scale(1.06); }
.lookbook-item figcaption{
  position:absolute;
  left: 14px;
  right: 14px;
  bottom: 14px;
  border-radius: 18px;
  border: 1px solid rgba(31,18,10,.14);
  background: rgba(255,247,232,.62);
  backdrop-filter: blur(10px);
  padding: 12px 12px;
  display:flex;
  justify-content:space-between;
  gap: 10px;
  align-items:baseline;
}
.lookbook-item strong{ font-weight: 950; letter-spacing:.04em; }
.lookbook-item span{
  color: rgba(31,18,10,.64);
  font-weight: 850;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-size: .74rem;
}
.marquee{
  position:relative;
  margin: 22px 0 38px;
  padding: 18px 0;
  border-top: 1px solid rgba(31,18,10,.14);
  border-bottom: 1px solid rgba(31,18,10,.14);
  overflow:hidden;
  background: rgba(255,247,232,.42);
  backdrop-filter: blur(10px);
}
.marquee__track{
  display:flex;
  width:max-content;
  gap: 24px;
  padding-left: 18px;
  will-change: transform;
}
.marquee__row{
  display:flex;
  gap: 18px;
  align-items:center;
}
.brand-chip{
  display:inline-flex;
  align-items:center;
  padding: 12px 16px;
  border-radius: 999px;
  border: 1px solid rgba(31,18,10,.14);
  background: rgba(255,247,232,.62);
  font-weight:900;
  letter-spacing:.04em;
  color: rgba(31,18,10,.82);
  box-shadow: 0 12px 30px rgba(23,12,6,.08);
  white-space:nowrap;
}
.brand-chip::before{
  content:"";
  width: 8px; height:8px;
  border-radius:50%;
  background: var(--orange);
  box-shadow: 0 0 0 7px rgba(232,139,43,.14);
  margin-right: 10px;
}
.brand-cards{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
@media (max-width: 991px){
  .brand-cards{ grid-template-columns: 1fr; }
}
.brand-card{
  position:relative;
  border-radius: var(--radius2);
  padding: 22px;
  border: 1px solid rgba(31,18,10,.14);
  background: rgba(255,247,232,.58);
  box-shadow: 0 18px 60px rgba(23,12,6,.08);
  overflow:hidden;
  transform-style: preserve-3d;
}
.brand-card__badge{
  display:inline-flex;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(232,139,43,.22);
  background: rgba(232,139,43,.16);
  font-weight:900;
  letter-spacing:.14em;
  font-size:.72rem;
  text-transform:uppercase;
}
.brand-card__title{
  margin: 12px 0 6px;
  font-weight:950;
}
.brand-card__text{
  color: rgba(31,18,10,.74);
  margin: 0 0 14px;
}
.brand-card__meter{
  height: 10px;
  border-radius:999px;
  background: rgba(31,18,10,.10);
  overflow:hidden;
}
.brand-card__meter span{
  display:block;
  height:100%;
  width: var(--w,60%);
  background: linear-gradient(90deg, rgba(232,139,43,.95), rgba(31,18,10,.40));
  border-radius: 999px;
}

.story{
  position:relative;
  display:grid;
  grid-template-columns: 1fr 360px;
  gap: 24px;
  align-items:start;
}
@media (max-width: 991px){
  .story{ grid-template-columns: 1fr; }
}
.story-rail{
  position:absolute;
  left: 14px;
  top: 8px;
  bottom: 8px;
  width: 2px;
  background: linear-gradient(180deg, rgba(232,139,43,.0), rgba(232,139,43,.55), rgba(31,18,10,.0));
  opacity:.55;
}
.story-items{ padding-left: 36px; display:grid; gap: 16px; }
.story-item{
  position:relative;
  border-radius: var(--radius);
  border: 1px solid rgba(31,18,10,.14);
  background: rgba(255,247,232,.58);
  box-shadow: 0 18px 60px rgba(23,12,6,.08);
  padding: 18px 18px 16px;
}
.story-item__dot{
  position:absolute;
  left: -30px;
  top: 22px;
  width: 12px; height: 12px;
  border-radius:50%;
  background: var(--orange);
  box-shadow: 0 0 0 10px rgba(232,139,43,.14);
}
.story-item h3{ font-weight:950; margin:0 0 6px; }
.story-item p{ margin:0; color: rgba(31,18,10,.74); }
.story-cta{ position:sticky; top: 94px; }
.story-cta__card{
  border-radius: var(--radius2);
  border: 1px solid rgba(31,18,10,.14);
  background: linear-gradient(180deg, rgba(255,247,232,.64), rgba(255,247,232,.44));
  box-shadow: var(--shadow);
  padding: 18px;
  overflow:hidden;
  transform-style: preserve-3d;
}
.story-cta__title{
  font-weight:950;
  font-size: 1.1rem;
}
.story-cta__text{
  margin: 8px 0 14px;
  color: rgba(31,18,10,.74);
}

.contact{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
  align-items:stretch;
}
@media (max-width: 991px){
  .contact{ grid-template-columns: 1fr; }
}
.contact-left{
  padding-right: 10px;
}
.contact-list{
  list-style:none;
  padding:0; margin: 18px 0 0;
  display:grid;
  gap: 10px;
}
.contact-list li{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap: 16px;
  border-radius: 16px;
  padding: 12px 14px;
  border: 1px solid rgba(31,18,10,.14);
  background: rgba(255,247,232,.54);
  backdrop-filter: blur(10px);
}
.contact-list span{ color: rgba(31,18,10,.58); font-weight:850; letter-spacing:.08em; text-transform:uppercase; font-size:.74rem; }
.contact-list strong{ font-weight:950; color: rgba(31,18,10,.82); }
.contact-form{
  border-radius: var(--radius2);
  border: 1px solid rgba(31,18,10,.14);
  background: rgba(255,247,232,.58);
  backdrop-filter: blur(12px);
  box-shadow: var(--shadow);
  padding: 18px;
}
.form-label{ font-weight:850; color: rgba(31,18,10,.70); }
.form-control,.form-select{
  border-radius: 14px;
  border: 1px solid rgba(31,18,10,.18);
  background: rgba(255,255,255,.58);
}
.form-control:focus,.form-select:focus{
  border-color: rgba(232,139,43,.55);
  box-shadow: 0 0 0 .25rem rgba(232,139,43,.18);
}
.form-hint{
  margin-top: 12px;
  color: rgba(31,18,10,.70);
  font-weight: 750;
  min-height: 22px;
}

.site-footer{
  padding: 44px 0 54px;
  border-top: 1px solid rgba(31,18,10,.14);
  background: rgba(255,247,232,.36);
  backdrop-filter: blur(10px);
}
.footer-grid{
  display:grid;
  grid-template-columns: 1.2fr .8fr .6fr;
  gap: 20px;
  align-items:start;
}
@media (max-width: 991px){
  .footer-grid{ grid-template-columns: 1fr; }
}
.footer-brand p{ margin: 10px 0 0; color: rgba(31,18,10,.72); max-width: 52ch; }
.footer-links{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.footer-links a{
  text-decoration:none;
  font-weight: 900;
  color: rgba(31,18,10,.74);
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(31,18,10,.12);
  background: rgba(255,247,232,.52);
  transition: transform .2s var(--ease), border-color .2s ease;
}
.footer-links a:hover{ transform: translateY(-1px); border-color: rgba(31,18,10,.24); }
.footer-mini{ display:flex; flex-direction:column; gap: 12px; align-items:flex-start; }
.footer-chip{
  display:inline-flex; align-items:center; gap:10px;
  padding: 10px 12px;
  border-radius:999px;
  border: 1px solid rgba(31,18,10,.14);
  background: rgba(255,247,232,.56);
  font-weight:900;
  color: rgba(31,18,10,.76);
}
.footer-chip__dot{
  width: 10px; height: 10px;
  border-radius:50%;
  background: var(--orange);
  box-shadow: 0 0 0 8px rgba(232,139,43,.12);
}

.reel[hidden]{ display:none !important; }
.reel{
  position:fixed; inset:0;
  z-index: 9999;
}
.reel__backdrop{
  position:absolute; inset:0;
  background: rgba(10,6,4,.62);
  backdrop-filter: blur(10px);
}
.reel__panel{
  position:absolute;
  left:50%; top:50%;
  transform: translate(-50%,-50%);
  width: min(860px, calc(100vw - 28px));
  border-radius: var(--radius2);
  border: 1px solid rgba(255,255,255,.12);
  background: linear-gradient(180deg, rgba(31,18,10,.86), rgba(31,18,10,.96));
  color: rgba(255,247,232,.92);
  box-shadow: 0 30px 90px rgba(0,0,0,.46);
  overflow:hidden;
}
.reel__top{
  display:flex; justify-content:space-between; align-items:center;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(255,255,255,.10);
}
.reel__title{ font-weight:950; letter-spacing:.06em; }
.reel__close{
  width: 42px; height: 42px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  color: rgba(255,247,232,.92);
  font-size: 26px;
  line-height: 1;
}
.reel__body{ padding: 16px; }
.reel__fake{
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(520px 320px at 22% 18%, rgba(232,139,43,.24), transparent 60%),
    radial-gradient(460px 460px at 80% 70%, rgba(255,247,232,.10), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  min-height: 360px;
  display:grid;
  place-items:center;
  position:relative;
  overflow:hidden;
}
.reel__pulse{
  position:absolute;
  width: 240px; height: 240px;
  border-radius:50%;
  background: radial-gradient(circle, rgba(232,139,43,.32), transparent 62%);
  filter: blur(1px);
  animation: pulse 2.2s var(--ease) infinite;
}
@keyframes pulse{
  0%{ transform: scale(.86); opacity:.62; }
  60%{ transform: scale(1.08); opacity:1; }
  100%{ transform: scale(.86); opacity:.62; }
}
.reel__text{
  position:relative;
  max-width: 60ch;
  text-align:center;
  padding: 0 18px;
  color: rgba(255,247,232,.82);
}
.reel__bottom{
  padding: 14px 16px 16px;
  border-top: 1px solid rgba(255,255,255,.10);
}

/* Motion helpers */
[data-reveal]{ opacity: 0; transform: translateY(12px); }
.split-line{
  display:block;
  overflow:hidden;
  padding-bottom: .16em;   /* prevent glyph descender clipping (e.g., "a", "g", ".") */
  margin-bottom: -.16em;   /* keep visual rhythm unchanged */
}
.split-word{ display:inline-block; transform: translateY(120%); }

@media (max-width: 575px){
  .hero{ padding: 112px 0 72px; }
  .hero-kicker{ flex-wrap:wrap; gap:10px 12px; }
  .kicker-line{ display:none; }
  .kicker-small{ letter-spacing:.12em; }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  *{ animation-duration: 1ms !important; animation-iteration-count: 1 !important; transition-duration: 1ms !important; scroll-behavior:auto !important; }
  [data-reveal]{ opacity: 1 !important; transform:none !important; }
  .split-word{ transform:none !important; }
  .grain{ display:none; }
}

/* Theme toggle (krem / gece) */
body.almi[data-theme="night"]{
  --bg:#0D0907;
  --bg2:#140E0A;
  --ink:#FFF2DD;
  --ink2:#FFF2DD;
  --muted:#C9B8A4;
  --line: rgba(255,242,221,.12);
}
body.almi[data-theme="night"] .almi-nav{
  background: linear-gradient(180deg, rgba(10,6,4,.75), rgba(10,6,4,.22) 65%, transparent);
}
body.almi[data-theme="night"] .almi-nav.is-solid{
  background: rgba(10,6,4,.82);
}