/* Adapted from the approved graphite / cream prototype; no new product imagery. */
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#e9e9e5;color:#303639;font-family:Arial,Helvetica,sans-serif}button,select{font:inherit}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #93b5ff;outline-offset:5px}header{padding:26px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #c9cecd}.brand{font-size:24px;font-weight:600;letter-spacing:-1px}.brand small{font-size:12px;font-weight:400;letter-spacing:2px;margin-left:14px}.draft{font-size:12px;letter-spacing:.6px;text-align:right;line-height:1.6}.draft strong{display:block;font-weight:500}main{max-width:1440px;margin:auto;padding:36px 5% 60px}.intro{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:25px}.intro p{color:#697173;font-size:14px;margin:0 0 12px}h1{font-size:clamp(28px,4vw,46px);letter-spacing:-1.6px;font-weight:500;margin:0;max-width:800px}.count{font-size:13px;line-height:1.7;flex-shrink:0;color:#697173;text-align:right}.group-nav{display:flex;width:max-content;max-width:100%;background:#d9dcda;padding:5px;border-radius:12px;gap:3px;flex-wrap:wrap;margin:28px 0 22px}.group-nav a{padding:12px 17px;text-decoration:none;border-radius:8px;font-size:14px;color:#4f5658}.group-nav a:hover{background:#f7f8f5}.photo-notice{font-size:13px;line-height:1.65;color:#5b6568;max-width:900px;margin:0}.photo-notice strong{font-weight:600;color:#343e41}.group{margin-top:42px}.group-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:18px}.group-heading h2{font-size:29px;font-weight:500;letter-spacing:-.8px;margin:0}.group-heading p{margin:0;color:#697173;font-size:13px;text-align:right}.pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.card{position:relative;isolation:isolate;overflow:hidden;border-radius:23px;background:#353b3e;color:#f1f3ef;min-width:0;box-shadow:0 22px 45px #28323618;display:flex;flex-direction:column}.card:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.45' filter='url(%23n)'/%3E%3C/svg%3E")}.copy{padding:30px 30px 0;z-index:2;display:flex;flex-direction:column;align-items:start}.card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-bottom:23px}.eyebrow{font-size:10px;letter-spacing:1.7px;color:#b8c3c7;margin:0}.side{display:inline-flex;border:1px solid #8e9a9e;border-radius:7px;gap:7px;align-items:center;padding:8px 12px;white-space:nowrap;font-size:14px;letter-spacing:.2px}.side-code{font-size:11px;color:#b8c3c7}.model{font-size:62px;font-weight:500;letter-spacing:-3px;margin:0;line-height:1}.sub{color:#c8d1d3;letter-spacing:2.4px;font-size:11px;margin:12px 0 0}.visual{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-width:0;margin:0;padding:23px 30px 20px;background:radial-gradient(ellipse at 60% 40%,#71808733,transparent 66%)}.visual img{display:block;width:100%;max-width:480px;height:auto;aspect-ratio:1400/933;object-fit:contain;filter:drop-shadow(0 26px 18px #1119);transform:none;transition:transform .6s ease,filter .6s ease}.card:hover .visual img{transform:scale(1.035);filter:drop-shadow(0 32px 20px #111b)}.photo-caption{font-size:11px;line-height:1.55;color:#c3cccd;align-self:stretch;max-width:380px;margin:10px 0 0;padding-top:10px;border-top:1px solid #74808366}.photo-caption strong{display:block;color:#e0e5e2;font-size:10px;letter-spacing:1.1px;margin-bottom:4px;font-weight:500}.configuration{padding:4px 30px 26px;display:flex;flex-direction:column;flex:1}.finish{display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.5;color:#e0e5e2;min-height:44px;margin:0 0 15px}.selected-swatch{height:19px;width:19px;flex:0 0 19px;border-radius:50%;background:var(--swatch);border:1px solid #aab3b5}.color-code{color:#bcc6c8;font-size:12px;white-space:nowrap}.swatches{display:flex;gap:4px;flex-wrap:wrap;margin:0 -4px 14px}.swatch-button{border:0;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:transparent;position:relative;padding:6px}.swatch-button .swatch{display:block;width:28px;height:28px;border-radius:50%;background:var(--swatch);border:1px solid #a6b1b199;box-shadow:inset 0 0 0 1px #ffffff0a}.swatch-button[aria-pressed=true]:after{content:"";position:absolute;inset:1px;border:1px solid #f1f3ef;border-radius:50%}.swatch-button:hover{background:#ffffff15}.variant-label{font-size:11px;letter-spacing:.5px;color:#bdc8ca;display:block;margin:0 0 9px}.variant-select{width:100%;min-height:45px;border:1px solid #7e8a8e;border-radius:8px;background:#303639;color:#f1f3ef;padding:11px 33px 11px 12px;font-size:13px;text-overflow:ellipsis}.variant-select:disabled{opacity:1;color:#f1f3ef}.swatch-note{font-size:11px;color:#bec8c9;margin:9px 0 22px;line-height:1.5}.summary{margin-top:auto;border-top:1px solid #74808366;padding-top:20px}.price-row{display:flex;justify-content:space-between;align-items:center;gap:14px}.price{font-size:34px;letter-spacing:-1px;white-space:nowrap}.price small{font-size:12px;letter-spacing:.8px;color:#bdc8ca;margin-left:5px}.price-source{font-size:11px;color:#bdc8ca;line-height:1.5;max-width:120px;text-align:right}.sku-row{display:flex;gap:10px;align-items:start;margin-top:15px;font-size:12px;line-height:1.6;min-height:38px}.sku-label{color:#bdc8ca}.sku-value{overflow-wrap:anywhere;letter-spacing:.2px}.sku-value.unresolved{color:#f1d7ad}.resolution{min-height:33px;margin:3px 0 0;color:#c2cbcd;font-size:11px;line-height:1.5}.resolution.unresolved{color:#e6cda8}.technical{border-top:1px solid #74808366;margin-top:12px;padding-top:15px;font-size:12px}.technical summary{color:#f1f3ef;cursor:pointer;list-style-position:outside;margin-left:13px}.technical dl{margin:14px 0 0}.technical dl div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-top:1px solid #74808344;line-height:1.5}.technical dt{color:#bdc8ca}.technical dd{margin:0;text-align:right}.foot{display:flex;gap:35px;justify-content:space-between;margin-top:42px;border-top:1px solid #cdd1cc;padding-top:22px;color:#5b6568;font-size:13px;line-height:1.65}.foot strong{display:block;color:#343e41;margin-bottom:5px}.foot>div{max-width:590px}.foot a{color:#343e41}.note{font-size:12px;line-height:1.6;color:#697275;margin-top:22px}.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}.skip-link{position:absolute;left:15px;top:-80px;padding:14px 20px;background:#f7f8f4;z-index:5}.skip-link:focus{top:15px}
@media(min-width:1100px){.copy{padding:33px 34px 0}.configuration{padding:4px 34px 28px}.visual{padding:18px 38px 21px}.model{font-size:70px}}
@media(max-width:760px){header{padding:22px 6%;align-items:start}.brand small{display:none}.draft{font-size:10px;max-width:170px}.intro{align-items:start;flex-direction:column;gap:16px}main{padding:28px 6% 45px}.count{text-align:left}.group-nav{gap:1px;margin-top:23px}.group-nav a{padding:11px 12px;font-size:13px}.group{margin-top:32px}.group-heading{align-items:start;flex-direction:column;gap:7px}.group-heading h2{font-size:27px}.group-heading p{text-align:left;line-height:1.5}.pair{grid-template-columns:1fr;gap:18px}.copy{padding:28px 26px 0}.model{font-size:62px}.configuration{padding:4px 26px 25px}.visual{padding:20px 29px}.foot{flex-direction:column;gap:20px}.eyebrow{font-size:9px;letter-spacing:1.2px}.photo-notice{font-size:12px}.card-top{margin-bottom:21px}}
@media(max-width:370px){.copy{padding:24px 20px 0}.configuration{padding:4px 20px 24px}.side{padding:7px 9px;font-size:13px}.eyebrow{font-size:8px;letter-spacing:1px}.model{font-size:56px}.group-nav a{font-size:12px;padding:10px}.draft{max-width:148px}.brand{font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.visual img{transition:none}.card:hover .visual img{transform:none}}
@media print{.group-nav,.swatches,.variant-label,.variant-select{display:none}.pair{grid-template-columns:repeat(2,minmax(0,1fr))}.group{break-inside:avoid}.card{-webkit-print-color-adjust:exact;print-color-adjust:exact;box-shadow:none}.copy{padding-top:20px}.model{font-size:42px}.photo-caption{font-size:10px}.configuration{padding-top:0}.visual img{max-width:240px}.swatch-note{margin-bottom:10px}}
.swatch-button .swatch,.selected-swatch{display:flex;align-items:center;justify-content:center;color:#253036;font-size:16px;font-weight:600;text-shadow:0 0 4px #fff}.selected-swatch{font-size:12px}
[hidden]{display:none!important}.card{min-height:850px}.card.ral-card{outline:1px solid #9fb8c2}.designer-badge{font-size:11px;letter-spacing:.4px;color:#dae6e6;border:1px solid #9fb8c2;padding:6px 9px;border-radius:20px}.primary{border:0;border-radius:9px;background:#edf0ed;color:#333b3d;padding:14px 18px;font-size:14px;width:100%;margin-top:15px}.primary:hover{background:#fff}.mode-control{display:flex;gap:8px;margin-bottom:16px}.mode-control label{flex:1;text-align:center;border:1px solid #7e8a8e;border-radius:8px;padding:10px 4px;font-size:12px;cursor:pointer}.mode-control label:has(input:checked){background:#edf0ed;color:#303639}.mode-control input{accent-color:#9fb8c2;margin:0 5px 0 0}.ral-palette{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;margin-bottom:13px}.ral-swatch{min-width:0;display:flex;flex-direction:column;align-items:center;border:0;background:transparent;color:#c8d1d3;border-radius:8px;padding:6px 2px;gap:4px;font-size:10px}.ral-swatch span{width:28px;height:28px;border-radius:50%;background:var(--swatch);border:1px solid #c5cfcc99}.ral-swatch[aria-pressed=true]{box-shadow:inset 0 0 0 1px #dce5df}.ral-swatch:hover{background:#ffffff15}.palette-link{font-size:11px;color:#cbd8d8;text-underline-offset:3px}.visual{padding-top:16px;padding-bottom:16px}.visual img{max-width:420px}.photo-caption{max-width:none;font-size:10px}.summary{padding-top:16px}.resolution{min-height:0}.photo-notice{font-size:12px}.group-heading h2{font-size:27px}.price-source{max-width:110px}dialog{max-width:540px;width:calc(100% - 32px);border:0;border-radius:20px;background:#f7f8f4;padding:30px;color:#303639;box-shadow:0 30px 100px #0005}dialog::backdrop{background:#1d282b88;backdrop-filter:blur(4px)}dialog h2{font-size:25px;font-weight:500;margin:0 0 18px}dialog p{font-size:14px;line-height:1.6}dialog label{display:block;font-size:14px;margin-top:15px}dialog input{display:block;width:100%;font:inherit;border:1px solid #b1bdb9;border-radius:8px;background:#fff;padding:12px;margin-top:8px}dialog button{background:#353b3e;color:#f1f3ef;border:0;border-radius:8px;padding:13px 18px;margin-top:20px}dialog .preview-note{font-size:12px;color:#667276}dialog [data-validation]{color:#a43535;font-size:13px;margin:10px 0 0}
@media(max-width:760px){.card{min-height:0}.designer-badge{font-size:10px;padding:6px 8px}.mode-control label{font-size:11px}.eyebrow{font-size:8px;letter-spacing:1px}.side{font-size:12px}.group-heading h2{font-size:25px}}

.ral-card .mode-control label{padding:8px 4px}.ral-card .ral-swatch{padding:2px;gap:3px}.ral-card .ral-palette{gap:1px}

.media-frame{width:100%;max-width:420px;aspect-ratio:1400/933;position:relative;display:grid;place-items:center}.media-frame img{width:100%;height:100%;object-fit:contain;aspect-ratio:auto;transition:opacity .18s ease,transform .6s ease}.photo-placeholder{width:100%;height:100%;border:1px dashed #96a6aa66;border-radius:15px;background:radial-gradient(ellipse,#71808722,transparent 80%);display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;line-height:1.6;color:#c8d1d3;padding:28px}.media-frame img[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){.media-frame img{transition:none}}

.media-frame{position:relative}.media-frame [data-kit-image]{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity 180ms ease}.media-frame [data-variant-image]{opacity:1;transition:opacity 180ms ease}.visual[data-view="kit"] [data-variant-image]{opacity:0}.visual[data-view="kit"] [data-kit-image]{opacity:1}.photo-toggle{margin:10px auto 0;display:block;border:1px solid #a4adae;border-radius:8px;padding:8px 14px;background:transparent;color:inherit}.photo-toggle[hidden]{display:none}@media(hover:hover) and (min-width:761px){.visual[data-has-kit="true"]:hover [data-variant-image]{opacity:0}.visual[data-has-kit="true"]:hover [data-kit-image]{opacity:1}}@media(prefers-reduced-motion:reduce){.media-frame img{transition:none}}

.visual[data-has-kit="true"] .media-frame img{transform:none!important;filter:none!important}