/* Generated by scripts/build-studio-wide.mjs. Edit the shared source CSS. */
/* 1920px design scale → 2560px at 1.33× → 3840px at 2×.
   Native lengths reflow normally; browser zoom and transforms are unchanged. */
@media (min-width:1800px) {
:root { --display-unit:clamp(1px, .0520833333vw, 2px); }
:root { --paper:#f5f4f0;--white:#fff;--ink:#20211f;--muted:#73746e;--line:#dcdcd4;--red:#ce3d30;--dark:#222521;--ease:cubic-bezier(.22,.61,.36,1) }
* { box-sizing:border-box }
html { scroll-behavior:smooth;scroll-padding-top:calc(100 * var(--display-unit)) }
body { margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased }
body:has(dialog[open]) { overflow:hidden }
button,input,select,textarea { font:inherit }
button,a,input,select,textarea { -webkit-tap-highlight-color:transparent }
button { color:inherit;cursor:pointer }
button { background:none;border:0 }
a { color:inherit;text-decoration:none }
img { display:block;max-width:100% }
button,a { touch-action:manipulation }
button:focus-visible,a:focus-visible,summary:focus-visible { outline:calc(2 * var(--display-unit)) solid var(--red);outline-offset:calc(5 * var(--display-unit)) }
input:focus,select:focus,textarea:focus { outline:1px solid var(--red);outline-offset:0 }
h1,h2,h3,p { margin:0 }
h1,h2,h3 { font-weight:500 }
svg { width:calc(21 * var(--display-unit));height:calc(21 * var(--display-unit));flex-shrink:0 }
[hidden] { display:none!important }
.skip-link { position:fixed;top:calc(-80 * var(--display-unit));left:calc(20 * var(--display-unit));padding:calc(14 * var(--display-unit));background:var(--ink);color:white;z-index:100 }
.skip-link:focus { top:calc(12 * var(--display-unit)) }
.header { height:calc(94 * var(--display-unit));display:flex;align-items:center;padding:0 4.2%;border-bottom:1px solid var(--line);gap:calc(55 * var(--display-unit));position:sticky;top:0;z-index:20;background:rgba(245,244,240,.97);backdrop-filter:blur(calc(16 * var(--display-unit))) }
.wordmark { display:inline-flex;align-items:center;font-size:calc(29 * var(--display-unit));font-weight:800;letter-spacing:calc(2 * var(--display-unit));white-space:nowrap }
.brand-square { width:calc(6 * var(--display-unit));height:calc(6 * var(--display-unit));margin:calc(14 * var(--display-unit)) 0 0 calc(4 * var(--display-unit));background:var(--red) }
.wordmark sup { font-size:calc(8 * var(--display-unit));align-self:flex-start;margin:calc(5 * var(--display-unit)) 0 0 calc(5 * var(--display-unit));letter-spacing:0 }
.desktop-nav { display:flex;gap:calc(30 * var(--display-unit));margin-left:auto }
.desktop-nav a { font-size:calc(13 * var(--display-unit));padding:calc(12 * var(--display-unit)) 0;position:relative }
.desktop-nav a:after { content:"";position:absolute;bottom:calc(5 * var(--display-unit));left:0;width:0;height:1px;background:var(--red);transition:width .25s }
.desktop-nav a:hover:after { width:100% }
.header-tools { display:flex;align-items:center;gap:calc(24 * var(--display-unit));font-size:calc(12 * var(--display-unit)) }
.language { padding:calc(12 * var(--display-unit)) 0;white-space:nowrap }
.language span { color:var(--muted);margin-left:calc(5 * var(--display-unit)) }
.list-trigger { display:flex;align-items:center;gap:calc(8 * var(--display-unit));padding:calc(10 * var(--display-unit)) 0;white-space:nowrap }
.quote-count { display:inline-grid;place-items:center;border:1px solid #bebfb6;border-radius:50%;width:calc(19 * var(--display-unit));height:calc(19 * var(--display-unit));font-size:calc(10 * var(--display-unit)) }
.header-cta { background:var(--ink);color:white;display:flex;gap:calc(28 * var(--display-unit));align-items:center;padding:calc(16 * var(--display-unit)) calc(20 * var(--display-unit));transition:background .25s;white-space:nowrap }
.header-cta:hover { background:var(--red) }
.menu-toggle { display:none }
.mobile-menu { display:none }
.hero { display:grid;grid-template-columns:43% 57%;min-height:calc(640 * var(--display-unit));margin:0 0 0 4.2% }
.hero-copy { padding:calc(70 * var(--display-unit)) calc(30 * var(--display-unit)) calc(32 * var(--display-unit)) 0;display:flex;flex-direction:column;align-items:flex-start;position:relative }
.eyebrow { font-size:calc(10 * var(--display-unit));letter-spacing:calc(1.7 * var(--display-unit));line-height:1.6;font-weight:500 }
.hero-copy>.eyebrow { display:flex;align-items:center;gap:calc(10 * var(--display-unit));letter-spacing:calc(1.3 * var(--display-unit)) }
.red-dot { width:calc(6 * var(--display-unit));height:calc(6 * var(--display-unit));background:var(--red);border-radius:50%;display:inline-block;flex-shrink:0 }
h1 { font-size:clamp(calc(44 * var(--display-unit)),4.85vw,calc(78 * var(--display-unit)));line-height:1.23;letter-spacing:calc(-3 * var(--display-unit));margin:calc(40 * var(--display-unit)) 0 calc(24 * var(--display-unit));font-weight:600 }
.red-period { color:var(--red) }
.hero-description { font-size:calc(14 * var(--display-unit));color:#696b64;line-height:1.9;white-space:pre-line }
.button { min-height:calc(52 * var(--display-unit));display:inline-flex;justify-content:space-between;align-items:center;gap:calc(45 * var(--display-unit));padding:calc(16 * var(--display-unit)) calc(23 * var(--display-unit));font-size:calc(13 * var(--display-unit));transition:background .25s,transform .25s }
.button span:last-child { font-size:calc(20 * var(--display-unit));line-height:1 }
.button-dark { background:var(--ink);color:white }
.button-dark:hover { background:var(--red) }
.hero-copy>.button { margin-top:calc(30 * var(--display-unit)) }
.hero-note { margin-top:auto;padding-top:calc(38 * var(--display-unit));display:flex;align-items:flex-start;gap:calc(16 * var(--display-unit)) }
.note-line { height:1px;width:calc(30 * var(--display-unit));background:#b4b6ac;margin-top:calc(5 * var(--display-unit)) }
.hero-note p { font-size:calc(9 * var(--display-unit));letter-spacing:1px;line-height:1.8 }
.hero-note p span { letter-spacing:.5px;color:var(--muted);font-size:calc(10 * var(--display-unit)) }
.hero-visual { position:relative;overflow:hidden;background:#444942;min-height:calc(640 * var(--display-unit)) }
.hero-visual>img { width:100%;height:100%;object-fit:cover;position:absolute;inset:0;object-position:53% center;transition:opacity .25s,transform 1s var(--ease) }
.hero-visual:after { content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.24),transparent 30%,transparent 55%,rgba(0,0,0,.48));pointer-events:none }
.visual-topline { position:absolute;left:calc(32 * var(--display-unit));right:calc(32 * var(--display-unit));top:calc(30 * var(--display-unit));color:white;display:flex;justify-content:space-between;font-size:calc(9 * var(--display-unit));letter-spacing:calc(1.5 * var(--display-unit));z-index:1 }
.visual-caption { position:absolute;bottom:calc(65 * var(--display-unit));left:calc(36 * var(--display-unit));right:calc(36 * var(--display-unit));z-index:1;color:white;display:flex;justify-content:space-between;align-items:center }
.caption-kicker { display:block;font-size:calc(11 * var(--display-unit));letter-spacing:1px;margin-bottom:calc(12 * var(--display-unit));color:#e2e5dd }
.visual-caption strong { font-size:calc(29 * var(--display-unit));letter-spacing:.8px;font-weight:400 }
.round-arrow { width:calc(49 * var(--display-unit));height:calc(49 * var(--display-unit));border:1px solid #ffffff80;border-radius:50%;display:grid;place-items:center;font-size:calc(23 * var(--display-unit));transition:background .25s }
.round-arrow:hover { background:var(--red);border-color:var(--red) }
.image-disclaimer { position:absolute;bottom:calc(23 * var(--display-unit));left:calc(36 * var(--display-unit));z-index:1;font-size:calc(9 * var(--display-unit));letter-spacing:1px;color:#e1e3db }
.image-corner { position:absolute;z-index:1;width:calc(12 * var(--display-unit));height:calc(12 * var(--display-unit));border-color:#ffffff80;border-style:solid }
.corner-tl { top:calc(65 * var(--display-unit));left:calc(32 * var(--display-unit));border-width:1px 0 0 1px }
.corner-br { bottom:calc(25 * var(--display-unit));right:calc(32 * var(--display-unit));border-width:0 1px 1px 0 }
.hero-selector { display:grid;grid-template-columns:repeat(3,1fr);margin:0 4.2%;border-bottom:1px solid var(--line) }
.hero-tab { display:flex;align-items:center;text-align:left;gap:calc(25 * var(--display-unit));padding:calc(27 * var(--display-unit)) calc(30 * var(--display-unit));position:relative;border-right:1px solid var(--line) }
.hero-tab:first-child { border-left:1px solid var(--line) }
.hero-tab:before { content:"";position:absolute;top:-1px;left:0;right:0;height:calc(3 * var(--display-unit));background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .3s }
.hero-tab.active:before { transform:scaleX(1) }
.hero-tab:hover { background:#edede7 }
.tab-number { font-size:calc(11 * var(--display-unit));color:#93958b }
.active .tab-number { color:var(--red) }
.hero-tab strong { display:block;font-size:calc(14 * var(--display-unit));font-weight:500;margin-bottom:calc(7 * var(--display-unit)) }
.hero-tab small { font-size:calc(8 * var(--display-unit));letter-spacing:calc(1.3 * var(--display-unit));color:var(--muted) }
.tab-arrow { margin-left:auto;font-size:calc(23 * var(--display-unit)) }
.active .tab-arrow { color:var(--red) }
.section-pad { padding:calc(105 * var(--display-unit)) 4.2% }
.section-heading { display:flex;align-items:flex-end;justify-content:space-between;gap:calc(40 * var(--display-unit));margin-bottom:calc(44 * var(--display-unit)) }
.section-index { color:var(--muted);margin-bottom:calc(23 * var(--display-unit)) }
h2 { font-size:clamp(calc(32 * var(--display-unit)),3.1vw,calc(50 * var(--display-unit)));letter-spacing:calc(-1.8 * var(--display-unit));line-height:1.3 }
.section-intro { font-size:calc(12 * var(--display-unit));line-height:1.9;color:var(--muted);max-width:calc(300 * var(--display-unit));white-space:pre-line }
.collection-toolbar { display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:calc(24 * var(--display-unit)) }
.filters { display:flex;gap:calc(30 * var(--display-unit)) }
.filter { font-size:calc(12 * var(--display-unit));padding:calc(17 * var(--display-unit)) 0;position:relative;white-space:nowrap;color:var(--muted) }
.filter:after { content:"";position:absolute;bottom:-1px;left:0;right:0;height:calc(2 * var(--display-unit));background:var(--ink);transform:scaleX(0);transition:transform .25s }
.filter.active { color:var(--ink) }
.filter.active:after { transform:scaleX(1) }
.search { display:flex;align-items:center;gap:calc(10 * var(--display-unit));max-width:calc(220 * var(--display-unit)) }
.search input { width:100%;min-width:0;border:0;background:transparent;font-size:calc(11 * var(--display-unit));padding:calc(12 * var(--display-unit)) calc(3 * var(--display-unit)) }
.search svg { width:calc(16 * var(--display-unit));height:calc(16 * var(--display-unit)) }
.collection-meta { display:flex;justify-content:space-between;font-size:calc(10 * var(--display-unit));color:var(--muted);margin:calc(20 * var(--display-unit)) 0 }
.collection-meta span:last-child { letter-spacing:1px }
.product-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(23 * var(--display-unit)) }
.product-media { position:relative;aspect-ratio:1.08;overflow:hidden;background:#e7e8e1 }
.product-media>button:first-child { display:block;width:100%;height:100%;padding:0 }
.product-media img { width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease) }
.product-card:hover .product-media img { transform:scale(1.045) }
.product-series { position:absolute;top:calc(14 * var(--display-unit));left:calc(14 * var(--display-unit));color:white;text-shadow:0 1px calc(6 * var(--display-unit)) #0009;font-size:calc(9 * var(--display-unit));letter-spacing:calc(1.5 * var(--display-unit));pointer-events:none }
.product-add { position:absolute;bottom:calc(12 * var(--display-unit));right:calc(12 * var(--display-unit));width:calc(35 * var(--display-unit));height:calc(35 * var(--display-unit));background:var(--paper);display:grid;place-items:center;font-size:calc(22 * var(--display-unit));transition:background .2s,color .2s }
.product-add:hover,.product-add.added { background:var(--red);color:white }
.product-info { padding:calc(19 * var(--display-unit)) 0 0 }
.product-top { display:flex;align-items:center;justify-content:space-between;gap:calc(8 * var(--display-unit)) }
.product-top h3 { font-size:calc(19 * var(--display-unit));font-weight:500;letter-spacing:.3px }
.product-top button { font-size:calc(18 * var(--display-unit));padding:calc(4 * var(--display-unit)) }
.product-subtitle { font-size:calc(11 * var(--display-unit));color:var(--muted);margin-top:calc(10 * var(--display-unit)) }
.product-bottom { display:flex;justify-content:space-between;align-items:center;margin-top:calc(22 * var(--display-unit));padding-top:calc(13 * var(--display-unit));border-top:1px solid var(--line);gap:calc(8 * var(--display-unit)) }
.product-bottom>button { font-size:calc(10 * var(--display-unit));padding:calc(5 * var(--display-unit)) 0;white-space:nowrap }
.compare-check { display:flex;align-items:center;gap:calc(5 * var(--display-unit));font-size:calc(10 * var(--display-unit));cursor:pointer;white-space:nowrap }
.compare-check input { accent-color:var(--ink);width:calc(12 * var(--display-unit));height:calc(12 * var(--display-unit));margin:0 }
.collection-bottom { display:flex;align-items:center;justify-content:space-between;gap:calc(20 * var(--display-unit));padding-top:calc(34 * var(--display-unit)) }
.collection-bottom>span { font-size:calc(9 * var(--display-unit));color:var(--muted) }
.text-link { padding:calc(9 * var(--display-unit)) 0;display:inline-block;font-size:calc(12 * var(--display-unit));line-height:1.6;border-bottom:1px solid currentColor }
.text-link:hover { color:var(--red) }
.empty-state { text-align:center;padding:calc(60 * var(--display-unit)) calc(20 * var(--display-unit)) }
.empty-state>span { font-size:calc(38 * var(--display-unit));color:var(--red) }
.empty-state h3 { font-size:calc(20 * var(--display-unit));margin-top:calc(14 * var(--display-unit)) }
.empty-state p { font-size:calc(13 * var(--display-unit));color:var(--muted);margin:calc(14 * var(--display-unit)) 0 }
.spaces { display:grid;grid-template-columns:42% 58%;background:#e9eae3;padding:calc(75 * var(--display-unit)) 4.2%;gap:0 }
.spaces-copy { padding-right:calc(65 * var(--display-unit));display:flex;flex-direction:column;align-items:flex-start }
.spaces h2 { font-size:clamp(calc(36 * var(--display-unit)),3.4vw,calc(54 * var(--display-unit))) }
.spaces-intro { font-size:calc(12 * var(--display-unit));line-height:1.9;margin-top:calc(24 * var(--display-unit));color:#707469;white-space:pre-line }
.space-options { width:100%;margin-top:calc(32 * var(--display-unit)) }
.space-option { display:flex;gap:calc(20 * var(--display-unit));align-items:center;width:100%;border-top:1px solid #c7cac0;padding:calc(21 * var(--display-unit)) 0;text-align:left }
.space-option:last-child { border-bottom:1px solid #c7cac0 }
.space-option>span:first-child { font-size:calc(10 * var(--display-unit));color:#8c9184 }
.space-option strong { font-size:calc(14 * var(--display-unit));font-weight:400 }
.space-option>span:last-child { font-size:calc(20 * var(--display-unit));margin-left:auto;transition:transform .3s }
.space-option.active { color:var(--red) }
.space-option.active>span:last-child { transform:rotate(45deg) }
.space-recommendation { margin-top:calc(28 * var(--display-unit)) }
.space-recommendation .eyebrow { color:var(--muted);font-size:calc(9 * var(--display-unit)) }
.space-recommendation p { font-size:calc(11 * var(--display-unit));line-height:1.8;margin:calc(10 * var(--display-unit)) 0 calc(14 * var(--display-unit));color:#616759 }
.space-visual { min-height:calc(630 * var(--display-unit));position:relative;overflow:hidden }
.space-visual img { width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:52% center }
.space-visual:after { content:"";position:absolute;inset:0;background:linear-gradient(transparent 75%,#0007);pointer-events:none }
.space-image-footer { position:absolute;bottom:calc(25 * var(--display-unit));left:calc(25 * var(--display-unit));right:calc(25 * var(--display-unit));z-index:1;color:white;display:flex;justify-content:space-between;font-size:calc(9 * var(--display-unit));letter-spacing:calc(1.5 * var(--display-unit));gap:calc(12 * var(--display-unit)) }
.approach { display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center }
.approach-image { position:relative;height:calc(580 * var(--display-unit));overflow:hidden;background:#20211f }
.approach-image img { width:100%;height:100%;object-fit:cover;object-position:42% center;filter:brightness(.8) }
.approach-image>span { position:absolute;bottom:calc(24 * var(--display-unit));left:calc(24 * var(--display-unit));color:white;letter-spacing:calc(1.7 * var(--display-unit));font-size:calc(9 * var(--display-unit)) }
.approach-copy>p:not(.eyebrow) { font-size:calc(12 * var(--display-unit));color:var(--muted);line-height:1.9;white-space:pre-line;margin:calc(25 * var(--display-unit)) 0 calc(30 * var(--display-unit)) }
.approach-copy h2 { font-size:clamp(calc(34 * var(--display-unit)),3vw,calc(48 * var(--display-unit))) }
details { border-top:1px solid var(--line) }
details:last-child { border-bottom:1px solid var(--line) }
summary { display:flex;justify-content:space-between;align-items:center;gap:calc(14 * var(--display-unit));list-style:none;cursor:pointer;font-size:calc(12 * var(--display-unit));padding:calc(20 * var(--display-unit)) 0 }
summary::-webkit-details-marker { display:none }
.details-plus { font-size:calc(20 * var(--display-unit));line-height:1;transition:transform .2s }
details[open] .details-plus { transform:rotate(45deg);color:var(--red) }
details p { font-size:calc(11 * var(--display-unit));color:var(--muted);line-height:1.9;padding:0 calc(30 * var(--display-unit)) calc(22 * var(--display-unit)) 0;max-width:calc(380 * var(--display-unit)) }
.project-cta { background:var(--dark);color:var(--paper);padding:calc(70 * var(--display-unit)) 8%;display:flex;justify-content:space-between;gap:calc(40 * var(--display-unit));align-items:flex-end }
.project-cta .eyebrow { color:#b6bbac;margin-bottom:calc(24 * var(--display-unit));font-size:calc(9 * var(--display-unit)) }
.project-cta h2 { font-size:clamp(calc(38 * var(--display-unit)),3.6vw,calc(58 * var(--display-unit))) }
.cta-right { padding-bottom:calc(4 * var(--display-unit)) }
.cta-right p { font-size:calc(12 * var(--display-unit));line-height:1.9;white-space:pre-line;color:#bfc4b6;margin-bottom:calc(27 * var(--display-unit)) }
.button-light { background:var(--paper);color:var(--ink);min-width:calc(225 * var(--display-unit)) }
.button-light:hover { background:var(--red);color:white }
.footer { padding:calc(50 * var(--display-unit)) 4.2% calc(22 * var(--display-unit)) }
.footer-main { display:flex;justify-content:space-between;align-items:center;padding-bottom:calc(43 * var(--display-unit));gap:calc(25 * var(--display-unit)) }
.footer-main>p { font-size:calc(10 * var(--display-unit));line-height:1.8;letter-spacing:1px;color:var(--muted);margin-right:auto;margin-left:calc(45 * var(--display-unit)) }
.footer-main .text-link { font-size:calc(11 * var(--display-unit)) }
.footer-bottom { border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:calc(24 * var(--display-unit));padding-top:calc(22 * var(--display-unit));font-size:calc(8 * var(--display-unit));color:var(--muted);letter-spacing:.7px }
dialog { border:0;background:var(--paper);color:var(--ink);padding:0;max-height:90dvh;box-shadow:0 calc(30 * var(--display-unit)) calc(150 * var(--display-unit)) #0004 }
dialog::backdrop { background:#191d19a8;backdrop-filter:blur(calc(5 * var(--display-unit))) }
dialog[open] { animation:modal-in .25s var(--ease) }
.icon-button { font-size:calc(30 * var(--display-unit));line-height:1;width:calc(42 * var(--display-unit));height:calc(42 * var(--display-unit));display:grid;place-items:center }
.dialog-close { position:absolute;top:calc(17 * var(--display-unit));right:calc(17 * var(--display-unit));z-index:2;background:var(--paper);border-radius:50% }
.product-dialog { width:calc(1060 * var(--display-unit));max-width:94vw }
.product-modal-layout { display:grid;grid-template-columns:54% 46% }
.modal-gallery { min-height:calc(550 * var(--display-unit));position:relative;display:flex;flex-direction:column;background:#e5e6df }
.modal-gallery>img { width:100%;height:calc(460 * var(--display-unit));object-fit:cover }
.modal-gallery-tools { display:flex;align-items:center;justify-content:space-between;padding:calc(17 * var(--display-unit)) calc(23 * var(--display-unit));font-size:calc(10 * var(--display-unit)) }
.modal-gallery-tools button { font-size:calc(22 * var(--display-unit));width:calc(40 * var(--display-unit));height:calc(35 * var(--display-unit)) }
.modal-product-copy { padding:calc(65 * var(--display-unit)) calc(34 * var(--display-unit)) calc(35 * var(--display-unit)) }
.modal-product-copy h2 { font-size:calc(36 * var(--display-unit));margin:calc(18 * var(--display-unit)) 0 calc(14 * var(--display-unit)) }
.modal-product-copy>.modal-subtitle { font-size:calc(13 * var(--display-unit));margin-bottom:calc(20 * var(--display-unit)) }
.modal-product-copy>.modal-description { font-size:calc(12 * var(--display-unit));color:var(--muted);line-height:1.9;min-height:calc(72 * var(--display-unit)) }
.product-facts { margin:calc(24 * var(--display-unit)) 0 }
.product-facts>div { display:flex;justify-content:space-between;gap:calc(20 * var(--display-unit));border-top:1px solid var(--line);padding:calc(15 * var(--display-unit)) 0;font-size:calc(11 * var(--display-unit)) }
.product-facts dt { color:var(--muted) }
.product-facts dd { margin:0 }
.modal-product-copy .button { width:100%;gap:calc(15 * var(--display-unit)) }
.demo-note { font-size:calc(9 * var(--display-unit));color:var(--muted);line-height:1.7;margin-top:calc(16 * var(--display-unit)) }
.compare-dialog { width:calc(1000 * var(--display-unit));max-width:94vw;padding:calc(45 * var(--display-unit)) }
.compare-dialog h2 { font-size:calc(30 * var(--display-unit));margin:calc(15 * var(--display-unit)) calc(30 * var(--display-unit)) calc(28 * var(--display-unit)) 0 }
.compare-table-wrap { overflow:auto }
.compare-table { border-collapse:collapse;width:100%;font-size:calc(12 * var(--display-unit)) }
.compare-table th,.compare-table td { text-align:left;padding:calc(18 * var(--display-unit)) calc(15 * var(--display-unit));border-bottom:1px solid var(--line);min-width:calc(160 * var(--display-unit));font-weight:400;vertical-align:top }
.compare-table th:first-child,.compare-table td:first-child { min-width:calc(100 * var(--display-unit));color:var(--muted) }
.compare-table img { width:100%;height:calc(110 * var(--display-unit));object-fit:cover;margin-bottom:calc(15 * var(--display-unit)) }
.compare-table td>button { font-size:calc(11 * var(--display-unit));text-decoration:underline;padding:0 }
.quote-dialog { width:calc(1080 * var(--display-unit));max-width:96vw }
.quote-heading { padding:calc(28 * var(--display-unit)) calc(32 * var(--display-unit));display:flex;align-items:center;justify-content:space-between;gap:calc(25 * var(--display-unit));border-bottom:1px solid var(--line) }
.quote-heading h2 { font-size:calc(26 * var(--display-unit));margin-top:calc(10 * var(--display-unit));letter-spacing:-.7px }
.quote-heading .eyebrow { font-size:calc(8 * var(--display-unit)) }
.quote-layout { display:grid;grid-template-columns:40% 60% }
.quote-selection { padding:calc(30 * var(--display-unit));background:#eaece3 }
.quote-selection h3 { font-size:calc(15 * var(--display-unit));margin-bottom:calc(24 * var(--display-unit)) }
.quote-item { display:grid;grid-template-columns:calc(67 * var(--display-unit)) 1fr auto;gap:calc(13 * var(--display-unit));padding:calc(18 * var(--display-unit)) 0;border-top:1px solid #ced2c3;align-items:center }
.quote-item img { height:calc(67 * var(--display-unit));width:calc(67 * var(--display-unit));object-fit:cover }
.quote-item h4 { font-weight:500;font-size:calc(12 * var(--display-unit));margin:0 0 calc(8 * var(--display-unit)) }
.quantity-controls { display:flex;align-items:center;gap:calc(8 * var(--display-unit)) }
.quantity-controls button { border:1px solid #bcc2b2;width:calc(23 * var(--display-unit));height:calc(23 * var(--display-unit));font-size:calc(14 * var(--display-unit)) }
.quantity-controls span { font-size:calc(11 * var(--display-unit));min-width:calc(15 * var(--display-unit));text-align:center }
.remove-item { font-size:calc(19 * var(--display-unit));padding:calc(5 * var(--display-unit)) }
.quote-empty { font-size:calc(12 * var(--display-unit));line-height:1.9;color:var(--muted);margin:calc(24 * var(--display-unit)) 0 calc(35 * var(--display-unit)) }
.quote-selection>.text-link { margin-top:calc(20 * var(--display-unit));font-size:calc(11 * var(--display-unit)) }
#inquiry-form { padding:calc(30 * var(--display-unit)) calc(32 * var(--display-unit)) }
.form-note { font-size:calc(10 * var(--display-unit));line-height:1.7;color:#6c725f;margin-bottom:calc(25 * var(--display-unit));background:#eaecdf;padding:calc(12 * var(--display-unit)) }
#inquiry-form label { display:flex;flex-direction:column;font-size:calc(11 * var(--display-unit));gap:calc(9 * var(--display-unit));margin-bottom:calc(20 * var(--display-unit)) }
.field-row { display:grid;grid-template-columns:1fr 1fr;gap:calc(18 * var(--display-unit)) }
input,select,textarea { color:var(--ink);border:1px solid #cacdc1;padding:calc(12 * var(--display-unit));background:transparent;border-radius:0;min-width:0;max-width:100% }
#inquiry-form input,#inquiry-form textarea,#inquiry-form select { font-size:calc(12 * var(--display-unit));width:100% }
textarea { resize:vertical }
#inquiry-form .button { width:100%;margin-bottom:calc(7 * var(--display-unit)) }
#form-feedback { padding:calc(16 * var(--display-unit));background:#e4ebd9;font-size:calc(12 * var(--display-unit));line-height:1.8;margin-top:calc(15 * var(--display-unit)) }
.toast { position:fixed;bottom:calc(26 * var(--display-unit));left:50%;transform:translateX(-50%);z-index:100;background:var(--ink);color:white;padding:calc(16 * var(--display-unit)) calc(24 * var(--display-unit));box-shadow:0 calc(8 * var(--display-unit)) calc(40 * var(--display-unit)) #0003;font-size:calc(12 * var(--display-unit));max-width:92vw;line-height:1.6;animation:modal-in .2s var(--ease) }
@keyframes modal-in {
from { opacity:0;translate:0 calc(10 * var(--display-unit)) }
to { opacity:1;translate:0 0 }
}
@media(min-width:1600px) {
.hero { min-height:calc(740 * var(--display-unit)) }
.hero-visual { min-height:calc(740 * var(--display-unit)) }
.hero-copy { padding-top:calc(95 * var(--display-unit)) }
h1 { margin-top:calc(60 * var(--display-unit)) }
.header { height:calc(100 * var(--display-unit)) }
.hero-note { padding-bottom:calc(30 * var(--display-unit)) }
.product-media { aspect-ratio:1.16 }
.section-pad { padding-top:calc(120 * var(--display-unit));padding-bottom:calc(120 * var(--display-unit)) }
}
@media(prefers-reduced-motion:reduce) {
html { scroll-behavior:auto }
*,*:before,*:after { animation:none!important;transition:none!important }
}

.desktop-nav { gap:calc(24 * var(--display-unit)) }
.header { gap:calc(34 * var(--display-unit)) }
.header-tools { gap:calc(20 * var(--display-unit)) }
.desktop-nav a[aria-current=page] { color:var(--red) }
.desktop-nav a[aria-current=page]:after { width:100% }
.product-media>a { display:block;width:100%;height:100% }
.product-bottom>a { font-size:calc(10 * var(--display-unit));padding:calc(5 * var(--display-unit)) 0 }
.product-bottom .text-link { border:0 }
.button-outline { border:1px solid var(--line);background:transparent }
.button-outline:hover { border-color:var(--ink) }
button:disabled { cursor:default;opacity:.4 }
.small-muted { font-size:calc(9 * var(--display-unit));color:var(--muted);letter-spacing:.7px }
.body-copy { font-size:calc(14 * var(--display-unit));line-height:2;color:#62675c;white-space:pre-line }
.body-copy+.body-copy { margin-top:calc(20 * var(--display-unit)) }
.page-note { font-size:calc(10 * var(--display-unit));line-height:1.9;color:var(--muted);margin-top:calc(20 * var(--display-unit)) }
.section-action { display:flex;align-items:center;gap:calc(35 * var(--display-unit));margin-top:calc(40 * var(--display-unit)) }
.footer-expanded { padding-top:calc(62 * var(--display-unit)) }
.footer-grid { display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:calc(55 * var(--display-unit));padding-bottom:calc(60 * var(--display-unit)) }
.footer-brand>p { font-size:calc(9 * var(--display-unit));line-height:1.9;letter-spacing:.7px;color:var(--muted);margin:calc(20 * var(--display-unit)) 0 calc(16 * var(--display-unit)) }
.footer-brand .text-link { font-size:calc(11 * var(--display-unit)) }
.footer-column-title { font-size:calc(10 * var(--display-unit));margin:calc(7 * var(--display-unit)) 0 calc(24 * var(--display-unit));color:var(--muted);letter-spacing:calc(1.1 * var(--display-unit)) }
.footer-grid>div:not(:first-child)>a { display:block;font-size:calc(11 * var(--display-unit));margin-bottom:calc(15 * var(--display-unit));width:max-content;max-width:100% }
.footer-grid a:hover { color:var(--red) }
.collection-bottom { flex-wrap:wrap }
.collection-bottom .text-link { white-space:nowrap }
.space-recommendation>.text-link+.text-link { margin-left:calc(25 * var(--display-unit)) }
.breadcrumb { padding:calc(23 * var(--display-unit)) 4.2%;display:flex;flex-wrap:wrap;gap:calc(11 * var(--display-unit));font-size:calc(10 * var(--display-unit));color:var(--muted);align-items:center;line-height:1.7 }
.breadcrumb a:hover { color:var(--red) }
.breadcrumb>span:last-child { color:var(--ink) }
.interior-intro { display:grid;grid-template-columns:1.35fr 1fr;gap:calc(80 * var(--display-unit));align-items:end;padding:calc(36 * var(--display-unit)) 4.2% calc(60 * var(--display-unit)) }
.interior-intro .eyebrow,.about-hero .eyebrow { display:flex;align-items:center;gap:calc(10 * var(--display-unit));font-size:calc(9 * var(--display-unit));letter-spacing:calc(1.5 * var(--display-unit)) }
.interior-intro h1 { margin:calc(24 * var(--display-unit)) 0 0;font-size:clamp(calc(43 * var(--display-unit)),4.6vw,calc(72 * var(--display-unit)));line-height:1.23;letter-spacing:calc(-2.5 * var(--display-unit));white-space:pre-line }
.interior-lead { font-size:calc(13 * var(--display-unit));line-height:1.95;color:var(--muted);white-space:pre-line;max-width:calc(440 * var(--display-unit));padding-bottom:calc(5 * var(--display-unit)) }
.wide-banner { position:relative;margin:0 4.2%;height:calc(390 * var(--display-unit));overflow:hidden;background:#42483b }
.wide-banner>img { height:100%;width:100%;object-fit:cover;object-position:50% 56% }
.wide-banner:after { content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0007);pointer-events:none }
.banner-label { position:absolute;left:calc(28 * var(--display-unit));right:calc(28 * var(--display-unit));bottom:calc(25 * var(--display-unit));z-index:1;color:#fff;display:flex;align-items:center;gap:calc(35 * var(--display-unit));font-size:calc(11 * var(--display-unit)) }
.banner-label>span:first-child { font-size:calc(9 * var(--display-unit));letter-spacing:calc(1.3 * var(--display-unit)) }
.banner-label>span:last-child { margin-left:auto;font-size:calc(8 * var(--display-unit));letter-spacing:1px }
.subpage h2 { white-space:pre-line }
.catalog-layout { display:grid;grid-template-columns:calc(190 * var(--display-unit)) minmax(0,1fr);gap:calc(65 * var(--display-unit));padding-top:calc(70 * var(--display-unit));padding-bottom:calc(85 * var(--display-unit)) }
.category-rail>.eyebrow { font-size:calc(8 * var(--display-unit));color:var(--muted) }
.category-rail>h2 { font-size:calc(22 * var(--display-unit));margin:calc(15 * var(--display-unit)) 0 calc(28 * var(--display-unit));letter-spacing:-.6px }
.rail-filters { border-top:1px solid var(--line) }
.rail-filter { display:flex;justify-content:space-between;align-items:center;width:100%;border-bottom:1px solid var(--line);font-size:calc(12 * var(--display-unit));padding:calc(20 * var(--display-unit)) 0 }
.rail-filter:after { display:none }
.rail-filter.active { color:var(--red) }
.rail-filter>span:last-child { font-size:calc(9 * var(--display-unit));color:var(--muted) }
.rail-help { margin-top:calc(50 * var(--display-unit));padding:calc(22 * var(--display-unit)) calc(17 * var(--display-unit));background:#eaece3 }
.rail-help h3 { font-size:calc(12 * var(--display-unit)) }
.rail-help p { font-size:calc(10 * var(--display-unit));line-height:1.9;color:var(--muted);margin:calc(13 * var(--display-unit)) 0 }
.rail-help .text-link { font-size:calc(10 * var(--display-unit)) }
.catalog-main>.collection-toolbar { padding-bottom:calc(20 * var(--display-unit)) }
.catalog-main>.collection-toolbar h2 { font-size:calc(25 * var(--display-unit));margin-top:calc(10 * var(--display-unit));letter-spacing:-.6px }
.catalog-main>.collection-toolbar .eyebrow { font-size:calc(8 * var(--display-unit));color:var(--muted) }
.catalog-products { grid-template-columns:repeat(3,minmax(0,1fr));row-gap:calc(42 * var(--display-unit)) }
.catalog-products .product-top h3 { font-size:calc(17 * var(--display-unit)) }
.sort-control { display:flex;align-items:center;gap:calc(10 * var(--display-unit)) }
.sort-control select { font-size:calc(10 * var(--display-unit));border:0;padding:calc(3 * var(--display-unit)) calc(16 * var(--display-unit)) calc(3 * var(--display-unit)) calc(5 * var(--display-unit)) }
.catalog-main .collection-meta { align-items:center }
.catalog-main .collection-bottom>.text-link { font-size:calc(11 * var(--display-unit)) }
.catalog-main .collection-bottom>span { max-width:calc(260 * var(--display-unit)) }
.detail-hero { padding:calc(26 * var(--display-unit)) 4.2% calc(60 * var(--display-unit));display:grid;grid-template-columns:56% minmax(0,1fr);gap:6% }
.detail-stage { position:relative;width:100%;height:calc(510 * var(--display-unit));padding:0;display:block;overflow:hidden;background:#e4e7dd }
.detail-stage>img { width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease) }
.detail-stage:hover>img { transform:scale(1.025) }
.zoom-label { position:absolute;bottom:calc(20 * var(--display-unit));right:calc(20 * var(--display-unit));display:inline-flex;gap:calc(15 * var(--display-unit));align-items:center;background:var(--paper);padding:calc(12 * var(--display-unit)) calc(16 * var(--display-unit));font-size:calc(10 * var(--display-unit)) }
.detail-thumbs { display:flex;gap:calc(12 * var(--display-unit));align-items:center;padding:calc(17 * var(--display-unit)) 0 }
.detail-thumbs>button { width:calc(76 * var(--display-unit));height:calc(64 * var(--display-unit));padding:0;border:1px solid transparent;opacity:.55;transition:opacity .2s }
.detail-thumbs>button img { width:100%;height:100%;object-fit:cover }
.detail-thumbs>button.active { border-color:var(--red);opacity:1 }
.detail-thumbs>span { margin-left:auto;font-size:calc(9 * var(--display-unit));letter-spacing:1px;color:var(--muted) }
.detail-gallery>.page-note { margin:calc(5 * var(--display-unit)) 0 0;font-size:calc(9 * var(--display-unit)) }
.detail-summary { padding-top:calc(22 * var(--display-unit)) }
.detail-summary>.eyebrow { font-size:calc(9 * var(--display-unit));display:flex;gap:calc(9 * var(--display-unit));align-items:center }
.detail-summary h1 { font-size:calc(53 * var(--display-unit));letter-spacing:calc(-2 * var(--display-unit));margin:calc(25 * var(--display-unit)) 0 calc(14 * var(--display-unit)) }
.detail-subtitle { font-size:calc(13 * var(--display-unit));margin-bottom:calc(24 * var(--display-unit)) }
.detail-description { font-size:calc(12 * var(--display-unit));line-height:1.95;color:var(--muted);max-width:calc(420 * var(--display-unit)) }
.detail-summary .product-facts { margin:calc(27 * var(--display-unit)) 0 }
.detail-actions { display:grid;gap:calc(10 * var(--display-unit)) }
.detail-actions .button { font-size:calc(12 * var(--display-unit));gap:calc(18 * var(--display-unit)) }
.detail-compare { margin:calc(22 * var(--display-unit)) 0 0;display:inline-flex;font-size:calc(11 * var(--display-unit));gap:calc(9 * var(--display-unit)) }
.detail-summary>#compare-open { font-size:calc(10 * var(--display-unit));margin:calc(14 * var(--display-unit)) 0 0 calc(25 * var(--display-unit)) }
.detail-nav { display:flex;position:sticky;top:calc(94 * var(--display-unit));background:var(--paper);z-index:10;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:0 4.2%;gap:calc(40 * var(--display-unit));min-height:calc(65 * var(--display-unit));align-items:center }
.detail-nav a { font-size:calc(12 * var(--display-unit));padding:calc(23 * var(--display-unit)) 0 }
.detail-nav a[aria-current] { color:var(--red) }
.detail-nav>button { margin-left:auto;font-size:calc(12 * var(--display-unit));color:var(--red) }
.editorial-split { display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start }
.editorial-split h2 { font-size:clamp(calc(30 * var(--display-unit)),2.7vw,calc(44 * var(--display-unit))) }
.inline-points { display:grid;grid-template-columns:calc(25 * var(--display-unit)) 1fr;gap:calc(18 * var(--display-unit)) calc(15 * var(--display-unit));font-size:calc(12 * var(--display-unit));margin-top:calc(30 * var(--display-unit)) }
.inline-points>span:nth-child(odd) { font-size:calc(9 * var(--display-unit));color:var(--red);padding-top:calc(3 * var(--display-unit)) }
.spec-section { background:#e9ece3 }
.spec-grid { display:grid;grid-template-columns:1.5fr 1fr;gap:8% }
.spec-data>div { display:flex;justify-content:space-between;border-top:1px solid #cbd0c1;padding:calc(21 * var(--display-unit)) 0;font-size:calc(12 * var(--display-unit));gap:calc(25 * var(--display-unit)) }
.spec-data>div:last-child { border-bottom:1px solid #cbd0c1 }
.spec-data>div>span:first-child { color:var(--muted) }
.resource-panel { background:var(--paper);padding:calc(34 * var(--display-unit));align-self:start }
.resource-panel .eyebrow { font-size:calc(9 * var(--display-unit)) }
.resource-panel h3 { font-size:calc(24 * var(--display-unit));line-height:1.5;margin:calc(22 * var(--display-unit)) 0 calc(15 * var(--display-unit)) }
.resource-panel p:not(.eyebrow) { font-size:calc(12 * var(--display-unit));line-height:1.9;color:var(--muted);margin-bottom:calc(20 * var(--display-unit)) }
.resource-panel .text-link { font-size:calc(11 * var(--display-unit)) }
.related-grid { grid-template-columns:repeat(3,minmax(0,1fr)) }
.image-dialog { max-width:94vw;max-height:94dvh;width:calc(1100 * var(--display-unit));background:#171b16;color:white;overflow:auto }
.image-dialog>img { width:100%;max-height:80dvh;object-fit:contain }
.image-dialog>p { padding:calc(20 * var(--display-unit)) calc(25 * var(--display-unit));font-size:calc(10 * var(--display-unit));letter-spacing:1px }
.image-dialog .dialog-close { color:var(--ink) }
.projects-section { padding-top:0 }
.projects-section>.page-note { margin:calc(20 * var(--display-unit)) 0 calc(32 * var(--display-unit));font-size:calc(10 * var(--display-unit)) }
.project-index-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(60 * var(--display-unit)) calc(32 * var(--display-unit)) }
.project-index-card.featured { grid-column:1/-1 }
.project-picture { display:block;position:relative;overflow:hidden;height:calc(380 * var(--display-unit)) }
.project-index-card.featured .project-picture { height:calc(510 * var(--display-unit)) }
.project-picture>img { width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease) }
.project-picture:hover>img { transform:scale(1.03) }
.project-image-index { position:absolute;top:calc(23 * var(--display-unit));left:calc(25 * var(--display-unit));color:white;font-size:calc(9 * var(--display-unit));letter-spacing:calc(1.5 * var(--display-unit));text-shadow:0 1px calc(5 * var(--display-unit)) #000 }
.project-picture .round-arrow { position:absolute;bottom:calc(23 * var(--display-unit));right:calc(25 * var(--display-unit));color:white }
.project-card-copy { display:flex;justify-content:space-between;gap:calc(20 * var(--display-unit));align-items:flex-end;margin-top:calc(25 * var(--display-unit)) }
.project-card-copy .eyebrow { font-size:calc(8 * var(--display-unit));color:var(--muted);letter-spacing:1px }
.project-card-copy h2 { font-size:calc(27 * var(--display-unit));margin-top:calc(13 * var(--display-unit));letter-spacing:-.7px }
.project-card-copy .text-link { font-size:calc(10 * var(--display-unit));white-space:nowrap }
.case-meta { display:flex;align-items:center;gap:6%;margin:0 4.2%;padding:calc(34 * var(--display-unit)) 0;border-bottom:1px solid var(--line) }
.case-meta .eyebrow { font-size:calc(8 * var(--display-unit));color:var(--muted) }
.case-meta p { font-size:calc(12 * var(--display-unit));margin-top:calc(12 * var(--display-unit)) }
.case-meta>.text-link { margin-left:auto;font-size:calc(11 * var(--display-unit)) }
.case-gallery { display:grid;grid-template-columns:1.3fr 1fr;gap:calc(25 * var(--display-unit));padding:0 4.2% }
.case-gallery>button { position:relative;height:calc(460 * var(--display-unit));padding:0;overflow:hidden }
.case-gallery>button:nth-child(2) { margin-top:calc(65 * var(--display-unit)) }
.case-gallery img { width:100%;height:100%;object-fit:cover }
.case-gallery button>span { position:absolute;bottom:calc(20 * var(--display-unit));left:calc(20 * var(--display-unit));background:var(--paper);padding:calc(10 * var(--display-unit)) calc(15 * var(--display-unit));display:inline-flex;gap:calc(8 * var(--display-unit));font-size:calc(9 * var(--display-unit)) }
.next-project { padding-top:calc(20 * var(--display-unit));padding-bottom:calc(65 * var(--display-unit));display:flex;justify-content:space-between;gap:calc(25 * var(--display-unit)) }
.next-project .text-link { font-size:calc(11 * var(--display-unit)) }
.solution-showcase { display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:calc(20 * var(--display-unit));margin:0 4.2% }
.solution-scene { position:relative;display:block;height:calc(500 * var(--display-unit));overflow:hidden }
.solution-scene>img { width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease) }
.solution-scene:hover>img { transform:scale(1.04) }
.solution-scene:after { content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#0008) }
.solution-scene>div { position:absolute;bottom:calc(25 * var(--display-unit));left:calc(25 * var(--display-unit));right:calc(25 * var(--display-unit));color:white;z-index:1 }
.solution-scene .eyebrow { font-size:calc(8 * var(--display-unit));letter-spacing:1px }
.solution-scene h2 { font-size:calc(27 * var(--display-unit));margin-top:calc(14 * var(--display-unit));letter-spacing:-.5px;max-width:calc(200 * var(--display-unit)) }
.solution-scene .round-arrow { margin-top:calc(25 * var(--display-unit));width:calc(40 * var(--display-unit));height:calc(40 * var(--display-unit));font-size:calc(19 * var(--display-unit)) }
.planner { display:grid;grid-template-columns:1fr 1fr;gap:10%;background:#e9ece3;margin-top:calc(95 * var(--display-unit)) }
.planner-intro h2 { font-size:calc(45 * var(--display-unit)) }
.planner-intro>p:not(.eyebrow) { font-size:calc(12 * var(--display-unit));line-height:1.95;color:var(--muted);max-width:calc(330 * var(--display-unit));margin-top:calc(25 * var(--display-unit)) }
.planner-intro>.page-note { font-size:calc(10 * var(--display-unit))!important }
.planner-panel { background:var(--paper);padding:calc(35 * var(--display-unit)) }
.planner-progress { display:flex;align-items:center;margin-bottom:calc(32 * var(--display-unit));gap:calc(15 * var(--display-unit)) }
.planner-progress>span { height:calc(28 * var(--display-unit));width:calc(28 * var(--display-unit));display:grid;place-items:center;border:1px solid #cdd1c4;border-radius:50%;font-size:calc(8 * var(--display-unit));color:var(--muted) }
.planner-progress>span.active { background:var(--ink);border-color:var(--ink);color:white }
.planner-progress>i { height:1px;flex:1;background:var(--line) }
#planner-step>.eyebrow { font-size:calc(8 * var(--display-unit));color:var(--muted) }
#planner-step h3,#planner-result h3 { font-size:calc(24 * var(--display-unit));line-height:1.5;letter-spacing:-.5px;margin:calc(18 * var(--display-unit)) 0 calc(25 * var(--display-unit)) }
.planner-options { display:grid;gap:calc(10 * var(--display-unit)) }
.planner-choice { padding:calc(19 * var(--display-unit)) calc(17 * var(--display-unit));border:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:calc(20 * var(--display-unit));font-size:calc(12 * var(--display-unit));text-align:left }
.planner-choice.active { border-color:var(--ink);background:#eaece3 }
.planner-choice.active>span:last-child { color:var(--red) }
.planner-controls { display:flex;justify-content:space-between;gap:calc(20 * var(--display-unit));align-items:center;margin-top:calc(28 * var(--display-unit)) }
.planner-controls .button { margin-left:auto;font-size:calc(11 * var(--display-unit));min-height:calc(46 * var(--display-unit));gap:calc(35 * var(--display-unit)) }
.planner-controls .text-link { font-size:calc(10 * var(--display-unit)) }
.planner-summary { margin:0 0 calc(25 * var(--display-unit)) }
.planner-summary>div { display:flex;justify-content:space-between;gap:calc(20 * var(--display-unit));border-top:1px solid var(--line);padding:calc(17 * var(--display-unit)) 0;font-size:calc(12 * var(--display-unit)) }
.planner-summary dt { color:var(--muted) }
.planner-summary dd { margin:0;text-align:right }
#planner-result>.body-copy { font-size:calc(11 * var(--display-unit));margin-bottom:calc(24 * var(--display-unit)) }
#planner-result .button { width:100%;font-size:calc(11 * var(--display-unit));gap:calc(15 * var(--display-unit)) }
#planner-edit { font-size:calc(10 * var(--display-unit));margin-top:calc(17 * var(--display-unit)) }
.process-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(35 * var(--display-unit)) }
.process-grid>div { border-top:1px solid var(--line);padding-top:calc(24 * var(--display-unit)) }
.process-number { font-size:calc(11 * var(--display-unit));color:var(--red);display:block;margin-bottom:calc(40 * var(--display-unit)) }
.process-grid h3 { font-size:calc(20 * var(--display-unit));margin-bottom:calc(16 * var(--display-unit)) }
.process-grid p { font-size:calc(12 * var(--display-unit));line-height:1.9;color:var(--muted) }
.focus-list { margin-top:calc(30 * var(--display-unit)) }
.focus-list>div { display:flex;gap:calc(24 * var(--display-unit));padding:calc(23 * var(--display-unit)) 0;border-top:1px solid var(--line) }
.focus-list>div>span { font-size:calc(9 * var(--display-unit));color:var(--red);padding-top:calc(3 * var(--display-unit)) }
.focus-list h3 { font-size:calc(15 * var(--display-unit));margin-bottom:calc(10 * var(--display-unit)) }
.focus-list p { font-size:calc(12 * var(--display-unit));line-height:1.9;color:var(--muted) }
.related-case>a { display:grid;grid-template-columns:1.3fr 1fr;align-items:center;background:#e9ece3 }
.related-case img { height:calc(420 * var(--display-unit));width:100%;object-fit:cover }
.related-case a>div { padding:calc(45 * var(--display-unit)) }
.related-case .eyebrow { font-size:calc(9 * var(--display-unit));color:var(--muted);margin-bottom:calc(23 * var(--display-unit)) }
.related-case h2 { font-size:calc(36 * var(--display-unit));margin-bottom:calc(30 * var(--display-unit)) }
.related-case div>p:last-child { font-size:calc(12 * var(--display-unit)) }
.about-hero { display:grid;grid-template-columns:1.1fr 1fr;gap:5%;margin:calc(25 * var(--display-unit)) 4.2% 0;align-items:center }
.about-hero h1 { font-size:clamp(calc(42 * var(--display-unit)),4.3vw,calc(66 * var(--display-unit)));letter-spacing:calc(-2 * var(--display-unit));white-space:pre-line;margin:calc(33 * var(--display-unit)) 0 calc(30 * var(--display-unit)) }
.about-hero-picture { position:relative;height:calc(650 * var(--display-unit));overflow:hidden }
.about-hero-picture img { height:100%;width:100%;object-fit:cover;object-position:65% center }
.about-hero-picture>span { position:absolute;bottom:calc(25 * var(--display-unit));left:calc(25 * var(--display-unit));color:white;font-size:calc(8 * var(--display-unit));letter-spacing:calc(1.2 * var(--display-unit)) }
.values-section { background:#e9ece3 }
.values-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7% }
.values-grid>article { border-top:1px solid #c3c9b9;padding-top:calc(25 * var(--display-unit)) }
.values-grid article>span { font-size:calc(10 * var(--display-unit));color:var(--red) }
.values-grid h3 { font-size:calc(27 * var(--display-unit));margin:calc(45 * var(--display-unit)) 0 calc(20 * var(--display-unit));letter-spacing:-.5px }
.values-grid p { font-size:calc(12 * var(--display-unit));line-height:1.9;color:var(--muted);max-width:calc(270 * var(--display-unit)) }
.about-detail { display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center }
.about-detail img { height:calc(540 * var(--display-unit));width:100%;object-fit:cover }
.about-detail .body-copy { font-size:calc(12 * var(--display-unit));margin:calc(25 * var(--display-unit)) 0 }
.about-detail .text-link { font-size:calc(11 * var(--display-unit));display:table;margin-top:calc(20 * var(--display-unit)) }
.contact-section { padding-top:calc(15 * var(--display-unit));display:grid;grid-template-columns:.85fr 1.3fr;gap:10%;align-items:start }
.contact-topic { display:flex;text-align:left;width:100%;padding:calc(23 * var(--display-unit)) 0;gap:calc(20 * var(--display-unit));border-top:1px solid var(--line) }
.contact-topic:last-child { border-bottom:1px solid var(--line) }
.contact-topic>span:first-child { font-size:calc(9 * var(--display-unit));color:var(--muted);padding-top:calc(3 * var(--display-unit)) }
.contact-topic>span:last-child { margin-left:auto;font-size:calc(19 * var(--display-unit)) }
.contact-topic h3 { font-size:calc(17 * var(--display-unit));margin-bottom:calc(12 * var(--display-unit)) }
.contact-topic p { font-size:calc(11 * var(--display-unit));color:var(--muted);line-height:1.8 }
.contact-topic.active h3,.contact-topic.active>span:last-child { color:var(--red) }
.contact-selection { padding:calc(27 * var(--display-unit));background:#e9ece3;margin-top:calc(40 * var(--display-unit)) }
.contact-selection>.eyebrow { font-size:calc(8 * var(--display-unit));color:var(--muted) }
.contact-selection>h3 { font-size:calc(20 * var(--display-unit));line-height:1.5;margin-top:calc(18 * var(--display-unit));margin-bottom:calc(20 * var(--display-unit)) }
.selection-links { display:flex;justify-content:space-between;gap:calc(15 * var(--display-unit));flex-wrap:wrap;margin-top:calc(15 * var(--display-unit)) }
.selection-links .text-link { font-size:calc(10 * var(--display-unit)) }
.contact-form-wrap .section-heading { margin-bottom:calc(30 * var(--display-unit)) }
.contact-form-wrap h2 { font-size:calc(32 * var(--display-unit)) }
.contact-form-wrap form label { display:flex;flex-direction:column;gap:calc(10 * var(--display-unit));font-size:calc(11 * var(--display-unit));margin-bottom:calc(22 * var(--display-unit)) }
.contact-form-wrap input,.contact-form-wrap textarea,.contact-form-wrap select { font-size:calc(12 * var(--display-unit));width:100%;padding:calc(14 * var(--display-unit)) }
.contact-form-wrap .field-row { gap:calc(20 * var(--display-unit)) }
.contact-form-wrap .form-note { font-size:calc(10 * var(--display-unit));line-height:1.9 }
.contact-form-wrap button[type=submit] { width:100%;margin-top:calc(20 * var(--display-unit));font-size:calc(12 * var(--display-unit)) }
.consent-note { font-size:calc(9 * var(--display-unit));line-height:1.8;color:var(--muted) }
.consent-note a { color:var(--ink);text-decoration:underline }
.form-feedback { padding:calc(18 * var(--display-unit));font-size:calc(12 * var(--display-unit));line-height:1.9;background:#e2e9d7;margin-top:calc(20 * var(--display-unit)) }
.contact-bottom { background:#e9ece3;display:flex;justify-content:space-between;gap:calc(40 * var(--display-unit));padding-top:calc(60 * var(--display-unit));padding-bottom:calc(60 * var(--display-unit));align-items:center }
.contact-bottom h2 { font-size:calc(30 * var(--display-unit)) }
.contact-bottom>div { display:flex;flex-direction:column;align-items:flex-start;gap:calc(14 * var(--display-unit)) }
.contact-bottom .text-link { font-size:calc(11 * var(--display-unit)) }
.resource-cards { padding-top:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(25 * var(--display-unit)) }
.resource-cards article { background:#e9ece3;padding:calc(32 * var(--display-unit)) }
.resource-symbol { font-size:calc(44 * var(--display-unit));font-weight:300;display:block;margin-bottom:calc(38 * var(--display-unit)) }
.resource-cards .eyebrow { font-size:calc(8 * var(--display-unit));color:var(--muted);margin-bottom:calc(18 * var(--display-unit)) }
.resource-cards h2 { font-size:calc(25 * var(--display-unit));line-height:1.5;letter-spacing:-.5px;min-height:calc(76 * var(--display-unit)) }
.resource-cards p:not(.eyebrow) { font-size:calc(12 * var(--display-unit));color:var(--muted);line-height:1.9;min-height:calc(70 * var(--display-unit));margin-top:calc(10 * var(--display-unit)) }
.resource-cards .text-link { font-size:calc(11 * var(--display-unit)) }
.faq-section { padding-top:calc(10 * var(--display-unit));display:grid;grid-template-columns:.8fr 1.2fr;gap:10% }
.faq-section h2 { font-size:calc(36 * var(--display-unit)) }
.faq-section .body-copy { font-size:calc(12 * var(--display-unit));margin:calc(25 * var(--display-unit)) 0 calc(13 * var(--display-unit)) }
.faq-section .text-link { font-size:calc(11 * var(--display-unit)) }
.faq-search { display:flex;flex-direction:column;font-size:calc(10 * var(--display-unit));gap:calc(10 * var(--display-unit));margin-bottom:calc(20 * var(--display-unit)) }
.faq-search input { font-size:calc(12 * var(--display-unit));padding:calc(14 * var(--display-unit)) }
.faq-filters { gap:calc(28 * var(--display-unit));border-bottom:1px solid var(--line);margin-bottom:calc(23 * var(--display-unit)) }
.faq-filters .filter { font-size:calc(11 * var(--display-unit)) }
.faq-item summary { padding:calc(22 * var(--display-unit)) 0;font-size:calc(13 * var(--display-unit));line-height:1.8 }
.faq-item p { font-size:calc(12 * var(--display-unit));max-width:none;padding-right:calc(25 * var(--display-unit));line-height:2 }
.standard-section { padding-top:calc(10 * var(--display-unit));display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:start }
.standard-picture { height:calc(630 * var(--display-unit));position:relative;background:var(--ink) }
.standard-picture img { height:100%;width:100%;object-fit:cover }
.standard-picture p { position:absolute;bottom:calc(25 * var(--display-unit));left:calc(25 * var(--display-unit));color:white;letter-spacing:calc(1.5 * var(--display-unit));font-size:calc(8 * var(--display-unit)) }
.standard-tabs { display:flex;gap:calc(20 * var(--display-unit));border-bottom:1px solid var(--line);margin-bottom:calc(40 * var(--display-unit)) }
.standard-tabs button { font-size:calc(10 * var(--display-unit));padding:calc(17 * var(--display-unit)) 0;border-bottom:calc(2 * var(--display-unit)) solid transparent;line-height:1.9;text-align:left }
.standard-tabs button[aria-selected=true] { color:var(--red);border-color:var(--red) }
#standard-panel>.eyebrow { font-size:calc(8 * var(--display-unit));color:var(--muted) }
#standard-panel h2 { font-size:calc(34 * var(--display-unit));margin:calc(23 * var(--display-unit)) 0 }
#standard-panel>.body-copy { font-size:calc(12 * var(--display-unit)) }
.standards-note { background:#e9ece3 }
.standards-note>.eyebrow { font-size:calc(9 * var(--display-unit));color:var(--muted);margin-bottom:calc(23 * var(--display-unit)) }
.standards-note h2 { font-size:calc(37 * var(--display-unit)) }
.standards-note .body-copy { margin:calc(25 * var(--display-unit)) 0;max-width:calc(780 * var(--display-unit));font-size:calc(12 * var(--display-unit)) }
.journal-section { padding-top:0 }
.journal-section>.filters { border-bottom:1px solid var(--line);margin-bottom:calc(38 * var(--display-unit)) }
.journal-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(30 * var(--display-unit)) }
.journal-picture { display:block;height:calc(280 * var(--display-unit));position:relative;overflow:hidden }
.journal-picture img { width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease) }
.journal-picture:hover img { transform:scale(1.03) }
.journal-picture>span { position:absolute;bottom:calc(20 * var(--display-unit));left:calc(20 * var(--display-unit));color:white;font-size:calc(8 * var(--display-unit));letter-spacing:1px }
.journal-grid article>.eyebrow { font-size:calc(8 * var(--display-unit));color:var(--muted);margin-top:calc(25 * var(--display-unit)) }
.journal-grid h2 { font-size:calc(26 * var(--display-unit));line-height:1.6;margin:calc(17 * var(--display-unit)) 0;letter-spacing:-.4px }
.journal-grid article>p:not(.eyebrow) { font-size:calc(12 * var(--display-unit));line-height:1.9;color:var(--muted) }
.journal-grid .text-link { font-size:calc(11 * var(--display-unit));margin-top:calc(20 * var(--display-unit)) }
.article-heading { padding:calc(50 * var(--display-unit)) 12% calc(65 * var(--display-unit));max-width:calc(1200 * var(--display-unit)) }
.article-heading>.eyebrow { font-size:calc(9 * var(--display-unit));color:var(--muted) }
.article-heading h1 { font-size:clamp(calc(37 * var(--display-unit)),4.1vw,calc(62 * var(--display-unit)));line-height:1.4;letter-spacing:calc(-1.5 * var(--display-unit));margin:calc(26 * var(--display-unit)) 0 }
.article-heading .interior-lead { max-width:calc(760 * var(--display-unit)) }
.article-layout { display:grid;grid-template-columns:calc(230 * var(--display-unit)) minmax(0,calc(700 * var(--display-unit)));gap:8%;justify-content:center }
.article-layout>aside { position:sticky;top:calc(130 * var(--display-unit));align-self:start }
.article-layout>aside .eyebrow { font-size:calc(9 * var(--display-unit));color:var(--muted);margin-bottom:calc(25 * var(--display-unit)) }
.article-layout>aside>a { display:block;font-size:calc(11 * var(--display-unit));line-height:1.9;margin-bottom:calc(20 * var(--display-unit)) }
.article-layout>article>section { margin-bottom:calc(55 * var(--display-unit));scroll-margin-top:calc(140 * var(--display-unit)) }
.article-layout>article>section>.eyebrow { font-size:calc(10 * var(--display-unit));color:var(--red) }
.article-layout h2 { font-size:calc(29 * var(--display-unit));line-height:1.6;margin:calc(20 * var(--display-unit)) 0 }
.article-layout article p { font-size:calc(14 * var(--display-unit));line-height:2.1;color:#656c5b }
.article-takeaway { background:#e9ece3;padding:calc(30 * var(--display-unit)) }
.article-takeaway>.eyebrow { font-size:calc(8 * var(--display-unit));color:var(--muted) }
.article-takeaway h3 { font-size:calc(24 * var(--display-unit));margin:calc(20 * var(--display-unit)) 0 }
.article-takeaway p:not(.eyebrow) { font-size:calc(12 * var(--display-unit))!important }
.article-takeaway .text-link { font-size:calc(11 * var(--display-unit));margin-top:calc(20 * var(--display-unit)) }
.journal-related { display:grid;grid-template-columns:1fr 1fr;gap:calc(35 * var(--display-unit)) }
.journal-related>.text-link { font-size:calc(20 * var(--display-unit));line-height:1.7;display:flex;justify-content:space-between;gap:calc(30 * var(--display-unit));padding-bottom:calc(22 * var(--display-unit)) }
.reading-progress { position:fixed;z-index:30;top:calc(94 * var(--display-unit));left:0;right:0;height:calc(2 * var(--display-unit));pointer-events:none }
.reading-progress i { display:block;background:var(--red);height:100%;width:0 }
.privacy-content { max-width:calc(850 * var(--display-unit));margin:auto;padding-top:calc(10 * var(--display-unit)) }
.privacy-content>section { border-top:1px solid var(--line);padding:calc(30 * var(--display-unit)) 0 }
.privacy-content .eyebrow { color:var(--red) }
.privacy-content h2 { font-size:calc(27 * var(--display-unit));margin:calc(17 * var(--display-unit)) 0 }
.privacy-content section>p:last-child { font-size:calc(13 * var(--display-unit));line-height:2;color:var(--muted) }
.privacy-content>.button { font-size:calc(12 * var(--display-unit));margin-top:calc(30 * var(--display-unit)) }
.not-found { text-align:center;padding-top:calc(100 * var(--display-unit));padding-bottom:calc(140 * var(--display-unit)) }
.not-found>span { display:block;font-size:calc(150 * var(--display-unit));font-weight:600;letter-spacing:calc(-10 * var(--display-unit));color:#cdd0c3;margin:calc(40 * var(--display-unit)) 0 }
.not-found h1 { font-size:calc(39 * var(--display-unit));letter-spacing:-1px }
.not-found p:not(.eyebrow) { font-size:calc(13 * var(--display-unit));color:var(--muted);line-height:1.9 }
.not-found>div { display:flex;align-items:center;justify-content:center;gap:calc(35 * var(--display-unit));margin-top:calc(35 * var(--display-unit)) }
@media(min-width:1550px) {
.catalog-products { grid-template-columns:repeat(4,minmax(0,1fr)) }
.detail-stage { height:calc(630 * var(--display-unit)) }
.solution-scene { height:calc(600 * var(--display-unit)) }
.detail-nav,.reading-progress { top:calc(100 * var(--display-unit)) }
}

:root { --paper:#f6f5f1; --line:#dcddd5; --nav-size:calc(84 * var(--display-unit)); --soft:#e9ece3; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
html { scroll-padding-top:calc(var(--nav-size) + calc(24 * var(--display-unit))); }
::selection { background:#c83d3030; }
.header { height:var(--nav-size); gap:calc(30 * var(--display-unit)); z-index:40; transition:background .3s,border-color .3s,box-shadow .3s; }
.has-scrolled .header { background:#f6f5f1f5; border-color:#d4d8ca; box-shadow:0 calc(5 * var(--display-unit)) calc(25 * var(--display-unit)) #20251c05; }
.desktop-nav { gap:calc(24 * var(--display-unit)); }
.desktop-nav a { font-size:calc(12 * var(--display-unit)); }
.header-tools { gap:calc(20 * var(--display-unit)); }
.wordmark { letter-spacing:calc(2.3 * var(--display-unit)); }
.header-cta { min-height:calc(46 * var(--display-unit)); padding:calc(14 * var(--display-unit)) calc(18 * var(--display-unit)); font-size:calc(11 * var(--display-unit)); }
.nav-entry { display:flex; align-items:center; gap:calc(3 * var(--display-unit)); }
.nav-disclosure { width:calc(18 * var(--display-unit)); height:calc(36 * var(--display-unit)); display:grid; place-items:center; padding:0; }
.nav-disclosure svg { width:calc(12 * var(--display-unit)); height:calc(12 * var(--display-unit)); transition:transform .25s; }
.nav-disclosure[aria-expanded=true] svg { transform:rotate(180deg); }
.navigation-shade { position:fixed; inset:var(--nav-size) 0 0; z-index:29; background:#1b211c3d; backdrop-filter:blur(calc(3 * var(--display-unit))); }
.mega-menu { position:fixed; top:var(--nav-size); left:0; right:0; z-index:35; display:grid; grid-template-columns:.85fr 2fr; gap:7%; padding:calc(40 * var(--display-unit)) 4.2% calc(44 * var(--display-unit)); background:var(--paper); border-bottom:1px solid var(--line); box-shadow:0 calc(25 * var(--display-unit)) calc(40 * var(--display-unit)) #1820100c; max-height:calc(100dvh - var(--nav-size)); overflow:auto; animation:menu-appear .3s var(--ease); }
.mega-intro>.eyebrow { font-size:calc(8 * var(--display-unit)); color:var(--muted); }
.mega-intro h2 { font-size:calc(27 * var(--display-unit)); line-height:1.5; letter-spacing:-.7px; white-space:pre-line; margin:calc(24 * var(--display-unit)) 0 calc(23 * var(--display-unit)); }
.mega-intro .text-link { font-size:calc(11 * var(--display-unit)); }
.mega-collection { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:calc(20 * var(--display-unit)); padding-right:calc(14 * var(--display-unit)); }
.mega-picture { position:relative; height:calc(150 * var(--display-unit)); overflow:hidden; }
.mega-picture img { width:100%; height:100%; object-fit:cover; transition:transform .6s var(--ease); }
.mega-collection>a:hover img { transform:scale(1.04); }
.mega-picture>span { position:absolute; top:calc(13 * var(--display-unit)); left:calc(13 * var(--display-unit)); right:calc(13 * var(--display-unit)); color:white; font-size:calc(9 * var(--display-unit)); letter-spacing:1px; }
.mega-link-copy { display:flex; flex-direction:column; gap:calc(9 * var(--display-unit)); padding:calc(18 * var(--display-unit)) 0 0; }
.mega-link-copy strong { font-size:calc(14 * var(--display-unit)); font-weight:400; }
.mega-link-copy small { font-size:calc(7 * var(--display-unit)); letter-spacing:1px; color:var(--muted); }
.mega-close { position:absolute; right:calc(16 * var(--display-unit)); top:calc(12 * var(--display-unit)); font-size:calc(25 * var(--display-unit)); }
.navigation-open .comparison-strip,.navigation-open .product-inquiry-dock { opacity:0; pointer-events:none; }
.section-pad { padding-top:calc(112 * var(--display-unit)); padding-bottom:calc(112 * var(--display-unit)); }
.section-heading { margin-bottom:calc(48 * var(--display-unit)); }
.section-heading h2 { font-weight:400; font-size:clamp(calc(34 * var(--display-unit)),3.45vw,calc(54 * var(--display-unit))); letter-spacing:calc(-1.8 * var(--display-unit)); }
.section-index { letter-spacing:calc(1.9 * var(--display-unit)); font-size:calc(9 * var(--display-unit)); margin-bottom:calc(24 * var(--display-unit)); }
.interior-intro h1 { font-weight:500; letter-spacing:calc(-2.8 * var(--display-unit)); }
.interior-lead { font-size:calc(12 * var(--display-unit)); color:#71776b; }
.breadcrumb { padding-top:calc(24 * var(--display-unit)); padding-bottom:calc(24 * var(--display-unit)); font-size:calc(9 * var(--display-unit)); }
.hero { min-height:calc(665 * var(--display-unit)); }
.hero-visual { min-height:calc(665 * var(--display-unit)); }
.hero h1 { font-weight:500; font-size:clamp(calc(48 * var(--display-unit)),5.1vw,calc(82 * var(--display-unit))); letter-spacing:calc(-3.8 * var(--display-unit)); }
.hero-description { font-size:calc(13 * var(--display-unit)); }
.hero-copy { padding-top:calc(76 * var(--display-unit)); }
.hero-tab { padding-top:calc(29 * var(--display-unit)); padding-bottom:calc(29 * var(--display-unit)); }
.hero-tab.active { background:#ecefe5; }
.hero-tab:before { height:calc(2 * var(--display-unit)); }
.hero-tab strong { font-size:calc(13 * var(--display-unit)); }
.button { position:relative; overflow:hidden; }
.button>span:last-child { transition:translate .25s var(--ease); }
.button:hover>span:last-child { translate:calc(3 * var(--display-unit)) calc(-3 * var(--display-unit)); }
.text-link { text-underline-offset:calc(6 * var(--display-unit)); transition:color .2s,border-color .2s; }
.round-arrow { transition:background .3s,border-color .3s,rotate .3s; }
.round-arrow:hover { rotate:45deg; }
.project-masthead { display:grid; grid-template-columns:minmax(0,1.8fr) minmax(calc(230 * var(--display-unit)),.8fr); gap:5%; align-items:end; margin:calc(26 * var(--display-unit)) 4.2% calc(43 * var(--display-unit)); }
.project-masthead>.eyebrow,.project-masthead .eyebrow { display:flex; align-items:center; gap:calc(9 * var(--display-unit)); font-size:calc(8 * var(--display-unit)); letter-spacing:calc(1.8 * var(--display-unit)); }
.project-masthead h1 { font-size:clamp(calc(45 * var(--display-unit)),5.2vw,calc(80 * var(--display-unit))); font-weight:400; letter-spacing:calc(-3 * var(--display-unit)); line-height:1.35; margin:calc(26 * var(--display-unit)) 0 0; }
.project-masthead h1>span { display:inline-block; white-space:nowrap; }
.masthead-aside { padding-bottom:calc(4 * var(--display-unit)); }
.masthead-script { display:block; font-family:Georgia,"Times New Roman",serif; font-style:italic; font-size:calc(26 * var(--display-unit)); letter-spacing:-.8px; color:#828977; margin-bottom:calc(16 * var(--display-unit)); }
.masthead-aside>p { font-size:calc(11 * var(--display-unit)); line-height:1.9; color:var(--muted); white-space:pre-line; }
.masthead-aside .text-link { font-size:calc(10 * var(--display-unit)); margin-top:calc(13 * var(--display-unit)); }
.project-explorer { display:grid; grid-template-columns:minmax(0,1fr) calc(295 * var(--display-unit)); margin:0 4.2%; min-height:calc(575 * var(--display-unit)); position:relative; }
.feature-stage { min-height:calc(575 * var(--display-unit)); background:#343b2e; position:relative; overflow:hidden; }
.feature-image-link { display:block; min-height:calc(575 * var(--display-unit)); height:100%; position:relative; color:#fff; }
.feature-image-link>img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:52% center; transition:transform 1s var(--ease); }
.feature-image-link:hover>img { transform:scale(1.025); }
.feature-vignette { position:absolute; inset:0; background:linear-gradient(180deg,#0003,transparent 23%,transparent 35%,#111a0dcc); }
.feature-topline { position:absolute; top:calc(29 * var(--display-unit)); left:calc(34 * var(--display-unit)); right:calc(34 * var(--display-unit)); display:flex; justify-content:space-between; font-size:calc(8 * var(--display-unit)); letter-spacing:calc(1.4 * var(--display-unit)); gap:calc(20 * var(--display-unit)); }
.feature-caption { position:absolute; left:calc(38 * var(--display-unit)); right:calc(38 * var(--display-unit)); bottom:calc(53 * var(--display-unit)); }
.feature-caption .eyebrow { font-size:calc(8 * var(--display-unit)); letter-spacing:calc(1.9 * var(--display-unit)); color:#e1e5d9; }
.feature-caption h2 { font-size:clamp(calc(32 * var(--display-unit)),3.45vw,calc(52 * var(--display-unit))); letter-spacing:calc(-1.5 * var(--display-unit)); font-weight:400; margin:calc(17 * var(--display-unit)) 0 calc(14 * var(--display-unit)); line-height:1.3; }
.feature-caption>p:not(.eyebrow) { font-size:calc(11 * var(--display-unit)); line-height:1.8; color:#e0e4d8; }
.feature-explore { display:inline-flex; align-items:center; gap:calc(55 * var(--display-unit)); padding:calc(12 * var(--display-unit)) 0 calc(9 * var(--display-unit)); border-bottom:1px solid #d5dac180; font-size:calc(11 * var(--display-unit)); margin-top:calc(16 * var(--display-unit)); }
.feature-explore>span:last-child { font-size:calc(21 * var(--display-unit)); transition:translate .3s; }
.feature-image-link:hover .feature-explore>span:last-child { translate:calc(4 * var(--display-unit)) calc(-4 * var(--display-unit)); }
.feature-art-label { position:absolute; bottom:calc(20 * var(--display-unit)); left:calc(38 * var(--display-unit)); font-size:calc(7 * var(--display-unit)); letter-spacing:calc(1.4 * var(--display-unit)); color:#c1cbb6; }
.feature-rail { display:flex; flex-direction:column; background:var(--soft); }
.feature-rail-heading { padding:calc(31 * var(--display-unit)) calc(27 * var(--display-unit)) calc(28 * var(--display-unit)); }
.feature-rail-heading>.eyebrow { font-size:calc(8 * var(--display-unit)); letter-spacing:calc(1.5 * var(--display-unit)); color:var(--muted); }
.feature-rail-heading h2 { font-size:calc(28 * var(--display-unit)); line-height:1.45; letter-spacing:-.6px; font-weight:400; margin-top:calc(20 * var(--display-unit)); white-space:pre-line; }
.feature-choice { display:grid; grid-template-columns:calc(18 * var(--display-unit)) minmax(0,1fr) calc(14 * var(--display-unit)); gap:calc(8 * var(--display-unit)) calc(11 * var(--display-unit)); align-items:start; width:100%; padding:calc(23 * var(--display-unit)) calc(26 * var(--display-unit)); text-align:left; border-top:1px solid #d0d5c5; transition:background .35s; }
.feature-choice-index { font-size:calc(9 * var(--display-unit)); color:var(--muted); padding-top:calc(3 * var(--display-unit)); }
.feature-choice strong { display:block; font-size:calc(13 * var(--display-unit)); font-weight:400; line-height:1.6; }
.feature-choice small { display:block; font-size:calc(9 * var(--display-unit)); color:var(--muted); line-height:1.7; margin-top:calc(7 * var(--display-unit)); }
.feature-choice-arrow { font-size:calc(16 * var(--display-unit)); transition:rotate .3s; }
.feature-choice>img { grid-column:2/-1; width:100%; height:calc(72 * var(--display-unit)); max-height:0; opacity:0; object-fit:cover; margin-top:0; transition:max-height .35s var(--ease),opacity .4s,margin .35s; }
.feature-choice.active { background:var(--paper); }
.feature-choice.active .feature-choice-index,.feature-choice.active strong,.feature-choice.active .feature-choice-arrow { color:var(--red); }
.feature-choice.active .feature-choice-arrow { rotate:45deg; }
.feature-choice.active>img { max-height:calc(72 * var(--display-unit)); opacity:1; margin-top:calc(12 * var(--display-unit)); }
.feature-rail-bottom { display:flex; align-items:center; gap:calc(9 * var(--display-unit)); margin-top:auto; padding:calc(22 * var(--display-unit)) calc(26 * var(--display-unit)); border-top:1px solid #d0d5c5; font-size:calc(8 * var(--display-unit)); color:var(--muted); line-height:1.8; }
.feature-rail-bottom .red-dot { width:calc(4 * var(--display-unit)); height:calc(4 * var(--display-unit)); }
.premium-archive { padding-top:calc(110 * var(--display-unit)); }
.premium-archive>.collection-toolbar { position:sticky; top:var(--nav-size); z-index:9; background:var(--paper); min-height:calc(68 * var(--display-unit)); }
.archive-tools { display:flex; align-items:center; gap:calc(22 * var(--display-unit)); }
.layout-switch { display:flex; align-items:center; gap:calc(5 * var(--display-unit)); }
.layout-switch>button { width:calc(34 * var(--display-unit)); height:calc(34 * var(--display-unit)); display:grid; place-items:center; color:#909787; border:1px solid transparent; }
.layout-switch svg { width:calc(15 * var(--display-unit)); height:calc(15 * var(--display-unit)); }
.layout-switch button[aria-pressed=true] { color:var(--ink); border-color:#cbd1c0; }
.premium-archive .project-index-grid { grid-template-columns:repeat(12,minmax(0,1fr)); gap:calc(45 * var(--display-unit)) calc(36 * var(--display-unit)); margin-top:calc(42 * var(--display-unit)); }
.premium-archive .project-index-card { grid-column:span 7; margin:0; }
.premium-archive .project-index-card:nth-child(2) { grid-column:span 5; margin-top:calc(125 * var(--display-unit)); }
.premium-archive .project-index-card:nth-child(3) { grid-column:4/-1; margin-top:calc(22 * var(--display-unit)); }
.premium-archive .project-picture { height:calc(420 * var(--display-unit)); }
.premium-archive .project-index-card:nth-child(2) .project-picture { height:calc(350 * var(--display-unit)); }
.premium-archive .project-index-card:nth-child(3) .project-picture { height:calc(450 * var(--display-unit)); }
.premium-archive .project-card-copy { align-items:start; gap:calc(20 * var(--display-unit)); margin-top:calc(26 * var(--display-unit)); }
.premium-archive .project-card-copy h2 { font-size:calc(28 * var(--display-unit)); font-weight:400; letter-spacing:-.9px; }
.project-card-note { font-size:calc(11 * var(--display-unit)); line-height:1.8; margin-top:calc(14 * var(--display-unit)); color:var(--muted); }
.premium-archive .project-card-copy>.text-link { white-space:nowrap; font-size:calc(10 * var(--display-unit)); margin-top:calc(20 * var(--display-unit)); }
.premium-archive .project-index-grid[data-filtered=true]>.project-index-card { grid-column:1/-1; margin-top:0; }
.premium-archive .project-index-grid[data-filtered=true] .project-picture { height:calc(480 * var(--display-unit)); }
.premium-archive .project-index-grid[data-layout=list] { display:block; }
.premium-archive .project-index-grid[data-layout=list]>.project-index-card { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr); gap:calc(45 * var(--display-unit)); padding:calc(28 * var(--display-unit)) 0; border-bottom:1px solid var(--line); margin-top:0; }
.premium-archive .project-index-grid[data-layout=list] .project-picture { height:calc(230 * var(--display-unit)); }
.premium-archive .project-index-grid[data-layout=list] .project-card-copy { flex-direction:column; justify-content:center; margin:0; }
.archive-disclaimer { margin-top:calc(60 * var(--display-unit)); padding-top:calc(22 * var(--display-unit)); border-top:1px solid var(--line); font-size:calc(9 * var(--display-unit)); }
.collection-opening { display:grid; grid-template-columns:minmax(0,.87fr) minmax(0,1.13fr); gap:6%; margin:calc(12 * var(--display-unit)) 4.2% 0; }
.collection-opening>.interior-intro { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:calc(30 * var(--display-unit)) 0; gap:0; }
.collection-opening .interior-intro h1 { font-size:clamp(calc(40 * var(--display-unit)),4.35vw,calc(67 * var(--display-unit))); font-weight:400; line-height:1.3; }
.collection-opening .interior-lead { margin-top:calc(29 * var(--display-unit)); font-size:calc(12 * var(--display-unit)); }
.collection-opening>.wide-banner { height:calc(440 * var(--display-unit)); margin:0; }
.collection-opening .banner-label { flex-wrap:wrap; left:calc(24 * var(--display-unit)); right:calc(24 * var(--display-unit)); gap:calc(12 * var(--display-unit)); }
.collection-opening .banner-label>span:first-child { flex-basis:100%; font-size:calc(8 * var(--display-unit)); }
.collection-opening .banner-label>span:nth-child(2) { font-size:calc(11 * var(--display-unit)); }
.catalog-layout { grid-template-columns:calc(195 * var(--display-unit)) minmax(0,1fr); gap:7%; padding-top:calc(95 * var(--display-unit)); }
.category-rail { position:sticky; top:calc(var(--nav-size) + calc(35 * var(--display-unit))); align-self:start; }
.category-rail>h2 { font-weight:400; margin-top:calc(18 * var(--display-unit)); }
.rail-filter { padding:calc(21 * var(--display-unit)) 0; }
.rail-filter.active { padding-left:calc(14 * var(--display-unit)); color:var(--ink); }
.rail-filter.active:before { content:""; position:absolute; left:0; top:50%; width:calc(4 * var(--display-unit)); height:calc(4 * var(--display-unit)); margin-top:calc(-2 * var(--display-unit)); background:var(--red); }
.rail-help { background:transparent; padding:calc(24 * var(--display-unit)) 0; margin-top:calc(30 * var(--display-unit)); border-top:1px solid var(--line); }
.catalog-products { grid-template-columns:repeat(3,minmax(0,1fr)); gap:calc(42 * var(--display-unit)) calc(30 * var(--display-unit)); padding-bottom:calc(32 * var(--display-unit)); }
.catalog-products .product-card:nth-child(even) { margin-top:0; }
.catalog-products .product-media { aspect-ratio:1.12; }
.product-media { isolation:isolate; }
.product-media:before { content:attr(data-frame); position:absolute; top:calc(17 * var(--display-unit)); right:calc(17 * var(--display-unit)); z-index:1; font-size:calc(8 * var(--display-unit)); letter-spacing:1px; color:white; text-shadow:0 1px calc(8 * var(--display-unit)) #0005; pointer-events:none; }
.product-series { font-size:calc(8 * var(--display-unit)); top:calc(17 * var(--display-unit)); left:calc(17 * var(--display-unit)); }
.product-add { width:calc(38 * var(--display-unit)); height:calc(38 * var(--display-unit)); bottom:calc(14 * var(--display-unit)); right:calc(14 * var(--display-unit)); background:var(--paper); font-size:calc(21 * var(--display-unit)); }
.quick-view-button { position:absolute; bottom:calc(14 * var(--display-unit)); left:calc(14 * var(--display-unit)); display:flex; gap:calc(25 * var(--display-unit)); align-items:center; padding:calc(12 * var(--display-unit)) calc(15 * var(--display-unit)); font-size:calc(10 * var(--display-unit)); background:#f6f5f1ee; color:var(--ink); opacity:0; translate:0 calc(8 * var(--display-unit)); transition:opacity .25s,translate .3s,background .25s; }
.quick-view-button:hover { background:#fff; }
.product-media:hover .quick-view-button,.product-media:focus-within .quick-view-button { opacity:1; translate:0 0; }
.product-info { padding-top:calc(22 * var(--display-unit)); }
.product-top h3,.catalog-products .product-top h3 { font-size:calc(22 * var(--display-unit)); font-weight:400; letter-spacing:-.5px; }
.product-top>button { width:calc(30 * var(--display-unit)); height:calc(30 * var(--display-unit)); display:grid; place-items:center; border:1px solid #cdd2c3; border-radius:50%; font-size:calc(14 * var(--display-unit)); transition:background .2s,color .2s; }
.product-top>button:hover { background:var(--ink); color:white; }
.product-subtitle { font-size:calc(10 * var(--display-unit)); margin-top:calc(12 * var(--display-unit)); }
.product-bottom { padding-top:calc(18 * var(--display-unit)); margin-top:calc(23 * var(--display-unit)); }
.product-bottom>a,.product-bottom>button,.compare-check { font-size:calc(10 * var(--display-unit)); }
.detail-hero { grid-template-columns:minmax(0,1.32fr) minmax(0,1fr); gap:6%; padding-top:calc(22 * var(--display-unit)); padding-bottom:calc(85 * var(--display-unit)); }
.detail-gallery { display:grid; grid-template-columns:calc(65 * var(--display-unit)) minmax(0,1fr); gap:calc(20 * var(--display-unit)); align-content:start; }
.detail-stage { grid-column:2; grid-row:1; height:calc(600 * var(--display-unit)); }
.detail-thumbs { grid-column:1; grid-row:1; flex-direction:column; gap:calc(13 * var(--display-unit)); padding:0; align-items:stretch; }
.detail-thumbs>button { width:calc(65 * var(--display-unit)); height:calc(64 * var(--display-unit)); }
.detail-thumbs>span { margin:calc(18 * var(--display-unit)) 0 0; font-size:calc(8 * var(--display-unit)); text-align:center; }
.detail-gallery>.page-note { grid-column:1/-1; line-height:1.9; margin-top:0; }
.detail-summary { position:sticky; top:calc(var(--nav-size) + calc(25 * var(--display-unit))); align-self:start; padding-top:calc(22 * var(--display-unit)); }
.detail-summary h1 { font-size:clamp(calc(40 * var(--display-unit)),4.1vw,calc(62 * var(--display-unit))); font-weight:400; letter-spacing:calc(-2.2 * var(--display-unit)); }
.detail-description { font-size:calc(12 * var(--display-unit)); line-height:2; }
.detail-summary .product-facts>div { padding:calc(17 * var(--display-unit)) 0; font-size:calc(10 * var(--display-unit)); }
.detail-actions { margin-top:calc(32 * var(--display-unit)); }
.detail-nav,.reading-progress { top:var(--nav-size); }
.detail-nav { min-height:calc(66 * var(--display-unit)); }
.detail-nav a { position:relative; }
.detail-nav a:after { content:""; position:absolute; bottom:0; left:0; right:0; height:calc(2 * var(--display-unit)); background:var(--red); transform:scaleX(0); transition:transform .25s; }
.detail-nav a[aria-current]:after { transform:scaleX(1); }
.spec-data>div { padding:calc(24 * var(--display-unit)) 0; }
.resource-panel { padding:calc(38 * var(--display-unit)); }
.product-inquiry-dock { position:fixed; bottom:calc(18 * var(--display-unit)); left:50%; translate:-50% 0; width:min(calc(850 * var(--display-unit)),calc(100% - calc(48 * var(--display-unit)))); z-index:23; display:flex; align-items:center; gap:calc(30 * var(--display-unit)); padding:calc(13 * var(--display-unit)) calc(15 * var(--display-unit)); background:#f6f5f1f5; backdrop-filter:blur(calc(15 * var(--display-unit))); border:1px solid #ccd2c1; box-shadow:0 calc(12 * var(--display-unit)) calc(55 * var(--display-unit)) #24301817; animation:dock-appear .3s var(--ease); }
.product-inquiry-dock>div { display:flex; gap:calc(15 * var(--display-unit)); align-items:center; margin-right:auto; }
.product-inquiry-dock img { width:calc(52 * var(--display-unit)); height:calc(52 * var(--display-unit)); object-fit:cover; }
.product-inquiry-dock small { display:block; font-size:calc(7 * var(--display-unit)); color:var(--muted); letter-spacing:1px; margin-bottom:calc(8 * var(--display-unit)); }
.product-inquiry-dock strong { font-size:calc(17 * var(--display-unit)); font-weight:400; }
.product-inquiry-dock>a { font-size:calc(11 * var(--display-unit)); }
.product-inquiry-dock .button { min-height:calc(46 * var(--display-unit)); font-size:calc(11 * var(--display-unit)); padding:calc(13 * var(--display-unit)) calc(20 * var(--display-unit)); gap:calc(35 * var(--display-unit)); }
.comparison-strip { position:fixed; bottom:calc(18 * var(--display-unit)); left:50%; translate:-50% 0; width:min(calc(850 * var(--display-unit)),calc(100% - calc(48 * var(--display-unit)))); z-index:24; background:#f6f5f1f5; backdrop-filter:blur(calc(18 * var(--display-unit))); border:1px solid #c7cebc; display:flex; align-items:center; gap:calc(22 * var(--display-unit)); padding:calc(17 * var(--display-unit)) calc(19 * var(--display-unit)); box-shadow:0 calc(15 * var(--display-unit)) calc(65 * var(--display-unit)) #1f281d1c; animation:dock-appear .3s var(--ease); }
.comparison-strip-label { margin-right:auto; flex-shrink:0; }
.comparison-strip-label .eyebrow { display:block; font-size:calc(7 * var(--display-unit)); letter-spacing:calc(1.2 * var(--display-unit)); color:var(--muted); margin-bottom:calc(7 * var(--display-unit)); }
.comparison-strip-label strong { display:block; font-size:calc(12 * var(--display-unit)); font-weight:400; }
.comparison-chips { display:flex; align-items:center; gap:calc(8 * var(--display-unit)); flex-wrap:wrap; }
.comparison-chip { display:flex; gap:calc(10 * var(--display-unit)); align-items:center; border:1px solid #cdd4c2; padding:calc(7 * var(--display-unit)) calc(8 * var(--display-unit)) calc(7 * var(--display-unit)) calc(11 * var(--display-unit)); font-size:calc(10 * var(--display-unit)); }
.comparison-chip>button { width:calc(21 * var(--display-unit)); height:calc(21 * var(--display-unit)); display:grid; place-items:center; font-size:calc(16 * var(--display-unit)); }
.comparison-start { display:flex; align-items:center; justify-content:space-between; gap:calc(23 * var(--display-unit)); min-height:calc(43 * var(--display-unit)); padding:calc(13 * var(--display-unit)) calc(18 * var(--display-unit)); font-size:calc(11 * var(--display-unit)); background:var(--ink); color:white; white-space:nowrap; }
.comparison-start>span:last-child { font-size:calc(17 * var(--display-unit)); }
.comparison-start:disabled { opacity:.42; }
.comparison-visible .product-inquiry-dock { bottom:calc(110 * var(--display-unit)); }
.comparison-visible .toast,.inquiry-dock-visible .toast { bottom:calc(120 * var(--display-unit)); }
.comparison-visible .footer { padding-bottom:calc(125 * var(--display-unit)); }
.solution-showcase { display:flex; gap:calc(18 * var(--display-unit)); }
.solution-scene { flex:1; min-width:0; height:calc(560 * var(--display-unit)); transition:flex .65s var(--ease); }
.solution-scene:first-child { flex:1.35; }
.solution-showcase:has(.solution-scene:hover) .solution-scene,.solution-showcase:has(.solution-scene:focus-visible) .solution-scene { flex:1; }
.solution-showcase .solution-scene:hover,.solution-showcase .solution-scene:focus-visible { flex:1.7; }
.solution-scene>div { bottom:calc(32 * var(--display-unit)); left:calc(27 * var(--display-unit)); right:calc(27 * var(--display-unit)); }
.solution-scene h2 { font-size:calc(31 * var(--display-unit)); font-weight:400; margin-top:calc(19 * var(--display-unit)); line-height:1.45; }
.solution-scene .round-arrow { margin-top:calc(30 * var(--display-unit)); }
.planner-panel { border:1px solid #cfd5c4; padding:calc(40 * var(--display-unit)); background:var(--paper); }
.planner-choice { transition:background .25s,border-color .25s,padding .25s; }
.planner-choice.active { background:#e6ebdd; padding-left:calc(22 * var(--display-unit)); }
.process-number { font-size:calc(13 * var(--display-unit)); font-family:Georgia,serif; font-style:italic; }
.process-grid h3 { font-size:calc(22 * var(--display-unit)); font-weight:400; }
.about-hero h1 { font-weight:400; line-height:1.4; }
.about-hero-picture { height:calc(690 * var(--display-unit)); }
.about-detail>div:first-child { margin-top:calc(60 * var(--display-unit)); }
.values-grid h3 { font-weight:400; font-size:calc(30 * var(--display-unit)); }
.resource-cards { gap:0; }
.resource-cards>article { background:transparent; padding:calc(35 * var(--display-unit)); border-top:1px solid var(--line); border-bottom:1px solid var(--line); border-right:1px solid var(--line); }
.resource-cards>article:first-child { border-left:1px solid var(--line); }
.resource-symbol { font-family:Georgia,serif; color:#7a856d; margin-bottom:calc(50 * var(--display-unit)); }
.resource-cards h2 { font-weight:400; font-size:calc(27 * var(--display-unit)); }
.faq-item summary { padding:calc(25 * var(--display-unit)) 0; }
.faq-item[open] summary { color:var(--red); }
.standard-tabs button { transition:border-color .25s,color .25s; }
.contact-form-wrap { background:#fbfcf8; border:1px solid #dbe0d2; padding:calc(38 * var(--display-unit)); }
.contact-form-wrap h2 { font-size:calc(34 * var(--display-unit)); font-weight:400; }
.contact-form-wrap .section-index { font-size:calc(8 * var(--display-unit)); }
.contact-form-wrap input,.contact-form-wrap select,.contact-form-wrap textarea { border:0; border-bottom:1px solid #bdc8b0; background:#f0f3ea; padding:calc(15 * var(--display-unit)) calc(13 * var(--display-unit)); }
.contact-form-wrap input:focus,.contact-form-wrap select:focus,.contact-form-wrap textarea:focus { outline:1px solid #74836a; outline-offset:0; background:#f5f8f1; }
.contact-form-wrap .form-note { background:transparent; border-left:calc(2 * var(--display-unit)) solid #bcc8ac; padding:0 0 0 calc(14 * var(--display-unit)); color:#7a846f; }
.contact-topic { transition:padding .25s,background .25s; }
.contact-topic.active { background:#e9ede1; padding-left:calc(17 * var(--display-unit)); padding-right:calc(17 * var(--display-unit)); }
.contact-selection { margin-top:calc(48 * var(--display-unit)); }
.journal-grid { grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:calc(65 * var(--display-unit)) calc(40 * var(--display-unit)); }
.journal-grid>article:first-child { grid-column:1/-1; display:grid; grid-template-columns:1.3fr 1fr; column-gap:calc(48 * var(--display-unit)); align-content:start; }
.journal-grid>article:first-child .journal-picture { grid-row:1/6; height:calc(420 * var(--display-unit)); }
.journal-grid>article:first-child>.eyebrow { margin-top:calc(35 * var(--display-unit)); }
.journal-grid>article:first-child h2 { font-size:calc(35 * var(--display-unit)); line-height:1.6; margin-top:calc(20 * var(--display-unit)); }
.journal-grid>article:first-child>.text-link { align-self:start; justify-self:start; margin-top:calc(24 * var(--display-unit)); }
.journal-grid h2 { font-weight:400; }
.project-cta { padding-top:calc(90 * var(--display-unit)); padding-bottom:calc(90 * var(--display-unit)); }
.project-cta h2 { font-size:clamp(calc(42 * var(--display-unit)),4.5vw,calc(70 * var(--display-unit))); font-weight:400; line-height:1.35; letter-spacing:calc(-2 * var(--display-unit)); }
.project-cta .eyebrow { letter-spacing:calc(2 * var(--display-unit)); }
.footer-signature { display:flex; align-items:flex-end; justify-content:space-between; gap:calc(40 * var(--display-unit)); border-bottom:1px solid var(--line); padding-bottom:calc(45 * var(--display-unit)); margin-bottom:calc(55 * var(--display-unit)); }
.footer-signature>a { font-size:clamp(calc(80 * var(--display-unit)),16vw,calc(235 * var(--display-unit))); font-weight:700; letter-spacing:-.075em; line-height:.85; }
.footer-signature sup { font-size:calc(13 * var(--display-unit)); letter-spacing:0; vertical-align:top; display:inline-block; padding-top:calc(6 * var(--display-unit)); padding-left:calc(15 * var(--display-unit)); }
.footer-signature>div { min-width:calc(180 * var(--display-unit)); padding-bottom:calc(5 * var(--display-unit)); }
.footer-signature p { font-size:calc(8 * var(--display-unit)); letter-spacing:calc(1.1 * var(--display-unit)); color:var(--muted); margin-bottom:calc(18 * var(--display-unit)); }
.footer-signature>div>span { font-size:calc(12 * var(--display-unit)); line-height:1.9; white-space:pre-line; }
.footer-brand>.wordmark { display:none; }
.footer-brand>p { margin-top:0; }
.footer-grid { padding-bottom:calc(50 * var(--display-unit)); }
.footer-column-title { margin-top:0; }
.reveal-element { opacity:0; transform:translateY(calc(25 * var(--display-unit))); transition:opacity .7s var(--ease) var(--reveal-delay,0ms),transform .8s var(--ease) var(--reveal-delay,0ms); }
.reveal-element.is-revealed { opacity:1; transform:none; }
@keyframes menu-appear {
from { opacity:0; translate:0 calc(-8 * var(--display-unit)); }
to { opacity:1; translate:0 0; }
}
@keyframes dock-appear {
from { opacity:0; transform:translateY(calc(12 * var(--display-unit))); }
to { opacity:1; transform:translateY(0); }
}
@media (min-width:1550px) {
.catalog-products { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media (hover:none) {
.quick-view-button { opacity:1; translate:0 0; }
}
.about-history-link { margin-top:calc(25 * var(--display-unit)); font-size:calc(11 * var(--display-unit)); }
.company-history { overflow-anchor:none; scroll-margin-top:calc(-60 * var(--display-unit)); padding-top:calc(96 * var(--display-unit)); padding-bottom:calc(76 * var(--display-unit)); background:#eceee6; border-top:1px solid #dce0d3; }
.history-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:calc(45 * var(--display-unit)); padding-bottom:calc(48 * var(--display-unit)); margin-bottom:calc(55 * var(--display-unit)); border-bottom:1px solid #cfd5c5; }
.history-heading h2 { font-size:clamp(calc(38 * var(--display-unit)),4.1vw,calc(62 * var(--display-unit))); font-weight:400; letter-spacing:calc(-2 * var(--display-unit)); }
.history-heading .section-index { font-size:calc(9 * var(--display-unit)); letter-spacing:calc(1.8 * var(--display-unit)); }
.history-heading-aside { display:flex; align-items:flex-start; gap:calc(65 * var(--display-unit)); }
.history-intro { font-size:calc(15 * var(--display-unit)); line-height:1.9; color:#535d49; white-space:pre-line; }
.history-disclaimer { display:flex; flex-direction:column; align-items:flex-start; gap:calc(11 * var(--display-unit)); }
.history-disclaimer>p { font-size:calc(9 * var(--display-unit)); line-height:1.8; color:#717b65; }
.history-demo-badge { display:inline-block; font-size:calc(8 * var(--display-unit)); letter-spacing:.8px; padding:calc(7 * var(--display-unit)) calc(9 * var(--display-unit)); border:1px solid #bbc5ae; color:#59664c; }
.history-layout { display:grid; grid-template-columns:calc(190 * var(--display-unit)) minmax(0,1fr); gap:7.4%; align-items:start; }
.history-rail { position:sticky; top:calc(var(--nav-size) + calc(32 * var(--display-unit))); align-self:start; min-width:0; }
.history-rail-heading { display:flex; align-items:center; justify-content:space-between; gap:calc(10 * var(--display-unit)); padding-bottom:calc(22 * var(--display-unit)); }
.history-rail-heading .eyebrow { font-size:calc(8 * var(--display-unit)); color:#717c65; letter-spacing:calc(1.1 * var(--display-unit)); }
.history-counter { font-size:calc(9 * var(--display-unit)); color:#808a74; letter-spacing:.8px; white-space:nowrap; }
.history-counter>span { color:var(--ink); }
.history-years { position:relative; isolation:isolate; }
.history-rail-progress { position:absolute; left:calc(4 * var(--display-unit)); width:1px; top:calc(35 * var(--display-unit)); bottom:calc(35 * var(--display-unit)); background:#c5ceba; z-index:-1; }
.history-rail-progress:after { content:""; display:block; height:var(--history-progress,0%); width:1px; background:var(--red); transition:height .35s ease; }
.history-year { position:relative; min-height:calc(70 * var(--display-unit)); display:grid; grid-template-columns:1fr auto; grid-template-rows:auto auto; column-gap:calc(8 * var(--display-unit)); align-content:center; padding:calc(10 * var(--display-unit)) 0 calc(10 * var(--display-unit)) calc(26 * var(--display-unit)); }
.history-year-dot { position:absolute; left:1px; top:calc(31 * var(--display-unit)); width:calc(7 * var(--display-unit)); height:calc(7 * var(--display-unit)); border:1px solid #aab69a; border-radius:50%; background:#eceee6; transition:background .3s,border-color .3s; }
.history-year-number { font-size:calc(28 * var(--display-unit)); line-height:1; letter-spacing:-1px; color:#7b876f; transition:color .25s; }
.history-year-title { grid-column:1; margin-top:calc(7 * var(--display-unit)); font-size:calc(10 * var(--display-unit)); color:#76816a; line-height:1.4; }
.history-year-arrow { grid-column:2; grid-row:1 / 3; align-self:center; color:var(--red); font-size:calc(17 * var(--display-unit)); opacity:0; translate:calc(-5 * var(--display-unit)) 0; transition:opacity .25s,translate .25s; }
.history-year.active .history-year-dot,.history-year.is-past .history-year-dot { background:var(--red); border-color:var(--red); }
.history-year.active .history-year-dot { box-shadow:0 0 0 calc(4 * var(--display-unit)) #ce3d3010; }
.history-year.active .history-year-number,.history-year:hover .history-year-number { color:var(--ink); }
.history-year.active .history-year-title { color:var(--red); }
.history-year.active .history-year-arrow { opacity:1; translate:0; }
.history-rail-foot { border-top:1px solid #cfd5c5; margin-top:calc(28 * var(--display-unit)); padding-top:calc(20 * var(--display-unit)); }
.history-rail-foot>span { font-size:calc(9 * var(--display-unit)); letter-spacing:calc(1.5 * var(--display-unit)); color:#56624a; }
.history-rail-foot>p { font-size:calc(10 * var(--display-unit)); color:#7a846f; margin-top:calc(10 * var(--display-unit)); line-height:1.7; }
.history-entries { min-width:0; }
.journey-entry { position:relative; padding:calc(38 * var(--display-unit)) 0 calc(62 * var(--display-unit)); border-top:1px solid #cfd5c5; scroll-margin-top:calc(8 * var(--display-unit)); outline-offset:calc(6 * var(--display-unit)); }
.journey-entry:first-child { border-top:0; padding-top:0; }
.journey-entry-heading { display:flex; justify-content:space-between; align-items:center; gap:calc(20 * var(--display-unit)); margin-bottom:calc(32 * var(--display-unit)); }
.journey-entry-heading>div { display:flex; align-items:baseline; gap:calc(24 * var(--display-unit)); }
.journey-entry-year { font-size:clamp(calc(42 * var(--display-unit)),4vw,calc(58 * var(--display-unit))); line-height:1; letter-spacing:calc(-2.8 * var(--display-unit)); font-weight:400; }
.journey-stage { font-size:calc(12 * var(--display-unit)); color:#5b6750; }
.journey-order { font-size:calc(8 * var(--display-unit)); letter-spacing:calc(1.3 * var(--display-unit)); color:#7b866f; white-space:nowrap; }
.journey-composition { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr); gap:8%; align-items:center; }
.journey-copy { min-width:0; }
.journey-keyword { color:#7d886f; font-size:calc(7 * var(--display-unit)); letter-spacing:calc(1.1 * var(--display-unit)); line-height:1.7; margin-bottom:calc(22 * var(--display-unit)); }
.journey-copy h3 { font-size:clamp(calc(24 * var(--display-unit)),2.3vw,calc(32 * var(--display-unit))); font-weight:400; letter-spacing:-.6px; line-height:1.6; text-wrap:balance; }
.journey-description { margin-top:calc(22 * var(--display-unit)); font-size:calc(12 * var(--display-unit)); line-height:2.05; color:#6c7760; max-width:calc(440 * var(--display-unit)); }
.journey-picture { margin:0; position:relative; background:#d4dacb; overflow:hidden; aspect-ratio:1.17; }
.journey-picture img { width:100%; height:100%; object-fit:cover; transition:transform 1.1s var(--ease); }
.journey-picture:hover img { transform:scale(1.035); }
.journey-picture:after { content:""; position:absolute; inset:65% 0 0; background:linear-gradient(transparent,#121a0f80); pointer-events:none; }
.journey-picture figcaption { position:absolute; bottom:calc(19 * var(--display-unit)); left:calc(20 * var(--display-unit)); right:calc(20 * var(--display-unit)); display:flex; justify-content:space-between; gap:calc(10 * var(--display-unit)); color:white; z-index:1; font-size:calc(7 * var(--display-unit)); letter-spacing:1px; }
.journey-compact { padding-top:calc(35 * var(--display-unit)); padding-bottom:calc(45 * var(--display-unit)); }
.journey-compact .journey-entry-year { font-size:calc(39 * var(--display-unit)); letter-spacing:calc(-1.8 * var(--display-unit)); color:#4d5b40; }
.journey-compact .journey-entry-heading { margin-bottom:calc(23 * var(--display-unit)); }
.journey-compact .journey-composition { display:block; }
.journey-compact .journey-copy { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:0 8%; }
.journey-compact .journey-keyword { grid-column:1 / -1; margin-bottom:calc(14 * var(--display-unit)); }
.journey-compact h3 { font-size:calc(24 * var(--display-unit)); }
.journey-compact .journey-description { margin-top:0; align-self:start; }
.journey-space .journey-composition { grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); align-items:center; }
.journey-space .journey-picture { grid-column:1; grid-row:1; aspect-ratio:1.06; }
.journey-space .journey-copy { grid-column:2; grid-row:1; }
.journey-finale { padding-bottom:calc(35 * var(--display-unit)); }
.journey-finale .journey-composition { display:flex; flex-direction:column-reverse; gap:calc(30 * var(--display-unit)); }
.journey-finale .journey-picture { width:100%; aspect-ratio:2.18; }
.journey-finale .journey-copy { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:0 8%; width:100%; }
.journey-finale .journey-keyword { grid-column:1 / -1; margin-bottom:calc(15 * var(--display-unit)); }
.journey-finale .journey-description { margin-top:0; }
.history-ending { border-top:1px solid #cfd5c5; display:flex; align-items:center; justify-content:space-between; gap:calc(25 * var(--display-unit)); padding-top:calc(25 * var(--display-unit)); }
.history-ending>span { font-size:calc(8 * var(--display-unit)); letter-spacing:calc(1.6 * var(--display-unit)); color:#718063; }
.history-ending .text-link { font-size:calc(10 * var(--display-unit)); }
@media (prefers-reduced-motion:reduce) {
.reveal-element { opacity:1!important; transform:none!important; }
.feature-image-link:hover>img,.mega-collection>a:hover img { transform:none; }
.quick-view-button { translate:0 0; }
.history-year:after,.history-year-arrow,.history-rail-progress:after { transition:none; }
.journey-picture:hover img { transform:none; }
html { scroll-behavior:auto; }
}
.hero-selector { width:auto; margin:0 0 0 4.2%; grid-template-columns:repeat(3,minmax(0,1fr)); }
.hero-tab { min-width:0; }
.hero-tab>span:nth-child(2) { min-width:0; }
.hero-tab strong { white-space:normal; }

body { width:100%; max-width:3840px; margin-inline:auto; font-size:calc(16 * var(--display-unit)); }
.hero { grid-template-columns:40% 60%; }
.hero-copy { padding-top:calc(64 * var(--display-unit)); padding-right:calc(50 * var(--display-unit)); }
.hero h1 { margin-top:calc(54 * var(--display-unit)); margin-bottom:calc(28 * var(--display-unit)); }
.mega-menu { left:50%; right:auto; width:min(100%, 3840px); translate:-50% 0; }
}