/* Selected concept 1: keep the existing top row; isolate all panel styling under .fm. */
.site-header.fm {--fm-bg:#f5f0e8;--fm-fg:#373a34;--fm-muted:#65675f;--fm-line:#d8d4ca;--fm-accent:#28554b;--fm-panel-height:500px;font-family:Inter,Arial,sans-serif;font-weight:400}
.fm *, .fm *::before, .fm *::after {box-sizing:border-box}
.fm [hidden],.fm-backdrop[hidden] {display:none!important}
.fm a {color:inherit;text-decoration:none}
.fm button {font:inherit;color:inherit;cursor:pointer}
.fm :is(a,button):focus-visible {outline:3px solid #267665;outline-offset:5px;border-radius:4px}
.site-header.fm.is-nav-open {background:var(--fm-bg);--header-fg:var(--fm-fg);--header-border:#989b9166}
.fm-drawer {position:absolute;top:100%;left:0;right:0;background:var(--fm-bg);color:var(--fm-fg);max-height:var(--fm-available,70vh);overflow:auto;overscroll-behavior:contain;border-radius:0 0 24px 24px;box-shadow:0 20px 30px #2228200a;scrollbar-width:thin;pointer-events:auto}
.fm-drawer-tools {display:none}
.fm-backdrop {pointer-events:auto}
.fm:not(.is-nav-ready) .fm-drawer {position:static;max-height:none}
.fm:not(.is-nav-ready) .fm-panel {height:auto}
/* Override the old ID-based purchase layout without affecting legacy previews. */
.fm #nav-panel-buy {flex-direction:column;max-width:1440px;margin-inline:auto;gap:24px}
.fm-panel {max-width:1440px;margin:auto;padding:25px 56px 28px;height:var(--fm-panel-height);display:flex;flex-direction:column;gap:24px;flex-shrink:0}
.is-nav-open .fm-panel:not([hidden]) {animation:fm-appear .2s ease}
@keyframes fm-appear {from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:none}}
.fm-backdrop {position:fixed;z-index:40;inset:0;background:#20271f24;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.fm-eyebrow {margin:0;color:var(--fm-muted);font-size:.6875rem;letter-spacing:.14em;line-height:1.5}
.fm-small {margin:0;color:var(--fm-muted);font-size:.8125rem;line-height:1.6}
.fm-panel-top {display:flex;justify-content:space-between;align-items:center;gap:24px}
.fm-intro h2 {font:400 3.15rem/1.02 Cormorant,Georgia,serif;letter-spacing:-.025em;margin:12px 0 0;text-wrap:balance}
.fm-intro h2 em {font-weight:400}
.fm-copy {font-size:.8125rem;line-height:1.6;margin:20px 0 0;color:var(--fm-muted)}
.fm-models {list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.fm-models li {min-width:0}
.fm-model {display:block}
.fm-product-photo {height:260px;background:white;border-radius:14px;overflow:hidden}
.fm-product-photo img {display:block;width:100%;height:100%;object-fit:contain;padding:10px 8px;transition:transform .3s}
.fm-model:hover .fm-product-photo img {transform:scale(1.025)}
.fm-model-label {display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:1rem;padding:14px 1px 0;white-space:nowrap}
.fm-model-label strong {font-weight:400}
.fm-model-index {display:none}
.fm-arrow {width:30px;height:30px;border:1px solid var(--fm-line);border-radius:50%;display:inline-grid;place-items:center;flex:none;font:400 19px/1 Arial,sans-serif;transition:transform .18s}
.fm a:hover .fm-arrow {transform:translate(2px,-2px)}
.fm-footer {margin-top:auto;border-top:1px solid var(--fm-line);padding-top:18px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.fm-footer p,.fm-scale {margin:0;color:var(--fm-muted);font-size:.75rem;line-height:1.55}
.fm-cta {display:inline-flex;align-items:center;justify-content:space-between;gap:22px;font-size:.875rem;line-height:1.4;min-height:44px;padding:0}
.fm-cta .fm-arrow {background:var(--fm-accent);color:#fff;border-color:var(--fm-accent)}
.fm-cta:hover {text-decoration:underline;text-underline-offset:5px}
.fm-feature {display:block;position:relative;overflow:hidden;border-radius:16px;min-width:0;height:294px;background:#d2d1c7}
.fm-feature img {display:block;width:100%;height:100%;object-fit:cover}
.fm-feature img[data-photo="office"],.fm-feature img[data-photo="study"] {object-position:50% 10%!important}
.fm-feature::after {content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#111b17c7)}
.fm-feature-caption {position:absolute;z-index:1;left:22px;right:22px;bottom:21px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:1.125rem;line-height:1.35}
.fm-feature .fm-arrow {background:#faf7ed;color:#33382f;border-color:#faf7ed}
.fm-air-layout {display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr);gap:64px;align-items:center}
.fm-air-layout>.fm-feature {height:294px}
.fm-link-groups {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;min-width:0}
.fm .fm-link-group h3 {font-family:Inter,Arial,sans-serif;font-size:.6875rem;line-height:1.5;letter-spacing:.13em;text-transform:uppercase;font-weight:400;color:var(--fm-muted);margin:0 0 18px}
.fm-link-group ul {list-style:none;margin:0;padding:0}
.fm-link-group a {display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.875rem;line-height:1.5;min-height:49px;padding:9px 0;border-bottom:1px solid transparent}
.fm-link-group a:hover {border-bottom-color:var(--fm-line)}
.fm-link-index {display:none}
.fm-link-arrow {font-size:18px;color:var(--fm-muted);margin-left:auto;flex:none}

@media (min-width:900px) and (max-width:1150px) {
 .site-header.fm {--fm-panel-height:510px}
 .fm-panel {padding-inline:32px;gap:22px}
 .fm-air-layout {gap:32px;grid-template-columns:.8fr 1.6fr}
 .fm-link-groups {gap:24px}
 .fm-link-group a {font-size:.8125rem}
 .fm-models {gap:16px}
 .fm-product-photo {height:270px}
}
/* Three directly reachable touch triggers match the approved preview. */
@media (max-width:1023px) {
 .site-header.fm .site-nav {display:block;justify-self:center}
 .site-header.fm .nav-menu {display:flex}
 .site-header.fm .header-inner {grid-template-columns:auto 1fr auto;gap:12px}
 .site-header.fm .nav-burger {display:none}
}
@media (max-width:899px) {
 .site-header.fm .header-inner {min-height:56px;padding-inline:8px;gap:8px}
 .site-header.fm .brand__logos,.site-header.fm .brand__logos img {width:35px;height:40px}
 .site-header.fm .header-actions {gap:0}
 .site-header.fm .cart {width:38px;height:38px}
 .site-header.fm .nav-menu__btn {font-size:.8125rem;padding:12px 8px;gap:4px;min-height:44px}
 .site-header.fm .nav-menu__chev {width:11px;height:11px}
  .fm-panel {padding:10px 20px 26px;gap:22px;min-height:0;height:auto}
  .fm-drawer {border-radius:0 0 16px 16px;padding-bottom:env(safe-area-inset-bottom);max-height:var(--fm-available,65vh)}
  .fm-drawer-tools {display:flex;align-items:center;justify-content:space-between;padding:5px 20px 10px;font-size:.6875rem;color:var(--fm-muted);position:sticky;top:0;z-index:3;background:var(--fm-bg)}
  .fm-drawer-tools button {width:44px;height:40px;border:0;background:none;font:26px/1 Arial,sans-serif}
  .fm-panel-top {align-items:start;gap:15px}
  .fm-panel-top .fm-small {font-size:.6875rem}
  .fm-models {grid-template-columns:1fr 1fr;gap:22px 14px}
  .fm-product-photo {height:185px;border-radius:10px}
  .fm-product-photo img {padding:7px 4px}
  .fm-model-label {font-size:.8125rem;padding-top:9px;gap:4px}
  .fm-arrow {width:25px;height:25px;font-size:16px}
  .fm-footer {align-items:start;flex-direction:column;gap:12px}
  .fm-footer .fm-cta {width:100%}
  .fm-air-layout {grid-template-columns:1fr;gap:24px}
  .fm-air-layout>.fm-feature {height:215px}
  .fm-feature-caption {left:18px;right:18px;bottom:18px;font-size:1rem}
  .fm-link-groups {grid-template-columns:1fr;gap:24px}
  .fm-link-group h3 {margin-bottom:10px}
  .fm-link-group a {font-size:.875rem;min-height:49px;border-bottom-color:var(--fm-line)}

}
@media (max-width:374px) {

  .fm-panel {padding-inline:16px}
  .fm-drawer-tools {padding-inline:16px}
  .fm-product-photo {height:168px}
  .fm-model-label {font-size:.75rem}
}
@media (prefers-reduced-motion:reduce) {.fm,.fm *,.fm *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}}
