:root {
  --ink: #191815;
  --paper: #f3f0e9;
  --paper-2: #e9e3d8;
  --line: rgba(25, 24, 21, 0.16);
  --wine: #6f1429;
  --wine-dark: #4d0d1c;
  --white: #fffdf8;
  --serif: "Iowan Old Style", "Baskerville", "Times New Roman", serif;
  --sans: "Helvetica Neue", "Inter", Arial, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--sans);
  -webkit-font-smoothing: antialiased;
}
.cizgi-scroll-progress { position: fixed; z-index: 1000000; top: 0; left: 0; width: 100%; height: 3px; background: var(--wine); transform: scaleX(0); transform-origin: left center; pointer-events: none; }
[hidden] { display: none !important; }
a { color: inherit; text-decoration: none; }
.shell { width: min(100% - 64px, 1380px); margin-inline: auto; }

.hero {
  position: relative;
  min-height: 100svh;
  overflow: hidden;
  display: grid;
  grid-template-rows: auto 1fr auto;
  color: var(--white);
  background: #1c1b18;
}
.hero-media {
  position: absolute;
  inset: 0;
  background-image: url("../images/cizgi-hero.webp");
  background-size: cover;
  background-position: center;
  transform: scale(1.015);
  animation: heroIn 1.4s cubic-bezier(.2,.65,.2,1) both;
}
.hero-shade {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(17,15,14,.9) 0%, rgba(17,15,14,.64) 35%, rgba(17,15,14,.12) 73%),
    linear-gradient(180deg, rgba(13,12,11,.56) 0%, transparent 28%, transparent 72%, rgba(13,12,11,.55) 100%);
}
.site-header {
  position: relative;
  z-index: 2;
  min-height: 96px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  border-bottom: 1px solid rgba(255,255,255,.22);
}
.brand { display: inline-flex; width: max-content; flex-direction: column; gap: 3px; }
.brand-mark { font-family: var(--serif); font-size: 27px; letter-spacing: .2em; line-height: 1; }
.brand-sub { font-size: 8px; font-weight: 600; letter-spacing: .28em; opacity: .72; }
.main-nav { display: flex; align-items: center; gap: 30px; font-size: 12px; font-weight: 500; letter-spacing: .06em; }
.main-nav a { position: relative; padding: 10px 0; }
.main-nav a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: 4px; height: 1px; background: currentColor; transition: right .25s ease; }
.main-nav a:hover::after { right: 0; }
.header-cta { justify-self: end; display: flex; gap: 16px; align-items: center; padding: 12px 0; font-size: 12px; font-weight: 600; letter-spacing: .08em; }
.mobile-menu-toggle { display:none; border:0; background:transparent; color:inherit; font:600 10px var(--sans); letter-spacing:.1em; text-transform:uppercase; cursor:pointer; }
.mobile-menu-toggle i { width:22px; height:22px; display:grid; place-items:center; border:1px solid currentColor; border-radius:50%; font:400 16px/1 var(--sans); transition:transform .25s ease; }
.menu-open .mobile-menu-toggle i { transform:rotate(45deg); }

.hero-content {
  position: relative;
  z-index: 1;
  align-self: center;
  padding: 64px 0 56px;
}
.eyebrow { margin: 0 0 24px; text-transform: uppercase; font-size: 10px; font-weight: 600; letter-spacing: .26em; }
.eyebrow.light { color: rgba(255,253,248,.68); }
.hero h1 { margin: 0; max-width: 880px; font-family: var(--serif); font-size: clamp(58px, 7.1vw, 108px); font-weight: 400; line-height: .94; letter-spacing: -.045em; text-wrap: balance; }
.hero-copy { max-width: 620px; margin: 32px 0 0; color: rgba(255,253,248,.76); font-size: 16px; line-height: 1.75; }
.hero-actions { display: flex; align-items: center; gap: 36px; margin-top: 38px; }
.button { min-height: 54px; display: inline-flex; align-items: center; justify-content: center; gap: 24px; padding: 0 26px; border: 1px solid transparent; font-size: 12px; font-weight: 650; letter-spacing: .08em; transition: transform .25s ease, background .25s ease, color .25s ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { background: var(--wine); color: var(--white); }
.button-primary:hover { background: #851a34; }
.text-link { display: inline-flex; gap: 16px; align-items: center; padding: 10px 0; font-size: 12px; font-weight: 600; letter-spacing: .06em; border-bottom: 1px solid currentColor; }
.light-link { color: rgba(255,253,248,.9); }

.hero-sectors {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid rgba(255,255,255,.22);
}
.hero-sectors > a { min-height: 112px; display: grid; grid-template-columns: auto 1fr auto; gap: 22px; align-items: center; padding: 20px 28px; border-right: 1px solid rgba(255,255,255,.22); transition: background .3s ease; }
.hero-sectors > a:first-child { padding-left: 0; }
.hero-sectors > a:last-child { border-right: 0; padding-right: 0; }
.hero-sectors > a:hover { background: rgba(111,20,41,.72); }
.hero-sectors > a > span { color: rgba(255,253,248,.48); font-family: var(--serif); font-size: 14px; }
.hero-sectors > a > div { display: flex; flex-direction: column; gap: 6px; }
.hero-sectors strong { font-family: var(--serif); font-size: 25px; font-weight: 400; }
.hero-sectors small { color: rgba(255,253,248,.54); font-size: 8px; letter-spacing: .1em; text-transform: uppercase; }
.hero-sectors > a > span:last-child { font-family: var(--sans); font-size: 15px; }

.section-pad { padding: 126px 0; }
.section-intro { display: grid; grid-template-columns: 1.65fr 1fr; column-gap: 110px; align-items: end; }
.section-intro > .eyebrow { grid-column: 1 / -1; }
.section-intro h2, .projects h2, .materials h2, .designer-section h2, .references h2, .messka h2, .process h2, .contact h2 {
  margin: 0;
  font-family: var(--serif);
  font-size: clamp(44px, 5.2vw, 76px);
  font-weight: 400;
  line-height: 1.02;
  letter-spacing: -.04em;
}
.eyebrow:not(.light) { color: #6b675f; }
.intro-copy { max-width: 490px; padding-bottom: 4px; }
.intro-copy p { margin: 0 0 26px; color: #5f5a52; font-size: 15px; line-height: 1.8; }
.intro-copy .text-link { font-size: 11px; }

.service-grid { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 76px; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.service-card { min-height: 360px; padding: 34px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); display: flex; flex-direction: column; }
.service-card > span { color: #888177; font-size: 10px; letter-spacing: .14em; }
.service-card h3 { margin: auto 0 22px; font-family: var(--serif); font-size: 36px; font-weight: 400; line-height: 1.08; letter-spacing: -.025em; }
.service-card p { max-width: 330px; margin: 0; color: #6d675e; font-size: 13px; line-height: 1.7; }
.accent-card { background: var(--wine); color: var(--white); border-color: var(--wine); }
.accent-card > span, .accent-card p { color: rgba(255,253,248,.66); }

.projects { background: var(--ink); color: var(--white); }
.projects-head { display: grid; grid-template-columns: 1.5fr .65fr; gap: 100px; align-items: end; margin-bottom: 64px; }
.projects-head > p { margin: 0 0 5px; color: rgba(255,253,248,.59); font-size: 14px; line-height: 1.75; }
.project-grid { display: grid; grid-template-columns: 1.45fr .85fr; gap: 20px; }
.project-card { position: relative; min-height: 610px; overflow: hidden; background: #282622; }
.project-large { min-height: 700px; }
.project-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 52%, rgba(10,9,8,.74)); }
.project-card img { width: 100%; height: 100%; position: absolute; inset: 0; object-fit: cover; filter: saturate(.78) contrast(1.03); transition: transform .8s cubic-bezier(.2,.65,.2,1), filter .5s ease; }
.project-card:hover img { transform: scale(1.025); filter: saturate(.98) contrast(1.03); }
.project-label { position: absolute; z-index: 1; left: 30px; right: 30px; bottom: 28px; display: flex; justify-content: space-between; align-items: end; gap: 20px; }
.project-label span { color: rgba(255,255,255,.62); font-size: 9px; letter-spacing: .16em; text-transform: uppercase; }
.project-label strong { max-width: 220px; font-family: var(--serif); font-size: 22px; font-weight: 400; line-height: 1.2; text-align: right; }
.project-types { display: flex; justify-content: space-between; margin-top: 42px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.17); color: rgba(255,255,255,.55); font-size: 9px; letter-spacing: .2em; text-transform: uppercase; }

.materials { background: var(--paper-2); }
.materials-head, .references-head { display: grid; grid-template-columns: 1.4fr .68fr; gap: 100px; align-items: end; margin-bottom: 66px; }
.materials-head > p, .references-head > p { margin: 0 0 5px; color: #676158; font-size: 14px; line-height: 1.75; }
.material-library { display: flex; flex-direction: column; gap: 20px; }
.library-card, .library-card-wide { display: grid; grid-template-columns: .88fr 1.12fr; grid-template-rows: none; width: 100%; background: var(--paper); border: 1px solid var(--line); }
.library-card:nth-child(even) { grid-template-columns: 1.12fr .88fr; }
.library-card:nth-child(even) .library-photo { order: 2; }
.library-photo, .library-card-wide .library-photo { min-height: 540px; overflow: hidden; background: #cfc8bb; }
.library-photo img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .7s cubic-bezier(.2,.65,.2,1); }
.library-card:hover .library-photo img { transform: scale(1.025); }
.library-copy { padding: 36px; display: flex; flex-direction: column; align-items: flex-start; }
.library-copy > span { color: #7e786f; font-size: 8px; letter-spacing: .17em; text-transform: uppercase; }
.library-copy h3 { margin: 42px 0 18px; font-family: var(--serif); font-size: 37px; font-weight: 400; line-height: 1.05; letter-spacing: -.025em; }
.library-copy p { max-width: 500px; margin: 0 0 24px; color: #6c665d; font-size: 12px; line-height: 1.7; }
.material-specs { width: 100%; display: grid; grid-template-columns: 1fr; margin: 2px 0 26px; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.material-specs > div { min-height: 122px; padding: 18px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.material-specs strong { display: block; margin-bottom: 9px; color: var(--wine); font-size: 8px; letter-spacing: .13em; text-transform: uppercase; }
.material-specs p { margin: 0; color: #69635a; font-size: 9px; line-height: 1.65; }
.material-tags { display: flex; flex-wrap: wrap; gap: 7px; }
.material-tags span { padding: 7px 9px; border: 1px solid var(--line); color: #59544c; font-size: 8px; letter-spacing: .06em; }
.compact-material { grid-template-columns: .28fr 1.72fr !important; min-height: 250px; }
.compact-material .library-copy { justify-content: center; }
.compact-material .library-copy h3 { margin: 22px 0 14px; }
.no-image-material { grid-template-columns: 1fr !important; min-height: 0; }
.no-image-material .library-copy { min-height: 250px; }
.material-surface { min-height: 250px; border-right: 1px solid var(--line); }
.surface-lake { background: linear-gradient(145deg, #ede8df 0 47%, #8d1836 47% 53%, #b6aa9b 53%); }
.surface-membrane { background: radial-gradient(ellipse at center, #e9e4da 0 42%, #c9bfb0 43% 46%, #f4f0e8 47% 62%, #b7aa98 63%); }
.surface-compact { background: repeating-linear-gradient(135deg, #2c2c2b 0 18px, #3a3a38 18px 36px); }
.surface-mixed { background: linear-gradient(90deg, #b7ad9e 0 25%, #7b6e5f 25% 50%, #252525 50% 75%, #a8b0ae 75%); }

.panel-catalogue { display: grid; grid-template-columns: .72fr 1.28fr; gap: 70px; margin-top: 20px; padding: 66px; background: #d8d0c3; }
.catalogue-intro { align-self: start; }
.catalogue-intro h3 { margin: 0; max-width: 430px; font-family: var(--serif); font-size: 45px; font-weight: 400; line-height: 1.02; letter-spacing: -.035em; }
.catalogue-intro > p:not(.eyebrow) { max-width: 420px; margin: 24px 0; color: #665f56; font-size: 12px; line-height: 1.75; }
.catalogue-intro .text-link { font-size: 10px; }
.catalogue-groups { border-top: 1px solid var(--line); }
.catalogue-groups details { border-bottom: 1px solid var(--line); }
.catalogue-groups summary { min-height: 78px; display: grid; grid-template-columns: 1fr auto auto; gap: 24px; align-items: center; cursor: pointer; list-style: none; }
.catalogue-groups summary::-webkit-details-marker { display: none; }
.catalogue-groups summary > span { font-family: var(--serif); font-size: 24px; }
.catalogue-groups summary small { color: #777066; font-size: 8px; letter-spacing: .08em; text-transform: uppercase; }
.catalogue-groups summary b { color: var(--wine); font-size: 20px; font-weight: 400; transition: transform .25s ease; }
.catalogue-groups details[open] summary b { transform: rotate(45deg); }
.decor-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; padding: 0 0 26px; }
.decor-list span { padding: 11px 10px 11px 0; border-top: 1px solid rgba(25,24,21,.08); color: #5e584f; font-size: 9px; line-height: 1.4; }

.designer-section { background: #171512; color: var(--white); }
.designer-head { display: grid; grid-template-columns: 1.4fr .68fr; gap: 100px; align-items: end; margin-bottom: 62px; }
.designer-head > p { margin: 0 0 5px; color: rgba(255,253,248,.58); font-size: 14px; line-height: 1.75; }
.cabinet-designer { display: grid; grid-template-columns: .86fr 1.14fr; align-items: stretch; background: #ddd5c9; color: var(--ink); }
.easy-planner { grid-template-columns: .92fr 1.08fr; }
.designer-controls { background: var(--paper); border-right: 1px solid var(--line); }
.designer-step { padding: 30px 34px; border-bottom: 1px solid var(--line); }
.designer-step:last-child { border-bottom: 0; }
.planner-title { margin-bottom: 22px; }
.planner-title > span { display: block; margin-bottom: 9px; color: var(--wine); font-size: 8px; font-weight: 650; letter-spacing: .16em; text-transform: uppercase; }
.planner-title h3 { margin: 0 0 7px; font-family: var(--serif); font-size: 29px; font-weight: 400; }
.planner-title p { margin: 0; color: #777067; font-size: 9px; line-height: 1.55; }
.project-choice-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.project-choice-grid button { min-height: 104px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 7px; padding: 14px; border: 1px solid var(--line); background: transparent; color: #5d574f; font: inherit; text-align: left; cursor: pointer; }
.project-choice-grid button > strong { font-family: var(--serif); font-size: 18px; font-weight: 400; }
.project-choice-grid button > span { color: #7f786f; font-size: 7px; line-height: 1.35; }
.project-choice-grid button > small { color: var(--wine); font-size: 7px; }
.project-choice-grid button.active { border-color: var(--wine); background: var(--wine); color: var(--white); }
.project-choice-grid button.active > span, .project-choice-grid button.active > small { color: rgba(255,255,255,.68); }
.step-title { display: grid; grid-template-columns: 34px 1fr; gap: 12px; align-items: start; margin-bottom: 20px; }
.step-title > span { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; background: var(--wine); color: var(--white); font-family: var(--serif); font-size: 15px; }
.step-title h3 { margin: 0 0 4px; font-family: var(--serif); font-size: 23px; font-weight: 400; }
.step-title p { margin: 0; color: #777067; font-size: 9px; line-height: 1.55; }
.manual-measures { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.manual-measures > label { color: #666057; font-size: 8px; font-weight: 650; letter-spacing: .1em; text-transform: uppercase; }
.manual-measures > label > div { display: grid; grid-template-columns: 1fr auto; align-items: center; margin-top: 8px; border: 1px solid var(--line); background: #fffdf8; }
.manual-measures input { width: 100%; min-width: 0; min-height: 48px; padding: 0 12px; border: 0; outline: 0; background: transparent; color: var(--ink); font: 400 20px var(--serif); }
.manual-measures label > div:focus-within { border-color: var(--wine); box-shadow: 0 0 0 1px var(--wine); }
.manual-measures label > div > span { padding: 0 12px; color: #817970; font-size: 9px; letter-spacing: .08em; text-transform: lowercase; }
.preset-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin-top: 10px; }
.preset-row button { min-height: 48px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 3px; padding: 8px 10px; border: 1px solid var(--line); background: transparent; color: #5d574f; font: inherit; font-size: 9px; cursor: pointer; }
.preset-row button:hover { border-color: var(--wine); color: var(--wine); }
.preset-row small { color: #898177; font-size: 7px; }
.module-choice-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.module-choice-grid button { min-height: 68px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 5px; padding: 11px 13px; border: 1px solid var(--line); background: transparent; color: #5d574f; font: inherit; text-align: left; cursor: pointer; }
.module-choice-grid strong { font-size: 10px; font-weight: 650; }
.module-choice-grid span { color: #847d73; font-size: 7px; line-height: 1.35; }
.module-choice-grid button.active { border-color: var(--wine); background: var(--wine); color: var(--white); }
.module-choice-grid button.active span { color: rgba(255,255,255,.7); }
.module-measures { grid-template-columns: repeat(3, 1fr); }
.control-group { margin: 0 0 27px; padding: 0; border: 0; }
.control-group > label, .control-group > legend { display: block; margin: 0 0 11px; color: #666057; font-size: 8px; font-weight: 650; letter-spacing: .15em; text-transform: uppercase; }
.control-group > legend small { margin-left: 5px; color: #938b81; font-size: 7px; letter-spacing: .04em; text-transform: none; }
.control-group select { width: 100%; min-height: 46px; padding: 0 14px; border: 1px solid var(--line); border-radius: 0; background: transparent; color: var(--ink); font: inherit; font-size: 12px; }
.choice-row { display: grid; grid-template-columns: repeat(3, 1fr); }
.choice-row button { min-height: 45px; padding: 8px; border: 1px solid var(--line); border-right: 0; background: transparent; color: #5d574f; font: inherit; font-size: 9px; cursor: pointer; transition: background .2s ease, color .2s ease; }
.choice-row button:last-child { border-right: 1px solid var(--line); }
.compact-row { grid-template-columns: repeat(5, 1fr); }
.choice-row button.active { background: var(--wine); color: var(--white); border-color: var(--wine); }
.finish-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.finish-row button { display: flex; flex-direction: column; gap: 7px; align-items: flex-start; padding: 8px; border: 1px solid transparent; background: transparent; color: #5c564e; font: inherit; font-size: 8px; cursor: pointer; text-align: left; }
.finish-row button i { display: block; width: 100%; aspect-ratio: 1.8; border: 1px solid rgba(25,24,21,.12); }
.finish-row button.active { border-color: var(--wine); }
.handle-options { margin: 20px 0 0; }
.handle-options:disabled { opacity: .48; }
.handle-choice-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.handle-choice-grid button { min-height: 58px; display: grid; grid-template-columns: 38px 1fr; gap: 10px; align-items: center; padding: 9px; border: 1px solid var(--line); background: transparent; color: #5d574f; font: inherit; text-align: left; cursor: pointer; }
.handle-choice-grid button.active { border-color: var(--wine); background: rgba(108,15,42,.05); }
.handle-choice-grid button > span { display: flex; flex-direction: column; gap: 3px; }
.handle-choice-grid strong { font-size: 9px; font-weight: 650; }
.handle-choice-grid small { color: #867e74; font-size: 7px; line-height: 1.3; }
.handle-sample { position: relative; width: 36px; height: 28px; display: block; border: 1px solid #c3baad; background: #e6ded2; }
.handle-sample::after { content: ""; position: absolute; background: #4c4945; }
.handle-sample.handle-hidden::after { left: 7px; right: 7px; top: 4px; height: 2px; }
.handle-sample.handle-bar::after { width: 2px; height: 17px; right: 7px; top: 5px; box-shadow: 2px 0 0 rgba(255,255,255,.35); }
.handle-sample.handle-knob::after { width: 6px; height: 6px; right: 7px; top: 10px; border-radius: 50%; }
.handle-sample.handle-push::after { width: 10px; height: 10px; left: 12px; top: 8px; border: 1px dashed #6d665e; background: transparent; }
.handle-help { margin: 8px 0 0; color: #706960; font-size: 8px; }
.optional-finish { margin: 20px 0; }
.designer-add { width: 100%; min-height: 55px; display: flex; align-items: center; justify-content: space-between; padding: 0 18px; border: 0; background: var(--wine); color: var(--white); font: inherit; font-size: 10px; font-weight: 650; letter-spacing: .08em; cursor: pointer; }
.designer-add span { font-size: 18px; font-weight: 300; }
.auto-plan-button { min-height: 62px; margin-top: 8px; font-size: 11px; }

.designer-preview { min-width: 0; padding: 34px; display: flex; flex-direction: column; background: #d8d0c4; }
.preview-topline { display: flex; justify-content: flex-end; gap: 40px; margin-bottom: 18px; }
.preview-topline > div { display: flex; flex-direction: column; gap: 3px; text-align: right; }
.preview-topline span { color: #777066; font-size: 7px; letter-spacing: .15em; text-transform: uppercase; }
.preview-topline strong { font-family: var(--serif); font-size: 20px; font-weight: 400; }
.preview-topline strong.over { color: #aa173a; }
.designer-wall { position: relative; height: 520px; display: flex; align-items: flex-end; overflow: hidden; padding: 44px 0 24px; border-left: 1px solid #9b9286; border-right: 1px solid #9b9286; background: linear-gradient(180deg, #ebe6dd 0%, #e0d9ce 75%, #b9aea1 75%, #c8bcae 100%); }
.wall-measure { position: absolute; z-index: 4; top: 9px; left: 0; right: 0; height: 20px; border-top: 1px solid #81786e; }
.wall-measure::before, .wall-measure::after { content: ""; position: absolute; top: -5px; width: 1px; height: 10px; background: #81786e; }
.wall-measure::before { left: 0; }
.wall-measure::after { right: 0; }
.wall-measure span { position: absolute; left: 50%; top: -7px; transform: translate(-50%, -50%); padding: 0 8px; background: #e5ded4; color: #5d574f; font-size: 8px; letter-spacing: .1em; }
.empty-wall { z-index: 2; margin: auto; display: flex; flex-direction: column; align-items: center; gap: 6px; color: #777066; text-align: center; }
.empty-wall strong { font-family: var(--serif); font-size: 20px; font-weight: 400; }
.empty-wall span { font-size: 9px; }
.designer-module { position: relative; flex: none; min-width: 2px; padding: 0; border: 1px solid rgba(32,28,24,.54); border-right-width: 0; box-shadow: inset 0 0 0 1px rgba(255,255,255,.14), 0 9px 16px rgba(54,46,38,.1); cursor: pointer; transition: filter .2s ease, transform .2s ease; }
.designer-module:last-of-type { border-right-width: 1px; }
.designer-module:hover { filter: brightness(1.08); transform: translateY(-3px); }
.static-module { cursor: default; }
.static-module:hover { filter: none; transform: none; }
.designer-module.upper-module { align-self: flex-start; margin-top: 25px; }
.designer-module.tall-module { align-self: flex-end; }
.module-face { position: absolute; inset: 7px; display: flex; }
.module-face > i { flex: 1; border-right: 1px solid rgba(25,24,21,.28); }
.module-face > i:last-child { border-right: 0; }
.designer-module.framed-module .module-face > i { margin: 2px; border: 1px solid rgba(25,24,21,.38); box-shadow: inset 0 0 0 4px rgba(255,255,255,.08); }
.designer-module.open-module { background-color: #8a725f !important; }
.designer-module.open-module .module-face { flex-direction: column; justify-content: space-evenly; }
.designer-module.open-module .module-face > i { flex: none; width: 100%; border-right: 0; border-top: 2px solid rgba(25,24,21,.65); box-shadow: 0 -12px 20px rgba(20,16,12,.2); }
.designer-module.drawer-module .module-face { flex-direction: column; }
.designer-module.drawer-module .module-face > i { border-right: 0; border-bottom: 1px solid rgba(25,24,21,.32); }
.designer-module.drawer-module .module-face > i:last-child { border-bottom: 0; }
.module-handle { position: absolute; z-index: 2; display: block; background: rgba(42,39,36,.7); pointer-events: none; }
.module-handle.handle-hidden { top: 10px; left: 32%; right: 32%; height: 2px; }
.module-handle.handle-bar { top: 42%; right: 8px; width: 2px; height: 28px; }
.module-handle.handle-knob { top: 48%; right: 10px; width: 6px; height: 6px; border-radius: 50%; }
.module-handle.handle-push { width: 0; height: 0; background: transparent; }
.module-remove { position: absolute; z-index: 5; top: 5px; right: 5px; width: 18px; height: 18px; display: grid; place-items: center; border-radius: 50%; background: rgba(255,255,255,.72); color: #3e3933; font-size: 13px; font-weight: 400; opacity: .62; }
.designer-module:hover .module-remove { opacity: 1; }
.designer-module > small { position: absolute; left: 50%; bottom: 8px; transform: translateX(-50%); padding: 3px 5px; background: rgba(255,255,255,.58); color: #2e2924; font-size: 7px; }
.floor-line { position: absolute; z-index: 3; left: 0; right: 0; bottom: 23px; height: 1px; background: rgba(25,24,21,.38); pointer-events: none; }
.designer-message { min-height: 18px; margin: 12px 0 0; color: #6b645b; font-size: 9px; }
.designer-summary { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 16px; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.designer-summary > div { display: flex; flex-direction: column; gap: 6px; padding: 14px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.designer-summary span { color: #777067; font-size: 7px; letter-spacing: .13em; text-transform: uppercase; }
.designer-summary strong { font-family: var(--serif); font-size: 18px; font-weight: 400; }
.designer-actions { display: flex; align-items: center; gap: 10px; margin-top: 14px; }
.designer-actions button, .designer-actions a { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 18px; padding: 0 16px; border: 1px solid var(--line); background: transparent; color: #514b44; font: inherit; font-size: 9px; cursor: pointer; }
.designer-actions a { margin-left: auto; border-color: var(--wine); background: var(--wine); color: var(--white); }
.designer-disclaimer { grid-column: 1 / -1; margin: 0; padding: 18px 34px; border-top: 1px solid var(--line); background: #cfc6b9; color: #655e55; font-size: 8px; line-height: 1.65; }

.references { background: #24211e; color: var(--white); }
.references-head > p { color: rgba(255,253,248,.58); }
.reference-grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid rgba(255,255,255,.16); border-left: 1px solid rgba(255,255,255,.16); }
.reference-grid article { min-height: 190px; display: flex; flex-direction: column; justify-content: space-between; padding: 26px; border-right: 1px solid rgba(255,255,255,.16); border-bottom: 1px solid rgba(255,255,255,.16); transition: background .3s ease; }
.reference-grid article:hover { background: var(--wine); }
.reference-grid strong { max-width: 220px; font-family: var(--serif); font-size: 24px; font-weight: 400; line-height: 1.05; letter-spacing: .02em; }
.reference-grid span { color: rgba(255,255,255,.43); font-size: 8px; letter-spacing: .16em; text-transform: uppercase; }
.reference-grid article:hover span { color: rgba(255,255,255,.68); }

.messka { background: var(--wine-dark); color: var(--white); }
.messka-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 110px; align-items: center; }
.messka-copy > p:not(.eyebrow) { max-width: 540px; margin: 30px 0 36px; color: rgba(255,253,248,.68); font-size: 14px; line-height: 1.8; }
.button-outline { border-color: rgba(255,255,255,.42); color: var(--white); }
.button-outline:hover { background: var(--white); color: var(--wine-dark); }
.brand-relation { display: grid; grid-template-columns: 1fr auto 1fr; align-items: stretch; border: 1px solid rgba(255,255,255,.25); }
.relation-side { min-height: 390px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 32px; text-align: center; }
.relation-side small { margin-top: 8px; color: rgba(255,255,255,.54); font-size: 7px; letter-spacing: .28em; }
.relation-logo { font-size: 24px; font-weight: 600; letter-spacing: .24em; }
.serif-logo { font-family: var(--serif); font-size: 32px; font-weight: 400; }
.relation-side p { margin: 56px 0 0; color: rgba(255,255,255,.64); font-size: 11px; line-height: 2; letter-spacing: .1em; text-transform: uppercase; }
.relation-plus { align-self: center; color: rgba(255,255,255,.45); font-family: var(--serif); font-size: 32px; }

.process { background: var(--paper); }
.process-head { display: grid; grid-template-columns: 1.3fr .6fr; gap: 100px; align-items: end; }
.process-head > p { margin: 0 0 4px; color: #666158; font-size: 14px; line-height: 1.75; }
.process-list { display: grid; grid-template-columns: repeat(4, 1fr); margin: 74px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.process-list li { position: relative; min-height: 260px; padding: 26px 28px 22px 0; border-right: 1px solid var(--line); }
.process-list li:not(:first-child) { padding-left: 28px; }
.process-list li:last-child { border-right: 0; }
.process-list span { color: var(--wine); font-family: var(--serif); font-size: 18px; }
.process-list h3 { margin: 76px 0 16px; font-family: var(--serif); font-size: 26px; font-weight: 400; }
.process-list p { margin: 0; color: #6d675e; font-size: 12px; line-height: 1.7; }

.contact { position: relative; min-height: 780px; display: flex; align-items: center; overflow: hidden; color: var(--white); background: #171512; }
.contact-image { position: absolute; inset: 0; background: url("../images/cizgi-hero.webp") center 56% / cover; transform: scale(1.02); }
.contact-overlay { position: absolute; inset: 0; background: rgba(16,14,12,.72); }
.contact-content { position: relative; z-index: 1; text-align: center; }
.contact h2 { max-width: 960px; margin-inline: auto; font-size: clamp(48px, 6vw, 88px); }
.contact-content > p:not(.eyebrow) { max-width: 600px; margin: 30px auto 0; color: rgba(255,255,255,.65); font-size: 14px; line-height: 1.75; }
.contact-actions { display: flex; justify-content: center; gap: 12px; margin-top: 38px; }
.contact-address { display: flex; flex-direction: column; gap: 7px; margin-top: 34px; color: var(--white); font-style: normal; }
.contact-address span { color: rgba(255,255,255,.48); font-size: 8px; letter-spacing: .18em; text-transform: uppercase; }
.contact-address strong { font-family: var(--serif); font-size: 16px; font-weight: 400; line-height:1.5; }
.button-ghost { border-color: rgba(255,255,255,.38); color: var(--white); }
.button-ghost:hover { background: rgba(255,255,255,.1); }

.site-footer { padding: 66px 0 28px; background: #11100f; color: var(--white); }
.footer-grid { display: grid; grid-template-columns: 1.5fr repeat(3, 1fr); gap: 50px; align-items: start; }
.dark-brand { color: var(--white); }
.footer-grid > div { display: flex; flex-direction: column; gap: 10px; }
.footer-grid > div span { color: rgba(255,255,255,.4); font-size: 8px; letter-spacing: .18em; text-transform: uppercase; }
.footer-grid > div strong, .footer-grid > div a { font-size: 12px; font-weight: 500; }
.footer-bottom { display: flex; justify-content: space-between; margin-top: 66px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.12); color: rgba(255,255,255,.34); font-size: 8px; letter-spacing: .08em; }
.legal-note { margin-top: 24px; color: rgba(255,255,255,.28); font-size: 7px; line-height: 1.65; }
.content-page { min-height: 70vh; padding-top: 110px; padding-bottom: 110px; }
.content-page h1 { margin: 0 0 36px; font-family: var(--serif); font-size: clamp(44px, 6vw, 76px); font-weight: 400; line-height: 1; letter-spacing: -.035em; }
.page-content { max-width: 820px; font-size: 16px; line-height: 1.75; }
.page-content a { color: var(--wine); text-decoration: underline; }
.page-content img { max-width: 100%; height: auto; }

@keyframes heroIn { from { opacity: .1; transform: scale(1.07); } to { opacity: 1; transform: scale(1.015); } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .hero-media { animation: none; } * { transition-duration: .01ms !important; } }

@media (max-width: 900px) {
  .shell { width: min(100% - 40px, 1380px); }
  .site-header { grid-template-columns: 1fr auto auto; gap:16px; min-height: 82px; z-index:12; }
  .mobile-menu-toggle { display:flex; align-items:center; gap:7px; padding:8px 0; }
  .main-nav { position:absolute; top:100%; left:0; right:0; display:grid; gap:0; max-height:0; overflow:hidden; opacity:0; pointer-events:none; background:rgba(20,18,16,.97); border-top:1px solid rgba(255,255,255,.18); transition:max-height .35s ease,opacity .25s ease; }
  .main-nav a { padding:17px 20px; border-bottom:1px solid rgba(255,255,255,.12); }
  .main-nav a::after { display:none; }
  .site-header.menu-open .main-nav { max-height:280px; opacity:1; pointer-events:auto; }
  .hero-shade { background: linear-gradient(90deg, rgba(17,15,14,.88), rgba(17,15,14,.3)), linear-gradient(180deg, rgba(13,12,11,.55), transparent 35%, rgba(13,12,11,.45)); }
  .hero h1 { font-size: clamp(50px, 12vw, 82px); }
  .hero-copy { max-width: 560px; }
  .section-pad { padding: 90px 0; }
  .section-intro, .projects-head, .materials-head, .designer-head, .references-head, .messka-grid, .process-head { grid-template-columns: 1fr; gap: 36px; }
  .service-grid { grid-template-columns: 1fr; }
  .service-card { min-height: 300px; }
  .project-grid { grid-template-columns: 1fr; }
  .project-card, .project-large { min-height: 560px; }
  .library-card, .library-card-wide, .library-card:nth-child(even) { grid-template-columns: 1fr; }
  .library-card:nth-child(even) .library-photo { order: 0; }
  .library-photo, .library-card-wide .library-photo { min-height: 480px; }
  .compact-material { grid-template-columns: 1fr !important; }
  .material-surface { min-height: 210px; border-right: 0; border-bottom: 1px solid var(--line); }
  .panel-catalogue { grid-template-columns: 1fr; gap: 48px; padding: 48px; }
  .cabinet-designer { grid-template-columns: 1fr; }
  .designer-controls { border-right: 0; border-bottom: 1px solid var(--line); }
  .designer-wall { height: 470px; }
  .reference-grid { grid-template-columns: repeat(2, 1fr); }
  .messka-grid { gap: 70px; }
  .process-list { grid-template-columns: repeat(2, 1fr); }
  .process-list li:nth-child(2) { border-right: 0; }
  .footer-grid { grid-template-columns: 1.3fr 1fr; row-gap: 52px; }
}
@media (max-width: 560px) {
  .shell { width: calc(100% - 32px); }
  .site-header { gap:10px; }
  .header-cta { font-size: 9px; gap: 5px; }
  .mobile-menu-toggle span { display:none; }
  .contact-address strong { font-size:13px; line-height:1.55; }
  .brand-mark { font-size: 22px; }
  .brand-sub { font-size: 6.5px; }
  .hero { min-height: 820px; }
  .hero-media { background-position: 58% center; }
  .hero h1 { font-size: clamp(47px, 14.6vw, 66px); line-height: .98; }
  .hero-copy { margin-top: 24px; font-size: 14px; line-height: 1.7; }
  .hero-actions { align-items: flex-start; flex-direction: column; gap: 16px; margin-top: 28px; }
  .hero-sectors > a { min-height: 92px; grid-template-columns: auto 1fr; gap: 10px; padding: 12px 10px; }
  .hero-sectors > a:first-child { padding-left: 0; }
  .hero-sectors > a:last-child { padding-right: 0; }
  .hero-sectors strong { font-size: 19px; }
  .hero-sectors small, .hero-sectors > a > span:last-child { display: none; }
  .section-pad { padding: 72px 0; }
  .section-intro h2, .projects h2, .materials h2, .designer-section h2, .references h2, .messka h2, .process h2 { font-size: 43px; }
  .intro-copy p, .projects-head > p, .materials-head > p, .designer-head > p, .references-head > p, .process-head > p { font-size: 13px; }
  .service-grid { margin-top: 48px; }
  .service-card { min-height: 270px; padding: 26px; }
  .service-card h3 { font-size: 32px; }
  .project-card, .project-large { min-height: 480px; }
  .project-label { left: 20px; right: 20px; bottom: 20px; flex-direction: column; align-items: flex-start; }
  .project-label strong { text-align: left; }
  .project-types { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
  .library-card, .library-card-wide, .library-card:nth-child(even) { grid-template-columns: 1fr; grid-template-rows: auto 1fr; }
  .library-photo, .library-card-wide .library-photo { min-height: 300px; }
  .library-copy { padding: 26px; }
  .library-copy h3 { font-size: 32px; }
  .material-specs { grid-template-columns: 1fr; }
  .material-specs > div { min-height: 0; }
  .panel-catalogue { padding: 30px 24px; }
  .catalogue-intro h3 { font-size: 38px; }
  .catalogue-groups summary { grid-template-columns: 1fr auto; gap: 12px; }
  .catalogue-groups summary small { display: none; }
  .decor-list { grid-template-columns: repeat(2, 1fr); }
  .designer-step, .designer-preview { padding: 22px; }
  .step-title h3 { font-size: 21px; }
  .preset-row, .module-choice-grid { grid-template-columns: 1fr; }
  .project-choice-grid { grid-template-columns: 1fr; }
  .module-measures { grid-template-columns: 1fr; }
  .handle-choice-grid { grid-template-columns: 1fr; }
  .choice-row { grid-template-columns: 1fr; }
  .choice-row button { border-right: 1px solid var(--line); border-bottom: 0; }
  .choice-row button:last-child { border-bottom: 1px solid var(--line); }
  .compact-row { grid-template-columns: repeat(5, 1fr); }
  .compact-row button { border-right: 0; border-bottom: 1px solid var(--line); }
  .compact-row button:last-child { border-right: 1px solid var(--line); }
  .finish-row { grid-template-columns: repeat(2, 1fr); }
  .designer-wall { height: 390px; }
  .designer-summary { grid-template-columns: 1fr 1fr; }
  .designer-summary > div:last-child { grid-column: 1 / -1; }
  .designer-summary > div { padding: 10px; }
  .designer-actions { align-items: stretch; flex-direction: column; }
  .designer-actions a { width: 100%; margin-left: 0; }
  .designer-disclaimer { padding: 16px 22px; }
  .reference-grid { grid-template-columns: 1fr 1fr; }
  .reference-grid article { min-height: 150px; padding: 20px; }
  .reference-grid strong { font-size: 19px; }
  .brand-relation { grid-template-columns: 1fr; }
  .relation-side { min-height: 270px; }
  .relation-side p { margin-top: 34px; }
  .relation-plus { padding: 10px 0; }
  .process-list { grid-template-columns: 1fr; }
  .process-list li { min-height: 230px; padding: 24px 0 !important; border-right: 0; border-bottom: 1px solid var(--line); }
  .process-list h3 { margin-top: 52px; }
  .contact { min-height: 720px; }
  .contact h2 { font-size: 46px; }
  .contact-actions { flex-direction: column; align-items: stretch; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-bottom { flex-direction: column; gap: 14px; line-height: 1.5; }
}

/* 2026 sade sayfa ve etkileşim güncellemesi */
.home-project-grid { grid-template-columns: 1.25fr .85fr .85fr; }
.home-project-grid .project-card,.home-project-grid .project-large { min-height:580px; }
.project-more { display:flex; justify-content:flex-end; margin-top:34px; }
.scroll-reveal { opacity:0; transform:translateY(58px) scale(.985); transition:opacity .85s cubic-bezier(.2,.75,.25,1),transform .85s cubic-bezier(.2,.75,.25,1); transition-delay:var(--reveal-delay,0ms); }
.work-gallery article.scroll-reveal,.material-visual-grid article.scroll-reveal { transform:translateY(42px) scale(.955); }
.scroll-reveal.visible { opacity:1; transform:none; }
.inner-template { min-height:100vh; padding-bottom:100px; }
.inner-nav { position:relative; min-height:92px; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid var(--line); }
.inner-nav nav { display:flex; gap:28px; font-size:11px; font-weight:600; }
.inner-hero { display:grid; grid-template-columns:1.25fr .55fr; gap:70px; align-items:end; padding-top:100px; padding-bottom:75px; border-bottom:1px solid var(--line); }
.inner-hero .eyebrow { grid-column:1/-1; color:var(--wine); }
.inner-hero h1 { margin:0; font-family:var(--serif); font-size:clamp(58px,7vw,98px); font-weight:400; line-height:.93; letter-spacing:-.05em; }
.inner-hero > span { color:#69635b; font-size:14px; line-height:1.7; }
.work-gallery { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); grid-auto-flow:dense; gap:14px; padding-top:55px; }
.work-gallery article { position:relative; min-height:0; aspect-ratio:4/5; overflow:hidden; background:#2a2824; }
.work-gallery article.wide { grid-column:span 2; aspect-ratio:16/9; }
.work-gallery article.factory-exact { aspect-ratio:4/3; background:#ded8cd; }
.work-gallery article.factory-exact img { object-fit:contain; }
.work-gallery article.managed-wide { aspect-ratio:var(--image-ratio); background:#ded8cd; }
.work-gallery article.managed-wide img { object-fit:contain; }
.work-gallery img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .7s ease; }
.work-gallery article:hover img { transform:scale(1.025); }
.work-gallery article::after { content:""; position:absolute; inset:55% 0 0; background:linear-gradient(transparent,rgba(8,8,7,.8)); }
.work-gallery article > div { position:absolute; z-index:1; left:26px; right:26px; bottom:24px; display:flex; justify-content:space-between; color:#fff; }
.work-gallery span { color:rgba(255,255,255,.58); font-size:8px; letter-spacing:.16em; text-transform:uppercase; }
.work-gallery strong { font:400 24px var(--serif); }
.materials-template { background:var(--paper-2); }
.veneer-selector { padding-top:90px; }
.veneer-head { max-width:850px; margin-bottom:42px; }
.veneer-head h2 { margin:0 0 18px; font:400 clamp(48px,6vw,82px)/.94 var(--serif); letter-spacing:-.045em; }
.veneer-head > span { color:#69635b; font-size:13px; }
.veneer-kicker { display:block; color:var(--wine); font-size:9px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }
.veneer-lead { max-width:690px; margin:20px 0 0; color:#554f48; font:400 18px/1.55 var(--serif); }
.veneer-type-tabs{display:inline-flex;gap:5px;margin:0 0 25px;padding:5px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.34)}
.veneer-type-tabs button{min-width:145px;padding:12px 18px;border:0;border-radius:999px;background:transparent;color:var(--ink);font:700 10px var(--sans);letter-spacing:.05em;cursor:pointer}
.veneer-type-tabs button.active{background:var(--wine);color:#fff}
.veneer-layout { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr); gap:42px; align-items:start; }
.veneer-preview { position:sticky; top:22px; }
.veneer-stage { --veneer:#806047;--grain:.28; position:relative; overflow:hidden; background:#eeeae3; }
.veneer-stage img { display:block; width:100%; }
.veneer-stage > i { position:absolute; left:8.65%; top:41.25%; width:82.25%; height:36.95%; overflow:hidden; background-color:var(--veneer); background-image:repeating-linear-gradient(88deg,transparent 0,transparent calc(10px + 15px*var(--grain)),rgba(38,20,8,calc(.04 + .18*var(--grain))) calc(11px + 15px*var(--grain)),transparent calc(13px + 16px*var(--grain))); clip-path:polygon(2.1% 0,97.2% 0,100% 8.6%,98.7% 100%,1.3% 100%,0 8.6%); mix-blend-mode:multiply; opacity:.82; transition:background-color .35s ease,opacity .35s ease; }
.veneer-stage > i > span{display:none;position:absolute;pointer-events:none}
.veneer-stage.mdf-selected > i{background:transparent;filter:saturate(.9) contrast(.98);opacity:var(--map-opacity,.84)}
.veneer-stage.mdf-selected > i > span{display:block}
.veneer-stage.mdf-selected .veneer-map-top{left:0;right:0;top:0;height:8.7%;background-image:var(--veneer-top-image);background-position:var(--map-x,50%) center;background-repeat:repeat-x;background-size:auto 760%;clip-path:polygon(2.1% 0,97.2% 0,100% 100%,0 100%)}
.veneer-stage.mdf-selected .veneer-map-front{left:1.25%;right:1.25%;top:8.45%;bottom:.8%;background-image:var(--veneer-image);background-position:var(--map-x,50%) var(--map-y,50%);background-repeat:repeat-x;background-size:auto var(--map-scale,118%);box-shadow:inset 0 1px rgba(255,255,255,.16),inset 0 -1px rgba(35,24,17,.12)}
.veneer-stage.selection-updated { animation:selectionUpdated .65s ease; }
.veneer-current { display:flex; justify-content:space-between; gap:24px; padding:20px 0 16px; border-bottom:1px solid var(--line); }
.veneer-current small { display:block; margin-bottom:5px; color:#777168; font-size:8px; letter-spacing:.13em; text-transform:uppercase; }
.veneer-current strong { font:400 25px var(--serif); }
.veneer-current > span { max-width:210px; color:#716b62; font-size:11px; line-height:1.5; text-align:right; }
.veneer-preview > p { color:#837d74; font-size:9px; line-height:1.6; }
.veneer-filters { display:flex; gap:7px; margin-bottom:15px; overflow:auto; }
.veneer-filters button { flex:none; padding:9px 12px; border:1px solid var(--line); border-radius:99px; background:transparent; font:600 9px var(--sans); cursor:pointer; }
.veneer-filters button.active { background:var(--ink); color:#fff; }
.veneer-grid { display:grid; grid-template-columns:1fr 1fr; gap:7px; }
.veneer-grid button { display:flex; align-items:center; gap:10px; min-height:64px; padding:9px; border:1px solid var(--line); background:rgba(255,255,255,.24); text-align:left; cursor:pointer; }
.veneer-grid button.active { border-color:var(--wine); box-shadow:inset 0 0 0 1px var(--wine); }
.veneer-grid button > i { flex:0 0 44px; height:44px; background-color:var(--swatch); background-image:repeating-linear-gradient(87deg,transparent 0,transparent calc(5px + 9px*var(--grain)),rgba(38,20,8,calc(.06 + .25*var(--grain))) calc(6px + 9px*var(--grain)),transparent calc(8px + 10px*var(--grain))); }
.veneer-grid button > i.mdf-swatch{background-color:#ddd;background-image:var(--swatch-image);background-position:center;background-size:cover}
.veneer-grid button > span { font-size:10px; font-weight:700; }
.veneer-grid small { display:block; margin-top:5px; color:#8b857d; font-size:7px; font-weight:400; text-transform:uppercase; }
.veneer-show-all { display:none; }
@keyframes selectionUpdated { 0%,100% { box-shadow:0 0 0 0 rgba(111,20,41,0); } 42% { box-shadow:0 0 0 5px rgba(111,20,41,.55); } }
.material-summary { display:grid; grid-template-columns:repeat(3,1fr); margin-top:100px; border-top:1px solid var(--line); border-left:1px solid var(--line); }
.material-summary article { min-height:300px; display:flex; flex-direction:column; padding:30px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.material-summary article > span { color:var(--wine); font-size:9px; }
.material-summary h3 { margin:auto 0 15px; font:400 31px var(--serif); }
.material-summary p { margin:0; color:#6d675e; font-size:12px; line-height:1.65; }
.material-summary a { margin-top:18px; font-size:10px; text-decoration:underline; }
.veneer-selector-first { padding-top:90px; }
.material-category-section { padding-top:120px; }
.material-category-head { display:grid; grid-template-columns:1.2fr .7fr; gap:28px 80px; align-items:end; margin-bottom:45px; }
.material-category-head .eyebrow { grid-column:1/-1; margin-bottom:0; }
.material-category-head h2 { margin:0; font:400 clamp(48px,6vw,82px)/.94 var(--serif); letter-spacing:-.045em; }
.material-category-head > p:last-child { margin:0 0 5px; color:#69635b; font-size:13px; line-height:1.7; }
.material-category-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.material-category-grid > a { position:relative; min-height:390px; overflow:hidden; background:#272521; color:#fff; }
.material-category-grid > a:nth-child(1),.material-category-grid > a:nth-child(5) { grid-column:span 2; }
.material-category-grid img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:saturate(.72) contrast(1.04); transition:transform .75s cubic-bezier(.2,.65,.2,1),filter .45s ease; }
.material-category-grid > a::after { content:""; position:absolute; inset:22% 0 0; background:linear-gradient(transparent,rgba(8,7,6,.9)); }
.material-category-grid > a:hover img { transform:scale(1.035); filter:saturate(.98) contrast(1.04); }
.material-category-grid > a > div { position:absolute; z-index:1; left:25px; right:25px; bottom:23px; }
.material-category-grid span { color:rgba(255,255,255,.55); font-size:8px; letter-spacing:.16em; }
.material-category-grid h2 { margin:9px 0 8px; font:400 33px/1.02 var(--serif); }
.material-category-grid p { max-width:470px; margin:0; color:rgba(255,255,255,.68); font-size:10px; line-height:1.55; }
.material-category-grid strong { display:flex; justify-content:space-between; align-items:center; margin-top:20px; padding-top:13px; border-top:1px solid rgba(255,255,255,.2); font-size:9px; letter-spacing:.08em; text-transform:uppercase; }
.material-category-grid strong i { font-style:normal; font-size:15px; }
.general-material-section { padding-top:120px; }
.general-material-section > header { margin-bottom:0; }
.general-material-section > header h2 { margin:0; font:400 clamp(45px,5vw,70px)/1 var(--serif); letter-spacing:-.04em; }
.material-detail-back { padding-top:28px; }
.material-detail-back a { display:inline-block; padding-bottom:5px; border-bottom:1px solid currentColor; color:var(--wine); font-size:10px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; }
.empty-material-gallery { margin-top:55px; padding:70px; border:1px solid var(--line); background:rgba(255,255,255,.25); }
.empty-material-gallery span { color:var(--wine); font-size:9px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }
.empty-material-gallery h2 { max-width:800px; margin:22px 0 18px; font:400 clamp(40px,5vw,68px)/1 var(--serif); letter-spacing:-.04em; }
.empty-material-gallery p { max-width:580px; margin:0; color:#69635b; font-size:13px; line-height:1.7; }
@media(max-width:900px){.home-project-grid{grid-template-columns:1fr 1fr}.home-project-grid .project-card:first-child{grid-column:1/-1}.inner-hero,.veneer-layout{grid-template-columns:1fr}.veneer-preview{position:static}.material-summary{grid-template-columns:1fr}.work-gallery{grid-template-columns:1fr 1fr}.work-gallery article.wide{grid-column:span 2}.inner-nav{z-index:12}.inner-nav nav{position:absolute;top:100%;left:0;right:0;display:grid;max-height:0;overflow:hidden;opacity:0;pointer-events:none;background:#f3f0e9;border:1px solid var(--line);border-top:0;transition:max-height .35s ease,opacity .25s ease}.inner-nav nav a{padding:16px 18px;border-bottom:1px solid var(--line)}.inner-nav nav a:last-child{border-bottom:0}.inner-nav.menu-open nav{max-height:240px;opacity:1;pointer-events:auto}.inner-nav .mobile-menu-toggle{color:var(--ink)}}
@media(max-width:900px){.material-category-head{grid-template-columns:1fr;gap:24px}.material-category-grid{grid-template-columns:1fr 1fr}.material-category-grid>a:nth-child(1),.material-category-grid>a:nth-child(5){grid-column:span 2}.veneer-layout,.veneer-preview,.veneer-controls{min-width:0;width:100%}.veneer-stage{width:100%;max-width:100%;overflow:hidden}.veneer-stage img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain}}
@media(max-width:600px){.home-project-grid{grid-template-columns:1fr}.home-project-grid .project-card:first-child{grid-column:auto}.inner-hero{padding-top:65px}.inner-hero h1{font-size:56px}.work-gallery,.work-gallery.scroll-reveal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:35px;opacity:1;transform:none}.work-gallery article{grid-column:auto;aspect-ratio:4/5;margin:0}.work-gallery article.wide{grid-column:span 2;aspect-ratio:16/9}.work-gallery article.factory-exact{aspect-ratio:4/3}.work-gallery article.managed-wide{aspect-ratio:var(--image-ratio)}.work-gallery img{position:absolute;display:block;width:100%;height:100%;object-fit:cover}.work-gallery article.factory-exact img,.work-gallery article.managed-wide img{object-fit:contain}.veneer-selector{padding-top:55px}.veneer-grid{grid-template-columns:1fr}.veneer-current>span{max-width:140px}.scroll-reveal{transform:translateY(20px)}.work-gallery article.scroll-reveal,.material-visual-grid article.scroll-reveal{transform:translateY(24px) scale(.96)}.scroll-reveal.visible{transform:none}}
.material-visual-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; padding-top:55px; }
.material-visual-grid article { position:relative; min-height:340px; overflow:hidden; background:#272521; color:#fff; }
.material-visual-grid article.wide { grid-column:span 2; min-height:340px; }
.managed-material-gallery article { min-height:0; aspect-ratio:4/5; }
.managed-material-gallery article.managed-wide { min-height:0; aspect-ratio:var(--image-ratio); }
.managed-material-gallery article.managed-wide img { object-fit:contain; }
.material-visual-grid img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .7s ease; }
.material-visual-grid article:hover img { transform:scale(1.025); }
.material-visual-grid article::after { content:""; position:absolute; inset:45% 0 0; background:linear-gradient(transparent,rgba(9,8,7,.84)); }
.material-visual-grid article > div { position:absolute; z-index:1; left:26px; right:26px; bottom:24px; }
.material-visual-grid span { color:rgba(255,255,255,.55); font-size:8px; letter-spacing:.16em; }
.material-visual-grid h2 { margin:8px 0 7px; font:400 30px/1.05 var(--serif); }
.material-visual-grid p { max-width:520px; margin:0; color:rgba(255,255,255,.7); font-size:11px; line-height:1.6; }
@media(max-width:900px){.material-visual-grid{grid-template-columns:1fr 1fr}.material-visual-grid article.wide{grid-column:1/-1}}
@media(max-width:700px){.material-visual-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:30px}.material-visual-grid article{grid-column:auto;min-height:280px}.material-visual-grid article.wide{grid-column:span 2;min-height:300px}.managed-material-gallery article{min-height:0;aspect-ratio:4/5}.managed-material-gallery article.wide{grid-column:span 2;min-height:0}.managed-material-gallery article.managed-wide{aspect-ratio:var(--image-ratio)}.managed-material-gallery img{position:absolute;display:block;width:100%;height:100%;object-fit:cover}.managed-material-gallery article.managed-wide img{object-fit:contain}.material-visual-grid article>div{left:14px;right:14px;bottom:14px}.material-visual-grid h2{font-size:22px}.material-visual-grid p{font-size:9px;line-height:1.45}}
@media(max-width:600px){.materials-landing-hero{display:none}.veneer-selector-first{padding-top:58px}.veneer-head{margin-bottom:30px}.veneer-head h2{margin-bottom:12px;font-size:54px;line-height:.9}.veneer-kicker{font-size:7px;letter-spacing:.18em}.veneer-lead{margin-top:18px;font-size:18px;line-height:1.45}.veneer-layout,.veneer-controls{max-width:100%}.veneer-preview{position:sticky;z-index:8;top:6px;display:grid;width:100%;max-width:100%;grid-template-columns:minmax(0,1.45fr) minmax(112px,.8fr);gap:10px;align-items:center;margin-bottom:14px;padding:8px;background:rgba(243,240,233,.97);border:1px solid var(--line);box-shadow:0 12px 28px rgba(25,24,21,.13);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}body.admin-bar .veneer-preview{top:52px}.veneer-stage{grid-column:1;width:100%}.veneer-current{grid-column:2;align-items:flex-start;flex-direction:column;gap:7px;padding:4px 2px;border-bottom:0}.veneer-current small{margin-bottom:3px;font-size:6px}.veneer-current strong{font-size:20px;line-height:1.05}.veneer-current>span{max-width:none;font-size:9px;line-height:1.35;text-align:left}.veneer-preview>p{display:none}.veneer-filters{width:100%;max-width:100%}.veneer-grid:not(.show-all)>button:nth-child(n+7){display:none}.veneer-show-all{display:flex;width:100%;min-height:48px;align-items:center;justify-content:center;margin-top:10px;border:1px solid var(--wine);background:transparent;color:var(--wine);font:700 10px var(--sans);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.material-category-section{padding-top:80px}.material-category-grid{gap:8px}.material-category-grid>a,.material-category-grid>a:nth-child(1),.material-category-grid>a:nth-child(5){grid-column:auto;min-height:255px}.material-category-grid>a>div{left:14px;right:14px;bottom:14px}.material-category-grid h2{font-size:23px}.material-category-grid p{font-size:8.5px}.material-category-grid strong{margin-top:12px;padding-top:10px;font-size:7.5px}.empty-material-gallery{margin-top:35px;padding:38px 24px}.material-detail-back{padding-top:20px}}
@media(max-width:600px){.veneer-type-tabs{display:grid;grid-template-columns:1fr 1fr;width:100%;margin-bottom:14px}.veneer-type-tabs button{min-width:0;padding:12px 8px}.veneer-grid{grid-template-columns:1fr 1fr}.veneer-grid button{min-width:0;min-height:70px;gap:7px;padding:7px}.veneer-grid button>i{flex-basis:42px;height:42px}.veneer-grid button>span{font-size:8px}.veneer-grid small{font-size:6px}}
.work-gallery-clean article::after,.work-gallery-clean article > div{display:none}

/* Hakkımızda */
.about-story{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.75fr);gap:72px;align-items:center;padding-top:85px}
.about-story-image{min-height:640px;overflow:hidden;background:#292622}
.about-story-image img{display:block;width:100%;height:100%;min-height:640px;object-fit:cover}
.about-story-copy h2{margin:18px 0 28px;font:400 clamp(46px,5vw,72px)/.98 var(--serif);letter-spacing:-.045em}
.about-story-copy>p:not(.eyebrow){margin:0 0 18px;color:#625c54;font-size:13px;line-height:1.85}
.about-story-copy .text-link{display:inline-flex;margin-top:14px;color:var(--wine);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.about-values{display:grid;grid-template-columns:repeat(3,1fr);margin-top:90px;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.about-values article{display:flex;min-height:300px;flex-direction:column;padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.about-values span{color:var(--wine);font-size:9px}
.about-values h2{margin:auto 0 14px;font:400 34px var(--serif)}
.about-values p{margin:0;color:#6d675e;font-size:12px;line-height:1.65}
.about-cta{display:grid;grid-template-columns:1fr .7fr;gap:70px;align-items:end;margin-top:90px;padding:65px;background:var(--wine);color:#fff}
.about-cta h2{max-width:700px;margin:14px 0 0;font:400 clamp(44px,5vw,70px)/.96 var(--serif);letter-spacing:-.04em}
.about-cta>div:last-child{display:flex;align-items:flex-start;flex-direction:column;gap:20px}
.about-cta p{margin:0;color:rgba(255,255,255,.72);font-size:12px;line-height:1.7}
@media(max-width:900px){.about-story{grid-template-columns:1fr;gap:45px}.about-story-image,.about-story-image img{min-height:520px}.about-values{grid-template-columns:1fr}.about-values article{min-height:220px}.about-cta{grid-template-columns:1fr;gap:35px}}
@media(max-width:600px){.about-hero h1{font-size:48px}.about-story{padding-top:45px}.about-story-image,.about-story-image img{min-height:390px}.about-story-copy h2{font-size:43px}.about-values{margin-top:55px}.about-cta{margin-top:55px;padding:36px 24px}.about-cta h2{font-size:42px}}

/* MDF-Lam renkleri: küçük, düzenli ve isimleri rahat okunan numune kartları. */
.material-collection-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.58fr);gap:18px 55px;align-items:end;padding-top:62px}
.material-collection-head .eyebrow{grid-column:1/-1;margin:0}
.material-collection-head h2{margin:0;font:400 clamp(42px,5vw,68px)/.95 var(--serif);letter-spacing:-.04em}
.material-collection-head>span{max-width:470px;margin-bottom:4px;color:#69635b;font-size:12px;line-height:1.65}
.material-swatch-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding-top:30px}
.material-swatch-grid article,.material-swatch-grid article.wide,.material-swatch-grid article.managed-wide{grid-column:auto;min-height:0;aspect-ratio:auto;overflow:hidden;background:#f8f5ef;border:1px solid rgba(25,24,21,.13);color:var(--ink);box-shadow:0 10px 26px rgba(32,28,24,.055);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.material-swatch-grid article::after{display:none}
.material-swatch-grid article:hover{transform:translateY(-3px);border-color:rgba(111,20,41,.28);box-shadow:0 16px 34px rgba(32,28,24,.1)}
.material-swatch-grid img,.material-swatch-grid article.managed-wide img{position:relative;inset:auto;display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;transform:none}
.material-swatch-grid article:hover img{transform:scale(1.018)}
.material-swatch-grid article>div{position:static;display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:center;min-height:70px;padding:13px 14px 14px;border-top:1px solid rgba(25,24,21,.1)}
.material-swatch-grid span{grid-row:1;color:var(--wine);font-size:7px;font-weight:700}
.material-swatch-grid h2{grid-column:2;margin:0;color:var(--ink);font:400 18px/1.1 var(--serif);letter-spacing:-.015em}
.material-swatch-grid p{grid-column:2;margin:3px 0 0;color:#777067;font-size:9px;line-height:1.45}
.material-swatch-grid article.swatch-image-only{aspect-ratio:1/1}
.material-swatch-grid article.swatch-image-only img{height:100%;aspect-ratio:1/1}
@media(max-width:1050px){.material-swatch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.material-collection-head{grid-template-columns:1fr;gap:12px;padding-top:44px}.material-collection-head .eyebrow{grid-column:auto}.material-collection-head h2{font-size:42px}.material-collection-head>span{font-size:11px}.material-swatch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:22px}.material-swatch-grid article,.material-swatch-grid article.wide,.material-swatch-grid article.managed-wide{grid-column:auto;min-height:0;aspect-ratio:auto}.material-swatch-grid img,.material-swatch-grid article.managed-wide img{position:relative;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}.material-swatch-grid article>div{left:auto;right:auto;bottom:auto;min-height:61px;padding:10px 10px 11px;gap:3px 7px}.material-swatch-grid h2{font-size:15px}.material-swatch-grid p{font-size:8px}}

/* Proje görselleri için tam ekran büyütme. */
.cizgi-lightbox-image{cursor:zoom-in}
.cizgi-lightbox-image:focus-visible{outline:3px solid var(--wine);outline-offset:-3px}
body.lightbox-open{overflow:hidden}
.cizgi-lightbox[hidden]{display:none}
.cizgi-lightbox{position:fixed;z-index:999999;inset:0;display:grid;place-items:center;padding:52px 24px 24px;background:rgba(10,9,8,.94);cursor:zoom-out}
.cizgi-lightbox img{display:block;max-width:min(94vw,1500px);max-height:calc(100vh - 82px);width:auto;height:auto;object-fit:contain;box-shadow:0 18px 60px rgba(0,0,0,.35);cursor:default}
.cizgi-lightbox-close{position:absolute;z-index:1;top:12px;right:18px;width:42px;height:42px;padding:0;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:rgba(0,0,0,.25);color:#fff;font:300 32px/38px Arial,sans-serif;cursor:pointer}
.cizgi-lightbox-close:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:600px){.cizgi-lightbox{padding:56px 10px 14px}.cizgi-lightbox img{max-width:calc(100vw - 20px);max-height:calc(100vh - 70px)}.cizgi-lightbox-close{top:8px;right:10px}}

/* Mobil müşteriler için sürekli görünür hızlı menü. */
.mobile-customer-nav{display:none}
@media(max-width:900px){
  body{padding-bottom:calc(66px + env(safe-area-inset-bottom))}
  .mobile-customer-nav{position:fixed;z-index:999990;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-height:66px;padding-bottom:env(safe-area-inset-bottom);background:rgba(248,245,239,.97);border-top:1px solid rgba(25,24,21,.16);box-shadow:0 -10px 34px rgba(20,17,15,.12);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
  .mobile-customer-nav a{position:relative;display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 3px;color:#514c46;text-align:center}
  .mobile-customer-nav a+a{border-left:1px solid rgba(25,24,21,.09)}
  .mobile-customer-nav span{font:400 9px var(--serif);color:#8a8379}
  .mobile-customer-nav strong{overflow:hidden;max-width:100%;font-size:9px;font-weight:700;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap}
  .mobile-customer-nav a.current{color:var(--wine)}
  .mobile-customer-nav a.current::before{content:"";position:absolute;top:-1px;left:22%;right:22%;height:3px;background:var(--wine)}
  .mobile-customer-nav .mobile-whatsapp{background:var(--wine);color:#fff}
  .mobile-customer-nav .mobile-whatsapp span{color:rgba(255,255,255,.72);font:600 13px var(--sans)}
}
@media(max-width:560px){
  .site-header{grid-template-columns:1fr auto}
  .header-cta{display:none}
  .mobile-menu-toggle{min-height:42px;padding:9px 12px;border-radius:999px;background:var(--wine);color:#fff;box-shadow:0 8px 24px rgba(45,7,17,.22)}
  .mobile-menu-toggle span{display:inline}
  .mobile-menu-toggle i{width:20px;height:20px;border-color:rgba(255,255,255,.7)}
  .inner-nav .mobile-menu-toggle{color:#fff}
}