@font-face{font-family:Manrope;src:url('/assets/letter-studio/fonts/Manrope-Variable.ttf') format('truetype');font-weight:200 800;font-display:swap}
@font-face{font-family:Display;src:url('/assets/letter-studio/fonts/BarlowCondensed-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{color-scheme:dark;--bg:#111211;--panel:#191b19;--field:#242724;--paper:#f4f2ec;--muted:#adb1a8;--line:#363b34;--orange:#ff741d;font-family:Manrope,Arial,sans-serif;color:var(--paper);background:var(--bg);font-size:14px}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent}button,select{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}button{border:1px solid var(--line);background:transparent;border-radius:6px;padding:9px 12px;min-height:40px}button:hover{border-color:#87917e;background:#ffffff08}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--orange);outline-offset:3px}button[aria-pressed=true]{border-color:var(--orange);color:#ffb986;background:#ff741d10}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2{font-family:Display,'Arial Narrow',sans-serif}h1{font-size:clamp(30px,3.4vw,46px);line-height:1;letter-spacing:.005em}h2{font-size:29px;line-height:1.12}h3{font-size:15px}p{line-height:1.6}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link:focus{position:fixed;top:10px;left:10px;padding:12px;background:var(--orange);color:#111;z-index:20}
header,main,footer{max-width:1600px;margin:auto}header{height:80px;display:flex;align-items:center;gap:26px;padding:0 36px;border-bottom:1px solid var(--line)}.wordmark{display:flex;width:218px;align-items:center}.wordmark img{width:100%;height:auto}.studio-label{border-left:1px solid var(--line);padding-left:26px;font-size:10px;letter-spacing:.15em;color:var(--muted)}.header-link{margin-left:auto;font-size:12px}.header-link span{color:var(--orange);margin-left:15px}main{padding:28px 36px 20px}.studio-heading{display:flex;justify-content:space-between;align-items:center;gap:24px}.eyebrow{color:var(--orange);font-size:9px;font-weight:750;letter-spacing:.13em;margin-bottom:9px}.field-caption{display:block;font-size:10px;color:var(--muted);margin-bottom:7px}.destination .segmented{gap:7px}.destination button{display:flex;align-items:center;gap:9px;font-size:12px;min-height:43px}.flag-badge{background:#f4f2ec;padding:2px;border:1px solid #dddcd3;border-radius:3px;display:flex;box-shadow:0 0 0 1px #0007}.segmented{display:flex;align-items:center;gap:4px}.product-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0 17px;margin-top:19px;border-top:1px solid var(--line)}#modelAlias{font-size:11px;color:var(--muted);margin-top:6px}.outline-button{font-size:12px;display:flex;gap:22px;align-items:center;flex-shrink:0}.outline-button span{color:var(--orange);font-size:20px}.review-layout{display:grid;grid-template-columns:minmax(0,1fr) 336px;gap:22px;align-items:start}.viewer-column{min-width:0;background:#1b1e1c;border:1px solid var(--line);border-radius:9px;overflow:hidden;position:sticky;top:12px}.viewer-topbar{display:flex;justify-content:space-between;align-items:center;padding:9px 13px;background:#1d201d;border-bottom:1px solid var(--line)}.presentation-label select{font-size:12px;min-height:36px;background:transparent;border:0;padding-left:1px;width:170px}.viewer-topbar button{min-height:34px;font-size:11px;padding:6px 13px}.three-stage{position:relative;height:clamp(360px,calc(100dvh - 390px),610px);overflow:hidden;background:#303439}.three-stage canvas{display:block;width:100%;height:100%;touch-action:none;outline-offset:-4px}.loading,#error{position:absolute;inset:0;display:grid;place-content:center;padding:20px;text-align:center;background:#222623;font-size:13px}.loading{pointer-events:none}.assembly-control{padding:11px 16px 10px;background:#20231f;border-top:1px solid var(--line)}.assembly-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.assembly-title>label{font-size:12px;font-weight:700}.assembly-title button{min-height:30px;padding:4px 7px;border-color:transparent;color:var(--muted);font-size:11px}.assembly-range{display:flex;align-items:center;gap:12px}.assembly-range>span{font-size:10px;color:var(--muted)}input[type=range]{accent-color:var(--orange);cursor:pointer;min-width:0;flex:1;height:27px;margin:0}.viewer-bottom{display:flex;justify-content:space-between;align-items:center;padding:5px 15px 7px;font-size:10px;color:var(--muted);gap:10px}.viewer-bottom button{min-height:30px;font-size:11px;padding:4px 8px;border-color:transparent}.camera-tools{border-top:1px solid var(--line);font-size:11px}.camera-tools>summary{padding:11px 16px;color:var(--muted);cursor:pointer}.camera-bar{padding:0 12px 12px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.camera-bar>div{display:flex;gap:4px;flex-wrap:wrap}.camera-bar button{font-size:10px;padding:6px 9px;min-height:34px}.wall-hint{position:absolute;z-index:2;bottom:15px;left:15px;right:15px;background:#151915f0;backdrop-filter:blur(8px);border:1px solid #666e5e;border-radius:6px;padding:13px;display:flex;gap:14px;align-items:center;justify-content:space-between;font-size:12px}.wall-hint button,.halo-hint button{color:#ffb986;font-size:11px;flex-shrink:0}.halo-hint{padding:12px 16px;border-top:1px solid var(--line);display:flex;align-items:center;gap:12px;font-size:11px}
.controls-panel{min-width:0;border:1px solid var(--line);border-radius:9px;background:var(--panel);overflow:hidden}.configuration{padding:18px}.panel-heading{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:20px}.panel-heading>span{font-size:9px;color:var(--muted)}.option-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.option-grid>label{display:flex;flex-direction:column;gap:6px;color:#c9cec2;font-size:11px;min-width:0}select,input[type=text]{display:block;background:var(--field);border:1px solid #454b40;border-radius:5px;color:var(--paper);font-size:12px;padding:9px 10px;min-height:41px;width:100%;min-width:0}select{padding-right:22px}select option,select optgroup{background:#242724;color:var(--paper)}.selection-note{color:var(--muted);font-size:10px;margin-top:14px}.full-width{grid-column:1/-1}.custom-paint{border:1px solid var(--line);padding:12px;margin:0;min-width:0;border-radius:5px}.custom-paint legend{font-size:10px;color:var(--muted);padding:0 5px}.live-paint{display:flex;gap:12px;align-items:flex-end}.live-paint>span{display:block;width:47px;height:41px;border-radius:4px;border:1px solid #ffffff44;flex-shrink:0}.live-paint>label{font-size:10px;color:var(--muted);flex:1}.live-paint input{margin-top:4px}.specifications,.coil-stock{border-top:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:44px}summary::-webkit-details-marker{display:none}summary:after{content:'+';color:var(--orange);font-size:20px;line-height:1}details[open]>summary:after{content:'−'}.specifications>summary{padding:14px 18px;font-size:11px;font-weight:650}.spec-content{padding:0 18px 16px;color:var(--muted);font-size:11px;line-height:1.8}.spec-content ul{padding-left:16px;margin:15px 0}.spec-content p+p{margin-top:12px}.coil-stock{margin-top:15px;font-size:10px;color:var(--muted)}.coil-stock>p{margin:0 0 12px}.coil-stock .option-grid{grid-template-columns:1fr 1fr;gap:9px}.quote-selection{border-top:1px solid var(--line);padding:17px 18px}.primary-button{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;border-color:var(--orange);background:var(--orange);color:#1b170f;border-radius:5px;font-size:12px;font-weight:800;min-height:45px}.primary-button span{font-size:22px}.primary-button:hover{background:#ff9650;border-color:#ff9650}.field-help{font-size:10px;color:var(--muted);line-height:1.7;margin-top:10px}.preview-note{font-size:10px;color:#999f92;margin-top:18px}footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:20px 36px;font-size:9px;letter-spacing:.07em;color:var(--muted)}footer>span:first-child{color:var(--paper);font-weight:750}
dialog{background:#191b19;color:var(--paper);border:1px solid #51584b;border-radius:12px;width:min(780px,calc(100% - 32px));padding:26px;max-height:90dvh;overflow:auto;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.dialog-heading h2{font-size:36px}.close-dialog{font-size:25px;line-height:1;min-width:44px;min-height:44px;padding:0}.dialog-intro{font-size:12px;color:var(--muted);margin:14px 0 21px}.collection-group{margin-top:22px}.collection-group h3{font-size:10px;color:var(--orange);font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:9px}.collection-items{display:grid;grid-template-columns:1fr 1fr;gap:7px}.collection-item{text-align:left;padding:13px 14px;display:flex;gap:10px;align-items:center;justify-content:space-between;border-radius:6px;min-height:76px}.collection-item strong{font-size:12px;line-height:1.45;font-weight:650;display:block}.collection-item small{font-size:10px;color:var(--muted);display:block;line-height:1.5;margin-top:5px}.collection-item .item-mark{font-size:18px;color:var(--orange);flex-shrink:0}.collection-item[aria-pressed=true]{background:#ff741d0c}.collection-item:disabled{opacity:.6}.dialog-footnote{font-size:10px;color:var(--muted);margin-top:20px}#selectionDialog{max-width:530px}#selectionDetails{margin:22px 0}#selectionDetails>div{display:grid;grid-template-columns:115px 1fr;gap:15px;border-bottom:1px solid var(--line);padding:11px 0;font-size:12px;line-height:1.6}#selectionDetails dt{color:var(--muted)}#selectionDetails dd{margin:0}#summaryStatus{font-size:12px;color:#f5bc8d;margin-top:12px;overflow-wrap:anywhere}
@media(min-width:1500px){.review-layout{grid-template-columns:minmax(0,1fr) 380px}.option-grid{grid-template-columns:1fr 1fr}.option-grid>label:first-child{grid-column:1/-1}}
@media(max-width:1000px){header{padding:0 22px;height:70px}main{padding:22px}.review-layout{grid-template-columns:minmax(0,1fr) 290px;gap:15px}.destination button{font-size:11px;padding:8px 9px}.studio-heading{gap:15px}.configuration,.quote-selection{padding:15px}.product-heading h2{font-size:26px}.three-stage{height:430px}.studio-label{display:none}.halo-hint{display:block}.halo-hint button{margin-top:8px}}
@media(max-width:760px){header{height:62px;padding:0 16px}.wordmark{width:174px}.header-link{font-size:10px}.header-link span{margin-left:5px}main{padding:20px 13px}.studio-heading{display:block}.studio-heading h1{font-size:34px}.studio-heading .eyebrow{font-size:8px;margin-bottom:7px}.destination{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:9px}.field-caption{font-size:9px;max-width:60px;line-height:1.5;margin:0}.destination .segmented{flex:1;justify-content:flex-end;gap:5px}.destination button{font-size:10px;padding:8px;gap:6px;min-height:44px}.flag-badge svg{width:21px;height:15px}.destination svg{width:18px}.product-heading{align-items:flex-start;gap:10px;margin-top:17px;padding:16px 0 14px;flex-direction:column}.product-heading h2{font-size:26px;line-height:1.12}#modelAlias{font-size:10px;margin-top:5px}.outline-button{font-size:11px;min-height:44px;padding:8px 12px}.review-layout{display:flex;flex-direction:column;gap:14px}.viewer-column{width:100%;top:0;z-index:3;box-shadow:0 10px 20px #0006}.viewer-topbar{padding:6px 10px}.viewer-topbar button{min-height:36px;font-size:11px;padding:7px 12px}.presentation-label select{width:156px;min-height:38px;font-size:11px}.three-stage{height:clamp(205px,30svh,295px)}.assembly-control{padding:7px 11px}.assembly-title>label{font-size:11px}.assembly-title button{min-height:34px;font-size:10px;padding:5px 0}.assembly-range{gap:10px}.assembly-range input{height:32px}.viewer-bottom{padding:2px 10px 3px;font-size:8px}.viewer-bottom button{min-height:32px;font-size:10px}.camera-tools>summary{padding:8px 11px;min-height:38px;font-size:10px}.camera-bar button{min-height:44px;font-size:11px}.controls-panel{width:100%;scroll-margin-top:440px}.configuration{padding:16px}.panel-heading{margin-bottom:15px}.option-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 12px}.option-grid>label{font-size:10px}.option-grid select,input[type=text]{min-height:44px;font-size:12px;padding-left:9px}.selection-note{font-size:10px}.specifications>summary{padding:14px 16px;min-height:48px}.quote-selection{padding:16px}.primary-button{min-height:46px}.wall-hint{left:9px;right:9px;bottom:9px;display:block;padding:10px;font-size:10px}.wall-hint button{margin-top:7px;min-height:40px}.halo-hint{padding:9px 11px;font-size:10px}.halo-hint button{min-height:40px}.preview-note{font-size:9px}footer{padding:19px 16px;flex-wrap:wrap;font-size:8px}footer>span:nth-child(2){display:none}dialog{padding:20px 15px;width:calc(100% - 22px);max-height:91dvh}.dialog-heading h2{font-size:31px}.collection-items{grid-template-columns:1fr}.collection-item{min-height:68px}.dialog-intro{font-size:11px}.collection-group h3{font-size:9px}#selectionDetails>div{grid-template-columns:90px 1fr;font-size:11px;gap:10px}}
@media(max-width:365px){.destination{align-items:flex-start}.field-caption{display:none}.destination .segmented{justify-content:flex-start}.destination button{flex:1;justify-content:center}.wordmark{width:155px}.three-stage{height:210px}.assembly-title>label{font-size:10px}.viewer-bottom{font-size:7.5px}.option-grid{gap:12px 8px}.option-grid select{font-size:11px}}
@media(max-width:760px) and (max-height:650px){.viewer-column{position:relative}.controls-panel{scroll-margin-top:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Keep the opening control in the first desktop viewport and shorten form rows. */
@media(min-width:761px){.three-stage{height:clamp(320px,calc(100dvh - 535px),500px)}.option-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 12px}#substrateField{grid-column:1/-1}.configuration select{font-size:11px}.panel-heading{margin-bottom:16px}}
@media(max-width:760px) and (min-height:651px){.review-layout{overflow-anchor:none}.viewer-column.is-stuck .three-stage{height:180px}.viewer-column.is-stuck .camera-tools:not([open]){display:none}.viewer-column.is-stuck .viewer-bottom{display:none}.controls-panel select,.controls-panel input{scroll-margin-top:340px}}
.colour-picker{display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:12px;margin:3px 0 13px}.colour-plane{--hue:215;position:relative;height:158px;border:1px solid #ffffff40;border-radius:5px;cursor:crosshair;touch-action:none;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent),hsl(var(--hue) 100% 50%)}.colour-thumb{position:absolute;left:59%;top:48%;width:15px;height:15px;border-radius:50%;border:2px solid white;box-shadow:0 0 0 1px #000a;transform:translate(-50%,-50%);pointer-events:none}.hue-label{position:relative;display:flex;align-items:stretch;justify-content:center}.colour-hue[type=range]{writing-mode:vertical-lr;direction:ltr;appearance:none;-webkit-appearance:none;width:22px;height:158px;flex:none;border-radius:5px;touch-action:none;background:linear-gradient(to bottom,#f00 0%,#ff0 16.67%,#0f0 33.33%,#0ff 50%,#00f 66.67%,#f0f 83.33%,#f00 100%);border:1px solid #ffffff40}.colour-hue::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:9px;border-radius:3px;background:transparent;border:2px solid white;box-shadow:0 0 0 1px #0008}.colour-hue::-moz-range-thumb{width:26px;height:7px;border-radius:3px;background:transparent;border:2px solid white}.picker-help{font-size:10px;color:var(--muted);line-height:1.65;margin-top:10px}.colour-plane:focus-visible{outline:2px solid var(--orange);outline-offset:4px}@media(max-width:760px){.colour-plane,.colour-hue[type=range]{height:160px}.colour-picker{grid-template-columns:minmax(0,1fr) 34px;gap:14px}.colour-hue[type=range]{width:26px}}

/* The market determines construction; keep it distinct from finish controls. */
.destination{padding:10px 12px 12px;border:1px solid #565d4f;border-radius:9px;background:#20231f;flex-shrink:0}
.destination .field-caption{display:block;max-width:none;color:#dfe3d8;font-size:10px;font-weight:700;margin-bottom:8px;letter-spacing:.02em}
.destination .segmented{display:flex;gap:8px}.destination button{position:relative;min-height:54px;min-width:160px;padding:9px 11px;gap:10px;border-color:#4d5547;background:#181b18;text-align:left;justify-content:flex-start}
.destination button[aria-pressed=true]{border-color:#ff8a40;background:#ff741d12;box-shadow:inset 0 0 0 1px #ff8a4038;color:#f4f2ec}
.market-label{display:flex;flex-direction:column;gap:3px}.market-label strong{font-size:12px;font-weight:750}.market-label small{font-size:9px;color:#adb1a8;white-space:nowrap}
.globe-badge,.destination .flag-badge{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:31px;height:27px;border-radius:4px;background:#eeeee5;border:1px solid #dddcd3;color:#26372c;box-shadow:0 0 0 1px #0007}
.globe-badge svg{display:block;width:24px;height:24px}.destination .flag-badge svg{width:25px;height:18px}.market-check{font-size:11px;margin-left:auto;color:#ff9a58;visibility:hidden}.destination button[aria-pressed=true] .market-check{visibility:visible}
@media(max-width:1000px){.destination button{min-width:144px;padding:8px;gap:8px}}
@media(max-width:760px){.destination{width:100%;display:block;padding:9px 10px 10px}.destination .segmented{width:100%}.destination button{flex:1;min-width:0;min-height:51px;justify-content:flex-start}.market-label strong{font-size:11px}.destination .field-caption{margin-bottom:7px}.market-check{font-size:10px}}

/* Website context stays outside the retained modelling controls. */
.studio-subtitle{font-size:12px;color:#b9bcb3;margin:8px 0 0}.studio-subtitle a{color:#efb075;margin-left:12px}.quote-link{display:flex;text-decoration:none;justify-content:center}.summary-copy{margin-top:12px;width:100%}.studio-guide{border-top:1px solid #363b32;margin-top:28px;padding:22px 0}.studio-guide>summary{cursor:pointer;font-size:16px;font-weight:700;list-style-position:inside}.studio-guide>p{color:#b9bcb3;max-width:850px;font-size:13px;line-height:1.8}.studio-guides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.studio-guides article{padding:18px;border:1px solid #363b32;border-radius:8px;background:#181b17}.studio-guides h3{font-size:14px;line-height:1.5;margin:0 0 6px}.studio-guides p{font-size:12px;line-height:1.8;color:#b9bcb3}.studio-guides small{color:#eaaa73}.studio-guides a,.studio-guide a{color:#ffab65}.studio-guides nav{display:flex;gap:15px;flex-wrap:wrap;font-size:12px}.no-script-note{padding:25px;line-height:1.8}footer a{color:inherit;text-decoration:none}@media(max-width:900px){.studio-guides{grid-template-columns:1fr 1fr}}@media(max-width:600px){.studio-guides{grid-template-columns:1fr}.studio-subtitle a{display:block;margin:7px 0 0}}