@font-face{font-family:Jost;font-weight:500;font-display:swap;src:url(/fonts/jost-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:Jost;font-weight:500;font-display:swap;src:url(/fonts/jost-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+20A0-20C0}
@font-face{font-family:Jost;font-weight:400;font-display:swap;src:url(/fonts/jost-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:Jost;font-weight:400;font-display:swap;src:url(/fonts/jost-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+20A0-20C0}
@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url(/fonts/inter-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url(/fonts/inter-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+20A0-20C0}
@font-face{font-family:Inter;font-weight:600;font-display:swap;src:url(/fonts/inter-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
@font-face{font-family:Inter;font-weight:600;font-display:swap;src:url(/fonts/inter-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+20A0-20C0}
:root{--ink:#161616;--mute:#8a847b;--paper:#fff;--cream:#f3f0e9;--head:Jost,"Futura","Century Gothic",system-ui,sans-serif;--body:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box;margin:0}body{font:400 13px/1.55 var(--body);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block}
.hd{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:12px 16px;position:sticky;top:0;background:rgba(255,255,255,.96);z-index:5;border-bottom:1px solid #f0eee9}
.hlogo img{width:48px;height:48px}.hnav{display:flex;gap:26px;font:500 12px/1 var(--head);letter-spacing:.14em;text-transform:uppercase}.hnav a.on,.hnav a:hover{text-decoration:underline;text-underline-offset:5px}
.hrt{justify-self:end;display:flex;gap:18px;font:400 12px/1 var(--head);letter-spacing:.12em;text-transform:uppercase}.hrt .hln{color:var(--mute)}.hrt .hln b{color:var(--ink);font-weight:500}
.intro{text-align:center;padding:56px 16px 0;max-width:720px;margin:0 auto}.intro h1{font:400 clamp(22px,2.6vw,34px)/1.25 var(--head);letter-spacing:.01em}.intro p{margin-top:12px;color:var(--mute)}
.btn{display:inline-block;border:1px solid var(--ink);padding:11px 22px;margin-top:22px;font:500 11px/1 var(--head);letter-spacing:.16em;text-transform:uppercase}.btn:hover{background:var(--ink);color:#fff}
.stair{display:grid;grid-template-columns:repeat(4,1fr);margin:90px 8px 120px}.stair figure{position:relative}.stair img{width:100%;aspect-ratio:3/4;object-fit:cover;background:var(--cream)}
figcaption{position:absolute;left:100%;top:0;padding:0 10px;white-space:nowrap;font:500 11px/1.4 var(--head);letter-spacing:.14em;text-transform:uppercase}figcaption small{display:block;font:400 11px var(--body);letter-spacing:0;text-transform:none;color:var(--mute)}
.stair figure:nth-child(4n) figcaption{left:auto;right:100%;text-align:right}
.cats{text-align:center;padding:18px 16px 0;color:var(--mute);font:400 12px/2 var(--head);letter-spacing:.08em;text-transform:uppercase}.cats a{margin:0 9px;white-space:nowrap;display:inline-block}.cats a.on{color:var(--ink);text-decoration:underline;text-underline-offset:5px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:44px 8px;padding:50px 8px 100px}.grid img{width:100%;aspect-ratio:4/5;object-fit:cover;background:var(--cream)}
.grid p,.feat p{margin-top:8px;font:500 11px/1.4 var(--head);letter-spacing:.14em;text-transform:uppercase}.grid small,.feat small{color:var(--mute)}
.pp{display:grid;grid-template-columns:1.2fr 1fr;gap:8px;padding:24px 8px}.pp img{width:100%;aspect-ratio:3/4;object-fit:cover;background:var(--cream)}
.info{position:sticky;top:96px;align-self:start;padding:8px 48px;max-width:540px}.info h1{font:400 26px/1.2 var(--head);letter-spacing:.04em;margin-bottom:10px}.info .tag{color:var(--mute)}
.info dl{display:grid;grid-template-columns:120px 1fr;gap:8px;margin:26px 0;border-top:1px solid #eee;padding-top:18px}.info dt{color:var(--mute)}
.sec{font:500 12px var(--head);letter-spacing:.16em;text-transform:uppercase;padding:60px 16px 0}.feat{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:20px 8px 90px}.feat img{width:100%;aspect-ratio:4/5;object-fit:cover}
.ft{display:grid;grid-template-columns:auto repeat(3,1fr);gap:28px;padding:44px 16px 28px;border-top:1px solid #eee;font-size:12px}.ft b{display:block;font:500 11px/1 var(--head);letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin-bottom:10px}.ft .hlogo img{width:72px;height:72px}.ft .fsl{color:var(--mute);margin-top:6px}
.mnav{display:none}
@media(max-width:860px){.hd{grid-template-columns:auto 1fr}.hnav{display:none}.hlogo img{width:40px;height:40px}.mnav{display:flex;gap:18px;overflow-x:auto;padding:10px 16px;font:500 11px/1 var(--head);letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid #f0eee9;white-space:nowrap}
.stair{display:block;margin:40px 16px}.stair figure{margin-bottom:36px;grid-column:auto!important;grid-row:auto!important}figcaption,.stair figure:nth-child(4n) figcaption{position:static;padding:8px 0;text-align:left}
.grid,.feat{grid-template-columns:1fr 1fr;gap:30px 8px}.pp{grid-template-columns:1fr}.info{position:static;padding:14px 8px}.ft{grid-template-columns:1fr 1fr}}
.grid--l img.lslot--orig,.feat img.lslot--orig,.pp img.lslot--orig{object-fit:contain;background:#f6f4f0}
/* Marka satırı ve marka galerisi (13.11.2026) */
.info .pbrand{margin:-2px 0 14px;font:400 12px/1.4 var(--head);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.info .pbrand b{font-weight:500;color:var(--ink);text-transform:none;letter-spacing:.06em;font-size:14px}
.pp .pgal{display:grid;gap:8px;grid-column:1;grid-row:2}.pp>.info:has(~.pgal){grid-column:2;grid-row:1/span 2}
@media(max-width:860px){.pp .pgal{grid-column:auto;grid-row:auto}.pp>.info:has(~.pgal){grid-column:auto;grid-row:auto}}
.pp .pgal img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;background:var(--cream)}