:root {
  color-scheme: dark;
  --bg: #0d0f10;
  --panel: #151819;
  --panel-2: #1b1f20;
  --panel-3: #202526;
  --line: #303638;
  --line-soft: #24292b;
  --text: #f4f3ee;
  --muted: #9ca4a5;
  --muted-2: #777f80;
  --accent: #e27636;
  --accent-soft: #3a2419;
  --good: #73a98f;
  --info: #7398b8;
  --warn: #d7a24a;
  --danger: #cb6d61;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--bg); color: var(--text); }
button, select, input { font: inherit; }
button:disabled { opacity: .46; cursor: not-allowed; }
a { color: inherit; }
.site-header { height: 68px; padding: 0 4vw; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; position: fixed; inset: 0 0 auto; z-index: 20; background: linear-gradient(#0d0f10f2, #0d0f10a8); backdrop-filter: blur(16px); border-bottom: 1px solid #ffffff0d; }
.brand { font-weight: 900; letter-spacing: .12em; text-decoration: none; }
.primary-nav { display: flex; gap: 28px; }
.primary-nav a { color: #d4d7d5; text-decoration: none; font-size: 14px; }
.header-actions{justify-self:end;display:flex;align-items:center;gap:16px}.header-cta{color:var(--accent);text-decoration:none;font-size:13px;font-weight:800}.cart-link{display:flex;align-items:center;gap:2px;color:#d4d7d5;text-decoration:none;font-size:12px}.cart-link span{font:inherit;color:inherit}
.hero { min-height: 100vh; position: relative; display: grid; grid-template-columns: minmax(320px, 44%) 1fr; align-items: center; padding: 110px 4vw 54px; overflow: hidden; }
.hero-copy { z-index: 2; max-width: 720px; }
.eyebrow { font-size: 11px; letter-spacing: .18em; color: var(--accent); font-weight: 800; text-transform: uppercase; }
.hero h1 { font-size: clamp(54px, 7vw, 108px); line-height: .9; margin: 18px 0 26px; letter-spacing: -.055em; }
.hero p { font-size: 18px; line-height: 1.6; color: #c4c8c6; max-width: 650px; }
.hero-actions { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.promise-strip { margin-top: 34px; display: flex; flex-wrap: wrap; gap: 8px; }
.promise-strip span { border: 1px solid #ffffff1c; background: #111516a8; padding: 8px 10px; font-size: 11px; color: #c4cac7; }
.text-link { color: #d8ddda; font-size: 13px; text-underline-offset: 5px; }
.primary-button, .secondary-button, .ghost-button { border: 0; border-radius: 2px; cursor: pointer; }
.primary-button { display: inline-block; padding: 15px 22px; background: var(--accent); color: #101010; text-decoration: none; font-weight: 850; }
.secondary-button { padding: 12px 15px; background: #e8e7df; color: #151719; font-weight: 780; text-decoration:none; }
.ghost-button { padding: 9px 12px; background: #232829; color: #e7e9e6; border: 1px solid #394043; }
.hero-real-media { position: absolute; inset: 68px 0 0 38%; overflow: hidden; background: radial-gradient(circle at 68% 25%, #dd9c5228, transparent 20%), #111516; }
.hero-real-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #0d0f10 0%, transparent 28%), linear-gradient(0deg, #0d0f10 0%, transparent 28%); pointer-events: none; }
.hero-real-media img { width: 100%; height: 100%; object-fit: cover; object-position: center; filter: saturate(.9) contrast(1.04); }
.hero-real-media > span { position: absolute; right: 24px; bottom: 20px; z-index: 2; padding: 7px 9px; border: 1px solid #ffffff22; background: #0b0d0ed9; color: #c9cecb; font-size: 9px; letter-spacing: .12em; }
.hero-media-pending { height: 100%; display: grid; place-items: center; color: var(--muted); font-size: 13px; }

.section-pad { padding: 82px 4vw; }
.section-heading { display: grid; grid-template-columns: minmax(260px, .9fr) minmax(320px, 1fr); gap: 50px; align-items: end; margin-bottom: 28px; }
.section-heading h2, .selected-range h2 { margin: 8px 0 0; font-size: clamp(34px, 4vw, 58px); line-height: 1; letter-spacing: -.035em; }
.section-heading > p, .selected-range-copy > p { color: var(--muted); line-height: 1.65; max-width: 760px; }
.range-discovery { border-top: 1px solid var(--line); background: #101314; }
.status-badge-row { display: flex; flex-wrap: wrap; gap: 6px; margin: 18px 0; }.status-badge-row.compact { margin: 10px 0 15px; }.status-badge { border: 1px solid #3b4244; background: #1a1e1f; color: #c1c7c4; padding: 5px 7px; font-size: 10px; line-height: 1; text-transform: uppercase; letter-spacing: .06em; }.status-badge--good { border-color: #496c5c; color: #9bd0b6; background: #15211c; }.status-badge--info { border-color: #435d74; color: #a9c6dd; background: #151e26; }.status-badge--warn { border-color: #725e37; color: #e4c47f; background: #251f14; }.status-badge--danger { border-color: #744a45; color: #e8a097; background: #261918; }.status-badge--muted { color: #8d9694; }
.builder-shell { min-height: 100vh; display: grid; grid-template-columns: 330px minmax(520px, 1fr) 360px; background: #111314; scroll-margin-top: 68px; }.control-panel, .spec-panel { padding: 30px 25px; background: var(--panel); overflow: auto; }.control-panel { border-right: 1px solid var(--line); }.spec-panel { border-left: 1px solid var(--line); }.panel-heading { display: flex; gap: 12px; align-items: flex-start; margin-bottom: 18px; }.panel-step { width: 29px; height: 29px; border: 1px solid #4c5355; display: grid; place-items: center; flex: 0 0 auto; font-size: 11px; color: var(--muted); }.panel-heading-copy h2 { font-size: 20px; margin: 2px 0 0; }.panel-description { margin: 7px 0 0; color: var(--muted); font-size: 11px; line-height: 1.45; }label { display: grid; gap: 7px; color: #c8cdca; font-size: 12px; margin: 13px 0; position: relative; }select, input { width: 100%; background: #0f1213; border: 1px solid #343a3c; color: var(--text); padding: 11px 12px; outline: none; }select:focus, input:focus { border-color: #777f80; }.divider { height: 1px; background: var(--line); margin: 27px 0; }.status-line, .microcopy { font-size: 11px; line-height: 1.5; color: var(--muted); }
.authority-warning { padding: 12px; border: 1px solid #6f592e; background: #2a2417; color: #e0bd72; font-size: 12px; line-height: 1.5; }.evidence-summary { border: 1px solid var(--line); background: #101314; padding: 12px; margin: 10px 0 16px; }.evidence-summary strong { font-size: 12px; }.offer-reason{padding:11px 12px;margin-top:9px;border:1px solid #4d4430;background:#221f17;color:#d5c38f;font-size:11px;line-height:1.5}.calibration-grid.hidden { display: none; }.calibration-grid { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 14px 0; }.calibration-heading { display: grid; gap: 4px; margin-bottom: 12px; }.calibration-heading strong { font-size: 13px; }.calibration-heading span { color: var(--warn); font-size: 10px; }.calibration-grid label span { position: absolute; right: 10px; bottom: 11px; color: #727a7b; }.live-spec { margin: 22px 0; border-top: 1px solid var(--line); }.live-spec > div { display: flex; justify-content: space-between; padding: 11px 0; border-bottom: 1px solid var(--line); font-size: 13px; }.live-spec span { color: var(--muted); }.live-spec strong { font-variant-numeric: tabular-nums; }.full { width: 100%; text-align: center; }.review-build-button{margin-top:8px}.snapshot-output { min-height: 90px; white-space: pre-wrap; word-break: break-word; font-size: 10px; color: #b7c1bf; background: #0c0e0f; padding: 11px; border: 1px solid #2d3335; }.control-panel > .secondary-button { width: 100%; }
.trust-band { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--line); padding-top: 1px; padding-bottom: 1px; }.trust-band > div { background: #111415; padding: 26px; display: grid; gap: 9px; }.trust-band strong { font-size: 16px; line-height: 1.4; font-weight: 650; }
.route-root{min-height:calc(100vh - 220px);padding-top:68px}.route-page{min-height:calc(100vh - 68px)}.page-hero{padding:clamp(110px,13vw,170px) 6vw 80px;background:radial-gradient(circle at 80% 12%,rgba(226,118,54,.14),transparent 22%),linear-gradient(160deg,#121617,#0d0f10);border-bottom:1px solid var(--line)}.page-hero h1{max-width:1000px;margin:16px 0 24px;font-size:clamp(46px,6.4vw,92px);line-height:.94;letter-spacing:-.05em}.page-hero>p:not(.eyebrow){max-width:760px;font-size:18px;line-height:1.65;color:#c4c8c6}.compact-page-hero{padding-bottom:52px}.section-pad-tight{padding:26px 6vw}.inline-button{display:inline-flex;width:auto;margin-top:0;align-items:center;justify-content:center}.text-link{color:#e6e7e2;text-decoration:none;border-bottom:1px solid #666f70;padding:3px 0;min-width:44px;min-height:44px;display:inline-flex;align-items:center}.text-link:hover{border-color:var(--accent)}
.site-footer{padding:48px 6vw;border-top:1px solid var(--line);display:grid;grid-template-columns:1.2fr 1fr;gap:30px;background:#0a0c0d}.footer-brand{display:grid;gap:8px}.footer-brand strong{letter-spacing:.12em}.footer-brand span,.footer-note{color:var(--muted);font-size:12px;line-height:1.6}.footer-links{display:flex;flex-wrap:wrap;gap:18px;justify-content:flex-end}.footer-links a{color:#d3d7d4;text-decoration:none;font-size:13px}.footer-note{grid-column:1/-1;margin:0;padding-top:20px;border-top:1px solid #202526}
.home-range-preview{background:#111415}.home-range-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0}.home-range-chip{display:grid;gap:6px;padding:20px;border:1px solid var(--line);background:#161a1b;text-decoration:none;color:var(--text);min-height:128px}.home-range-chip small{color:var(--accent);letter-spacing:.16em}.home-range-chip strong{font-size:20px}.home-range-chip span{font-size:12px;line-height:1.45;color:var(--muted)}.home-process{background:#0d0f10}.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-top:28px}.process-grid article{background:#131617;padding:28px}.process-grid article>span,.custom-fitment-steps article>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid #465052;color:var(--accent);font-size:11px;font-weight:800}.process-grid h3{font-size:20px;margin:28px 0 12px}.process-grid p,.feature-panel p,.information-card p,.custom-fitment-steps p{color:#aeb5b4;line-height:1.65;font-size:14px}.home-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;background:#101314}.feature-panel{padding:42px;border:1px solid var(--line);min-height:330px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;background:linear-gradient(145deg,#181c1d,#111415)}.feature-panel h2{font-size:38px;letter-spacing:-.035em;margin:10px 0}.feature-panel .text-link{margin-top:12px}
.discovery-toolbar{display:flex;gap:30px;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line);background:#111415}.search-control{min-width:min(520px,55vw);margin:0}.catalogue-stats{display:flex;gap:12px}.catalogue-stats>div{min-width:112px;padding:12px 16px;border:1px solid var(--line);display:grid;gap:3px}.catalogue-stats strong{font-size:23px}.catalogue-stats span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.empty-catalogue{padding:34px;border:1px dashed #4b5354;display:flex;align-items:center;gap:16px;flex-wrap:wrap;color:var(--muted)}.empty-catalogue strong{color:var(--text)}.hidden{display:none!important}
.builder-breadcrumb{padding:18px 3vw;border-bottom:1px solid var(--line);display:flex;gap:10px;align-items:center;background:#101314;font-size:12px;color:var(--muted)}.builder-breadcrumb a{color:#cbd0cd;text-decoration:none}.builder-page-header{padding:28px 3vw;display:flex;justify-content:space-between;gap:24px;align-items:end;background:#121516;border-bottom:1px solid var(--line)}.builder-page-header h1{font-size:clamp(30px,3.5vw,52px);letter-spacing:-.04em;margin:6px 0 8px}.builder-page-header p{color:var(--muted);margin:0}.manual-identity-card{display:grid;gap:10px;padding:16px;border:1px solid #4e4430;background:#242016}.manual-identity-card span{font-size:12px;color:#c4b58d}.generation-rail{display:flex;align-items:stretch;border-bottom:1px solid var(--line);background:#0f1213;min-height:78px}.generation-rail-label{width:250px;flex:0 0 250px;padding:15px 3vw;display:grid;align-content:center;gap:4px;border-right:1px solid var(--line)}.generation-rail-label small{font-size:9px;color:var(--accent);letter-spacing:.15em}.generation-rail-items{display:flex;overflow-x:auto}.generation-rail-item{min-width:170px;padding:14px 18px;display:grid;align-content:center;gap:4px;border-right:1px solid var(--line);text-decoration:none;color:#c8cecb;background:#121516}.generation-rail-item.active{background:#222729;box-shadow:inset 0 -3px 0 var(--accent);color:#fff}.generation-rail-item span{font-size:10px;color:var(--muted)}
.information-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line)}.information-card{background:#121516;padding:38px;min-height:220px}.information-card h2{font-size:28px}.information-card p{color:#aeb5b4;line-height:1.65}.info-cta{display:flex;justify-content:space-between;align-items:center;gap:24px;background:#171b1c;border-top:1px solid var(--line)}.custom-fitment-explainer{display:grid;gap:34px}.custom-fitment-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.custom-fitment-steps article{background:#131617;padding:28px}.custom-fitment-actions{display:flex;align-items:center;gap:22px}
.review-layout{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(420px,1.2fr);gap:18px;background:#0d0f10}.review-visual-card,.review-panel,.cart-panel{border:1px solid var(--line);background:linear-gradient(150deg,#171b1c,#101314);padding:28px}.review-visual-card{min-height:520px;display:flex;flex-direction:column;justify-content:flex-end}.review-visual-card h2,.review-panel h2,.cart-panel h2{font-size:clamp(26px,3vw,42px);letter-spacing:-.035em;margin:9px 0 14px}.review-visual-card p,.review-panel p,.cart-panel p{color:var(--muted);line-height:1.6}.review-handle-preview-3d{height:320px;min-height:320px;margin-bottom:auto;position:relative;background:radial-gradient(circle at 50% 90%,#293033,transparent 45%),linear-gradient(160deg,#23292b,#111415);overflow:hidden}.review-handle-preview-3d canvas{display:block;width:100%!important;height:100%!important}.review-preview-help{display:block;color:var(--muted);font-size:10px;line-height:1.4;margin:4px 0 0}.review-detail-stack{display:grid;gap:18px}.review-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.review-metric{display:grid;gap:5px;border:1px solid var(--line-soft);background:#0e1112;padding:12px;min-width:0}.review-metric span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.review-metric strong{font-size:12px;overflow-wrap:anywhere}.review-muted{color:var(--muted)}.quote-panel{border-color:#5a4c2d}.cart-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}.cart-layout--single{grid-template-columns:minmax(0,980px);justify-content:center}.cart-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.cart-empty{padding:24px;border:1px dashed #50595a;background:#0e1112}.cart-line-list{display:grid;gap:10px}.cart-line{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:18px;align-items:center;border:1px solid var(--line);background:#101314;padding:16px}.cart-line-copy{display:grid;gap:4px;min-width:0}.cart-line-copy span,.cart-line-copy small{color:var(--muted);font-size:11px}.cart-quantity{display:grid;grid-template-columns:auto 68px;align-items:center;gap:8px;margin:0;color:var(--muted);font-size:10px}.cart-quantity input{min-width:0;margin:0;padding:9px}.text-button{border:0;background:transparent;color:#c7cdca;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:6px;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.text-button:hover{color:#fff}.cart-line--unavailable{grid-template-columns:1fr auto}.cart-actions{display:flex;justify-content:flex-end;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.checkout-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:18px;background:#0d0f10}.checkout-form,.checkout-summary{border:1px solid var(--line);background:linear-gradient(150deg,#171b1c,#101314);padding:28px}.checkout-form{display:grid;gap:24px}.checkout-form fieldset{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.checkout-form legend{grid-column:1/-1;width:100%;font-size:22px;font-weight:700;margin-bottom:4px}.checkout-form label{margin:0}.field-error{display:block;min-height:16px;margin-top:5px;color:#e7a17d;font-size:10px}.checkout-form [aria-invalid="true"]{border-color:#b45e46}.checkout-status{min-height:22px;color:#c7cdca;font-size:12px;line-height:1.5}.checkout-summary{align-self:start;position:sticky;top:88px}.checkout-summary h2{font-size:clamp(28px,3vw,42px);margin:8px 0 12px}.checkout-gate{display:grid;gap:8px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:11px;line-height:1.5}.checkout-gate strong{color:#f1f2ed;font-size:12px}.saved-build-list{display:grid;gap:8px}.saved-build-list>a,.saved-build-list>article{display:flex;justify-content:space-between;gap:18px;align-items:center;border:1px solid var(--line);background:#101314;padding:16px;text-decoration:none}.saved-build-list>a:hover{border-color:#677173}.saved-build-list span{display:grid;gap:4px}.saved-build-list small,.saved-build-list em{color:var(--muted);font-size:10px;font-style:normal}
.site-header a[aria-current="page"]{color:#fff}.primary-nav a[aria-current="page"]{border-bottom:1px solid var(--accent);padding-bottom:4px}
@media (max-width:1320px){.range-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.builder-shell{grid-template-columns:285px 1fr}.spec-panel{grid-column:1/-1;border-left:0;border-top:1px solid var(--line)}}
@media (max-width:1100px){.home-range-chips{grid-template-columns:repeat(2,minmax(0,1fr))}.process-grid,.custom-fitment-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.discovery-toolbar{align-items:stretch;flex-direction:column}.builder-page-header{align-items:flex-start;flex-direction:column}.information-grid,.review-layout,.cart-layout,.checkout-layout{grid-template-columns:1fr}.checkout-summary{position:static}}
@media (max-width:900px){.site-header{grid-template-columns:1fr auto}.primary-nav{display:none}.hero{grid-template-columns:1fr}.hero-real-media{left:22%;opacity:.55}.range-grid{grid-template-columns:1fr}.builder-shell{grid-template-columns:1fr}.control-panel{border-right:0;border-bottom:1px solid var(--line)}.trust-band{grid-template-columns:1fr}}
@media (max-width:760px){.route-root{padding-top:68px}.site-footer{grid-template-columns:1fr}.footer-links{justify-content:flex-start}.home-range-chips,.home-detail-grid,.process-grid,.custom-fitment-steps{grid-template-columns:1fr}.catalogue-stats{display:grid;grid-template-columns:1fr 1fr}.page-hero{padding-left:22px;padding-right:22px}.page-hero h1{font-size:52px}.builder-breadcrumb,.builder-page-header{padding-left:22px;padding-right:22px}.generation-rail{display:block}.generation-rail-label{width:auto;border-right:0;border-bottom:1px solid var(--line);padding-left:22px}.review-metric-grid{grid-template-columns:1fr}.header-actions{gap:9px}.cart-link{font-size:0}.cart-link span{font-size:10px}.cart-line{grid-template-columns:1fr auto;align-items:start}.cart-line-copy{grid-column:1/-1}.cart-quantity{justify-self:start}.cart-heading{align-items:flex-start;flex-direction:column}.checkout-form fieldset{grid-template-columns:1fr}.checkout-form,.checkout-summary{padding:22px}}






/* Simplified customer surfaces */
.home-workflow{padding-top:46px;padding-bottom:46px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#101314}.home-workflow h2{margin:0 0 22px;font-size:30px;letter-spacing:-.03em}.workflow-string{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:clamp(16px,2vw,23px)}.workflow-string span{color:var(--muted);font-weight:400}.home-custom-callout{display:flex;align-items:center;justify-content:space-between;gap:32px;background:#15191a;border-top:1px solid var(--line)}.home-custom-callout h2{margin:0 0 8px;font-size:clamp(28px,3vw,42px)}.home-custom-callout p{margin:0;max-width:720px;color:var(--muted);line-height:1.6}

.simple-page-hero{padding-top:118px;padding-bottom:46px}.simple-page-hero h1{margin-top:0}

.simple-builder-header{padding-top:22px;padding-bottom:22px}.simple-builder-header h1{margin-top:0}.simple-generation-rail{min-height:64px}.simple-generation-rail .generation-rail-items{width:100%}.streamlined-controls,.simple-spec-panel{padding-top:24px}.control-group{padding-bottom:26px;margin-bottom:26px;border-bottom:1px solid var(--line)}.control-group:last-child{border-bottom:0;margin-bottom:0}.control-group h2,.simple-spec-panel h2{margin:0 0 16px;font-size:20px;letter-spacing:-.02em}.streamlined-controls .secondary-button{width:100%;margin-top:10px}.paracord-base-spec{margin:0 0 14px;color:var(--muted);font-size:11px;line-height:1.5}.builder-shell--photo-first{grid-template-columns:minmax(280px,330px) minmax(480px,1fr) minmax(300px,360px)}.handle-preview-panel{padding:30px;min-width:0;background:radial-gradient(circle at 58% 42%,#202627,#0b0d0e 68%);display:flex;flex-direction:column;gap:16px}.handle-preview-heading h2{margin:4px 0 8px;font-size:clamp(26px,3vw,42px);letter-spacing:-.035em}.handle-preview-heading p{margin:0;color:var(--muted);line-height:1.55}.builder-handle-preview{min-height:500px;flex:1;border:1px solid #2f3739;background:#111516;overflow:hidden}.builder-handle-preview .custom-handle-preview-canvas{min-height:500px}.fitment-copy{margin:0 0 18px;color:#c2c7c5;font-size:13px;line-height:1.55}.simple-spec-panel .live-spec{margin-top:8px}.simple-spec-panel .review-build-button{margin-top:20px}

.custom-workbench-page{padding-top:68px;min-height:100vh;background:#0d0f10}.custom-workbench-header{padding:46px 5vw 30px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:end;gap:30px;background:#111415}.custom-workbench-header h1{margin:0 0 10px;font-size:clamp(42px,5vw,72px);letter-spacing:-.05em}.custom-workbench-header p{margin:0;max-width:720px;color:var(--muted);line-height:1.6}.custom-workbench{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);min-height:680px}.custom-workbench-controls{padding:30px 28px;border-right:1px solid var(--line);background:#151819}.custom-workbench-controls label{margin:0 0 20px}.measurement-input{display:grid;grid-template-columns:1fr auto;align-items:center;background:#0f1213;border:1px solid #343a3c}.measurement-input input{border:0}.measurement-input span{padding:0 12px;color:var(--muted);font-size:12px}.custom-workbench-summary{margin:30px 0 0;padding-top:20px;border-top:1px solid var(--line);color:#dfe2de;font-size:13px;line-height:1.6}.custom-workbench-preview{padding:28px 34px 36px;min-width:0;background:radial-gradient(circle at 62% 38%,#202627,#0b0d0e 64%)}.custom-preview-heading{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:10px}.custom-preview-heading strong{font-size:18px}.custom-preview-heading span{color:var(--muted);font-size:12px}.custom-base-spec{margin-top:12px!important;color:#d5d9d6!important;font-size:12px!important;letter-spacing:.02em}.custom-handle-preview-3d{position:relative;width:100%;height:min(62vh,620px);min-height:500px;border:1px solid #2f3739;background:#111516;overflow:hidden}.custom-handle-preview-canvas{display:block;width:100%!important;height:100%!important;cursor:grab}.custom-handle-preview-canvas:active{cursor:grabbing}.custom-workbench-preview>p{margin:12px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.builder-step-heading{display:flex;align-items:flex-start;gap:12px;margin:4px 0 18px;padding-bottom:14px;border-bottom:1px solid var(--line)}.builder-step-heading>span{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border:1px solid #465052;color:var(--accent);font-size:11px;font-weight:800}.builder-step-heading div{display:grid;gap:3px}.builder-step-heading strong{font-size:14px}.builder-step-heading small{color:var(--muted);font-size:12px;line-height:1.4}.custom-preview-heading>div{display:grid;gap:4px}.preview-step{color:var(--accent);font-size:10px;letter-spacing:.12em;font-weight:800}.preview-authority-note{display:grid;gap:5px;margin-top:16px;padding:12px 14px;border:1px solid #3a4143;background:#111516}.preview-authority-note strong{font-size:12px}.preview-authority-note span{color:var(--muted);font-size:12px;line-height:1.45}

@media (max-width:900px){.home-custom-callout,.custom-workbench-header{align-items:flex-start;flex-direction:column}.custom-workbench{grid-template-columns:1fr}.custom-workbench-controls{border-right:0;border-bottom:1px solid var(--line)}.custom-handle-preview-3d{min-height:380px;height:52vh}.simple-catalogue-toolbar{grid-template-columns:1fr}}
@media (max-width:600px){.workflow-string{display:grid;grid-template-columns:1fr auto;gap:10px 12px}.workflow-string span{transform:rotate(90deg);justify-self:center}.custom-workbench-header{padding:32px 22px 24px}.custom-workbench-controls{padding:24px 22px}.custom-workbench-preview{padding:24px 14px}.custom-handle-preview-3d{min-height:320px;height:46vh}.home-custom-callout{padding-left:22px;padding-right:22px}}
/* Photo sampling and mounting geometry */
.builder-fitment-geometry{display:grid;gap:12px;margin:10px 0 18px}.builder-fitment-geometry label,.photo-preview-controls label{display:grid;gap:7px}.custom-geometry-note,.photo-preview-status{margin:0;color:var(--muted);font-size:.92rem;line-height:1.5}.photo-preview-page{padding-top:68px;min-height:100vh;background:#0d0f10}.photo-preview-header{display:flex;justify-content:space-between;align-items:end;gap:28px;padding:42px 5vw 28px;border-bottom:1px solid var(--line);background:#111415}.photo-preview-header h1{margin:5px 0 10px;font-size:clamp(36px,4.5vw,66px);letter-spacing:-.045em}.photo-preview-header p{max-width:780px;margin:0;color:var(--muted);line-height:1.55}.photo-preview-layout{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);min-height:calc(100vh - 220px)}.photo-preview-controls{display:grid;align-content:start;gap:16px;padding:30px;border-right:1px solid var(--line);background:#121516}.photo-preview-controls input[type=file]{width:100%;padding:11px;border:1px solid var(--line);border-radius:8px;background:#0d1011;color:var(--text)}.photo-preview-controls input[type=range]{width:100%;accent-color:var(--accent)}.photo-preview-workspace{padding:30px;min-width:0;background:#090b0c}.photo-preview-stage{position:relative;width:min(100%,1100px);margin:0 auto;min-height:520px;overflow:hidden;border:1px solid #2b3133;border-radius:12px;background:#15191a;box-shadow:0 22px 70px rgba(0,0,0,.35)}.photo-preview-stage.empty::before{content:"Your mounting photo will appear here";position:absolute;inset:0;display:grid;place-items:center;color:#7f898c;font-size:1rem}.photo-preview-stage img{display:block;width:100%;height:auto;max-height:76vh;object-fit:contain;background:#080a0a}.photo-composite-host{position:absolute;inset:0;pointer-events:none}.photo-handle-composite-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.photo-anchor-marker{position:absolute;width:28px;height:28px;transform:translate(-50%,-50%);border:0;background:transparent;padding:0;z-index:5;touch-action:none;cursor:grab}.photo-anchor-marker:active{cursor:grabbing}.photo-anchor-marker span{display:block;width:18px;height:18px;margin:5px;border-radius:50%;background:#fff;border:4px solid #ef7f32;box-shadow:0 0 0 5px rgba(239,127,50,.22),0 0 22px rgba(239,127,50,.75);animation:mountPulse 1.5s ease-in-out infinite}.photo-anchor-marker:focus-visible{outline:2px solid #fff;outline-offset:4px;border-radius:50%}@keyframes mountPulse{0%,100%{transform:scale(.92);box-shadow:0 0 0 4px rgba(239,127,50,.16),0 0 18px rgba(239,127,50,.55)}50%{transform:scale(1.08);box-shadow:0 0 0 9px rgba(239,127,50,.05),0 0 28px rgba(239,127,50,.9)}}.photo-preview-help{max-width:900px;margin:16px auto 0;color:var(--muted);line-height:1.55}.measurement-input input[readonly]{opacity:.82;cursor:not-allowed;background:#191d1e}.photo-pairing-panel{display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:10px;background:#0d1011}.photo-pairing-panel h2{margin:0;font-size:1rem}.photo-pairing-panel p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.45}.photo-pair-details{display:grid;gap:10px}.photo-pair-details input{width:100%;min-width:0;padding:9px;border:1px solid var(--line);border-radius:7px;background:#080a0a;color:var(--text);font-size:.78rem}.photo-pair-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.photo-pair-status{min-height:1.2em}.photo-pairing-panel .text-button{border:0;background:transparent;color:var(--muted);cursor:pointer;text-decoration:underline}
@media (max-width:900px){.photo-preview-header{align-items:flex-start;flex-direction:column}.photo-preview-layout{grid-template-columns:1fr}.photo-preview-controls{border-right:0;border-bottom:1px solid var(--line)}.photo-preview-stage{min-height:420px}}
@media (max-width:600px){.photo-preview-header{padding:30px 20px 22px}.photo-preview-controls,.photo-preview-workspace{padding:20px}.photo-preview-stage{min-height:340px;border-radius:8px}.photo-anchor-marker{width:36px;height:36px}.photo-anchor-marker span{width:20px;height:20px;margin:8px}}
.photo-pair-qr{display:grid;gap:10px;justify-items:center;padding:14px;border:1px solid var(--line);border-radius:10px;background:#fff}.photo-pair-qr[hidden]{display:none}.photo-pair-qr img{display:block;width:min(100%,320px);height:auto;aspect-ratio:1;background:#fff}.photo-pair-qr p{margin:0;color:#30383a;font-size:.82rem;line-height:1.45;text-align:center}.photo-pair-details{display:grid;gap:12px}.photo-pair-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.photo-pair-status{margin:0;color:var(--muted);font-size:.86rem;line-height:1.45}.photo-camera-guide{display:grid;gap:12px;padding:14px;border:1px solid var(--line);border-radius:10px;background:#101314}.photo-camera-guide h2{margin:0 0 8px;font-size:1rem}.photo-camera-steps{display:grid;gap:6px;margin:0;padding-left:20px;color:var(--muted);font-size:.85rem;line-height:1.4}.photo-camera-panel{display:grid;gap:10px}.photo-camera-panel[hidden]{display:none}.photo-camera-frame{position:relative;overflow:hidden;border-radius:9px;border:1px solid #394044;background:#050606;aspect-ratio:4/3}.photo-camera-frame video{display:block;width:100%;height:100%;object-fit:cover}.photo-camera-reticle{position:absolute;inset:13%;border:2px dashed rgba(255,255,255,.75);border-radius:14px;pointer-events:none}.photo-camera-reticle span{position:absolute;top:50%;width:18px;height:18px;border-radius:50%;border:3px solid #ef7f32;background:rgba(255,255,255,.85);transform:translate(-50%,-50%);box-shadow:0 0 0 4px rgba(239,127,50,.18)}.photo-camera-reticle span:first-child{left:30%}.photo-camera-reticle span:last-child{left:70%}.photo-camera-framing-hint,.photo-camera-status{margin:0;color:var(--muted);font-size:.84rem;line-height:1.4}.photo-camera-framing-hint{padding:9px 10px;border:1px solid #343b3d;border-radius:8px;background:#0b0e0f;color:#c7cdca}.photo-camera-reticle[data-architecture="single_anchor_loop"] span:first-child{left:50%}.photo-camera-reticle[data-architecture="single_anchor_loop"] span:last-child{display:none}.photo-camera-status{min-height:2.4em}.photo-camera-actions{display:flex;gap:8px;flex-wrap:wrap}.photo-camera-actions button:disabled{opacity:.45;cursor:not-allowed}

/* Responsive shell/touch contract: declared after route-specific desktop rules so mobile wins the cascade. */
.mobile-nav{display:none}
@media (max-width:900px){
  .site-header{grid-template-columns:minmax(0,1fr) auto auto;gap:10px}
  .primary-nav{display:none}
  .mobile-nav{display:block;position:relative;justify-self:end}
  .mobile-nav summary{list-style:none;display:grid;place-items:center;min-width:44px;min-height:44px;padding:0 10px;border:1px solid var(--line);background:#151819;color:#e4e7e4;font-size:12px;font-weight:750;cursor:pointer;touch-action:manipulation}
  .mobile-nav summary::-webkit-details-marker{display:none}
  .mobile-nav-menu{position:absolute;right:0;top:calc(100% + 8px);display:grid;min-width:220px;padding:8px;border:1px solid var(--line);background:#101314;box-shadow:0 18px 48px rgba(0,0,0,.45)}
  .mobile-nav-menu a{display:flex;align-items:center;min-height:44px;padding:8px 12px;color:#e2e5e2;text-decoration:none;border-bottom:1px solid var(--line-soft);touch-action:manipulation}
  .mobile-nav-menu a:last-child{border-bottom:0}
  .mobile-nav-menu a[aria-current="page"]{color:#fff;background:#1b2021;box-shadow:inset 3px 0 0 var(--accent)}
  .builder-shell--photo-first{grid-template-columns:1fr;min-width:0}
  .handle-preview-panel{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .builder-handle-preview,.builder-handle-preview .custom-handle-preview-canvas{min-height:380px}
}
@media (min-width:1601px){.hero,.section-pad,.custom-workbench-header,.photo-preview-header{padding-left:max(4vw,calc((100vw - 1600px)/2));padding-right:max(4vw,calc((100vw - 1600px)/2))}.custom-workbench,.photo-preview-layout{max-width:1600px;margin-inline:auto;width:100%}}
@media (max-height:500px) and (orientation:landscape){.hero{min-height:0;padding-top:88px;padding-bottom:28px}.hero h1{font-size:clamp(38px,8vw,62px)}.custom-workbench-page,.photo-preview-page{padding-top:68px}.custom-workbench-header,.photo-preview-header{padding-top:22px;padding-bottom:18px}.custom-handle-preview-3d{height:72vh;min-height:260px}.photo-preview-stage{min-height:260px}.page-hero{padding-top:92px;padding-bottom:38px}}
@media (max-width:600px){
  .site-header{padding:0 14px;gap:6px}
  .brand{font-size:12px;letter-spacing:.08em;white-space:nowrap}
  .header-actions{gap:6px}
  .header-cta,.cart-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 6px;touch-action:manipulation}
    button,.primary-button,.secondary-button,.ghost-button,select,input{min-height:44px;touch-action:manipulation}
  body{font-size:14px}.microcopy,.status-line,.checkout-status,.custom-workbench-preview>p,.builder-step-heading small,.preview-authority-note span{font-size:12px}.page-hero>p:not(.eyebrow){font-size:16px}.section-pad{padding-left:20px;padding-right:20px}.checkout-form,.checkout-summary,.review-panel,.review-visual-card,.cart-panel{padding:20px}
  .handle-preview-panel,.simple-spec-panel{padding:20px}
  .builder-handle-preview,.builder-handle-preview .custom-handle-preview-canvas{min-height:320px}
  .photo-anchor-marker{width:44px;height:44px}
  .photo-anchor-marker span{width:20px;height:20px;margin:12px}
}

:where(a,button,input,select,summary,[tabindex]):focus-visible{outline:2px solid #fff;outline-offset:3px}
.custom-handle-preview-canvas:focus-visible{outline:3px solid var(--accent);outline-offset:-4px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.photo-anchor-marker span{animation:none}}

.admin-body{margin:0;background:#f4f4f1;color:#171717}.admin-console{max-width:1180px;margin:0 auto;padding:32px 20px 80px}.admin-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.admin-head h1,.admin-detail h1{margin:.2rem 0}.admin-filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}.admin-filters button,.admin-actions button,.admin-detail form button,.admin-issue button{border:1px solid #222;background:#fff;border-radius:8px;padding:10px 14px;cursor:pointer}.admin-orders{display:grid;gap:10px}.admin-order-card{display:grid;grid-template-columns:1.5fr 1fr 1.5fr auto;gap:16px;align-items:center;text-align:left;border:1px solid #d8d8d2;border-radius:10px;background:#fff;padding:16px;cursor:pointer}.admin-detail{margin-top:20px;background:#fff;border:1px solid #d8d8d2;border-radius:12px;padding:24px}.admin-detail h2{margin-top:28px;border-bottom:1px solid #e4e4df;padding-bottom:8px}.admin-detail form,.admin-issue{display:grid;gap:10px;max-width:680px;margin:14px 0;padding:16px;border:1px solid #e4e4df;border-radius:10px}.admin-detail input,.admin-detail select,.admin-detail textarea,.admin-login input{box-sizing:border-box;width:100%;padding:10px;border:1px solid #aaa;border-radius:6px}.admin-detail textarea{min-height:84px}.admin-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-login{max-width:460px;margin:12vh auto}.admin-login form{display:grid;gap:14px}.admin-detail details{margin-top:28px}.admin-detail details p{padding:8px 0;border-bottom:1px solid #eee}@media(max-width:720px){.admin-order-card{grid-template-columns:1fr 1fr}.admin-head{align-items:flex-start}.admin-console{padding:20px 12px 60px}}


/* 2026 customer visual assembly */
:root{--content:min(1440px,92vw);--radius:14px;--radius-sm:9px}
body{background:#0b0d0e;background-image:radial-gradient(circle at 70% -10%,rgba(226,118,54,.08),transparent 30%);font-feature-settings:"kern";text-rendering:optimizeLegibility}
.site-header{height:76px;padding:0 max(4vw,calc((100vw - 1440px)/2));background:rgba(10,12,13,.82);border-bottom:1px solid rgba(255,255,255,.08)}
.brand{font-size:14px}.primary-nav a,.cart-link{transition:color .2s ease}.primary-nav a:hover,.cart-link:hover{color:#fff}.header-cta{background:var(--accent);color:#111;padding:10px 14px;border-radius:6px}
.route-root{padding-top:76px}.primary-button,.secondary-button,.ghost-button{border-radius:7px;transition:transform .18s ease,filter .18s ease,border-color .18s ease}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px);filter:brightness(1.06)}.primary-button--large{padding:17px 25px;font-size:15px}.section-pad{padding:clamp(70px,8vw,120px) max(4vw,calc((100vw - 1440px)/2))}
.hero--product{min-height:calc(100vh - 76px);max-width:1600px;margin:0 auto;padding:clamp(90px,10vw,150px) max(4vw,calc((100vw - 1440px)/2));grid-template-columns:minmax(390px,.88fr) minmax(460px,1.12fr);gap:4vw}
.hero--product .hero-copy{max-width:690px}.hero--product h1{font-size:clamp(58px,6.7vw,108px);line-height:.88;margin:20px 0 30px}.hero--product h1 span{color:var(--accent)}.hero-lead{font-size:clamp(17px,1.4vw,21px)!important;max-width:620px!important}.hero-text-link{margin-left:4px}
.hero-product-stage{position:relative;height:min(68vh,680px);min-height:470px;border:1px solid rgba(255,255,255,.08);border-radius:22px;overflow:hidden;background:radial-gradient(circle at 50% 40%,#323a3c 0,#181c1d 42%,#0e1112 75%);box-shadow:0 40px 100px rgba(0,0,0,.35)}
.hero-product-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.06),transparent 28%),repeating-linear-gradient(90deg,transparent 0 79px,rgba(255,255,255,.018) 80px),repeating-linear-gradient(0deg,transparent 0 79px,rgba(255,255,255,.018) 80px)}
.hero-handle{position:absolute;width:68%;height:37%;left:16%;top:28%;border:clamp(25px,3vw,44px) solid #151719;border-top:0;border-radius:0 0 48% 48%;filter:drop-shadow(0 18px 18px rgba(0,0,0,.5));background:transparent}
.hero-handle:after{content:"";position:absolute;inset:-19px -20px -19px;border:8px dashed #e27636;border-top:0;border-radius:0 0 48% 48%;opacity:.95}.hero-handle--shadow{transform:translateY(18px);opacity:.25;filter:blur(14px);border-color:#000}.hero-handle--shadow:after{display:none}
.hero-knot{position:absolute;top:24%;width:74px;height:122px;border-radius:18px;background:repeating-linear-gradient(135deg,#111 0 10px,#e27636 10px 16px,#171a1b 16px 27px);box-shadow:0 12px 30px #0008}.hero-knot--left{left:11%}.hero-knot--right{right:11%}.hero-stage-caption{position:absolute;left:28px;right:28px;bottom:26px;display:grid;grid-template-columns:1fr auto;gap:4px 20px;padding-top:18px;border-top:1px solid #ffffff24}.hero-stage-caption small{grid-column:1/-1;color:var(--accent);letter-spacing:.16em}.hero-stage-caption strong{font-size:22px}.hero-stage-caption span{color:var(--muted);align-self:center}.promise-strip span{border-radius:999px;background:#15191a;padding:9px 12px}
.home-proof{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--line)}.home-proof>div{background:#101314;padding:20px 24px;display:flex;gap:14px;align-items:center}.home-proof strong{color:var(--accent);font-size:11px}.home-proof span{font-size:12px;color:#cbd0cd}
.process-grid{border-radius:var(--radius);overflow:hidden}.process-grid article{min-height:260px}.process-grid article>span{border-radius:50%}.process-grid h3{font-size:24px}
.home-showcase{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(35px,6vw,90px);align-items:center;background:#101314;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.showcase-visual{height:520px;position:relative;border-radius:20px;overflow:hidden;background:radial-gradient(circle at 50% 55%,#343c3f,transparent 34%),linear-gradient(145deg,#181d1e,#0d1011);border:1px solid var(--line)}.showcase-visual:before{content:"";position:absolute;width:64%;height:12px;background:#525a5b;left:18%;top:26%;border-radius:8px;box-shadow:0 190px 0 #363d3f}.showcase-handle{position:absolute;width:52%;height:36%;left:24%;top:28%;border:28px solid #17191a;border-top:0;border-radius:0 0 48% 48%}.showcase-handle:after{content:"";position:absolute;inset:-14px;border:6px dashed #e27636;border-top:0;border-radius:inherit}.showcase-dot{position:absolute;width:16px;height:16px;border:3px solid var(--accent);border-radius:50%;top:24%;background:#111}.showcase-dot--a{left:22%}.showcase-dot--b{right:22%}.showcase-copy h2,.home-final-cta h2{font-size:clamp(42px,5vw,72px);letter-spacing:-.045em;line-height:.96;margin:14px 0 22px}.showcase-copy p{color:#b7bdbc;line-height:1.7;max-width:570px}.showcase-copy .secondary-button{margin-top:14px}
.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.choice-grid article{min-height:280px;padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#171b1c,#101314);display:flex;flex-direction:column;justify-content:flex-end}.choice-grid h3{font-size:25px;margin:24px 0 8px}.choice-grid p{color:var(--muted);line-height:1.6;margin:0}.choice-swatch{width:84px;height:84px;border-radius:50%;margin-bottom:auto;box-shadow:inset 0 0 0 10px #ffffff0a}.choice-swatch--orange{background:repeating-linear-gradient(135deg,#151718 0 10px,#e27636 10px 20px)}.choice-swatch--split{background:linear-gradient(90deg,#e27636 50%,#ded9cd 50%)}.choice-measure{margin-bottom:auto;font-size:64px;color:var(--accent);font-weight:200}.home-final-cta{text-align:center;padding:clamp(100px,12vw,180px) 20px 40px}.home-final-cta h2{max-width:800px;margin:14px auto 32px}
.page-hero{padding-left:max(6vw,calc((100vw - 1360px)/2));padding-right:max(6vw,calc((100vw - 1360px)/2))}.compact-page-hero h1{font-size:clamp(46px,5vw,72px)}
.custom-workbench-header{padding:48px max(3vw,calc((100vw - 1500px)/2)) 34px;background:linear-gradient(160deg,#121617,#0c0e0f);border-bottom:1px solid var(--line)}.custom-workbench-header h1{font-size:clamp(38px,4vw,64px);letter-spacing:-.045em;margin:8px 0}.custom-workbench-header>div>p:not(.eyebrow){color:var(--muted);max-width:760px;line-height:1.6}.custom-base-spec{font-size:12px!important;color:#d0d4d1!important}
.custom-workbench{max-width:1500px;margin:0 auto;grid-template-columns:minmax(330px,410px) 1fr;min-height:720px}.custom-workbench-controls{padding:30px;background:#121516;border-right:1px solid var(--line)}.builder-step-heading{padding:14px 0;margin:10px 0;border-top:1px solid var(--line);display:flex;gap:12px}.builder-step-heading>span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#111;font-size:10px;font-weight:900}.builder-step-heading div{display:grid;gap:3px}.builder-step-heading small{color:var(--muted)}.measurement-input{position:relative}.measurement-input span{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:10px;color:var(--muted);pointer-events:none}.measurement-input input{padding-right:70px}.custom-workbench-controls select,.custom-workbench-controls input,.checkout-form input,.checkout-form select{border-radius:7px;min-height:46px}.custom-workbench-controls .full{margin-top:10px}
.custom-workbench-preview{padding:30px;min-width:0;background:#0d1011}.custom-preview-heading{display:flex;justify-content:space-between;align-items:center;padding:0 0 18px}.custom-preview-heading>div{display:grid;gap:5px}.custom-preview-heading strong{font-size:20px}.custom-preview-heading span,.preview-step{font-size:10px;color:var(--muted);letter-spacing:.08em}.custom-handle-preview-3d{min-height:540px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:radial-gradient(circle at 50% 50%,#272e30,#101314 62%);box-shadow:inset 0 0 80px #0005}.custom-workbench-preview>p{font-size:11px;color:var(--muted)}.preview-authority-note{display:flex;gap:14px;align-items:center;padding:14px 16px;border:1px solid #5b4a2c;border-radius:8px;background:#211b12}.preview-authority-note strong{font-size:11px;color:#e5c17b}.preview-authority-note span{font-size:11px;color:#c4b58d}
.review-visual-card,.review-panel,.cart-panel,.checkout-form,.checkout-summary,.information-card{border-radius:var(--radius)}.review-layout,.cart-layout,.checkout-layout{max-width:1440px;margin:0 auto}.review-handle-preview-3d{border-radius:12px}.review-metric{border-radius:7px}.cart-line{border-radius:9px}.cart-total,.checkout-total{margin-top:20px;padding:20px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:5px}.cart-total strong,.checkout-total strong{font-size:28px}.cart-total small,.checkout-total small{grid-column:1/-1;color:var(--muted)}
.shipping-quotes fieldset{border:0;padding:0;margin:0;display:grid;gap:9px}.shipping-quotes legend{font-size:20px;font-weight:750;margin-bottom:8px}.shipping-option{grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin:0;padding:15px;border:1px solid var(--line);border-radius:9px;background:#0f1213}.shipping-option input{width:auto}.shipping-option span{display:grid;gap:4px}.shipping-option small{color:var(--muted)}.checkout-note{font-size:11px;color:var(--muted);line-height:1.5}
.information-grid{max-width:1440px;margin:0 auto;gap:14px;background:transparent}.information-card{border:1px solid var(--line);min-height:240px}.info-cta{padding-left:max(6vw,calc((100vw - 1360px)/2));padding-right:max(6vw,calc((100vw - 1360px)/2))}
.site-footer{padding-left:max(6vw,calc((100vw - 1360px)/2));padding-right:max(6vw,calc((100vw - 1360px)/2))}
.mobile-nav{display:none}
@media(max-width:1000px){.hero--product{grid-template-columns:1fr;min-height:auto}.hero-product-stage{height:520px;min-height:0}.home-proof{grid-template-columns:repeat(2,1fr);margin:0 4vw}.home-showcase{grid-template-columns:1fr}.choice-grid{grid-template-columns:1fr}.custom-workbench{grid-template-columns:1fr}.custom-workbench-controls{border-right:0;border-bottom:1px solid var(--line)}}
@media(max-width:900px){.mobile-nav{display:block;position:relative;justify-self:end}.mobile-nav summary{cursor:pointer;list-style:none;font-size:12px}.mobile-nav:not([open]) .mobile-nav-menu{display:none}.mobile-nav-menu{position:absolute;right:0;top:34px;min-width:min(210px,calc(100vw - 24px));max-width:calc(100vw - 24px);padding:10px;background:#111516;border:1px solid var(--line);border-radius:10px;box-shadow:0 18px 40px #0008;display:grid}.mobile-nav-menu a{padding:12px;text-decoration:none;border-bottom:1px solid var(--line-soft)}.header-actions{justify-self:end}.header-cta{display:none}.site-header{grid-template-columns:1fr auto auto;gap:16px}.hero--product h1{font-size:clamp(52px,12vw,82px)}}
@media(max-width:640px){.site-header{height:66px}.route-root{padding-top:66px}.brand{font-size:11px}.cart-link{font-size:11px}.hero--product{padding-top:70px}.hero-product-stage{height:390px}.hero-knot{width:48px;height:86px}.hero-stage-caption{left:18px;right:18px}.home-proof{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr}.showcase-visual{height:390px}.section-heading{grid-template-columns:1fr;gap:12px}.custom-workbench-preview{padding:18px}.custom-handle-preview-3d{min-height:390px}.review-layout,.checkout-layout,.cart-layout{padding-left:16px;padding-right:16px}.checkout-form fieldset{grid-template-columns:1fr}.page-hero{padding-left:20px;padding-right:20px}.footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}}

/* Customer scale, spacing and product-detail convergence */
body{font-size:16px;line-height:1.55}
.eyebrow{font-size:11px;line-height:1.2;letter-spacing:.15em}
.hero--product{padding-top:clamp(64px,7vw,104px);padding-bottom:clamp(64px,7vw,104px);align-items:center}
.hero--product h1{font-size:clamp(52px,5.4vw,86px);line-height:.94;margin:18px 0 24px;max-width:780px}
.hero-lead{font-size:clamp(17px,1.2vw,20px)!important;line-height:1.6}
.hero-actions{margin-top:30px}.promise-strip{margin-top:34px}
.hero-product-stage{height:min(61vh,610px);min-height:450px}
.home-proof{margin-top:0}.home-proof>div{min-height:68px;padding:18px 22px}.home-proof span{font-size:13px}
.section-pad{padding-top:clamp(64px,6.5vw,96px);padding-bottom:clamp(64px,6.5vw,96px)}
.section-heading{margin-bottom:36px}.section-heading h2{font-size:clamp(34px,3.6vw,54px);line-height:1.02}.section-heading>p{font-size:16px;line-height:1.65}
.process-grid article{min-height:220px;padding:28px}.process-grid h3{font-size:22px}.process-grid p{font-size:14px;line-height:1.6}
.home-showcase{gap:clamp(36px,5vw,72px)}.showcase-visual{height:460px}.showcase-copy h2,.home-final-cta h2{font-size:clamp(36px,4vw,58px)}
.choice-grid article{min-height:245px;padding:26px}.choice-grid h3{font-size:22px}
.custom-workbench-header{padding-top:36px;padding-bottom:28px}.custom-workbench-header h1{font-size:clamp(36px,3.5vw,54px);line-height:1}
.custom-workbench{grid-template-columns:minmax(360px,420px) minmax(0,1fr)}
.custom-workbench-controls{padding:26px 30px}.custom-workbench-controls label{font-size:13px;line-height:1.4;margin-bottom:16px}.custom-workbench-controls select,.custom-workbench-controls input{font-size:15px}
.builder-step-heading{margin:8px 0 16px;padding:12px 0}.builder-step-heading strong{font-size:15px}.builder-step-heading small{font-size:12px}
.custom-workbench-preview{padding:26px 30px 32px}.custom-preview-heading strong{font-size:21px}.custom-preview-heading span,.preview-step{font-size:11px}
.custom-handle-preview-3d{height:min(66vh,680px);min-height:560px;background:radial-gradient(circle at 52% 42%,#30383a,#171b1c 48%,#0d1011 76%)}
.custom-workbench-preview>p{font-size:13px;line-height:1.55}.preview-authority-note strong,.preview-authority-note span{font-size:12px}.preview-authority-note{line-height:1.5}
.page-hero>p:not(.eyebrow){font-size:17px;line-height:1.65}.information-card p,.review-panel p,.cart-panel p,.checkout-form{font-size:14px;line-height:1.6}
@media(max-width:1000px){.hero--product{padding-top:58px;padding-bottom:70px}.hero-product-stage{height:500px}.custom-handle-preview-3d{height:58vh;min-height:480px}}
@media(max-width:640px){body{font-size:15px}.hero--product{padding:46px 20px 56px}.hero--product h1{font-size:clamp(42px,13vw,60px);line-height:.96}.hero-lead{font-size:16px!important}.hero-product-stage{height:350px;min-height:350px}.home-proof>div{min-height:58px}.section-pad{padding-top:54px;padding-bottom:54px}.custom-workbench-header{padding:28px 20px 22px}.custom-workbench-header h1{font-size:36px}.custom-workbench-controls{padding:20px}.custom-workbench-preview{padding:18px 14px 24px}.custom-handle-preview-3d{height:52vh;min-height:360px}.custom-workbench-preview>p{font-size:12px}.showcase-visual{height:340px}}


/* 2026-09-24 reference UI convergence: product photography + dense builder */
:root{
  --accent:#c7a15a;
  --accent-soft:#332a1c;
  --product-gold:#c7a15a;
  --product-gold-soft:#e2c88f;
}
body{background:#090b0c;background-image:none}
.site-header{background:rgba(7,9,10,.88);border-bottom:1px solid rgba(255,255,255,.09)}
.header-cta,.primary-button{background:linear-gradient(180deg,#d5b16c,#b98f49);color:#0d0e0f;box-shadow:0 8px 24px rgba(0,0,0,.22)}
.eyebrow{color:var(--product-gold)}
.hero--product{
  position:relative;
  display:block;
  min-height:650px;
  max-width:none;
  margin:0;
  padding:clamp(104px,9vw,142px) 6vw 72px;
  overflow:hidden;
  background:#080a0b;
}
.hero--product .hero-copy{position:relative;z-index:3;width:min(610px,43vw);max-width:610px}
.hero--product h1{font-size:clamp(48px,5.1vw,78px);line-height:.91;letter-spacing:-.047em;max-width:650px;text-transform:uppercase}
.hero--product h1 span{color:var(--product-gold-soft)}
.hero--product .hero-lead{max-width:510px!important;color:#e0e2df}
.hero-product-stage{
  position:absolute;
  inset:0 0 0 35%;
  height:auto;
  min-height:0;
  margin:0;
  border:0;
  border-radius:0;
  overflow:hidden;
  background:#090b0c;
  box-shadow:none;
}
.hero-product-stage:before{display:none}
.hero-product-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 47%;filter:saturate(.93) contrast(1.08) brightness(.92);transform:scale(1.01)}
.hero-product-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#080a0b 0%,rgba(8,10,11,.94) 8%,rgba(8,10,11,.38) 32%,transparent 55%),linear-gradient(0deg,rgba(8,10,11,.72),transparent 28%);pointer-events:none}
.hero-stage-caption{left:auto;right:32px;bottom:30px;width:min(310px,34vw);z-index:2;background:rgba(8,10,11,.62);padding:14px 16px;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px)}
.hero-stage-caption small{color:var(--product-gold)}
.promise-strip span{background:rgba(12,15,16,.74);border-color:rgba(255,255,255,.12);backdrop-filter:blur(8px)}
.home-proof{max-width:none;border-radius:0;border-left:0;border-right:0;background:#24292a}
.home-proof>div{min-height:76px;background:#101314;border-right:1px solid #2c3233}
.home-proof strong{color:var(--product-gold);font-size:12px}.home-proof span{font-size:14px;font-weight:700}

.builder-journey{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-top:0;background:#0c0f10}
.builder-journey>div{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:12px;padding:16px 18px;border-right:1px solid var(--line);align-items:center}
.builder-journey>div:last-child{border-right:0}.builder-journey>div.active{background:#15191a;box-shadow:inset 0 -2px 0 var(--product-gold)}
.builder-journey span{grid-row:1/3;width:32px;height:32px;border:1px solid #566061;border-radius:50%;display:grid;place-items:center;color:var(--product-gold);font-size:11px;font-weight:900}
.builder-journey strong{font-size:12px;text-transform:uppercase;letter-spacing:.04em}.builder-journey small{font-size:11px;color:var(--muted);line-height:1.35}
.custom-workbench-header{max-width:1600px;margin:0 auto;padding:30px 24px 24px;background:#0e1112}
.custom-workbench-header h1{font-size:clamp(30px,3vw,46px);margin:6px 0 8px}
.custom-workbench{
  max-width:1600px;
  grid-template-columns:minmax(330px,390px) minmax(560px,1fr) minmax(260px,310px);
  gap:10px;
  padding:10px;
  background:#0a0c0d;
  min-height:740px;
}
.custom-workbench-controls,.custom-workbench-preview,.custom-workbench-facts{border:1px solid #293032;border-radius:8px;background:linear-gradient(165deg,#171b1d,#111415)}
.custom-workbench-controls{padding:22px;border-right:1px solid #293032}
.custom-workbench-preview{padding:14px;display:flex;flex-direction:column;min-width:0}
.custom-workbench-facts{padding:14px;display:flex;flex-direction:column;gap:18px}
.custom-preview-heading{min-height:56px;padding:0 6px 12px}
.preview-heading-meta{display:grid;justify-items:end;gap:3px}.preview-heading-meta span:first-child{color:var(--product-gold);font-weight:750}
.custom-handle-preview-3d{height:min(67vh,720px);min-height:570px;border-radius:6px;border-color:#30383a;background:radial-gradient(circle at 50% 45%,#333b3d 0,#1d2224 36%,#0d1011 78%);box-shadow:inset 0 0 90px rgba(0,0,0,.5)}
.preview-spec-strip{display:grid;grid-template-columns:1.05fr .8fr 1.15fr;border:1px solid #293032;border-top:0;background:#0c0f10}
.preview-spec-strip>div{padding:12px 14px;border-right:1px solid #293032;display:grid;gap:4px;min-width:0}.preview-spec-strip>div:last-child{border-right:0}
.preview-spec-strip small{font-size:9px;letter-spacing:.12em;color:var(--product-gold)}.preview-spec-strip strong{font-size:11px;overflow-wrap:anywhere}
.custom-workbench-preview>p{padding:0 6px;margin:12px 0 0;font-size:12px;color:#929a99}
.preview-authority-note--large{display:grid;align-items:start;gap:7px;margin:0;padding:14px;background:#eee7d7;border-color:#d0bd97;color:#1a1a18}
.preview-authority-note--large strong{font-size:13px;color:#171715}.preview-authority-note--large span{font-size:11px;line-height:1.5;color:#3b3a34}
.builder-facts-heading h2{margin:6px 0 0;font-size:25px;letter-spacing:-.03em}
.builder-fact-list{display:grid}.builder-fact-list>div{display:grid;grid-template-columns:42px 1fr;gap:10px;padding:13px 0;border-top:1px solid #2b3132;align-items:center}
.fact-mark{width:38px;height:38px;border:1px solid #6d5a34;border-radius:50%;display:grid;place-items:center;color:var(--product-gold);font-size:10px;font-weight:900}
.builder-fact-list p{display:grid;gap:3px;margin:0}.builder-fact-list strong{font-size:12px}.builder-fact-list small{font-size:10px;color:var(--muted);line-height:1.4}
.builder-step-heading>span{background:var(--product-gold)}.preview-step{color:var(--product-gold)!important}
.measurement-input input{font-variant-numeric:tabular-nums}
.custom-workbench-controls label{font-size:12px}.custom-workbench-controls select,.custom-workbench-controls input{background:#f4f3ee;color:#111;border-color:#b8b8b2}
.custom-workbench-controls select:focus,.custom-workbench-controls input:focus{border-color:var(--product-gold);outline:2px solid rgba(199,161,90,.24)}
.custom-geometry-note{min-height:18px;color:#d9c08f;font-size:11px;line-height:1.45}

@media(max-width:1280px){
  .custom-workbench{grid-template-columns:340px minmax(0,1fr)}
  .custom-workbench-facts{grid-column:1/-1;display:grid;grid-template-columns:minmax(280px,.7fr) 1fr;align-items:start}
  .builder-fact-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
}
@media(max-width:1000px){
  .hero--product{display:grid;grid-template-columns:1fr;padding:86px 5vw 40px}
  .hero--product .hero-copy{width:100%;max-width:650px}
  .hero-product-stage{position:relative;inset:auto;height:470px;margin:40px -5vw -40px;border-top:1px solid #242a2b}
  .hero-product-vignette{background:linear-gradient(0deg,rgba(8,10,11,.72),transparent 36%)}
  .builder-journey{grid-template-columns:repeat(2,1fr)}
  .custom-workbench{grid-template-columns:1fr;padding:8px}.custom-workbench-facts{grid-column:auto}
}
@media(max-width:640px){
  .hero--product{min-height:0;padding:58px 20px 0}.hero--product h1{font-size:clamp(39px,12.5vw,54px)}
  .hero-product-stage{height:330px;margin:34px -20px 0}.hero-stage-caption{right:14px;bottom:14px;width:auto;left:14px}
  .home-proof{grid-template-columns:repeat(2,1fr)}.home-proof>div{min-height:62px;padding:14px}
  .builder-journey{grid-template-columns:1fr 1fr}.builder-journey>div{padding:12px}.builder-journey small{display:none}
  .custom-workbench-header{padding:24px 18px 18px}.custom-workbench{padding:6px;gap:6px}.custom-workbench-controls{padding:18px}
  .custom-handle-preview-3d{height:52vh;min-height:360px}.preview-spec-strip{grid-template-columns:1fr}.preview-spec-strip>div{border-right:0;border-bottom:1px solid #293032}.preview-spec-strip>div:last-child{border-bottom:0}
  .custom-workbench-facts{display:block;padding:14px}.builder-facts-heading{margin-top:18px}.builder-fact-list{grid-template-columns:1fr}
}

/* Hero scale-back + high-detail preview refinement */
.hero-product-stage{background:#080a0b}
.hero-product-photo{
  inset:50% auto auto 50%;
  width:96%;
  height:96%;
  object-fit:contain;
  object-position:center;
  transform:translate(-50%,-50%);
  filter:saturate(.98) contrast(1.06) brightness(.94);
}
.hero-product-vignette{
  background:linear-gradient(90deg,#080a0b 0%,rgba(8,10,11,.92) 7%,rgba(8,10,11,.28) 29%,transparent 52%),linear-gradient(0deg,rgba(8,10,11,.58),transparent 27%);
}
.custom-handle-preview-3d{image-rendering:auto}
.custom-handle-preview-canvas{image-rendering:auto}
@media(max-width:1000px){
  .hero-product-photo{width:94%;height:94%;object-fit:contain}
}
@media(max-width:640px){
  .hero-product-photo{width:100%;height:100%;object-fit:contain}
}

/* Colours & Weaves � fixed-view product catalogue */
.materials-page{
  min-height:100vh;
  background:
    radial-gradient(circle at 72% 5%,rgba(190,151,82,.08),transparent 26%),
    #090b0c;
}
.materials-page-hero{
  max-width:1600px;
  margin:0 auto;
  padding:clamp(48px,6vw,78px) clamp(24px,4vw,64px) 34px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:32px;
  align-items:end;
  border-bottom:1px solid #24292a;
}
.materials-page-hero h1{
  max-width:860px;
  margin:10px 0 18px;
  font-size:clamp(42px,5vw,72px);
  line-height:.96;
  letter-spacing:-.045em;
}
.materials-page-hero>div:first-child>p:last-child{
  max-width:760px;
  margin:0;
  color:#aeb5b2;
  font-size:15px;
  line-height:1.6;
}
.materials-page-hero-facts{
  display:grid;
  grid-template-columns:repeat(3,max-content);
  gap:8px;
  padding-bottom:4px;
}
.materials-page-hero-facts span{
  padding:9px 11px;
  border:1px solid #2f3536;
  border-radius:999px;
  background:#111516;
  color:#8f9895;
  font-size:10px;
  white-space:nowrap;
}
.materials-page-hero-facts strong{
  margin-right:5px;
  color:#f0f1ed;
  font-size:12px;
}

.materials-workbench{
  max-width:1600px;
  margin:0 auto;
  padding:12px clamp(12px,2vw,28px) 72px;
  display:grid;
  grid-template-columns:minmax(310px,360px) minmax(560px,1fr) minmax(270px,310px);
  gap:12px;
  align-items:start;
}
.materials-colours-panel,
.materials-product-panel,
.materials-weave-panel{
  min-width:0;
  border:1px solid #2a3031;
  border-radius:12px;
  background:linear-gradient(160deg,#15191a,#0d1011);
  box-shadow:0 24px 60px rgba(0,0,0,.18);
}
.materials-colours-panel,
.materials-weave-panel{
  padding:18px;
}
.materials-product-panel{
  padding:14px;
}
.materials-panel-heading{
  margin-bottom:16px;
}
.materials-panel-heading h2{
  margin:5px 0 7px;
  font-size:24px;
  line-height:1.04;
  letter-spacing:-.03em;
}
.materials-panel-heading>p:last-child{
  margin:0;
  color:#929b98;
  font-size:11px;
  line-height:1.5;
}

.materials-slot-switch{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  margin-bottom:14px;
}
.materials-slot-switch button{
  min-height:58px;
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  gap:9px;
  align-items:center;
  padding:9px;
  border:1px solid #363d3e;
  border-radius:8px;
  background:#0b0f10;
  color:#eef0ec;
  text-align:left;
  cursor:pointer;
}
.materials-slot-switch button[aria-pressed="true"]{
  border-color:#b99554;
  background:#17150f;
  box-shadow:inset 0 0 0 1px rgba(185,149,84,.16);
}
.materials-slot-switch button:focus-visible,
.materials-colour-option:focus-visible,
.materials-weave-option:focus-visible{
  outline:2px solid #d1ad68;
  outline-offset:2px;
}
.materials-slot-switch small{
  display:block;
  margin-bottom:2px;
  color:#7f8885;
  font-size:8px;
  letter-spacing:.11em;
}
.materials-slot-switch strong{
  display:block;
  overflow:hidden;
  font-size:11px;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.materials-slot-chip--photo{
  width:34px;
  height:34px;
  display:block;
  object-fit:cover;
  border:1px solid rgba(255,255,255,.18);
  border-radius:50%;
  background:#111;
  box-shadow:0 0 0 1px rgba(0,0,0,.45);
}

.materials-colour-search{
  display:grid;
  gap:6px;
  margin-bottom:10px;
}
.materials-colour-search>span{
  color:#aab1af;
  font-size:10px;
  font-weight:700;
}
.materials-colour-search input{
  width:100%;
  min-height:44px;
  padding:0 12px;
  border:1px solid #41494a;
  border-radius:7px;
  background:#f2f2ee;
  color:#111;
  font:inherit;
  font-size:13px;
}
.materials-colour-scroll{
  max-height:min(67vh,720px);
  overflow-y:auto;
  overscroll-behavior:contain;
  padding:0 7px 2px 0;
  scrollbar-color:#6d5a35 #15191a;
  scrollbar-width:thin;
}
.materials-colour-scroll::-webkit-scrollbar{width:8px}
.materials-colour-scroll::-webkit-scrollbar-track{background:#141819}
.materials-colour-scroll::-webkit-scrollbar-thumb{background:#6d5a35;border-radius:999px}
.materials-colour-family{
  margin:0 0 14px;
}
.materials-colour-family-heading{
  position:sticky;
  top:0;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:8px 6px 7px;
  background:rgba(14,17,18,.94);
  backdrop-filter:blur(10px);
}
.materials-colour-family-heading h3{
  margin:0;
  color:#c3a05d;
  font-size:9px;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.materials-colour-family-heading span{
  color:#68716e;
  font-size:9px;
}
.materials-colour-list{
  display:grid;
  gap:5px;
}
.materials-colour-option{
  min-height:52px;
  width:100%;
  display:grid;
  grid-template-columns:62px minmax(0,1fr) 30px;
  gap:10px;
  align-items:center;
  padding:6px;
  border:1px solid transparent;
  border-radius:8px;
  background:#0b0f10;
  color:#edf0eb;
  text-align:left;
  cursor:pointer;
}
.materials-colour-option:hover{
  border-color:#394142;
  background:#121718;
}
.materials-colour-option.is-primary{
  border-color:#9f8148;
  box-shadow:inset 3px 0 0 #c8a45f;
}
.materials-colour-option.is-secondary{
  border-color:#647174;
  box-shadow:inset -3px 0 0 #8c999c;
}
.materials-colour-option.is-primary.is-secondary{
  border-color:#b99554;
  box-shadow:inset 3px 0 0 #c8a45f,inset -3px 0 0 #8c999c;
}
.materials-colour-thread--photo{
  width:62px;
  height:36px;
  display:block;
  object-fit:cover;
  border:1px solid rgba(255,255,255,.11);
  border-radius:18px;
  background:#111;
}
.materials-colour-meta{
  min-width:0;
  display:grid;
  gap:2px;
}
.materials-colour-meta strong{
  overflow:hidden;
  font-size:11px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.materials-colour-meta small{
  color:#707976;
  font-size:9px;
  letter-spacing:.04em;
}
.materials-colour-use{
  justify-self:end;
  width:25px;
  height:25px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#191e1f;
  color:#c7a35f;
  font-size:8px;
  font-weight:900;
}
.materials-screen-note{
  margin:11px 2px 0;
  color:#6f7875;
  font-size:9px;
  line-height:1.5;
}

.materials-product-heading{
  min-height:62px;
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:18px;
  padding:3px 5px 11px;
}
.materials-product-heading h2{
  margin:4px 0 0;
  font-size:20px;
  line-height:1.15;
  letter-spacing:-.025em;
}
.materials-fixed-view-badge{
  flex:0 0 auto;
  padding:7px 9px;
  border:1px solid #353c3d;
  border-radius:999px;
  color:#818a87;
  font-size:9px;
}
.materials-product-stage{
  position:relative;
  min-height:560px;
  overflow:hidden;
  border:1px solid #303637;
  border-radius:9px;
  background:
    radial-gradient(circle at 50% 42%,#303638 0,#171b1c 46%,#0b0e0f 100%);
  box-shadow:inset 0 0 110px rgba(0,0,0,.4);
}
.materials-static-product-render{
  width:100%;
  height:min(64vh,680px);
  min-height:560px;
  pointer-events:none;
}
.materials-static-product-render canvas{
  width:100%;
  height:100%;
  display:block;
}
.materials-product-spec{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border:1px solid #293031;
  border-top:0;
  background:#0b0e0f;
}
.materials-product-spec>div{
  min-width:0;
  padding:10px 12px;
  border-right:1px solid #293031;
}
.materials-product-spec>div:last-child{border-right:0}
.materials-product-spec small{
  display:block;
  color:#78683f;
  font-size:8px;
  letter-spacing:.12em;
}
.materials-product-spec strong{
  display:block;
  margin-top:3px;
  overflow:hidden;
  font-size:10px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.materials-cord-detail{
  margin-top:10px;
  display:grid;
  grid-template-columns:minmax(210px,.34fr) minmax(0,.66fr);
  gap:10px;
}
.materials-cord-detail-copy{
  padding:18px;
  border:1px solid #293031;
  border-radius:8px;
  background:#0c1011;
}
.materials-cord-detail-copy h3{
  margin:5px 0 8px;
  font-size:20px;
  line-height:1.08;
}
.materials-cord-detail-copy>p:last-child{
  margin:0;
  color:#8a9390;
  font-size:10px;
  line-height:1.55;
}
.materials-selected-cords{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.materials-selected-cord-card{
  min-width:0;
  overflow:hidden;
  border:1px solid #293031;
  border-radius:8px;
  background:#0c1011;
}
.materials-selected-cord-heading{
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding:10px 11px;
}
.materials-selected-cord-heading span{
  color:#817043;
  font-size:8px;
  letter-spacing:.1em;
}
.materials-selected-cord-heading strong{
  overflow:hidden;
  font-size:10px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.materials-selected-cord-surface{
  height:110px;
  overflow:hidden;
  background:#111;
}
.materials-selected-cord-surface img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transform:scale(1.02);
}

.materials-weave-options{
  display:grid;
  gap:8px;
}
.materials-weave-option{
  min-height:82px;
  display:grid;
  grid-template-columns:88px minmax(0,1fr);
  gap:11px;
  align-items:center;
  padding:8px;
  border:1px solid #343b3c;
  border-radius:9px;
  background:#0b0f10;
  color:#edf0eb;
  text-align:left;
  cursor:pointer;
}
.materials-weave-option[aria-pressed="true"]{
  border-color:#b99554;
  background:#17150f;
  box-shadow:inset 0 0 0 1px rgba(185,149,84,.15);
}
.materials-weave-option strong{
  display:block;
  font-size:12px;
}
.materials-weave-option small{
  display:block;
  margin-top:4px;
  color:#858e8b;
  font-size:9px;
  line-height:1.4;
}
.materials-weave-diagram{
  position:relative;
  height:62px;
  overflow:hidden;
  border:1px solid #2f3637;
  border-radius:6px;
  background:radial-gradient(circle,#262c2d,#101314);
}
.materials-weave-diagram i{
  position:absolute;
  left:-8px;
  right:-8px;
  height:9px;
  border-radius:999px;
  background:
    repeating-linear-gradient(110deg,#171717 0 4px,#a78752 4px 7px,#252525 7px 11px);
  box-shadow:inset 0 2px 2px rgba(255,255,255,.09),0 2px 3px rgba(0,0,0,.5);
}
.materials-weave-diagram i:nth-child(1){top:8px;transform:rotate(10deg)}
.materials-weave-diagram i:nth-child(2){top:19px;transform:rotate(-10deg)}
.materials-weave-diagram i:nth-child(3){top:30px;transform:rotate(10deg)}
.materials-weave-diagram i:nth-child(4){top:41px;transform:rotate(-10deg)}
.materials-weave-diagram i:nth-child(5){top:52px;transform:rotate(10deg)}
.materials-weave-diagram[data-weave-preview="cobra"] i:nth-child(n+4){display:none}
.materials-combination-card{
  margin:18px 0 14px;
  padding:14px;
  border:1px solid #293031;
  border-radius:9px;
  background:#0b0e0f;
}
.materials-combination-card>div:not(.materials-combination-weave){
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  gap:10px;
  align-items:center;
  padding:8px 0;
}
.materials-combination-card img{
  width:46px;
  height:30px;
  display:block;
  object-fit:cover;
  border:1px solid rgba(255,255,255,.14);
  border-radius:16px;
}
.materials-combination-card small{
  display:block;
  margin-bottom:2px;
  color:#6f7875;
  font-size:8px;
  letter-spacing:.1em;
}
.materials-combination-card strong{
  display:block;
  overflow:hidden;
  font-size:11px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.materials-combination-weave{
  margin-top:3px;
  padding-top:11px;
  border-top:1px solid #252b2c;
}
.materials-combination-weave strong{
  font-size:13px;
}
.materials-build-button{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
}

@media(max-width:1320px){
  .materials-page-hero{grid-template-columns:1fr}
  .materials-page-hero-facts{justify-content:start}
  .materials-workbench{grid-template-columns:330px minmax(0,1fr)}
  .materials-weave-panel{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:minmax(230px,.8fr) minmax(380px,1.4fr) minmax(230px,.8fr);
    gap:16px;
    align-items:start;
  }
  .materials-weave-panel .materials-panel-heading{margin:0}
  .materials-weave-panel .materials-combination-card{margin:0}
  .materials-weave-panel .materials-build-button{align-self:end}
}
@media(max-width:900px){
  .materials-page-hero{padding:42px 22px 28px}
  .materials-page-hero-facts{grid-template-columns:1fr 1fr}
  .materials-page-hero-facts span:last-child{grid-column:1/-1}
  .materials-workbench{grid-template-columns:1fr;padding:10px 10px 56px}
  .materials-colours-panel{order:1}
  .materials-product-panel{order:2}
  .materials-weave-panel{order:3;grid-column:auto;display:block}
  .materials-colour-scroll{max-height:430px}
  .materials-product-stage{min-height:430px}
  .materials-static-product-render{height:52vh;min-height:430px}
  .materials-weave-options{grid-template-columns:1fr 1fr}
  .materials-combination-card{margin:16px 0 12px}
}
@media(max-width:640px){
  .materials-page-hero h1{font-size:clamp(38px,11vw,52px)}
  .materials-page-hero>div:first-child>p:last-child{font-size:13px}
  .materials-page-hero-facts{display:grid;grid-template-columns:1fr 1fr}
  .materials-page-hero-facts span{white-space:normal}
  .materials-colours-panel,.materials-product-panel,.materials-weave-panel{border-radius:9px}
  .materials-colours-panel,.materials-weave-panel{padding:14px}
  .materials-product-panel{padding:9px}
  .materials-slot-switch{grid-template-columns:1fr 1fr}
  .materials-slot-switch button{min-height:60px}
  .materials-colour-scroll{max-height:360px}
  .materials-colour-option{grid-template-columns:54px minmax(0,1fr) 28px;min-height:52px}
  .materials-colour-thread--photo{width:54px;height:34px}
  .materials-product-heading{align-items:start;flex-direction:column;gap:7px}
  .materials-fixed-view-badge{display:none}
  .materials-product-stage{min-height:310px}
  .materials-static-product-render{height:44vh;min-height:310px}
  .materials-product-spec{grid-template-columns:1fr}
  .materials-product-spec>div{border-right:0;border-bottom:1px solid #293031}
  .materials-product-spec>div:last-child{border-bottom:0}
  .materials-cord-detail{grid-template-columns:1fr}
  .materials-selected-cords{grid-template-columns:1fr}
  .materials-selected-cord-surface{height:92px}
  .materials-weave-options{grid-template-columns:1fr}
}
@media(max-height:500px) and (orientation:landscape){
  .materials-colour-scroll{max-height:250px}
  .materials-static-product-render{height:360px;min-height:360px}
  .materials-product-stage{min-height:360px}
}

/* Shared customer-shell touch target floor. */
.brand,
.primary-nav a,
.header-cta,
.cart-link,
.footer-links a{
  min-width:44px;
  min-height:44px;
  display:inline-flex;
  align-items:center;
  touch-action:manipulation;
}
.primary-nav a{justify-content:center}
.cart-link{justify-content:flex-end}
.footer-links a{justify-content:flex-start}
@media(max-width:599px){.review-handle-preview-3d{height:260px;min-height:260px}}
@media(max-width:360px){.page-hero h1{font-size:42px}}
.order-support-section{background:#0d0f10;border-top:1px solid var(--line)}.order-support-form{max-width:900px;display:grid;gap:16px;padding:24px;border:1px solid var(--line);background:#121516;border-radius:var(--radius)}.order-support-form label{display:grid;gap:8px;color:#d8dcda;font-size:12px}.order-support-form input,.order-support-form textarea{width:100%;box-sizing:border-box;background:#0d1011;color:var(--text);border:1px solid #475052;border-radius:7px;padding:12px}.order-support-form textarea{min-height:150px;resize:vertical}.order-support-form [role="status"]{min-height:20px;margin:0;color:var(--muted);font-size:12px}.order-spec-grid{margin-top:18px}