/* Palette and typography matched to Pejantan's live site: #1A1410, #2C2318, #B8935A. */
:root{--paper:#1a1410;--ink:#fafaf8;--muted:#b6aa9a;--line:rgba(184,147,90,.2);--wood:#b8935a;--gold:#b8935a;--gold-light:#d4af7a;--dark2:#2c2318;--dark3:#221a12}
body{background:var(--paper);color:var(--ink)}
header{height:116px;margin:0;padding:8px 5%;background:rgba(26,20,16,.96);border-color:var(--line)}
.brand{display:flex;align-items:center;letter-spacing:0}.brand img{display:block;width:145px;height:98px;object-fit:contain}.brand span{display:none}
nav{gap:28px;color:#c3baaf}nav a:hover{color:var(--gold-light)}
.nav-cta{background:var(--gold);color:#1a1410;padding:13px 19px;border:0;border-radius:2px;text-transform:uppercase;font-size:11px;letter-spacing:1px;font-weight:600}.nav-cta:hover{background:var(--gold-light)}
.hero{grid-template-columns:40% 60%;padding:44px 5% 24px;min-height:690px;gap:0}.intro{padding:33px 40px 20px 0}.eyebrow{color:var(--gold);font-size:10px;letter-spacing:2px}.intro>.eyebrow{padding:8px 12px;border:1px solid #b8935a4d;background:#b8935a15;border-radius:40px;font-size:8px;display:inline-flex;align-items:center;letter-spacing:1.4px;line-height:1.5}.dot{background:var(--gold)}
h1{font-family:'Playfair Display',Georgia,serif;color:#fafaf8;font-size:clamp(64px,6.2vw,96px);letter-spacing:-2px;font-weight:600;margin:24px 0 26px}h1 span{color:var(--gold);font-family:'Playfair Display',Georgia,serif;font-size:clamp(23px,2.4vw,36px);letter-spacing:.5px;margin-top:9px;font-weight:400}h2{font-family:'Playfair Display',Georgia,serif;font-weight:500;letter-spacing:-.7px;font-size:clamp(31px,3.4vw,48px)}h3{font-family:'Playfair Display',Georgia,serif;font-weight:400!important}
.lead{font-size:20px;color:#ded6ca;line-height:1.5;letter-spacing:0}.description{color:#b3a99b;font-size:13px;line-height:1.85}.hero-notes{color:#b0a08b;gap:27px;padding-top:22px;border-top:1px solid var(--line);margin-top:32px}.hero-notes b{color:var(--gold-light);font-size:13px}.button{border-radius:2px;text-transform:uppercase;font-size:10px;letter-spacing:1.1px;line-height:1.5}.button.dark,.button.light{background:var(--gold);color:#1a1410;font-weight:600}.button:hover{background:var(--gold-light);color:#1a1410}.text-link{color:#dbd0c1;border-color:#a38b68;line-height:1.8}.hero-links{gap:20px}.viewer{height:620px;min-height:620px;border:1px solid #b8935a40;background:radial-gradient(ellipse at 50% 40%,#eee8dc,#d6cbb8);--view-text:#514b40;--view-line:#b8ad9880;--view-panel:#f6f0e4eb;color:var(--view-text)}
.viewer[data-background=gray]{background:radial-gradient(ellipse at 50% 40%,#eeeeed,#c9caca);--view-text:#44484a;--view-line:#9d9d9d80;--view-panel:#efefedeb}.viewer[data-background=dark]{background:radial-gradient(ellipse at 50% 40%,#48443e,#24221f);--view-text:#e6d9c4;--view-line:#c9b08a50;--view-panel:#292620ed}
#canvas-wrap{top:40px;bottom:164px;height:auto}.viewer-top{top:21px;font-size:8px;color:var(--view-text)}.viewer-tools{top:65px;right:17px;gap:7px}.viewer-tools button{width:33px;height:33px;background:var(--view-panel);border-color:var(--view-line);color:var(--view-text)}.viewer-tools button:hover{border-color:#b8935a;background:#b8935a;color:#1a1410}.viewer-bottom{bottom:145px;color:var(--view-text);font-size:9px;left:22px;right:22px}.viewer-bottom button{color:var(--view-text);border-color:var(--view-line);background:var(--view-panel)}.viewer-bottom button[aria-pressed=true]{background:var(--gold);color:#1a1410}.viewer-label{bottom:186px;left:22px;color:var(--view-text)}.loading{top:35%;color:var(--view-text);padding:15px}
.appearance-controls{position:absolute;left:0;right:0;bottom:0;padding:16px 22px 12px;background:var(--view-panel);border-top:1px solid var(--view-line);color:var(--view-text)}.finish-row,.background-row{display:flex;align-items:center;justify-content:space-between;gap:18px}.control-label{font-size:8px;letter-spacing:1.5px;line-height:1.4}.control-label strong{display:block;margin-top:5px;font-size:12px;font-weight:500;letter-spacing:0}.swatches{display:flex;gap:11px;align-items:center}.swatch,.custom-color{position:relative;width:27px;height:27px;border-radius:50%;border:1px solid #93816a;flex-shrink:0}.swatch{background:var(--swatch);padding:0}.swatch.birch{background:#dbc19a url('./assets/birch-swatch.jpg') center/cover}.swatch[aria-pressed=true]:after,.custom-color.active:after{content:'';position:absolute;inset:-5px;border:1.5px solid var(--view-text);border-radius:50%;pointer-events:none}.custom-color{background:conic-gradient(#d9acac,#e1c78b,#92a987,#8ea3c1,#c69cc8,#d9acac);display:grid;place-items:center;overflow:visible;cursor:pointer}.custom-color input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.custom-color span{font-size:19px;color:#30251c;pointer-events:none}.background-row{margin-top:15px}.background-row>span{font-size:8px;letter-spacing:1.5px}.background-row>div{display:flex;gap:4px}.background-row button{padding:5px 10px;border:1px solid var(--view-line);background:transparent;color:var(--view-text);font-size:9px;border-radius:2px}.background-row button[aria-pressed=true]{border-color:var(--view-text);font-weight:600}.finish-help{margin:10px 0 0;font-size:9px;opacity:.85;line-height:1.4}
.viewer:fullscreen,.viewer.expanded{height:100dvh}.viewer:fullscreen #canvas-wrap,.viewer.expanded #canvas-wrap{top:45px;bottom:164px}
.explore-bar{gap:16px;padding:0 0 24px}.mode-buttons button{color:#c0b29d;border:1px solid var(--line);border-radius:2px}.mode-buttons button.active{background:var(--gold);color:#1a1410}.explode-range{color:#c9b89e}.explode-range input{accent-color:var(--gold)}.assembly-feedback{display:flex;gap:10px;align-items:center;font-size:10px;color:var(--gold-light);width:100%;order:2}.assembly-feedback button{border:1px solid var(--line);color:var(--gold-light);background:transparent;padding:7px 12px;border-radius:2px;font-size:10px}#model-note{color:#ab9a84;font-size:9px}.philosophy{background:var(--dark3);padding:72px 8%;margin-top:0}.features p,.detail-grid p,.muted{color:#b6aa9a}.features h3{color:#eae0d1;font-size:23px}.feature-number{color:var(--gold)}.features article{border-color:var(--line)}.spec-section{background:var(--dark2);border-block:1px solid var(--line)}.sizes button{color:#dbd0bf;border-color:#b8935a55;border-radius:2px}.sizes button.selected{background:var(--gold);border-color:var(--gold);color:#1a1410}.size-display strong{font-family:'Playfair Display',Georgia,serif;color:var(--gold-light)}.spec-table>div,.model-disclaimer{border-color:var(--line)}.spec-table span,.model-disclaimer{color:#b6aa9a}.spec-table b{color:#ece4d7}.assembly-section{background:var(--paper)}.assembly-section p{color:#b6aa9a}.assembly-section .eyebrow{color:var(--gold)}.steps{margin-top:0}.steps li{border-color:var(--line);padding:21px 0}.steps li>span{color:var(--gold)}.steps h3{color:#e5d6c0}.details-section{background:var(--dark3);padding-bottom:30px}.line-art{background:#31271b;border:1px solid var(--line)}.detail-grid article>span{color:var(--gold)}.detail-grid h3{font-size:22px}.gallery-grid>div,.gallery-grid>div+div{background:var(--dark2);border-color:var(--line)}.gallery-grid p{font-family:'Playfair Display',Georgia,serif;color:#e0c5a0}.gallery-grid span{color:var(--gold)}.gallery-grid small{color:#b6aa9a}.faq details{border-color:var(--line)}.faq summary{color:#e2d7c7}.faq details p{color:#b6aa9a}.contact{background:var(--dark2);border:1px solid var(--line)}.contact h2{font-family:'Playfair Display',Georgia,serif;color:var(--gold-light);font-size:clamp(45px,6vw,76px);letter-spacing:-1.5px}.contact>p:not(.eyebrow){color:#bbac96}footer{border-top:1px solid var(--line);margin-top:48px}footer>span,footer>a:last-child{color:#b6aa9a}
@media(max-width:1000px){.hero{grid-template-columns:42% 58%}.intro{padding-right:25px}h1{font-size:64px}h1 span{font-size:25px}.swatches{gap:8px}.appearance-controls{padding:16px 16px 12px}.hero-notes{gap:18px}.viewer{height:640px;min-height:640px}.control-label strong{font-size:11px}}
@media(max-width:700px){header{height:98px;padding:5px 5%}.brand img{height:84px;width:126px}.nav-cta{font-size:9px;padding:11px 13px}.nav-cta span{margin-left:10px}.hero{display:flex;padding:25px 5% 20px}.intro{padding:5px 0 26px}h1{font-size:70px;margin:15px 0 25px}h1 span{font-size:29px}.lead{font-size:21px}.hero-notes{gap:30px}.viewer{height:555px;min-height:555px}.viewer-top{left:16px;right:16px;font-size:7px}.viewer-bottom{left:16px;right:16px}.viewer-label{left:16px}.swatches{gap:12px}.appearance-controls{padding:16px}.control-label strong{font-size:12px}.mode-buttons button{font-size:9px;padding:10px 8px}.explore-bar{gap:12px}.assembly-feedback{font-size:10px;line-height:1.6}.philosophy{padding:55px 6%}.contact h2{font-size:53px}footer{margin-top:30px}.features h3{font-size:23px}}
@media(max-width:380px){.swatches{gap:9px}.swatch,.custom-color{width:24px;height:24px}.control-label strong{font-size:11px}.hero-notes{gap:20px}.viewer-bottom>span{max-width:140px}.intro>.eyebrow{font-size:7px}h1{font-size:62px}}
.viewer{height:700px;min-height:700px}.appearance-controls .explore-bar{margin:0 0 13px;padding:0 0 11px;border-bottom:1px solid var(--view-line);gap:9px;display:flex}.appearance-controls .mode-buttons{display:flex;width:100%;gap:6px}.appearance-controls .mode-buttons button{flex:1;background:transparent;border-color:var(--view-line);color:var(--view-text);font-size:9px;padding:8px 4px;white-space:nowrap}.appearance-controls .mode-buttons button.active{background:#b8935a;border-color:#b8935a;color:#1a1410}.appearance-controls .explode-range{color:var(--view-text);font-size:8px;gap:6px}.appearance-controls .explode-range input{width:70px}.appearance-controls .assembly-feedback{width:auto;flex:1;order:initial;font-size:8px;color:var(--view-text);gap:8px;line-height:1.4}.appearance-controls .assembly-feedback button{color:var(--view-text);border-color:var(--view-line);font-size:8px;white-space:nowrap;padding:5px 7px}.appearance-controls #model-note{display:none}.appearance-controls #assembly-status{min-height:23px;display:flex;align-items:center}.philosophy{margin-top:24px}@media(max-width:700px){.viewer{height:660px;min-height:660px}.appearance-controls{padding:13px}.appearance-controls .assembly-feedback{width:100%;flex:auto}.appearance-controls #assembly-status{min-height:12px}.appearance-controls .explore-bar{gap:8px;margin-bottom:12px;padding-bottom:10px}.appearance-controls .mode-buttons button{font-size:8px}.appearance-controls .explode-range input{width:135px}.appearance-controls .assembly-feedback button{min-height:28px}.philosophy{margin-top:0}}