/* Modern Wood Flooring — shared base. Layout and type are inline on each element (carried over from the approved prototype); this file holds fonts, resets, breakpoints, hover/focus states and stateful UI. */

/* Self-hosted variable fonts (latin + latin-ext). Latin files are preloaded in <head>. */
@font-face{font-family:Inter;font-style:normal;font-weight:400 600;font-display:swap;src:url(../fonts/inter-latin-var.woff2) format('woff2');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}
@font-face{font-family:Inter;font-style:normal;font-weight:400 600;font-display:swap;src:url(../fonts/inter-latin-ext-var.woff2) format('woff2');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:Manrope;font-style:normal;font-weight:500 700;font-display:swap;src:url(../fonts/manrope-latin-var.woff2) format('woff2');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}
@font-face{font-family:Manrope;font-style:normal;font-weight:500 700;font-display:swap;src:url(../fonts/manrope-latin-ext-var.woff2) format('woff2');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}
/* Metric-matched fallbacks, one per weight band (width ratios measured in-browser against the woff2 files; regular weights map to Arial, 600+ to Arial Bold): text keeps the same width and line height while the web fonts load, so swap causes no layout shift. */
@font-face{font-family:'Inter Fallback';font-weight:400 500;src:local('Arial'),local('ArialMT'),local('Helvetica Neue'),local('Helvetica');size-adjust:107.9%;ascent-override:89.9%;descent-override:22.24%;line-gap-override:0%}
@font-face{font-family:'Inter Fallback';font-weight:600 700;src:local('Arial Bold'),local('Arial-BoldMT'),local('Helvetica Neue Bold'),local('Helvetica Bold');size-adjust:101.81%;ascent-override:95.27%;descent-override:23.57%;line-gap-override:0%}
@font-face{font-family:'Manrope Fallback';font-weight:400 500;src:local('Arial'),local('ArialMT'),local('Helvetica Neue'),local('Helvetica');size-adjust:104.14%;ascent-override:102.75%;descent-override:28.81%;line-gap-override:0%}
@font-face{font-family:'Manrope Fallback';font-weight:600 700;src:local('Arial Bold'),local('Arial-BoldMT'),local('Helvetica Neue Bold'),local('Helvetica Bold');size-adjust:99.4%;ascent-override:107.65%;descent-override:30.18%;line-gap-override:0%}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#F5F2EC;color:#1D2420;font-family:Inter,'Inter Fallback',system-ui,sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;text-wrap:pretty}
a{color:#183B31}a:hover{color:#10291F}
img{display:block;max-width:100%;height:auto}
picture{display:contents}
:focus-visible{outline:2px solid #183B31;outline-offset:3px}
select,input,button,textarea{font-family:Inter,'Inter Fallback',system-ui,sans-serif}
.skip{position:absolute;left:-9999px;top:0;background:#183B31;color:#fff;padding:12px 16px;z-index:100}
.skip:focus{left:16px;top:16px}
.m-only{display:none}
.brands-m,.tc-panel{display:none}
[data-topic-sec][hidden]{display:none !important}
.d-only{display:none}
[data-hours-status]:empty,[data-hours-note]:empty{display:none !important}
.mb-l{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15}
.hs-dock{font-size:11px;font-weight:500;opacity:.85;white-space:nowrap}
.proof > li + li{border-left:1px solid #D7D8CE}
.rv-dock{display:none}
/* "Let's find your floor": form left of the steps on desktop; steps → form → contact when stacked */
@media (min-width:901px){.rc-grid{grid-template-columns:6fr 6fr !important}.rc-form{grid-column:1;grid-row:1 / span 2}.rc-steps{grid-column:2;grid-row:1}.rc-contact{grid-column:2;grid-row:2}}

/* hover helpers */
.hv-green:hover{color:#183B31 !important}
.hv-rule:hover{border-bottom-color:currentColor !important}
.hv-under:hover{text-decoration:underline !important}
.hv-ink:hover{background:#10291F !important;color:#F5F2EC !important}
.hv-white:hover{background:#FFFFFF !important}
.hv-sand:hover{background:#ECE9E1 !important}
.hv-paper:hover{background:#FAF8F3 !important}
.hv-edge:hover{border-color:#F5F2EC !important}
.hv-deco:hover{text-decoration-color:#F5F2EC !important}

/* header: transparent over the hero on home + trade until scrolled */
.hdr{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(245,242,236,.97);border-bottom:1px solid #D7D8CE;transition:background .3s ease,border-color .3s ease}
.hdr .nl{color:#1D2420;text-shadow:none}
.hdr[data-overlay]:not([data-solid]){background:transparent;border-bottom-color:transparent}
.hdr[data-overlay]:not([data-solid]) .nl{color:#F5F2EC;text-shadow:0 1px 3px rgba(0,0,0,.45)}
.hdr[data-overlay]:not([data-solid]) .hdr-cta{background:#F5F2EC;color:#1D2420}
.hdr-cta{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;background:#183B31;color:#F5F2EC;text-decoration:none;font-weight:600;font-size:14px;border-radius:3px;white-space:nowrap}
.hdr-cta:hover{background:#10291F;color:#F5F2EC}

/* mood switcher (home) */
[data-mood-img]{opacity:0;transition:opacity .3s ease}
[data-mood-img].on{opacity:1}
[data-mood-btn]{color:#B9C2BB}
[data-mood-btn][aria-pressed="true"]{color:#F5F2EC}
[data-mood-btn] .dot{background:transparent}
[data-mood-btn][aria-pressed="true"] .dot{background:#F5F2EC}
[data-mood-line]{display:none}
[data-mood-line].on{display:block}

/* forms */
.fld{display:flex;flex-direction:column;gap:8px}
.fld > span.lbl{font-size:15px;font-weight:600;color:#1D2420}
.fld .opt{font-weight:400;color:#5A625B}
.inp{width:100%;box-sizing:border-box;min-height:52px;padding:12px 14px;border:1px solid #8C9189;border-radius:4px;font-size:17px;background:#fff;color:#1D2420}
textarea.inp{min-height:132px;resize:vertical}
select.inp{appearance:auto}
.inp:focus{outline:2px solid #183B31;outline-offset:1px;border-color:#183B31}
.inp[aria-invalid="true"]{border-color:#A23B2A;box-shadow:0 0 0 1px #A23B2A}
.err{display:none;font-size:14px;color:#A23B2A;font-weight:500}
.err.on{display:block}
.chk{display:flex;gap:12px;align-items:flex-start;min-height:48px;padding:10px 0;font-size:16px;cursor:pointer}
.chk input{width:22px;height:22px;margin:1px 0 0;accent-color:#183B31;flex-shrink:0}
.pillset{display:flex;flex-wrap:wrap;gap:10px}
.pill{position:relative;display:inline-flex}
.pill input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.pill span{display:inline-flex;align-items:center;white-space:nowrap;min-height:48px;padding:0 18px;border:1px solid #8C9189;border-radius:999px;background:#fff;font-size:16px;color:#1D2420}
.pill input:checked + span{background:#183B31;border-color:#183B31;color:#F5F2EC}
.pill input:focus-visible + span{outline:2px solid #183B31;outline-offset:2px}
.hp{position:absolute !important;left:-10000px !important;width:1px;height:1px;overflow:hidden}
.btn-submit{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:56px;padding:0 28px;background:#183B31;color:#F5F2EC;border:0;border-radius:4px;font-size:17px;font-weight:600;cursor:pointer}
.btn-submit:hover{background:#10291F}
.btn-submit[disabled]{opacity:.6;cursor:progress}

/* catalog filters (progressive enhancement) */
[data-cat-results][hidden]{display:none}
#static-grid[hidden],#filter-results[hidden],#static-pager[hidden],#filter-empty[hidden]{display:none !important}

/* header menu icon state */
#menu-btn .ic-close{display:none}
#menu-btn[aria-expanded="true"] .ic-close{display:block}
#menu-btn[aria-expanded="true"] .ic-open{display:none}

/* product gallery: one slide on desktop (thumbnails swap it); swipe track on mobile */
.gal-track{display:block}
.gal-slide:not(:first-child){display:none}
.gal-count{display:none}
.spec-wrap,.gal-track{overflow-y:hidden}

[data-mob]{display:none !important}
@media (min-width:768px){.btn-submit{width:auto}}
@media (max-width:1120px){
 body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
 [data-desk]{display:none !important}
 [data-mob="flex"]{display:flex !important}
 [data-mob="block"]{display:block !important}
 [data-filters="closed"]{display:none !important}
 /* filters open as a full-screen sheet */
 #filters[data-filters="open"]{position:fixed;inset:0;z-index:80;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;border:0 !important;padding:20px 20px 0 !important;gap:20px !important;background:#FAF8F3 !important}
 #filters .sheet-foot{position:sticky;bottom:0;margin:auto -20px 0;padding:14px 20px calc(14px + env(safe-area-inset-bottom));background:#FAF8F3;border-top:1px solid #D7D8CE;flex-wrap:nowrap !important}
 #filters .sheet-foot > *{flex:1}
 html.sheet-open,html.sheet-open body{overflow:hidden}
 .hero-img{object-position:51% 62% !important}
 [data-menu="closed"]{display:none !important}
}
@media (max-width:900px){
 body{font-size:16px}
 [data-explorer] > *{grid-column:auto !important;grid-row:auto !important}
 [data-stack]{grid-template-columns:1fr !important}
 [data-pad]{padding-left:20px !important;padding-right:20px !important}
 [data-span]{grid-column:1 / -1 !important}
 [data-stack] > *{min-width:0}
}

/* phones (under 768px) */
@media (max-width:767px){
 html,body{overflow-x:clip}
 .m-only{display:block}
 /* header: cream lozenge logo; white icon buttons over the hero, solid cream once past it */
 .hdr > div{min-height:64px !important;gap:12px !important}
 .hdr-logo{padding:6px 14px !important;border-radius:999px !important;background:rgba(245,242,236,.84) !important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
 .hdr-logo img{height:36px !important}
 .hdr .call-lbl,.hdr[data-overlay] .menu-lbl{display:none}
 .hdr[data-overlay] .hdr-ic{width:44px;height:44px;padding:0 !important;justify-content:center;border-radius:999px;transition:background .3s ease}
 .hdr[data-overlay]:not([data-solid]) .hdr-ic{background:rgba(20,28,24,.28) !important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-shadow:none}
 .hdr[data-overlay] [data-mob="flex"]{gap:8px !important}
 /* hero: full first screen, portrait crop, bottom-only gradient, copy in the lower third */
 .hero{min-height:max(560px,100vh) !important;min-height:max(560px,100svh) !important}
 .hero .hero-top,.hero .hero-shade-m{display:none !important}
 .hero .hero-zoom{object-position:50% 50% !important}
 .hero .hero-shade{width:100% !important;height:100% !important;background:linear-gradient(180deg,rgba(24,59,49,0) 0%,rgba(24,59,49,0) 45%,rgba(24,59,49,.3) 62%,rgba(24,59,49,.56) 80%,rgba(24,59,49,.72) 100%) !important}
 .hero .hero-eye{font-size:11px !important;margin-bottom:12px !important;text-shadow:0 1px 3px rgba(0,0,0,.35)}
 .hero .hero-h{font-size:clamp(44px,12.2vw,48px) !important;line-height:1.02 !important;max-width:11ch !important;margin-bottom:12px !important;color:#FFFFFF;text-shadow:0 1px 2px rgba(0,0,0,.22),0 2px 20px rgba(0,0,0,.28)}
 .hero .hero-sub{font-size:17px !important;line-height:1.5 !important;margin-bottom:22px !important;color:rgba(255,255,255,.9) !important;text-shadow:0 1px 3px rgba(0,0,0,.3)}
 .hero .hero-inner{padding-top:96px !important;padding-bottom:72px !important}
 .hero .hero-mob{padding-bottom:72px !important}
 .hero .hero-ctas{flex-direction:column !important;align-items:stretch !important;gap:6px !important}
 .hero .hero-cta1{width:100%;box-sizing:border-box;justify-content:center;text-align:center;min-height:52px !important;background:#F5F2EC}
 .hero .hero-cta2{align-self:center;display:inline-flex !important;align-items:center;justify-content:center;min-height:44px !important;padding:0 8px !important;border:0 !important;background:none !important;color:#FFFFFF !important;font-size:16px !important;font-weight:500 !important;text-decoration:underline !important;text-underline-offset:5px;text-decoration-color:rgba(255,255,255,.7) !important;text-shadow:0 1px 3px rgba(0,0,0,.35)}
 /* home hero: photo fills the space between the top of the screen and the dock; copy in flow at the bottom, grows on short screens / large text */
 .hero-home{min-height:calc(100vh - 56px) !important;min-height:calc(100svh - 56px - env(safe-area-inset-bottom)) !important}
 .hero-home .hero-top{display:block !important;height:132px !important;background:linear-gradient(180deg,rgba(20,28,24,.34) 0%,rgba(20,28,24,0) 100%) !important}
 .hero-home .hero-zoom{object-position:50% 58% !important}
 .hero-home .hero-shade-p{background:linear-gradient(180deg,rgba(24,59,49,0) 0%,rgba(24,59,49,0) 60%,rgba(24,59,49,.28) 78%,rgba(24,59,49,.55) 100%) !important}
 .hero-home .hero-mob{padding:112px 24px 28px !important}
 .hero-home .hero-eye{font-size:11px !important;line-height:1.5 !important;margin-bottom:8px !important;color:rgba(245,242,236,.85)}
 .hero-home .hero-h{font-size:clamp(36px,10.7vw,44px) !important;font-weight:500 !important;line-height:.96 !important;letter-spacing:-.03em !important;max-width:none !important;margin:0 !important;color:#F5F2EC}
 .hero-home .hero-sub,.hero-home .hero-ctas{display:none !important}
 /* home header: logo pill + menu only (the dock carries calling) */
 body:has(.hero-home) .hdr-logo img{height:32px !important}
 body:has(.hero-home) .hdr a[data-placement="header-mobile"]{display:none !important}
 /* dock: same links and behaviour; 92% evergreen while over the home hero, opaque after */
 .mbar{border-top:1px solid rgba(245,242,236,.14);transition:background-color .3s ease}
 .js:not(.past-hero) body:has(.hero-home) .mbar{background:rgba(24,59,49,.92) !important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
 .mbar > a{gap:8px;font-size:15px !important;letter-spacing:.01em;border-right-color:rgba(245,242,236,.16) !important}
 .mbar > a::before{content:"";width:16px;height:16px;flex-shrink:0;background:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
 .mbar > a[href^="tel:"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E")}
 .mbar > a[href^="sms:"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E")}
 .mbar > a[href^="mailto:"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='m22 7-10 6L2 7'/%3E%3C/svg%3E")}
 .mbar > a[data-track="sample_request"]::before{display:none}
 /* proof band + review band above the dock */
 .js .rv-row{display:none !important}
 .proof-band > div{padding-top:16px !important;padding-bottom:20px !important}
 .proof{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
 .proof > li{padding:12px 8px !important;font-size:14px !important;border-left:0 !important}
 .proof > li:nth-child(even){border-left:1px solid #D7D8CE !important}
 .proof > li:nth-child(n+3){border-top:1px solid #D7D8CE}
 .rv-dock{display:flex;position:fixed;left:0;right:0;bottom:calc(56px + env(safe-area-inset-bottom));z-index:59;align-items:center;justify-content:center;gap:8px;min-height:40px;background:#F5F2EC;border-top:1px solid #D7D8CE;color:#1D2420;text-decoration:none;font-size:14px;font-weight:500;opacity:0;transform:translateY(100%);pointer-events:none;transition:opacity .25s ease,transform .25s ease}
 .js.rv-on .rv-dock{opacity:1;transform:none;pointer-events:auto}
 .pv-top > div{padding-top:40px !important;padding-bottom:40px !important}
 .pv-top h2{font-size:30px !important}
 /* home order on phones: hero → proof → Find your floor → reviews → form, then "Find your feeling" and the rest */
 main:has(> .hero-home){display:flex;flex-direction:column}
 main:has(> .hero-home) > .feel,main:has(> .hero-home) > #plan-visit ~ *{order:1}
 /* reviews: horizontal swipe row */
 .rv-cards{display:flex !important;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:20px;-webkit-overflow-scrolling:touch;gap:12px !important;margin:0 -20px !important;padding:0 20px 4px !important;scrollbar-width:none}
 .rv-cards::-webkit-scrollbar{display:none}
 .rv-cards > li{flex:0 0 84%;scroll-snap-align:start}
 .pv-steps{display:none !important}
 /* Find your floor panel */
 .brands-d{display:none !important}
 .brands-m{display:block}
 /* trade hero: same treatment as home — floor-forward crop (ceiling pipework cropped off the top), bottom gradient only, eyebrow + H1; actions move to the ivory panel below */
 .hero-trade{min-height:calc(100vh - 56px) !important;min-height:calc(100svh - 56px - env(safe-area-inset-bottom)) !important}
 .hero-trade .hero-zoom{top:auto !important;bottom:0;height:150% !important;object-position:50% 100% !important}
 .hero-trade .hero-shade{background:linear-gradient(180deg,rgba(24,59,49,0) 0%,rgba(24,59,49,0) 60%,rgba(24,59,49,.28) 78%,rgba(24,59,49,.55) 100%) !important}
 .hero-trade .hero-inner{padding:112px 24px 28px !important}
 .hero-trade .hero-eye{line-height:1.5 !important;margin-bottom:8px !important;color:rgba(245,242,236,.85)}
 .hero-trade .hero-h{font-size:clamp(36px,10.7vw,44px) !important;font-weight:500 !important;line-height:.96 !important;letter-spacing:-.03em !important;max-width:none !important;margin:0 !important;color:#F5F2EC}
 .hero-trade .hero-sub,.hero-trade .hero-ctas{display:none !important}
 .tc-panel{display:block}
 .ffp-row:focus-visible{outline:2px solid #183B31;outline-offset:2px}
 /* home second screen: full-bleed photographic card */
 .feel > div{padding-top:0 !important}
 .feel [data-explorer]{gap:32px !important}
 .feel-fig{margin:0 -20px !important;aspect-ratio:4/5 !important}
 .feel-fig figcaption{top:16px;bottom:auto !important;left:20px !important}
 .feel-head{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
 .pgrid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:28px 16px !important}
 .gal-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -20px;overscroll-behavior-x:contain}
 .gal-track::-webkit-scrollbar{display:none}
 .gal-slide{flex:0 0 100%;scroll-snap-align:start;display:block !important}
 .gal-thumbs{display:none !important}
 .gal-count{display:block}
 .spec-wrap table{min-width:320px}
 .spec-wrap th,.spec-wrap td{overflow-wrap:anywhere}
 .form-submit{position:sticky;bottom:calc(56px + env(safe-area-inset-bottom));z-index:5;margin:0 -20px;padding:12px 20px;background:#F5F2EC;border-top:1px solid #D7D8CE}
 .form-submit .btn-submit{width:100% !important}
 .fnav{padding-top:20px;border-top:1px solid #D7D8CE;gap:0 !important}
 .fnav > span{padding-bottom:4px}
 .fnav > a{display:flex;align-items:center;min-height:44px}
}
@media (max-width:479px){
 .pgrid{grid-template-columns:1fr !important;gap:32px !important}
}
/* home editorial sections, tablet + desktop (768px and up). Phones keep the rules above untouched. */
@media (min-width:768px){
 .d-only{display:block}
 /* Find your feeling */
 .feel-wrap{padding-top:96px !important;padding-bottom:96px !important}
 .feel-fig{width:100%;min-width:0;aspect-ratio:16/10 !important;min-height:560px}
 /* Beautiful in the room: two-image editorial stack */
 .detail-wrap{padding-top:112px !important;padding-bottom:112px !important}
 .detail-imgs{grid-template-columns:minmax(0,1fr) !important;gap:24px !important;align-items:start !important}
 .detail-imgs img{width:100% !important;height:auto !important;margin:0 !important}
 .detail-a{aspect-ratio:4/5 !important}
 .detail-b{aspect-ratio:4/3 !important}
 /* Room inspiration */
 .rooms-wrap{gap:96px !important}
 .rooms-eye{margin-bottom:-48px !important}
 .room-eye{display:none}
 .room-img{width:100% !important;height:auto !important;aspect-ratio:3/2 !important;min-height:520px;object-fit:cover}
 .room-txt{padding-bottom:0 !important}
 .rooms-foot{max-width:none !important}
}
@media (min-width:901px){
 .feel-grid{grid-template-columns:minmax(0,38fr) minmax(0,62fr) !important;column-gap:64px !important;align-items:center !important}
 .detail-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;column-gap:72px !important;align-items:start !important}
 .detail-txt{padding-top:0 !important;position:sticky;top:112px}
 .room{grid-template-columns:repeat(12,minmax(0,1fr)) !important;column-gap:24px !important;align-items:center !important}
 .room-img,.room-txt,.room-media{grid-row:1;min-width:0}
 .room-live .room-img{grid-column:6 / span 7}
 .room-live .room-txt{grid-column:1 / span 4}
 .room-work .room-media{grid-column:1 / span 7}
 .room-work .room-txt{grid-column:9 / span 4}
}
@media (prefers-reduced-motion: reduce){*{transition:none !important;scroll-behavior:auto !important}}
@media print{.hdr,[data-mob],.skip{display:none !important}body{padding:0}}