/* =====================================================================
   KABUK · premium
   Palet videodan örneklendi: kavrum (zemin), kestane, krema, buhar.
   Tek keskin vurgu: damga kırmızısı (paketteki tarih damgasının mürekkebi).
   ===================================================================== */

@font-face{font-family:'Bricolage';font-style:normal;font-weight:200 800;font-display:swap;
  src:url(../fonts/bricolage-grotesque-latin-opsz-normal.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Bricolage';font-style:normal;font-weight:200 800;font-display:swap;
  src:url(../fonts/bricolage-grotesque-latin-ext-opsz-normal.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:200 800;font-display:swap;
  src:url(../fonts/newsreader-latin-wght-normal.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:200 800;font-display:swap;
  src:url(../fonts/newsreader-latin-ext-wght-normal.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Newsreader';font-style:italic;font-weight:200 800;font-display:swap;
  src:url(../fonts/newsreader-latin-wght-italic.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Newsreader';font-style:italic;font-weight:200 800;font-display:swap;
  src:url(../fonts/newsreader-latin-ext-wght-italic.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:100 800;font-display:swap;
  src:url(../fonts/jetbrains-mono-latin-wght-normal.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:100 800;font-display:swap;
  src:url(../fonts/jetbrains-mono-latin-ext-wght-normal.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

@property --tone{syntax:'<color>';inherits:true;initial-value:rgba(239,217,184,.20)}

:root{
  --bg:#110C08;          /* kavrum: zemin, videonun gölgesinden */
  --bg-2:#18110B;
  --bg-3:#22180F;
  --chestnut:#4A3020;    /* kavrulmuş kestane */
  --chestnut-hi:#6E4B32;
  --ivory:#EFE5D4;       /* arka ışığın fildişi */
  --crema:#D9B98C;       /* krema */
  --crema-hi:#F0DCBA;
  --steam:#ADA396;       /* buhar grisi, 7.9:1 */
  --steam-2:#8A8175;     /* 5.0:1 */
  --line:rgba(239,229,212,.10);
  --line-2:rgba(239,229,212,.18);
  --line-live:#7C6652;   /* dokunulan kenarlık, 3.4:1 */
  --damga:#F0532E;       /* tek vurgu: tarih damgası mürekkebi, 5.6:1 */
  --damga-hi:#FF6B47;
  --f-d:'Bricolage','Arial Narrow',system-ui,sans-serif;
  --f-b:'Newsreader',Georgia,'Times New Roman',serif;
  --f-m:'JetBrains Mono',ui-monospace,'SFMono-Regular',Menlo,monospace;
  --e-out:cubic-bezier(.16,1,.3,1);
  --e-io:cubic-bezier(.65,0,.35,1);
  --e-in:cubic-bezier(.5,0,.75,0);
  --gut:clamp(16px,4vw,56px);
  --lane:60px; /* ELYX demo rozeti (sağ alt) için boş bırakılan alt şerit */
  --maxw:1380px;
  --nav-h:76px;
  --tshadow:0 1px 2px rgba(8,5,3,.95),0 3px 14px rgba(8,5,3,.75),0 12px 48px rgba(8,5,3,.75);
}

*,*::before,*::after{box-sizing:border-box}
html{background:var(--bg);color:var(--ivory);overflow-x:hidden;overflow-x:clip;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--bg);font-family:var(--f-b);font-size:clamp(17px,1rem + .18vw,19.5px);line-height:1.55;font-weight:380;overflow-x:hidden;overflow-x:clip;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-kerning:normal}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}
img,video,canvas,svg{display:block;max-width:100%}
a{color:inherit}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
p,h1,h2,h3,ol,ul,dl,dd,figure{margin:0}
ol,ul{padding:0;list-style:none}
::selection{background:var(--damga);color:#160c07}
:focus-visible{outline:2px solid var(--damga);outline-offset:3px;border-radius:4px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:fixed;left:16px;top:-80px;z-index:200;padding:12px 18px;background:var(--damga);color:#160c07;font-family:var(--f-m);font-size:.8rem;border-radius:999px;text-decoration:none;transition:top .3s var(--e-out)}
.skip:focus{top:16px}
main{display:block;outline:none}
.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--gut)}
.mono{font-family:var(--f-m);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;font-weight:450;line-height:1.35}

/* ---------- ortak tipografi ---------- */
.kick{display:flex;align-items:baseline;gap:.9em;color:var(--crema);margin-bottom:clamp(18px,2.4vw,30px)}
.kick span{color:var(--steam-2)}
.h2{font-family:var(--f-d);font-weight:700;font-size:clamp(2.35rem,1.2rem + 3.9vw,5.1rem);line-height:.98;letter-spacing:-.034em;color:var(--ivory);max-width:13ch;font-optical-sizing:auto;text-wrap:balance}
.lede{font-size:clamp(1.06rem,1rem + .3vw,1.3rem);line-height:1.5;color:var(--steam);max-width:40ch;margin-top:clamp(18px,2vw,28px);text-wrap:pretty}
.ln-mask{padding-bottom:.14em;margin-bottom:-.14em}

/* ---------- butonlar ---------- */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:48px;padding:0 1.5em;border-radius:999px;font-family:var(--f-m);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:550;text-decoration:none;white-space:nowrap;overflow:hidden;isolation:isolate;transition:color .45s var(--e-out),border-color .45s var(--e-out),background-color .45s var(--e-out),box-shadow .45s var(--e-out)}
.btn span{position:relative;z-index:1}
.btn::before{content:"";position:absolute;inset:0;border-radius:inherit;transform:translateY(102%);transition:transform .55s var(--e-out);z-index:0}
.btn--fill{background:var(--damga);color:#170b06}
.btn--fill::before{background:var(--ivory)}
.btn--fill:hover::before,.btn--fill:focus-visible::before{transform:translateY(0)}
.btn--line{border:1px solid var(--line-live);color:var(--ivory)}
.btn--line::before{background:var(--ivory)}
.btn--line:hover,.btn--line:focus-visible{color:#170b06;border-color:var(--ivory)}
.btn--line:hover::before,.btn--line:focus-visible::before{transform:translateY(0)}
.btn--ghost{border:1px solid rgba(239,229,212,.32);color:var(--ivory);background:rgba(17,12,8,.42)}
.btn--ghost::before{background:rgba(239,229,212,.14)}
.btn--ghost:hover::before,.btn--ghost:focus-visible::before{transform:translateY(0)}
[data-magnetic]{will-change:transform}

/* =====================================================================
   AÇILIŞ
   ===================================================================== */
.intro{position:fixed;inset:0;z-index:100;pointer-events:none;animation:introGone 0s linear 2.3s forwards}
.intro-half{position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 50%,#1d140d 0%,var(--bg) 70%);will-change:transform}
.intro-top{clip-path:polygon(0 0,100% 0,100% calc(50% + 2px),94.7% calc(50% - 4px),88.9% calc(50% + 6px),83.2% calc(50% - 8px),77.4% calc(50% + 4px),71.9% calc(50% - 10px),66.1% calc(50% + 8px),60.2% calc(50% - 6px),54.7% calc(50% + 6px),48.9% calc(50% - 14px),43.3% calc(50% + 2px),37.1% calc(50% - 8px),31.8% calc(50% + 8px),26.2% calc(50% - 12px),20.3% calc(50% + 4px),15.1% calc(50% - 10px),9.6% calc(50% + 6px),5.2% calc(50% - 6px),0 50%);animation:introUp .85s var(--e-io) 1.38s forwards}
.intro-bot{clip-path:polygon(0 50%,5.2% calc(50% - 6px),9.6% calc(50% + 6px),15.1% calc(50% - 10px),20.3% calc(50% + 4px),26.2% calc(50% - 12px),31.8% calc(50% + 8px),37.1% calc(50% - 8px),43.3% calc(50% + 2px),48.9% calc(50% - 14px),54.7% calc(50% + 6px),60.2% calc(50% - 6px),66.1% calc(50% + 8px),71.9% calc(50% - 10px),77.4% calc(50% + 4px),83.2% calc(50% - 8px),88.9% calc(50% + 6px),94.7% calc(50% - 4px),100% calc(50% + 2px),100% 100%,0 100%);animation:introDown .85s var(--e-io) 1.38s forwards}
.intro-crack{position:absolute;left:0;top:calc(50% - 40px);width:100%;height:80px;fill:none;stroke:var(--crema-hi);stroke-width:1.4;vector-effect:non-scaling-stroke;overflow:visible}
.intro-crack path{stroke-dasharray:1;stroke-dashoffset:1;animation:dash .42s var(--e-io) .98s forwards,fadeOut .3s linear 1.45s forwards;filter:drop-shadow(0 0 6px rgba(240,220,186,.8))}
.intro-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-58%);display:flex;flex-direction:column;align-items:center;gap:14px;animation:fadeOut .25s linear 1.25s forwards}
.intro-mark{width:56px;height:36px;fill:none;stroke-linecap:round}
.intro-mark path{stroke-dasharray:1;stroke-dashoffset:1;animation:dash .6s var(--e-out) .05s forwards}
.intro-mark .up{stroke:var(--ivory);stroke-width:2}
.intro-mark .lo{stroke:var(--damga);stroke-width:1.7;animation-delay:.2s}
.intro-word{font-family:var(--f-d);font-weight:800;font-size:clamp(2.4rem,6vw,4.2rem);letter-spacing:.2em;padding-left:.2em;line-height:1;color:var(--ivory);opacity:0;animation:introWord .7s var(--e-out) .22s forwards}
.intro-stamp{display:flex;align-items:baseline;gap:.7em;font-family:var(--f-m);font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--damga);border:1.5px solid var(--damga);padding:.55em .9em .5em;border-radius:3px;opacity:0;transform:rotate(-4deg) scale(1.9);animation:stampIn .32s cubic-bezier(.3,1.4,.5,1) .72s forwards}
.intro-stamp b{font-weight:700;letter-spacing:.1em}
.intro.is-skip .intro-top{animation:introUp .6s var(--e-io) forwards}
.intro.is-skip .intro-bot{animation:introDown .6s var(--e-io) forwards}
.intro.is-skip .intro-core,.intro.is-skip .intro-crack{opacity:0;animation:none}
.intro.is-skip{animation:introGone 0s linear .62s forwards}
@keyframes introUp{to{transform:translateY(-56%)}}
@keyframes introDown{to{transform:translateY(56%)}}
@keyframes introGone{to{visibility:hidden}}
@keyframes dash{to{stroke-dashoffset:0}}
@keyframes fadeOut{to{opacity:0}}
@keyframes introWord{from{opacity:0;letter-spacing:.42em;filter:blur(6px)}to{opacity:1;letter-spacing:.2em;filter:blur(0)}}
@keyframes stampIn{to{opacity:1;transform:rotate(-4deg) scale(1)}}

/* =====================================================================
   ORTAM KATMANI
   ===================================================================== */
.env{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background-size:180px 180px}
html.env-off .env{visibility:hidden}
.env-glow{position:absolute;left:-30vmax;top:-30vmax;width:160vmax;height:160vmax;will-change:transform;background:
  radial-gradient(closest-side at 32% 34%,rgba(110,75,50,.2),rgba(110,75,50,0) 70%),
  radial-gradient(closest-side at 72% 70%,rgba(217,185,140,.075),rgba(217,185,140,0) 70%);animation:drift 84s ease-in-out infinite alternate}
.env-flakes{position:absolute;inset:0;will-change:transform}
.env-flakes i{position:absolute;top:0;left:var(--x);width:var(--s);height:calc(var(--s)*.42);border-radius:50%;background:var(--c);opacity:var(--o);animation:flake var(--d) linear infinite;animation-delay:var(--dl);will-change:transform}
@keyframes flake{0%{transform:translate3d(0,-6vh,0) rotate(0deg)}25%{transform:translate3d(calc(var(--sw)*1),24vh,0) rotate(120deg)}50%{transform:translate3d(0,52vh,0) rotate(200deg)}75%{transform:translate3d(calc(var(--sw)*-1),80vh,0) rotate(290deg)}100%{transform:translate3d(0,108vh,0) rotate(400deg)}}
@keyframes drift{0%{transform:translate3d(0,0,0) rotate(0deg)}50%{transform:translate3d(10vw,14vh,0) rotate(8deg)}100%{transform:translate3d(-6vw,26vh,0) rotate(-4deg)}}
body.paused *,body.paused *::before,body.paused *::after{animation-play-state:paused!important}

/* =====================================================================
   ÜST ŞERİT
   ===================================================================== */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;height:var(--nav-h);display:flex;align-items:center;gap:clamp(16px,3vw,40px);padding:0 var(--gut);transition:height .6s var(--e-out)}
.nav::before{content:"";position:absolute;inset:0 0 -40px;background:linear-gradient(rgba(8,5,3,.72),rgba(8,5,3,0));pointer-events:none;transition:opacity .6s}
.nav::after{content:"";position:absolute;inset:0;background:rgba(17,12,8,.74);backdrop-filter:blur(16px) saturate(1.15);-webkit-backdrop-filter:blur(16px) saturate(1.15);opacity:0;transition:opacity .6s var(--e-out);pointer-events:none}
.nav>*{position:relative;z-index:1}
.nav.is-solid{height:64px}
.nav.is-solid::after{opacity:1}
.nav.is-solid::before{opacity:0}
.mark{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--f-d);font-weight:800;font-size:1.02rem;letter-spacing:.24em;color:var(--ivory);min-height:44px}
.mark-ic{width:28px;height:18px;fill:none;stroke-linecap:round;overflow:visible}
.mark-ic .up{stroke:var(--ivory);stroke-width:1.9;transition:transform .5s var(--e-out)}
.mark-ic .lo{stroke:var(--damga);stroke-width:1.6;transition:transform .5s var(--e-out)}
.mark:hover .mark-ic .up{transform:translateY(-2.5px)}
.mark:hover .mark-ic .lo{transform:translateY(1.5px)}
.navlinks{display:flex;gap:clamp(14px,2.2vw,34px);margin-left:auto}
.navlinks a{position:relative;font-family:var(--f-m);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:var(--steam);padding:12px 0;transition:color .35s}
.navlinks a::after{content:"";position:absolute;left:0;right:0;bottom:6px;height:1px;background:var(--ivory);transform:scaleX(0);transform-origin:right;transition:transform .5s var(--e-out)}
.navlinks a:hover,.navlinks a.is-on{color:var(--ivory)}
.navlinks a:hover::after,.navlinks a.is-on::after{transform:scaleX(1);transform-origin:left}
.nav-end{display:flex;align-items:center;gap:14px}
.cart{display:inline-flex;align-items:center;gap:8px;min-height:44px;text-decoration:none;font-family:var(--f-m);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--steam);transition:color .3s}
.cart:hover{color:var(--ivory)}
.cart-n{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:999px;border:1px solid var(--line-live);color:var(--ivory);font-weight:600;letter-spacing:0;transition:background .4s,color .4s,border-color .4s}
.cart.has .cart-n{background:var(--damga);border-color:var(--damga);color:#170b06}
.cart-n.bump{animation:bump .5s var(--e-out)}
@keyframes bump{30%{transform:scale(1.35)}100%{transform:scale(1)}}
.nav-cta{min-height:42px}
.menu-btn{display:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--line-2);position:relative}
.menu-btn i{position:absolute;left:13px;right:13px;height:1.5px;background:var(--ivory);transition:transform .5s var(--e-out)}
.menu-btn i:first-of-type{top:18px}
.menu-btn i:last-of-type{top:25px}
.menu-btn[aria-expanded="true"] i:first-of-type{transform:translateY(3.5px) rotate(45deg)}
.menu-btn[aria-expanded="true"] i:last-of-type{transform:translateY(-3.5px) rotate(-45deg)}
.nav-crust{position:absolute;left:0;right:0;bottom:-4px;width:100%;height:8px;fill:none;overflow:visible;z-index:1;-webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);opacity:0;transition:opacity .6s}
.nav.is-solid .nav-crust{opacity:1}
.nav-crust path{vector-effect:non-scaling-stroke;stroke-width:1}
.nav-crust .base{stroke:rgba(239,229,212,.12)}
.nav-crust .prog{stroke:var(--crema);stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--np,0))}

.menu{position:fixed;inset:0;z-index:45;background:rgba(14,10,7,.96);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:calc(var(--nav-h) + 24px) var(--gut) 32px;display:flex;flex-direction:column;justify-content:space-between;opacity:0;transition:opacity .45s var(--e-out)}
.menu[hidden]{display:none}
.menu.is-open{opacity:1}
.menu nav{display:flex;flex-direction:column}
.menu nav a{display:flex;align-items:baseline;gap:16px;font-family:var(--f-d);font-weight:700;font-size:clamp(1.9rem,8vw,3rem);letter-spacing:-.03em;line-height:1.08;text-decoration:none;padding:9px 0;border-bottom:1px solid var(--line);transform:translateY(16px);opacity:0;transition:transform .7s var(--e-out),opacity .7s var(--e-out)}
.menu nav a span{font-family:var(--f-m);font-size:.7rem;letter-spacing:.14em;color:var(--damga);font-weight:500}
.menu.is-open nav a{transform:none;opacity:1}
.menu.is-open nav a:nth-child(2){transition-delay:.04s}.menu.is-open nav a:nth-child(3){transition-delay:.08s}.menu.is-open nav a:nth-child(4){transition-delay:.12s}.menu.is-open nav a:nth-child(5){transition-delay:.16s}.menu.is-open nav a:nth-child(6){transition-delay:.2s}.menu.is-open nav a:nth-child(7){transition-delay:.24s}
.menu-foot{color:var(--steam)}
.menu-foot b{color:var(--ivory)}

/* =====================================================================
   01 DÖKÜŞ
   ===================================================================== */
.hero{position:relative}
.hero-scrub{position:relative;height:600vh}
.stage{position:sticky;top:0;height:100vh;overflow:hidden;background:#070504}
.poster,.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background-size:cover;background-position:center}
.poster{transform-origin:50% 60%;will-change:transform}
.poster-end{opacity:0;transform-origin:50% 40%}
.hero-video{opacity:0;transition:opacity .9s var(--e-out);transform:translateZ(0)}
.stage.is-ready .hero-video{opacity:1}
.stage.is-failed .hero-video{display:none}
.stage.is-failed .ring{opacity:0}
.scrim{position:absolute;inset:0;pointer-events:none;background:
  linear-gradient(180deg,rgba(8,5,3,.55) 0%,rgba(8,5,3,0) 18%,rgba(8,5,3,0) 72%,rgba(8,5,3,.62) 100%),
  radial-gradient(ellipse 120% 92% at 50% 42%,rgba(8,5,3,0) 38%,rgba(8,5,3,.6) 100%)}
.bands{position:absolute;inset:0}
.band{position:absolute;inset:0;opacity:0;pointer-events:none;--k:0}
.band .col{position:absolute;top:50%;transform:translateY(-50%);width:min(42vw,660px)}
.band .col::before{content:"";position:absolute;inset:-34% -30%;z-index:-1;pointer-events:none;opacity:calc(.3 + .7*var(--k));background:radial-gradient(ellipse 58% 56% at 50% 50%,rgba(8,5,3,.7) 0%,rgba(8,5,3,.46) 46%,rgba(8,5,3,0) 76%)}
.band--left .col{left:calc(var(--gut) + 1vw)}
.band--right .col{right:calc(var(--gut) + 1vw);text-align:right}
.band--right .bk{justify-content:flex-end}
.bk{display:flex;align-items:baseline;gap:.8em;color:var(--crema);margin-bottom:22px;text-shadow:0 1px 8px rgba(8,5,3,.9)}
.bk span{color:var(--damga)}
.line{font-family:var(--f-d);font-weight:700;font-size:clamp(3rem,1.6rem + 4.6vw,7.2rem);line-height:.93;letter-spacing:-.038em;color:var(--ivory);text-shadow:var(--tshadow);font-optical-sizing:auto}
.vis{display:inline}
.vis .w{display:inline-block;white-space:nowrap}
.vis .c{display:inline-block}
.e-punch .w.em{font-family:var(--f-b);font-style:italic;font-weight:360;letter-spacing:-.02em;color:var(--crema-hi)}

/* giriş kişilikleri: hepsi --k üzerinden, transform ve opacity */
.e-drift .w{--kc:clamp(0,(var(--k) - var(--th,0))*2.6,1);opacity:var(--kc);transform:translateY(calc((1 - var(--kc))*-0.42em))}
.e-punch .w{--kc:clamp(0,(var(--k) - var(--th,0))*3,1);--ks:clamp(0,(var(--k) - var(--th,0) - var(--sd,.1))*var(--ss,3.2),1);opacity:var(--kc);transform:scale(calc(.6 + (.4 + var(--ov,.12))*var(--kc) - var(--ov,.12)*var(--ks)))}
.e-punch .w.em{--ov:.22;--sd:.16;--ss:2.6}
.e-scatter .c,.e-rise .c{--kc:clamp(0,(var(--k) - var(--th,0))*2.6,1);opacity:var(--kc);transform:translate(calc((1 - var(--kc))*var(--jx,0px)),calc((1 - var(--kc))*var(--jy,0px))) rotate(calc((1 - var(--kc))*var(--jr,0deg)))}
.band--split .bk{position:absolute;left:calc(var(--gut) + 1vw);top:calc(var(--nav-h) + 9vh)}
.band--split .sl,.band--split .sr{position:absolute;max-width:48vw}
.band--split .sl{left:calc(var(--gut) + 1vw);top:calc(var(--nav-h) + 9vh + 46px)}
.band--split .sr{right:calc(var(--gut) + 1vw);bottom:15vh;text-align:right}
.band--split .line{font-size:clamp(2.6rem,1.4rem + 4vw,6.2rem)}
.band--split .sl::before,.band--split .sr::before{content:"";position:absolute;inset:-60% -26%;z-index:-1;opacity:calc(.3 + .7*var(--k));background:radial-gradient(ellipse 56% 54% at 50% 50%,rgba(8,5,3,.72) 0%,rgba(8,5,3,.42) 48%,rgba(8,5,3,0) 76%)}
.band--split .sr .line{color:var(--steam)}
.band--settle::before{content:"";position:absolute;inset:auto 0 0;height:62%;background:linear-gradient(180deg,rgba(8,5,3,0),rgba(8,5,3,.55) 45%,rgba(8,5,3,.86));opacity:calc(.25 + .75*var(--k))}
.settle{position:absolute;left:var(--gut);right:var(--gut);bottom:calc(64px + 4vh);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:clamp(24px,4vw,64px)}
.settle-mark{font-family:var(--f-d);font-weight:800;font-size:clamp(5.5rem,1rem + 15vw,17rem);line-height:.78;letter-spacing:-.055em;color:var(--ivory);text-shadow:var(--tshadow);margin-left:-.04em}
.settle-side{padding-bottom:.6vw;width:min(380px,34vw)}
.settle-sub,.settle-cta{--ks:clamp(0,(var(--k) - .55)*4,1);--kb:clamp(0,(var(--k) - .7)*5,1)}
.settle-sub{font-size:clamp(1.15rem,1rem + .5vw,1.5rem);line-height:1.35;color:var(--ivory);text-shadow:var(--tshadow);opacity:var(--ks);transform:translateY(calc((1 - var(--ks))*14px));max-width:22ch}
.settle-side .bk{opacity:var(--ks)}
.settle-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;opacity:var(--kb);transform:translateY(calc((1 - var(--kb))*16px))}
.band.is-live .settle-cta{pointer-events:auto}

.hud{position:absolute;left:var(--gut);right:var(--gut);bottom:var(--lane);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;color:var(--steam);pointer-events:none}
.hud-l{display:flex;gap:.8em}
.hud-ch{color:var(--damga)}
.hud-bar{position:relative;height:1px;background:rgba(239,229,212,.16)}
.hud-fill{position:absolute;inset:0;background:var(--crema);transform-origin:left;transform:scaleX(var(--hp,0))}
.hud-bar b{position:absolute;top:-3px;left:calc(var(--at)*100%);width:1px;height:7px;background:rgba(239,229,212,.45)}
.hud-r{display:flex;gap:1.6em;font-variant-numeric:tabular-nums}
.hud-t{color:var(--ivory);min-width:7ch;text-align:right}
.cue{position:absolute;left:50%;bottom:calc(var(--lane) + 36px);transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;transition:opacity .6s var(--e-out),transform .6s var(--e-out);pointer-events:none}
.cue.is-gone{opacity:0;transform:translate(-50%,10px)}
.ring{width:44px;height:44px;fill:none;transform:rotate(-90deg)}
.ring circle{stroke:rgba(239,229,212,.18);stroke-width:1.5}
.ring .ring-fill{stroke:var(--crema);stroke-dasharray:126;stroke-dashoffset:var(--ld,126);transition:stroke-dashoffset .3s linear}
.cue-drop{position:absolute;top:8px;left:50%;width:2px;height:10px;margin-left:-1px;border-radius:2px;background:var(--crema-hi);animation:drip 2.2s var(--e-in) infinite;opacity:0}
.cue-t{color:var(--steam)}
@keyframes drip{0%{transform:translateY(-4px) scaleY(.6);opacity:0}15%{opacity:1}60%{transform:translateY(20px) scaleY(1.3);opacity:1}75%,100%{transform:translateY(22px) scaleY(.2);opacity:0}}
@media (max-height:560px){.hud,.cue,.bk{display:none}}

/* duran hero */
.hero-static{display:none}
.hs-a,.hs-b{position:relative;overflow:hidden;display:flex;align-items:flex-end}
.hs-a{min-height:100vh;min-height:100svh}
.hs-b{min-height:86vh;min-height:86svh}
.hs-img{position:absolute;inset:0;background-size:cover;background-position:50% 50%}
.hs-img--a{animation:kenburns 26s ease-in-out infinite alternate}
.hs-img--b{background-position:50% 30%}
.hs-a::after,.hs-b::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(8,5,3,.6) 0%,rgba(8,5,3,0) 22%,rgba(8,5,3,.1) 46%,rgba(8,5,3,.78) 76%,var(--bg) 100%)}
.hs-b::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,var(--bg) 0%,rgba(17,12,8,0) 18%)}
.hs-copy{position:relative;z-index:2;padding-bottom:clamp(56px,10vh,110px)}
.hs-h{font-family:var(--f-d);font-weight:800;font-size:clamp(3.5rem,1.2rem + 9vw,8.4rem);line-height:.9;letter-spacing:-.045em;max-width:6.4ch;text-shadow:var(--tshadow);margin-top:18px}
.hs-sub{margin-top:20px;font-size:1.15rem;line-height:1.45;color:var(--ivory);max-width:30ch;text-shadow:0 1px 10px rgba(8,5,3,.9)}
.hs-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.hs-pair{display:flex;flex-direction:column;font-family:var(--f-d);font-weight:700;font-size:clamp(2.5rem,1rem + 6.4vw,6.4rem);line-height:.95;letter-spacing:-.04em;text-shadow:var(--tshadow)}
.hs-pair span:last-child{color:var(--steam)}
.stamp-mini{display:inline-flex;gap:.7em;color:var(--damga);border:1.4px solid var(--damga);padding:.5em .8em .45em;border-radius:3px;transform:rotate(-3deg);background:rgba(17,12,8,.45)}
.stamp-mini b{font-weight:700}
.hs-steam{position:absolute;inset:0;pointer-events:none}
.hs-steam i{position:absolute;left:30%;top:20%;width:46vmax;height:46vmax;border-radius:50%;background:radial-gradient(closest-side,rgba(233,220,203,.14),rgba(233,220,203,0));animation:steamRise 14s ease-in-out infinite;opacity:0}
.hs-steam i+i{left:-10%;top:34%;animation-delay:-7s;animation-duration:17s}
@keyframes kenburns{from{transform:scale(1.08)}to{transform:scale(1)}}
@keyframes steamRise{0%{transform:translate3d(0,20%,0) scale(.8);opacity:0}30%{opacity:1}100%{transform:translate3d(8%,-40%,0) scale(1.25);opacity:0}}

@media (max-width: 720px), (orientation: portrait) and (max-width: 1024px), (orientation: portrait) and (pointer: coarse), (orientation: landscape) and (pointer: coarse) and (max-height: 560px), (prefers-reduced-motion: reduce){
  .hero-scrub{display:none}
  .hero-static{display:block}
  .hs-img--a{background-image:url("../../assets/hero-poster.jpg")}
  .hs-img--b{background-image:url("../../assets/hero-ending.jpg")}
}

/* =====================================================================
   SÖZ
   ===================================================================== */
.ledger{position:relative;padding:clamp(64px,9vw,128px) 0 clamp(56px,8vw,110px)}
.crust-div{width:100%;height:22px;fill:none;overflow:visible}
.crust-div path{vector-effect:non-scaling-stroke;stroke-width:1;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.6s var(--e-io),transform 1s var(--e-out) 1.2s}
.crust-div .up{stroke:rgba(239,229,212,.42)}
.crust-div .lo{stroke:rgba(217,185,140,.3)}
.in .crust-div path,.crust-div.in path{stroke-dashoffset:0}
.in .crust-div .up,.crust-div.in .up{transform:translateY(-3px)}
.in .crust-div .lo,.crust-div.in .lo{transform:translateY(3px)}
.ledger-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3.4vw,56px);margin-top:clamp(36px,5vw,64px)}
.ledger-list li{display:flex;flex-direction:column;gap:12px}
.lg-k{color:var(--crema)}
.lg-k::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--damga);margin-right:.9em;vertical-align:.08em}
.lg-b{font-family:var(--f-d);font-weight:600;font-size:clamp(1.35rem,1rem + 1vw,1.9rem);line-height:1.1;letter-spacing:-.02em;color:var(--ivory);max-width:17ch;min-height:2.2em}
.ledger-list small{font-size:.98rem;line-height:1.5;color:var(--steam);max-width:34ch}

/* =====================================================================
   02 FİKİR
   ===================================================================== */
.fikir{position:relative;height:300vh;--open:0;--crack:0;--age:0;--gas:1}
.fikir-pin{position:sticky;top:0;height:100vh;display:flex;align-items:center;padding-top:40px}
.fikir-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,96px);align-items:center}
.fikir-copy .h2{max-width:9ch}
.fikir-notes{margin-top:clamp(28px,4vh,48px);display:grid;gap:4px;max-width:420px}
.fikir-notes li{display:grid;grid-template-columns:3.2em minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;padding:13px 0 13px;border-top:1px solid var(--line);opacity:.4;transition:opacity .6s var(--e-out)}
.fikir-notes li b{grid-row:span 2;color:var(--steam-2);transition:color .6s}
.fikir-notes li span{font-family:var(--f-d);font-weight:600;font-size:1.1rem;letter-spacing:-.01em}
.fikir-notes li small{font-size:.95rem;color:var(--steam)}
.fikir-notes li.is-on{opacity:1}
.fikir-notes li.is-on b{color:var(--damga)}
.kesit{position:relative}
.kesit-media{position:relative;aspect-ratio:1586/992;overflow:hidden;border-radius:3px;background:#0a0705;box-shadow:0 40px 120px -40px rgba(0,0,0,.8)}
.kesit-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(calc(1.12 - .08*var(--open)))}
.kesit-fresh{opacity:calc(1 - var(--age))}
.kesit-stale{filter:saturate(.8)}
.kesit-bubbles{position:absolute;inset:0;opacity:calc(var(--open)*(1 - var(--age)*1.4))}
.kesit-bubbles i{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;border:1px solid rgba(240,220,186,.7);box-shadow:0 0 8px rgba(240,220,186,.35);animation:bub var(--d) ease-in infinite;animation-delay:var(--dl);opacity:0}
@keyframes bub{0%{transform:translateY(0) scale(.6);opacity:0}15%{opacity:.9}80%{opacity:.8}100%{transform:translateY(-110px) scale(1.15);opacity:0}}
.lid{position:absolute;left:0;right:0;height:52%;background:
  radial-gradient(ellipse 90% 140% at 50% 120%,rgba(110,75,50,.35),rgba(110,75,50,0) 60%),
  var(--crust,none) 0 0/140px 140px,
  linear-gradient(#20160e,#140e09);will-change:transform}
.lid-top{top:0;clip-path:polygon(0 0,100% 0,100% 96%,92.7% 92%,86.3% 99%,80.1% 90%,73.7% 98%,67.3% 88%,60.7% 99%,54.9% 91%,48.8% 97%,42.3% 90%,35.6% 100%,29.8% 92%,23.3% 98%,17.1% 89%,11.8% 98%,6.2% 92%,0 96%);transform:translateY(calc(var(--open)*-100%))}
.lid-bot{bottom:0;clip-path:polygon(0 4%,6.2% 8%,11.8% 2%,17.1% 11%,23.3% 2%,29.8% 8%,35.6% 0,42.3% 10%,48.8% 3%,54.9% 9%,60.7% 1%,67.3% 12%,73.7% 2%,80.1% 10%,86.3% 1%,92.7% 8%,100% 4%,100% 100%,0 100%);transform:translateY(calc(var(--open)*100%));background:
  radial-gradient(ellipse 90% 140% at 50% -20%,rgba(110,75,50,.35),rgba(110,75,50,0) 60%),
  var(--crust,none) 40px 20px/140px 140px,
  linear-gradient(#140e09,#1d140d)}
.kesit-crack{position:absolute;left:0;top:calc(50% - 20px);width:100%;height:40px;fill:none;overflow:visible;opacity:calc(1 - var(--open)*1.6)}
.kesit-crack path{stroke:var(--crema-hi);stroke-width:1.5;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--crack));filter:drop-shadow(0 0 5px rgba(240,220,186,.9))}
.kesit-tag{position:absolute;left:16px;top:14px;color:var(--ivory);background:rgba(17,12,8,.55);padding:.5em .8em;border-radius:3px;opacity:var(--open)}
.kesit-cap{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.kc-day{color:var(--crema);font-variant-numeric:tabular-nums}
.kc-day b{display:inline-block;min-width:2ch;color:var(--ivory);font-weight:600}
.kc-state{font-size:1.02rem;color:var(--ivory)}
.co2{display:flex;align-items:center;gap:12px;color:var(--steam)}
.co2 b{color:var(--ivory);font-weight:600}
.co2 i{position:relative;display:block;width:110px;height:3px;background:rgba(239,229,212,.12);border-radius:3px;overflow:hidden}
.co2 em{position:absolute;inset:0;background:linear-gradient(90deg,var(--crema),var(--crema-hi));transform-origin:left;transform:scaleX(var(--gas));border-radius:3px}

/* =====================================================================
   03 KABARMA TESTİ
   ===================================================================== */
.dene{position:relative;background:#0b0806}
.bloom{position:relative;height:clamp(600px,96vh,960px);overflow:hidden;isolation:isolate}
.bloom-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:crosshair}
html.has-cursor .bloom-canvas{cursor:none}
.bloom-head{position:absolute;z-index:2;left:var(--gut);top:clamp(96px,13vh,140px);width:min(470px,38vw);pointer-events:none}
.bloom-head .h2{max-width:8ch;text-shadow:0 2px 30px rgba(8,5,3,.8)}
.bloom-head .lede{max-width:34ch;font-size:clamp(1rem,.95rem + .25vw,1.15rem)}
.bloom-note{max-width:38ch;margin-top:14px;padding-left:12px;border-left:1px solid var(--line-2);font-size:.78rem;line-height:1.5;color:var(--steam-2);text-wrap:pretty}
.bloom-read{position:absolute;z-index:2;right:var(--gut);top:clamp(100px,13.5vh,146px);width:min(300px,26vw);display:grid;gap:16px;pointer-events:none}
.rd{display:grid;grid-template-columns:5.5em minmax(0,1fr);align-items:baseline;padding-bottom:12px;border-bottom:1px solid var(--line)}
.rd span{color:var(--steam)}
.rd b{font-family:var(--f-d);font-weight:600;font-size:clamp(1.6rem,1.2rem + 1vw,2.3rem);letter-spacing:-.02em;line-height:1;text-align:right;font-variant-numeric:tabular-nums}
.rd b i{font-style:normal}
.rd b small{font-family:var(--f-m);font-size:.62rem;letter-spacing:.12em;color:var(--steam-2);margin-left:.6em;font-weight:500}
.rd--t{grid-template-rows:auto auto auto;border-bottom:0}
.rd-bar{grid-column:1/-1;position:relative;height:2px;margin-top:14px;background:rgba(239,229,212,.14);border-radius:2px}
.rd-bar em{position:absolute;inset:0;background:var(--crema);transform-origin:left;transform:scaleX(var(--tp,0));border-radius:2px}
.rd-ticks{grid-column:1/-1;position:relative;height:42px;margin-top:8px}
.rd-ticks li{position:absolute;top:0;right:calc((1 - var(--at))*100%);width:max-content;max-width:12ch;text-align:right;font-family:var(--f-m);font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;line-height:1.35;color:var(--steam-2);transition:color .5s}
.rd-ticks li::before{content:attr(data-t) " sn";display:block;color:var(--steam-2)}
.rd-ticks li:nth-child(1){right:auto;left:calc(var(--at)*100% - 3ch);text-align:left}
.rd-ticks li:nth-child(2){right:auto;left:calc(var(--at)*100% - 6ch);text-align:center}
.rd-ticks li.is-on,.rd-ticks li.is-on::before{color:var(--ivory)}
.bloom-hint{position:absolute;z-index:2;left:50%;top:38%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:12px;pointer-events:none;color:var(--ivory);transition:opacity .6s var(--e-out)}
.bloom-hint i{width:58px;height:58px;border-radius:50%;border:1px solid rgba(239,229,212,.55);position:relative;animation:hintPulse 2.4s var(--e-out) infinite}
.bloom-hint i::after{content:"";position:absolute;inset:23px;border-radius:50%;background:var(--crema-hi)}
.bloom.is-used .bloom-hint{opacity:0}
@keyframes hintPulse{0%{transform:scale(.7);opacity:0}30%{opacity:1}100%{transform:scale(1.35);opacity:0}}
.bloom-dock{position:absolute;z-index:3;left:50%;bottom:clamp(22px,4.5vh,44px);transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:8px;border-radius:999px;background:rgba(17,12,8,.66);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border:1px solid var(--line-2);box-shadow:0 20px 60px -20px rgba(0,0,0,.7)}
.seg{position:relative;display:flex;padding:3px;border-radius:999px;background:rgba(239,229,212,.06)}
.seg-b{position:relative;z-index:1;min-height:42px;padding:0 18px;border-radius:999px;font-family:var(--f-m);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--steam);transition:color .4s;white-space:nowrap}
.seg-b.is-on{color:#170b06}
.seg-ind{position:absolute;z-index:0;top:3px;bottom:3px;left:3px;width:var(--sw,50%);border-radius:999px;background:var(--ivory);transform:translateX(var(--sx,0));transition:transform .55s var(--e-out),width .55s var(--e-out),background .4s}
.bloom[data-mode="stale"] .seg-ind{background:var(--steam)}
.pour{position:relative;display:inline-flex;align-items:center;gap:12px;min-height:52px;padding:0 22px 0 6px;border-radius:999px;background:var(--damga);color:#170b06;font-family:var(--f-m);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:transform .35s var(--e-out),background .35s}
.pour:hover{background:var(--damga-hi)}
.pour.is-pouring{transform:scale(.965);background:var(--damga-hi)}
.pour-ring{width:42px;height:42px;fill:none;transform:rotate(-90deg)}
.pour-ring circle{stroke:rgba(23,11,6,.25);stroke-width:3}
.pour-ring .pr-fill{stroke:#170b06;stroke-dasharray:163.4;stroke-dashoffset:calc(163.4*(1 - var(--wp,0)));transition:stroke-dashoffset .15s linear}
.pour-ic{position:absolute;left:26px;top:50%;width:2px;height:14px;margin:-7px 0 0 -1px;border-radius:2px;background:#170b06}
.pour.is-pouring .pour-ic{animation:pourDrop .5s linear infinite}
@keyframes pourDrop{from{transform:translateY(-3px);opacity:1}to{transform:translateY(5px);opacity:.3}}
.reset{min-height:44px;padding:0 16px;border-radius:999px;font-family:var(--f-m);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--steam);border:1px solid transparent;transition:color .3s,border-color .3s;white-space:nowrap}
.reset:hover{color:var(--ivory);border-color:var(--line-2)}
.bloom-verdict{position:absolute;z-index:2;left:50%;bottom:calc(clamp(22px,4.5vh,44px) + 86px);transform:translate(-50%,10px);width:min(680px,90vw);text-align:center;font-family:var(--f-d);font-weight:600;font-size:clamp(1.25rem,1rem + .8vw,1.75rem);line-height:1.2;letter-spacing:-.015em;color:var(--ivory);text-shadow:var(--tshadow);opacity:0;transition:opacity .7s var(--e-out),transform .7s var(--e-out);pointer-events:none;text-wrap:balance}
.bloom-verdict.is-on{opacity:1;transform:translate(-50%,0)}
.bloom-verdict em{font-family:var(--f-b);font-style:italic;font-weight:400;color:var(--crema-hi)}
.vd-next{display:table;margin:16px auto 0;min-height:42px;padding:0 18px;border-radius:999px;border:1px solid rgba(239,229,212,.42);background:rgba(17,12,8,.55);font-family:var(--f-m);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;font-weight:500;color:var(--ivory);text-shadow:none;transition:background .4s var(--e-out),color .4s var(--e-out),border-color .4s}
.vd-next:hover,.vd-next:focus-visible{background:var(--ivory);color:#170b06;border-color:var(--ivory)}
.bloom-verdict.is-on .vd-next{pointer-events:auto}

/* =====================================================================
   04 KAVURMA EĞRİSİ
   ===================================================================== */
.kavurma{position:relative;padding:clamp(110px,14vw,210px) 0 clamp(80px,10vw,150px)}
.kv-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px,5vw,90px);align-items:end;margin-bottom:clamp(40px,6vw,80px)}
.kv-copy .h2{max-width:12ch}
.kv-lede{margin-top:0}
.curve{position:relative}
.curve-box{position:relative;aspect-ratio:1000/430;--cp:0}
.curve-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none}
.cv-grid line{stroke:rgba(239,229,212,.08);stroke-width:1}
.cv-grid line.base{stroke:rgba(239,229,212,.22)}
.cv-fc-zone{fill:rgba(240,83,46,.06);stroke:none;opacity:0;transition:opacity .8s}
.curve-box.fc .cv-fc-zone{opacity:1}
.cv-area{stroke:none}
.cv-ror{stroke:var(--steam-2);stroke-width:1.4;stroke-dasharray:4 5;opacity:.0;transition:opacity .4s}
.cv-bt{stroke:var(--ivory);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.cv-axis{position:absolute;pointer-events:none}
.cv-axis span{position:absolute;font-family:var(--f-m);font-size:.6rem;letter-spacing:.1em;color:var(--steam-2);white-space:nowrap}
.cv-axis--y{left:0;top:0;bottom:0;width:0}
.cv-axis--y span{transform:translate(0,-50%)}
.cv-axis--x{left:0;right:0;bottom:0;height:0}
.cv-axis--x span{transform:translate(-50%,14px)}
.cv-marks{position:absolute;inset:0;pointer-events:none}
.cv-m{position:absolute;width:0;height:0;opacity:0;transition:opacity .6s var(--e-out)}
.cv-m.is-on{opacity:1}
.cv-m i{position:absolute;left:-5px;top:-5px;width:10px;height:10px;border-radius:50%;background:var(--bg);border:1.5px solid var(--ivory);transform:scale(.3);transition:transform .6s var(--e-out)}
.cv-m.is-on i{transform:scale(1)}
.cv-m span{position:absolute;bottom:16px;left:-10px;display:flex;flex-direction:column;gap:3px;white-space:nowrap;padding-left:10px;border-left:1px solid var(--line-2);transform:translateY(8px);transition:transform .7s var(--e-out)}
.cv-m.is-on span{transform:none}
.cv-m span b{font-family:var(--f-d);font-weight:600;font-size:.98rem;letter-spacing:-.01em;color:var(--ivory)}
.cv-m span small{font-family:var(--f-m);font-size:.6rem;letter-spacing:.1em;color:var(--steam);text-transform:uppercase}
.cv-m.below span{bottom:auto;top:16px}
.cv-m.left span{left:auto;right:-10px;padding-left:0;padding-right:10px;border-left:0;border-right:1px solid var(--line-2);text-align:right;align-items:flex-end}
.cv-m.fc i{border-color:var(--damga);background:var(--damga)}
.cv-m.fc i::after{content:"";position:absolute;inset:-7px;border-radius:50%;border:1px solid var(--damga);animation:fcPulse 2.2s var(--e-out) infinite}
.cv-m.fc span b{color:var(--damga)}
@keyframes fcPulse{from{transform:scale(.6);opacity:1}to{transform:scale(2.2);opacity:0}}
.cv-probe{position:absolute;left:0;top:0;width:0;height:0;opacity:0;transition:opacity .4s;will-change:transform}
.curve-box.drawing .cv-probe{opacity:1}
.cv-probe i{position:absolute;left:-4px;top:-4px;width:8px;height:8px;border-radius:50%;background:var(--crema-hi);box-shadow:0 0 0 6px rgba(240,220,186,.12),0 0 18px rgba(240,220,186,.6)}
.cv-probe span{position:absolute;left:14px;top:-34px;display:flex;gap:10px;padding:5px 9px;border-radius:3px;background:rgba(17,12,8,.82);border:1px solid var(--line-2);color:var(--steam);font-variant-numeric:tabular-nums}
.cv-probe span b{font-weight:600;color:var(--ivory)}
.cv-probe.flip span{left:auto;right:14px}
.curve-cap{display:flex;flex-wrap:wrap;align-items:center;gap:10px 28px;margin-top:48px;color:var(--steam)}
.lg{display:inline-block;width:22px;height:2px;margin-right:10px;vertical-align:.25em;background:var(--ivory)}
.lg--ror{background:repeating-linear-gradient(90deg,var(--steam-2) 0 4px,transparent 4px 9px)}
.curve-note{margin-left:auto;font-size:.95rem;font-style:italic}
.kv-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,3vw,40px);margin-top:clamp(48px,6vw,88px);border-top:1px solid var(--line);padding-top:28px}
.kv-stats div{display:flex;flex-direction:column-reverse;gap:10px}
.kv-stats dt{color:var(--steam)}
.kv-stats dd{font-family:var(--f-d);font-weight:700;font-size:clamp(2.4rem,1.6rem + 2.4vw,4.2rem);line-height:.9;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.kv-stats dd small{font-family:var(--f-m);font-size:.7rem;letter-spacing:.12em;margin-left:.5em;color:var(--steam-2);font-weight:500}

/* =====================================================================
   05 TARİH: yatay yolculuk
   ===================================================================== */
.surec{position:relative;--rp:0}
.surec-pin{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;flex-direction:column;justify-content:center}
.surec-track{display:flex;align-items:center;gap:clamp(48px,6vw,110px);padding:0 var(--gut);width:max-content;will-change:transform}
.sp{flex:none}
.sp--intro{width:min(38vw,600px);padding-right:2vw}
.sp--intro .h2{max-width:none;font-size:clamp(2.3rem,1rem + 3.3vw,4.5rem)}
.sp-side{margin-top:28px;font-size:clamp(1.1rem,1rem + .4vw,1.4rem);line-height:1.4;color:var(--steam);max-width:24ch;font-style:italic}
.sp-arrow{display:flex;align-items:center;gap:14px;margin-top:44px;color:var(--crema)}
.sp-arrow i{display:block;width:72px;height:1px;background:var(--crema);position:relative}
.sp-arrow i::after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid var(--crema);border-right:1px solid var(--crema);transform:rotate(45deg)}
.sp--step{width:min(80vw,1240px);display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:clamp(28px,3.4vw,56px);align-items:end}
.sp-img{position:relative;aspect-ratio:1400/940;max-height:66vh;overflow:hidden;border-radius:3px;background:#0a0705}
.sp-img img{position:absolute;top:0;left:-8%;width:116%;max-width:none;height:100%;object-fit:cover;transform:translate3d(var(--px,0px),0,0) scale(1.02);will-change:transform}
.sp-text{padding-bottom:6px}
.sp-time{display:flex;flex-direction:column;gap:10px;color:var(--crema);margin-bottom:22px}
.sp-time b{white-space:nowrap;font-family:var(--f-d);font-weight:700;font-size:clamp(3rem,2rem + 3vw,5.4rem);letter-spacing:-.045em;line-height:.85;color:var(--ivory);text-transform:none}
.sp-text h3{font-family:var(--f-d);font-weight:600;font-size:clamp(1.4rem,1.1rem + .8vw,1.95rem);letter-spacing:-.02em;line-height:1.1;margin-bottom:12px}
.sp-text p{color:var(--steam);font-size:1.02rem;max-width:30ch}
.sp-your{display:block;margin-top:14px;color:var(--ivory);font-size:.95rem}
.sp-your b{color:var(--damga);font-weight:600;white-space:nowrap}
.stamp{position:absolute;right:9%;bottom:11%;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 14px;border:2px solid var(--damga);border-radius:4px;color:var(--damga);font-family:var(--f-m);font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;transform:rotate(-7deg);background:rgba(17,12,8,.35);-webkit-mask:radial-gradient(circle at 30% 40%,#000 55%,rgba(0,0,0,.72) 75%,#000 100%);mask:radial-gradient(circle at 30% 40%,#000 55%,rgba(0,0,0,.72) 75%,#000 100%)}
.stamp b{font-size:1.05rem;letter-spacing:.06em;font-weight:700}
.surec-rail{position:absolute;left:var(--gut);right:var(--gut);bottom:max(clamp(28px,6vh,64px),var(--lane));height:30px}
.rail-line{position:absolute;left:0;right:0;top:0;height:1px;background:rgba(239,229,212,.14)}
.rail-fill{position:absolute;inset:0;background:var(--crema);transform-origin:left;transform:scaleX(var(--rp))}
.rail-t{position:absolute;top:12px;left:calc(var(--at)*100%);transform:translateX(-100%);white-space:nowrap;font-family:var(--f-m);font-size:.66rem;letter-spacing:.12em;color:var(--steam-2);transition:color .5s}
.rail-t::before{content:"";position:absolute;right:0;top:-15px;width:7px;height:7px;margin-right:-3px;border-radius:50%;background:var(--bg);border:1px solid var(--steam-2);transition:background .5s,border-color .5s}
.rail-t.is-on{color:var(--ivory)}
.rail-t.is-on::before{background:var(--crema);border-color:var(--crema)}

/* =====================================================================
   06 ÇEKİRDEKLER
   ===================================================================== */
.beans{position:relative;padding:clamp(110px,13vw,200px) 0 clamp(90px,11vw,170px)}
.beans-grid{display:grid;grid-template-columns:minmax(0,6.4fr) minmax(0,5.6fr);grid-template-areas:"pack head" "pack side";gap:0 clamp(32px,5.5vw,96px);align-items:start}
.beans-head{grid-area:head;align-self:end;padding-bottom:clamp(28px,3.4vw,48px)}
.beans-head .h2{max-width:14ch;font-size:clamp(2.1rem,1.1rem + 2.6vw,3.7rem)}
.pack{grid-area:pack;position:relative;aspect-ratio:4/5;max-height:calc(100vh - 120px);width:100%;border-radius:3px;overflow:hidden;background:#090605;perspective:1300px;container-type:inline-size;--tone:rgba(239,217,184,.2);transition:--tone 1s var(--e-out);--rx:0deg;--ry:0deg}
.pack[data-bean="yirgacheffe"]{--tone:rgba(178,140,206,.24)}
.pack[data-bean="cerrado"]{--tone:rgba(224,150,86,.24)}
.pack-light{position:absolute;inset:0;background:radial-gradient(ellipse 70% 55% at 50% 18%,var(--tone),rgba(0,0,0,0) 70%);z-index:2;pointer-events:none}
.pack-tilt{position:absolute;inset:0;transform:rotateX(var(--rx)) rotateY(var(--ry)) scale(1.04);transform-style:preserve-3d;will-change:transform}
.pack-turn{position:absolute;inset:0;transform-style:preserve-3d}
.pack-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .01s}
.pack-img.is-on{opacity:1}
.pack-label{position:absolute;left:50%;top:44%;width:24cqw;transform:translate(-50%,-50%) translateZ(20px);display:flex;flex-direction:column;align-items:center;gap:.9cqw;color:rgba(239,229,212,.86);text-align:center;pointer-events:none}
.pack-label svg{width:5cqw;height:3.2cqw;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.pack-label b{font-family:var(--f-d);font-weight:800;font-size:3.1cqw;letter-spacing:.28em;padding-left:.28em;line-height:1}
.pack-label small{font-family:var(--f-m);font-size:1.25cqw;letter-spacing:.2em;text-transform:uppercase;color:rgba(239,229,212,.6)}
.pack-label em{margin-top:2.2cqw;font-style:normal;font-family:var(--f-m);font-size:1.15cqw;letter-spacing:.14em;text-transform:uppercase;color:var(--damga);border:1px solid var(--damga);padding:.6cqw .9cqw;border-radius:2px;transform:rotate(-4deg);white-space:nowrap;opacity:.9}
.pack-sheen{position:absolute;inset:-20%;background:linear-gradient(105deg,rgba(255,240,220,0) 38%,rgba(255,240,220,.07) 48%,rgba(255,240,220,0) 58%);transform:translateX(calc(var(--ry)*-2.2%));pointer-events:none}
.pack-nav{position:absolute;z-index:3;left:50%;bottom:18px;transform:translateX(-50%);display:flex;align-items:center;gap:16px;padding:4px;border-radius:999px;background:rgba(17,12,8,.72);border:1px solid var(--line)}
.pk-arrow{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;transition:background .3s}
.pk-arrow:hover{background:rgba(239,229,212,.1)}
.pk-arrow svg{width:18px;height:18px;fill:none;stroke:var(--ivory);stroke-width:1.5}
.pk-count{white-space:nowrap;color:var(--steam);font-variant-numeric:tabular-nums}
.pk-count b{color:var(--ivory)}
.bean-side{grid-area:side}
.bean-tabs{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--line-2)}
.bean-tabs button{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px 10px 16px 0;min-height:44px;text-align:left;color:var(--steam);transition:color .35s}
.bean-tabs button span{font-family:var(--f-d);font-weight:600;font-size:clamp(.98rem,.9rem + .3vw,1.15rem);letter-spacing:-.01em}
.bean-tabs button b{font-family:var(--f-m);font-size:.66rem;letter-spacing:.12em;font-weight:500}
.bean-tabs button[aria-selected="true"],.bean-tabs button:hover{color:var(--ivory)}
.tab-ind{position:absolute;bottom:-1px;left:0;height:2px;width:calc(100%/3);background:var(--damga);transform:translateX(calc(var(--ti,0)*100%));transition:transform .6s var(--e-out)}
.bean-panel{padding-top:clamp(26px,3vw,40px)}
.bp-badge{display:inline-flex;color:var(--damga);border:1px solid rgba(240,83,46,.6);padding:.45em .8em;border-radius:999px;margin-bottom:18px}
.bp-badge.is-off{visibility:hidden}
.bp-name{font-family:var(--f-d);font-weight:700;font-size:clamp(2.2rem,1.4rem + 2.2vw,3.6rem);letter-spacing:-.035em;line-height:.95}
.bp-for{margin-top:14px;font-size:1.15rem;color:var(--ivory);font-style:italic}
.bp-notes{margin-top:8px;color:var(--steam);max-width:36ch}
.bp-taste{display:grid;gap:12px;margin-top:26px}
.bp-taste p{display:grid;grid-template-columns:5.5em minmax(0,1fr);align-items:center;color:var(--steam)}
.bp-taste i{position:relative;height:3px;background:rgba(239,229,212,.12);border-radius:3px;overflow:hidden}
.bp-taste em{position:absolute;inset:0;background:linear-gradient(90deg,var(--chestnut-hi),var(--crema));transform-origin:left;transform:scaleX(var(--v,.5));transition:transform 1s var(--e-out);border-radius:3px}
.bp-meta{display:grid;gap:0;margin-top:26px;border-top:1px solid var(--line)}
.bp-meta div{display:grid;grid-template-columns:5.5em minmax(0,1fr);align-items:baseline;padding:11px 0;border-bottom:1px solid var(--line)}
.bp-meta dt{color:var(--steam-2)}
.bp-meta dd{font-size:1rem}
.bp-buy{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:30px}
.bp-price{display:flex;align-items:baseline;gap:.4em}
.bp-price b{font-family:var(--f-d);font-weight:700;font-size:clamp(2.4rem,1.8rem + 1.6vw,3.4rem);letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}
.bp-price span{font-family:var(--f-m);font-size:.8rem;letter-spacing:.14em;color:var(--steam)}
.add{min-height:54px;padding:0 1.8em}
.add.is-added{background:var(--ivory)}

/* =====================================================================
   07 SORULAR
   ===================================================================== */
.sorular{position:relative;padding:clamp(100px,12vw,180px) 0}
.sq-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px clamp(24px,5vw,90px);align-items:end;margin-bottom:clamp(40px,5vw,72px)}
.sq-head .kick{grid-column:1/-1;margin-bottom:0}
.sq-head .h2{max-width:11ch}
.sq-head .lede{margin-top:0;justify-self:end}
.faq{border-top:1px solid var(--line-2)}
.fq{border-bottom:1px solid var(--line-2)}
.fq h3{font:inherit}
.fq button{display:grid;grid-template-columns:4.2em minmax(0,1fr) 44px;align-items:center;width:100%;min-height:44px;padding:clamp(20px,2.2vw,30px) 0;text-align:left}
.fq-n{color:var(--steam-2);transition:color .4s}
.fq-q{font-family:var(--f-d);font-weight:500;font-size:clamp(1.2rem,1rem + .9vw,1.9rem);letter-spacing:-.022em;line-height:1.15;transition:transform .6s var(--e-out),color .4s;color:var(--ivory)}
.fq button:hover .fq-q{transform:translateX(10px)}
.fq button:hover .fq-n,.fq.is-open .fq-n{color:var(--damga)}
.fq-ic{position:relative;width:44px;height:44px;border-radius:50%;border:1px solid var(--line-2);transition:background .4s,border-color .4s}
.fq-ic::before,.fq-ic::after{content:"";position:absolute;left:50%;top:50%;width:13px;height:1.5px;margin:-.75px 0 0 -6.5px;background:var(--ivory);transition:transform .5s var(--e-out)}
.fq-ic::after{transform:rotate(90deg)}
.fq.is-open .fq-ic{border-color:var(--crema)}
.fq.is-open .fq-ic::after{transform:rotate(0)}
.fq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .65s var(--e-out)}
.fq-a>div{overflow:hidden}
.fq-a p{padding:0 44px clamp(24px,2.4vw,34px) 0;margin-left:4.2em;max-width:58ch;color:var(--steam);font-size:clamp(1.02rem,1rem + .15vw,1.15rem);opacity:0;transform:translateY(-6px);transition:opacity .5s var(--e-out),transform .6s var(--e-out)}
.fq.is-open .fq-a{grid-template-rows:1fr}
.fq.is-open .fq-a p{opacity:1;transform:none;transition-delay:.08s}

/* =====================================================================
   08 KAVURMA SAATİ
   ===================================================================== */
.son{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;padding:clamp(120px,14vh,170px) 0 clamp(100px,12vh,150px);isolation:isolate}
.son-bg{position:absolute;inset:-6% 0;z-index:-3}
.son-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 55%;opacity:.8;transform:translate3d(0,var(--sy,0px),0) scale(1.05)}
.son-steam{position:absolute;inset:0;width:100%;height:100%;z-index:-2;opacity:.9}
.son-shade{position:absolute;inset:0;z-index:-1;background:
  linear-gradient(180deg,var(--bg) 0%,rgba(17,12,8,.25) 22%,rgba(17,12,8,.25) 70%,var(--bg) 100%),
  radial-gradient(ellipse 60% 55% at 50% 50%,rgba(17,12,8,.62),rgba(17,12,8,.1) 80%)}
.son-in{display:flex;flex-direction:column;align-items:center;text-align:center}
.son-in .kick{justify-content:center}
.clock{display:flex;flex-direction:column;align-items:center;gap:14px}
.clock-l{color:var(--steam)}
.digits{display:flex;align-items:baseline;font-family:var(--f-d);font-weight:700;font-size:clamp(4rem,2rem + 9vw,10.5rem);line-height:.85;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--ivory)}
.digits b{display:inline-flex;font-weight:inherit}
.digits .d{display:inline-block;width:.6em;text-align:center;overflow:hidden;height:.9em;line-height:.9;position:relative}
.digits .d span{display:block}
.digits i{font-style:normal;font-size:.62em;color:var(--steam-2);margin:0 .12em;transform:translateY(-.22em);display:inline-block;animation:blink 2s steps(1) infinite}
.digits .ss{color:var(--crema)}
@keyframes blink{50%{opacity:.35}}
.son-h{margin-top:clamp(28px,4vw,52px);max-width:15ch;text-align:center;font-size:clamp(2.1rem,1.2rem + 3vw,4.2rem)}
.son-lede{text-align:center;margin-left:auto;margin-right:auto;color:var(--ivory);opacity:.86;max-width:36ch}
.form{width:100%;max-width:540px;margin-top:clamp(28px,4vw,44px);transition:opacity .5s var(--e-out),transform .5s var(--e-out)}
.field{display:flex;align-items:center;gap:8px;padding:6px;border-radius:999px;border:1px solid var(--line-live);background:rgba(17,12,8,.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:border-color .4s,box-shadow .4s}
.field:focus-within{border-color:var(--crema);box-shadow:0 0 0 4px rgba(217,185,140,.12)}
.field input{flex:1;min-width:0;min-height:48px;padding:0 20px;background:transparent;border:0;color:var(--ivory);font-family:var(--f-b);font-size:1.08rem;outline:none}
.field input::placeholder{color:var(--steam-2)}
.field .btn{flex:none}
.form.is-bad .field{border-color:var(--damga)}
.form-err{min-height:1.4em;margin-top:12px;color:var(--damga-hi);text-transform:none;letter-spacing:.04em}
.form.is-done{opacity:0;transform:translateY(-8px);pointer-events:none;visibility:hidden;height:0;margin:0;overflow:hidden}
.form-ok{display:flex;align-items:flex-start;gap:14px;margin-top:0;font-family:var(--f-d);font-weight:600;font-size:clamp(1.2rem,1rem + .7vw,1.6rem);letter-spacing:-.015em;opacity:0;visibility:hidden;height:0;transform:translateY(10px);transition:opacity .7s var(--e-out) .15s,transform .7s var(--e-out) .15s;outline:none}
.form-ok.is-on{opacity:1;visibility:visible;height:auto;transform:none;margin-top:clamp(28px,4vw,44px)}
.form-ok small{display:block;margin-top:8px;max-width:46ch;font-family:var(--f-b);font-weight:400;font-size:1rem;line-height:1.45;letter-spacing:0;color:var(--steam)}
.ok-ic{flex:none;width:34px;height:34px;border-radius:50%;background:var(--damga);position:relative}
.ok-ic::after{content:"";position:absolute;left:12px;top:9px;width:8px;height:13px;border-right:2px solid #170b06;border-bottom:2px solid #170b06;transform:rotate(45deg)}
.son-batch{margin-top:28px;color:var(--steam)}
.son-batch b{color:var(--ivory);font-weight:600}

/* =====================================================================
   ALTBİLGİ
   ===================================================================== */
.foot{position:relative;padding:clamp(64px,8vw,110px) 0 calc(var(--lane) + 8px);border-top:1px solid var(--line);overflow:hidden}
.foot-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:24px}
.foot-line{font-family:var(--f-d);font-weight:600;font-size:clamp(1.3rem,1rem + 1vw,2rem);letter-spacing:-.02em}
.foot-links{display:flex;flex-wrap:wrap;gap:6px 26px}
.foot-links a{font-family:var(--f-m);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:var(--steam);display:inline-flex;align-items:center;min-height:44px;transition:color .3s}
.foot-links a:hover{color:var(--ivory)}
.foot-word{margin:clamp(28px,4vw,56px) 0 clamp(20px,3vw,40px);font-family:var(--f-d);font-weight:800;font-size:clamp(5rem,26.5vw,27rem);line-height:.74;letter-spacing:-.06em;white-space:nowrap;text-align:center;margin-left:-.04em}
.foot-word span{display:inline-block;background:linear-gradient(100deg,#2a1d13 0%,#2a1d13 40%,#6e4b32 50%,#2a1d13 60%,#2a1d13 100%) 0 0/300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sheen 14s ease-in-out infinite}
@keyframes sheen{0%,20%{background-position:100% 0}80%,100%{background-position:0 0}}
.foot-bot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px 40px;padding-top:22px;border-top:1px solid var(--line)}
.foot-note{max-width:62ch;font-size:.92rem;color:var(--steam)}
.foot-meta{color:var(--steam-2)}

/* toast */
.toast{position:fixed;z-index:80;left:50%;bottom:24px;transform:translate(-50%,24px);max-width:min(92vw,520px);padding:14px 20px;border-radius:14px;background:rgba(24,17,11,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line-2);color:var(--ivory);font-size:.98rem;line-height:1.4;opacity:0;visibility:hidden;transition:opacity .5s var(--e-out),transform .5s var(--e-out),visibility 0s .5s;box-shadow:0 24px 60px -24px rgba(0,0,0,.8)}
.toast.is-on{opacity:1;visibility:visible;transform:translate(-50%,0);transition:opacity .5s var(--e-out),transform .5s var(--e-out)}
.toast b{color:var(--crema-hi);font-weight:600}
.toast small{display:block;margin-top:4px;font-family:var(--f-m);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--steam-2)}

/* imleç */
.cursor{display:none}
html.has-cursor,html.has-cursor a,html.has-cursor button{cursor:none}
html.has-cursor input{cursor:text}
html.has-cursor .cursor{display:block;position:fixed;left:0;top:0;z-index:95;pointer-events:none}
.cur-dot{position:fixed;left:-3px;top:-3px;width:6px;height:6px;border-radius:50%;background:var(--ivory);will-change:transform}
.cur-ring{position:fixed;left:-20px;top:-20px;width:40px;height:40px;border-radius:50%;border:1px solid rgba(239,229,212,.45);display:grid;place-items:center;will-change:transform;transition:width .45s var(--e-out),height .45s var(--e-out),left .45s var(--e-out),top .45s var(--e-out),background .45s,border-color .45s,opacity .3s}
.cur-label{font-style:normal;font-family:var(--f-m);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ivory);opacity:0;transition:opacity .3s;white-space:nowrap}
.cursor.is-link .cur-ring{width:56px;height:56px;left:-28px;top:-28px;border-color:rgba(239,229,212,.8)}
.cursor.is-label .cur-ring{width:88px;height:88px;left:-44px;top:-44px;background:rgba(17,12,8,.42);border-color:rgba(239,229,212,.75)}
.cursor.is-label .cur-label{opacity:1}
.cursor.is-label .cur-dot,.cursor.is-hidden .cur-dot,.cursor.is-hidden .cur-ring{opacity:0}
.cursor.is-down .cur-ring{transform-origin:center}

/* =====================================================================
   DUYARLI
   ===================================================================== */
@media (max-width:1180px){
  .navlinks{gap:18px}
}
@media (max-width:1024px){
  .navlinks{display:none}
  .nav-end{margin-left:auto}
  .menu-btn{display:block}
  .beans-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media (max-width:900px){
  .kv-head{grid-template-columns:1fr}
  .kv-stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}
  .sq-head{grid-template-columns:1fr}
  .sq-head .lede{justify-self:start}
  .beans-grid{grid-template-columns:1fr;grid-template-areas:"head" "pack" "side"}
  .pack{max-height:none;max-width:560px;margin:0 auto}
  .beans-head{padding-bottom:32px}
  .bean-side{max-width:560px;width:100%;margin:36px auto 0}
}
@media (max-width:720px){
  :root{--nav-h:64px}
  .env-glow{animation:none}
  .hs-steam i+i{display:none}
  .nav{height:var(--nav-h)}
  .nav.is-solid{height:58px}
  .nav-cta{display:none}
  .cart-l{display:none}
  .ledger-list{grid-template-columns:1fr;gap:30px}
  .lg-b{min-height:0}
  /* fikir telefonda sabitlenmez: kesit kendi geçişiyle akar */
  .fikir{height:auto;padding:clamp(60px,14vw,100px) 0 40px}
  .fikir-pin{position:relative;height:auto;padding-top:0}
  .fikir-grid{grid-template-columns:1fr;gap:28px}
  .fikir-notes{display:none}
  .kesit-cap{grid-template-columns:auto minmax(0,1fr);row-gap:12px}
  .co2{grid-column:1/-1}
  .co2 i{flex:1;width:auto}
  /* simülasyon: başlık üstte, sahne ortada, kontroller altta */
  .bloom{display:grid;grid-template-areas:"head" "stage" "dock" "verdict";grid-template-rows:auto 60svh auto auto;height:auto;padding:clamp(60px,14vw,90px) 0 36px}
  .bloom-canvas{grid-area:stage;position:relative;inset:auto;height:100%}
  .bloom-head{grid-area:head;position:relative;left:auto;top:auto;width:auto;padding:0 var(--gut) 26px}
  .bloom-head .h2{max-width:none}
  .bloom-read{grid-area:stage;position:relative;right:auto;top:auto;width:auto;align-self:start;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px var(--gut) 0}
  .rd{grid-template-columns:1fr;gap:6px;border-bottom:0;padding-bottom:0}
  .rd b{text-align:left;font-size:1.5rem}
  .rd b small{display:block;margin:4px 0 0}
  .rd-bar{margin-top:8px}
  .rd-ticks{display:none}
  .bloom-hint{grid-area:stage;position:relative;left:auto;top:auto;transform:none;align-self:center;justify-self:center}
  .bloom-dock{grid-area:dock;position:relative;left:auto;bottom:auto;transform:none;margin:18px var(--gut) 0;display:grid;grid-template-columns:1fr auto;gap:10px;border-radius:24px;padding:10px}
  .seg{grid-column:1/-1}
  .seg-b{flex:1;padding:0 10px}
  .pour{justify-content:center;min-height:60px;font-size:.7rem;letter-spacing:.08em;white-space:nowrap;padding-right:16px}
  .bloom-verdict{grid-area:verdict;position:relative;left:auto;bottom:auto;transform:translateY(8px);width:auto;padding:22px var(--gut) 0;text-align:left;min-height:3.2em}
  .bloom-verdict.is-on{transform:none}
  .vd-next{margin:14px 0 0}
  .curve-box{aspect-ratio:4/3.3}
  .cv-m span b{font-size:.82rem}
  .cv-m span small{font-size:.54rem}
  .cv-m.mhide span{display:none}
  .curve-cap{margin-top:40px}
  .curve-note{margin-left:0}
  /* tarih: dikey akış */
  .surec{height:auto!important;padding:clamp(70px,16vw,110px) 0 20px}
  .surec-pin{position:relative;height:auto;overflow:visible;display:block}
  .surec-track{flex-direction:column;align-items:stretch;width:auto;gap:56px;transform:none!important}
  .sp--intro,.sp--step{width:auto;padding-right:0}
  .sp--step{grid-template-columns:1fr;gap:20px}
  .sp-img img{left:0;width:100%;transform:none}
  .sp-time{flex-direction:row;align-items:baseline;justify-content:space-between;margin-bottom:14px}
  .surec-rail{display:none}
  .sp-arrow{display:none}
  .pack-nav{bottom:12px}
  .bp-buy{flex-wrap:wrap}
  .add{flex:1}
  .fq button{grid-template-columns:2.6em minmax(0,1fr) 44px}
  .fq-a p{margin-left:2.6em;padding-right:0}
  .digits{font-size:clamp(3.4rem,17vw,6rem)}
  .field{flex-direction:column;align-items:stretch;border-radius:22px;padding:8px}
  .field input{min-height:52px;text-align:center}
  .field .btn{min-height:52px}
  .foot-word{font-size:27vw}
  .hud{display:none}
  .toast{bottom:calc(var(--lane) + 4px)}
}
@media (max-width:420px){
  .seg-b{font-size:.62rem;letter-spacing:.08em}
  .reset{padding:0 12px}
}
@media (pointer:coarse){
  .btn,.seg-b,.reset,.navlinks a,.cart{min-height:44px}
}

/* tablet yatay ve kısa ekran: sabitlenen bölümleri koru ama sıkıştırma */
@media (min-width:721px) and (max-height:700px){
  .fikir-notes{display:none}
  .bloom-head .lede{display:none}
}

/* =====================================================================
   AZALTILMIŞ HAREKET: tamamlanmış durağan kompozisyon
   ===================================================================== */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:.001ms!important;transition-delay:0s!important;scroll-behavior:auto!important}
  .intro{display:none}
  .hs-img--a{transform:none}
  .env-flakes{display:none}
  .fikir{height:auto;padding:clamp(80px,10vw,140px) 0;--open:1;--crack:1;--age:0}
  .fikir-pin{position:relative;height:auto;padding-top:0}
  .fikir-notes li{opacity:1}
  .lid,.kesit-crack,.kesit-bubbles{display:none}
  .kesit-fresh{opacity:1;clip-path:inset(0 50% 0 0)}
  .kesit-media::after{content:"Gün 00            Gün 21";position:absolute;left:0;right:0;bottom:14px;text-align:center;font-family:var(--f-m);font-size:.66rem;letter-spacing:.14em;color:var(--ivory);white-space:pre;text-shadow:0 1px 6px #000}
  .kesit-media::before{content:"";position:absolute;z-index:2;left:50%;top:0;bottom:0;width:1px;background:var(--crema-hi)}
  .surec{height:auto!important}
  .surec-pin{position:relative;height:auto;overflow:visible;display:block;padding:clamp(80px,10vw,140px) 0}
  .surec-track{flex-wrap:wrap;width:auto;transform:none!important}
  .surec-rail{display:none}
  .sp--intro{width:100%}
  .sp--step{width:100%}
  .sp-img img{left:0;width:100%;transform:none}
  .cv-m{opacity:1}
  .cv-ror{opacity:1}
  .cv-probe{display:none}
  .bloom-hint{display:none}
}

/* ELYX demo rozeti (sağ alt) tam ekran menü açıkken geri çekilir */
#menu:not([hidden]) ~ elyx-demo{visibility:hidden}