/* LOJA · M2 "NOIR" */
:root{
  --altin:#C9A86A;
  --ink:#0B0B0B; --ink-2:#151413; --paper:#F2EEE8; --bone:#E9E3D9;
  --fg:var(--paper); --bg:var(--ink);
  --mute:rgba(242,238,232,.68); --line:rgba(242,238,232,.22);
  --gut:clamp(20px,4vw,64px); --gap:clamp(12px,2vw,32px);
  --disp:'Montserrat',system-ui,sans-serif; --body:'Albert Sans',system-ui,sans-serif; --serif:'Montserrat',system-ui,sans-serif;
  --ease:cubic-bezier(.16,1,.3,1); --focus:#CDBB95;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:clip}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
body{margin:0;background:var(--ink);color:var(--paper);font:400 17px/1.55 var(--body);-webkit-font-smoothing:antialiased;overflow-x:clip}
img,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
p{margin:0}
h1,h2,h3{margin:0;font-weight:inherit}
ul,ol{margin:0;padding:0;list-style:none}
:focus-visible{outline:2px solid var(--focus);outline-offset:4px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:fixed;left:16px;top:-80px;z-index:300;background:var(--paper);color:var(--ink);padding:12px 18px;font-weight:600;transition:top .2s}
.skip:focus{top:16px}

/* ---------- type ---------- */
.d-xxl{font:200 clamp(64px,12.5vw,230px)/.9 var(--disp);letter-spacing:-.035em}
.d-xl{font:300 clamp(46px,7.4vw,136px)/.98 var(--disp);letter-spacing:-.01em}
.d-l{font:300 clamp(34px,4.4vw,76px)/1.04 var(--disp);letter-spacing:-.01em}
.d-m{font:500 clamp(22px,2vw,32px)/1.15 var(--disp);letter-spacing:-.01em}
.serif{font-family:var(--serif);font-weight:300;letter-spacing:-.01em}
.lead{font-size:clamp(18px,1.45vw,21px);line-height:1.5;max-width:30em}
.small{font-size:15px;color:var(--mute)}
.ln{display:block;overflow:hidden;padding:.12em 0 .08em;margin:-.12em 0 -.08em}
.ln>span{display:block}

/* ---------- layout ---------- */
.wrap{padding-inline:var(--gut)}
.g12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap)}
.sec{padding-block:clamp(104px,13vw,200px)}
.light{--fg:var(--ink);--bg:var(--bone);--mute:rgba(11,11,11,.66);--line:rgba(11,11,11,.18);background:var(--bone);color:var(--ink)}
.fig{position:relative;overflow:hidden;margin:0;background:#1a1918}
.fig img,.fig video{width:100%;height:100%;object-fit:cover}
.fig [data-parallax]{transform:scale(1.14)}
.cap{margin-top:14px;font-size:15px;color:var(--mute)}

/* ---------- buttons / links ---------- */
.btn{display:inline-flex;align-items:center;gap:12px;min-height:52px;padding:0 28px;border:1px solid currentColor;border-radius:999px;font:500 15px/1 var(--body);transition:background-color .35s var(--ease),color .35s var(--ease),border-color .35s}
.btn:hover{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.btn--solid{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.btn--solid:hover{background:transparent;color:var(--fg)}
.lk{display:inline-flex;align-items:center;gap:10px;font:500 16px/1.2 var(--body);padding-bottom:6px;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;transition:background-size .5s var(--ease),opacity .3s}
.lk:hover{background-size:0 1px;background-position:100% 100%}
.lk svg{width:18px;height:18px;transition:transform .45s var(--ease)}
.lk:hover svg{transform:translateX(5px)}
.row-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}

/* ---------- header ---------- */
.hdr{position:fixed;inset:0 0 auto;z-index:90;display:flex;align-items:center;justify-content:space-between;padding:20px var(--gut);color:var(--paper);transition:transform .6s var(--ease),color .4s}
.hdr::before{content:"";position:absolute;inset:0 0 -30px;background:linear-gradient(rgba(0,0,0,.42),transparent);pointer-events:none;transition:opacity .4s;z-index:-1}
.hdr.on-light{color:var(--ink)}
.hdr.on-light::before{opacity:0}
.hdr.is-hidden{transform:translateY(-110%)}
.hdr-logo svg{height:46px;width:auto;display:block;transition:opacity .5s}
/* 10-13: açılışta da üst logo görünsün (kullanıcı isteği) */
.hdr-logo{transition:opacity .5s}
.hdr-r{display:flex;align-items:center;gap:clamp(14px,2.4vw,32px)}
.hdr-r .btn{min-height:42px;padding:0 20px;font-size:14px}
.hdr .btn:hover{background:currentColor}
.hdr .btn:hover span{color:var(--ink)}
.hdr.on-light .btn:hover span{color:var(--paper)}
.menu-btn{display:inline-flex;align-items:center;gap:12px;font:500 15px/1 var(--body);min-height:42px}
.menu-btn i{display:grid;gap:6px;width:26px}
.menu-btn i::before,.menu-btn i::after{content:"";height:1.5px;background:currentColor;transition:transform .5s var(--ease)}
.menu-btn:hover i::after{transform:scaleX(.6);transform-origin:right}

/* WhatsApp side tab */
.wa-tab{position:fixed;right:0;top:50%;z-index:80;transform:translateY(-50%);writing-mode:vertical-rl;padding:20px 11px;background:var(--paper);color:var(--ink);font:600 14px/1 var(--body);letter-spacing:.02em;transition:background-color .4s,color .4s,transform .5s var(--ease)}
.tab-light .wa-tab{background:var(--ink);color:var(--paper)}
.menu-open .wa-tab{transform:translate(110%,-50%)}

/* ---------- hero ---------- */
.hero{position:relative;height:100vh;height:100svh;min-height:560px;overflow:hidden;background:#000;color:var(--paper)}
.hero-media{position:absolute;inset:0}
.hero-media video,.hero-media img{width:100%;height:100%;object-fit:cover}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.62) 0%,rgba(0,0,0,.12) 42%,rgba(0,0,0,0) 60%,rgba(0,0,0,.3) 100%);pointer-events:none}
.hero-in{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;padding:0 var(--gut) clamp(20px,3vw,44px)}
.hero-meta{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:clamp(16px,2.2vw,30px);font-size:clamp(15px,1.2vw,18px)}
.hero-meta p{max-width:24em}
.hero-logo{margin:0 auto;width:min(80vw,calc((100svh - 240px) * 2.43))}
.hero-logo svg{width:100%;height:auto;display:block;color:var(--paper)}
.hero-line{position:absolute;left:var(--gut);right:var(--gut);top:50%;height:1px;background:var(--paper);transform:scaleX(0);z-index:3;pointer-events:none;opacity:0}
.scroll-cue{display:inline-flex;gap:10px;align-items:center;white-space:nowrap}
.scroll-cue i{width:1px;height:34px;background:currentColor;transform-origin:top;animation:cue 2.2s var(--ease) infinite}
@keyframes cue{0%{transform:scaleY(0)}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
html.ready .hero-media{animation:fadeIn 1.8s ease .2s both}
html.ready .hero-logo svg{animation:slitRule 1.4s var(--ease) .45s both}
html.ready .hero-meta{animation:up 1s var(--ease) 1.1s both}
@keyframes fadeIn{from{opacity:0}}
@keyframes line{0%{opacity:1;transform:scaleX(0)}55%{opacity:1;transform:scaleX(1)}100%{opacity:0;transform:scaleX(1)}}
@keyframes slit{from{clip-path:inset(50% 0 50% 0)}to{clip-path:inset(-25% -5% -25% -5%)}}
@keyframes up{from{opacity:0;transform:translateY(18px)}}

/* page hero (inner pages) */
.phero{position:relative;min-height:88svh;overflow:hidden;display:flex;align-items:flex-end;background:#000}
.phero .fig{position:absolute;inset:0}
.phero::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.66),rgba(0,0,0,.08) 55%,rgba(0,0,0,.32));pointer-events:none}
.phero-in{position:relative;z-index:2;width:100%;padding-bottom:clamp(28px,4vw,56px);align-items:end}
.phero-in h1{grid-column:1/8}
.phero-in .lead{grid-column:9/13}
html.ready .phero .fig{animation:fadeIn 1.6s ease both}
html.ready .phero h1{animation:slit 1.3s var(--ease) .2s both}
html.ready .phero .lead{animation:up 1s var(--ease) .7s both}

/* ---------- pinned story ---------- */
.st{position:relative;height:100svh;min-height:600px;overflow:hidden;color:var(--paper)}
.st-media{position:absolute;inset:0;background:#000}
.st-media video,.st-media img{width:100%;height:100%;object-fit:cover}
.st-media::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,.05) 55%,rgba(0,0,0,.25))}
.st-text{position:absolute;inset:auto 0 0;padding-bottom:clamp(28px,4vw,56px);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:end}
.st-word{grid-column:1/9}
.st-info{grid-column:9/13;padding-bottom:1.2vw}
.st-info p{margin:14px 0 24px;color:rgba(242,238,232,.82)}
.st-bars{display:none}
html.js .story{height:330vh;position:relative}
html.js .story-stick{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:#000}
html.js .st{position:absolute;inset:0;height:auto;min-height:0}
html.js .st:not(.is-on) .st-info{pointer-events:none}
html.js .st.is-on{z-index:2}
html.js .st .st-media{opacity:0;transform:scale(1.08);transition:opacity 1.1s ease,transform 6s var(--ease)}
html.js .st.is-on .st-media{opacity:1;transform:scale(1)}
html.js .st .st-word .ln>span{transform:translateY(105%);transition:transform .9s var(--ease)}
html.js .st.is-on .st-word .ln>span{transform:none;transition-delay:.18s}
html.js .st.is-past .st-word .ln>span{transform:translateY(-105%)}
html.js .st .st-info{opacity:0;transform:translateY(24px);transition:opacity .6s,transform .9s var(--ease)}
.st-media.kb img{animation:kb 14s ease-in-out infinite alternate}
@keyframes kb{from{transform:scale(1)}to{transform:scale(1.12) translate(-1.5%,-1%)}}
html.js .st.is-on .st-info{opacity:1;transform:none;transition-delay:.35s}
html.js .st-bars{display:flex;gap:clamp(16px,2vw,28px);position:absolute;z-index:5;left:0;right:0;top:clamp(88px,9vw,120px)}
.bar{flex:0 1 180px;font-size:15px;color:var(--paper)}
.bar i{display:block;height:2px;background:rgba(242,238,232,.28);position:relative;margin-bottom:10px}
.bar i::after{content:"";position:absolute;inset:0;background:var(--paper);transform-origin:left;transform:scaleX(var(--p,0))}

/* ---------- collection ---------- */
.coll-head{align-items:end;margin-bottom:clamp(48px,6vw,88px)}
.coll-head h2{grid-column:1/8}
.coll-head .side{grid-column:9/13}
.strip{position:relative}
.track{display:flex;gap:var(--gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gut);padding-inline:var(--gut);scrollbar-width:none;overscroll-behavior-x:contain;cursor:grab}
.track::-webkit-scrollbar{display:none}
.track.is-drag{cursor:grabbing;scroll-snap-type:none}
.track.is-drag a{pointer-events:none}
.track::after{content:"";flex:0 0 1px}
.arrows{display:flex;gap:10px}
.arr{width:52px;height:52px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;transition:background-color .35s,color .35s,border-color .35s}
.arr:hover{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.arr svg{width:20px;height:20px}
.card{flex:0 0 clamp(280px,33vw,520px);scroll-snap-align:start;display:block}
.card:nth-child(even){margin-top:clamp(40px,6vw,96px)}
.card .fig{aspect-ratio:4/5}
.card .fig img{transition:transform 1.4s var(--ease)}
.card .fig video{position:absolute;inset:0;opacity:0;transition:opacity .6s}
.card.is-play .fig video{opacity:1}
.card:hover .fig img{transform:scale(1.045)}
.card-t{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-top:22px}
.card p{margin:8px 0 18px;color:var(--mute);max-width:26em}
.card .lk{font-size:15px}

/* ---------- quote (bone) ---------- */
.q-grid{row-gap:56px}
.q-score{grid-column:1/4}
.q-score b{display:block;font:200 clamp(96px,11vw,190px)/.85 var(--disp);letter-spacing:-.035em}
.q-score p{margin-top:14px;font-size:16px}
.stars{display:flex;gap:4px;margin-top:18px}
.stars svg{width:18px;height:18px;fill:currentColor}
.q-main{grid-column:4/13;margin:0}
.q-main blockquote{margin:0;font:300 clamp(34px,4.4vw,74px)/1.08 var(--serif);letter-spacing:-.01em}
.q-main figcaption,.q-sm figcaption{margin-top:28px;font-size:15px;color:var(--mute)}
.q-sm{margin:0;grid-column:span 4}
.q-sm blockquote{margin:0;font:300 clamp(22px,1.8vw,28px)/1.25 var(--serif)}
.q-a{grid-column:4/8}
.q-b{grid-column:9/13}

/* ---------- reels ---------- */
.reel-head{align-items:end;margin-bottom:56px}
.reel-head h2{grid-column:1/7}
.reel-head .side{grid-column:7/13;display:flex;justify-content:flex-end;align-items:center;gap:20px;flex-wrap:wrap}
.handle{font:500 clamp(22px,2vw,30px)/1 var(--disp);letter-spacing:-.01em}
.reel{flex:0 0 clamp(200px,17vw,264px);scroll-snap-align:start;aspect-ratio:9/16;border-radius:16px;overflow:hidden;background:#1a1918;position:relative}
.reel img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.reel:hover img{transform:scale(1.04)}

/* ---------- bride band ---------- */
.bride{position:relative;display:grid;grid-template-columns:7fr 5fr;min-height:100svh;overflow:hidden}
.bride .fig{height:100%;min-height:62svh}
.bride .fig:first-child img{object-position:50% 30%}
.bride .fig:nth-child(2) img{object-position:50% 60%}
.bride-txt{position:absolute;inset:auto 0 0;z-index:2;padding:0 var(--gut) clamp(32px,5vw,72px);background:linear-gradient(to top,rgba(0,0,0,.72),transparent);padding-top:22vh}
.bride-txt p.serif{font-size:clamp(36px,5.4vw,96px);line-height:1.02;max-width:14em}
.bride-txt .row{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-top:28px}
.bride-txt .row p{max-width:30em;color:rgba(242,238,232,.84)}

/* ---------- location ---------- */
.loc .fig{grid-column:1/8;aspect-ratio:3/2}
.loc-t{grid-column:9/13;align-self:center}
.loc-t h2{margin-bottom:28px}
.info{display:grid;gap:22px;margin-top:32px}
.info dt{font-size:15px;color:var(--mute)}
.info dd{margin:4px 0 0;font-size:18px}

/* ---------- footer ---------- */
.ftr{padding-top:clamp(96px,10vw,160px);border-top:1px solid var(--line)}
.ftr-g{row-gap:48px}
.ftr-g > *{grid-column:span 3}
.ftr-g .def{grid-column:1/5}
.ftr-g .def p{font:500 clamp(24px,2.2vw,34px)/1.12 var(--disp);letter-spacing:-.01em;max-width:11em}
.ftr h2{font-size:15px;color:var(--mute);margin-bottom:14px;font-weight:400}
.ftr li{margin-bottom:8px}
.ftr a:not(.btn):hover{opacity:.62}
.ftr-g > .c1{grid-column:5/8}
.ftr-g > .c2{grid-column:8/11}
.ftr-g > .c3{grid-column:11/13}
.ftr-logo{margin-top:clamp(72px,9vw,140px);padding-inline:var(--gut)}
.ftr-logo svg{width:100%;height:auto;display:block;color:var(--paper)}
.ftr-bot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:28px var(--gut) 32px;font-size:15px;color:var(--mute)}
.ftr-bot a{color:var(--paper);text-decoration:underline;text-underline-offset:4px}

/* ---------- menu ---------- */
.menu{position:fixed;inset:0;z-index:200;color:var(--paper)}
.menu[hidden]{display:none}
.menu-line{position:absolute;left:0;right:0;top:50%;height:1px;background:var(--paper);transform:scaleX(0);z-index:2;transition:transform .45s var(--ease),opacity .3s .6s}
.menu-panel{position:absolute;inset:0;background:var(--ink);clip-path:inset(50% 0 50% 0);transition:clip-path .55s cubic-bezier(.7,0,.3,1);display:flex;flex-direction:column;overflow-y:auto}
.menu.is-open .menu-line{transform:scaleX(1);opacity:0}
.menu.is-open .menu-panel{clip-path:inset(0 0 0 0);transition:clip-path .9s var(--ease) .38s}
.menu:not(.is-open) .menu-line{transition:opacity 0s,transform .35s var(--ease) .45s}
.m-top{display:flex;justify-content:space-between;align-items:center;padding:20px var(--gut)}
.m-top svg{height:42px;width:auto;display:block}
.m-main{flex:1;align-items:center;padding-block:clamp(20px,3vw,40px)}
.m-list{grid-column:1/8}
.m-list a{display:block;font:200 clamp(46px,6.4vw,100px)/.98 var(--disp);letter-spacing:-.01em;color:rgba(242,238,232,.42);transition:color .4s;padding:.02em 0}
.m-list a[aria-current]{color:var(--paper)}
.m-list:hover a{color:rgba(242,238,232,.32)}
.m-list a:hover,.m-list a:focus-visible{color:var(--paper)!important}
.m-list .ln>span{transform:translateY(105%);transition:transform .5s var(--ease)}
.menu.is-open .m-list .ln>span{transform:none;transition:transform 1s var(--ease) calc(.55s + var(--i)*.06s)}
.m-prev{grid-column:8/13;position:relative;aspect-ratio:4/5;max-height:68svh;width:100%;justify-self:end;overflow:hidden;background:#151413;opacity:0;transition:opacity .6s}
.menu.is-open .m-prev{opacity:1;transition:opacity 1s .8s}
.mp{position:absolute;inset:0;opacity:0;transition:opacity .7s ease,transform 1.4s var(--ease);transform:scale(1.06)}
.mp.is-on{opacity:1;transform:none}
.mp img,.mp video{width:100%;height:100%;object-fit:cover}
.mp span{position:absolute;left:20px;bottom:18px;font-size:15px;color:var(--paper);text-shadow:0 1px 12px rgba(0,0,0,.5)}
.m-info{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap);padding:24px var(--gut) 28px;border-top:1px solid var(--line);font-size:15px;opacity:0;transition:opacity .4s}
.menu.is-open .m-info{opacity:1;transition:opacity .8s 1s}
.m-info span{display:block;color:var(--mute)}
.m-info a:hover{opacity:.7}
html.menu-open{overflow:hidden}

/* ---------- inner pages ---------- */
.svc{scroll-margin-top:40px}
.svc-a .fig{grid-column:1/8;aspect-ratio:4/5}
.svc-a .txt{grid-column:9/13;align-self:end}
.svc-b .fig.big{grid-column:5/13;aspect-ratio:3/2}
.svc-b .fig.sm{grid-column:1/4;aspect-ratio:3/4;align-self:end}
.svc-b .txt{grid-column:1/5;grid-row:2;margin-top:48px}
.svc-b .fig.sm{grid-row:1}
.svc-full{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden}
.svc-full .fig{position:absolute;inset:0}
.svc-full::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.75),rgba(0,0,0,0) 60%);pointer-events:none}
.svc-full .txt{position:relative;z-index:2;padding-bottom:clamp(32px,5vw,72px);width:100%}
.svc-full .txt h2{grid-column:1/8}
.svc-full .txt .body{grid-column:9/13}
.svc .num{display:block;font-size:15px;color:var(--mute);margin-bottom:22px}
.svc h2{margin-bottom:24px}
.svc p + p{margin-top:16px}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.tags li{border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-size:15px}
.svc-c .fig{grid-column:1/13;aspect-ratio:21/9}
.svc-c .txt{grid-column:1/6;margin-top:40px}
.svc-c .side{grid-column:7/13;margin-top:40px}
.svc-text{border-top:1px solid var(--line);padding-top:48px}
.svc-text h2{grid-column:1/7}
.svc-text .txt{grid-column:7/13}
.steps{counter-reset:s;row-gap:48px}
.steps li{grid-column:span 4;border-top:1px solid var(--line);padding-top:24px}
.steps li b{display:block;font:500 clamp(24px,2.2vw,32px)/1.1 var(--disp);letter-spacing:-.01em;margin-bottom:12px}
.steps li b::before{counter-increment:s;content:counter(s) ".";display:block;font:300 clamp(56px,6vw,96px)/1 var(--disp);letter-spacing:-.01em;margin-bottom:18px}
.photo-cta h2{grid-column:1/9;margin-bottom:clamp(48px,6vw,88px)}

/* gelin */
.split-hero{display:grid;grid-template-columns:7fr 5fr;height:100vh;height:100svh;min-height:620px}
.split-hero .fig{height:100%}
.split-hero .fig{min-height:70svh}
.split-hero .txt{display:flex;flex-direction:column;justify-content:flex-end;padding:120px var(--gut) clamp(32px,5vw,64px)}
.split-hero h1{font-size:clamp(64px,9vw,170px)}
.split-hero .lead{margin-top:28px}
html.ready .split-hero h1{animation:slit 1.3s var(--ease) .2s both}
html.ready .split-hero .fig{animation:fadeIn 1.4s ease both}
.process > li{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto 1fr;column-gap:var(--gap);align-items:start;padding-block:clamp(56px,7vw,110px);border-top:1px solid var(--line)}
.process .no{grid-column:1/3;font:200 clamp(64px,8vw,140px)/.8 var(--disp);letter-spacing:-.035em}
.process h2{grid-column:3/7}
.process p{grid-column:3/7;grid-row:2;margin-top:20px;color:var(--mute)}
.process .fig{grid-column:8/13;grid-row:1/3;aspect-ratio:4/5}
.process > li:nth-child(2) .fig{grid-column:1/6}
.process > li:nth-child(2) .no{grid-column:7/9}
.process > li:nth-child(2) h2,.process > li:nth-child(2) p{grid-column:9/13}
.models{align-items:start}
.models figure{margin:0}
.models figure:nth-child(1){grid-column:1/6}
.models figure:nth-child(2){grid-column:7/10;margin-top:22vw}
.models figure:nth-child(3){grid-column:10/13;margin-top:8vw}
.models .fig{aspect-ratio:2/3}
.cta-big{text-align:center}
.cta-big h2{max-width:14em;margin:0 auto}
.cta-big .row-btns{justify-content:center}

/* galeri */
.gal-head h1,.ekip-intro h1{font-size:clamp(72px,13vw,236px);line-height:.9;letter-spacing:-.03em}
.gal-head h1{grid-column:1/10}
.gal-head p{grid-column:10/13;align-self:end}
.gal{grid-auto-flow:row dense;grid-auto-rows:clamp(44px,6.2vw,96px);row-gap:var(--gap);transition:opacity .3s}
.gal.is-swap{opacity:0}
.gal a{display:block;position:relative;overflow:hidden;background:#1a1918;grid-column:span 4;grid-row:span 6}
.gal a[hidden]{display:none}
.gal a img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.gal a:hover img{transform:scale(1.04)}
.gal a.s0{grid-column:span 7;grid-row:span 8}
.gal a.s1{grid-column:span 5;grid-row:span 8}
.gal a.s2,.gal a.s3,.gal a.s4{grid-column:span 4;grid-row:span 6}
.gal-f{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:clamp(28px,3vw,44px)}
.gal-f .small{margin-left:auto}
.chip-b{min-height:44px;padding:0 20px;border:1px solid var(--line);border-radius:999px;font:500 15px/1 var(--body);transition:background-color .3s,color .3s,border-color .3s}
.chip-b:hover{border-color:var(--paper)}
.chip-b[aria-pressed="true"]{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.lb{border:0;padding:0;margin:0;max-width:none;max-height:none;width:100vw;height:100svh;background:rgba(11,11,11,.97);color:var(--paper)}
.lb::backdrop{background:rgba(0,0,0,.8)}
.lb[open]{display:grid;grid-template-rows:auto 1fr auto}
.lb-top,.lb-bot{display:flex;justify-content:space-between;align-items:center;padding:18px var(--gut);font-size:15px}
.lb figure{margin:0;display:grid;place-items:center;min-height:0;padding:0 var(--gut)}
.lb img{max-width:100%;max-height:calc(100svh - 170px);width:auto;height:auto;object-fit:contain}
.lb figcaption{display:none}
.lb .arrows{gap:12px}

/* ekip */
.ekip-intro h1{grid-column:1/9}
.ekip-intro .lead{grid-column:9/13;align-self:end}
.person{border-top:1px solid var(--line);padding-block:clamp(64px,8vw,130px)}
.person .name{font:200 clamp(72px,15vw,270px)/.86 var(--disp);letter-spacing:-.035em;margin-bottom:clamp(36px,5vw,72px)}
.person .role{font-size:15px;color:var(--mute)}
.person .fig{aspect-ratio:4/5}
.p1 .fig{grid-column:8/13;grid-row:1/3}
.p1 .q{grid-column:1/7}
.p1 .role{grid-column:1/7}
.p2 .name{text-align:right}
.p2 .fig{grid-column:1/6;grid-row:1/3}
.p2 .q{grid-column:7/13}
.p2 .role{grid-column:7/13}
.p3 .fig{grid-column:1/13;aspect-ratio:21/9}
.p3 .q{grid-column:5/13;margin-top:48px}
.p3 .role{grid-column:1/5;margin-top:56px}
.person .q blockquote{margin:0;font:300 clamp(28px,3vw,50px)/1.12 var(--serif)}
.person .q figcaption{margin-top:20px;font-size:15px;color:var(--mute)}
.person .q{margin:0}

/* iletisim */
.c-big{row-gap:56px}
.c-big .addr{grid-column:1/8}
.c-big .addr-x p{font:300 clamp(30px,3.4vw,56px)/1.05 var(--disp);letter-spacing:-.01em}
.c-big .side{grid-column:9/13}
.c-big .wa-big{display:inline-block;font:300 clamp(40px,5.4vw,92px)/1 var(--disp);letter-spacing:-.01em;margin-top:8px}
.c-big .wa-big:hover{opacity:.7}
.near li{grid-column:span 4;border-top:1px solid var(--line);padding-top:24px}
.near b{display:block;font:500 clamp(26px,2.4vw,36px)/1.1 var(--disp);letter-spacing:-.01em;margin-bottom:12px}
.wide-img .fig{aspect-ratio:21/9}

/* ---------- responsive ---------- */
@media (max-width:900px){
  .g12 > *, .st-text > *, .process > li > *{grid-column:1/-1!important;grid-row:auto!important}
  .hero-meta .scroll-cue{display:none}
  .hdr-r .btn{display:none}
  .st-info{padding-top:20px}
  .st-word{font-size:clamp(44px,14.5vw,110px)}
  .coll-head .side,.reel-head .side{margin-top:24px}
  .reel-head .side{justify-content:flex-start}
  .card{flex-basis:78vw}
  .card:nth-child(even){margin-top:0}
  .reel{flex-basis:56vw}
  .arrows{display:none}
  .q-sm{margin-top:8px}
  .bride{grid-template-columns:1fr 1fr;min-height:0}
  .bride .fig{min-height:0;aspect-ratio:3/5}
  .bride-txt{position:relative;grid-column:1/-1;background:none;padding-top:40px}
  .loc .fig{margin-bottom:40px}
  .ftr-g > *{grid-column:span 6!important}
  .ftr-g .def{grid-column:1/-1!important}
  .m-main{align-items:start}
  .m-prev{position:absolute;inset:0;max-height:none;aspect-ratio:auto;z-index:-1;opacity:0}
  .menu.is-open .m-prev{opacity:.32}
  .m-main{position:relative;isolation:isolate}
  .m-info{grid-template-columns:1fr 1fr}
  .phero{min-height:80svh}
  .phero-in .lead{margin-top:20px}
  .svc-b .txt{margin-top:32px}
  .svc-b .fig.sm{display:none}
  .svc-a .fig,.svc-c .fig,.process .fig,.person .fig{margin-bottom:32px}
  .svc-c .fig{aspect-ratio:4/3}
  .svc-full .txt .body{margin-top:20px}
  .steps li{grid-column:1/-1}
  .split-hero{grid-template-columns:1fr;height:auto}
  .split-hero .txt{padding-top:40px}
  .split-hero .fig{min-height:0;aspect-ratio:4/5}
  .process .no{margin-bottom:16px}
  .models figure:nth-child(n){grid-column:auto!important;margin-top:0}
  .models{grid-template-columns:1fr 1fr;row-gap:var(--gap)}
  .models figure:first-child{grid-column:1/-1!important}
  .gal{grid-template-columns:1fr 1fr;grid-auto-rows:26vw}
  .gal a.s0{grid-column:1/-1!important;grid-row:span 4!important}
  .gal a.s1,.gal a.s2,.gal a.s3,.gal a.s4{grid-column:span 1!important;grid-row:span 3!important}
  .gal-f{flex-wrap:wrap}
  .gal-f .chip-b{flex:none}
  .gal-f .small{display:none}
  .person .name{margin-bottom:28px}
  .p2 .name{text-align:left}
  .p3 .fig{aspect-ratio:4/3}
  .p3 .q,.p3 .role{margin-top:0}
  .person .role{margin-bottom:20px}
  .near li{grid-column:1/-1}
  .wide-img .fig{aspect-ratio:4/3}
}
@media (max-width:560px){
  body{font-size:16px}
  .hdr{padding-block:16px}
  .ftr-g > *{grid-column:1/-1!important}
  .m-info{grid-template-columns:1fr}
  .m-info > div:nth-child(n+3){display:none}
}

/* =================== TUR 2b EKLERİ =================== */
.ul{text-decoration:underline;text-underline-offset:4px}

/* ---- açılış / geçiş perdesi ---- */
.veil{display:none}
html.js .veil{display:block;position:fixed;inset:0;z-index:500;cursor:pointer;animation:veilSafe 0s linear 5s forwards}
html.js .veil[hidden]{display:none}
@keyframes veilSafe{to{visibility:hidden}}
.veil-bg{position:absolute;inset:0;background:var(--ink);clip-path:inset(0 0 0 0);transition:clip-path .75s cubic-bezier(.7,0,.3,1)}
.veil.is-out .veil-bg{clip-path:inset(50% 0 50% 0)}
.veil.is-leave .veil-bg{transition-duration:.55s}
.veil-logo{position:absolute;left:50%;top:50%;width:min(72vw,560px);transform:translate(-50%,-89.6%);opacity:0}
.veil-logo svg{width:100%;height:auto;display:block;color:var(--paper)}
.veil.is-intro .veil-logo{opacity:1}
.veil.is-intro .veil-logo svg{animation:slitRule 1.1s var(--ease) .5s both}
.veil-line{position:absolute;left:var(--gut);right:var(--gut);top:50%;height:1px;background:var(--paper);transform:scaleX(0);transition:transform .6s var(--ease),opacity .3s}
.veil.is-intro .veil-line{animation:vline .7s var(--ease) both}
.veil.is-nav .veil-line,.veil.is-leave .veil-line{transform:scaleX(1)}
.veil.is-out .veil-line{opacity:0;transition:opacity .25s .55s}
@keyframes vline{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.veil-skip{position:absolute;left:0;right:0;bottom:28px;text-align:center;font-size:14px;color:var(--mute);opacity:0}
.veil.is-intro .veil-skip{opacity:1;animation:fadeIn .6s ease 1s both}

/* ---- WhatsApp asistanı ---- */
.asst{position:fixed;right:58px;top:50%;z-index:85;width:min(340px,calc(100vw - 80px));transform:translateY(-50%);background:var(--paper);color:var(--ink);padding:20px;clip-path:inset(0 0 0 100%);transition:clip-path .55s var(--ease)}
.asst[hidden]{display:none}
.asst.is-open{clip-path:inset(0 0 0 0)}
.asst-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.asst-top b{font:500 18px/1 var(--disp);letter-spacing:.04em}
.asst-x{width:40px;height:40px;display:grid;place-items:center;margin:-10px -10px -10px 0}
.asst-x i{width:18px;height:1.5px;background:currentColor}
.bubble{background:var(--ink);color:var(--paper);padding:12px 16px;border-radius:16px 16px 16px 4px;font-size:16px;max-width:90%}
.asst-opts{display:grid;gap:8px;margin-top:16px}
.asst-opts a{display:block;border:1px solid rgba(11,11,11,.22);border-radius:999px;padding:11px 16px;font-size:15px;line-height:1.3;transition:background-color .3s,color .3s}
.asst-opts a:hover{background:var(--ink);color:var(--paper)}
.asst-note{margin-top:14px;font-size:13px;color:rgba(11,11,11,.66)}
.menu-open .asst,.drw-open .asst,.sp-open .asst,.drw-open .wa-tab,.sp-open .wa-tab{display:none}

/* ---- randevu çekmecesi ---- */
.drw{position:fixed;inset:0;z-index:250}
.drw[hidden]{display:none}
.drw-scrim{position:absolute;inset:0;background:rgba(0,0,0,.55);opacity:0;transition:opacity .5s}
.drw.is-open .drw-scrim{opacity:1}
.drw-panel{position:absolute;top:0;right:0;bottom:0;width:min(560px,100%);background:var(--ink);color:var(--paper);display:flex;flex-direction:column;padding:22px clamp(20px,3vw,40px) 18px;border-left:1px solid var(--line);clip-path:inset(0 0 0 100%);transition:clip-path .7s var(--ease)}
.drw.is-open .drw-panel{clip-path:inset(0 0 0 0)}
.drw-top{display:flex;justify-content:space-between;align-items:center}
.drw-prog{display:flex;gap:8px;margin-top:22px}
.drw-prog i{flex:1;height:2px;background:var(--line);position:relative;overflow:hidden}
.drw-prog i::after{content:"";position:absolute;inset:0;background:var(--paper);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease)}
.drw-prog i.on::after{transform:scaleX(1)}
.drw-lbl{font-size:14px;color:var(--mute);margin-top:10px}
.drw-body{flex:1;overflow-y:auto;margin:18px calc(clamp(20px,3vw,40px)*-1) 0;padding:0 clamp(20px,3vw,40px) 12px;overscroll-behavior:contain}
.drw-step{border:0;margin:0;padding:0;min-width:0;display:none}
.drw-step.is-on{display:block;animation:stepIn .6s var(--ease) both}
@keyframes stepIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.drw-step legend{padding:0;margin-bottom:8px}
.pick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.pick{position:relative;display:flex;align-items:center;gap:12px;border:1px solid var(--line);padding:8px;cursor:pointer;transition:border-color .3s,background-color .3s}
.pick input,.chip input,.opt input{position:absolute;opacity:0;pointer-events:none}
.pick-img{flex:none;width:52px;height:52px;overflow:hidden;background:#1a1918}
.pick-img img{width:100%;height:100%;object-fit:cover}
.pick-img--harf{display:grid;place-items:center}.pick-img--harf b{font:400 26px/1 var(--serif,serif);color:var(--bone,#E9E3D9)}
.pick-t{font-size:15px;line-height:1.25}
.pick:hover{border-color:rgba(242,238,232,.5)}
.pick:has(input:checked){border-color:var(--paper);background:rgba(242,238,232,.08)}
.pick:has(input:checked)::after{content:"";position:absolute;right:10px;top:10px;width:10px;height:10px;border-radius:50%;background:var(--paper)}
.pick:has(input:focus-visible),.chip:has(input:focus-visible),.opt:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:3px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.chip span{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid var(--line);border-radius:999px;font-size:15px;cursor:pointer;transition:background-color .3s,color .3s,border-color .3s}
.chip:hover span{border-color:var(--paper)}
.chip input:checked + span{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.fld{display:grid;gap:8px;margin-top:20px}
.fld span{font-size:15px;color:var(--mute)}
.fld[hidden]{display:none}
.fld input,.fld textarea{width:100%;font:400 17px/1.45 var(--body);color:var(--paper);background:transparent;border:0;border-bottom:1px solid var(--line);padding:10px 0;border-radius:0;resize:none;overflow:hidden;color-scheme:dark;transition:border-color .3s}
.fld input:focus,.fld textarea:focus{outline:none;border-color:var(--paper)}
.fld input:focus-visible,.fld textarea:focus-visible{outline:2px solid var(--focus);outline-offset:4px}
.drw-err{min-height:22px;margin-top:12px;font-size:15px;color:var(--paper)}
.drw-foot{display:flex;gap:10px;justify-content:space-between;padding-top:16px;border-top:1px solid var(--line)}
.drw-foot .btn[hidden]{display:none}
.drw-foot .btn--solid{margin-left:auto}
.drw-foot [data-drw-back][disabled]{visibility:hidden}
.kvkk{font-size:13px;color:var(--mute);margin-top:12px}
html.drw-open{overflow:hidden}

/* ---- SSS ---- */
.faq{border-top:1px solid var(--line)}
.faq-t{font-size:15px;color:var(--mute);padding:28px 0 6px}
.svc .faq{margin-top:48px}
.fq{border-bottom:1px solid var(--line)}
.fq h3{margin:0}
.fq-b{display:flex;width:100%;justify-content:space-between;align-items:center;gap:20px;text-align:left;padding:22px 0;font:500 clamp(19px,1.6vw,24px)/1.25 var(--disp);letter-spacing:-.01em}
.fq-b i{position:relative;flex:none;width:20px;height:20px}
.fq-b i::before,.fq-b i::after{content:"";position:absolute;left:0;right:0;top:50%;height:1.5px;background:currentColor;transition:transform .5s var(--ease)}
.fq-b i::after{transform:rotate(90deg)}
.fq.is-open .fq-b i::after{transform:rotate(90deg) scaleX(0)}
.fq-a > div{overflow:hidden}
.fq-a p{padding:0 0 24px;max-width:40em;color:var(--mute)}
html.js .fq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s var(--ease)}
html.js .fq.is-open .fq-a{grid-template-rows:1fr}
.sss-l{grid-column:1/6}
.sss-l .lead{margin-top:28px}
.sss-r{grid-column:7/13}
.svc-faq{grid-column:5/13}
.svc-faq-band .svc-faq{grid-column:7/13}

/* ---- rakam şeridi ---- */
.nums ul{row-gap:48px}
.nums li{grid-column:span 3;position:relative;padding-top:26px}
.nums li::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--line);transform-origin:left}
html.anim .nums li::before{transform:scaleX(0);transition:transform 1.2s var(--ease)}
html.anim .nums li.is-in::before{transform:scaleX(1)}
.nums b{display:block;font:200 clamp(52px,6.4vw,112px)/.9 var(--disp);letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap}
.nums li > span{display:block;margin-top:14px;font-size:16px;color:var(--mute)}

/* ---- akan şerit ---- */
.mq{overflow:hidden;border-block:1px solid var(--line);padding:22px 0}
.mq-track{display:flex;width:max-content;animation:mq 70s linear infinite}
.mq-run{display:flex;align-items:center;flex:none}
.mq-run span{font:300 clamp(26px,2.8vw,44px)/1 var(--disp);letter-spacing:-.01em;white-space:nowrap}
.mq-run i{flex:none;width:clamp(36px,4vw,64px);height:1px;background:currentColor;margin:0 clamp(18px,2vw,32px);opacity:.55}
@keyframes mq{to{transform:translateX(-50%)}}

/* ---- ton rehberi ---- */
.tone-head{align-items:end;margin-bottom:clamp(40px,5vw,72px)}
.tone-head h2{grid-column:1/8}
.tone-head .side{grid-column:9/13}
.tone-bar{display:flex;align-items:center;gap:24px;margin-bottom:28px}
.tone-prog{display:flex;gap:8px;flex:0 1 360px}
.tone-prog i{flex:1;height:2px;background:var(--line);position:relative;overflow:hidden}
.tone-prog i::after{content:"";position:absolute;inset:0;background:var(--paper);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease)}
.tone-prog i.on::after{transform:scaleX(1)}
.tq{border:0;margin:0;padding:0;min-width:0;display:none}
.tq.is-on{display:block}
.tq legend{padding:0;margin-bottom:28px}
.opts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap)}
.opt{position:relative;cursor:pointer;display:block}
.opt-img{display:block;aspect-ratio:3/4;overflow:hidden;background:#1a1918;transition:opacity .4s}
.opt-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.opt:hover .opt-img img{transform:scale(1.04)}
.opt-t{display:block;margin-top:14px;font:500 clamp(18px,1.6vw,24px)/1.2 var(--disp);letter-spacing:-.01em;padding-bottom:10px;background:linear-gradient(var(--paper),var(--paper)) 0 100%/0 2px no-repeat;transition:background-size .5s var(--ease)}
.opts:has(input:checked) .opt-img{opacity:.45}
.opt:has(input:checked) .opt-img{opacity:1}
.opt:has(input:checked) .opt-t{background-size:100% 2px}
html.anim .tq.is-on .opt-img{animation:optIn .9s var(--ease) both}
html.anim .tq.is-on .opt:nth-child(2) .opt-img{animation-delay:.06s}
html.anim .tq.is-on .opt:nth-child(3) .opt-img{animation-delay:.12s}
html.anim .tq.is-on .opt:nth-child(4) .opt-img{animation-delay:.18s}
@keyframes optIn{from{clip-path:inset(50% 0 50% 0)}to{clip-path:inset(0 0 0 0)}}
.tone-nav{display:flex;gap:12px;justify-content:flex-end;margin-top:36px}
.tone-nav .btn[hidden]{display:none}
.tone-nav [data-tone-back]{margin-right:auto}
.btn[disabled]{opacity:.35;pointer-events:none}
.btn svg{width:18px;height:18px}
.tone-res{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:end}
.tone-res[hidden]{display:none}
.tone-res:focus{outline:none}
.tone-img{grid-column:1/6;aspect-ratio:4/5}
.tone-rt{grid-column:7/13}
.tone-rt h3{margin:10px 0 22px;font-size:clamp(48px,6.4vw,112px)}
html.anim .tone-res:not([hidden]) .tone-img{animation:optIn 1.2s var(--ease) both}
html.anim .tone-res:not([hidden]) .tone-rt{animation:up .9s var(--ease) .25s both}

/* ---- rehber kartları ---- */
.rh-head{align-items:end;margin-bottom:clamp(48px,6vw,88px)}
.rh-head h2{grid-column:1/8}
.rh-head .side{grid-column:9/13}
.rcard{grid-column:span 4;display:block}
.rcard:nth-child(2){margin-top:clamp(40px,6vw,96px)}
.rcard .fig{aspect-ratio:4/5;margin-bottom:20px}
.rcard .fig img{transition:transform 1.4s var(--ease)}
.rcard:hover .fig img{transform:scale(1.04)}
.rcard h3{margin:8px 0 18px}

/* ---- hikâye oynatıcı ---- */
.sp{position:fixed;inset:0;z-index:260;background:#000;display:grid;place-items:center}
.sp[hidden]{display:none}
.sp-stage{position:relative;height:100vh;height:100svh;aspect-ratio:9/16;max-width:100vw;overflow:hidden;background:#111;touch-action:none;clip-path:inset(50% 0 50% 0);transition:clip-path .6s var(--ease)}
.sp.is-open .sp-stage{clip-path:inset(0 0 0 0)}
.sp-media{margin:0;position:absolute;inset:0}
.sp-media img{width:100%;height:100%;object-fit:cover;transition:opacity .35s}
.sp-media img.is-swap{opacity:.2}
.sp-stage::before,.sp-stage::after{content:"";position:absolute;left:0;right:0;z-index:2;pointer-events:none}
.sp-stage::before{top:0;height:140px;background:linear-gradient(rgba(0,0,0,.55),transparent)}
.sp-stage::after{bottom:0;height:200px;background:linear-gradient(transparent,rgba(0,0,0,.7))}
.sp-bars{position:absolute;z-index:4;top:12px;left:12px;right:12px;display:flex;gap:4px}
.sp-bars i{flex:1;height:2px;background:rgba(255,255,255,.3);position:relative;overflow:hidden}
.sp-bars i::after{content:"";position:absolute;inset:0;background:#fff;transform:scaleX(0);transform-origin:left}
.sp-bars i.done::after{transform:scaleX(1)}
.sp-bars i.run::after{animation:spbar 5s linear forwards}
@keyframes spbar{to{transform:scaleX(1)}}
.sp-top{position:absolute;z-index:4;top:22px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:center;color:#fff}
.sp-h{font:500 16px/1 var(--disp)}
.sp-tap{position:absolute;z-index:3;top:70px;bottom:110px;width:50%}
.sp-prev{left:0}.sp-next{right:0}
.sp-tap:focus-visible{outline-offset:-6px}
.sp-foot{position:absolute;z-index:4;left:16px;right:16px;bottom:22px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap;color:#fff}
.sp-foot .btn{min-height:46px;padding:0 20px;--fg:#fff;--bg:#000}
.sp-foot .btn--solid{background:#fff;color:#000;border-color:#fff}
html.sp-open{overflow:hidden}

/* ---- ekip işleri ---- */
.works{margin-top:40px}
.p1 .works{grid-column:1/7}
.p2 .works{grid-column:7/13}
.p3 .works{grid-column:5/13}
.works-row{display:flex;gap:10px;margin-top:12px;overflow-x:auto;scrollbar-width:none}
.works-row figure{margin:0;flex:0 0 clamp(96px,9vw,140px);aspect-ratio:3/4;overflow:hidden;background:#1a1918}
.works-row img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.works-row figure:hover img{transform:scale(1.06)}

/* ---- rehber sayfası ---- */
.toc{margin-top:clamp(48px,6vw,88px)}
.toc li{grid-column:span 4;border-top:1px solid var(--line)}
.toc a{display:block;padding:20px 0;font:500 clamp(20px,1.8vw,28px)/1.2 var(--disp);letter-spacing:-.01em;transition:opacity .3s}
.toc a:hover{opacity:.65}
.toc span{display:block;font:400 15px/1 var(--body);color:var(--mute);margin-bottom:12px}
.art{scroll-margin-top:20px}
.art-head{align-items:end;margin-bottom:clamp(40px,5vw,72px)}
.art-head .no{grid-column:1/3;font:200 clamp(56px,7vw,120px)/.8 var(--disp);letter-spacing:-.035em}
.art-head h2{grid-column:3/12;font-size:clamp(48px,6.6vw,120px)}
.art-img{aspect-ratio:21/9}
.art-body{margin-top:clamp(48px,6vw,96px)}
.art-col{grid-column:4/10}
.art-lead{font:300 clamp(22px,2vw,30px)/1.4 var(--serif);margin-bottom:12px}
.art-col h3{font:500 clamp(22px,2vw,30px)/1.2 var(--disp);letter-spacing:-.01em;margin:44px 0 14px}
.art-col p + p{margin-top:16px}
.art-col p{font-size:18px;line-height:1.65}
.pull{margin:56px calc(-1 * clamp(0px,12vw,200px));padding:32px 0;border-block:1px solid var(--line);font:300 clamp(30px,3.6vw,58px)/1.1 var(--serif);text-align:center}
.art-cta{margin-top:56px;padding-top:28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.art-cta p{font:500 22px/1.2 var(--disp)}

/* ---- iletişim ---- */
.addr-sub{margin-top:22px;font-size:18px}

/* ---- responsive (ekler) ---- */
@media (max-width:900px){
  .nums li{grid-column:span 6!important}
  .tone-res > *{grid-column:1/-1}
  .tone-img{margin-bottom:28px;aspect-ratio:4/3}
  .opts{grid-template-columns:1fr 1fr}
  .rcard{grid-column:1/-1!important;margin-top:0!important;margin-bottom:24px}
  .rcard .fig{aspect-ratio:4/3}
  .sss-l .lead{margin-bottom:24px}
  .toc li{grid-column:1/-1!important}
  .art-head .no{margin-bottom:16px}
  .pull{margin-inline:0}
  .art-img{aspect-ratio:4/3}
  .drw-panel{clip-path:inset(100% 0 0 0);border-left:0}
  .asst{right:50px;top:auto;bottom:16px;transform:none}
  .sp-stage{height:100%;width:100%;aspect-ratio:auto}
}
@media (max-width:560px){
  .nums li{grid-column:1/-1!important}
  .pick-grid{grid-template-columns:1fr}
  .tone-nav .btn{padding:0 20px}
}

/* =================== GERÇEK SİTE: logo, Salondan, iletişim =================== */
/* logo kurulumu: çizgiden açılır, saç tutamları çizilir, alt çizgiler uzar */
@keyframes slitRule{from{clip-path:inset(89.6% 0 10.4% 0)}to{clip-path:inset(-10% -5% -10% -5%)}}
@keyframes draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes rule{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes sacAc{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
.lg .lg-rule{transform-box:fill-box}
.lg .lg-rl{transform-origin:right center}
.lg .lg-rr{transform-origin:left center}
html.ready .hero-logo .lg-strands path,.veil.is-intro .lg-strands path{animation:sacAc 1.2s var(--ease) both}
html.ready .hero-logo .lg-strands path{animation-delay:1.05s}
.veil.is-intro .lg-strands path{animation-delay:1.05s}
html.ready .hero-logo .lg-strands path:nth-child(2),.veil.is-intro .lg-strands path:nth-child(2){animation-delay:1.15s}
html.ready .hero-logo .lg-strands path:nth-child(3),.veil.is-intro .lg-strands path:nth-child(3){animation-delay:1.25s}
html.ready .hero-logo .lg-strands path:nth-child(4),.veil.is-intro .lg-strands path:nth-child(4){animation-delay:1.35s}
html.ready .hero-logo .lg-rule,.veil.is-intro .lg-rule{animation:rule 1s var(--ease) .35s both}
.c-big .addr-big{font:300 clamp(30px,3.4vw,56px)/1.08 var(--disp);letter-spacing:-.015em}

/* Salondan: öne çıkan dikey Reels kartı + kararan komşular */
.salon-g{align-items:center;row-gap:56px}
.salon-l{grid-column:1/5}
.salon-l h2{font-size:clamp(46px,5.4vw,100px)}
.salon-l .lead{margin-top:24px}
.ig-count{position:relative;margin:44px 0 28px;padding-top:22px}
.ig-count::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--line);transform-origin:left}
html.anim .ig-count::before{transform:scaleX(0);transition:transform 1.2s var(--ease)}
html.anim .ig-count.is-in::before{transform:scaleX(1)}
.ig-count b{display:block;font:200 clamp(72px,8.6vw,156px)/.9 var(--disp);letter-spacing:-.035em;white-space:nowrap}
.ig-count > span{display:block;margin-top:12px;color:var(--mute);font-size:16px}
.btn-ig{position:relative;overflow:hidden;isolation:isolate}
.btn-ig span{opacity:.7}
.btn-ig::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);opacity:0;transition:opacity .4s}
.btn-ig:hover{background:transparent;color:#fff;border-color:transparent}
.btn-ig:hover::before{opacity:1}
.cf{grid-column:5/13;--cw:clamp(220px,21vw,320px)}
.cf-stage{position:relative;height:calc(var(--cw) * 16 / 9);touch-action:pan-y;user-select:none;-webkit-user-select:none}
.cf-card{position:absolute;left:50%;top:0;width:var(--cw);aspect-ratio:9/16;border-radius:18px;overflow:hidden;background:#151413;
  transform:translateX(-50%) translateX(calc(var(--o,0) * 74%)) scale(var(--s,1));opacity:var(--a,1);z-index:var(--z,1);filter:brightness(var(--b,1));
  transition:transform .85s var(--ease),opacity .6s,filter .6s;box-shadow:0 30px 60px rgba(0,0,0,.45)}
.cf-img{width:100%;height:100%;object-fit:cover;pointer-events:none}
.cf-bars{position:absolute;z-index:2;top:10px;left:10px;right:10px;display:flex;gap:3px}
.cf-bars b{flex:1;height:2px;background:rgba(255,255,255,.32);overflow:hidden;position:relative}
.cf-bars b::after{content:"";position:absolute;inset:0;background:#fff;transform:scaleX(0);transform-origin:left}
.cf-bars b.is-done::after{transform:none}
.cf-bars b.is-now::after{animation:cfbar 5s linear forwards}
.cf-card.is-cur .cf-img{animation:cfzoom 5s linear forwards}
.cf.is-paused .cf-bars b.is-now::after,.cf.is-paused .cf-card.is-cur .cf-img{animation-play-state:paused}
@keyframes cfbar{to{transform:scaleX(1)}}
@keyframes cfzoom{from{transform:scale(1)}to{transform:scale(1.07)}}
@media (prefers-reduced-motion:reduce){.cf-card.is-cur .cf-img{animation:none}.cf-bars b.is-now::after{animation:none;transform:none}}
.cf-top{position:absolute;z-index:1;top:0;left:0;right:0;display:flex;align-items:center;gap:9px;padding:22px 14px 36px;background:linear-gradient(rgba(0,0,0,.55),transparent);color:#fff;font:600 13px/1 var(--body)}
.cf-av{width:30px;height:30px;border-radius:50%;object-fit:cover;border:1.5px solid rgba(255,255,255,.9)}
.cf-cap{position:absolute;left:0;right:0;bottom:0;padding:48px 16px 16px;background:linear-gradient(transparent,rgba(0,0,0,.72));color:#fff;font:500 15px/1.3 var(--body)}
.cf-card:not(.is-cur) .cf-top,.cf-card:not(.is-cur) .cf-cap,.cf-card:not(.is-cur) .cf-bars{opacity:0}
.cf-top,.cf-cap,.cf-bars{transition:opacity .4s}
.cf-meta{display:grid;justify-items:center;text-align:center;gap:16px;margin-top:32px}
.cf-desc{font:300 clamp(22px,2vw,30px)/1.2 var(--disp);letter-spacing:-.01em;min-height:1.2em}
.cf-nav{display:flex;align-items:center;gap:18px}
.cf-n{font:500 15px/1 var(--body);font-variant-numeric:tabular-nums;color:var(--mute);min-width:64px}
.cf-btns{margin-top:4px;justify-content:center}

/* açık / kapalı ve haftalık saatler */
.status{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0 22px;font-size:16px;line-height:1.4}
.status i{flex:none;width:30px;height:1.5px;background:currentColor;transform-origin:left;opacity:.5}
.status.is-open i{opacity:1;animation:pulseLine 2.6s var(--ease) infinite}
@keyframes pulseLine{0%,100%{transform:scaleX(.25)}50%{transform:scaleX(1)}}
.status b{font-weight:600}
.status span{color:var(--mute)}
.phero .lead .status{margin:0 0 10px;color:var(--paper)}
.phero .lead .status span{color:rgba(242,238,232,.8)}
.week{width:100%;border-collapse:collapse;font-size:16px}
.week th,.week td{padding:12px 0;border-bottom:1px solid var(--line);text-align:left;font-weight:400;color:var(--mute)}
.week thead th{font-size:14px;padding-top:0}
.week td{text-align:right;font-variant-numeric:tabular-nums}
.week tr.is-today th,.week tr.is-today td{color:var(--paper);font-weight:600}
.week tr.is-today th::after{content:"  bugün";font-weight:400;color:var(--mute);font-size:14px;white-space:pre}

/* harita */
.map3d{position:relative;aspect-ratio:16/10;overflow:hidden;background:#151413;border-radius:6px}
.map3d.is-compact{aspect-ratio:4/3}
.map-fb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.map-card{position:absolute;left:20px;bottom:20px;z-index:2;display:grid;gap:4px;max-width:300px;background:var(--paper);color:var(--ink);padding:18px 22px}
.map-card b{font:500 20px/1.2 var(--disp)}
.map-card span{font-size:15px;color:rgba(11,11,11,.7)}
.map-card .lk{margin-top:10px;font-size:15px;justify-self:start}
.loc-map{grid-column:1/8}
.map-head{align-items:end;margin-bottom:clamp(40px,5vw,72px)}
.map-head h2{grid-column:1/7}
.map-head .lead{grid-column:8/13}
.map-main{grid-column:1/9}
.map-side{grid-column:10/13}
.near-l li{border-top:1px solid var(--line);padding:18px 0}
.near-l b{display:block;font:500 20px/1.2 var(--disp);margin-bottom:6px}
.near-l span{color:var(--mute);font-size:15px}
.map-side .h3d-liste{margin-top:14px}

/* iletişim: adres eylemleri, büyük düğmeler */
.copy-row{align-items:center}
.maps-l{margin-top:10px}
.maps-l a{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:16px 0;font:500 18px/1.2 var(--disp);transition:opacity .3s}
.maps-l li:last-child a{border-bottom:1px solid var(--line)}
.maps-l a:hover{opacity:.65}
.maps-l svg{width:20px;height:20px}
.big-btn{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:16px;padding:22px 26px;border:1px solid var(--line);border-radius:20px;margin-bottom:12px;position:relative;overflow:hidden;isolation:isolate;transition:background-color .4s,color .4s,border-color .4s}
.big-btn span{grid-column:1;font-size:14px;color:var(--mute);transition:color .4s}
.big-btn b{grid-column:1;font:300 clamp(26px,2.6vw,42px)/1.15 var(--disp);letter-spacing:-.01em}
.big-btn svg{grid-column:2;grid-row:1/3;width:26px;height:26px;transition:transform .5s var(--ease)}
.big-btn:hover{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.big-btn:hover span{color:rgba(11,11,11,.65)}
.big-btn:hover svg{transform:translateX(5px)}
.big-ig::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);opacity:0;transition:opacity .4s}
.big-ig:hover{background:transparent;color:#fff;border-color:transparent}
.big-ig:hover span{color:rgba(255,255,255,.85)}
.big-ig:hover::before{opacity:1}

/* iletişim formu (kemik zemin) */
.form-g{align-items:start}
.form-l{grid-column:1/6}
.cform{grid-column:7/13}
.cf2{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
.cform .fld{margin-top:22px}
.cform .fld label,.fld-set legend{font-size:15px;color:var(--mute)}
.light .fld input,.light .fld textarea{color:var(--ink);color-scheme:light;border-bottom-color:rgba(11,11,11,.3)}
.light .fld input:focus,.light .fld textarea:focus{border-bottom-color:var(--ink)}
.cform [aria-invalid="true"]{border-bottom:2px solid var(--ink)}
.fld input::placeholder{color:rgba(11,11,11,.38)}
.fld-set{border:0;padding:0;margin:28px 0 0;min-width:0}
.fld-set legend{padding:0;margin-bottom:6px}
.light .chip span{border-color:rgba(11,11,11,.25)}
.light .chip:hover span{border-color:var(--ink)}
.light .chip input:checked + span{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.kv{display:flex;gap:14px;align-items:flex-start;margin-top:30px;font-size:15px;line-height:1.5;cursor:pointer}
.kv input{flex:none;width:20px;height:20px;margin:2px 0 0;accent-color:#0B0B0B}
.ferr{display:block;min-height:20px;margin-top:6px;font-style:normal;font-size:14px;font-weight:600;color:var(--ink)}
.ferr:not(:empty)::before{content:"! ";}
.form-ok{margin-top:14px;color:var(--ink)}

/* Google yorumları */
.rev-head{align-items:end;margin-bottom:clamp(40px,5vw,72px)}
.rev-head h2{grid-column:1/6;font:200 clamp(110px,15vw,260px)/.85 var(--disp);letter-spacing:-.04em}
.rev-side{grid-column:7/13}
.rev{grid-column:span 4;margin:0;border-top:1px solid var(--line);padding-top:24px}
.rev blockquote{margin:0;font:300 clamp(18px,1.4vw,21px)/1.55 var(--disp)}
.rev figcaption{margin-top:18px;font-size:15px;color:var(--mute)}

.cf-stage{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}
.map-card{gap:6px}

/* ===================== LOJA harita bölümü (harita ekibi, harita-deneme.html'den) ===================== */
.harita-bolum{position:relative}
.harita-yapis{position:sticky;top:0;height:100vh;height:100svh}
.harita-bolum.ic-acik .harita-yapis{z-index:3}
.harita{position:absolute;inset:0;overflow:hidden;contain:paint;background:var(--ink) center/cover no-repeat}
.harita canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .8s;pointer-events:none}
.harita.hazir canvas{opacity:1}
.harita.statik canvas,.harita.statik .etiketler{display:none}
.harita::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(11,11,11,.94) 0,rgba(11,11,11,.72) 28%,rgba(11,11,11,0) 52%),linear-gradient(180deg,rgba(11,11,11,.7),rgba(11,11,11,0) 18%)}
.etiketler{position:absolute;inset:0;pointer-events:none;z-index:1}
.etk{position:absolute;left:0;top:0;will-change:transform;visibility:hidden;white-space:nowrap;translate:-50% -50%}
.etk-avm{font:500 14px/1 var(--disp);letter-spacing:.24em;text-transform:uppercase;color:var(--paper);text-shadow:0 2px 12px #000}
.etk-loja{translate:-50% calc(-100% - 34px);display:grid;gap:2px;padding:10px 16px 11px;border-radius:12px;background:var(--altin);color:var(--ink);box-shadow:0 10px 30px rgba(0,0,0,.55)}
.etk-loja::after{content:"";position:absolute;left:50%;top:100%;width:1.5px;height:34px;background:linear-gradient(var(--altin),rgba(201,168,106,0))}
.etk-loja b{font:600 15px/1.2 var(--disp);letter-spacing:.02em}
.etk-loja span{font:500 13px/1.2 var(--body)}
.etk-yer{translate:-50% calc(-100% - 10px);padding:7px 12px;border-radius:999px;background:rgba(20,20,21,.9);box-shadow:0 0 0 1px var(--line);font:600 13px/1 var(--body)}
.etk-yer em{font-style:normal;color:var(--altin);margin-left:4px}
.ic-karart{position:absolute;inset:0;background:#000;opacity:0;pointer-events:none;z-index:3}
.ic{position:absolute;inset:0;z-index:4;opacity:0;overflow:hidden;background:var(--ink);pointer-events:none;clip-path:inset(100% 50% 0 50%)}
.ic.acik{pointer-events:auto}
.ic-arka{position:absolute;inset:-60px;width:calc(100% + 120px);height:calc(100% + 120px);object-fit:cover;filter:blur(28px) brightness(.38) saturate(.9)}
.ic-govde{position:relative;height:100%;display:flex;align-items:center;justify-content:center;gap:clamp(32px,6vw,96px);padding:24px var(--gut)}
.ic-kart{margin:0;height:min(76svh,700px);aspect-ratio:9/16;border-radius:18px;overflow:hidden;position:relative;box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 0 1px rgba(201,168,106,.35);transform:scale(calc(1.12 - .12 * var(--ac,0)))}
.ic-kart img{display:block;width:100%;height:100%;object-fit:cover}
.ic-kart figcaption{position:absolute;left:12px;bottom:10px;font-size:12px;color:rgba(242,238,232,.8);text-shadow:0 1px 6px #000}
.ic-metin{max-width:440px;transform:translateY(calc(18px - 18px * var(--ac,0)))}
.ic-metin .h-ust{margin:0;font:500 14px/1.3 var(--body);color:var(--altin);letter-spacing:.04em}
.ic-metin h2{margin:12px 0 14px;font:200 clamp(48px,6.4vw,104px)/.95 var(--disp);letter-spacing:-.03em}
.ic-metin p{margin:0;color:var(--mute)}
.ic-dugmeler{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.harita-adimlar{position:relative;z-index:2;margin-top:-100vh;margin-top:-100svh;padding:0 var(--gut);pointer-events:none}
.harita-adimlar a,.harita-adimlar button{pointer-events:auto}
.h-adim{max-width:440px;min-height:85vh;min-height:85svh;display:flex;flex-direction:column;justify-content:center;padding:48px 0}
.h-adim:first-child{min-height:100vh;min-height:100svh;padding-top:96px}
.h-adim.h-son{min-height:190vh;min-height:190svh}
.h-ust{margin:0;font:500 14px/1.3 var(--body);color:var(--altin);letter-spacing:.04em}
.h-adim h2{margin:12px 0 14px;font:300 clamp(36px,4.2vw,64px)/1.02 var(--disp);letter-spacing:-.02em}
.h-adim p{margin:0;color:var(--mute)}
.yakin{margin-top:26px;display:grid;gap:20px}
.yakin-grup p{margin:0 0 6px;font:500 14px/1.2 var(--body);color:var(--mute)}
.yakin-grup ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.yakin-yer{width:100%;display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:14px;padding:11px 4px;border:0;border-bottom:1px solid var(--line);background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:color .25s,background-color .25s}
.yakin-yer svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;opacity:.8}
.yakin-yer span{font:500 16px/1.25 var(--body)}
.yakin-yer small{display:block;font-size:13px;color:var(--mute);margin-top:2px}
.yakin-yer b{font:500 16px/1 var(--disp);white-space:nowrap}
.yakin-yer:hover,.yakin-yer.on{color:var(--altin)}
.yakin-yer.on{background:rgba(201,168,106,.08)}
.yakin-yer:focus-visible{outline:2px solid var(--altin);outline-offset:3px}
.osm-not{margin-top:16px!important;font-size:13px}
@media (max-width:820px){
  .harita::after{background:linear-gradient(0deg,rgba(11,11,11,.92) 0,rgba(11,11,11,.55) 30%,rgba(11,11,11,0) 55%),linear-gradient(180deg,rgba(11,11,11,.6),rgba(11,11,11,0) 16%)}
  .harita-adimlar{padding:0 14px}
  .h-adim{max-width:none;min-height:100svh;justify-content:flex-end;padding:0 0 6svh}
  .h-adim:first-child{padding-top:52svh}
  .h-kart{padding:20px 20px 18px;border-radius:18px;background:rgba(11,11,11,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 0 1px rgba(242,238,232,.1)}
  .h-adim h2{font-size:clamp(32px,9vw,44px)}
  .etk-loja b{font-size:14px}.etk-loja span{font-size:12.5px}
  .etk-avm{font-size:12px}
  .ic-govde{flex-direction:column;gap:22px;justify-content:center;text-align:center;padding:20px}
  .ic-kart{height:min(50svh,460px)}
  .ic-metin h2{font-size:clamp(42px,12vw,60px);margin:8px 0 8px}
  .ic-dugmeler{justify-content:center;margin-top:20px}
}
@media (prefers-reduced-motion:reduce){.harita canvas,.yakin-yer{transition:none}}
/* ===================== /LOJA harita bölümü ===================== */
.h-adim .lk{margin-top:16px;pointer-events:auto}

@media (max-width:900px){
  .cf{--cw:62vw}
  .salon-l .btn-ig{margin-bottom:12px}
  .cf2{grid-template-columns:1fr}
  .map3d{aspect-ratio:4/5}
  .map3d.is-compact{aspect-ratio:4/3;margin-bottom:36px}
  .map-side{margin-top:28px}
  .rev{margin-bottom:28px}
  .hdr-logo svg{height:40px}
  .m-top svg{height:38px}
  .form-l{margin-bottom:12px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition-duration:.01ms!important;transition-delay:0s!important;scroll-behavior:auto!important}
  .veil.is-out .veil-bg{clip-path:inset(0 0 0 0)}
  .veil.is-out{opacity:0;transition:opacity .3s ease!important}
  .veil-logo{opacity:1}
}

/* 10-12 kullanıcı: tüm hap/kapsül öğeler köşeli, sol üst ve sağ alt köşesi tam birleşmemiş (çizgiler köşede buluşmaz) */
.btn,.chip-b,.tags li,.asst-opts a,.chip span,.big-btn,.etk-yer,.drw .chip span{
  border-radius:0!important;
  clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px,8px 8px)}
.etk-yer{box-shadow:none;border:1px solid var(--line)}
.btn:focus-visible,.chip-b:focus-visible,.asst-opts a:focus-visible,.big-btn:focus-visible{outline-offset:-5px}
.chip input:focus-visible+span{outline-offset:-5px}

/* 10-12: akan yazı yerine sabit hizmet dizini; ayırıcı çizgiler ve üst/alt çizgi bölüm görünce "çizgiden açılır" */
.hz{position:relative;padding:clamp(26px,3.4vw,44px) 0}
.hz::before,.hz::after{content:"";position:absolute;left:0;right:0;height:1px;background:var(--line);transform:scaleX(0);transition:transform 1.1s var(--ease)}
.hz::before{top:0}.hz::after{bottom:0;transition-delay:.15s}
.hz.is-in::before,.hz.is-in::after{transform:scaleX(1)}
.hz-l{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;row-gap:14px;list-style:none;margin:0 auto;padding:0}
.hz-l li{display:flex;align-items:center}
.hz-l li+li::before{content:"";width:1px;height:1.1em;margin:0 clamp(14px,1.8vw,30px);background:currentColor;opacity:.4;transform:scaleY(0);transition:transform .7s var(--ease)}
.hz.is-in .hz-l li+li::before{transform:scaleY(1)}
.hz-l a{font:300 clamp(20px,2vw,32px)/1.15 var(--disp);letter-spacing:-.005em;color:var(--fg);opacity:0;transform:translateY(10px);transition:opacity .8s var(--ease),transform .8s var(--ease),color .3s}
.hz.is-in .hz-l a{opacity:1;transform:none}
.hz-l a:hover,.hz-l a:focus-visible{color:var(--altin,#C9A86A)}
@media (max-width:640px){.hz-l{justify-content:flex-start;row-gap:10px}.hz-l a{font-size:19px}}
@media (prefers-reduced-motion:reduce){.hz::before,.hz::after,.hz-l li+li::before,.hz-l a{transition:none;transform:none;opacity:1}}
.hz.is-in .hz-l li:nth-child(1) a{transition-delay:0.05s}.hz.is-in .hz-l li:nth-child(2) a{transition-delay:0.10s}.hz.is-in .hz-l li:nth-child(3) a{transition-delay:0.15s}.hz.is-in .hz-l li:nth-child(4) a{transition-delay:0.20s}.hz.is-in .hz-l li:nth-child(5) a{transition-delay:0.25s}.hz.is-in .hz-l li:nth-child(6) a{transition-delay:0.30s}.hz.is-in .hz-l li:nth-child(7) a{transition-delay:0.35s}.hz.is-in .hz-l li:nth-child(8) a{transition-delay:0.40s}.hz.is-in .hz-l li:nth-child(9) a{transition-delay:0.45s}

/* 10-12 kullanıcı: Randevu al hover'da siyah olup siyah zeminde kayboluyordu → koyu zeminde açık dolgu, açık zeminde koyu dolgu */
.hdr .btn:hover,.hdr .btn:focus-visible{background:#F2EEE8!important;border-color:#F2EEE8!important;color:#0B0B0B!important}
.hdr .btn:hover *,.hdr .btn:focus-visible *{color:#0B0B0B!important}
.hdr.on-light .btn:hover,.hdr.on-light .btn:focus-visible{background:#0B0B0B!important;border-color:#0B0B0B!important;color:#F2EEE8!important}
.hdr.on-light .btn:hover *,.hdr.on-light .btn:focus-visible *{color:#F2EEE8!important}

/* 10-12: Google yorumları sırayla değişir */
.q-slides{display:grid}
.q-slide{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(18px);transition:opacity .7s var(--ease),transform .9s var(--ease),visibility 0s .7s}
.q-slide.is-on{opacity:1;visibility:visible;transform:none;transition:opacity .9s var(--ease) .15s,transform 1.1s var(--ease) .15s,visibility 0s}
.q-slide blockquote{margin:0;font:300 clamp(34px,4.4vw,74px)/1.08 var(--serif);letter-spacing:-.01em}
.q-slide figcaption{margin-top:28px;font-size:15px;color:var(--mute)}
.q-nav{display:flex;gap:clamp(16px,3vw,40px);margin-top:clamp(36px,4vw,56px)}
.q-dot{flex:1;max-width:220px;background:none;border:0;padding:0 0 14px;text-align:left;font:inherit;font-size:15px;color:var(--mute);cursor:pointer;position:relative;transition:color .3s}
.q-dot::before,.q-dot i{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;background:currentColor;opacity:.3}
.q-dot i{opacity:1;width:0;background:var(--ink,#0B0B0B)}
.q-dot.is-on,.q-dot:hover{color:var(--ink,#0B0B0B)}
.q-dot.is-on i{animation:qBar 7s linear forwards}
[data-rot]:hover .q-dot.is-on i,[data-rot]:focus-within .q-dot.is-on i,[data-rot].is-paused .q-dot.is-on i{animation-play-state:paused}
@keyframes qBar{to{width:100%}}
@media (prefers-reduced-motion:reduce){.q-slide,.q-slide.is-on{transition:none;transform:none}.q-dot.is-on i{animation:none;width:100%}}
@media (max-width:760px){.q-nav{gap:14px;margin-right:36px}.q-dot{font-size:14px}}

/* 10-12: renk rehberi başlığı en fazla 2 satır */
.tone-head h2{grid-column:1/13;font-size:clamp(34px,6.2vw,112px);white-space:nowrap}
.tone-head h2 br{display:inline}
.tone-head .side{grid-column:7/13;margin-top:clamp(20px,2.4vw,36px)}
@media (max-width:760px){.tone-head .side{grid-column:1/-1}}

/* 10-12: dokunmatik ekranda parmak dostu dokunma alanları (görünüm değişmez, yalnızca tıklanabilir alan büyür) */
@media (pointer:coarse){
  .lk,.ftr a:not(.btn),.q-dot{position:relative}
  .lk::after{content:"";position:absolute;inset:-12px -6px}
  .ftr a:not(.btn)::after{content:"";position:absolute;inset:-8px -4px}
  .q-dot{min-height:44px}
  .menu-btn{min-height:44px;min-width:44px}
  .wa-tab{padding:20px 13px}
}
.ic-kart figcaption{font-size:13px}

/* 10-12: telefon ve tablette sağ kenar sekmesi içeriği örtüyordu -> alta sabit hızlı işlem çubuğu */
.mbar{display:none}
@media (max-width:900px), (pointer:coarse) and (max-width:1366px){
  .wa-tab{display:none}
  .mbar{position:fixed;left:0;right:0;bottom:0;z-index:79;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));
    background:rgba(11,11,11,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(242,238,232,.14);
    color:var(--paper);--fg:var(--paper);--bg:var(--ink);transform:translateY(110%);transition:transform .45s var(--ease)}
  .mbar-on .mbar{transform:none}
  .menu-open .mbar,.drw-open .mbar,.sp-open .mbar,html:not(.ready) .mbar{transform:translateY(110%)}
  .mbar .btn{min-height:48px;width:100%;justify-content:center;padding:0 12px;font-size:15px}
  body{padding-bottom:calc(70px + env(safe-area-inset-bottom))}
  .asst{left:12px;right:12px;width:auto;top:auto;bottom:calc(80px + env(safe-area-inset-bottom));transform:none}
  .q-nav{margin-right:0}
}
.tone-bar .small{white-space:nowrap}
@media (max-width:900px){.ekip-intro .lead,.gal-head .lead{margin-top:clamp(18px,4vw,28px)}}
/* 10-12 telefon: başlık ile altındaki paragraf yapışmasın; başlıklardaki elle satır kırma dar ekranda doğal akışa bıraksın */
@media (max-width:900px){
  .d-xl + .lead,.d-xl + p,h1 + .lead{margin-top:clamp(18px,4vw,28px)}
}
@media (max-width:560px){
  .q-dot{font-size:13px;white-space:nowrap}
  .q-nav{gap:12px}
}
/* 10-12 yatay telefon (kısa ekran): açılış logosu ekrana sığsın, kartlar ekran yüksekliğini aşmasın, alt çubuk incelsin */
@media (max-height:500px) and (orientation:landscape){
  .hero{min-height:0}
  .hero-logo{width:min(70vw,calc((100svh - 150px) * 2.46))}
  .hero-meta{margin-bottom:10px;font-size:14px}
  .card{flex-basis:clamp(220px,34vw,300px)}
  .opts{grid-template-columns:repeat(4,minmax(0,1fr))}
  .opt-img{aspect-ratio:4/5}
  .mbar{padding:6px 12px calc(6px + env(safe-area-inset-bottom))}
  .mbar .btn{min-height:42px}
  body{padding-bottom:calc(56px + env(safe-area-inset-bottom))}
}
@media (min-width:901px){.mbar{grid-template-columns:repeat(2,minmax(0,280px));justify-content:center}}

/* 10-12 yatay telefon: menü 7 sayfayı göstersin, asistan ekrana sığsın, büyütülen fotoğraf büyük kalsın */
.asst{max-height:calc(100svh - 32px);overflow-y:auto;overscroll-behavior:contain}
@media (max-width:900px), (pointer:coarse) and (max-width:1366px){.asst{max-height:calc(100svh - 100px - env(safe-area-inset-bottom))}}
@media (max-height:500px) and (orientation:landscape){
  .m-list a{font-size:clamp(22px,7svh,32px);line-height:1.05}
  .mp span{display:none}
  .menu{overflow-y:auto}
  .lb-top,.lb-bot{padding:8px var(--gut)}
  .lb img{max-height:calc(100svh - 96px)}
  .asst{bottom:calc(64px + env(safe-area-inset-bottom));max-height:calc(100svh - 76px - env(safe-area-inset-bottom));padding:14px}
  .asst-opts{grid-template-columns:1fr 1fr}
}
@media (min-width:600px) and (max-width:900px), (pointer:coarse) and (min-width:600px) and (max-width:1366px){.asst{left:auto;right:16px;width:380px}}
@media (hover:none){.card .fig img{transition:transform 7s linear}.card.is-play .fig img{transform:scale(1.07)}}
@media (hover:none) and (prefers-reduced-motion:reduce){.card.is-play .fig img{transform:none}}
/* 10-12: sayfa açılış/geçişinde ortadaki ekran boyu çizgi hata gibi görünüyordu, kaldırıldı */
.veil-line,.hero-line{display:none!important}
/* 10-12: masaüstünde üst çubuktaki Randevu al ve Menü daha büyük; mobil alt çubuk daha ince */
@media (min-width:901px){
  .hdr-r .btn{min-height:50px;padding:0 28px;font-size:16px}
  .menu-btn{font-size:17px;min-height:50px;gap:14px}
  .menu-btn i{width:32px;gap:8px}
}
@media (max-width:900px), (pointer:coarse) and (max-width:1366px){
  .mbar{gap:8px;padding:7px 10px calc(7px + env(safe-area-inset-bottom))}
  .mbar .btn{min-height:42px;font-size:14px}
  body{padding-bottom:calc(56px + env(safe-area-inset-bottom))}
}
/* 10-12: Salondan kartları ve ok düğmeleri sert köşe (oklar sitenin her yerinde aynı kalsın diye tümüne uygulandı) */
.cf-card{border-radius:0}
.arr{border-radius:0}
/* 10-12: telefonda sürekli kaydırıldığı için alt çubuk sürekli belirip kayboluyordu -> kaldırıldı; Randevu al üst çubukta, Menü'nün yanında */
@media (max-width:900px), (pointer:coarse) and (max-width:1366px){
  .mbar{display:none!important}
  body{padding-bottom:0}
}
/* 10-12 telefon: harita turunda açıklama kartları haritayı kapatıyordu (ilk kart 914px) -> kısa kart, yakın yerler yana kayan tek satır */
@media (max-width:820px), (max-height:500px) and (orientation:landscape){
  .h-kart{padding:14px 16px 12px}
  .h-ust{font-size:12px}
  .h-adim h2{font-size:clamp(24px,7vw,30px);margin:4px 0 6px}
  .h-adim p{font-size:14px;line-height:1.45}
  .h-adim .lk{margin-top:8px}
  .yakin{margin:12px -16px 0;padding:0 16px 2px;display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-x:contain}
  .yakin::-webkit-scrollbar{display:none}
  .yakin-grup,.yakin-grup ul{display:contents}
  .yakin-grup > p{display:none}
  .yakin-grup li{flex:none;scroll-snap-align:start}
  .yakin-yer{grid-template-columns:16px auto auto;gap:8px;padding:0 12px;min-height:40px;border:1px solid var(--line);white-space:nowrap}
  .yakin-yer svg{width:16px;height:16px}
  .yakin-yer span{font-size:14px}
  .yakin-yer small{display:none}
  .yakin-yer b{font-size:14px;color:var(--altin)}
  .osm-not{margin-top:8px!important;font-size:11.5px;line-height:1.35;opacity:.8}
  .osm-uzun{display:none}
}
@media (max-height:500px) and (orientation:landscape){
  .h-kart{max-width:min(440px,52vw);overflow:hidden;background:rgba(11,11,11,.82);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
  .h-adim h2{font-size:24px}
}
/* 10-12: telefon ve tablette sağ kenarda masaüstündeki gibi dikey sekmeler: üstte Randevu al, altta WhatsApp, yan yana */
.rdv-tab{display:none}
@media (max-width:900px), (pointer:coarse) and (max-width:1366px){
  .wa-tab,.rdv-tab{display:flex!important;align-items:center;justify-content:center;position:fixed;right:0;top:50%;z-index:80;writing-mode:vertical-rl;
    padding:0 8px;background:var(--paper);color:var(--ink);font:600 13px/1 var(--body);letter-spacing:.02em;transition:background-color .4s,color .4s,transform .5s var(--ease)}
  .wa-tab{height:104px;transform:translateY(2px)}
  .rdv-tab{height:118px;transform:translateY(calc(-100% - 2px))}
  .tab-light .wa-tab,.tab-light .rdv-tab{background:var(--ink);color:var(--paper)}
  .menu-open .wa-tab{transform:translate(110%,2px)}
  .menu-open .rdv-tab{transform:translate(110%,calc(-100% - 2px))}
  .drw-open .wa-tab,.sp-open .wa-tab,.drw-open .rdv-tab,.sp-open .rdv-tab{display:none!important}
}
/* asistan sağdaki sekmeleri örtmesin */
@media (max-width:900px), (pointer:coarse) and (max-width:1366px){.asst{right:38px}}
@media (max-width:599px){.asst{left:10px}}
/* 10-13: dev isimde g/ç/ş gibi aşağı sarkan harfin kuyruğu satır maskesinde kesilmesin */
.person .name .ln{padding-bottom:.14em;margin-bottom:-.14em}
/* 10-14: alıntısı olmayan usta (Esengül): görev ve işleri üstte bitişik dursun, araya boşluk girmesin */
.p2 .p-yan{grid-column:7/13;grid-row:1/3;align-self:start}
.p-yan .works{margin-top:28px}
/* 10-15: iletişimde 2 yorum kaldı -> yarım genişlik */
.revs .rev{grid-column:span 6}

/* 10-15 YAYIN: yerel yazı tipleri (Google Fonts yok; değişken woff2, latin + latin-ext Türkçe için) */
@font-face{font-family:'Albert Sans';font-style:normal;font-weight:400 600;font-display:swap;src:url(fonts/albert-sans-latin-ext.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Albert Sans';font-style:normal;font-weight:400 600;font-display:swap;src:url(fonts/albert-sans-latin.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:'Montserrat';font-style:normal;font-weight:200 600;font-display:swap;src:url(fonts/montserrat-latin-ext.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:200 600;font-display:swap;src:url(fonts/montserrat-latin.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}
/* 10-15 gizlilik sayfası ve KVKK bağlantıları */
.legal h2{font:500 clamp(22px,2vw,30px)/1.2 var(--disp);letter-spacing:-.01em;margin:44px 0 14px}
.legal h2:first-child{margin-top:0}
.legal ul{margin:14px 0 0;padding-left:1.2em;font-size:18px;line-height:1.65}
.legal li + li{margin-top:8px}
.legal ul + p,.legal p + ul{margin-top:16px}
.legal code{font-size:.9em}
.legal .btn{margin-top:8px}
.kvkk a,.kv-l a,.cz a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.kv-l{margin-top:10px}
.cz-ac{background:none;border:0;padding:0;margin:0;color:inherit;font:inherit;cursor:pointer;text-align:left}
.cz-ac:hover{opacity:.62}
/* 10-15 çerez bandı: altta, kompakt; sağ kenar sekmelerine ve menü/çekmeceye binmez */
.cz{position:fixed;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:95;max-width:760px;margin:0 auto;display:flex;align-items:center;gap:16px 24px;
  padding:16px 18px;background:var(--ink);color:var(--paper);--fg:var(--paper);--bg:var(--ink);border:1px solid rgba(242,238,232,.22);font:400 14px/1.5 var(--body)}
.cz[hidden]{display:none}
.cz p{margin:0;flex:1 1 auto}
.cz-b{display:grid;grid-template-columns:1fr 1fr;gap:10px;flex:none}
.cz .btn{min-height:44px;padding:0 18px;font-size:14px;white-space:nowrap;justify-content:center}
.menu-open .cz,.drw-open .cz,.sp-open .cz{display:none}
@media (max-width:900px), (pointer:coarse) and (max-width:1366px){.cz{right:40px;left:10px;bottom:calc(10px + env(safe-area-inset-bottom))}}
@media (max-width:760px){.cz{flex-direction:column;align-items:stretch;gap:12px;padding:14px}.cz-b{display:grid;grid-template-columns:1fr 1fr}.cz .btn{padding:0 10px;white-space:normal;text-align:center;line-height:1.2}}
.cz-ac{position:relative}.cz-ac::after{content:"";position:absolute;inset:-8px -4px}
.legal ul{list-style:disc}.legal li::marker{color:var(--mute)}
/* 10-15 kullanıcı: çerez bandı daha büyük, fark edilsin */
.cz{max-width:1080px;padding:26px 30px;gap:20px 36px;font-size:16px;box-shadow:0 24px 70px rgba(0,0,0,.55);border-color:rgba(217,188,128,.45)}
.cz-t{flex:1 1 auto;min-width:0}
.cz-t b{display:block;font:500 22px/1.2 var(--disp);letter-spacing:-.01em;margin-bottom:6px}
.cz-t p{font-size:16px;line-height:1.5;color:rgba(242,238,232,.85)}
.cz-b{gap:12px}
.cz .btn{min-height:56px;padding:0 26px;font-size:16px}
@media (max-width:900px), (pointer:coarse) and (max-width:1366px){.cz{padding:20px 20px}}
@media (max-width:760px){.cz{gap:14px;padding:18px 16px}.cz-t b{font-size:20px}.cz-t p{font-size:15px}.cz-b{grid-template-columns:1fr}.cz .btn{min-height:52px;font-size:16px}}