:root {
  --ink: #171a18;
  --brown: #674b3b;
  --bronze: #b8734f;
  --cream: #f1efe9;
  --paper: #e4e2da;
  --line: #c7c5bc;
  --dark: #151817;
  --moss: #565f52;
  --chalk: #f4f1e9;
  --serif: "Bodoni Moda", Georgia, serif;
  --sans: "Manrope", system-ui, sans-serif;
}

body {
  background: var(--cream);
  font-family: var(--sans);
  color: var(--ink);
  letter-spacing: -0.01em;
}

body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 90;
  pointer-events: none;
  opacity: 0.035;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");
}

.site-header {
  top: 18px;
  left: 50%;
  right: auto;
  width: min(calc(100% - 36px), 1320px);
  height: 64px;
  padding: 0 14px 0 22px;
  transform: translateX(-50%);
  border-radius: 16px;
  background: rgba(20, 23, 21, 0.76);
  box-shadow: inset 0 1px rgba(255,255,255,.12), 0 16px 50px rgba(0,0,0,.1);
  backdrop-filter: blur(18px);
  transition: color .55s cubic-bezier(.32,.72,0,1), background .55s cubic-bezier(.32,.72,0,1), box-shadow .55s cubic-bezier(.32,.72,0,1);
}

.site-header.scrolled {
  background: rgba(241,239,233,.94);
  color: var(--ink);
  border: 0;
  box-shadow: inset 0 1px rgba(255,255,255,.85), 0 16px 50px rgba(31,31,25,.12);
}

.brand { font: 400 20px/1 var(--serif); }
.brand em { color: #ce8a64; }
.brand-mark { width: 21px; height: 22px; gap: 2px; }
.brand-mark i { width: 5px; }
.brand-mark i:nth-child(1) { height: 9px; }
.brand-mark i:nth-child(2) { height: 15px; }
.brand-mark i:nth-child(3) { height: 22px; color: #ce8a64; }
.site-nav { gap: clamp(15px, 2vw, 28px); font-size: 10px; letter-spacing: .12em; }
.site-nav > a.nav-cta { min-height: 40px; padding: 0 17px !important; border: 0; background: var(--chalk); color: var(--ink) !important; }
.site-header.scrolled .site-nav > a.nav-cta { background: var(--dark); color: #fff !important; }
.dropdown {
  top: calc(100% + 10px);
  border: 0;
  border-radius: 14px;
  padding: 10px;
  background: rgba(244,241,233,.98);
  box-shadow: inset 0 1px rgba(255,255,255,.9), 0 24px 70px rgba(17,20,18,.18);
  transition: opacity .45s cubic-bezier(.32,.72,0,1), transform .45s cubic-bezier(.32,.72,0,1);
}
.dropdown::before { content:""; position:absolute; left:0; right:0; top:-12px; height:14px; }
.dropdown a { border: 0; border-radius: 8px; transition: background .35s cubic-bezier(.32,.72,0,1), transform .35s cubic-bezier(.32,.72,0,1); }
.dropdown a:hover { background: #e9e5dc; transform: translateX(3px); }

.button {
  gap: 18px;
  min-height: 54px;
  padding: 0 9px 0 23px;
  border: 0;
  background: #bd7651;
  color: #171917 !important;
  box-shadow: inset 0 1px rgba(255,255,255,.35);
  transition: transform .55s cubic-bezier(.32,.72,0,1), background .55s cubic-bezier(.32,.72,0,1);
}
.button i {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(20,23,21,.12);
  font-style: normal;
  font-size: 15px;
  transition: transform .55s cubic-bezier(.32,.72,0,1);
}
.button:hover { transform: translateY(-3px); background: #ce8a64; }
.button:hover i { transform: translate(3px,-2px) scale(1.05); }
.button:active { transform: scale(.98); }
.button-dark { background: var(--dark); color: #fff !important; }
.button-dark i { background: rgba(255,255,255,.12); }
.button-light { background: var(--chalk); color: var(--ink) !important; }
.button-light i { background: rgba(20,23,21,.1); }
.text-link { color: inherit; border-bottom-color: currentColor; }
.kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #c6c0b3;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.kicker::before { content:""; width: 28px; height: 1px; background: currentColor; }
.kicker.dark { color: #715b4c; }

/* Material Atelier homepage */
.home .cinematic { height: 340vh; background: var(--dark); }
.home .cinematic-sticky { height: 100dvh; min-height: 680px; background: var(--dark); }
.atelier-stage {
  height: 100%;
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(480px, 1.18fr);
  gap: clamp(24px,3.2vw,54px);
  padding: 102px clamp(22px,3vw,48px) 34px;
  position: relative;
}
.home .hero-copy {
  position: relative;
  inset: auto;
  width: auto;
  transform: none;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 0 clamp(22px,4vh,56px) clamp(0px,2vw,28px);
}
.home .hero-copy h1 {
  margin: 28px 0 26px;
  max-width: 7.2ch;
  color: var(--chalk);
  font: 400 clamp(64px,6.9vw,112px)/.88 var(--serif);
  letter-spacing: -.055em;
}
.home .hero-copy h1 em { color: #c9825c; font-weight: 400; }
.home .hero-copy > p {
  max-width: 50ch;
  margin: 0 0 9px;
  color: #b8b6ae;
  font-size: clamp(14px,1.1vw,17px);
  line-height: 1.65;
}
.atelier-button { margin-top: 25px; }
.material-window {
  position: relative;
  overflow: hidden;
  min-width: 0;
  background: #262825;
  border-radius: 5px 5px 36px 5px;
  box-shadow: 0 30px 100px rgba(0,0,0,.28), inset 0 0 0 8px rgba(255,255,255,.025);
}
.material-window::after {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background: linear-gradient(180deg,transparent 55%,rgba(10,12,11,.68));
}
.home .cinematic-visuals { inset: 8px; width: auto; height: auto; border-radius: 2px 2px 29px 2px; overflow: hidden; }
.home .scene { object-position: center; transition: opacity 1s cubic-bezier(.32,.72,0,1); }
.material-window-rule { position:absolute; z-index:3; top:8px; bottom:8px; left:36px; width:1px; background:rgba(255,255,255,.4); }
.home .cinematic-caption { left: 52px; right: 32px; bottom: 28px; justify-content: flex-end; z-index: 5; }
.home .cinematic-caption p { margin:0; color:#fff; }
.material-thumbs { position:absolute; z-index:8; left:calc(44% - 38px); bottom:24px; display:grid; gap:7px; }
.material-thumbs button { width:58px; height:42px; padding:3px; border:1px solid rgba(255,255,255,.24); border-radius:4px; background:rgba(17,20,18,.48); overflow:hidden; cursor:pointer; opacity:.62; transition:opacity .35s cubic-bezier(.32,.72,0,1),transform .35s cubic-bezier(.32,.72,0,1),border-color .35s cubic-bezier(.32,.72,0,1); }
.material-thumbs button:hover,.material-thumbs button.is-active { opacity:1; transform:translateX(5px); border-color:#e6aa86; }
.material-thumbs img { width:100%; height:100%; object-fit:cover; border-radius:2px; }

.material-index { padding: 34px clamp(22px,6vw,92px) 110px; background:var(--cream); }
.material-index > header { display:flex; justify-content:space-between; gap:30px; padding:0 0 34px; border-bottom:1px solid #aaa99f; }
.material-index > header span { font:400 clamp(26px,3vw,44px) var(--serif); }
.material-index > header p { max-width:34ch; margin:0; color:#656760; }
.material-index > div { margin-left:clamp(0px,16vw,250px); }
.material-row { display:grid; grid-template-columns:minmax(200px,.65fr) 1.2fr 40px; gap:34px; align-items:center; min-height:118px; border-bottom:1px solid #c7c5bc; text-decoration:none; transition:padding .55s cubic-bezier(.32,.72,0,1), color .55s cubic-bezier(.32,.72,0,1); }
.material-row:hover { padding-left:18px; color:#9b5838; }
.material-row strong { font:400 clamp(26px,3.2vw,48px)/1 var(--serif); }
.material-row span { color:#666960; font-size:13px; max-width:56ch; }
.material-row i { font-style:normal; font-size:19px; }

.atelier-intro { display:grid; grid-template-columns:1.25fr .75fr; gap:10vw; padding:clamp(110px,14vw,210px) clamp(22px,7vw,110px); background:#d8d5cc; }
.intro-statement span { color:#6d6f67; font-size:11px; letter-spacing:.14em; text-transform:uppercase; }
.intro-statement h2 { max-width:11ch; margin:24px 0 0; font:400 clamp(52px,6.4vw,96px)/.98 var(--serif); letter-spacing:-.045em; }
.intro-note { align-self:end; max-width:54ch; color:#4f524d; }
.intro-note p:first-child { color:var(--ink); font-size:20px; }

.threshold-story { min-height:820px; display:grid; grid-template-columns:1.15fr .85fr; background:#282d29; color:#fff; }
.threshold-image { position:relative; min-height:650px; margin:38px 0 38px 38px; overflow:hidden; border-radius:3px 3px 32px 3px; }
.threshold-image img { width:100%; height:100%; object-fit:cover; }
.threshold-image span { position:absolute; left:24px; bottom:18px; color:#fff; font-size:10px; letter-spacing:.15em; text-transform:uppercase; }
.threshold-copy { align-self:center; padding:90px clamp(44px,7vw,112px); }
.threshold-copy h2,.market-ledger h2,.coverage-copy h2,.atelier-final h2 { margin:28px 0; font:400 clamp(48px,5.8vw,86px)/.98 var(--serif); letter-spacing:-.04em; }
.threshold-copy p { color:#b8bdb7; max-width:50ch; }

.market-ledger { display:grid; grid-template-columns:.82fr 1.18fr; background:#8e4f35; color:#fff; padding:clamp(100px,13vw,190px) clamp(22px,7vw,110px); gap:9vw; }
.market-ledger-copy p { color:#e1c8b9; max-width:42ch; }
.market-ledger-list a { display:flex; align-items:center; justify-content:space-between; min-height:94px; border-bottom:1px solid rgba(255,255,255,.28); text-decoration:none; font:400 clamp(27px,3.4vw,48px) var(--serif); transition:padding .55s cubic-bezier(.32,.72,0,1), background .55s cubic-bezier(.32,.72,0,1); }
.market-ledger-list a:first-child { border-top:1px solid rgba(255,255,255,.28); }
.market-ledger-list a:hover { padding:0 16px; background:rgba(255,255,255,.06); }
.market-ledger-list i { font:400 18px var(--sans); }

.coverage-panel { display:grid; grid-template-columns:1fr 1fr; min-height:720px; background:#e7e4db; }
.coverage-map { position:relative; overflow:hidden; display:grid; place-items:center; background:#c8c8bd; color:#777970; }
.coverage-map::before,.coverage-map::after { content:""; position:absolute; border:1px solid rgba(57,61,56,.25); border-radius:49% 51% 43% 57%; transform:rotate(-17deg); }
.coverage-map::before { width:62%; aspect-ratio:.72; }
.coverage-map::after { width:42%; aspect-ratio:.78; transform:rotate(22deg); }
.coverage-map span { z-index:2; display:grid; place-items:center; width:126px; aspect-ratio:1; border-radius:50%; background:#8e4f35; color:#fff; font:400 28px var(--serif); }
.coverage-map i { position:absolute; width:1px; height:65%; background:rgba(57,61,56,.24); transform:rotate(42deg); }
.coverage-map b { position:absolute; right:12%; bottom:11%; font-size:10px; letter-spacing:.18em; text-transform:uppercase; }
.coverage-copy { align-self:center; padding:90px clamp(38px,8vw,125px); }
.coverage-copy p { color:#5b5e58; max-width:48ch; }
.coverage-copy .button-row { align-items:center; }

.atelier-faq { display:grid; grid-template-columns:.72fr 1.28fr; gap:8vw; background:var(--cream); }
.atelier-faq h2 { font-size:clamp(50px,6vw,88px); letter-spacing:-.04em; }
.atelier-faq .accordion { width:100%; }
.atelier-faq .accordion summary { padding:30px 0; font-size:clamp(20px,2vw,28px); }
.atelier-final { text-align:left; padding-left:clamp(22px,12vw,190px); background:#151817; }
.atelier-final h2 { max-width:12ch; color:var(--chalk); }
.atelier-final p { margin:0 0 30px; }

/* Carry the thesis through interior pages */
.page-hero { min-height:76dvh; padding:150px clamp(22px,8vw,126px) 76px; }
.scroll-hero { --hero-progress:0; position:relative; overflow:hidden; isolation:isolate; }
.scroll-hero .scroll-hero-media { position:absolute; inset:-9% 0; width:100%; height:118%; max-width:none; object-fit:cover; will-change:transform; transform:translate3d(0,calc(var(--hero-progress) * 8%),0) scale(calc(1.055 - var(--hero-progress) * .025)); }
.scroll-hero .scroll-hero-copy { position:relative; z-index:2; will-change:transform,opacity; transform:translate3d(0,calc(var(--hero-progress) * -72px),0); opacity:calc(1 - var(--hero-progress) * 1.65); }
.scroll-hero-copy > p:last-of-type { max-width:55ch; margin-bottom:0; color:#d4d4cb; }
.scroll-cue { display:flex; width:max-content; clear:both; align-items:center; gap:12px; margin-top:26px; color:rgba(255,255,255,.72); font-size:9px; letter-spacing:.18em; text-transform:uppercase; }
.scroll-cue::before { content:""; width:36px; height:1px; background:currentColor; }
.page-hero-shade { background:linear-gradient(90deg,rgba(18,21,19,.9),rgba(18,21,19,.15)),linear-gradient(0deg,rgba(14,16,15,.62),transparent 45%); }
.page-hero h1 { max-width:12ch; font-size:clamp(58px,7.2vw,106px); letter-spacing:-.045em; }
.page-hero > div > p:last-child { color:#d4d4cb; }
.eyebrow { color:#d49a76; }
.eyebrow.dark { color:#7d5946; }
.split-row { border-top-color:#aaa99f; }
.split-row img,.gallery img { border-radius:3px 3px 28px 3px; }
.card-index,.big-index,.market-detail>span { display:none; }
.market-detail { grid-template-columns:1fr; }
.section-tint { background:#dedbd2; }
.service-card { border-color:rgba(255,255,255,.16); }
.service-card a { transition:background .5s cubic-bezier(.32,.72,0,1), transform .5s cubic-bezier(.32,.72,0,1); }
.service-card a:hover { background:rgba(255,255,255,.05); transform:translateY(-4px); }
.service-card h3 { margin-top:30px; }
.quote-band { background:#8e4f35; }
.contact-hero { background:#d9d6cd; min-height:100dvh; }
.contact-hero > .contact-hero-media { z-index:-2; }
.contact-hero-shade { position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(15,18,16,.88) 0%,rgba(15,18,16,.64) 43%,rgba(15,18,16,.1) 75%); }
.contact-scroll-hero > .scroll-hero-copy { color:#fff; }
.contact-scroll-hero > form { position:relative; z-index:3; }
.contact-hero form { background:#f2efe7; border-radius:3px 3px 28px 3px; box-shadow:inset 0 1px rgba(255,255,255,.8),0 30px 90px rgba(37,39,34,.1); }
.fact-images { display:grid; grid-template-columns:repeat(3,1fr); padding:0; background:var(--dark); }
.fact-images span { position:relative; min-height:330px; padding:28px; display:flex; flex-direction:column; justify-content:flex-end; align-items:flex-start; gap:4px; overflow:hidden; color:#eee9df; }
.fact-images span::after { content:""; position:absolute; inset:0; z-index:0; background:linear-gradient(0deg,rgba(15,18,16,.88),rgba(15,18,16,.06) 70%); }
.fact-images img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.78; }
.fact-images b,.fact-images span { position:relative; }
.fact-images b { z-index:1; color:#fff; font:400 32px/1.05 var(--serif); }
.fact-images span { z-index:1; }
.site-footer { background:#111412; padding-top:120px; }
.footer-action { display:flex; align-items:center; gap:12px; margin-top:14px!important; color:#fff; }
.footer-action span { color:#ce8a64; }
.footer-main p { color:#959b94; }
.footer-main address { color:#b8bdb7; font-style:normal; line-height:1.7; margin:0 0 18px; }

.local-depth-guide { background:#f4f0e8; color:#202521; padding:clamp(88px,10vw,150px) clamp(24px,7vw,108px); border-top:1px solid #d9d4ca; }
.local-guide-header { max-width:1050px; margin:0 auto 80px; }
.local-guide-header h2 { font:400 clamp(42px,6vw,82px)/1.02 "Bodoni Moda",serif; letter-spacing:-.035em; margin:0 0 30px; }
.local-guide-header .direct-answer { max-width:880px; font-size:clamp(18px,2vw,23px); line-height:1.65; color:#414942; }
.local-guide-header .updated { text-transform:uppercase; letter-spacing:.13em; font-size:10px; color:#727a73; margin-top:24px; }
.local-guide-grid { display:grid; grid-template-columns:220px minmax(0,880px); gap:clamp(50px,8vw,120px); justify-content:center; align-items:start; }
.local-guide-grid>aside { position:sticky; top:110px; display:flex; flex-direction:column; border-top:1px solid #aeb4ad; }
.local-guide-grid>aside h2 { font-size:11px; letter-spacing:.14em; text-transform:uppercase; margin:20px 0; }
.local-guide-grid>aside a { padding:12px 0; border-top:1px solid #d4d8d2; color:#515952; text-decoration:none; font-size:12px; }
.local-guide-copy>section { scroll-margin-top:110px; padding:0 0 70px; margin:0 0 70px; border-bottom:1px solid #d4d8d2; }
.local-guide-copy>section:last-child { border-bottom:0; margin-bottom:0; }
.local-guide-copy h2 { font:400 clamp(34px,4vw,54px)/1.08 "Bodoni Moda",serif; letter-spacing:-.025em; margin:0 0 24px; }
.local-guide-copy h3 { font:500 24px/1.25 "Bodoni Moda",serif; margin:38px 0 12px; }
.local-guide-copy p { color:#505851; line-height:1.82; margin:0 0 22px; }
.room-guides { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:#ced3cd; border:1px solid #ced3cd; margin-top:40px; }
.room-guides article { background:#fbf8f2; padding:clamp(25px,4vw,42px); }
.room-guides article:last-child { grid-column:1/-1; }
.room-guides h3 { margin-top:0; }
.table-wrap { overflow-x:auto; margin:35px 0 55px; border:1px solid #cdd2cc; background:#fbf8f2; }
.local-depth-guide table { width:100%; border-collapse:collapse; min-width:720px; }
.local-depth-guide th,.local-depth-guide td { padding:20px; border-bottom:1px solid #d8dcd7; text-align:left; vertical-align:top; font-size:13px; line-height:1.65; }
.local-depth-guide thead th { background:#252b27; color:#fff; text-transform:uppercase; letter-spacing:.1em; font-size:10px; }
.local-depth-guide tbody th { width:185px; font:500 18px "Bodoni Moda",serif; }
.local-depth-guide tbody th a { color:inherit; }
.local-steps { list-style:none; padding:0; margin:40px 0 70px; border-top:1px solid #cbd0ca; }
.local-steps li { display:grid; grid-template-columns:58px 1fr; gap:20px; padding:26px 0; border-bottom:1px solid #cbd0ca; }
.local-steps li>span { font:400 26px "Bodoni Moda",serif; color:#c67c53; }
.local-steps h3 { margin:0 0 8px; }
.local-steps p { margin:0; }
.local-faq .accordion { max-width:none; }
.local-conclusion { background:#202521; color:#fff; padding:clamp(32px,5vw,60px)!important; border:0!important; }
.local-conclusion p { color:#c8cec8; }
.local-conclusion .text-link { color:#fff; align-self:center; }

@media(max-width:900px){
  .local-guide-grid { grid-template-columns:minmax(0,1fr); }
  .local-guide-grid>* { min-width:0; }
  .local-guide-grid>aside { position:static; display:grid; grid-template-columns:1fr 1fr; }
  .local-guide-grid>aside h2 { grid-column:1/-1; }
}

@media(max-width:620px){
  .local-depth-guide { padding-left:20px; padding-right:20px; }
  .local-guide-grid>aside,.room-guides { grid-template-columns:1fr; }
  .room-guides article:last-child { grid-column:auto; }
  .local-steps li { grid-template-columns:42px 1fr; }
}

/* WordPress Elementor canvas isolation for the staging import. */
body.trusted-flooring-import { margin:0!important; background:#111412!important; }
html:has(body.trusted-flooring-import), body.trusted-flooring-import { overflow-x:clip!important; }
body.trusted-flooring-import .elementor,
body.trusted-flooring-import .elementor-section-wrap,
body.trusted-flooring-import .elementor-element,
body.trusted-flooring-import .e-con,
body.trusted-flooring-import .e-con-inner,
body.trusted-flooring-import .elementor-widget,
body.trusted-flooring-import .elementor-widget-container { max-width:none!important; width:100%!important; margin:0!important; padding:0!important; gap:0!important; }
body.trusted-flooring-import .brand { color:inherit!important; }
body.trusted-flooring-import .site-header .brand>span { color:#fff!important; }
body.trusted-flooring-import .brand em { color:#c87d55!important; }
body.trusted-flooring-import .brand-mark i { color:#fff!important; }
body.trusted-flooring-import .brand-mark i:nth-child(3) { color:#c87d55!important; }
body.trusted-flooring-import .scene,
body.trusted-flooring-import .scroll-hero-media,
body.trusted-flooring-import .contact-hero-media { width:100%!important; max-width:none!important; height:100%!important; object-fit:cover!important; }
body.trusted-flooring-import .site-header {
  position:fixed!important;
  top:18px!important;
  left:50%!important;
  right:auto!important;
  width:min(calc(100% - 36px),1320px)!important;
  max-width:1320px!important;
  height:64px!important;
  margin:0!important;
  padding:0 14px 0 22px!important;
  transform:translateX(-50%)!important;
  z-index:100!important;
}
body.trusted-flooring-import.home .hero-copy {
  position:relative!important;
  inset:auto!important;
  width:auto!important;
  transform:none!important;
  opacity:1!important;
  visibility:visible!important;
}
body.trusted-flooring-import.home .hero-copy h1 {
  color:var(--chalk)!important;
  font-family:var(--serif)!important;
  font-weight:400!important;
  line-height:.88!important;
  letter-spacing:-.055em!important;
  opacity:1!important;
  visibility:visible!important;
}
body.trusted-flooring-import.home .hero-copy h1 em { color:#c9825c!important; font-weight:400!important; }
body.trusted-flooring-import.home .hero-copy>.kicker { color:#c6c0b3!important; }
body.trusted-flooring-import.home .hero-copy>p { color:#b8b6ae!important; }
.reveal { transform:translateY(38px); transition:opacity .85s cubic-bezier(.32,.72,0,1),transform .85s cubic-bezier(.32,.72,0,1); }

@media (max-width: 980px) {
  .atelier-stage { grid-template-columns:1fr 1.08fr; gap:24px; }
  .home .hero-copy h1 { font-size:clamp(58px,8vw,82px); }
  .material-row { grid-template-columns:minmax(170px,.7fr) 1fr 30px; }
  .market-ledger,.atelier-faq { grid-template-columns:1fr; }
}

@media (max-width: 820px) {
  .site-header { top:10px; left:10px; right:10px; width:auto; height:62px; padding:0 10px 0 16px; transform:none; }
  .menu-toggle { display:block; color:inherit; width:48px; height:48px; }
  body.trusted-flooring-import .site-header { top:10px!important; left:10px!important; right:10px!important; width:auto!important; max-width:none!important; height:62px!important; padding:0 10px 0 16px!important; transform:none!important; }
  .menu-toggle span { transition:transform .5s cubic-bezier(.32,.72,0,1),opacity .3s cubic-bezier(.32,.72,0,1); }
  .menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .site-nav { position:absolute; inset:auto 0 auto 0; top:72px; width:auto; height:calc(100dvh - 92px); border-radius:18px; background:rgba(241,239,233,.98); padding:22px; box-shadow:0 30px 80px rgba(0,0,0,.22); }
  .atelier-stage { grid-template-columns:1fr; padding:90px 14px 14px; gap:14px; }
  .home .hero-copy { min-height:48%; padding:22px 8px 18px; justify-content:flex-end; }
  .home .hero-copy h1 { max-width:9ch; margin:18px 0; font-size:clamp(48px,12vw,74px); }
  .home .hero-copy > p { max-width:60ch; }
  .material-window { min-height:46%; border-radius:3px 3px 24px 3px; }
  .material-thumbs { left:auto; right:18px; bottom:18px; display:flex; }
  .material-thumbs button { width:44px; height:32px; }
  .home .cinematic-caption { display:flex; left:22px; right:auto; bottom:62px; }
  .material-index > header,.atelier-intro,.threshold-story,.coverage-panel { grid-template-columns:1fr; }
  .material-index > header { display:grid; }
  .material-index > div { margin-left:0; }
  .material-row { grid-template-columns:1fr 32px; gap:14px; padding:23px 0; }
  .material-row span { grid-column:1/-1; grid-row:2; }
  .material-row i { grid-column:2; grid-row:1; }
  .atelier-intro { gap:58px; }
  .threshold-image { margin:16px 16px 0; min-height:55dvh; }
  .threshold-copy { padding:72px 24px 90px; }
  .market-ledger { padding:90px 22px; }
  .coverage-map { min-height:500px; }
  .coverage-copy { padding:76px 24px 96px; }
  .atelier-faq { padding:90px 22px; }
}

@media (max-width: 560px) {
  .home .cinematic { height:300vh; }
  .home .cinematic-sticky { min-height:100dvh; }
  .home .hero-copy { bottom:auto; left:auto; right:auto; top:auto; width:auto; }
  .home .hero-copy h1 { font-size:clamp(45px,13.1vw,60px); }
  .home .hero-copy > p { font-size:13px; line-height:1.55; margin-bottom:0; }
  .atelier-button { width:auto!important; min-height:50px; margin-top:15px; }
  .material-window { min-height:39%; }
  .home .cinematic-caption { font-size:9px; }
  .material-thumbs button:hover,.material-thumbs button.is-active { transform:translateY(-4px); }
  .material-index { padding:70px 20px 90px; }
  .atelier-intro { padding:100px 20px; }
  .intro-statement h2 { font-size:clamp(46px,14vw,64px); }
  .threshold-story { display:block; }
  .threshold-image { min-height:430px; }
  .threshold-copy h2,.market-ledger h2,.coverage-copy h2,.atelier-final h2 { font-size:clamp(45px,13vw,62px); }
  .market-ledger-list a { min-height:76px; font-size:29px; }
  .coverage-map { min-height:390px; }
  .atelier-final { padding:110px 20px; }
  .page-hero { padding:130px 20px 56px; }
  .page-hero h1 { font-size:clamp(46px,13vw,62px); }
  .scroll-cue { margin-top:18px; }
  .fact-images { grid-template-columns:1fr; }
  .fact-images span { min-height:280px; }
}

@media (prefers-reduced-motion: reduce) {
  .home .cinematic { height:100dvh; }
  .material-row:hover,.market-ledger-list a:hover { padding-left:0; }
}