:root{font-family:Helvetica,Arial,sans-serif;font-synthesis:none;color:#282828;background:#fbfbfb;--line:#dededb;--muted:#666660;--gutter:clamp(24px,5vw,80px)}
*{box-sizing:border-box}body{margin:0}html{scroll-behavior:smooth}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:hover{text-decoration:underline;text-underline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #282828;outline-offset:5px}section{scroll-margin-top:32px}
header{max-width:1600px;margin:auto;display:flex;align-items:center;gap:40px;padding:34px var(--gutter)}.brand{order:-1;margin-right:auto;line-height:0}.brand img{display:block;width:184px;height:auto;mix-blend-mode:multiply}header nav{display:flex;gap:32px;font-size:.875rem}.header-inquiry{font-size:.875rem}.header-inquiry span{margin-left:12px}main,footer{max-width:1600px;margin:auto}
.configurator{display:grid;grid-template-columns:minmax(150px,.65fr) minmax(240px,1.35fr) minmax(270px,.9fr);column-gap:clamp(28px,4vw,64px);align-items:center;padding:52px var(--gutter) 58px;min-height:620px}.product-copy{align-self:center;padding-bottom:40px}.eyebrow{font-size:.875rem;font-weight:400}.product-copy .eyebrow{font-size:.75rem;text-transform:lowercase;color:var(--muted)}h1{font-size:clamp(76px,8.2vw,118px);line-height:.94;letter-spacing:-.065em;font-weight:400;margin:18px 0 28px}.product-copy p{font-size:1rem;line-height:1.6;color:var(--muted);margin:0 0 28px}.detail-link{font-size:.875rem;border-bottom:1px solid #b7b7b7;padding-bottom:5px}
.stage{height:495px;display:flex;align-items:center;justify-content:center;position:relative;padding-bottom:42px}.speaker{position:relative;overflow:hidden;max-width:100%;aspect-ratio:268/392;mix-blend-mode:multiply;transition:width .3s ease;--wood-filter:none;--image-width:430.597%;--image-left:-22.76%;--image-top:-22.45%;--image-height:162.5%}.photo{position:absolute;inset:0;overflow:hidden}.photo:before{content:'';position:absolute;width:var(--image-width);height:var(--image-height);left:var(--image-left);top:var(--image-top);background:url('assets/collection.jpeg') center/100% 100% no-repeat}.wood{filter:var(--wood-filter);transition:filter .3s}.metal{opacity:0;clip-path:inset(4.5% 6% 4%);filter:grayscale(1) brightness(1.85) contrast(.85);transition:opacity .3s}.speaker[data-face=metal] .metal{opacity:1}.stage-caption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:12px;font-size:.75rem;color:var(--muted)}.stage-caption span:last-child{text-transform:lowercase}
.options{max-width:300px;width:100%;justify-self:end}fieldset{border:0;margin:0;padding:0 0 28px;min-width:0}legend{padding:0;margin-bottom:12px;font-size:.875rem;width:100%}.model-options,.face-options{display:flex;gap:10px}.model-options button,.face-options button{flex:1;min-height:44px;padding:10px 3px;border:0;border-bottom:1px solid var(--line);background:transparent;font-size:.875rem;color:var(--muted);transition:color .2s,border-color .2s}.model-options button[aria-pressed=true],.face-options button[aria-pressed=true]{color:#171717;border-bottom:2px solid #282828}.model-options button:hover,.face-options button:hover{color:#171717;border-color:#777}.wood-options{display:flex;justify-content:space-between;gap:12px}.wood-options button{background:none;border:0;padding:7px 4px;display:flex;flex-direction:column;align-items:center;gap:13px;font-size:.875rem;color:var(--muted)}.swatch{display:block;width:34px;height:34px;border-radius:50%;background-image:url('assets/collection.jpeg');background-size:1154px 637px;background-position:-85px -375px;outline:1px solid #0002}.swatch.white-oak{filter:sepia(.7) brightness(1.75) saturate(.7)}.swatch.mahogany{filter:saturate(1.35) brightness(1.08)}.wood-options button[aria-pressed=true] .swatch{outline:1px solid #282828;outline-offset:4px}.wood-options button[aria-pressed=true]{color:#171717}.selection{padding-top:4px}.primary-link{display:flex;justify-content:space-between;align-items:center;gap:25px;border:1px solid #282828;background:transparent;padding:14px 17px;color:#282828;font-size:.875rem;line-height:1.5;transition:background .2s,color .2s}.primary-link:hover{background:#282828;color:white;text-decoration:none}.preview-note{font-size:.75rem;color:var(--muted);line-height:1.6;margin:14px 0 0}
.specifications{margin:0 var(--gutter);border-top:1px solid var(--line);padding:30px 0 46px;display:grid;grid-template-columns:.85fr 3fr;gap:32px}h2{font-size:clamp(38px,4vw,56px);line-height:1.08;letter-spacing:-.045em;font-weight:400;margin:0}.specifications h2{font-size:.875rem;letter-spacing:0;line-height:1.5}.specifications dl{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:0}.specifications dt{font-size:.75rem;line-height:1.5;color:var(--muted);margin-bottom:8px}.specifications dd{font-size:.9375rem;line-height:1.6;margin:0}
.chair-section{padding:52px var(--gutter) 80px}.chair-heading{margin-bottom:28px}.chair-heading .eyebrow{display:block;color:var(--muted);font-size:.75rem;margin-bottom:12px}.chair-section figure{margin:0}.chair-section figure img{display:block;width:100%;height:auto;aspect-ratio:2500/1406;object-fit:cover}.chair-section figcaption{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:.875rem;padding-top:18px}.chair-section figcaption>span{color:var(--muted);font-size:.75rem}.chair-section figcaption a span{margin-left:25px}
.inquiry-section{margin:0 var(--gutter);border-top:1px solid var(--line);padding:64px 0 80px;display:grid;grid-template-columns:1fr 1.15fr;gap:12%}.inquiry-copy p{font-size:1rem;line-height:1.7;color:var(--muted);margin:24px 0 18px;max-width:270px}.inquiry-copy>a{font-size:.875rem;text-decoration:underline;text-underline-offset:5px}#inquiry-form{display:grid;grid-template-columns:1fr 1fr;gap:26px 24px}#inquiry-form label{display:flex;flex-direction:column;gap:8px;font-size:.875rem}.full{grid-column:1/-1}input,select,textarea{width:100%;min-width:0;font-size:1rem;color:inherit;background:transparent;border:0;border-bottom:1px solid #aaa;border-radius:0;padding:12px 0}textarea{resize:vertical}input:hover,textarea:hover{border-color:#282828}.inquiry-configuration{grid-row:1;padding:0}.inquiry-configuration>span{font-size:.75rem;color:var(--muted)}.inquiry-configuration p{font-size:1rem;line-height:1.6;margin:8px 0}.inquiry-configuration a{font-size:.875rem;text-decoration:underline;text-underline-offset:4px}.product-edit{margin-top:-12px}.product-edit summary{width:fit-content;cursor:pointer;font-size:.875rem;color:var(--muted);padding:4px 0}.product-edit label{margin-top:16px}.form-note{font-size:.75rem;line-height:1.6;color:var(--muted);margin:0}.form-note:empty{display:none}#inquiry-submit{margin-top:-12px}footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:28px var(--gutter) 32px;font-size:.75rem;color:var(--muted);position:relative}footer:before{content:'';position:absolute;top:0;left:var(--gutter);right:var(--gutter);border-top:1px solid var(--line)}.footer-brand{color:#282828;font-size:.875rem;letter-spacing:.06em}.skip-link{position:fixed;top:-100px;left:20px;z-index:10;padding:12px;background:#fff}.skip-link:focus{top:12px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1000px){.configurator{column-gap:24px;grid-template-columns:.65fr 1.1fr 1fr}.stage{height:440px}.product-copy p{font-size:.9375rem}.wood-options{gap:4px}.wood-options button{font-size:.8125rem}.specifications{grid-template-columns:1fr 3fr}.specifications dl{grid-template-columns:1fr 1fr}}
@media(max-width:760px){header{gap:24px;padding-top:24px;padding-bottom:24px}.brand img{width:160px}header nav{gap:20px}.configurator{grid-template-columns:1fr 1.4fr;gap:30px;padding-top:30px;min-height:0}.product-copy{padding-bottom:30px}.stage{height:400px}.speaker{max-height:350px}.options{grid-column:1/-1;max-width:none;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.selection{grid-column:1/-1}.preview-note{grid-column:1/-1;margin:-12px 0 0}.inquiry-section{gap:7%;grid-template-columns:1fr 1.4fr}}
@media(max-width:600px){header{display:grid;grid-template-columns:1fr auto;gap:20px 16px}.brand{grid-column:1;grid-row:1}.header-inquiry{grid-column:2;grid-row:1}header nav{grid-column:1/-1;grid-row:2;font-size:.875rem;gap:28px}.configurator{display:flex;flex-direction:column;padding:20px var(--gutter) 36px;gap:20px}.product-copy{width:100%;display:grid;grid-template-columns:100px 1fr;column-gap:16px;align-items:center;padding:0}.product-copy>.eyebrow{grid-column:2;grid-row:1;align-self:end}.product-copy h1{grid-column:1;grid-row:1/3;font-size:72px;margin:0}.product-copy p{grid-column:2;grid-row:2;font-size:.875rem;line-height:1.5;margin:6px 0 0}.detail-link{display:none}.stage{width:100%;height:352px;padding-bottom:30px}.speaker{max-width:220px;max-height:322px}.options{display:block;width:100%;padding-top:8px}.wood-options{justify-content:flex-start;gap:32px}.wood-options button{font-size:.875rem}fieldset{padding-bottom:24px}.preview-note{margin:14px 0 0}.specifications{padding:24px 0 30px;display:block}.specifications dl{margin-top:24px;gap:24px 16px}.chair-section{padding:36px var(--gutter) 48px}.chair-heading{margin-bottom:24px}.chair-section figure img{aspect-ratio:4/5;object-position:center}.chair-section figcaption{gap:12px}.chair-section figcaption a span{margin-left:12px}.inquiry-section{padding:38px 0 52px;display:block}.inquiry-copy{margin-bottom:36px}.inquiry-copy p{margin:18px 0 14px;max-width:none}#inquiry-form{gap:24px 16px}footer{flex-wrap:wrap;gap:18px;line-height:1.6}footer>span{order:3;width:100%}}
@media(max-width:360px){#inquiry-form{grid-template-columns:1fr}.wood-options{gap:24px}.product-copy{grid-template-columns:90px 1fr;column-gap:12px}.product-copy h1{font-size:64px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* A fixed shared scale keeps models comparable while the lineup scrolls. */
.compare-toggle{display:flex;align-items:center;gap:12px;background:none;border:0;padding:16px 0 0;font-size:.875rem;color:var(--muted);text-decoration:underline;text-underline-offset:4px}
.compare-toggle:hover{color:#171717}.compare-toggle span{text-decoration:none}
.size-comparison{margin:0 var(--gutter);padding:32px 0 28px;border-top:1px solid var(--line);--inch:10px}
.size-comparison[hidden]{display:none}
.comparison-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}
.comparison-heading h2{font-size:1.5rem;letter-spacing:-.035em}
.comparison-heading p,.comparison-footer p{font-size:.875rem;color:var(--muted);line-height:1.5;margin:10px 0 0}
.compare-close{border:0;background:none;padding:6px 0 10px;font-size:.875rem;color:var(--muted);display:flex;gap:16px;align-items:center}
.compare-close span{font-size:1.25rem}
.comparison-scroll{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#aaa transparent;padding:36px 2px 12px;scroll-padding-inline:2px}
.comparison-scroll:focus-visible{outline:1px solid #777;outline-offset:5px}
.comparison-lineup{display:flex;gap:clamp(28px,4vw,64px);width:max-content;min-width:100%;justify-content:space-between}
.comparison-item{margin:0;flex:none;width:max(calc(var(--model-width) * var(--inch)),154px);scroll-snap-align:start}
.comparison-model{height:calc(34.5 * var(--inch));display:flex;align-items:flex-end;justify-content:center}
.comparison-photo{width:calc(var(--model-width) * var(--inch));height:calc(var(--model-height) * var(--inch));position:relative;overflow:hidden;mix-blend-mode:multiply;flex:none}
.comparison-item figcaption{border-top:1px solid var(--line);padding-top:18px;margin-top:0;display:flex;flex-direction:column;gap:10px}
.comparison-item figcaption button{border:0;padding:0;background:none;font-size:1.125rem;width:fit-content;min-height:32px;color:inherit}
.comparison-item figcaption button span{font-size:.875rem;color:var(--muted);margin-left:10px}
.comparison-item figcaption>span{font-size:.8125rem;color:var(--muted);white-space:nowrap}
.comparison-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:10px}
.comparison-footer p{margin:0;font-size:.75rem}
.comparison-navigation{display:none;align-items:center;gap:12px}
.can-slide .comparison-navigation{display:flex}
.comparison-navigation>span{font-size:.75rem;color:var(--muted)}
.comparison-navigation button{width:44px;height:44px;border:1px solid var(--line);background:none;color:inherit;font-size:1.125rem}
.comparison-navigation button:disabled{opacity:.3;cursor:default}
@media(max-width:600px){.size-comparison{--inch:8px;padding-top:24px}.comparison-lineup{gap:28px}.comparison-scroll{padding-top:28px;scroll-snap-type:x proximity}.comparison-footer{align-items:flex-start;flex-direction:column}.comparison-navigation{width:100%;justify-content:flex-end}.comparison-navigation>span{margin-right:auto}}