/* ============================================================
   ALFAMS LUXURY — style.css
   Ultra premium · karanlık lüks · mimari · sinematik
   ============================================================ */

/* ---------- Design Tokens ---------- */
:root{
  /* Renkler — sıcak espresso siyahı + şampanya/pirinç altını + fildişi */
  --void:#0a0809;
  --night:#0d0c10;
  --night-2:#121016;
  --anthracite:#161318;
  --surface:#1b181e;
  --steel:#2b2630;
  --steel-soft:#211d25;
  --gold:#c2a06a;
  --gold-bright:#e6cd94;
  --gold-deep:#997c49;
  --bronze:#8a6a3f;
  --signature:#c23a26;
  --signature-soft:#8f2c1c;
  --warm-white:#f0ebe0;
  --paper:#f7f3ea;
  --muted:#a49b91;
  --muted-2:#6f665d;

  /* Tipografi — couture editoryal */
  --display:"Fraunces", "Cormorant Garamond", Georgia, serif;
  --serif:"Cormorant Garamond", Georgia, "Times New Roman", serif;
  --sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;

  /* Ölçü */
  --maxw:1320px;
  --gutter:clamp(1.4rem, 4.5vw, 4rem);
  --section-y:clamp(6rem, 13vw, 12rem);
  --radius:1px;

  /* Hareket */
  --ease:cubic-bezier(.22,.61,.36,1);
  --ease-luxe:cubic-bezier(.16,1,.3,1);
  --hair:rgba(194,160,106,.26);
  --hair-soft:rgba(194,160,106,.12);
}

/* ---------- Reset ---------- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:var(--sans);
  background:var(--night);
  color:var(--warm-white);
  line-height:1.6;
  font-weight:300;
  letter-spacing:.01em;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body.is-locked{overflow:hidden}
img{max-width:100%;display:block;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}
ul{list-style:none}
::selection{background:var(--gold);color:var(--void)}

/* Fondaki degrade zemin */
body::before{
  content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:
    radial-gradient(120% 80% at 50% -10%, rgba(198,161,91,.06), transparent 55%),
    radial-gradient(90% 60% at 90% 110%, rgba(20,28,48,.5), transparent 60%),
    linear-gradient(180deg, var(--void), var(--night) 40%, var(--night-2));
}

/* ---------- Grain overlay ---------- */
.grain{
  position:fixed;inset:0;z-index:9990;pointer-events:none;opacity:.05;
  background-image:url("../images/grain.png");
  background-size:200px;mix-blend-mode:overlay;
}

/* ---------- Cursor glow (desktop) ---------- */
.cursor-glow{
  position:fixed;top:0;left:0;width:520px;height:520px;border-radius:50%;
  transform:translate(-50%,-50%);pointer-events:none;z-index:9991;
  background:radial-gradient(circle, rgba(198,161,91,.10), transparent 62%);
  opacity:0;transition:opacity .4s var(--ease);will-change:transform;
}
body.cursor-active .cursor-glow{opacity:1}

/* ============================================================
   Tipografi
   ============================================================ */
h1,h2,h3,h4{font-family:var(--display);font-weight:340;line-height:1.04;letter-spacing:-.015em;font-optical-sizing:auto}
.display{
  font-family:var(--display);font-weight:300;
  font-size:clamp(2.7rem, 6.8vw, 6.4rem);
  line-height:.98;letter-spacing:-.022em;font-optical-sizing:auto;
}
.h-xl{font-size:clamp(2.3rem,5.2vw,4.6rem);font-weight:320;letter-spacing:-.02em}
.h-lg{font-size:clamp(2rem,3.8vw,3.4rem);font-weight:340}
.h-md{font-size:clamp(1.6rem,2.8vw,2.4rem);font-weight:360}
.serif-italic{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--gold-bright);letter-spacing:0}
.lead{
  font-size:clamp(1.05rem,1.5vw,1.4rem);
  color:var(--muted);font-weight:300;line-height:1.7;max-width:60ch;
}
p{max-width:68ch}
strong{color:var(--warm-white);font-weight:500}

.eyebrow{
  display:inline-flex;align-items:center;gap:.7rem;
  font-family:var(--mono);font-size:.72rem;font-weight:500;
  letter-spacing:.28em;text-transform:uppercase;color:var(--gold);
}
.eyebrow::before{content:"";width:26px;height:1px;background:var(--gold);opacity:.7}
.eyebrow__num{color:var(--muted-2);letter-spacing:.1em}
.eyebrow--center{justify-content:center}
.eyebrow--plain::before{display:none}

.gold-text{color:var(--gold)}
.muted{color:var(--muted)}

/* ============================================================
   Layout
   ============================================================ */
.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}
.container--wide{max-width:1560px}
.section{padding-block:var(--section-y);position:relative}
.section--tight{padding-block:clamp(3rem,6vw,6rem)}
.section-head{max-width:64ch;margin-bottom:clamp(2.5rem,5vw,4.5rem)}
.section-head--center{margin-inline:auto;text-align:center}
.section-head .display,.section-head .h-xl,.section-head .h-lg{margin-top:1.2rem}
.section-head p{margin-top:1.4rem}

.divider{height:1px;background:linear-gradient(90deg,transparent,var(--hair),transparent);border:0}

/* Bölüm numarası (mimari çizim hissi) */
.rule-top{position:relative;padding-top:clamp(2rem,4vw,3.5rem)}
.rule-top::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,var(--hair),transparent 70%)}

/* ============================================================
   Butonlar
   ============================================================ */
.btn{
  --bh:56px;
  display:inline-flex;align-items:center;justify-content:center;gap:.7rem;
  height:var(--bh);padding-inline:2rem;
  font-family:var(--mono);font-size:.78rem;font-weight:500;
  letter-spacing:.18em;text-transform:uppercase;
  border:1px solid var(--steel);border-radius:var(--radius);
  color:var(--warm-white);position:relative;overflow:hidden;
  transition:color .5s var(--ease),border-color .5s var(--ease),transform .5s var(--ease);
}
.btn::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(120deg,var(--gold-deep),var(--gold),var(--gold-bright));
  transform:translateY(101%);transition:transform .55s var(--ease-luxe);
}
.btn:hover{color:var(--void);border-color:var(--gold)}
.btn:hover::before{transform:translateY(0)}
.btn--gold{background:linear-gradient(120deg,var(--gold-deep),var(--gold));color:var(--void);border-color:transparent}
.btn--gold::before{background:linear-gradient(120deg,var(--gold),var(--gold-bright))}
.btn--gold:hover{color:var(--void)}
.btn--ghost{border-color:var(--steel)}
.btn--sm{--bh:44px;padding-inline:1.4rem;font-size:.7rem}
.btn--lg{--bh:62px;padding-inline:2.6rem}
.btn__arrow{transition:transform .5s var(--ease)}
.btn:hover .btn__arrow{transform:translateX(5px)}
.btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

.link-underline{
  font-family:var(--mono);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--gold);display:inline-flex;gap:.6rem;align-items:center;position:relative;padding-bottom:4px;
}
.link-underline::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;
  background:var(--gold);transform:scaleX(.25);transform-origin:left;transition:transform .5s var(--ease)}
.link-underline:hover::after{transform:scaleX(1)}
.link-underline span{transition:transform .5s var(--ease)}
.link-underline:hover span{transform:translateX(4px)}

.actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2.4rem}

/* ============================================================
   Preloader
   ============================================================ */
.preloader{
  position:fixed;inset:0;z-index:10000;display:grid;place-items:center;
  background:var(--void);transition:opacity .8s var(--ease),visibility .8s;
}
.preloader.is-done{opacity:0;visibility:hidden}
.preloader__inner{display:flex;flex-direction:column;align-items:center;gap:1.4rem;text-align:center}
.preloader__mark{width:54px;height:54px;position:relative;opacity:0;animation:plFade .9s var(--ease) .1s forwards}
.preloader__peak{
  position:absolute;inset:0;
  background:conic-gradient(from 180deg at 50% 60%,transparent 0deg, var(--signature) 8deg, var(--gold) 20deg, transparent 40deg);
  -webkit-mask:polygon(50% 6%,92% 82%,50% 60%,8% 82%);
  clip-path:polygon(50% 6%,92% 82%,50% 60%,8% 82%);
  filter:drop-shadow(0 0 12px rgba(198,161,91,.5));
}
.preloader__word{
  font-family:var(--serif);font-size:clamp(1.6rem,5vw,2.4rem);font-weight:300;letter-spacing:.34em;
  color:var(--warm-white);display:flex;gap:.5em;opacity:0;
  animation:plUp 1s var(--ease) .35s forwards;padding-left:.34em;
}
.preloader__word span{color:var(--gold);letter-spacing:.34em}
.preloader__line{width:min(260px,60vw);height:1px;background:var(--steel);overflow:hidden}
.preloader__line span{display:block;height:100%;width:100%;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
  transform:translateX(-100%);animation:plSweep 1.5s var(--ease) .5s forwards}
.preloader__meta{font-family:var(--mono);font-size:.62rem;letter-spacing:.34em;color:var(--muted-2);
  opacity:0;animation:plFade .8s ease .9s forwards}
@keyframes plFade{to{opacity:1}}
@keyframes plUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes plSweep{to{transform:translateX(100%)}}

/* ============================================================
   Header / Nav
   ============================================================ */
.site-header{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  transition:transform .5s var(--ease),background .5s var(--ease),backdrop-filter .5s,border-color .5s;
  border-bottom:1px solid transparent;
}
.site-header.is-scrolled{
  background:rgba(9,10,14,.72);backdrop-filter:blur(18px) saturate(140%);
  border-bottom-color:var(--steel-soft);
}
.site-header.is-hidden{transform:translateY(-100%)}
.site-header__inner{
  max-width:1560px;margin-inline:auto;padding:1.35rem var(--gutter);
  display:flex;align-items:center;justify-content:space-between;gap:2rem;
  transition:padding .5s var(--ease);
}
.site-header.is-scrolled .site-header__inner{padding-block:.85rem}
.brand{display:inline-flex;align-items:center;flex-shrink:0}
.brand__img{height:46px;width:auto;transition:height .5s var(--ease)}
.site-header.is-scrolled .brand__img{height:38px}

.nav{display:none}
@media(min-width:1080px){.nav{display:block}}
.nav__list{display:flex;align-items:center;gap:2.2rem}
.nav__item{position:relative}
.nav__link{
  font-family:var(--mono);font-size:.74rem;font-weight:400;letter-spacing:.14em;text-transform:uppercase;
  color:var(--muted);display:inline-flex;align-items:center;gap:.4rem;padding:.4rem 0;position:relative;
  transition:color .4s var(--ease);
}
.nav__link::after{content:"";position:absolute;left:0;bottom:-2px;height:1px;width:100%;
  background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
.nav__link:hover,.nav__link.is-active{color:var(--warm-white)}
.nav__link:hover::after,.nav__link.is-active::after{transform:scaleX(1)}
.nav__caret{width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;
  transform:rotate(45deg) translateY(-2px);transition:transform .4s var(--ease)}
.has-mega:hover .nav__caret{transform:rotate(225deg) translateY(0)}

/* Mega menu */
.mega{
  position:absolute;top:calc(100% + .9rem);left:50%;transform:translate(-50%,10px);
  width:min(720px,82vw);background:rgba(13,15,21,.97);backdrop-filter:blur(20px);
  border:1px solid var(--steel-soft);border-radius:4px;padding:2rem;
  opacity:0;visibility:hidden;transition:opacity .35s var(--ease),transform .35s var(--ease),visibility .35s;
  box-shadow:0 40px 80px -30px rgba(0,0,0,.8);
}
/* görünmez hover köprüsü: link ile panel arasındaki boşluğu kapatır */
.mega::before{content:"";position:absolute;top:-1.3rem;left:-1.5rem;right:-1.5rem;height:1.6rem;background:transparent}
/* altın üst çizgi */
.mega::after{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.has-mega:hover .mega,.has-mega:focus-within .mega{opacity:1;visibility:visible;transform:translate(-50%,0)}
.mega__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:2rem}
.mega__lead{position:relative;min-height:270px;padding-bottom:8rem}
.mega__lead > *{position:relative;z-index:1}
.mega__lead::after{
  content:"";position:absolute;left:1.2rem;bottom:.4rem;width:min(260px,86%);aspect-ratio:1200/479;
  background:url("../images/alfams-logo.png?v=20260714-luxury") center/contain no-repeat;
  opacity:.08;pointer-events:none;filter:saturate(.75) brightness(1.35);
}
.mega__lead p{font-size:.92rem;color:var(--muted);margin:.9rem 0 1.4rem;max-width:none}
.mega__all{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.mega__items{display:grid;grid-template-columns:1fr 1fr;gap:.3rem}
.mega__item{padding:.7rem .9rem;border-radius:3px;display:flex;flex-direction:column;gap:.15rem;
  border:1px solid transparent;transition:background .3s,border-color .3s}
.mega__item:hover{background:var(--surface);border-color:var(--steel-soft)}
.mega__name{font-family:var(--serif);font-size:1.15rem;color:var(--warm-white)}
.mega__sub{font-family:var(--mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2)}

.site-header__actions{display:flex;align-items:center;gap:1rem}
.site-header__actions .btn{display:none}
@media(min-width:1080px){.site-header__actions .btn{display:inline-flex}}

/* Nav toggle */
.nav-toggle{width:40px;height:40px;display:grid;place-content:center;gap:5px;position:relative;z-index:1200}
@media(min-width:1080px){.nav-toggle{display:none}}
.nav-toggle span{display:block;width:24px;height:1.5px;background:var(--warm-white);transition:transform .4s var(--ease),opacity .3s}
.nav-toggle.is-open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.nav-toggle.is-open span:nth-child(2){opacity:0}
.nav-toggle.is-open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

/* Mobil menü */
.mobile-menu{
  position:fixed;inset:0;z-index:1100;background:var(--void);
  display:grid;place-items:center;padding:6rem var(--gutter) 3rem;
  clip-path:circle(0% at calc(100% - 44px) 44px);
  transition:clip-path .7s var(--ease-luxe);
}
.mobile-menu.is-open{clip-path:circle(160% at calc(100% - 44px) 44px)}
.mobile-menu__inner{width:100%;max-width:520px;display:flex;flex-direction:column;gap:1.2rem;
  opacity:0;transform:translateY(16px);transition:opacity .5s ease .25s,transform .5s var(--ease) .25s}
.mobile-menu.is-open .mobile-menu__inner{opacity:1;transform:none}
.mobile-menu__eyebrow{margin-bottom:.5rem}
.mobile-menu__nav{display:flex;flex-direction:column}
.mobile-menu__nav>a{
  font-family:var(--serif);font-size:clamp(1.8rem,7vw,2.6rem);font-weight:300;
  color:var(--warm-white);padding:.5rem 0;border-bottom:1px solid var(--steel-soft);
  transition:color .35s,padding-left .35s var(--ease);
}
.mobile-menu__nav>a:hover{color:var(--gold);padding-left:.8rem}
.mobile-menu__cols{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;padding:.9rem 0 1.1rem 1rem;border-bottom:1px solid var(--steel-soft)}
.mobile-menu__sub{font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);transition:color .3s}
.mobile-menu__sub:hover{color:var(--gold)}
.mobile-menu__cta{margin-top:1rem;width:100%}

/* ============================================================
   Hero
   ============================================================ */
.hero{
  position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;
  padding:clamp(6rem,14vh,10rem) 0 0;overflow:hidden;
}
.hero__bg{position:absolute;inset:0;z-index:-1}
.hero__bg::before{
  content:"";position:absolute;inset:-10% 0 0;
  background:
    radial-gradient(70% 50% at 70% 30%, rgba(30,42,70,.6), transparent 60%),
    radial-gradient(80% 60% at 20% 90%, rgba(198,161,91,.10), transparent 55%),
    linear-gradient(180deg,var(--void),transparent 30%,var(--night) 90%);
}
/* Mimari blueprint grid — hero atmosferi */
.hero__grid{position:absolute;inset:0;z-index:-1;opacity:.5;
  background-image:
    linear-gradient(var(--hair-soft) 1px,transparent 1px),
    linear-gradient(90deg,var(--hair-soft) 1px,transparent 1px);
  background-size:clamp(60px,7vw,110px) clamp(60px,7vw,110px);
  -webkit-mask:radial-gradient(120% 90% at 60% 20%,#000,transparent 75%);
          mask:radial-gradient(120% 90% at 60% 20%,#000,transparent 75%);
  transform:perspective(900px) rotateX(1deg);
}
.hero__light{position:absolute;top:-30%;left:50%;width:60vw;height:120vh;transform:translateX(-50%);
  z-index:-1;background:radial-gradient(50% 40% at 50% 0%,rgba(231,207,151,.14),transparent 70%);
  animation:heroDrift 14s ease-in-out infinite alternate}
@keyframes heroDrift{from{transform:translateX(-60%)}to{transform:translateX(-40%)}}

/* Hero arka plan görseli + scrim */
.hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;
  opacity:0;transform:scale(1.08);will-change:transform;
  animation:heroImgIn 1.8s var(--ease-luxe) .3s forwards}
.is-loaded .hero__img{}
@keyframes heroImgIn{to{opacity:.55;transform:scale(1)}}
.hero__scrim{position:absolute;inset:0;z-index:-2;
  background:
    linear-gradient(90deg,rgba(7,7,10,.94) 0%,rgba(7,7,10,.7) 35%,rgba(7,7,10,.3) 70%,rgba(7,7,10,.55)),
    linear-gradient(0deg,rgba(7,7,10,.96),rgba(7,7,10,.2) 45%,rgba(7,7,10,.5))}
.hero__inner{position:relative;width:100%;padding-bottom:clamp(2.5rem,5vh,4rem)}
.hero__eyebrow{opacity:0;animation:fadeUp 1s var(--ease) 1s forwards}
.hero__title{margin:1.6rem 0 0;max-width:16ch}
.hero__title .line{display:block;overflow:hidden}
.hero__title .line>span{display:block;transform:translateY(105%);
  transition:transform 1.1s var(--ease-luxe)}
.is-loaded .hero__title .line>span{transform:translateY(0)}
.hero__title .line:nth-child(2)>span{transition-delay:.1s}
.hero__title .line:nth-child(3)>span{transition-delay:.2s}
.hero__sub{margin-top:2rem;max-width:52ch;opacity:0;animation:fadeUp 1s var(--ease) 1.15s forwards}
.hero__actions{opacity:0;animation:fadeUp 1s var(--ease) 1.3s forwards}
.hero__foot{
  display:flex;flex-wrap:wrap;gap:1.5rem 2.5rem;align-items:center;justify-content:space-between;
  margin-top:clamp(3rem,7vh,5rem);padding-top:1.6rem;border-top:1px solid var(--steel-soft);
  opacity:0;animation:fadeUp 1s var(--ease) 1.5s forwards;
}
.hero__stat{display:flex;flex-direction:column;gap:.2rem}
.hero__stat b{font-family:var(--serif);font-size:clamp(1.8rem,3vw,2.6rem);font-weight:400;color:var(--gold-bright);line-height:1}
.hero__stat span{font-family:var(--mono);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-2)}
.hero__scroll{font-family:var(--mono);font-size:.64rem;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);
  display:flex;align-items:center;gap:.7rem}
.hero__scroll i{width:1px;height:34px;background:linear-gradient(var(--gold),transparent);position:relative;overflow:hidden}
.hero__scroll i::after{content:"";position:absolute;top:0;left:0;width:100%;height:40%;background:var(--gold);
  animation:scrollDot 2s var(--ease) infinite}
@keyframes scrollDot{0%{transform:translateY(-100%)}60%,100%{transform:translateY(250%)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}

/* ============================================================
   Media slot (blueprint/metal placeholder)
   ============================================================ */
.media{position:relative;aspect-ratio:var(--ratio,4/5);overflow:hidden;border-radius:var(--radius);
  background:var(--anthracite);border:1px solid var(--steel-soft);isolation:isolate}
.media__art{position:absolute;inset:0;
  background:
    radial-gradient(120% 80% at 20% 0%, rgba(198,161,91,.14), transparent 45%),
    radial-gradient(90% 90% at 100% 100%, rgba(30,42,70,.55), transparent 55%),
    repeating-linear-gradient(115deg, rgba(255,255,255,.028) 0 2px, transparent 2px 5px),
    linear-gradient(150deg,#12151d,#1a1e28 55%,#0e1017);
}
.media__art::before{content:"";position:absolute;inset:0;opacity:.5;
  background-image:
    linear-gradient(var(--hair-soft) 1px,transparent 1px),
    linear-gradient(90deg,var(--hair-soft) 1px,transparent 1px);
  background-size:34px 34px;
  -webkit-mask:radial-gradient(80% 80% at 50% 40%,#000,transparent 80%);
          mask:radial-gradient(80% 80% at 50% 40%,#000,transparent 80%);}
.media__art::after{content:"◊";position:absolute;inset:0;display:grid;place-items:center;
  font-family:var(--serif);font-size:2.4rem;color:rgba(198,161,91,.22)}
.media__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2;
  transform:scale(1.04);transition:transform 1.2s var(--ease)}
.media:hover .media__img{transform:scale(1.09)}
.media__cap{position:absolute;left:0;bottom:0;z-index:3;padding:.7rem 1rem;
  font-family:var(--mono);font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);
  background:linear-gradient(0deg,rgba(7,7,10,.75),transparent)}
.media__frame{position:absolute;inset:10px;z-index:3;pointer-events:none;
  border:1px solid rgba(198,161,91,.14);opacity:0;transition:opacity .5s var(--ease)}
.media:hover .media__frame{opacity:1}
.media__corner{position:absolute;width:12px;height:12px;border:1px solid var(--gold)}
.media__corner.tl{top:-1px;left:-1px;border-right:0;border-bottom:0}
.media__corner.tr{top:-1px;right:-1px;border-left:0;border-bottom:0}
.media__corner.bl{bottom:-1px;left:-1px;border-right:0;border-top:0}
.media__corner.br{bottom:-1px;right:-1px;border-left:0;border-top:0}

/* mask reveal for media on scroll */
.reveal-mask .media,.reveal-mask.media{clip-path:inset(0 0 100% 0)}
.reveal-mask.is-in .media,.reveal-mask.media.is-in{clip-path:inset(0 0 0 0);transition:clip-path 1.1s var(--ease-luxe)}

/* Placeholder art — kart/galeri tekrarını kırmak için ince varyasyon */
.card-grid .coll-card:nth-child(3n+2) .media__art,
.gallery .media:nth-child(3n+2) .media__art{filter:hue-rotate(-8deg) brightness(1.06)}
.card-grid .coll-card:nth-child(3n) .media__art,
.gallery .media:nth-child(3n) .media__art{filter:hue-rotate(10deg) brightness(.94)}
.card-grid .coll-card:nth-child(4n) .media__art{filter:saturate(1.2) brightness(1.03)}

/* ============================================================
   Manifesto
   ============================================================ */
.manifesto{position:relative}
.manifesto__grid{display:grid;gap:clamp(2rem,5vw,5rem);align-items:center}
@media(min-width:900px){.manifesto__grid{grid-template-columns:1.1fr .9fr}}
.manifesto__text .display{margin:1.4rem 0}
.manifesto__quote{
  margin-top:2.4rem;padding-left:1.6rem;border-left:2px solid var(--gold);
  font-family:var(--serif);font-style:italic;font-size:clamp(1.3rem,2vw,1.8rem);color:var(--gold-bright);max-width:34ch;line-height:1.35;
}
.manifesto__aside{position:relative}
.manifesto__badge{position:absolute;top:-14px;left:-14px;z-index:5;
  width:110px;height:110px;border-radius:50%;display:grid;place-items:center;text-align:center;
  background:rgba(12,14,20,.85);backdrop-filter:blur(8px);border:1px solid var(--hair);
  font-family:var(--mono);font-size:.58rem;letter-spacing:.14em;color:var(--gold);line-height:1.5;
  transform:rotate(-4deg)}
.manifesto__badge b{font-family:var(--serif);font-size:1.5rem;display:block;color:var(--gold-bright)}

/* ============================================================
   Why cards
   ============================================================ */
.why-grid{display:grid;gap:1px;background:var(--steel-soft);border:1px solid var(--steel-soft);border-radius:var(--radius);overflow:hidden}
@media(min-width:640px){.why-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.why-grid{grid-template-columns:repeat(3,1fr)}}
.why-card{background:var(--night);padding:clamp(1.8rem,3vw,2.8rem);position:relative;overflow:hidden;
  transition:background .5s var(--ease)}
.why-card::after{content:"";position:absolute;top:0;left:0;width:100%;height:1px;
  background:linear-gradient(90deg,var(--gold),transparent);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease)}
.why-card:hover{background:var(--night-2)}
.why-card:hover::after{transform:scaleX(1)}
.why-card__num{font-family:var(--mono);font-size:.72rem;letter-spacing:.2em;color:var(--muted-2)}
.why-card__title{font-size:1.7rem;margin:1rem 0 .8rem;color:var(--warm-white)}
.why-card__title .gold-text{font-style:italic}
.why-card p{font-size:.96rem;color:var(--muted);max-width:40ch}
.why-card__icon{width:34px;height:34px;color:var(--gold);margin-bottom:.4rem}

/* ============================================================
   Collections preview
   ============================================================ */
.coll-list{display:flex;flex-direction:column;border-top:1px solid var(--steel-soft)}
.coll-row{
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.5rem;
  padding:clamp(1.6rem,3vw,2.6rem) 0;border-bottom:1px solid var(--steel-soft);
  position:relative;transition:padding-left .5s var(--ease);
}
.coll-row::before{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,rgba(198,161,91,.06),transparent 40%);
  opacity:0;transition:opacity .5s var(--ease)}
.coll-row:hover{padding-left:1.2rem}
.coll-row:hover::before{opacity:1}
.coll-row__idx{font-family:var(--mono);font-size:.74rem;color:var(--muted-2);letter-spacing:.1em;width:2.5rem}
.coll-row__main{display:flex;flex-direction:column;gap:.3rem}
.coll-row__name{font-family:var(--serif);font-size:clamp(1.6rem,3.4vw,2.6rem);font-weight:300;color:var(--warm-white);
  transition:color .4s var(--ease)}
.coll-row:hover .coll-row__name{color:var(--gold-bright)}
.coll-row__sub{font-family:var(--mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2)}
.coll-row__go{width:48px;height:48px;border:1px solid var(--steel);border-radius:50%;display:grid;place-items:center;
  color:var(--gold);transition:background .4s,color .4s,transform .4s var(--ease);flex-shrink:0}
.coll-row:hover .coll-row__go{background:var(--gold);color:var(--void);transform:rotate(-45deg)}
/* Floating preview image on hover (desktop) */
.coll-row__peek{position:fixed;top:0;left:0;width:220px;aspect-ratio:4/3;pointer-events:none;z-index:900;
  border:1px solid var(--hair);border-radius:3px;overflow:hidden;opacity:0;transform:translate(-50%,-50%) scale(.9);
  transition:opacity .35s var(--ease),transform .35s var(--ease);box-shadow:0 30px 60px -20px rgba(0,0,0,.8)}
.coll-row__peek .media__art{position:absolute;inset:0}
.coll-row__peek img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.coll-row__peek.is-visible{opacity:1;transform:translate(-50%,-50%) scale(1)}

/* Cards grid (collections page) */
.card-grid{display:grid;gap:clamp(1.2rem,2.5vw,2rem)}
@media(min-width:680px){.card-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1040px){.card-grid--3{grid-template-columns:repeat(3,1fr)}}
.coll-card{position:relative;display:block;border-radius:var(--radius);overflow:hidden;border:1px solid var(--steel-soft);
  background:var(--anthracite);transition:transform .6s var(--ease),border-color .6s}
.coll-card:hover{border-color:var(--hair);transform:translateY(-6px)}
.coll-card__media{aspect-ratio:4/5;position:relative;overflow:hidden}
.coll-card__media .media__art{position:absolute;inset:0}
.coll-card__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.05);transition:transform 1.1s var(--ease)}
.coll-card:hover .coll-card__media img{transform:scale(1.12)}
.coll-card__body{position:absolute;inset:auto 0 0 0;padding:clamp(1.4rem,2.5vw,2rem);z-index:3;
  background:linear-gradient(0deg,rgba(7,7,10,.92),rgba(7,7,10,.5) 60%,transparent)}
.coll-card__idx{font-family:var(--mono);font-size:.66rem;letter-spacing:.2em;color:var(--gold)}
.coll-card__name{font-family:var(--serif);font-size:clamp(1.6rem,3vw,2.2rem);font-weight:300;margin:.5rem 0 .3rem}
.coll-card__sub{font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.coll-card__go{margin-top:1rem;opacity:0;transform:translateY(8px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.coll-card:hover .coll-card__go{opacity:1;transform:none}

/* ============================================================
   Quality / feature band
   ============================================================ */
.band{position:relative;overflow:hidden}
.band__inner{max-width:70ch;margin-inline:auto;text-align:center}
.band .display{margin:1.4rem 0}
.band__quote{font-family:var(--serif);font-style:italic;font-size:clamp(1.2rem,2vw,1.7rem);color:var(--gold-bright);margin-top:1.6rem}
.band__glow{position:absolute;left:50%;top:50%;width:70vw;height:70vw;max-width:900px;max-height:900px;
  transform:translate(-50%,-50%);z-index:-1;
  background:radial-gradient(circle,rgba(198,161,91,.08),transparent 60%)}

/* ============================================================
   Materials
   ============================================================ */
.mat-grid{display:grid;gap:1px;background:var(--steel-soft);border:1px solid var(--steel-soft)}
@media(min-width:640px){.mat-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.mat-grid{grid-template-columns:repeat(3,1fr)}}
.mat{background:var(--night);padding:clamp(1.6rem,2.6vw,2.2rem);display:flex;gap:1.1rem;align-items:flex-start;
  transition:background .4s}
.mat:hover{background:var(--night-2)}
.mat__no{font-family:var(--mono);font-size:.7rem;color:var(--gold);letter-spacing:.1em;padding-top:.3rem}
.mat__b h4{font-size:1.3rem;color:var(--warm-white);margin-bottom:.4rem}
.mat__b p{font-size:.9rem;color:var(--muted);max-width:36ch}

/* LED interactive (Royal / materials) */
.led-demo{position:relative;border:1px solid var(--steel-soft);border-radius:var(--radius);overflow:hidden;
  aspect-ratio:16/8;background:linear-gradient(160deg,#0a0c11,#131722)}
.led-demo__panel{position:absolute;inset:0;
  background-image:repeating-linear-gradient(90deg,transparent 0 46px,rgba(198,161,91,.06) 46px 48px);}
.led-demo__lines{position:absolute;inset:0;transition:opacity 1.2s var(--ease)}
.led-demo__lines::before{content:"";position:absolute;inset:0;
  background-image:repeating-linear-gradient(90deg,transparent 0 46px,var(--gold) 46px 48px);
  filter:blur(1px) drop-shadow(0 0 8px rgba(231,207,151,.8));opacity:var(--led,0);transition:opacity 1.2s var(--ease)}
.led-demo__toggle{position:absolute;left:1.2rem;bottom:1.2rem;z-index:4;display:flex;gap:.5rem;
  font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase}
.led-demo__toggle button{padding:.5rem 1rem;border:1px solid var(--steel);border-radius:2px;color:var(--muted);transition:all .3s}
.led-demo__toggle button.is-on{border-color:var(--gold);color:var(--gold);background:rgba(198,161,91,.08)}
.led-demo__label{position:absolute;top:1.2rem;left:1.2rem;z-index:4;font-family:var(--mono);
  font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-2)}

/* ============================================================
   Timeline / Process
   ============================================================ */
.timeline{position:relative;margin-top:2rem}
.timeline::before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;
  background:linear-gradient(var(--hair),var(--hair-soft));}
@media(min-width:760px){.timeline::before{left:120px}}
.tl-step{position:relative;padding:0 0 clamp(2.4rem,4vw,3.4rem) 2.2rem;display:grid;gap:.6rem}
@media(min-width:760px){.tl-step{grid-template-columns:120px 1fr;gap:2.5rem;padding-left:0}}
.tl-step__time{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;color:var(--gold);padding-top:.4rem}
@media(min-width:760px){.tl-step__time{text-align:right;padding-right:2.5rem}}
.tl-step__dot{position:absolute;left:-4px;top:.5rem;width:9px;height:9px;border-radius:50%;background:var(--gold);
  box-shadow:0 0 0 4px rgba(198,161,91,.12)}
@media(min-width:760px){.tl-step__dot{left:116px}}
.tl-step__body h3{font-size:clamp(1.4rem,2.4vw,2rem);color:var(--warm-white);margin-bottom:.5rem}
.tl-step__body p{color:var(--muted);max-width:52ch}
.tl-step__no{font-family:var(--serif);font-size:2.2rem;color:var(--steel);position:absolute;right:0;top:0;opacity:.6}

/* ============================================================
   Global opportunities
   ============================================================ */
.glob-grid{display:grid;gap:1px;background:var(--steel-soft);border:1px solid var(--steel-soft)}
@media(min-width:600px){.glob-grid{grid-template-columns:1fr 1fr}}
@media(min-width:960px){.glob-grid{grid-template-columns:repeat(4,1fr)}}
.glob{background:var(--night);padding:clamp(1.4rem,2.4vw,2rem);min-height:150px;display:flex;flex-direction:column;
  justify-content:space-between;gap:1.4rem;transition:background .4s;position:relative;overflow:hidden}
.glob:hover{background:var(--night-2)}
.glob__no{font-family:var(--mono);font-size:.68rem;color:var(--muted-2);letter-spacing:.1em}
.glob__name{font-family:var(--serif);font-size:clamp(1.15rem,1.8vw,1.4rem);color:var(--warm-white);line-height:1.2}
.glob:hover .glob__name{color:var(--gold-bright)}

/* ============================================================
   Engineering (blueprint)
   ============================================================ */
.blueprint{position:relative;border:1px solid var(--steel-soft);border-radius:var(--radius);overflow:hidden;
  background:
    linear-gradient(160deg,#0a0d14,#0e1119);
  aspect-ratio:16/10;min-height:320px}
.blueprint__grid{position:absolute;inset:0;opacity:.4;
  background-image:
    linear-gradient(rgba(90,130,190,.14) 1px,transparent 1px),
    linear-gradient(90deg,rgba(90,130,190,.14) 1px,transparent 1px),
    linear-gradient(rgba(90,130,190,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(90,130,190,.06) 1px,transparent 1px);
  background-size:80px 80px,80px 80px,16px 16px,16px 16px}
.blueprint svg{position:absolute;inset:0;width:100%;height:100%}
.bp-line{fill:none;stroke:var(--gold);stroke-width:1.2;
  stroke-dasharray:var(--len,600);stroke-dashoffset:var(--len,600)}
.is-in .bp-line{animation:bpDraw 2.4s var(--ease) forwards}
.bp-line--2{animation-delay:.4s}
.bp-line--3{animation-delay:.8s}
.bp-dim{stroke:rgba(154,160,173,.55);stroke-width:.8;stroke-dasharray:4 4}
.bp-node{fill:var(--gold);opacity:0}
.is-in .bp-node{animation:bpFade .6s ease 1.8s forwards}
.bp-label{fill:var(--muted);font-family:var(--mono);font-size:11px;letter-spacing:.1em;opacity:0}
.is-in .bp-label{animation:bpFade .8s ease 1.6s forwards}
@keyframes bpDraw{to{stroke-dashoffset:0}}
@keyframes bpFade{to{opacity:1}}
.blueprint__scan{position:absolute;top:0;left:0;width:100%;height:2px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.7;
  box-shadow:0 0 12px var(--gold)}
.is-in .blueprint__scan{animation:bpScan 3.5s var(--ease) infinite}
@keyframes bpScan{0%{top:0;opacity:0}10%{opacity:.7}90%{opacity:.7}100%{top:100%;opacity:0}}

.spec-grid{display:grid;gap:1px;background:var(--steel-soft);border:1px solid var(--steel-soft);margin-top:2.5rem}
@media(min-width:640px){.spec-grid{grid-template-columns:1fr 1fr}}
.spec{background:var(--night);padding:clamp(1.6rem,2.6vw,2.4rem)}
.spec__k{font-family:var(--mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:.7rem}
.spec h4{font-size:1.35rem;margin-bottom:.5rem;color:var(--warm-white)}
.spec p{font-size:.94rem;color:var(--muted);max-width:44ch}

/* ============================================================
   Page hero (inner pages)
   ============================================================ */
.page-hero{position:relative;padding:clamp(9rem,18vh,13rem) 0 clamp(3rem,6vw,5rem);overflow:hidden}
.page-hero__grid{position:absolute;inset:0;z-index:-1;opacity:.4;
  background-image:linear-gradient(var(--hair-soft) 1px,transparent 1px),linear-gradient(90deg,var(--hair-soft) 1px,transparent 1px);
  background-size:90px 90px;-webkit-mask:radial-gradient(120% 80% at 50% 0%,#000,transparent 70%);
  mask:radial-gradient(120% 80% at 50% 0%,#000,transparent 70%)}
.page-hero__glow{position:absolute;top:-20%;right:-5%;width:50vw;height:60vh;z-index:-1;
  background:radial-gradient(circle,rgba(198,161,91,.1),transparent 65%)}
.page-hero__meta{display:flex;gap:1.2rem;align-items:center;font-family:var(--mono);font-size:.7rem;
  letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);margin-bottom:1.4rem}
.page-hero__meta a{color:var(--muted-2);transition:color .3s}
.page-hero__meta a:hover{color:var(--gold)}
.page-hero h1{max-width:18ch}
.page-hero__sub{font-family:var(--serif);font-style:italic;font-size:clamp(1.2rem,2.2vw,1.8rem);color:var(--gold-bright);margin-top:1rem}
.page-hero__lead{margin-top:1.8rem;max-width:58ch}

/* Inner page hero — arka plan görselli */
.page-hero--media{padding-top:clamp(10rem,20vh,15rem)}
.page-hero__media{position:absolute;inset:0;z-index:-1;overflow:hidden}
.page-hero__media img{width:100%;height:100%;object-fit:cover;opacity:.5}
.page-hero__scrim{position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(7,7,10,.92),rgba(7,7,10,.55) 55%,rgba(7,7,10,.35)),
    linear-gradient(0deg,var(--night),rgba(7,7,10,.25) 50%,rgba(7,7,10,.6))}

/* Galeri ızgarası (koleksiyon detay) */
.gal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(.8rem,1.5vw,1.3rem)}
@media(min-width:760px){.gal-grid{grid-template-columns:repeat(4,1fr)}}
.gal-cell{min-width:0}
.gal-cell .media{height:100%}

/* Collection detail two-col */
.detail{display:grid;gap:clamp(2rem,5vw,4.5rem);align-items:start}
@media(min-width:920px){.detail{grid-template-columns:.95fr 1.05fr}}
.detail__sticky{position:relative}
@media(min-width:920px){.detail__sticky{position:sticky;top:120px}}
.detail__body h2{margin-bottom:1.2rem}
.detail__body p{margin-bottom:1.2rem;color:var(--muted)}
.detail__use{margin-top:2rem;border-top:1px solid var(--steel-soft);padding-top:1.6rem}
.detail__use h4{font-family:var(--mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem}
.detail__use ul{display:flex;flex-wrap:wrap;gap:.6rem}
.detail__use li{font-family:var(--mono);font-size:.74rem;letter-spacing:.08em;color:var(--muted);
  border:1px solid var(--steel);border-radius:2px;padding:.5rem .9rem}
.detail__quote{margin-top:2rem;font-family:var(--serif);font-style:italic;font-size:clamp(1.3rem,2vw,1.7rem);
  color:var(--gold-bright);padding-left:1.4rem;border-left:2px solid var(--gold);line-height:1.4}

.gallery{display:grid;grid-template-columns:1fr 1fr;gap:clamp(.8rem,1.5vw,1.2rem);margin-top:1.2rem}
.gallery .media:first-child{grid-column:1/-1}

/* ============================================================
   Contact
   ============================================================ */
.contact-grid{display:grid;gap:clamp(2rem,5vw,4rem)}
@media(min-width:920px){.contact-grid{grid-template-columns:.85fr 1.15fr}}
.contact-info{display:flex;flex-direction:column;gap:1.6rem}
.contact-info__item{border-top:1px solid var(--steel-soft);padding-top:1.2rem}
.contact-info__k{font-family:var(--mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:.4rem}
.contact-info__v{font-family:var(--serif);font-size:1.3rem;color:var(--warm-white)}
.contact-info__v.pending{color:var(--muted-2);font-family:var(--sans);font-size:1rem;font-style:italic}

.form{border:1px solid var(--steel-soft);border-radius:var(--radius);padding:clamp(1.6rem,3vw,2.6rem);
  background:linear-gradient(160deg,var(--night-2),var(--night))}
.form__row{display:grid;gap:1.2rem}
@media(min-width:560px){.form__row--2{grid-template-columns:1fr 1fr}}
.field{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.2rem;position:relative}
.field label{font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.field input,.field select,.field textarea{
  width:100%;background:var(--void);border:1px solid var(--steel);border-radius:var(--radius);
  padding:.9rem 1rem;color:var(--warm-white);font-family:var(--sans);font-size:.96rem;font-weight:300;
  transition:border-color .3s,box-shadow .3s}
.field textarea{min-height:130px;resize:vertical}
.field select{appearance:none;cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,var(--gold) 50%),linear-gradient(135deg,var(--gold) 50%,transparent 50%);
  background-position:calc(100% - 20px) 55%,calc(100% - 15px) 55%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(198,161,91,.1)}
.field input::placeholder,.field textarea::placeholder{color:var(--muted-2)}
.form__submit{margin-top:.6rem;width:100%}
.form__note{font-family:var(--mono);font-size:.66rem;letter-spacing:.06em;color:var(--muted-2);margin-top:1rem;text-align:center}
.form.is-sent .form__fields{display:none}
.form-success{display:none;text-align:center;padding:2rem 1rem}
.form.is-sent .form-success{display:block;animation:fadeUp .6s var(--ease)}
.form-success__mark{width:64px;height:64px;margin:0 auto 1.4rem;border:1px solid var(--gold);border-radius:50%;
  display:grid;place-items:center;color:var(--gold)}
.form-success h3{font-size:1.8rem;margin-bottom:.6rem}
.form-success p{color:var(--muted);max-width:40ch;margin-inline:auto}

.map-placeholder{margin-top:1px;border:1px solid var(--steel-soft);border-radius:var(--radius);aspect-ratio:16/6;
  position:relative;overflow:hidden;background:linear-gradient(160deg,#0b0e14,#11151d);display:grid;place-items:center}
.map-placeholder__grid{position:absolute;inset:0;opacity:.35;
  background-image:linear-gradient(var(--hair-soft) 1px,transparent 1px),linear-gradient(90deg,var(--hair-soft) 1px,transparent 1px);
  background-size:40px 40px}
.map-placeholder span{position:relative;font-family:var(--mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-2)}

/* ============================================================
   Footer
   ============================================================ */
.site-footer{position:relative;padding-top:clamp(4rem,8vw,7rem);border-top:1px solid var(--steel-soft);overflow:hidden}
.site-footer__glow{position:absolute;top:-40%;left:50%;transform:translateX(-50%);width:80vw;height:60vh;z-index:-1;
  background:radial-gradient(circle,rgba(198,161,91,.06),transparent 65%)}
.footer-cta{text-align:center;padding-bottom:clamp(3rem,6vw,5rem);border-bottom:1px solid var(--steel-soft)}
.footer-cta__title{font-size:clamp(2.2rem,5vw,4rem);font-weight:300;margin:1.4rem 0 2rem;line-height:1.05}
.footer-grid{display:grid;gap:2.5rem;padding-block:clamp(3rem,6vw,5rem)}
@media(min-width:720px){.footer-grid{grid-template-columns:1.6fr 1fr 1fr 1fr}}
.brand--footer .brand__img{height:56px}
.footer-brand__tag{color:var(--muted);font-size:.96rem;margin:1.2rem 0;max-width:38ch}
.footer-brand__since{font-family:var(--mono);font-size:.66rem;letter-spacing:.18em;color:var(--gold);opacity:.8}
.footer-col__title{font-family:var(--mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2);
  display:block;margin-bottom:1.2rem}
.footer-col ul{display:flex;flex-direction:column;gap:.7rem}
.footer-col a{color:var(--muted);font-size:.92rem;transition:color .3s,padding-left .3s var(--ease)}
.footer-col a:hover{color:var(--gold);padding-left:.3rem}
.footer-contact li{display:flex;flex-direction:column;gap:.1rem;color:var(--muted)}
.footer-contact__label{font-family:var(--mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2)}
.footer-contact__val{font-size:.92rem;color:var(--muted)}
.footer-wa{font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)!important}
.footer-bottom{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center;
  padding-block:2rem;border-top:1px solid var(--steel-soft);font-size:.8rem;color:var(--muted-2)}
.footer-bottom__credit{
  justify-self:center;font-family:var(--mono);font-size:.58rem;letter-spacing:.12em;
  color:rgba(240,235,224,.72);white-space:nowrap;
}
.footer-bottom__emoji-link{
  display:inline-flex;align-items:center;gap:.16rem;margin-left:.3rem;
  font-size:.74rem;letter-spacing:0;color:rgba(240,235,224,.9);
  transition:color .25s var(--ease),transform .25s var(--ease);
}
.footer-bottom__emoji-link:hover{
  color:var(--gold-bright);transform:translateY(-1px);
}
.footer-bottom__mark{font-family:var(--serif);font-style:italic;color:var(--muted)}
.footer-bottom__mark{justify-self:end;text-align:right}
@media(max-width:760px){
  .footer-bottom{grid-template-columns:1fr;text-align:center}
  .footer-bottom__credit,.footer-bottom__mark{justify-self:center;text-align:center}
}

/* WhatsApp float */
.wa-float{position:fixed;right:clamp(1rem,3vw,2rem);bottom:clamp(1rem,3vw,2rem);z-index:950;
  width:56px;height:56px;border-radius:50%;display:grid;place-items:center;color:var(--void);
  background:linear-gradient(135deg,var(--gold),var(--gold-bright));
  box-shadow:0 12px 30px -8px rgba(198,161,91,.5);transition:transform .4s var(--ease)}
.wa-float:hover{transform:scale(1.08) translateY(-2px)}
.wa-float::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid var(--gold);
  animation:waPulse 2.4s ease-out infinite;opacity:0}
@keyframes waPulse{0%{transform:scale(1);opacity:.6}100%{transform:scale(1.4);opacity:0}}

/* ============================================================
   Lightbox
   ============================================================ */
.lightbox{position:fixed;inset:0;z-index:2000;background:rgba(5,5,8,.94);backdrop-filter:blur(10px);
  display:grid;place-items:center;padding:2rem;opacity:0;visibility:hidden;transition:opacity .4s var(--ease),visibility .4s}
.lightbox.is-open{opacity:1;visibility:visible}
.lightbox__inner{max-width:min(1100px,92vw);max-height:86vh;position:relative}
.lightbox__inner .media{width:min(1100px,92vw);aspect-ratio:16/10}
.lightbox__inner img{max-height:86vh;width:auto;border:1px solid var(--hair)}
.lightbox__close{position:absolute;top:-3rem;right:0;font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:.6rem}
.lightbox__close:hover{color:var(--gold)}
.lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border:1px solid var(--steel);
  border-radius:50%;display:grid;place-items:center;color:var(--gold);background:rgba(12,14,20,.6)}
.lightbox__nav:hover{background:var(--gold);color:var(--void)}
.lightbox__nav--prev{left:-1.5rem}
.lightbox__nav--next{right:-1.5rem}
@media(max-width:640px){.lightbox__nav--prev{left:.5rem}.lightbox__nav--next{right:.5rem}}

/* ============================================================
   Scroll reveal
   ============================================================ */
[data-reveal]{opacity:0;transform:translateY(30px);transition:opacity 1s var(--ease),transform 1s var(--ease-luxe)}
[data-reveal].is-in{opacity:1;transform:none}
[data-reveal="fade"]{transform:none}
[data-reveal-delay="1"]{transition-delay:.1s}
[data-reveal-delay="2"]{transition-delay:.2s}
[data-reveal-delay="3"]{transition-delay:.3s}
[data-reveal-delay="4"]{transition-delay:.4s}
[data-reveal-delay="5"]{transition-delay:.5s}

/* ============================================================
   Utilities
   ============================================================ */
.text-center{text-align:center}
.mt-sm{margin-top:1rem}.mt-md{margin-top:2rem}.mt-lg{margin-top:3.5rem}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.skip-link{position:absolute;left:1rem;top:-3rem;z-index:2000;background:var(--gold);color:var(--void);
  padding:.6rem 1rem;border-radius:2px;font-family:var(--mono);font-size:.72rem;transition:top .3s}
.skip-link:focus{top:1rem}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

/* ============================================================
   Responsive fine-tuning
   ============================================================ */
@media(max-width:760px){
  .hero{min-height:92svh}
  .hero__foot{flex-direction:column;align-items:flex-start}
  .hero__scroll{display:none}
  .coll-row__idx{display:none}
  .coll-row{grid-template-columns:1fr auto}
  .cursor-glow{display:none}
  .media__img{transform:none}
  .media:hover .media__img{transform:none}
}
@media(max-width:520px){
  .btn{width:100%}
  .actions .btn{width:100%}
  .manifesto__badge{width:88px;height:88px;font-size:.5rem}
}

/* ============================================================
   Reduced motion
   ============================================================ */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;
    transition-duration:.001ms!important;scroll-behavior:auto!important}
  .hero__title .line>span{transform:none}
  [data-reveal]{opacity:1;transform:none}
  .preloader{display:none}
  .hero__light,.blueprint__scan,.led-demo__lines::before{animation:none}
  .cursor-glow{display:none}
}

/* ============================================================
   ============  V2 — SİNEMATİK YÜKSELTME KATMANI  ============
   ============================================================ */

/* ---- Video hero ---- */
.hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;
  opacity:0;transition:opacity 1.6s var(--ease-luxe)}
.hero__video.is-ready{opacity:.58}
.hero .hero__img{animation:none;opacity:.5;z-index:-4}      /* poster fallback, video üstte açılır */
.is-loaded .hero .hero__img{opacity:.5}

/* Hero alt ticker — akışta (binme yok), ince ve zarif */
.hero__ticker{position:relative;left:0;right:0;z-index:2;overflow:hidden;
  border-top:1px solid var(--steel-soft);background:linear-gradient(0deg,rgba(10,8,9,.55),transparent)}
.hero__ticker .marquee{border:0;background:transparent;padding-block:1rem}
.hero__ticker .marquee__track{animation-duration:42s}
@keyframes marqueeMove{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* kusursuz döngü: aralık span padding'inden gelir, track gap 0 */
.marquee__track{gap:0}
.marquee__track span{padding-right:2.6rem}

/* ---- Marquee band ---- */
.marquee{overflow:hidden;border-block:1px solid var(--steel-soft);padding-block:clamp(1.2rem,2.5vw,2rem);
  background:linear-gradient(90deg,var(--night),var(--night-2),var(--night));position:relative}
.marquee--plain{border:0;background:transparent;padding-block:.4rem}
.marquee__track{display:flex;align-items:center;gap:2.6rem;width:max-content;
  animation:marqueeMove 34s linear infinite;will-change:transform}
.marquee--rev .marquee__track{animation-direction:reverse}
.marquee__track span{font-family:var(--serif);font-weight:300;font-size:clamp(1.3rem,3.2vw,2.6rem);
  color:var(--muted);white-space:nowrap;display:inline-flex;align-items:center;gap:2.6rem;font-style:italic}
.marquee__track span b{font-style:normal;color:var(--warm-white);font-weight:400}
.marquee__track .dot{width:6px;height:6px;border-radius:50%;background:var(--gold);flex-shrink:0;transform:rotate(45deg)}
.marquee:hover .marquee__track{animation-play-state:paused}

/* ---- Animated counters (hero + band) ---- */
.hero__stat b[data-count]{font-variant-numeric:tabular-nums}

/* Trust / rakamlar bandı */
.stats-band{border-block:1px solid var(--steel-soft)}
.stats-band__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--steel-soft)}
@media(min-width:820px){.stats-band__grid{grid-template-columns:repeat(4,1fr)}}
.stat-cell{background:var(--night);padding:clamp(2rem,4vw,3.4rem) clamp(1.4rem,3vw,2.4rem);
  display:flex;flex-direction:column;gap:.6rem;position:relative;overflow:hidden}
.stat-cell::before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;
  background:linear-gradient(90deg,var(--gold),transparent);transform:scaleX(0);transform-origin:left;transition:transform .8s var(--ease)}
.stat-cell.is-in::before{transform:scaleX(1)}
.stat-cell b{font-family:var(--serif);font-weight:300;font-size:clamp(2.6rem,5vw,4.2rem);color:var(--gold-bright);
  line-height:1;font-variant-numeric:tabular-nums}
.stat-cell span{font-family:var(--mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}

/* ---- Horizontal showcase ---- */
.showcase{overflow:hidden;padding-block:clamp(1rem,2vw,2rem)}
.showcase__head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;
  padding-inline:var(--gutter);margin-bottom:2.4rem;flex-wrap:wrap}
.showcase__nav{display:flex;align-items:center;gap:.9rem}
.showcase__hint{font-family:var(--mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2);
  display:flex;align-items:center;gap:.6rem}
.showcase__hint i{width:30px;height:1px;background:var(--gold);position:relative}
.showcase__hint i::after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;border-right:1px solid var(--gold);border-top:1px solid var(--gold);transform:rotate(45deg)}
.sc-arrows{display:flex;gap:.6rem}
.sc-arrow{width:48px;height:48px;border:1px solid var(--steel);border-radius:50%;display:grid;place-items:center;
  color:var(--gold);background:transparent;transition:background .4s var(--ease),color .4s,border-color .4s,opacity .3s}
.sc-arrow:hover{background:var(--gold);color:var(--void);border-color:var(--gold)}
.sc-arrow:disabled{opacity:.3;cursor:default}
.sc-arrow:disabled:hover{background:transparent;color:var(--gold)}
.showcase__track{display:flex;gap:clamp(1rem,1.6vw,1.4rem);padding-inline:var(--gutter);
  overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;
  cursor:grab;user-select:none;-webkit-user-select:none;-webkit-overflow-scrolling:touch;
  scrollbar-width:none;-ms-overflow-style:none;padding-bottom:1.4rem}
.showcase__track::-webkit-scrollbar{display:none}
.showcase__track.is-drag{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none}
.showcase__item{flex:0 0 clamp(280px,40vw,540px);position:relative;text-decoration:none;
  border-radius:var(--radius);overflow:hidden;border:1px solid var(--steel-soft);scroll-snap-align:start}
.showcase__item .sc-media{aspect-ratio:4/3;position:relative;overflow:hidden}
.showcase__item img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transform:scale(1.05);transition:transform 1s var(--ease);pointer-events:none}
.showcase__item:hover img{transform:scale(1.12)}
.showcase__item .sc-body{position:absolute;inset:auto 0 0 0;padding:clamp(1.2rem,2vw,1.8rem);z-index:2;
  background:linear-gradient(0deg,rgba(7,7,10,.9),transparent);display:flex;justify-content:space-between;align-items:flex-end}
.sc-body__name{font-family:var(--serif);font-size:clamp(1.4rem,2.4vw,2rem);font-weight:300;color:var(--warm-white)}
.sc-body__idx{font-family:var(--mono);font-size:.64rem;letter-spacing:.16em;color:var(--gold)}
/* ilerleme çizgisi */
.showcase__progress{margin:.4rem var(--gutter) 0;height:1px;background:var(--steel-soft);position:relative;overflow:hidden}
.showcase__progress i{position:absolute;inset:0;width:30%;background:linear-gradient(90deg,var(--gold),var(--gold-bright));
  transform-origin:left;transition:transform .2s linear}
.sc-go{width:42px;height:42px;border:1px solid var(--steel);border-radius:50%;display:grid;place-items:center;color:var(--gold);
  transition:background .4s,color .4s,transform .4s var(--ease);flex-shrink:0}
.showcase__item:hover .sc-go{background:var(--gold);color:var(--void);transform:rotate(-45deg)}

/* ---- Showreel (cinematic video section) ---- */
.showreel__frame{position:relative;aspect-ratio:16/9;border:1px solid var(--steel-soft);border-radius:var(--radius);
  overflow:hidden;background:var(--void)}
.showreel__frame video,.showreel__frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.showreel__scrim{position:absolute;inset:0;z-index:2;
  background:linear-gradient(0deg,rgba(7,7,10,.7),rgba(7,7,10,.15) 50%,rgba(7,7,10,.4));pointer-events:none}
.showreel__frame .media__corner{position:absolute;width:22px;height:22px;border:1px solid var(--gold);z-index:3;opacity:.8}
.showreel__cap{position:absolute;left:0;bottom:0;z-index:4;padding:clamp(1.4rem,3vw,2.4rem)}
.showreel__cap .eyebrow{margin-bottom:.6rem}
.showreel__cap h3{font-size:clamp(1.6rem,3vw,2.6rem);font-weight:300}

/* ---- Section watermark number ---- */
.section__wm{position:absolute;top:-.15em;right:.2em;font-family:var(--serif);font-style:italic;
  font-size:clamp(6rem,16vw,15rem);line-height:.75;color:rgba(255,255,255,.022);pointer-events:none;z-index:0;user-select:none}
.section>.container{position:relative;z-index:1}

/* ---- Heading gleam sweep removed for a cleaner editorial finish ---- */
.gleam{position:relative;display:inline-block}
.gleam::after{display:none}
@keyframes gleamSweep{to{transform:translateX(130%)}}

/* ---- Line-reveal for headings ---- */
.line-reveal .ln{display:block;overflow:hidden}
.line-reveal .ln>span{display:block;transform:translateY(105%);transition:transform 1s var(--ease-luxe)}
.line-reveal.is-in .ln>span{transform:translateY(0)}
.line-reveal.is-in .ln:nth-child(2)>span{transition-delay:.08s}
.line-reveal.is-in .ln:nth-child(3)>span{transition-delay:.16s}

/* ---- Magnetic buttons ---- */
.btn,.coll-row__go,.sc-go{will-change:transform}

/* ---- Page transition wipe ---- */
.page-transition{position:fixed;inset:0;z-index:9999;pointer-events:none;display:grid;place-items:center;
  background:var(--void);transform:scaleY(0);transform-origin:bottom}
.page-transition__mark{opacity:0;transition:opacity .3s}
.page-transition.is-in{transform:scaleY(1);transform-origin:bottom;transition:transform .55s var(--ease-luxe)}
.page-transition.is-in .page-transition__mark{opacity:1}
.page-transition.is-out{transform:scaleY(0);transform-origin:top;transition:transform .55s var(--ease-luxe)}

/* ---- Preloader V2: sayaç ---- */
.preloader__count{font-family:var(--mono);font-size:.66rem;letter-spacing:.3em;color:var(--gold);font-variant-numeric:tabular-nums}

/* ---- Refined page-hero with video ---- */
.page-hero__media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5}

/* ---- Global page backdrop ---- */
.global-hero{position:relative}
.global-hero__bg{position:absolute;inset:0;z-index:-1;overflow:hidden}
.global-hero__bg img{width:100%;height:100%;object-fit:cover;opacity:.28}
.global-hero__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--night),rgba(7,7,10,.5) 60%,var(--night))}

/* ---- Richer collection cards ---- */
.coll-card::after{display:none}

/* ---- Split section (image + text, alternating) ---- */
.split{display:grid;gap:clamp(2rem,5vw,4.5rem);align-items:center}
@media(min-width:900px){.split{grid-template-columns:1fr 1fr}.split--rev .split__media{order:2}}
.split__media .media{aspect-ratio:5/4}

/* Reduced motion — V2 */
@media(prefers-reduced-motion:reduce){
  .marquee__track,.hero__video{animation:none!important}
  .hero__video{display:none}
  .gleam::after,.coll-card::after{display:none}
  .line-reveal .ln>span{transform:none}
  .page-transition{display:none}
}
@media(max-width:760px){
  .section__wm{display:none}
  .showcase__item{flex-basis:78vw}
}

/* ============================================================
   ==========  V3 — EDİTORYAL COUTURE RAFİNESİ  ==============
   ============================================================ */

/* Fildişi/altın oran, daha ferah ritim */
body{font-weight:300;letter-spacing:.005em}
.lead{font-size:clamp(1.1rem,1.4vw,1.42rem);line-height:1.75;font-weight:300;color:var(--muted)}
.eyebrow{font-size:.68rem;letter-spacing:.34em;gap:.9rem}
.eyebrow::before{width:34px}
.section-head{margin-bottom:clamp(3rem,6vw,5.5rem)}

/* Daha zarif butonlar */
.btn{--bh:60px;font-size:.72rem;letter-spacing:.24em;border-radius:1px}
.btn--gold{background:linear-gradient(120deg,var(--gold-deep),var(--gold));color:#1a1206}
.btn--sm{--bh:46px}

/* Hero: daha sinematik, ferah */
.hero__title{margin-top:1.9rem;max-width:15ch;letter-spacing:-.025em}
.hero__scrim{background:
  linear-gradient(95deg,rgba(10,8,9,.95) 0%,rgba(10,8,9,.72) 38%,rgba(10,8,9,.25) 72%,rgba(10,8,9,.5)),
  linear-gradient(0deg,rgba(10,8,9,.97),rgba(10,8,9,.15) 48%,rgba(10,8,9,.45))}
.hero__video.is-ready{opacity:.62}

/* Media: gerçek fotoğrafta placeholder işaretini gizle, daha temiz */
.media{border-color:var(--steel-soft);background:var(--anthracite)}
.media:has(.media__img) .media__art::after{display:none}
.media__img{transform:scale(1.02)}
.media:hover .media__img{transform:scale(1.06)}
.media__cap{font-size:.6rem;letter-spacing:.2em;padding:.9rem 1.1rem;
  background:linear-gradient(0deg,rgba(10,8,9,.85),transparent);color:var(--muted)}
.media__frame{inset:12px;border-color:var(--hair-soft)}

/* Editoryal galeri — dergi düzeni */
.gal-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(.7rem,1.3vw,1.3rem);grid-auto-flow:dense}
.gal-cell{grid-column:span 2;min-width:0}
.gal-cell .media{height:100%}
.gal-cell.wide{grid-column:span 4}
.gal-cell.feature{grid-column:span 6}
.gal-cell.tall{grid-column:span 2;grid-row:span 2}
@media(max-width:760px){
  .gal-grid{grid-template-columns:repeat(2,1fr)}
  .gal-cell,.gal-cell.tall{grid-column:span 1;grid-row:auto}
  .gal-cell.wide,.gal-cell.feature{grid-column:span 2}
}

/* Tam-genişlik editoryal görsel kesit */
.break-full{position:relative;height:clamp(50vh,70vh,90vh);overflow:hidden;margin-block:clamp(3rem,7vw,7rem)}
.break-full img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.break-full__scrim{position:absolute;inset:0;background:
  linear-gradient(0deg,rgba(10,8,9,.7),rgba(10,8,9,.15) 45%,rgba(10,8,9,.4))}
.break-full__cap{position:absolute;left:0;bottom:0;padding:clamp(2rem,5vw,4rem)}
.break-full__cap h3{font-size:clamp(2rem,5vw,4rem);font-weight:300;max-width:14ch}
.break-full__cap .eyebrow{margin-bottom:1rem}

/* Ürün özellikleri (öne çıkanlar) */
.features{display:grid;gap:1px;background:var(--steel-soft);border:1px solid var(--steel-soft);margin-top:2.5rem}
@media(min-width:640px){.features{grid-template-columns:1fr 1fr}}
.feature{background:var(--night);padding:clamp(1.5rem,2.6vw,2.2rem);display:flex;gap:1.1rem;align-items:flex-start;
  transition:background .5s var(--ease)}
.feature:hover{background:var(--night-2)}
.feature__no{font-family:var(--mono);font-size:.66rem;letter-spacing:.16em;color:var(--gold);padding-top:.35rem}
.feature__b h4{font-family:var(--display);font-weight:360;font-size:1.35rem;color:var(--warm-white);margin-bottom:.5rem;letter-spacing:-.01em}
.feature__b p{font-size:.92rem;color:var(--muted);max-width:38ch;line-height:1.6}

/* Teknik & bitiş — spec tablosu */
.specs-list{border-top:1px solid var(--steel-soft);margin-top:2.5rem}
.spec-row{display:grid;grid-template-columns:auto 1fr;gap:1.5rem;align-items:baseline;
  padding:1.15rem 0;border-bottom:1px solid var(--steel-soft)}
.spec-row__k{font-family:var(--mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2);min-width:150px}
.spec-row__v{font-family:var(--display);font-weight:340;font-size:clamp(1.05rem,1.6vw,1.35rem);color:var(--warm-white)}
.spec-row__v .accent{color:var(--gold-bright);font-style:italic;font-family:var(--serif)}

/* Detay sayfası düzeni — daha ferah */
.detail{gap:clamp(2.5rem,6vw,6rem)}
@media(min-width:920px){.detail{grid-template-columns:1fr 1fr}}
.detail__sticky{position:sticky;top:110px}
.detail__body h2{font-weight:320}
.detail__body p{font-size:1.02rem;line-height:1.8;color:var(--muted);margin-bottom:1.3rem}
.detail__quote{font-family:var(--serif);font-size:clamp(1.4rem,2.2vw,1.9rem);line-height:1.4}

/* Detay üst alan ürün vitrini */
.detail-visual{
  position:relative;display:grid;gap:1px;padding:1px;overflow:hidden;
  border:1px solid var(--steel-soft);
  background:
    linear-gradient(135deg,rgba(194,160,106,.3),transparent 28%,rgba(255,255,255,.045)),
    var(--steel-soft);
  box-shadow:0 34px 90px -58px rgba(0,0,0,.9);
}
.detail-visual::before{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(10,8,9,.12),transparent 42%),
    linear-gradient(0deg,rgba(10,8,9,.78),transparent 26%,transparent 78%,rgba(10,8,9,.22));
}
.detail-visual__mark{
  position:absolute;z-index:3;right:1.1rem;top:1rem;
  font-family:var(--serif);font-size:clamp(2rem,4vw,4.8rem);letter-spacing:.22em;
  color:rgba(240,235,224,.045);white-space:nowrap;pointer-events:none;
}
.detail-visual__hero,.detail-visual__thumb{position:relative;margin:0;overflow:hidden;background:var(--void)}
.detail-visual__hero{aspect-ratio:4/4.6}
.detail-visual__hero img,.detail-visual__thumb img{width:100%;height:100%;object-fit:cover}
.detail-visual__hero img{transform:scale(1.015)}
.detail-visual__hero figcaption{
  position:absolute;z-index:4;left:1rem;right:1rem;bottom:1rem;
  font-family:var(--mono);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);
}
.detail-visual__bottom{display:grid;grid-template-columns:.82fr 1fr;gap:1px;background:var(--steel-soft)}
.detail-visual__thumb{aspect-ratio:1/1}
.detail-visual__meta{
  position:relative;min-width:0;padding:1.1rem;background:
    linear-gradient(135deg,rgba(194,160,106,.08),transparent),
    rgba(13,12,16,.98);
  display:flex;flex-direction:column;justify-content:space-between;gap:1.2rem;
}
.detail-visual__idx{font-family:var(--display);font-size:clamp(2.8rem,5vw,4.2rem);line-height:.85;color:rgba(230,205,148,.24)}
.detail-visual__specs{display:grid;gap:.75rem}
.detail-visual__specs div{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--steel-soft);padding-top:.7rem}
.detail-visual__specs span{font-family:var(--mono);font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-2)}
.detail-visual__specs b{font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--warm-white);font-weight:500;text-align:right}

/* Fotoğraflı ürün anlatımı */
.product-story{padding-top:clamp(4rem,8vw,7rem)}
.product-story__grid{
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);
  grid-template-areas:"large content" "small content";
  gap:clamp(1.2rem,2.4vw,2rem);align-items:start;
}
.product-story__media{
  position:relative;overflow:hidden;border:1px solid var(--steel-soft);background:var(--void);
  min-height:0;
}
.product-story__media img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform 1s var(--ease)}
.product-story__media:hover img{transform:scale(1.055)}
.product-story__media figcaption{
  position:absolute;left:1rem;right:1rem;bottom:1rem;z-index:2;
  font-family:var(--mono);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);
}
.product-story__media::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(0deg,rgba(10,8,9,.72),transparent 42%,rgba(10,8,9,.08));
}
.product-story__media--large{grid-area:large;aspect-ratio:16/10}
.product-story__media--small{grid-area:small;aspect-ratio:16/7}
.product-story__content{
  grid-area:content;align-self:stretch;min-width:0;overflow:hidden;padding:clamp(2rem,4vw,3.4rem);
  border:1px solid var(--steel-soft);
  background:
    linear-gradient(135deg,rgba(194,160,106,.075),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.025),transparent),
    var(--night);
}
.product-story__content .h-lg{
  margin:1rem 0 1.2rem;font-weight:320;
  font-size:clamp(2.1rem,3.25vw,3.55rem);max-width:10.5ch;overflow-wrap:break-word;
}
.product-notes{display:grid;gap:1px;margin-top:clamp(1.8rem,3vw,2.6rem);background:var(--steel-soft);border:1px solid var(--steel-soft)}
.product-note{display:grid;grid-template-columns:auto 1fr;gap:1rem;padding:1.25rem;background:rgba(13,12,16,.96)}
.product-note__num{font-family:var(--mono);font-size:.64rem;letter-spacing:.18em;color:var(--gold);padding-top:.25rem}
.product-note h3{font-size:1.25rem;font-weight:340;margin-bottom:.35rem;color:var(--warm-white)}
.product-note p{font-size:.92rem;line-height:1.65;color:var(--muted);margin:0}

.application-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--steel-soft);border:1px solid var(--steel-soft)}
.application-card{background:var(--night);min-width:0}
.application-card__media{aspect-ratio:4/3;overflow:hidden;background:var(--void)}
.application-card__media img{width:100%;height:100%;object-fit:cover;transform:scale(1.03);transition:transform 1s var(--ease),opacity .8s var(--ease);opacity:.9}
.application-card:hover .application-card__media img{transform:scale(1.08);opacity:1}
.application-card__body{padding:clamp(1.3rem,2.4vw,2rem)}
.application-card__body span{font-family:var(--mono);font-size:.62rem;letter-spacing:.18em;color:var(--gold)}
.application-card__body h3{font-size:1.35rem;font-weight:340;margin:.65rem 0 .45rem}
.application-card__body p{font-size:.92rem;line-height:1.65;color:var(--muted);margin:0}

/* Royal's two newest product visuals remain distinct from the generic gallery. */
.royal-products{padding-top:clamp(3rem,6vw,5rem)}
.royal-products__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--steel-soft);border:1px solid var(--steel-soft)}
.royal-product{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(220px,.72fr);min-width:0;background:var(--night)}
.royal-product__media{margin:0;aspect-ratio:16/11;overflow:hidden;background:var(--void)}
.royal-product__media img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform 1s var(--ease)}
.royal-product:hover .royal-product__media img{transform:scale(1.07)}
.royal-product__body{display:flex;flex-direction:column;justify-content:end;min-width:0;padding:clamp(1.3rem,2.5vw,2.25rem);border-left:1px solid var(--steel-soft);background:linear-gradient(145deg,rgba(194,160,106,.08),transparent 65%),var(--night)}
.royal-product__body span{font-family:var(--mono);font-size:.58rem;letter-spacing:.17em;text-transform:uppercase;color:var(--gold)}
.royal-product__body h3{margin:.75rem 0 .65rem;font-family:var(--serif);font-size:clamp(1.65rem,2.4vw,2.35rem);font-weight:400;line-height:1.04;color:var(--warm-white)}
.royal-product__body p{margin:0;font-size:.9rem;line-height:1.65;color:var(--muted)}

.product-decisions{padding-top:clamp(3rem,6vw,5rem)}
.product-decisions__grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(2rem,4vw,4rem);align-items:start}
.product-decisions__copy{
  position:sticky;top:110px;padding-top:.25rem;
}
.product-decisions__copy .h-lg{margin:1rem 0 1.2rem;font-weight:320}
.product-decisions__copy p{font-size:1.02rem;line-height:1.8;color:var(--muted)}
.decision-grid{display:grid;gap:1rem}
.decision-card{
  position:relative;overflow:hidden;padding:clamp(1.5rem,2.8vw,2.4rem);
  border:1px solid var(--steel-soft);background:linear-gradient(135deg,rgba(255,255,255,.035),transparent),var(--night);
}
.decision-card::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:2px;
  background:linear-gradient(180deg,var(--gold),transparent);
}
.decision-card span{font-family:var(--mono);font-size:.62rem;letter-spacing:.18em;color:var(--gold)}
.decision-card h3{font-size:1.45rem;font-weight:340;margin:.65rem 0 .45rem}
.decision-card p{font-size:.96rem;line-height:1.7;color:var(--muted);margin:0}

@media(max-width:920px){
  .product-story__grid{grid-template-columns:1fr;grid-template-areas:"large" "content" "small"}
  .product-decisions__grid{grid-template-columns:1fr}
  .product-decisions__copy{position:relative;top:auto}
  .application-grid{grid-template-columns:1fr}
  .royal-products__grid{grid-template-columns:1fr}
}
@media(max-width:520px){
  .gal-grid{grid-template-columns:1fr}
  .gal-cell,.gal-cell.tall,.gal-cell.wide,.gal-cell.feature{grid-column:1;grid-row:auto}
  .product-story__media figcaption{font-size:.52rem;letter-spacing:.12em;line-height:1.45}
  .product-story__content{padding:1.8rem}
  .product-note{grid-template-columns:1fr;gap:.55rem}
  .royal-product{grid-template-columns:1fr}
  .royal-product__body{border-left:0;border-top:1px solid var(--steel-soft)}
}

/* Page hero — daha ferah, daha sinematik */
.page-hero{padding:clamp(11rem,22vh,16rem) 0 clamp(4rem,7vw,6rem)}
.page-hero--media{padding-top:clamp(13rem,26vh,18rem)}
.page-hero__media img,.page-hero__media video{opacity:.55}
.page-hero__scrim{background:
  linear-gradient(93deg,rgba(10,8,9,.92),rgba(10,8,9,.5) 55%,rgba(10,8,9,.3)),
  linear-gradient(0deg,var(--night),rgba(10,8,9,.2) 52%,rgba(10,8,9,.55))}
.page-hero__sub{font-family:var(--serif);font-style:italic;font-size:clamp(1.3rem,2.4vw,2rem);color:var(--gold-bright)}

/* Koleksiyon kartları — daha editoryal */
.coll-card__media{aspect-ratio:3/4}
.coll-card__name{font-family:var(--display);font-weight:320}
.coll-card:hover{transform:translateY(-8px)}

/* Showcase — daha büyük, ferah */
.showcase__item{flex-basis:clamp(300px,42vw,600px)}
.showcase__item .sc-media{aspect-ratio:5/6}
.sc-body__name{font-family:var(--display);font-weight:320}

/* Marquee — daha ince, zarif */
.marquee__track span{font-family:var(--display);font-weight:300;font-style:normal}
.marquee__track span b{font-style:italic;font-family:var(--serif);color:var(--gold-bright)}
.hero__ticker .marquee__track span{font-size:clamp(.9rem,1.4vw,1.15rem);letter-spacing:.02em}
.hero__ticker .marquee__track span{color:var(--muted)}

/* Why kartları — daha zarif başlık */
.why-card__title,.stat-cell b,.footer-cta__title,.coll-row__name,.mega__name{font-family:var(--display)}
.why-card__title{font-weight:340}

/* Stat sayıları */
.stat-cell b{font-weight:300}
.hero__stat b{font-family:var(--display);font-weight:300}

/* Bölüm filigranı — daha zarif */
.section__wm{font-family:var(--display);font-style:normal;font-weight:300;color:rgba(240,235,224,.025)}

/* Timeline başlıkları */
.tl-step__body h3,.spec h4,.coll-card__name,.footer-cta__title,.band .display,.manifesto__text .display{font-family:var(--display)}

/* Daha zarif footer */
.footer-cta__title{font-weight:300;font-size:clamp(2.4rem,5.5vw,4.4rem)}
.footer-brand__tag{font-size:1rem;line-height:1.7}

/* Reduced motion korunur */
@media(prefers-reduced-motion:reduce){.break-full img{transform:none}}

/* ============================================================
   Premium upgrade pass
   ============================================================ */
.site-header{
  background:linear-gradient(180deg,rgba(10,8,9,.72),rgba(10,8,9,.28) 74%,transparent);
  backdrop-filter:blur(10px);
}
.site-header.is-scrolled{
  background:rgba(10,8,9,.82);
  border-bottom-color:rgba(194,160,106,.16);
}
.display{font-size:clamp(2.6rem,6.05vw,5.85rem);line-height:1.01}
.hero .display{font-size:clamp(2.45rem,5vw,5rem)}
.hero{min-height:96svh}
.hero__title{max-width:20ch;letter-spacing:-.014em}
.hero__sub{max-width:46ch;color:rgba(240,235,224,.72)}
.hero__video.is-ready{opacity:.52}
.hero .hero__img{opacity:.58}
.hero__grid{opacity:.24}
.hero__light{opacity:.56}
.hero__scrim{
  background:
    linear-gradient(94deg,rgba(10,8,9,.96) 0%,rgba(10,8,9,.74) 37%,rgba(10,8,9,.28) 70%,rgba(10,8,9,.58)),
    linear-gradient(0deg,rgba(10,8,9,.98),rgba(10,8,9,.20) 48%,rgba(10,8,9,.58));
}
.hero__foot{
  max-width:720px;
  background:linear-gradient(90deg,rgba(255,255,255,.035),transparent);
  padding:1.2rem 1.4rem;border:1px solid rgba(194,160,106,.12);
}
.stats-band{background:linear-gradient(90deg,rgba(194,160,106,.08),transparent 38%,rgba(255,255,255,.025))}
.stat-cell{background:linear-gradient(145deg,rgba(255,255,255,.035),transparent 36%),var(--night)}
.stat-cell b{font-size:clamp(2.2rem,4.2vw,3.65rem)}

.showcase{padding-top:clamp(3rem,6vw,5.5rem)}
.showcase__head{
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;
  margin-bottom:clamp(1.6rem,3vw,2.6rem);
}
.showcase__head .h-lg{max-width:11ch;line-height:1}
.showcase__nav{
  align-self:end;padding:.55rem .7rem;border:1px solid rgba(194,160,106,.14);
  background:rgba(10,8,9,.36);backdrop-filter:blur(8px);
}
.showcase__hint{color:rgba(240,235,224,.56)}
.showcase__hint{display:none}
.showcase__item{
  flex-basis:clamp(320px,39vw,560px);
  box-shadow:0 34px 80px -64px rgba(0,0,0,.9);
}
.showcase__item .sc-media{aspect-ratio:4/3}
.showcase__item::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 22%,transparent 70%,rgba(0,0,0,.24));
  opacity:.62;
}
.showcase__item .sc-body{
  padding:clamp(1.2rem,2.2vw,2rem);
  background:linear-gradient(0deg,rgba(7,7,10,.94),rgba(7,7,10,.62) 54%,transparent);
}
.sc-body__name{font-size:clamp(1.35rem,2vw,1.95rem);line-height:1.05}
.sc-body__meta{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.85rem}
.sc-body__meta span{
  font-family:var(--mono);font-size:.56rem;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(240,235,224,.72);border:1px solid rgba(194,160,106,.2);
  padding:.38rem .5rem;background:rgba(10,8,9,.42);
}
.sc-go{background:rgba(10,8,9,.34);backdrop-filter:blur(8px)}

.finish-studio{
  margin-top:clamp(1.8rem,3.5vw,3rem);
  display:grid;grid-template-columns:minmax(0,.85fr) minmax(320px,1.15fr);
  gap:1px;background:rgba(194,160,106,.16);border:1px solid rgba(194,160,106,.16);
}
.finish-studio__copy{
  padding:clamp(1.6rem,3vw,2.6rem);
  background:linear-gradient(145deg,rgba(194,160,106,.08),transparent 42%),var(--night);
}
.finish-studio__copy .h-md{margin:1rem 0 1rem;max-width:12ch}
.finish-studio__copy p{color:var(--muted);line-height:1.75}
.finish-studio__board{
  display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(194,160,106,.14);
}
.finish-chip{
  min-height:154px;text-align:left;padding:1.2rem;
  background:linear-gradient(145deg,rgba(255,255,255,.035),transparent),var(--night);
  display:flex;flex-direction:column;justify-content:space-between;gap:.8rem;
  transition:background .35s var(--ease),transform .35s var(--ease);
}
.finish-chip:hover,.finish-chip.is-active{background:linear-gradient(145deg,rgba(194,160,106,.12),transparent),var(--night-2)}
.finish-chip:hover{transform:translateY(-2px)}
.finish-chip__swatch{
  width:56px;height:56px;border-radius:50%;border:1px solid rgba(240,235,224,.18);
  box-shadow:inset 0 0 18px rgba(255,255,255,.08),0 16px 34px -24px #000;
}
.finish-chip span:not(.finish-chip__swatch){font-family:var(--display);font-size:1.25rem;color:var(--warm-white);line-height:1}
.finish-chip small{font-family:var(--mono);font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2)}
.swatch--graphite{background:linear-gradient(135deg,#101114,#3a3833 55%,#09090a)}
.swatch--bronze{background:linear-gradient(135deg,#3a2516,#8a6a3f 52%,#1a100b)}
.swatch--champagne{background:linear-gradient(135deg,#6f5b37,#e6cd94 48%,#9a7844)}
.swatch--steel{background:linear-gradient(135deg,#20252a,#9ba0a1 48%,#30343a)}

.page-hero--media{
  min-height:82svh;display:grid;align-items:end;
  padding-top:clamp(10rem,18vh,13rem);
}
.page-hero__media img,.page-hero__media video{opacity:.68}
.page-hero__scrim{
  background:
    linear-gradient(92deg,rgba(10,8,9,.94),rgba(10,8,9,.70) 36%,rgba(10,8,9,.28) 72%,rgba(10,8,9,.52)),
    linear-gradient(0deg,var(--night),rgba(10,8,9,.22) 54%,rgba(10,8,9,.52));
}
.page-hero__media::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 22%,transparent 76%,rgba(0,0,0,.2));
  pointer-events:none;
}
.page-hero h1{max-width:12ch}
.page-hero__facts{
  margin-top:clamp(1.7rem,3vw,2.6rem);
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  max-width:760px;border:1px solid rgba(194,160,106,.14);
  background:rgba(10,8,9,.34);backdrop-filter:blur(10px);
}
.page-hero__fact{
  padding:1rem 1.1rem;border-right:1px solid rgba(194,160,106,.14);
  min-width:0;
}
.page-hero__fact:last-child{border-right:0}
.page-hero__fact span{
  display:block;font-family:var(--mono);font-size:.56rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);
  margin-bottom:.35rem;
}
.page-hero__fact b{
  display:block;font-family:var(--display);font-size:clamp(1rem,1.5vw,1.25rem);font-weight:320;color:var(--warm-white);
  overflow-wrap:anywhere;
}
.detail-visual{box-shadow:0 40px 120px -78px rgba(0,0,0,.96)}
.detail-visual__mark{color:rgba(240,235,224,.035);font-size:clamp(1.6rem,3.2vw,3.7rem)}
.detail-visual__hero{aspect-ratio:4/4.15}
.detail-visual::before{
  background:
    linear-gradient(90deg,rgba(10,8,9,.06),transparent 48%),
    linear-gradient(0deg,rgba(10,8,9,.62),transparent 24%,transparent 80%,rgba(10,8,9,.16));
}

@media(max-width:760px){
  .display{font-size:clamp(2.35rem,12vw,4rem)}
  .hero{min-height:92svh}
  .hero__foot{padding:1rem;max-width:none}
  .showcase__head{grid-template-columns:1fr}
  .showcase__nav{justify-self:start}
  .finish-studio{grid-template-columns:1fr}
  .finish-studio__board{grid-template-columns:1fr}
  .page-hero__facts{grid-template-columns:1fr}
  .page-hero__fact{border-right:0;border-bottom:1px solid rgba(194,160,106,.14)}
  .page-hero__fact:last-child{border-bottom:0}
}