@font-face{font-family:"Inter Tight";src:url(../fonts/InterTight-latin-ext.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,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:"Inter Tight";src:url(../fonts/InterTight-latin.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"DM Mono";src:url(../fonts/DMMono-latin-ext.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,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:"DM Mono";src:url(../fonts/DMMono-latin.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --red:#C61E03;--red-d:#A31802;--ink:#2B1610;--mute:#7A6A64;--line:#CFC8C4;--line-l:#E8E3E0;--white:#fff;
  --g:clamp(14px,1.74vw,25px);--hh:46px;--tb:50px;
  --col:calc((100vw - var(--g)*8)/7);
  --sans:"Inter Tight","Helvetica Neue",Arial,sans-serif;--mono:"DM Mono",ui-monospace,Menlo,monospace;
  --ease:cubic-bezier(.2,.7,.1,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--hh) + 16px);scrollbar-width:thin;scrollbar-color:var(--ink) transparent}
body{margin:0;background:var(--white);color:var(--ink);font:400 15px/1.4 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:clip;padding-top:var(--hh);padding-bottom:var(--tb)}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0;padding:0}
ul,ol{list-style:none}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{background:none;border:0;padding:0;cursor:pointer}
:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip{position:fixed;left:var(--g);top:-60px;z-index:100;background:var(--red);color:#fff;padding:10px 16px;border-radius:30px}
.skip:focus{top:8px}
.grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));column-gap:var(--g);padding-inline:var(--g)}
.lbl,dt,small{font:400 10px/1.3 var(--mono);letter-spacing:.02em;text-transform:uppercase;color:var(--mute)}
dd{font-size:11px;letter-spacing:.03em;text-transform:uppercase;line-height:1.3}
.lead{font-size:clamp(17px,1.4vw,20px);line-height:1.3;letter-spacing:.005em;max-width:25em;text-wrap:pretty}
.disp{font-weight:400;font-size:clamp(44px,5.2vw,76px);line-height:1.03;letter-spacing:-.022em;text-transform:uppercase;color:var(--red)}

/* Üst bar */
.top{position:fixed;inset:0 0 auto;height:var(--hh);z-index:40;background:#fff;border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(7,minmax(0,1fr));column-gap:var(--g);padding-inline:var(--g);align-items:center}
.logo{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:16px;letter-spacing:-.01em;color:var(--red)}
.mark{height:24px;width:auto;display:block}
.top nav{grid-column:2/7;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:var(--g)}
.top nav a{font-size:10.500px;letter-spacing:.06em;text-transform:uppercase;position:relative;justify-self:start;padding:6px 0}
.top nav a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.top nav a:hover::after,.top nav a[aria-current]::after{transform:scaleX(1)}
.list-btn{font-size:10.500px;letter-spacing:.06em;text-transform:uppercase;display:inline-flex;align-items:center;gap:7px;justify-self:end;white-space:nowrap}
.count{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border:1px solid var(--ink);border-radius:20px;font:400 10px/1 var(--mono);transition:background .2s,color .2s,border-color .2s}
.count.has{background:var(--red);border-color:var(--red);color:#fff}
.menu-btn{display:none;justify-self:end;font-size:11px;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--ink);border-radius:30px;padding:5px 14px}
.mobile-menu{position:fixed;inset:var(--hh) 0 var(--tb);background:#fff;z-index:39;padding:var(--g);display:flex;flex-direction:column;justify-content:space-between}
.mobile-menu[hidden]{display:none}
.mobile-menu nav a{display:flex;align-items:flex-start;gap:6px;font-size:13vw;line-height:1.08;letter-spacing:-.02em;text-transform:uppercase;color:var(--red)}
.mobile-menu sup{font:400 11px/1 var(--mono);color:var(--mute);margin-top:.8em}
.mobile-menu .list-btn{justify-self:start;font-size:12px}

/* Hap buton */
.pill{display:inline-flex;align-items:center;gap:10px;height:34px;padding:0 15px;border:1px solid var(--ink);border-radius:40px;font-size:10.500px;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;transition:background .25s,color .25s,border-color .25s;max-width:100%}
.pill em{font-style:normal;color:var(--mute);transition:color .25s}
.roll{display:inline-grid;height:1.4em;line-height:1.4;overflow:hidden}
.roll>span{transition:transform .4s var(--ease)}
.pill:hover .roll>span{transform:translateY(-100%)}
.pill:hover{background:var(--red);border-color:var(--red);color:#fff}
.pill:hover em{color:#ffd9d2}
.arr{width:26px;height:10px;flex:none;transition:transform .35s var(--ease)}
.pill:hover .arr{transform:translateX(3px)}
.pills{display:flex;flex-wrap:wrap;gap:10px}

/* Hero */
.hero{position:relative;height:calc(100vh - var(--hh) - var(--tb) - 72px + var(--hh));height:calc(100svh - var(--tb) - 72px);min-height:560px;margin-top:calc(var(--hh)*-1);padding-inline:var(--g);overflow:clip}
.v-lines{position:absolute;inset:var(--hh) 0 0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));column-gap:var(--g);padding-inline:var(--g);pointer-events:none;opacity:var(--lines,0)}
.v-lines i{border-left:1px solid var(--line-l);margin-left:calc(var(--g)/-2)}
.v-lines i:first-child{grid-column:2}
.h1{position:absolute;left:var(--g);right:var(--g);top:30%;margin:0;font-weight:400;font-size:8.400vw;line-height:.96;letter-spacing:-.028em;color:var(--red)}
.ln{display:inline-block;overflow:clip;overflow-clip-margin:.02em;padding-top:.13em;margin-top:-.13em;white-space:nowrap;vertical-align:top}
.ch{display:inline-block;will-change:transform;transform:translateY(calc(var(--s,0)*var(--k,1)*-1px))}
.ch.sp{width:.24em}
.js .ch{animation:rise 1.100s var(--ease) both;animation-delay:calc(var(--d)*22ms + 120ms)}
@keyframes rise{from{translate:0 115%}to{translate:0 0}}
.hero-sub{position:absolute;inset:60% 0 auto;padding-bottom:28px;row-gap:18px}
.js .hero-sub{opacity:var(--sub,0);translate:0 calc((1 - var(--sub,0))*30px);pointer-events:none}
.js .hero-sub.live{pointer-events:auto}
.js .hero-sub:focus-within{opacity:1;translate:none;pointer-events:auto}
.hero-text{grid-column:2/5;display:flex;flex-direction:column;gap:22px;align-items:flex-start}
.chips{grid-column:5/8;display:flex;flex-direction:column;align-items:flex-end;gap:7px}
.chips li{background:var(--ink);color:#fff;font-size:10px;letter-spacing:.07em;text-transform:uppercase;padding:5px 13px;border-radius:20px}
.chips li:nth-child(2){margin-right:12%}
.chips li:nth-child(3){margin-right:3%}

/* Pin panel */
.pin{position:relative;height:calc((100vh - var(--hh) - var(--tb))*4.500)}
.pin-stick{position:sticky;top:var(--hh);height:calc(100vh - var(--hh) - var(--tb));height:calc(100svh - var(--hh) - var(--tb));display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#fff}
.pin-l,.pin-r{background:var(--red);color:#fff;display:grid;place-items:center;overflow:hidden;position:relative}
.pin-text{position:relative;width:60%;height:clamp(250px,48vh,430px)}
.pt{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center}
.pt-n{font-size:clamp(110px,17vw,250px);line-height:.86;letter-spacing:-.04em;overflow:clip;display:flex;padding-top:.05em}
.pt-n span{display:inline-block}
.pt-c{font-size:clamp(22px,2.700vw,38px);line-height:1.12;letter-spacing:-.015em;margin-top:.5em;overflow:clip;text-wrap:balance}
.pt-c>span{display:block}
.pt.in .pt-n span{animation:chIn .8s var(--ease) both;animation-delay:calc(var(--i)*70ms)}
.pt.in .pt-c>span{animation:chIn .8s var(--ease) .18s both}
.pt.out .pt-n span{animation:chOut .45s ease-in both;animation-delay:calc(var(--i)*40ms)}
.pt.out .pt-c>span{animation:chOut .4s ease-in both}
@keyframes chIn{from{transform:translateY(105%)}to{transform:none}}
@keyframes chOut{to{transform:translateY(-105%)}}
.pin-shots{position:relative;width:58%;aspect-ratio:1;max-height:76%}
.pin-shots img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;clip-path:inset(100% 0 0 0);filter:blur(16px);transition:clip-path .9s var(--ease),filter 1s ease-out;z-index:1}
.pin-shots img.on{clip-path:inset(0);filter:none;z-index:2}
.pin-shots img.prev{clip-path:inset(0);filter:none;z-index:1;transition:none}

/* Bölümler */
.sec{padding-top:clamp(70px,8vw,110px)}
.sec.first{padding-top:clamp(50px,6vw,84px)}
.sec.ruled{margin-top:clamp(70px,8vw,110px);border-top:1px solid var(--line)}
.head{align-items:start;row-gap:24px}
.head .disp{grid-column:1/5;margin:0}
.head-side{grid-column:5/8;display:flex;flex-direction:column;gap:20px;align-items:flex-start;padding-top:.3em}
.note{padding:40px var(--g) 0}

/* İşler */
.work{position:relative;margin-top:clamp(40px,4.500vw,64px)}
.work+.work::before{content:"";position:absolute;left:calc(var(--g) + (var(--col) + var(--g))*1.700);width:40%;top:calc(clamp(40px,4.500vw,64px)/-2);height:1px;background:var(--line)}
.w-info{grid-column:1/3;display:flex;flex-direction:column;justify-content:space-between;gap:30px;border-right:1px solid var(--line);margin-right:calc(var(--g)/-2);padding-right:var(--g);min-height:100%}
.w-info h3{font-weight:400;font-size:clamp(22px,2.100vw,30px);line-height:1.15;letter-spacing:-.01em;margin-top:6px;text-wrap:balance}
.meta{display:flex;gap:var(--g)}
.meta>div{flex:1 1 0;min-width:0}
.meta dd{margin-top:3px}
.w-count{margin-top:26px}
.w-btns{display:flex;gap:6px;margin-top:6px}
.nav-b{width:44px;height:20px;border:1px solid var(--ink);border-radius:20px;display:grid;place-items:center;transition:background .2s,color .2s,border-color .2s}
.nav-b .arr{width:22px;height:8px}
.nav-b[data-prev] .arr{transform:scaleX(-1)}
.nav-b:hover:not(:disabled){background:var(--red);border-color:var(--red);color:#fff}
.nav-b:disabled{opacity:.3;cursor:default}
.w-track{grid-column:3/8;display:flex;gap:var(--g);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-right:calc(var(--g)*-1);padding-right:var(--g);cursor:grab}
.w-track::-webkit-scrollbar{display:none}
.w-track.drag{cursor:grabbing;scroll-snap-type:none;user-select:none}
.w-track figure{flex:0 0 calc(var(--col)*3 + var(--g)*2);scroll-snap-align:start;aspect-ratio:1.46;overflow:hidden;background:var(--line-l)}
.w-track img{width:100%;height:100%;object-fit:cover;pointer-events:none}

/* Akış grafiği */
.chart{position:relative;height:clamp(300px,32vw,460px);margin-top:clamp(60px,6vw,90px)}
.chart svg{position:absolute;inset:auto 0 0;width:100%;height:68%;fill:var(--red)}
.js .chart svg{clip-path:inset(0 100% 0 0);transition:clip-path 1.600s var(--ease)}
.js .chart.in svg{clip-path:inset(0)}
.ch-title{position:absolute;left:var(--g);top:0;color:var(--ink)}
.ch-title b,.ch-pt b{font-weight:400;color:var(--ink)}
.ch-pt{position:absolute;left:var(--x);top:0;bottom:0;width:0;pointer-events:none}
.ch-line{position:absolute;left:0;top:0;width:1px;height:calc(32% + 68%*var(--yf));background:var(--line);--yf:calc(var(--yn))}
.ch-dot{position:absolute;left:-5px;width:11px;height:11px;border-radius:50%;background:#fff;border:1px solid var(--ink);box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 6px var(--ink);z-index:2;top:calc(32% + 68%*var(--yn) - 5px)}
.ch-pt p{position:absolute;left:7px;top:0;width:max-content;display:flex;gap:18px}
.ch-pt p span{color:var(--mute)}
.ch-pt i{font-style:normal}
.js .ch-dot,.js .ch-pt p{opacity:0;transition:opacity .5s;transition-delay:calc(var(--i)*.28s + .3s)}
.js .chart.in .ch-dot,.js .chart.in .ch-pt p{opacity:1}

/* Ürünler */
.prods{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));column-gap:var(--g);row-gap:clamp(40px,4.500vw,64px);padding:clamp(40px,4.500vw,64px) var(--g) 0}
.prod{grid-column:span 2;display:flex;flex-direction:column;scroll-margin-top:70px}
.prod:nth-child(3n+1){grid-column:span 3}
.prod[hidden]{display:none}
.p-img{position:relative;height:clamp(280px,32vw,460px);overflow:hidden;background:var(--line-l)}
.p-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.200s var(--ease)}
.prod:hover .p-img img{transform:scale(1.025)}
.add{position:absolute;right:10px;top:10px;background:#fff;border-radius:20px;padding:6px 12px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;display:flex;gap:6px;align-items:center;transition:background .2s,color .2s}
.add::before{content:"+";font:400 13px/1 var(--mono)}
.add:hover{background:var(--red);color:#fff}
.add[aria-pressed=true]{background:var(--red);color:#fff}
.add[aria-pressed=true]::before{content:"✓";font-size:11px}
.prod h3{font-weight:400;font-size:clamp(17px,1.400vw,20px);margin:14px 0 clamp(24px,3vw,44px);letter-spacing:-.003em}
.meta.three dd{font-size:10.500px}
.filters{display:flex;flex-wrap:wrap;gap:6px;padding:44px var(--g) 0}
.filters button{border:1px solid var(--ink);border-radius:30px;padding:6px 13px;font-size:10.500px;letter-spacing:.06em;text-transform:uppercase;transition:background .2s,color .2s,border-color .2s}
.filters button sup{font:400 9px/0 var(--mono)}
.filters button:hover{border-color:var(--red);color:var(--red)}
.filters button[aria-pressed=true]{background:var(--red);border-color:var(--red);color:#fff}

/* Yazılar */
.posts{margin-top:clamp(40px,4.500vw,64px)}
.post{padding-block:14px clamp(14px,1.500vw,24px);border-bottom:1px solid var(--line-l);row-gap:14px}
.po-img{grid-column:1/3;aspect-ratio:1.8;overflow:hidden;background:var(--line-l)}
.po-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.200s var(--ease)}
.post:hover .po-img img{transform:scale(1.03)}
.po-title{grid-column:3/5;display:flex;flex-direction:column;justify-content:space-between;gap:24px}
.po-title h3{font-weight:400;font-size:clamp(19px,1.600vw,23px);line-height:1.2;letter-spacing:-.005em;text-wrap:balance}
.post:hover h3{color:var(--red)}
.po-meta{display:flex;gap:calc(var(--col)*.6)}
.po-text{grid-column:5/7;font-size:clamp(15px,1.200vw,17px);line-height:1.38;text-wrap:pretty}

/* Sayfa öğeleri */
.wide{margin:clamp(40px,4.500vw,64px) var(--g) 0;overflow:hidden;aspect-ratio:2.100;background:var(--line-l)}
.wide img{width:100%;height:100%;object-fit:cover}
.steps{margin-top:clamp(40px,4.500vw,64px);border-top:1px solid var(--line)}
.steps li{padding-block:22px 34px;border-bottom:1px solid var(--line);row-gap:10px}
.steps .lbl{grid-column:1/3;color:var(--ink);padding-top:.6em}
.steps h3{grid-column:3/5;font-weight:400;font-size:clamp(22px,2.100vw,30px);letter-spacing:-.01em;line-height:1.15}
.steps p{grid-column:5/8;font-size:clamp(15px,1.200vw,17px);max-width:30em}
.facts{row-gap:30px}
.facts>div{grid-column:span 2;border-left:1px solid var(--line);padding-left:var(--g)}
.facts>div:first-child{grid-column:span 3;border:0;padding:0}
.facts strong{display:block;font-weight:400;font-size:clamp(48px,6vw,90px);line-height:1;letter-spacing:-.03em;color:var(--red)}
.facts p{margin-top:10px}
.contact{margin-top:clamp(40px,4.500vw,64px);row-gap:40px}
.c-form{grid-column:1/4;display:flex;flex-direction:column;align-items:flex-start;gap:0}
.c-form .pill{margin-top:26px}
.contact figure{grid-column:5/8;grid-row:1/3;overflow:hidden;background:var(--line-l);aspect-ratio:1;align-self:start}
.contact figure img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}
.c-info{grid-column:1/4;display:grid;grid-template-columns:1fr 1fr;gap:20px var(--g)}
.c-info dd{margin-top:3px;font-size:14px;text-transform:none;letter-spacing:0}
.f{display:block;width:100%;border-bottom:1px solid var(--ink);padding-top:12px;position:relative}
.f>span:not(.vh){display:block;font:400 10px/1.3 var(--mono);text-transform:uppercase;color:var(--mute)}
.f input,.f select,.f textarea{display:block;width:100%;border:0;background:transparent;padding:5px 0 9px;font-size:15px;border-radius:0;outline-offset:0;resize:vertical}
.f input::placeholder,.f textarea::placeholder{color:var(--mute)}
.f.bad{border-color:var(--red)}
.f .err{display:block;color:var(--red);font-size:12px;padding-bottom:6px}

/* Yazı sayfası */
.art-head{row-gap:18px}
.art-head .lbl{grid-column:1/3;padding-top:.6em}
.art-head .lbl a{text-decoration:underline;text-underline-offset:2px;color:var(--ink)}
.art-head h1{grid-column:3/8;font-weight:400;font-size:clamp(36px,4.600vw,68px);line-height:1;letter-spacing:-.022em;color:var(--red);text-wrap:balance}
.art-body{padding-top:clamp(40px,4.500vw,64px)}
.prose{grid-column:3/6;font-size:17px;line-height:1.5}
.prose .lead{margin-bottom:1.6em}
.prose h2{font-weight:500;font-size:20px;line-height:1.25;margin:1.800em 0 .5em;text-wrap:balance}
.prose p{max-width:34em}
.art-cta{margin-top:50px;padding-top:20px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.art-next{padding:50px var(--g) 0;display:flex;justify-content:flex-end}

/* Alt bölüm */
.foot{margin-top:clamp(70px,8vw,110px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(7,minmax(0,1fr));column-gap:var(--g);padding:0 var(--g);min-height:calc(100vh - var(--hh) - var(--tb))}
.fc{padding-block:24px 28px;display:flex;flex-direction:column;justify-content:space-between;gap:40px}
.fc1{grid-column:1/3;padding-right:calc(var(--g)/2);justify-content:flex-start;gap:0}
.fc2{grid-column:3/5;border-left:1px solid var(--line);margin-left:calc(var(--g)/-2);padding-left:calc(var(--g)/2)}
.fc3{grid-column:5/8;border-left:1px solid var(--line);margin-left:calc(var(--g)/-2);padding-left:calc(var(--g)/2)}
.foot-mark{color:var(--red);display:inline-block}
.foot-mark .mark{height:70px}
.foot-form{margin-top:36px}
.foot-form .lbl{padding-bottom:8px;border-bottom:1px solid var(--ink)}
.foot-form .f{padding-top:8px}
.foot-form .f input{font-size:13px;padding:2px 34px 8px 0}
.f-arrow button{position:absolute;right:0;bottom:8px;line-height:0}
.foot-note{margin-top:auto;padding-top:40px;font-size:13px;line-height:1.4;max-width:24em;text-wrap:pretty}
.foot ul{margin-top:12px}
.foot li{font-size:13px;line-height:1.65}
.foot li a:hover{color:var(--red)}
.foot-copy{font-size:13px}
.fc3-top,.fc3-bot{display:flex;justify-content:space-between;gap:var(--g)}
.right{text-align:right}

/* Alt araç çubuğu */
.toolbar{position:fixed;inset:auto 0 0;height:var(--tb);z-index:45;background:#fff;border-top:1px solid var(--line);display:flex;align-items:stretch}
.tb-page{width:calc(var(--g) + var(--col) + var(--g)/2);border-right:1px solid var(--line);padding:7px var(--g);display:flex;flex-direction:column;justify-content:center;gap:1px;font-size:12px;white-space:nowrap;overflow:hidden}
.tb-chat{margin-left:auto;background:var(--red);color:#fff;display:flex;align-items:center;gap:9px;padding:0 24px;font-size:12px;transition:background .2s}
.tb-chat svg{width:14px;height:14px}
.tb-chat:hover{background:var(--red-d)}
.tb-quote{padding:0 var(--g);font-size:12px;transition:color .2s;white-space:nowrap}
.tb-quote:hover{color:var(--red)}

/* Çekmece */
.drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(440px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;border:0;padding:0;background:#fff;color:var(--ink);box-shadow:-1px 0 0 var(--line)}
.drawer[open]{animation:slide .45s var(--ease)}
.drawer::backdrop{background:rgba(43,22,16,.28)}
@keyframes slide{from{transform:translateX(100%)}to{transform:none}}
.dr-head{display:flex;justify-content:space-between;align-items:center;height:58px;padding:0 var(--g);border-bottom:1px solid var(--line)}
.dr-head h2{font-weight:400;font-size:20px;letter-spacing:.01em}
.dr-head button{font-size:24px;line-height:1;padding:4px 8px;margin-right:-8px}
.drawer form{height:calc(100% - 58px);display:flex;flex-direction:column}
.dr-body{flex:1;overflow:auto;padding:6px var(--g) 20px}
.dr-foot{padding:16px var(--g);border-top:1px solid var(--line);font-size:12px;text-align:center}
.dr-foot p{max-width:30em;margin:0 auto 12px;text-wrap:balance}
.pill-wide{width:100%;justify-content:center;height:42px}
.q-list{padding-block:12px}
.q-list h3{font:400 10px/1.3 var(--mono);text-transform:uppercase;color:var(--mute);margin-bottom:6px}
.q-list li{display:flex;justify-content:space-between;align-items:center;font-size:14px;padding:6px 0;border-bottom:1px solid var(--line-l)}
.q-list li button{font-size:11px;text-decoration:underline;text-underline-offset:2px;color:var(--mute)}
.q-list li button:hover{color:var(--red)}
.q-empty{font-size:13px;color:var(--mute)}
.q-empty a{color:var(--ink);text-decoration:underline;text-underline-offset:2px}

/* Görünüme girince */
.js .rv-img{clip-path:inset(0 0 100% 0);transition:clip-path 1.100s var(--ease)}
.js .rv-img.in{clip-path:inset(0)}

.only-d{display:inline}

@media (max-width:820px){
  :root{--g:16px;--col:calc((100vw - var(--g)*8)/7)}
  .top{grid-template-columns:1fr auto}
  .top nav,.top>.list-btn{display:none}
  .menu-btn{display:block}
  .disp{font-size:clamp(40px,12.500vw,76px)}
  .head .disp,.head-side{grid-column:1/-1}
  .h1{font-size:15.500vw;top:19%;line-height:.98}
  .ln{display:block}
  .only-d{display:none}
  .hero{min-height:640px}
  .hero-sub{inset:56% 0 auto}
  .hero-text{grid-column:1/-1}
  .chips{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;align-items:flex-start;order:-1}
  .chips li:nth-child(n){margin-right:0}
  .v-lines{display:none}
  .pin-stick{grid-template-columns:1fr;grid-template-rows:1fr 1fr}
  .pin-text{width:calc(100% - var(--g)*2);height:80%}
  .pt-n{font-size:clamp(90px,28vw,170px)}
  .pt-c{font-size:22px;margin-top:.3em}
  .pin-shots{width:auto;height:82%;max-height:none}
  .work{row-gap:18px}
  .work+.work::before{left:var(--g);right:var(--g);width:auto}
  .w-info{grid-column:1/-1;grid-row:1;border:0;margin:0;padding:0;gap:14px}
  .w-track{grid-column:1/-1;grid-row:2;margin-left:calc(var(--g)*-1);padding-left:var(--g);scroll-padding-left:var(--g)}
  .w-track figure{flex-basis:82vw}
  .w-count{margin-top:14px}
  .chart{height:300px}
  .ch-pt p{flex-direction:column;gap:1px;font-size:9px}
  .ch-pt i{display:none}
  .ch-pt:nth-of-type(n) p span{white-space:nowrap}
  .ch-pt:last-of-type p{left:auto;right:7px;text-align:right}
  .chart{margin-top:96px}
  .ch-title{top:-40px}
  .prod,.prod:nth-child(3n+1){grid-column:1/-1}
  .p-img{height:auto;aspect-ratio:1.2}
  .prod h3{margin-bottom:18px}
  .po-img,.po-title,.po-text{grid-column:1/-1}
  .po-img{aspect-ratio:1.6}
  .po-meta{gap:24px}
  .wide{aspect-ratio:1.3}
  .steps .lbl,.steps h3,.steps p{grid-column:1/-1}
  .facts>div,.facts>div:first-child{grid-column:1/-1;border:0;padding:0}
  .c-form,.c-info,.contact figure{grid-column:1/-1;grid-row:auto}
  .art-head .lbl,.art-head h1,.prose{grid-column:1/-1}
  .foot{display:block;padding-inline:var(--g);min-height:0}
  .fc,.fc1,.fc2,.fc3{border:0;margin:0;padding:26px 0;border-bottom:1px solid var(--line-l)}
  .fc3{border-bottom:0}
  .fc3-top,.fc3-bot{gap:20px}
  .tb-page{display:none}
  .tb-chat{margin:0;flex:1;justify-content:center;padding:0 10px}
  .tb-quote{flex:1;text-align:center}
  .meta.three{flex-wrap:wrap}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important;transition-delay:0s!important}
}