/* Çarıkçı campaign: scoped styles shared with CMS HTML blocks. */
.footer-bottom-links { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:12px 24px; margin-left:auto; }
/* Sabit "yukari cik" dugmesi viewport'un sag alt kosesinde duruyor ve sayfa
   sonunda imzanin uzerine biniyordu. Cakismayi asil cozen asagidaki ortalama:
   imza satiri sag kenardan uzaklasinca dugmenin yatay bandina hic girmiyor.
   Buradaki pay yalnizca nefes payi - dugme yuksekligi kadar bosluk birakmaya
   gerek yok. Genis ekranda dugme .container'in disinda kaldigi icin (yan
   bosluk ~1292px'den sonra 54px'i asiyor) pay gereksiz. */
@media(max-width:1300px) { .site-footer { padding-bottom:40px; } }
/* Dar ekranda .footer-bottom sutuna dusuyor: telif solda, baglantilar ise
   margin-left:auto yuzunden sagda kalinca iki parca birbirinden kopuk
   goruluyordu. Ikisini de ortalayip tek bir blok gibi okutuyoruz. Simetrik
   yan bosluk ortalamayi bozmadan satiri sag kosedeki dugmeden uzaklastirir. */
@media(max-width:640px) {
 .footer-bottom { align-items:center; text-align:center; gap:14px; padding-inline:28px; }
 .footer-bottom-links { margin-left:0; justify-content:center; }
}
/* Imza: "Design Developer | MMD" tek satirda ayni taban cizgisinde dursun.
   align-items:center Oswald'in asimetrik dikey metrikleri yuzunden markayi
   asagi kaydiriyordu; baseline hizalamasi iki yaziyi da ayni cizgiye oturtur.
   44px dokunma alani min-height yerine padding ile korunuyor, cunku baseline
   hizalanan ogeler fazla yuksekligin tepesine yapisir. */
.footer-signature { display:inline-flex; align-items:baseline; gap:8px; padding:12px 0; color:#b8bec0; font:400 12px/1.4 "IBM Plex Sans",sans-serif; text-decoration:none; transition:color .2s ease; }
.footer-signature strong { color:var(--brand); font:500 14px/1.4 "Oswald",sans-serif; letter-spacing:.12em; }
.footer-signature:hover { color:#f7f3eb; }
.footer-signature:focus-visible { outline:2px solid var(--brand); outline-offset:5px; }
.site-footer .newsletter-form { grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:8px; padding:0; border:0; background:transparent; box-shadow:none; }
.site-footer .newsletter-form input[type="email"] { width:100%; height:46px; min-height:46px; border:1px solid #50595b; border-radius:6px; background:#1b2123; color:#f7f3eb; padding:0 12px; outline:0; font-size:13px; }
.site-footer .newsletter-form input::placeholder { color:#97a1a5; }
.site-footer .newsletter-form input[type="email"]:focus { border-color:var(--brand-strong); box-shadow:0 0 0 2px rgb(var(--brand-rgb) / 11%); }
.site-footer .newsletter-form .btn-primary { height:46px; min-height:46px; border:0; border-radius:6px; padding:0 16px; background:var(--brand-strong); color:var(--brand-ink); box-shadow:none; }
.site-footer .newsletter-form .btn-primary:hover { background:var(--brand-soft); transform:none; }
.site-footer .newsletter-form .form-status { padding:0; margin:0; min-height:0; line-height:1.6; }
.site-footer .newsletter-form .form-status:empty { display:none; }
@media(max-width:360px) { .site-footer .newsletter-form { grid-template-columns:1fr; }.site-footer .newsletter-form .btn-primary { width:100%; } }
.contact-dynamic-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 18px; margin:26px 0 28px; }
.contact-dynamic-grid .field { min-width:0; margin:0; }
.contact-dynamic-wide { grid-column:1/-1; }
.contact-dynamic-grid :is(input,textarea,select) { width:100%; box-sizing:border-box; }
@media(max-width:580px) { .contact-dynamic-grid { grid-template-columns:1fr; } }
.catalog-price { display:flex; align-items:baseline; flex-wrap:wrap; gap:9px; margin:16px 0 22px; color:var(--text); }
.catalog-price strong { font:600 28px/1.2 "IBM Plex Sans",sans-serif; font-variant-numeric:tabular-nums; }
.catalog-price > span { font-size:13px; color:var(--muted); }
.catalog-detail > .container > .work-text-link { margin:0 0 30px; }
.catalog-detail-grid { display:grid; grid-template-columns:1.1fr 1fr; align-items:start; gap:clamp(28px,5vw,76px); }
.catalog-detail-grid figure { margin:0; border:1px solid var(--line); background:#f7f6f2; }
.catalog-detail-grid figure img { display:block; width:100%; height:auto; aspect-ratio:1; object-fit:contain; }
.catalog-detail-copy h1 { font:500 clamp(32px,3.3vw,48px)/1.2 "Oswald",sans-serif; margin:18px 0; color:var(--text); }
.catalog-detail-copy h2 { font:500 22px "Oswald",sans-serif; margin-top:28px; }
.catalog-detail-copy .catalog-price { border-bottom:1px solid var(--line); padding-bottom:22px; }
.catalog-detail-copy .catalog-price strong { font-size:36px; }
.catalog-detail-lead { font-size:16px; line-height:1.85; color:var(--muted); }
.catalog-feature-list { padding-left:20px; color:var(--text); font-size:14px; line-height:1.8; }
.catalog-feature-list li { padding-left:4px; margin-bottom:10px; }
.catalog-feature-list li::marker { color:var(--brand-deep); }
.catalog-order-note { font-size:13px; line-height:1.8; color:var(--muted); border-top:1px solid var(--line); padding-top:20px; margin-top:24px; }
@media(max-width:760px) { .catalog-detail-grid { grid-template-columns:1fr; }.catalog-detail-grid figure { max-width:540px; width:100%; margin-inline:auto; }.catalog-detail-copy .btn { width:100%; } }
.utility { position:relative; z-index:50; background:#151b1d; }
.utility-inner { min-height:58px; }
.exchange-card { display:flex; align-items:center; gap:10px; padding:4px 10px 4px 4px; border:1px solid #354043; border-radius:10px; background:#1d2527; white-space:nowrap; }
.back-to-top:focus-visible { outline:2px solid var(--brand); outline-offset:3px; }
.exchange-card .exchange-value { min-width:125px; }
.back-to-top { position:fixed; right:max(10px,env(safe-area-inset-right)); bottom:calc(28px + env(safe-area-inset-bottom)); z-index:80; display:grid; place-items:center; width:44px; height:44px; border:1px solid var(--brand); border-radius:50%; background:#1d2527; color:#f7f3eb; box-shadow:0 5px 18px #0003; cursor:pointer; transition:background .2s,transform .2s; }
.back-to-top[hidden] { display:none; }
.back-to-top:hover { background:var(--brand-shade); transform:translateY(-3px); }
/* ~360px cihazlarda imza satiri kullanilabilir genisligin neredeyse tamami
   oluyor ve dugmenin yatay bandina birkac piksel giriyor. Dugmeyi kosede biraz
   asagi cekince o degme imzanin alt bosluguna denk geliyor, yaziya degil.
   Kural, ustteki .back-to-top tanimindan sonra gelmek zorunda: ayni ozgulluk,
   sirayla kazaniyor. */
@media(max-width:640px) { .back-to-top { bottom:calc(14px + env(safe-area-inset-bottom)); } }
@media(prefers-reduced-motion:reduce) { .back-to-top { transition:none; } }
.exchange-symbol { display:grid; place-items:center; width:30px; height:30px; border-radius:7px; background:var(--brand); color:var(--brand-ink); font-size:20px; font-weight:600; }
.exchange-pair { font-size:10px; letter-spacing:.06em; font-weight:600; color:#c4ced0; }
.exchange-pair span { margin-inline:3px; color:#7e8a8e; }
.exchange-value { color:#f7f3eb; font-size:13px; font-variant-numeric:tabular-nums; }
.exchange-value > span { color:#9aa7ab; padding-inline:4px; font-weight:400; }
.exchange-quote { display:flex; align-items:center; gap:9px; }
.exchange-quote + .exchange-quote { border-left:1px solid #465053; padding-left:14px; }
.exchange-status { color:var(--brand-soft); font-size:10px; padding-left:12px; border-left:1px solid #465053; line-height:1.6; text-decoration:none; }
.exchange-status span { display:block; color:#b5c0c3; font-variant-numeric:tabular-nums; }
.exchange-status:hover { color:#fff; }
.language-dropdown { position:relative; color:#f7f3eb; }
.language-dropdown summary { display:flex; align-items:center; gap:9px; min-height:40px; padding:8px 12px; border:1px solid #465053; border-radius:8px; background:#212a2d; cursor:pointer; font-size:11px; font-weight:600; list-style:none; }
.language-dropdown summary::-webkit-details-marker { display:none; }
.language-dropdown summary:hover,.language-dropdown[open] summary { border-color:var(--brand); }
.language-flag { display:block; width:24px; height:16px; border-radius:2px; overflow:hidden; flex-shrink:0; box-shadow:0 0 0 1px #ffffff20; }
.language-chevron { display:block; width:16px; height:16px; flex:0 0 16px; align-self:center; color:var(--brand); transition:transform .22s ease; }
.language-dropdown[open]:not(.is-closing) .language-chevron { transform:rotate(180deg); }
.language-options { transform-origin:top right; }
.language-options { position:absolute; right:0; top:calc(100% + 10px); width:220px; padding:8px; background:#212a2d; border:1px solid #465053; border-radius:12px; box-shadow:0 18px 42px #0005; }
.language-options p { padding:6px 10px; margin:0 0 4px; font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:#b5c0c3; }
.language-options a { display:flex; align-items:center; gap:10px; min-height:44px; padding:10px; border-radius:6px; color:#f7f3eb; font-size:13px; }
.language-options a:hover,.language-options a[aria-current] { background:#364144; }
.language-options small { margin-left:auto; font-size:10px; color:#b5c0c3; }
.language-check { color:var(--brand); }
.language-dropdown :is(summary,a):focus-visible { outline:2px solid var(--brand); outline-offset:3px; }
.currency-dropdown summary { min-height:32px; padding:5px 8px; gap:5px; background:rgb(var(--brand-rgb) / 7%); border-color:rgb(var(--brand-rgb) / 27%); color:var(--brand-soft); transition:background .2s,border-color .2s; }
.currency-dropdown summary:hover { background:rgb(var(--brand-rgb) / 13%); }
.currency-options { left:0; right:auto; width:206px; transform-origin:top left; }
.currency-options button { display:flex; align-items:center; gap:10px; width:100%; padding:10px; border:0; border-radius:7px; background:transparent; color:#f7f3eb; text-align:left; font:500 13px/1.4 sans-serif; cursor:pointer; transition:background .18s; }
.currency-options button:hover,.currency-options button[aria-pressed="true"] { background:#364144; }
.currency-options button:focus-visible { outline:2px solid var(--brand); outline-offset:-2px; }
.currency-options small { display:block; margin:3px 0 0; font-size:9px; letter-spacing:.06em; }
.currency-icon { display:grid; place-items:center; width:30px; height:34px; border:1px solid rgb(var(--brand-rgb) / 25%); border-radius:6px; color:var(--brand-soft); font-size:20px; }
.currency-check { margin-left:auto; color:var(--brand); opacity:0; }
[aria-pressed="true"] > .currency-check { opacity:1; }
html[data-theme="dark"] .site-header :is(.main-nav,.mobile-panel) a { color:#f7f3eb; }
html[data-theme="dark"] .site-header :is(.main-nav,.mobile-panel) a:is(:hover,.active,[aria-current="page"]) { color:var(--brand); }
@media(max-width:700px) {
 .utility-inner { gap:10px; padding-block:9px; flex-wrap:wrap; }
 .exchange-card { gap:8px; padding-right:8px; }
 .exchange-pair { display:none; }
 .exchange-quote { gap:5px; }
 .exchange-quote + .exchange-quote { padding-left:8px; }
 .exchange-status { padding-left:8px; font-size:9px; }
 .exchange-value { font-size:12px; }
 .exchange-symbol { width:26px; height:28px; font-size:18px; }
 .language-dropdown summary { padding:8px; gap:6px; }
 .utility .controls { gap:9px; }
 .utility .preference-label { display:none; }
}
/* Ust seritteki kayma: kur karti + TCMB damgasi + tercih dugmeleri tek satira
   sigmayinca .utility-inner sariyor, .controls ise margin-left:auto ile ikinci
   satirin sagina kaciyor; serit iki kademeli gorunuyordu. Esik 420px buyuk
   telefonlari (iPhone 16 Pro Max 440px, 15 Pro Max 430px) disarida birakiyordu.
   480px'e cekildi: bu genisliklerde de TCMB damgasi gizlenip kur degerinin
   min-width'i kalkiyor, her sey tek satirda kaliyor. flex-wrap acik birakildi:
   ~330px altinda icerik yine sigmiyor, orada sarmak yatay tasmadan iyidir. */
@media(max-width:480px) {
 .utility-inner { justify-content:space-between; }
 .exchange-card { width:auto; justify-content:flex-start; }
 .exchange-pair { display:inline; }
 .exchange-status { display:none; }
 .exchange-card .exchange-value { min-width:0; font-size:11px; }
 .utility .controls { width:auto; justify-content:flex-end; }
}
@media(prefers-reduced-motion:reduce) { .language-chevron { transition:none; } }
/* Inner pages: the same material-led photography and copper accents. */
.about-history { background:#1c1e1b; color:#f7f3eb; }
.about-history .title,.about-history h3 { color:#f7f3eb; }
.about-history .eyebrow,.timeline-date { color:var(--brand); }
.about-timeline { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); list-style:none; padding:0; margin:48px 0 36px; }
.about-timeline li { position:relative; border-top:1px solid var(--brand-muted); padding:30px 28px 0 0; }
.about-timeline li::before { content:""; position:absolute; top:-6px; left:0; width:11px; height:11px; border-radius:50%; background:var(--brand); box-shadow:0 0 0 5px rgb(var(--brand-rgb) / 8%); }
.timeline-date { font:500 24px/1.3 "Oswald",sans-serif; }
.about-timeline h3 { font-size:18px; margin:15px 0 12px; }
.about-timeline p,.about-history-note { color:#c5c6bd; font-size:14px; line-height:1.8; }
.about-history-note { border-top:1px solid #44443a; padding-top:24px; margin-bottom:0; }
.about-history-note a { color:var(--brand); text-decoration:underline; text-underline-offset:4px; }
@media(max-width:760px) {
 .about-timeline { grid-template-columns:1fr; margin-top:32px; }
 .about-timeline li { border-top:0; border-left:1px solid var(--brand-muted); padding:0 0 28px 26px; }
 .about-timeline li::before { top:8px; left:-6px; }
 .about-timeline li:last-child { padding-bottom:0; }
}
.work-hero { background:#1c1e1b; color:#f7f3eb; overflow:hidden; border-bottom:1px solid #44443a; }
.work-hero-grid { display:grid; grid-template-columns:1.2fr .8fr; align-items:center; gap:64px; min-height:480px; }
.work-hero-grid > div { padding-block:48px; min-width:0; }
.work-hero h1 { font:500 clamp(44px,5.5vw,78px)/1.08 "Oswald",sans-serif; letter-spacing:-.025em; margin:24px 0; }
.work-hero h1 em { color:var(--brand); font-style:normal; }
.work-lead { max-width:490px; font-size:16px; line-height:1.85; color:#c5c6bd; margin:0; }
.work-hero figure { position:relative; margin:0; height:480px; align-self:stretch; }
.work-hero figure::after { content:""; position:absolute; inset:50% 0 0; background:linear-gradient(transparent,rgba(12,14,12,.85)); pointer-events:none; }
.work-hero figure img { width:100%; height:100%; object-fit:cover; display:block; }
.work-hero figcaption { position:absolute; bottom:25px; left:28px; right:20px; color:#eee8dc; z-index:1; font-size:11px; letter-spacing:.15em; text-transform:uppercase; }
.work-story { display:grid; grid-template-columns:.9fr 1.1fr; gap:90px; }
.work-story .title,.work-editorial .title,.work-contact-details .title { font-size:clamp(34px,4vw,52px); }
.work-story p:not(.eyebrow),.work-principles p { color:var(--muted); font-size:15px; line-height:1.85; }
.work-story .work-statement { font-size:clamp(20px,2.3vw,28px)!important; color:var(--text)!important; margin-top:0; line-height:1.6!important; }
.work-text-link { display:inline-flex; gap:15px; margin-top:18px; padding-bottom:7px; border-bottom:1px solid var(--brand-deep); font-size:13px; font-weight:600; }
.work-text-link:hover { color:var(--accent-text); }
.work-editorial { display:grid; grid-template-columns:.9fr 1fr; align-items:center; gap:80px; }
.work-editorial figure { margin:0; }
.work-editorial figure img { width:100%; height:auto; max-height:650px; object-fit:cover; display:block; }
.work-principles { margin-top:28px; }
.work-principles article { display:flex; gap:24px; padding:20px 0; border-top:1px solid var(--line); }
.work-principles article > span { padding-top:5px; color:var(--accent-text); font-size:11px; }
.work-principles h3 { margin:0; font:500 23px "Oswald",sans-serif; }
.work-principles p { margin:8px 0 0; }
.work-catalog-intro { display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px 28px; padding-block:15px 28px; }
.work-catalog-intro .work-text-link { margin-top:8px; }
.product-catalog-section { padding-top:55px; scroll-margin-top:85px; }
.work-catalog-heading { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:26px; }
.work-catalog-count { color:var(--muted); font-size:13px; white-space:nowrap; }
.work-catalog-count span { font-weight:600; color:var(--text); }
.work-catalog-toolbar { display:flex; justify-content:space-between; align-items:end; flex-wrap:wrap; gap:24px; margin-bottom:28px; padding-bottom:25px; border-bottom:1px solid var(--line); }
.work-catalog-filters { display:flex; flex-wrap:wrap; gap:8px; }
.work-catalog-filters button,.work-journal .filter-button { border:1px solid var(--line); background:var(--surface); color:var(--text); min-height:44px; padding:10px 16px; font-size:12px; cursor:pointer; }
.work-catalog-filters button[aria-pressed="true"],.work-journal .filter-button.active { background:var(--brand); color:var(--brand-ink); border-color:var(--brand); }
.work-journal .filter-button.active span { color:#3d362c; }
.work-catalog-search { flex:0 1 280px; }
.work-catalog-search label { display:block; font-size:11px; margin-bottom:8px; color:var(--muted); }
.work-catalog-search input { width:100%; min-height:46px; padding:10px 14px; border:1px solid var(--line); background:var(--surface); color:var(--text); border-radius:0; }
.product-catalog-section .product-card { display:flex; flex-direction:column; }
.product-catalog-section .product-body { display:flex; flex-direction:column; flex:1; padding:22px; }
.product-catalog-section .product-body > .btn { margin-top:auto; }
.product-catalog-section .product-meta { margin-bottom:24px; }
.product-catalog-section .product-image { flex-shrink:0; background:#eeede9; }
.product-catalog-section [hidden] { display:none!important; }
.work-catalog-empty { padding:56px 20px; text-align:center; border:1px dashed var(--line); }
.work-catalog-empty h3 { font:500 28px "Oswald",sans-serif; margin:0 0 12px; }
.work-catalog-empty p { color:var(--muted); line-height:1.7; }
.work-contact-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:80px; align-items:start; }
.work-contact-details dl { margin-block:34px; }
.work-contact-details dl > div { padding-block:20px; border-top:1px solid var(--line); }
.work-contact-details dt { font-size:11px; color:var(--muted); text-transform:uppercase; letter-spacing:.13em; margin-bottom:10px; }
.work-contact-details dd { margin:0; font-size:17px; line-height:1.75; overflow-wrap:anywhere; }
.work-contact-details dd a:hover { text-decoration:underline; text-underline-offset:5px; }
.work-contact-note { border-left:2px solid var(--brand-deep); padding-left:18px; color:var(--muted); line-height:1.8; font-size:13px; margin-top:32px; }
.work-contact-form { padding:clamp(24px,3.5vw,48px); background:linear-gradient(145deg,var(--surface-alt),var(--surface)); border:1px solid var(--line); border-top:3px solid var(--brand); border-radius:14px; box-shadow:0 18px 50px rgb(27 36 34 / 8%); }
.work-contact-form h2 { font:500 clamp(26px,3vw,36px)/1.25 "Oswald",sans-serif; margin:14px 0; }
.work-form-note { color:var(--muted); font-size:12px; margin-bottom:28px; }
.work-form-row { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.work-form-row > div { min-width:0; }
.work-contact-form .field { display:block; width:auto; min-height:0; padding:0; border:0; background:transparent; }
.work-contact-form .field > label { display:block; margin:0 0 8px; color:var(--text); font-size:12px; font-weight:600; letter-spacing:.01em; }
.work-contact-form .field > :is(input:where(:not([type="checkbox"]):not([type="radio"])),select,textarea) { display:block; width:100%; min-height:54px; margin:0; padding:14px 16px; border:1px solid color-mix(in srgb,var(--line) 82%,var(--muted)); border-radius:9px; outline:0; background:var(--surface); color:var(--text); font:400 14px/1.45 "IBM Plex Sans",sans-serif; box-shadow:0 1px 2px rgb(27 36 34 / 4%); transition:border-color .2s ease,box-shadow .2s ease,background .2s ease; }
.work-contact-form .field > :is(input:where(:not([type="checkbox"]):not([type="radio"])),select,textarea):hover { border-color:color-mix(in srgb,var(--muted) 65%,var(--line)); }
.work-contact-form .field > :is(input:where(:not([type="checkbox"]):not([type="radio"])),select,textarea):focus { border-color:var(--brand-deep); background:var(--surface); box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 20%,transparent),0 8px 22px rgb(27 36 34 / 7%); }
.work-contact-form .field > :is(input,textarea)::placeholder { color:color-mix(in srgb,var(--muted) 76%,transparent); opacity:1; }
.work-contact-form .field > select { appearance:none; padding-right:44px; background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%); background-position:calc(100% - 20px) 23px,calc(100% - 15px) 23px; background-size:5px 5px,5px 5px; background-repeat:no-repeat; }
.work-contact-form .field > textarea { resize:vertical; min-height:160px; line-height:1.65; }
.work-contact-form .field > small { display:block; min-height:0; margin-top:6px; color:#a43d35; font-size:11px; line-height:1.4; }
.work-contact-form .field > small:empty { display:none; }
.work-contact-form .choice-group { display:grid; gap:9px; }
.work-contact-form .choice { display:flex; align-items:center; gap:10px; min-height:44px; margin:0; padding:10px 12px; border:1px solid var(--line); border-radius:8px; background:var(--surface); cursor:pointer; }
.work-contact-form .choice input { width:18px; height:18px; margin:0; accent-color:var(--brand-deep); }
.work-contact-form .btn-primary { background:var(--brand); border-color:var(--brand); color:var(--brand-ink); }
.work-contact-form .form-status { font-size:13px; line-height:1.6; margin-bottom:0; }
.work-contact-form .form-status:empty { display:none; }
.work-contact-form :disabled { opacity:.6; cursor:wait; }
.work-contact-form :is(input,select,textarea):focus-visible { outline:0; }
.work-catalog-toolbar :is(input,button):focus-visible,.work-text-link:focus-visible { outline:2px solid var(--brand-deep); outline-offset:3px; }
.work-journal-hero figure img { object-position:80% center; }
.work-journal { padding-block:55px 80px; }
.work-journal .archive-grid { align-items:stretch; gap:30px; }
.work-journal .archive-card { display:flex; flex-direction:column; }
.work-journal .archive-image { aspect-ratio:16/10; overflow:hidden; background:#252721; }
.work-journal .archive-image::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(12,14,12,.15),transparent 50%,rgba(12,14,12,.4)); }
.work-journal .archive-cover { display:block; width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.work-journal .archive-image:hover .archive-cover { transform:scale(1.025); }
.work-journal .archive-image > span { background:var(--brand-pale); }
.work-journal .archive-content { padding:26px; display:flex; flex-direction:column; flex:1; }
.work-journal .archive-content h2 { font-size:28px; line-height:1.3; margin-block:16px 12px; }
.work-journal .archive-content p { line-height:1.8; margin:0 0 24px; }
.work-journal .archive-content > a { margin-top:auto; align-self:start; border-bottom:1px solid var(--brand-deep); padding-bottom:8px; font-size:12px; font-weight:600; }
.work-journal .archive-content h2 a:hover { text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:5px; }
.blog-detail-header { background:#1c1e1b; color:#f7f3eb; padding-block:45px 65px; }
.blog-detail-header h1 { color:#f7f3eb; font:500 clamp(35px,4.5vw,62px)/1.18 "Oswald",sans-serif; margin:20px 0; }
.blog-detail-header .section-index,.blog-detail-crumb { color:var(--brand); }
.blog-detail-summary { color:#c5c6bd; line-height:1.85; max-width:690px; }
.blog-detail-facts div { border-color:#45473f; gap:16px; line-height:1.6; }
.blog-detail-facts span { color:#bcbfb3; }
.blog-detail-facts strong { text-align:right; font-weight:500; }
.blog-detail-body { padding-top:40px; }
.blog-detail-sidebar { position:sticky; top:100px; align-self:start; }
.blog-side-card { background:var(--surface-alt); border-top:2px solid var(--brand-deep); }
.blog-side-card p { font-size:13px; line-height:1.85; color:var(--muted); }
.blog-side-label { font-size:11px; text-transform:uppercase; letter-spacing:.08em; }
.blog-share-links :is(a,button) { display:grid; width:36px; height:36px; place-items:center; border:1px solid var(--line); background:var(--surface); color:var(--text); cursor:pointer; }
.blog-article-content .rich-content { color:var(--text); line-height:1.9; }
.blog-article-content .rich-content a { text-decoration:underline; text-underline-offset:4px; }
.blog-article-content .rich-content blockquote { border-color:var(--brand-deep); background:var(--surface-alt); }
.blog-article-content .dynamic-lead { font-size:22px; line-height:1.65; margin-top:0; }
.blog-related-image img { display:block; width:100%; height:100%; object-fit:cover; }
@media(max-width:1000px) {
 .work-hero-grid { gap:30px; grid-template-columns:1.1fr .9fr; }
 .work-story,.work-editorial,.work-contact-grid { gap:40px; }
 .work-contact-grid { grid-template-columns:.8fr 1.2fr; }
 .work-form-row { grid-template-columns:1fr; gap:0; }
 .work-journal .archive-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .work-journal .archive-card-wide { grid-column:span 2; }
}
@media(max-width:700px) {
 .work-hero-grid { grid-template-columns:1fr; gap:0; }
 .work-hero-grid > div { padding-block:38px 32px; }
 .work-hero h1 { font-size:clamp(42px,10vw,64px); }
 .work-hero figure { height:350px; margin-inline:-20px; }
 .work-hero figure img { object-position:center 38%; }
 .work-journal-hero figure img { object-position:80% center; }
 .work-lead { font-size:14px; }
 .work-story,.work-editorial,.work-contact-grid { grid-template-columns:1fr; gap:30px; }
 .work-editorial figure img { max-height:480px; }
 .work-catalog-heading { align-items:start; flex-direction:column; gap:8px; }
 .work-catalog-count { margin:0; }
 .work-catalog-search { flex-basis:100%; }
 .product-catalog-section .products-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
 .product-catalog-section .product-body { padding:14px; }
 .product-catalog-section .card-title { font-size:20px; }
 .product-catalog-section .product-meta { font-size:12px; }
 .work-journal .archive-grid { grid-template-columns:1fr; gap:24px; }
 .work-journal .archive-card-wide { grid-column:auto; }
 .work-journal .archive-image { height:auto; aspect-ratio:4/3; }
 .work-journal .archive-content { padding:22px; }
 .blog-detail-hero-grid,.blog-detail-layout { grid-template-columns:1fr; gap:24px; }
 .blog-detail-crumb { gap:16px; font-size:12px; }
 .blog-detail-sidebar { position:static; order:2; }
 .blog-detail-facts { grid-template-columns:1fr 1fr; gap:15px; }
 .blog-detail-facts div { flex-direction:column; gap:3px; }
 .blog-detail-facts strong { text-align:left; }
 .blog-article-content .dynamic-lead { font-size:19px; }
 .blog-detail-header { padding-bottom:38px; }
}
@media(max-width:380px) { .product-catalog-section .products-grid { grid-template-columns:1fr; } }
@media(prefers-reduced-motion:reduce) { .work-journal .archive-cover { transition:none; }.work-journal .archive-image:hover .archive-cover { transform:none; } }
/* The empty workshop fills the viewport independently of the original product photo. */
.atelier-hero { position:relative; isolation:isolate; overflow:hidden; background:#111211 url('/uploads/campaign/carikci-workshop-background-v1.webp') center / 100% 100% no-repeat; color:#f7f3eb; }
/* Scale uniformly to the banner height; blend only the empty backdrop on the left. */
.atelier-hero > img { position:absolute; inset:0 0 0 auto; width:auto; max-width:none; height:100%; object-fit:contain; object-position:right center; z-index:-2; mask-image:linear-gradient(90deg,transparent,#000 32%); }
/* Keep the glove beside the centered copy instead of against an ultrawide viewport edge. */
@media(min-width:1441px) {
 .atelier-hero > img { right:calc((100% - 1440px)/2); mask-image:linear-gradient(90deg,transparent,#000 32%,#000 92%,transparent); }
}
.atelier-hero::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(17,18,17,.83),rgba(17,18,17,.3) 43%,transparent 65%); }
.atelier-hero-inner { min-height:clamp(650px,55vw,840px); display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding-block:76px; }
.atelier-kicker { display:flex; align-items:center; gap:12px; font-size:11px; font-weight:600; text-transform:uppercase; letter-spacing:.2em; color:var(--brand); }
.atelier-kicker::before { content:""; width:28px; height:1px; background:currentColor; }
.atelier-title { font:600 clamp(58px,6.4vw,96px)/1.02 "Oswald",sans-serif; letter-spacing:-.025em; text-transform:uppercase; margin:20px 0 25px; max-width:49%; }
.atelier-title em { color:var(--brand); font-style:normal; }
.atelier-intro { max-width:380px; color:#c4c3bd; font-size:16px; line-height:1.8; }
.atelier-hero .hero-actions { margin-top:20px; }
.atelier-hero .btn-primary,.atelier-cta .btn-primary { background:var(--brand); border-color:var(--brand); color:var(--brand-ink); }
.atelier-hero .btn-primary:hover,.atelier-cta .btn-primary:hover { background:var(--brand-soft); }
.atelier-hero .btn:not(.btn-primary) { background:#20221f; border-color:#aaa99c; color:#f7f3eb; }
.atelier-hero .btn:not(.btn-primary):is(:hover,:focus-visible) { background:#34372f; border-color:var(--brand); color:#fff; }
.atelier-footnote { margin-top:54px; color:#a8aaa3; font-size:10px; letter-spacing:.2em; text-transform:uppercase; }
.atelier-strip { display:flex; justify-content:space-between; flex-wrap:wrap; gap:18px 30px; padding-block:24px; border-bottom:1px solid var(--line); font-size:11px; letter-spacing:.15em; text-transform:uppercase; color:var(--muted); }
.atelier-heading { display:flex; justify-content:space-between; align-items:end; gap:30px; margin-bottom:32px; }
.atelier-heading .title { font-size:clamp(32px,4vw,52px); }
.atelier-heading > p { max-width:340px; font-size:14px; line-height:1.8; color:var(--muted); margin:0; }
.atelier-grid { display:grid; grid-template-columns:1.2fr 1fr 1fr; gap:18px; }
.atelier-category { position:relative; overflow:hidden; display:flex; min-height:510px; background:#22231f; color:#fff; align-items:end; }
.atelier-category > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .6s ease; }
.atelier-category:first-child > img { object-position:85% center; }
.atelier-category::after { content:""; position:absolute; inset:0; background:linear-gradient(transparent 48%,rgba(10,11,10,.92)); }
.atelier-category:hover > img { transform:scale(1.035); }
.atelier-category-copy { position:relative; z-index:1; width:100%; padding:28px; }
.atelier-category-copy small { font-size:10px; color:var(--brand-pale); letter-spacing:.2em; }
.atelier-category-copy h3 { font:500 32px/1.15 "Oswald",sans-serif; margin:12px 0; text-transform:uppercase; }
.atelier-category-copy > span { display:flex; justify-content:space-between; font-size:12px; color:#d1d0ca; }
.atelier-craft { display:grid; grid-template-columns:1.05fr .95fr; border:1px solid var(--line); background:var(--surface-alt); }
.atelier-craft-visual { position:relative; min-height:590px; overflow:hidden; background:#242622; }
.atelier-craft-visual > img { width:100%; height:100%; position:absolute; object-fit:cover; object-position:85% center; }
.atelier-craft-visual > span { position:absolute; bottom:24px; left:24px; color:#eee9e0; font-size:10px; letter-spacing:.18em; text-transform:uppercase; }
.atelier-craft-copy { padding:clamp(24px,4vw,60px); align-self:center; }
.atelier-craft-copy .title { font-size:clamp(32px,4vw,50px); margin:20px 0 24px; }
.atelier-detail { border-top:1px solid var(--line); }
.atelier-detail:last-of-type { border-bottom:1px solid var(--line); }
.atelier-detail summary { display:flex; gap:16px; align-items:center; list-style:none; padding:21px 0; cursor:pointer; font-weight:500; }
.atelier-detail summary::-webkit-details-marker { display:none; }
.atelier-detail summary > span { color:var(--accent-text); font-size:11px; }
.atelier-detail summary::after { content:"+"; margin-left:auto; font-size:22px; font-weight:400; }
.atelier-detail[open] summary::after { content:"−"; }
.atelier-detail p { margin:0; padding:0 0 22px 32px; font-size:14px; line-height:1.8; color:var(--muted); }
.atelier-craft-copy > a { display:inline-flex; margin-top:28px; font-size:13px; border-bottom:1px solid var(--accent-text); padding-bottom:8px; }
.atelier-cta { display:flex; align-items:center; justify-content:space-between; gap:30px; padding:52px; background:#20221f; color:#f4efe6; border-top:2px solid var(--brand); }
.atelier-cta .title { max-width:680px; font-size:clamp(30px,4vw,48px); }
.atelier-cta .btn { flex-shrink:0; }
.atelier-hero a:focus-visible,.atelier-category:focus-visible,.atelier-detail summary:focus-visible { outline:3px solid var(--brand); outline-offset:-5px; }
.product-image img.product-photo { width:100%; height:100%; object-fit:contain; opacity:1; padding:12px; }
.product-image .product-kind { left:12px; bottom:12px; max-width:calc(100% - 24px); padding:6px 9px; background:var(--surface); color:var(--text); }
.product-card:hover .product-image img.product-photo { opacity:1; transform:scale(1.025); }
.detail-image img.product-photo { width:100%; max-height:690px; height:100%; object-fit:contain; opacity:1; padding:24px; }
.cart-thumb img.product-photo { width:100%; height:100%; object-fit:contain; opacity:1; }
@media(max-width:1000px) { .atelier-category { min-height:410px; }.atelier-category-copy { padding:20px; }.atelier-title { max-width:51%; }.atelier-craft { grid-template-columns:1fr 1fr; } }
@media(max-width:700px) {
 .atelier-hero { display:flex; flex-direction:column; background-image:none; }
 .atelier-hero > img { position:relative; inset:auto; order:2; z-index:0; width:100%; max-width:100%; aspect-ratio:auto; height:auto; object-fit:contain; mask-image:none; }
 .atelier-hero::after { display:none; }
 .atelier-hero-inner { min-height:0; padding-block:44px 22px; }
 .atelier-title { font-size:clamp(50px,12vw,76px); max-width:100%; margin-block:18px; }
 .atelier-intro { margin-block:0; max-width:440px; font-size:14px; }
 .atelier-footnote { margin-top:26px; font-size:9px; }
 .atelier-heading { align-items:start; flex-direction:column; gap:16px; }
 .atelier-grid { grid-template-columns:1fr; gap:20px; }
 .atelier-category { min-height:0; aspect-ratio:4/5; }
 .atelier-category:first-child { aspect-ratio:1; }
 .atelier-category > img { object-fit:contain; }
 .atelier-category:first-child > img { object-fit:cover; }
 .atelier-craft { grid-template-columns:1fr; }
 .atelier-craft-visual { min-height:0; aspect-ratio:1.1; }
 .atelier-cta { align-items:start; flex-direction:column; padding:30px 24px; }
 .atelier-strip { font-size:9px; gap:16px; }
}
@media(prefers-reduced-motion:reduce) { .atelier-category > img,.product-image img.product-photo { transition:none; }.atelier-category:hover > img { transform:none; } }
.work-hero-grid:has(.production-storefront) { grid-template-columns:1fr 1.25fr; gap:40px; }
.work-hero .production-storefront { align-self:center; height:auto; margin:0; }
.work-hero .production-storefront img { width:100%; height:auto; aspect-ratio:1672/941; object-fit:contain; }
.production-section { background:var(--surface-soft,#f4f1eb); }
.production-heading { display:flex; justify-content:space-between; align-items:end; gap:32px; margin-bottom:32px; }
.production-heading>p { max-width:360px; }
.production-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.production-machine { margin:0; min-width:0; background:var(--surface,#fff); border:1px solid var(--border,#e3dbd0); }
.production-machine>a { display:block; background:#e9e5de; }
.production-machine img { display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:contain; }
.production-machine figcaption { padding:24px; }
.production-machine figcaption>span { color:var(--brand-deeper); font-size:12px; letter-spacing:.15em; }
.production-machine h3 { font-size:23px; margin:8px 0 18px; }
.production-machine figcaption>a { font-size:13px; text-decoration:underline; text-underline-offset:5px; }
[data-theme=dark] .production-section { background:#181d1c; }
[data-theme=dark] .production-machine { background:#232928; border-color:#414a46; }
[data-theme=dark] .production-machine h3 { color:#f5f0e7; }
@media(max-width:760px) { .work-hero-grid:has(.production-storefront) { grid-template-columns:1fr; gap:0; }.work-hero .production-storefront { margin-bottom:28px; }.production-heading { display:block; }.production-grid { grid-template-columns:1fr; }.production-machine img { max-height:430px; }.production-machine figcaption { padding:20px; } }