/* brand-system.css */
/* Gece Mobilya V6.1 — Modern Identity System
   Local variable typography, warm architectural geometry and compact mobile rhythm. */

@font-face{
  font-family:"GM Manrope";
  font-style:normal;
  font-display:swap;
  font-weight:200 800;
  src:url("../fonts/manrope-latin-ext-wght-normal.woff2") format("woff2-variations");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:"GM Manrope";
  font-style:normal;
  font-display:swap;
  font-weight:200 800;
  src:url("../fonts/manrope-latin-wght-normal.woff2") format("woff2-variations");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
:root{
  --font-text:"GM Manrope",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --font-display:"GM Manrope",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --font-accent:var(--font-display);
  --sans:var(--font-text);
  --serif:var(--font-display);
  --gm-identity-gold:#c99b5b;
  --gm-identity-gold-soft:#e0bb82;
  --gm-identity-night:#090c0a;
  --gm-identity-paper:#f2ede5;
  --gm-cut:10px;
}

html{font-synthesis:none;text-rendering:optimizeLegibility}
body,.gm-catalog{
  font-family:var(--font-text)!important;
  font-weight:440;
  letter-spacing:-.008em;
}
p,.copy,.content-copy,.gm-copy,.legal-section p{font-family:var(--font-text)!important}

/* One architectural, contemporary voice across every route. */
.hero h1,.display,.dual-copy h2,.cta-copy h2,.search-dialog h2,
.about-live-page h1,.about-live-page h2,.process-page h1,.process-page h2,
.process-page .pp-statement,.projects-v20-page h1,.projects-v20-page h2,
.projects-v20-page h3,.content-title,.contact-channel strong,.quote-brief h3,
.contact-proof-card strong,.legal-summary-card strong,.legal-toc h2,
.legal-section-no,.legal-section h3,.legal-link strong,.legal-phone,
.gm-display,.gm-master-pdf h3,.gm-category h2,.gm-product-meta h3,
.gm-custom h2,.gm-final h2,.gm-dialog h3,.gm-launch-copy strong,
.gm-project-desk h2,.prj-info h3{
  font-family:var(--font-display)!important;
  font-kerning:normal;
  font-feature-settings:"kern" 1,"liga" 1;
  font-variation-settings:"wght" 540;
}
.hero h1,.display,.dual-copy h2,.cta-copy h2,.about-live-page h1,
.about-live-page h2,.process-page h1,.process-page h2,.projects-v20-page h1,
.projects-v20-page h2,.content-title,.gm-display,.gm-category h2,
.gm-custom h2,.gm-final h2,.gm-project-desk h2{
  font-weight:540!important;
  letter-spacing:-.052em!important;
  line-height:.93!important;
  text-wrap:balance;
}
.hero h1 em,.editorial-accent,.contact-hero h1 em,.gm-hero h1 em{
  font-family:var(--font-display)!important;
  font-weight:330!important;
  font-style:normal!important;
  letter-spacing:-.058em!important;
}
.hero h1{max-width:11.2ch;font-size:clamp(70px,6.8vw,108px)!important}
.about-live-page h1{max-width:11.4ch;font-size:clamp(66px,6.6vw,103px)!important}
.content-hero h1{font-size:clamp(58px,6.5vw,98px)!important}
.gm-hero--project-first h1{font-size:clamp(54px,6.2vw,90px)!important}

/* Technical and interface type remains quiet and precise. */
.eyebrow,.content-kicker,.gm-kicker,.pp-eyebrow,.prj-eyebrow,
.nav>a,.nav-trigger,.btn,.gm-btn,.text-link,.collection-action,
.footer-col h3,.footer-col summary,.gm-master-label,.gm-category-index,
.gm-product-code,.gm-project-steps,.hero-stat span{
  font-family:var(--font-text)!important;
}
.eyebrow,.content-kicker,.gm-kicker,.pp-eyebrow,.prj-eyebrow{
  font-weight:720!important;
  letter-spacing:.16em!important;
}
.nav>a,.nav-trigger{font-weight:650!important;letter-spacing:.075em!important}
.btn,.gm-btn{font-weight:720!important;letter-spacing:.075em!important}

/* Theme control shows both states; the highlighted symbol is the active theme. */
.theme-btn{
  width:64px!important;
  height:38px!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:2px!important;
  padding:3px!important;
  border-radius:999px!important;
}
.theme-btn .sun,.theme-btn .moon{
  display:block!important;
  width:26px!important;
  height:26px!important;
  padding:5px;
  border-radius:50%;
  box-sizing:border-box;
  opacity:.5;
  transition:opacity .18s ease,background-color .18s ease,color .18s ease;
}
html[data-theme="light"] .theme-btn .sun,
html[data-theme="dark"] .theme-btn .moon{
  background:var(--gm-identity-gold);
  color:#11130f;
  opacity:1;
}

/* Gece signature: fine metal line + architectural cut on primary actions. */
.eyebrow:after,.content-kicker:after,.gm-kicker:before,.pp-eyebrow:after,
.prj-eyebrow:after{background:var(--gm-identity-gold)!important}
.btn.solid,.gm-btn--primary,.contact-hero .btn.solid,.form-footer .btn.solid{
  border-radius:0!important;
  clip-path:polygon(0 0,calc(100% - var(--gm-cut)) 0,100% var(--gm-cut),100% 100%,0 100%);
}
.collection-card,.project-card,.step,.contact-proof-card,.legal-summary-card{
  box-shadow:none;
}

/* Home hero statistics keep one clean baseline at every practical width. */
.hero-stat b{
  font-family:var(--font-display)!important;
  font-size:clamp(24px,2.05vw,31px)!important;
  font-weight:550!important;
  letter-spacing:-.025em!important;
  line-height:.95!important;
  white-space:nowrap;
}
.hero-stat span{font-size:11px!important;line-height:1.35!important}

/* Compass is a control, never a route. */
.gm-compass__link{
  appearance:none;
  border:0;
  font-family:var(--font-text)!important;
}
.gm-compass__panel{border-radius:12px}
.gm-compass__eyebrow{font-family:var(--font-text);font-size:9px}

/* Catalog state must disappear completely after content has rendered. */
.gm-category-loading[hidden],.gm-loading-state[hidden],
.gm-category-loading[aria-busy="false"],.gm-loading-state[aria-busy="false"]{
  display:none!important;
}
.gm-preview-note{font-family:var(--font-text)!important}
.gm-product-meta h3{font-weight:540!important;letter-spacing:-.025em}
.gm-project-desk{background:linear-gradient(125deg,#161812,#201a14 62%,#15130f)}

/* Contact form and legal pages use the same readable text measure. */
.content-page{overflow-x:clip}
.legal-section p{max-width:79ch}
.form-field input,.form-field select,.form-field textarea{font-family:var(--font-text)}

/* Prevent fixed interface layers from obscuring their target sections. */
#proje-galerisi,#web-katalog,#teklif,.prj-picker,.prj-gallery-section{
  scroll-margin-top:calc(var(--header-h) + 24px);
}

@media(max-width:720px){
  :root{--section-space:78px;--gm-cut:8px}
  .hero{min-height:760px}
  .hero-inner{min-height:calc(760px - var(--header-h))}
  .hero h1,.about-live-page h1{font-size:clamp(50px,13.7vw,59px)!important;line-height:.9!important}
  .display,.about-live-page h2{font-size:clamp(40px,10.6vw,49px)!important}
  .dual-copy h2,.cta-copy h2{font-size:clamp(38px,10vw,47px)!important}
  .process-page h1,.projects-v20-page h1,.content-hero h1,
  .gm-hero--project-first h1{font-size:clamp(45px,12.5vw,53px)!important}
  .hero-stats{margin-top:28px}
  .hero-stat{padding-block:15px!important}
  .hero-stat b{font-size:clamp(21px,6vw,25px)!important}
  .hero-stat span{font-size:10px!important;letter-spacing:.08em!important}

  .section,.about-live-page .al-approach,.about-live-page .al-journey,
  .about-live-page .al-process,.process-page .pp-decision,
  .process-page .pp-flow,.process-page .pp-control,
  .process-page .pp-capabilities{padding-block:78px!important}
  .collections-head,.projects-head{margin-bottom:30px!important}
  .collection-grid,.project-grid{gap:10px!important}
  .dual-copy{padding:40px 20px!important}
  .process{padding-block:78px!important}
  .process-head{margin-bottom:42px!important}
  .cta{padding-block:64px!important}

  .prj-picker{padding-top:56px!important}
  .prj-picker-head{margin-bottom:18px!important}
  .prj-gallery-section{padding-bottom:58px!important}
  .prj-info{padding:25px 21px!important}
  .gm-project-evidence{grid-template-columns:repeat(2,minmax(0,1fr))!important}

  .contact-hero{min-height:650px!important}
  .contact-hero-grid{min-height:520px!important}
  .contact-channel{min-height:94px!important;padding:16px 18px!important}
  .contact-channel strong{font-size:22px}
  .contact-quote{padding:58px 0 62px!important}
  .contact-section-head{margin-bottom:26px!important}
  .contact-section-head h2{font-size:44px!important}
  .quote-brief{padding:24px 20px!important}
  .quote-brief h3{margin:12px 0!important;font-size:32px!important}
  .quote-brief-list{margin-top:18px!important}
  .quote-brief-list li{padding:12px 0!important}
  .quote-brief-note{margin-top:17px!important;padding-top:16px!important}
  .quote-form{padding:24px 20px!important}
  .contact-proof{padding-bottom:58px!important}
  .contact-proof-grid{
    display:flex!important;
    gap:10px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    border:0!important;
    scrollbar-width:none;
  }
  .contact-proof-grid::-webkit-scrollbar{display:none}
  .contact-proof-card{
    flex:0 0 82%;
    min-height:190px;
    padding:27px 24px!important;
    border:1px solid var(--line)!important;
    scroll-snap-align:start;
  }
  .contact-location{padding:54px 0!important}
  .contact-location-grid{gap:34px!important}
  .location-row{padding:14px 18px!important}

  .legal-document{padding-block:52px 64px!important}
  .legal-section{padding-block:32px!important}
  .legal-section h3{font-size:29px!important}
  .legal-section p{font-size:14px;line-height:1.74}

  .gm-hero--project-first{padding-top:28px!important}
  .gm-hero--project-first .gm-hero-visual{min-height:84px!important}
  .gm-category-stage{padding-top:10px!important}
  .gm-product-meta h3{font-size:21px!important}
}

@media(max-width:430px){
  .hero h1,.about-live-page h1{font-size:49px!important}
  .hero-stat b{font-size:21px!important}
  .content-shell{width:calc(100% - 30px)}
  .contact-channel{grid-template-columns:44px minmax(0,1fr) auto!important}
}

@media(min-width:721px) and (max-width:1180px){
  .hero-stat b{font-size:24px!important}
}

/* V6.0 privacy preference center — zero third-party runtime */
.gm-consent-root{position:relative;z-index:2147483000;font-family:var(--font-text)}
.gm-consent-banner{position:fixed;z-index:2147483000;left:clamp(12px,3vw,36px);right:clamp(12px,3vw,36px);bottom:clamp(12px,3vw,30px);display:grid;grid-template-columns:82px minmax(0,1fr) minmax(225px,290px);gap:26px;align-items:center;max-width:1240px;margin:auto;padding:30px;background:radial-gradient(circle at 12% 0,rgba(198,161,91,.15),transparent 34%),linear-gradient(135deg,#111412,#090b0a);color:#f3ede2;border:1px solid rgba(198,161,91,.48);box-shadow:0 30px 100px #000c;isolation:isolate}
.gm-consent-banner:before{content:"";position:absolute;z-index:-1;left:0;top:0;width:clamp(120px,22%,270px);height:3px;background:var(--gold,#c7a15b)}
.gm-consent-banner[hidden],.gm-consent-reopen[hidden]{display:none}
.gm-consent-mark{width:76px;height:76px;display:grid;place-items:center;position:relative;border:1px solid rgba(198,161,91,.52);border-radius:50%;color:var(--gold,#c7a15b)}
.gm-consent-mark span{font:500 42px/1 var(--font-display)}
.gm-consent-mark small{position:absolute;right:-3px;bottom:2px;padding:3px 5px;background:#101311;color:#d9bd87;font:750 8px/1 var(--font-text);letter-spacing:.12em}
.gm-consent-kicker{display:flex;align-items:center;gap:12px;margin-bottom:8px;color:var(--gold,#c7a15b);font-size:9px;font-weight:750;letter-spacing:.18em;text-transform:uppercase}
.gm-consent-kicker:after{content:"";width:34px;height:1px;background:currentColor}
.gm-consent-banner h2,.gm-consent-dialog h2{margin:0;font-family:var(--font-display);font-size:clamp(34px,3.5vw,50px);font-weight:500;letter-spacing:-.035em;line-height:.95}
.gm-consent-banner h2 em{color:var(--gold,#c7a15b);font-weight:500}
.gm-consent-banner p,.gm-consent-dialog>form>p{max-width:720px;margin:12px 0 10px;color:#bfb8ad;font-size:13px;line-height:1.62}
.gm-consent-meta{display:flex;flex-wrap:wrap;gap:7px 18px;align-items:center;color:#938d83;font-size:10px}
.gm-consent-meta span:before{content:"✓";margin-right:6px;color:var(--gold,#c7a15b)}
.gm-consent-banner a{color:#d9d1c4;font-size:10px;text-decoration-color:var(--gold,#c7a15b);text-underline-offset:4px}
.gm-consent-actions{display:grid;gap:8px}
.gm-consent-actions button,.gm-consent-dialog button,.gm-consent-reopen{min-height:44px;padding:0 16px;border:1px solid rgba(243,237,226,.22);background:transparent;color:inherit;font:750 10px/1 var(--font-text);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease}
.gm-consent-actions button:hover,.gm-consent-actions button:focus-visible,.gm-consent-dialog button:hover,.gm-consent-dialog button:focus-visible{border-color:var(--gold,#c7a15b);outline:none}
.gm-consent-actions .is-primary,.gm-consent-dialog .is-primary{min-height:50px;background:var(--gold,#c7a15b);border-color:var(--gold,#c7a15b);color:#111;order:-1}
.gm-consent-reopen{position:fixed;z-index:2147482999;left:18px;bottom:18px;min-height:36px;padding:0 12px;background:var(--surface,#111413);color:var(--text,#f2ecdf);border-color:color-mix(in srgb,var(--gold,#c7a15b) 45%,transparent);box-shadow:0 10px 30px #0006}
.gm-consent-reopen--inline{position:static;display:inline-flex;min-height:0;padding:0;border:0;background:transparent;box-shadow:none;color:inherit;font:inherit;letter-spacing:inherit;text-transform:none;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--gold,#c7a15b) 58%,transparent);text-underline-offset:4px}
.gm-consent-dialog{width:min(650px,calc(100% - 28px));max-height:min(760px,calc(100dvh - 28px));padding:0;border:1px solid rgba(198,161,91,.5);background:linear-gradient(145deg,#131614,#0b0d0c);color:#f3ede2;box-shadow:0 30px 100px #000b}
.gm-consent-dialog::backdrop{background:#050706c7;backdrop-filter:blur(7px)}
.gm-consent-dialog form{padding:30px}
.gm-consent-dialog header,.gm-consent-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:16px}
.gm-consent-close{width:42px;padding:0!important;font-size:24px!important}
.gm-consent-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-top:1px solid rgba(243,237,226,.12)}
.gm-consent-row span{display:grid;gap:4px}.gm-consent-row b{font-size:13px}.gm-consent-row small{color:#aaa399;line-height:1.45}
.gm-consent-row input{width:20px;height:20px;accent-color:var(--gold,#c7a15b)}
.gm-consent-dialog footer{padding-top:18px;border-top:1px solid rgba(243,237,226,.12);justify-content:flex-end}
@media(max-width:760px){.gm-consent-banner{left:8px;right:8px;bottom:8px;grid-template-columns:1fr;gap:15px;padding:24px 20px 20px}.gm-consent-mark{width:42px;height:42px;position:absolute;right:18px;top:18px}.gm-consent-mark span{font-size:24px}.gm-consent-mark small{display:none}.gm-consent-kicker{padding-right:58px}.gm-consent-banner h2{max-width:330px;font-size:36px;line-height:.94}.gm-consent-banner p{margin:11px 0 9px;font-size:12.5px}.gm-consent-meta{gap:6px 12px}.gm-consent-actions{grid-template-columns:1fr 1fr}.gm-consent-actions .is-primary{grid-column:1/-1}.gm-consent-actions button{padding:0 9px}.gm-consent-reopen:not(.gm-consent-reopen--inline){bottom:76px}.gm-consent-dialog form{padding:22px}.gm-consent-dialog h2{font-size:36px}}

@media print{
  body{font-family:var(--font-text)!important}
}

@media(max-width:760px){
.gm-consent-banner{left:10px;right:10px;bottom:10px;padding:14px 15px;gap:9px;max-height:min(51dvh,310px);overflow-y:auto;overscroll-behavior:contain}
.gm-consent-mark{display:none}.gm-consent-kicker{padding-right:0;margin-bottom:4px}
.gm-consent-banner h2{max-width:none;font-size:clamp(21px,6vw,25px);line-height:1.05}
.gm-consent-banner p{font-size:11.5px;line-height:1.45;margin:6px 0 4px}
.gm-consent-meta{gap:8px}.gm-consent-meta span{display:none}
.gm-consent-actions{gap:6px;grid-template-columns:1fr 1fr}
.gm-consent-actions button{min-height:38px;font-size:9px;letter-spacing:.02em;padding:0 6px}
.gm-consent-actions .is-primary{min-height:41px}}

/* SOL28 UX polish: mobile first-visit privacy sheet must not conceal the hero. */
@media(max-width:760px){
 .gm-consent-banner{left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));padding:14px 16px 12px;gap:7px;max-height:min(38dvh,245px);overflow-y:auto;box-shadow:0 12px 36px #0009}
 .gm-consent-banner h2{font-size:clamp(18px,5vw,22px);line-height:1.08;letter-spacing:-.018em}
 .gm-consent-banner p{font-size:11px;line-height:1.43;margin:4px 0 5px}
 .gm-consent-kicker{font-size:8px;margin-bottom:4px}
 .gm-consent-meta{display:none}
 .gm-consent-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;align-items:center}
 .gm-consent-actions .is-primary{grid-column:auto;order:0;min-height:39px}
 .gm-consent-actions [data-consent="necessary"]{order:1}
 .gm-consent-actions [data-consent-settings]{grid-column:1/-1;order:2;min-height:28px;border:0;color:#d4c8b5;text-decoration:underline;text-underline-offset:3px}
 .gm-consent-actions button{font-size:9px;letter-spacing:0;white-space:normal;padding:0 6px;min-height:39px}
 .gm-consent-banner a{font-size:11px}
}
@media(max-width:340px){.gm-consent-banner{left:7px;right:7px;padding:11px 12px}.gm-consent-banner p{font-size:10.5px}}

/* v62-refinement.css */
/* ============================================================================
   GECE MOBİLYA — V6.2 PREMIUM REFINEMENT
   Loaded last (after brand-system.css) so it re-tunes the V6.1 system without
   changing its identity. No layout structure is altered; only type rhythm,
   spacing, header, theme control, project/catalogue presentation and motion.
   Light remains the default (handled by the inline head bootstrap in each page).
   ========================================================================== */

:root{
  /* Refined type rhythm tokens (V6.2) */
  --v62-track-display:-.030em;
  --v62-track-tight:-.018em;
  --v62-lead-heading:1.03;
  --v62-label-track:.135em;
}

/* ---------------------------------------------------------------------------
   5B — TYPOGRAPHY : calmer, more confident, less editorial squeeze.
   Everything stays on the locally hosted GM Manrope variable family.
   ------------------------------------------------------------------------- */
.hero h1,.display,.dual-copy h2,.cta-copy h2,.about-live-page h1,
.about-live-page h2,.process-page h1,.process-page h2,.content-title,
.gm-display,.gm-category h2,.gm-custom h2,.gm-final h2,.gm-project-desk h2,
.gm-hero h1,.gm-hero-card strong,.gm-pdf-card h3,.gm-category-index-card strong,
.gm-master-pdf h3,.gm-product-meta h3,.gm-dialog h3,.prj-info h3,
.prj-hero h1,.prj-cta h2,.search-dialog h2{
  font-family:var(--font-display)!important;
  font-weight:540!important;
  letter-spacing:var(--v62-track-display)!important;
  line-height:var(--v62-lead-heading)!important;
  font-style:normal!important;
}

/* Confidence without shouting: measured display scale + wider measure. */
.hero h1{font-size:clamp(62px,5.9vw,96px)!important;max-width:12.8ch!important}
.about-live-page h1{font-size:clamp(58px,5.7vw,90px)!important;max-width:13.2ch!important}
.display{font-size:clamp(44px,3.85vw,60px)!important}
.dual-copy h2{font-size:clamp(35px,2.85vw,47px)!important;line-height:1.07!important}
.cta-copy h2{font-size:clamp(39px,3.6vw,56px)!important}
.content-title{line-height:1.05!important}

/* Accent emphasis is colour + weight, never a decorative serif italic. */
.hero h1 em,.editorial-accent,.contact-hero h1 em,.gm-hero h1 em{
  font-family:var(--font-display)!important;
  font-weight:520!important;
  font-style:normal!important;
  letter-spacing:-.018em!important;
}

/* Product / project / catalogue titles: modern, tactile, readable. */
.project-title,.prj-info h3,.collection-body h3,.collection-name,
.gm-product-meta h3{font-weight:550!important;letter-spacing:-.022em!important}
.gm-product-meta h3{font-size:20px!important;line-height:1.2!important}
.collection-body h3,.collection-name{font-size:17.5px!important}

/* Body copy: comfortable Turkish reading measure and rhythm. */
body{font-weight:450!important;line-height:1.7}
.copy,.content-copy,.gm-copy{font-size:16.5px!important;line-height:1.78!important;letter-spacing:-.004em!important}
.hero .copy{font-size:16.5px!important;line-height:1.76!important}

/* Interface micro-labels: precise, not shouty. */
.eyebrow,.content-kicker,.gm-kicker,.pp-eyebrow,.prj-eyebrow,
.al-experience span,.al-timeline h3,.al-process-grid article>span{
  letter-spacing:var(--v62-label-track)!important;
  font-weight:680!important;
}
.nav>a,.nav-trigger{letter-spacing:.06em!important;font-weight:600!important}
.btn,.gm-btn,.text-link,.collection-action{letter-spacing:.06em!important;font-weight:670!important}
.footer-col h3{letter-spacing:.12em!important;font-weight:650!important}

/* ---------------------------------------------------------------------------
   5C — LIGHT / DARK : keep light primary, make the switch unmistakable.
   ------------------------------------------------------------------------- */
/* Smooth, restrained theme cross-fade (still no flash — data-theme is set
   before first paint by the inline bootstrap). */
body,.gm-catalog{transition:background-color .3s ease,color .3s ease}

/* Theme control: clearer affordance, refined symbols, real focus ring. */
.theme-btn{
  border:1px solid color-mix(in srgb,currentColor 30%,transparent)!important;
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.theme-btn:hover{border-color:var(--gold)!important;transform:translateY(-1px)}
.theme-btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:999px}
.theme-btn .sun,.theme-btn .moon{stroke-width:1.5}
.theme-btn .sun,.theme-btn .moon{transition:opacity .2s ease,background-color .2s ease,color .2s ease}

/* Light-mode catalogue was leaving a dark page ground behind the panel. */
html[data-theme="light"] body.page-catalog{background:#f1ede6!important}

/* ---------------------------------------------------------------------------
   5D — HEADER / NAVIGATION : stronger presence, precise alignment.
   ------------------------------------------------------------------------- */
.brand>img{width:148px!important;max-height:46px!important}
.header .nav{gap:28px}
.header .nav>a{position:relative;padding-bottom:2px}
.header .nav>a:after{
  content:"";position:absolute;left:0;right:0;bottom:-6px;height:1px;
  background:var(--gold);transform:scaleX(0);transform-origin:left;
  transition:transform .28s var(--ease);
}
.header .nav>a:hover:after,
.header .nav>a[aria-current="page"]:after{transform:scaleX(1)}
.header .icon-btn{border-radius:999px}
.header .dropdown a{border-radius:2px}

/* Mobile drawer typography stays readable, never oversized. */
@media(max-width:1180px){
  .nav.open>a,.nav.open .nav-trigger{font-size:16.5px!important;letter-spacing:-.01em!important}
}

/* ---------------------------------------------------------------------------
   5E — HOME : intentional vertical rhythm and section transitions.
   ------------------------------------------------------------------------- */
:root{--section-space:120px}
@media(max-width:1180px){:root{--section-space:92px}}
@media(max-width:720px){:root{--section-space:74px}}

.hero-copy{padding:58px 0 44px!important;max-width:620px!important}
.hero .copy{margin:22px 0 30px!important}
.hero-stats{margin-top:48px!important;gap:0}
.collections-head,.projects-head{margin-bottom:40px!important}
.collections-head>div,.projects-head>div:first-child{max-width:820px!important}

/* Collections: the six-card strip gets calmer geometry and image focus. */
.collection-grid{gap:2px}
.collection-card{border:0}
.collection-card img{transition:transform .5s var(--ease)}
.collection-card:hover img{transform:scale(1.03)}

/* Sections read as one composition: subtle separators, no card piles. */
.section{border-bottom:1px solid var(--line)}

/* ---------------------------------------------------------------------------
   5F — PROJECTS / REFERENCES : image-first, understated metadata.
   ------------------------------------------------------------------------- */
.project-card,.prj-card,.prj-gallery-card{border-radius:2px}
.project-info{
  padding:16px 18px!important;
  border-top:1px solid var(--line-dark);
  background:transparent;
}
.project-no,.prj-counter,.prj-card-label{
  font-weight:700;
  letter-spacing:.12em;
  background:transparent;
}
.project-title{font-size:20px!important;line-height:1.14!important}
.project-arrow{border-width:1px}
.prj-detail-points span{border-color:var(--line)}
.prj-info{padding:34px 34px 30px!important}

/* ---------------------------------------------------------------------------
   5G — CATALOGUE : commercial clarity, efficient desktop density.
   ------------------------------------------------------------------------- */
.gm-catalog{font-family:var(--font-text)!important}
.gm-catalog .gm-display,.gm-catalog .gm-hero h1,.gm-catalog .gm-hero-card strong,
.gm-catalog .gm-pdf-card h3,.gm-catalog .gm-category-index-card strong,
.gm-catalog .gm-master-pdf h3,.gm-catalog .gm-product-meta h3,
.gm-catalog .gm-custom h2,.gm-catalog .gm-final h2,.gm-catalog .gm-dialog h3,
.gm-catalog .gm-category h2{
  font-family:var(--font-display)!important;
  font-weight:520!important;
  letter-spacing:var(--v62-track-display)!important;
  line-height:1.05!important;
  font-style:normal!important;
}
.gm-hero h1{font-size:clamp(50px,6.1vw,88px)!important;line-height:1.02!important;max-width:15ch}
.gm-category h2{font-size:clamp(34px,4vw,56px)!important}
.gm-category-index-card strong{font-size:24px!important}
.gm-product-grid{gap:18px}
.gm-product-card{border-radius:16px}
.gm-product-meta{padding:16px 16px 18px}
.gm-product-code{letter-spacing:.14em}
.gm-search input,.gm-nav a,.gm-nav button{font-family:var(--font-text)}
/* Use available width on very large desktops. */
@media(min-width:1560px){
  .gm-product-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
  :root{--gm-shell:min(1440px,calc(100vw - 96px))}
}

/* ---------------------------------------------------------------------------
   5H — RESPONSIVE : contain overflow, protect logo/text, sane density.
   ------------------------------------------------------------------------- */
html,body{overflow-x:clip}
img,svg,video{max-width:100%}
.shell{min-width:0}
/* Tablet catalogue: 3-up remains scannable, never oversized. */
@media(min-width:821px) and (max-width:1100px){
  .gm-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px}
}
/* Small phones: keep type from clipping and buttons from wrapping oddly. */
@media(max-width:430px){
  .hero h1{font-size:clamp(46px,12.6vw,54px)!important}
  .display,.about-live-page h2{font-size:clamp(37px,10.2vw,45px)!important}
  .gm-product-grid{gap:12px}
  .btn,.gm-btn{white-space:normal}
}

/* ---------------------------------------------------------------------------
   5I — MOTION : only what improves perceived quality; reduced-motion safe.
   ------------------------------------------------------------------------- */
.collection-card,.project-card,.gm-product-card,.gm-btn,.prj-arrow,.project-arrow{
  transition-timing-function:var(--ease);
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{
    transition-duration:.001ms!important;
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
  }
}

/* v62-reference-type-responsive.css */
/* Gece Mobilya — V6.2 Reference Type + Responsive Stability
   Visual target: light geometric grotesk display seen in the supplied reference.
   Uses the existing local GM Manrope variable font: single-storey forms, low-contrast strokes,
   lighter display weight, tight but controlled tracking. No new network/font dependency. */

:root{
  --gm-display-weight:320;
  --gm-display-track:-.046em;
  --gm-display-leading:.965;
}

html,body{max-width:100%;overflow-x:clip}
main,section,.shell,.header-inner,.hero-inner,.hero-copy,.collections-head,.projects-head,
.dual-card,.dual-copy,.project-grid,.project-card,.project-media,.process-head,.steps,.step,
.cta-grid,.cta-copy,.benefits,.benefit,.footer-grid,.footer-col{min-width:0}
img,svg,video,picture{max-width:100%}

/* Reference-style display typography: light, geometric, calm. */
.hero h1,.display,.dual-copy h2,.cta-copy h2,.search-dialog h2,
.about-live-page h1,.about-live-page h2,.process-page h1,.process-page h2,
.process-page .pp-statement,.projects-v20-page h1,.projects-v20-page h2,
.projects-v20-page h3,.content-title,.contact-channel strong,.quote-brief h3,
.contact-proof-card strong,.legal-summary-card strong,.legal-toc h2,
.legal-section-no,.legal-section h3,.legal-link strong,.legal-phone,
.gm-display,.gm-master-pdf h3,.gm-category h2,.gm-product-meta h3,
.gm-custom h2,.gm-final h2,.gm-dialog h3,.gm-launch-copy strong,
.gm-project-desk h2,.prj-info h3{
  font-family:var(--font-display)!important;
  font-style:normal!important;
  font-weight:var(--gm-display-weight)!important;
  font-variation-settings:"wght" 320!important;
  letter-spacing:var(--gm-display-track)!important;
  line-height:var(--gm-display-leading)!important;
  font-synthesis:none;
  text-wrap:balance;
}

.hero h1 em,.editorial-accent,.contact-hero h1 em,.gm-hero h1 em{
  font-family:var(--font-display)!important;
  font-style:normal!important;
  font-weight:var(--gm-display-weight)!important;
  font-variation-settings:"wght" 320!important;
  letter-spacing:-.055em!important;
  line-height:inherit!important;
}

/* Large-scale tuning keeps the reference's airy proportions without becoming a poster gimmick. */
.hero h1{font-size:clamp(62px,5.85vw,90px)!important;max-width:12.4ch}
.display{font-size:clamp(44px,4.05vw,64px)!important}
.dual-copy h2{font-size:clamp(36px,2.9vw,49px)!important;line-height:1!important}
.cta-copy h2{font-size:clamp(40px,3.7vw,60px)!important;line-height:.98!important}
.about-live-page h1{font-size:clamp(62px,6.15vw,94px)!important}
.content-hero h1,.process-page h1,.projects-v20-page h1,.gm-hero--project-first h1{
  font-size:clamp(56px,5.8vw,88px)!important;
}

/* Secondary headings should share the same family but remain denser than campaign display. */
.collection-body h3,.project-title,.step h3,.benefit b,.footer-col h3,
.gm-pdf-card h3,.contact-section-head h2{
  font-family:var(--font-display)!important;
  font-style:normal;
  font-variation-settings:"wght" 470;
}

/* Geometry safeguards for intermediate widths. */
.actions,.header-tools,.projects-tools,.project-info,.footer-bottom{min-width:0}
.actions>*{max-width:100%}
.hero .copy,.projects-lead,.process-lead,.cta-copy>p{max-width:100%}
.collection-body h3,.project-title,.step h3,.benefit b,.footer-col a,.footer-col span{overflow-wrap:break-word}

@media (max-width:1180px){
  .hero h1{font-size:clamp(56px,7.2vw,78px)!important;max-width:12.6ch}
  .display{font-size:clamp(41px,5.3vw,58px)!important}
  .dual-copy h2{font-size:clamp(34px,4vw,46px)!important}
  .cta-copy h2{font-size:clamp(38px,4.7vw,54px)!important}
  .about-live-page h1,.content-hero h1,.process-page h1,.projects-v20-page h1,
  .gm-hero--project-first h1{font-size:clamp(52px,7vw,76px)!important}
  .cta-grid>*{min-width:0}
}

@media (max-width:780px){
  .hero{min-height:clamp(820px,100svh,920px)!important}
  .hero-inner{min-height:calc(clamp(820px,100svh,920px) - var(--header-h))!important}
  .hero-copy{padding-top:clamp(164px,21svh,196px)!important;padding-bottom:38px!important}
  .hero h1{font-size:clamp(45px,12.2vw,56px)!important;line-height:.965!important;max-width:12ch}
  .display,.about-live-page h2{font-size:clamp(37px,9.6vw,45px)!important;line-height:.98!important}
  .dual-copy h2,.cta-copy h2{font-size:clamp(34px,8.9vw,42px)!important;line-height:1!important}
  .about-live-page h1,.content-hero h1,.process-page h1,.projects-v20-page h1,
  .gm-hero--project-first h1{font-size:clamp(43px,11.8vw,52px)!important;line-height:.93!important}

  .collections-head,.projects-head,.process-head{max-width:100%}
  .collection-grid,.project-grid,.steps,.benefits{max-width:100%}
  .collection-card,.project-card,.step,.benefit{min-width:0}
  .dual-card,.dual-card.production{width:100%;max-width:100%}
  .dual-image,.dual-copy{width:100%;max-width:100%}
  .cta-grid{width:100%;max-width:100%}
  .footer-bottom{gap:10px}
}

@media (max-width:520px){
  .hero h1{font-size:clamp(44px,12.2vw,52px)!important;max-width:12ch}
  .hero .copy{font-size:14.5px!important;line-height:1.66!important;max-width:34ch}
  .hero-stats{width:100%}
  .hero-stat{min-width:0}
  .hero-stat b{white-space:normal!important}
  .hero-controls{max-width:100%}
  .collections-head .display,.projects-head .display,.process-head .display{max-width:12.5ch}
  .project-card{max-width:calc(100vw - 40px)}
  .cta-copy h2{max-width:10.5ch!important}
}

/* Very narrow devices need deliberate one-column fallbacks instead of squeezed 2-up modules. */
@media (max-width:360px){
  .shell{width:calc(100% - 24px)!important}
  .hero{min-height:840px!important}
  .hero-inner{min-height:calc(840px - var(--header-h))!important}
  .hero-copy{padding-top:158px!important;padding-bottom:34px!important}
  .hero h1{font-size:42px!important;max-width:12ch}
  .hero .copy{font-size:14px!important}
  .actions{gap:9px}
  .hero-stat b{font-size:20px!important}
  .hero-stat span{font-size:9px!important}
  .collection-grid{gap:8px!important}
  .collection-card{min-height:260px!important}
  .collection-body h3{font-size:12px!important}
  .steps{grid-template-columns:1fr!important}
  .step,.steps .step,.steps .step:first-child,.steps .step:last-child,.steps .step:nth-child(3){min-height:0!important;padding:20px!important}
  .benefits{grid-template-columns:1fr!important}
  .benefit{min-height:132px!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.10)!important}
  .benefit:last-child{border-bottom:0!important}
  .footer-grid{grid-template-columns:1fr!important}
  .footer-col:last-child{grid-column:auto!important}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
}


/* V6.2 SOL4 — measured responsive hardening after real Chromium renders. */
.hero h1,.display,.dual-copy h2,.cta-copy h2,.content-title,.about-live-page h1,.about-live-page h2,.process-page h1,.process-page h2,.projects-v20-page h1,.projects-v20-page h2,.gm-display,.gm-category h2,.gm-custom h2,.gm-final h2{
  overflow-wrap:normal;word-break:normal;hyphens:none;text-rendering:optimizeLegibility;
}
@media (min-width:781px) and (max-height:820px){
  .hero{min-height:100svh!important;}
  .hero-inner{min-height:calc(100svh - var(--header-h))!important;}
  .hero-copy{padding-top:32px!important;padding-bottom:24px!important;}
  .hero h1{font-size:clamp(56px,5.1vw,74px)!important;}
  .hero .copy{margin:16px 0 20px!important;}
  .hero-stats{margin-top:26px!important;}
  .hero-controls{bottom:22px!important;}
}
@media (max-width:720px){
  .project-grid{scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;scroll-padding-inline:14px;}
  .project-card{scroll-snap-align:start;}
}
@media (max-width:520px){
  .hero .copy{margin:18px 0 22px!important;}
  .hero-controls{margin-top:18px!important;}
  .hero-stats{margin-top:20px!important;}
}