:root{--bg:#060606;--text:#f5f5f3;--muted:#aaa;--line:#292929;--strap:#111}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}img{display:block;width:100%}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.site-header{height:76px;position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;padding:0 4vw;background:rgba(4,4,4,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.brand{font-family:'Archivo Black';font-size:25px;letter-spacing:-1px}.nav{display:flex;gap:21px;margin:auto;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.nav a{color:#c8c8c8}.nav a:hover{color:#fff}.header-cta{border:1px solid #fff;padding:12px 18px;font-size:11px;text-transform:uppercase;font-weight:800}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:24px}.photo-hero{min-height:100vh;position:relative;display:flex;align-items:flex-end;overflow:hidden}.hero-photo{position:absolute;inset:0;height:100%;object-fit:cover;object-position:center 54%;filter:saturate(.72) contrast(1.08)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.58) 42%,rgba(0,0,0,.08) 75%),linear-gradient(0deg,rgba(0,0,0,.8),transparent 55%)}.hero-copy{position:relative;z-index:2;padding:0 6vw 11vh;max-width:850px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.23em;color:#b6b6b6;margin:0 0 20px}.hero h1,.story-copy h2,.section-heading h2,.team-copy h2,.about h2,.contact h2{font-family:'Archivo Black';letter-spacing:-.055em;line-height:.9;margin:0}.hero h1{font-size:clamp(62px,9vw,142px)}.hero h1 span{color:transparent;-webkit-text-stroke:1px #fff}.hero-sub{max-width:590px;color:#d0d0d0;line-height:1.7;font-size:17px}.hero-actions{display:flex;gap:14px;margin-top:30px}.btn{display:inline-flex;justify-content:center;align-items:center;padding:15px 22px;border:1px solid #fff;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800;cursor:pointer}.btn-primary{background:#fff;color:#050505}.btn-primary:hover{background:#ddd}.btn-secondary{background:rgba(0,0,0,.25);color:#fff}.hero-specs{position:absolute;z-index:3;right:4vw;bottom:32px;display:flex;gap:20px;font-size:9px;letter-spacing:.16em;color:#ddd}.hero-specs span+span:before{content:'•';margin-right:20px;color:#777}.story-panel{min-height:85vh;display:grid;grid-template-columns:1.15fr .85fr;background:#0b0b0b}.story-panel.reverse{grid-template-columns:.85fr 1.15fr}.story-panel.reverse .story-image{order:2}.story-image{overflow:hidden;min-height:600px}.story-image img{height:100%;object-fit:cover}.precision .story-image img{object-position:center 65%}.performance .story-image img{object-position:center}.story-copy{padding:9vw 7vw;display:flex;flex-direction:column;justify-content:center}.story-copy h2,.team-copy h2,.about h2,.contact h2{font-size:clamp(44px,5vw,76px)}.story-copy p:last-child,.team-copy>p,.about>p,.contact>div>p{color:#aaa;line-height:1.85;max-width:580px}.section-pad{padding:110px 7vw}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#2a2a2a;padding-top:1px;padding-bottom:1px}.features article{background:#080808;padding:58px 44px}.features span{color:#5a5a5a;font-family:'Archivo Black';font-size:12px}.features h3{font-size:24px;margin-top:55px}.features p{color:#999;line-height:1.7}.section-heading{text-align:center;max-width:760px;margin:0 auto 55px}.section-heading h2{font-size:clamp(50px,6vw,90px)}.section-heading>p:last-child{color:#777;line-height:1.7}.builder-section{background:#efefec;color:#090909}.builder-section .eyebrow{color:#555}.builder-shell{max-width:1400px;margin:auto;display:grid;grid-template-columns:1.05fr .95fr;background:#fff;border:1px solid #d2d2d2}.builder-controls{padding:38px}.control-group{padding:26px 0;border-bottom:1px solid #ddd}.control-title{display:flex;align-items:center;gap:12px;margin-bottom:18px}.control-title>span{width:30px;height:30px;background:#111;color:#fff;border-radius:50%;display:grid;place-items:center;font-size:12px}.control-title h3{margin:0;font-size:18px}.option-grid{display:grid;gap:10px}.size-grid{grid-template-columns:repeat(4,1fr)}.quantity-grid{grid-template-columns:repeat(3,1fr)}.option-grid input{display:none}.option-grid span{display:block;border:1px solid #bbb;text-align:center;padding:14px 9px;font-size:13px;font-weight:700;cursor:pointer}.option-grid input:checked+span{background:#111;color:#fff;border-color:#111}.swatches{display:flex;flex-wrap:wrap;gap:12px}.swatch{width:42px;height:42px;background:var(--swatch);border-radius:50%;border:3px solid white;box-shadow:0 0 0 1px #aaa;cursor:pointer}.swatch.active{box-shadow:0 0 0 3px #111}.selected-color{font-size:13px;color:#666}.upload-zone{display:flex;flex-direction:column;align-items:center;padding:35px 20px;border:1px dashed #999;background:#fafafa;cursor:pointer}.upload-zone input{display:none}.upload-zone small{color:#888;margin-top:8px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-grid label{font-size:12px;font-weight:700}.field-grid .full{grid-column:1/-1}.field-grid input{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid #bbb}.builder-preview{background:#090909;color:#fff;padding:35px;position:sticky;top:76px;align-self:start}.preview-badge{font-size:10px;letter-spacing:.18em;color:#888}.belt-stage{height:390px;display:grid;place-items:center;background:radial-gradient(circle,#242424,#090909 67%);margin:18px 0;overflow:hidden}.belt-display{width:100%;padding:50px 18px;transform:rotate(-4deg)}.belt-strap{height:78px;background:var(--strap);border-radius:38px;position:relative;box-shadow:0 22px 60px rgba(0,0,0,.6),inset 0 2px 2px rgba(255,255,255,.16),inset 0 -4px 8px rgba(0,0,0,.35);transition:background .25s}.belt-strap:after{content:'';position:absolute;inset:7px;border:1px dashed rgba(255,255,255,.32);border-radius:30px}.patch{position:absolute;left:28%;top:50%;transform:translate(-50%,-50%);height:120px;width:118px;background:var(--strap);border:1px solid rgba(255,255,255,.35);border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 25px rgba(0,0,0,.5);overflow:hidden;z-index:3}.patch:after{content:'';position:absolute;inset:7px;border:1px dashed rgba(255,255,255,.35);border-radius:9px}.patch-logo{font-family:'Archivo Black';font-size:22px;letter-spacing:-2px;z-index:2}.patch img{max-width:72%;max-height:62%;display:none;object-fit:contain;z-index:2}.emboss{position:absolute;left:42%;top:18px;font-family:'Archivo Black';font-size:13px;line-height:.8;color:rgba(255,255,255,.24);z-index:2}.elastic{position:absolute;right:12%;top:13px;height:52px;width:22%;background:repeating-linear-gradient(90deg,#080808,#080808 5px,#121212 5px,#121212 8px);border-radius:7px;z-index:2}.buckle{position:absolute;right:2.5%;top:8px;height:62px;width:11%;min-width:65px;background:#050505;border:1px solid #252525;border-radius:9px;z-index:2}.buckle span{display:block;width:42%;height:34%;border:2px solid #252525;border-radius:4px;margin:19px auto}.personalization-preview{text-align:center;min-height:22px;font-family:'Archivo Black';letter-spacing:.06em}.summary-card{margin:25px 0;border-top:1px solid #333}.summary-card div{display:flex;justify-content:space-between;border-bottom:1px solid #2a2a2a;padding:12px 0;font-size:12px}.summary-card span{color:#888}.full-width{width:100%;border:0}.builder-note{color:#666;font-size:10px;line-height:1.5;text-align:center}.team-orders{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.roster-card{background:#151515;border:1px solid #292929;padding:25px}.roster-head,.roster-row{display:grid;grid-template-columns:70px 1fr 100px;align-items:center;padding:18px;border-bottom:1px solid #2b2b2b}.roster-head{font-size:10px;letter-spacing:.14em;color:#777}.roster-head span{grid-column:3}.roster-row span{font-family:'Archivo Black';font-size:25px;color:#555}.roster-row em{font-style:normal;color:#999}.roster-card button{width:100%;padding:16px;margin-top:20px;background:transparent;color:#fff;border:1px solid #444}.product-gallery{background:#0d0d0d}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.photo-grid figure{margin:0;position:relative;overflow:hidden;background:#171717;min-height:470px}.photo-grid figure.wide{grid-column:1/-1;min-height:480px}.photo-grid img{height:100%;object-fit:cover;transition:transform .6s}.photo-grid figure:hover img{transform:scale(1.025)}.photo-grid figcaption{position:absolute;left:22px;bottom:20px;background:rgba(0,0,0,.65);padding:10px 12px;font-size:10px;text-transform:uppercase;letter-spacing:.15em}.about{text-align:center;background:#f3f3ef;color:#090909}.about .eyebrow{color:#555}.about p:last-child{margin:30px auto 0}.contact{display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:#101010}.contact form{display:grid;gap:12px}.contact input,.contact textarea{background:#080808;border:1px solid #333;color:#fff;padding:15px}.contact button{justify-self:start}footer{padding:55px 7vw;display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;border-top:1px solid #222}footer p{color:#777;font-size:11px;letter-spacing:.15em}footer div:nth-of-type(2){display:flex;gap:18px;font-size:12px}footer small{grid-column:1/-1;color:#555}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#fff;color:#111;padding:14px 20px;font-weight:700;font-size:13px;opacity:0;pointer-events:none;transition:.25s;z-index:100}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:980px){.nav{display:none;position:absolute;top:76px;left:0;right:0;background:#080808;padding:25px;flex-direction:column}.nav.open{display:flex}.menu-toggle{display:block;margin-left:auto}.header-cta{display:none}.hero-shade{background:linear-gradient(0deg,rgba(0,0,0,.94),rgba(0,0,0,.18) 78%)}.hero-copy{padding:0 5vw 12vh}.hero-specs{left:5vw;right:auto}.story-panel,.story-panel.reverse,.team-orders,.contact{grid-template-columns:1fr}.story-panel.reverse .story-image{order:0}.story-image{min-height:500px}.features{grid-template-columns:1fr}.builder-shell{grid-template-columns:1fr}.builder-preview{position:relative;top:0}.photo-grid{grid-template-columns:1fr}.photo-grid figure.wide{grid-column:auto}footer{grid-template-columns:1fr}footer div:nth-of-type(2){flex-wrap:wrap}}
@media(max-width:620px){.section-pad{padding:80px 22px}.hero-copy{padding:0 22px 110px}.hero h1{font-size:57px}.hero-sub{font-size:15px}.hero-actions{flex-direction:column}.hero-specs{display:none}.story-copy{padding:70px 22px}.story-image{min-height:390px}.features article{padding:45px 25px}.builder-controls,.builder-preview{padding:22px}.size-grid,.quantity-grid,.field-grid{grid-template-columns:1fr 1fr}.quantity-grid label:last-child{grid-column:1/-1}.belt-stage{height:270px}.belt-strap{height:54px}.patch{height:84px;width:82px}.patch-logo{font-size:16px}.emboss{left:43%;top:12px;font-size:9px}.elastic{top:9px;height:36px}.buckle{top:6px;height:42px;min-width:44px}.photo-grid figure,.photo-grid figure.wide{min-height:330px}.roster-head,.roster-row{grid-template-columns:50px 1fr 80px}}

/* Studio product imagery update */
.photo-hero{background:#090909}
.hero-photo{object-fit:cover;object-position:center}
.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.28) 48%,rgba(0,0,0,.12) 100%),linear-gradient(0deg,rgba(0,0,0,.82),transparent 42%)}
.story-image img{object-fit:cover}
.precision .story-image img{object-position:center}
.performance .story-image img{object-position:center}
.color-reference{margin:22px 0 0;background:#090909;border:1px solid #242424;overflow:hidden}
.color-reference img{display:block;width:100%;height:auto}
.color-reference figcaption{padding:10px 12px;color:#999;font-size:10px;letter-spacing:.15em;text-transform:uppercase;background:#111}
.photo-grid .hero-gallery{min-height:auto}
.photo-grid .hero-gallery img{height:auto;object-fit:contain;background:#090909}
@media(max-width:620px){.hero-photo{object-position:center}.color-reference{margin-top:18px}}

/* Official BELTD identity assets */
.brand-logo{display:flex;align-items:center;width:126px;height:48px}
.brand-logo img{width:100%;height:100%;object-fit:contain}
.hero-wordmark{width:min(300px,48vw);margin-bottom:18px;filter:drop-shadow(0 8px 26px rgba(0,0,0,.45))}
.patch-brandmark{width:44%;max-height:52%;object-fit:contain;z-index:2;filter:grayscale(1) brightness(1.25)}
.about-logo{width:min(540px,80vw);margin:0 auto 30px;display:block}
.about-graffiti{width:min(360px,66vw);margin:55px auto 0;display:block;background:#050505;padding:24px 34px;border-radius:2px}
.footer-logo{width:110px}
.footer-logo img{width:100%;display:block}
@media(max-width:620px){.brand-logo{width:104px}.hero-wordmark{width:220px}.about-graffiti{padding:18px 22px}}

/* Photo-based BELTD customizer */
.photo-customizer{height:430px;padding:22px;background:radial-gradient(circle at center,#272727 0%,#0b0b0b 72%)}
.customizer-product{position:relative;width:100%;max-width:760px;aspect-ratio:16/9;margin:auto;overflow:hidden;isolation:isolate}
.customizer-base{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:1}
.customizer-strap-tint{position:absolute;left:13.6%;right:7.2%;top:42.4%;height:12.2%;background:var(--strap);mix-blend-mode:multiply;opacity:.82;border-radius:2px;z-index:2;pointer-events:none;transition:background .25s,opacity .25s}
.customizer-patch-tint{position:absolute;left:45.6%;top:40.2%;width:8.7%;height:17%;background:var(--strap);mix-blend-mode:multiply;opacity:.82;border-radius:5px;z-index:3;pointer-events:none;transition:background .25s,opacity .25s}
.customizer-logo-zone{position:absolute;left:46.2%;top:41%;width:7.6%;height:14.9%;display:flex;align-items:center;justify-content:center;z-index:5;overflow:hidden}
.customizer-logo-zone img{display:block;max-width:72%;max-height:68%;object-fit:contain;filter:none}
.customizer-logo-zone #logoPreview{display:none}
.customizer-logo-zone .patch-brandmark{opacity:.28;filter:grayscale(1) brightness(1.15)}
.silver-connector{position:absolute;left:11.65%;top:41.95%;width:1.2%;height:13.2%;border:2px solid #b9bcc1;border-radius:2px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35),0 1px 4px rgba(0,0,0,.5);z-index:6;pointer-events:none}
@media(max-width:620px){.photo-customizer{height:270px;padding:10px}.customizer-product{max-width:520px}.silver-connector{border-width:1px}}

/* Movable artwork editor */
.customizer-artboard{position:absolute;left:13.6%;right:7.2%;top:39.5%;height:18.5%;z-index:6;overflow:visible;touch-action:none;pointer-events:auto}
.movable-logo{position:absolute;left:40%;top:8%;width:9%;height:84%;display:flex;align-items:center;justify-content:center;cursor:grab;transform-origin:center;user-select:none;touch-action:none;outline:1px dashed transparent;transition:outline-color .15s}
.movable-logo:active{cursor:grabbing}.movable-logo.selected{outline-color:rgba(255,255,255,.75)}
.movable-logo img{width:100%;height:100%;object-fit:contain;pointer-events:none;filter:none}
.movable-logo #logoPreview{display:none}.movable-logo .patch-brandmark{opacity:.28;filter:grayscale(1) brightness(1.15)}
.drag-hint{position:absolute;left:50%;bottom:-18px;transform:translateX(-50%);font-size:7px;letter-spacing:.16em;color:#fff;background:rgba(0,0,0,.68);padding:3px 5px;opacity:0;pointer-events:none}
.movable-logo:hover .drag-hint,.movable-logo.selected .drag-hint{opacity:1}
.artwork-controls{margin-top:16px;padding:16px;border:1px solid #d5d5d5;background:#f7f7f5}
.artwork-controls p{margin:0 0 12px;color:#666;font-size:12px;line-height:1.5}
.artwork-presets{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}
.artwork-presets button,.reset-artwork{border:1px solid #aaa;background:#fff;padding:10px;font-size:11px;font-weight:700;cursor:pointer}.artwork-presets button:hover,.reset-artwork:hover{background:#111;color:#fff;border-color:#111}
.artwork-controls label{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:10px;margin:10px 0;font-size:11px;font-weight:700}.artwork-controls input[type=range]{width:100%;accent-color:#111}.artwork-file-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:5px}.reset-artwork,.delete-artwork{width:100%;margin-top:0}.delete-artwork{border:1px solid #b3261e;background:#fff;color:#b3261e;padding:10px;font-size:11px;font-weight:800;cursor:pointer}.delete-artwork:hover{background:#b3261e;color:#fff}
@media(max-width:620px){.artwork-presets{grid-template-columns:1fr}.artwork-controls label{grid-template-columns:90px 1fr}.drag-hint{display:none}}

/* V7 — production-photo recolor system */
.photo-customizer{height:360px;padding:18px;background:radial-gradient(circle at 50% 54%,#292929 0%,#111 48%,#080808 100%)}
.customizer-product{max-width:980px;aspect-ratio:1672/470;overflow:visible}
.customizer-base{object-fit:contain;filter:contrast(1.02) saturate(.96);z-index:1}
.customizer-strap-tint{inset:0;background:var(--strap);opacity:0;mix-blend-mode:multiply;border-radius:0;z-index:2;-webkit-mask-image:url('assets/belt-leather-mask.png');mask-image:url('assets/belt-leather-mask.png');-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transition:background .22s ease,opacity .22s ease}
.customizer-patch-tint{display:none}
.customizer-artboard{left:12.1%;right:7.4%;top:31%;height:39%;z-index:7;overflow:visible}
.movable-logo{left:40%;top:19%;width:9%;height:62%}
.silver-connector{display:none}
.swatches{display:grid;grid-template-columns:repeat(5,minmax(42px,1fr));gap:12px}
.swatch{width:100%;aspect-ratio:1;border-radius:8px;position:relative}
.swatch::after{content:attr(title);position:absolute;left:50%;top:calc(100% + 5px);transform:translateX(-50%);font-size:8px;line-height:1;white-space:nowrap;color:#777;opacity:0;transition:opacity .15s}
.swatch:hover::after,.swatch.active::after{opacity:1}
@media(max-width:620px){.photo-customizer{height:235px;padding:8px}.swatches{grid-template-columns:repeat(5,1fr);gap:10px}.swatch::after{display:none}}
/* v8 live canvas color engine and custom production color */
.customizer-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:1;display:block}
.preload-only{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important}
.custom-color-panel{margin-top:18px;padding:16px;border:1px solid #cfcfcf;background:#f7f7f5;display:grid;grid-template-columns:auto 64px 80px 1fr;gap:10px;align-items:center}
.custom-color-panel[hidden]{display:none}
.custom-color-panel label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.custom-color-panel input[type="color"]{width:56px;height:42px;border:1px solid #aaa;padding:2px;background:#fff;cursor:pointer}
.custom-color-panel input[type="text"]{width:92px;height:42px;border:1px solid #aaa;padding:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}
.custom-color-panel input.invalid{border-color:#c00;background:#fff3f3}
.custom-color-panel small{grid-column:1/-1;color:#666;line-height:1.4}
.custom-swatch{background:conic-gradient(#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00)}
.custom-swatch span{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:24px;text-shadow:0 1px 4px #000}
.selected-color code{margin-left:7px;padding:3px 6px;background:#e6e6e3;border-radius:3px;color:#222;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}
.production-code strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em}
@media(max-width:760px){.custom-color-panel{grid-template-columns:1fr 64px}.custom-color-panel input[type="text"]{width:100%}}

/* v9 reliable live recoloring: CSS mask avoids local-file canvas security restrictions */
.customizer-product{position:relative;--selected-belt-color:#f5f5f2}
.customizer-base{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;z-index:1;filter:contrast(1.02) saturate(.96)}
.customizer-strap-tint{position:absolute;inset:0;z-index:2;background-color:var(--selected-belt-color);opacity:0;mix-blend-mode:multiply;pointer-events:none;-webkit-mask-image:url('assets/belt-leather-mask.png');mask-image:url('assets/belt-leather-mask.png');-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transition:background-color .2s ease,opacity .2s ease}
.customizer-canvas,.preload-only{display:none!important}
/* v11: reliable standard-color previews use dedicated photographed image files. */
.customizer-base{transition:opacity .14s ease}
.customizer-strap-tint{opacity:0}

/* v12 embedded canvas recoloring: exact HEX preview, no patch watermark */
.customizer-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;z-index:1}
.logo-placeholder{display:none!important}
.customizer-strap-tint,.customizer-base{display:none!important}
/* v13 QA-stable live preview */
.customizer-base-live,.customizer-color-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
.customizer-base-live{z-index:1}
.customizer-color-layer{z-index:2;mix-blend-mode:multiply;opacity:0;pointer-events:none;transition:opacity .18s ease}
.customizer-canvas{display:none!important}
.customizer-artboard{z-index:7}
.silver-connector{z-index:8}

/* v16 multi-layer belt designer */
.element-intro{margin:-4px 0 16px;color:#666;font-size:12px;line-height:1.55}
.design-element-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.design-element-fields label{font-size:12px;font-weight:700}
.design-element-fields input,.design-element-fields select{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid #bbb;background:#fff;color:#111}
.layer-toolbar{margin-top:16px;padding:16px;border:1px solid #d5d5d5;background:#f7f7f5}
.selected-layer-label{font-size:12px;margin-bottom:12px;color:#555}.selected-layer-label strong{color:#111}
.layer-toolbar>label{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:10px;margin:10px 0;font-size:11px;font-weight:800}
.layer-toolbar input[type=range]{width:100%;accent-color:#111}.layer-color-label input{height:34px;width:100%;padding:2px;border:1px solid #aaa;background:#fff}
.layer-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.layer-actions button{border:1px solid #aaa;background:#fff;padding:10px;font-size:11px;font-weight:800;cursor:pointer}.layer-actions button:hover{background:#111;color:#fff;border-color:#111}
.design-layer{position:absolute;display:flex;align-items:center;justify-content:center;cursor:grab;transform-origin:center;user-select:none;touch-action:none;outline:1px dashed transparent;white-space:nowrap;line-height:1;z-index:2}
.design-layer:active{cursor:grabbing}.design-layer.selected{outline:1px dashed rgba(255,255,255,.95);outline-offset:3px;z-index:5}.design-layer[hidden]{display:none!important}
.logo-layer{left:40%;top:19%;width:9%;height:62%}.logo-layer img{width:100%;height:100%;object-fit:contain;pointer-events:none;display:none}
.text-layer{font-family:'Archivo Black',Impact,sans-serif;color:#111;text-shadow:0 1px 1px rgba(255,255,255,.2);font-size:clamp(8px,1.1vw,17px);letter-spacing:.03em;padding:2px 4px}
.number-layer{font-size:clamp(13px,1.8vw,27px)}.flag-layer{font-size:clamp(18px,2.3vw,35px);filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}
@media(max-width:620px){.design-element-fields{grid-template-columns:1fr}.layer-toolbar>label{grid-template-columns:62px 1fr}.text-layer{font-size:9px}.number-layer{font-size:15px}.flag-layer{font-size:20px}}

.upload-zone.is-dragging{border-color:#111;background:#ecece8;box-shadow:inset 0 0 0 2px #111}.flag-layer.image-flag{background-repeat:no-repeat;background-position:center;background-size:contain;min-width:34px;min-height:20px;font-size:0}

/* Finished-site polish */
body{overflow-x:hidden}.site-header.scrolled{background:rgba(4,4,4,.94);box-shadow:0 12px 30px rgba(0,0,0,.28)}.nav a.active{color:#fff}.nav a.active:after{content:'';display:block;height:1px;background:#fff;margin-top:7px}.trust-strip{display:flex;justify-content:center;gap:42px;padding:17px 5vw;border-top:1px solid #222;border-bottom:1px solid #222;background:#0b0b0b;font-size:9px;font-weight:800;letter-spacing:.18em;color:#bdbdbd}.trust-strip span+span:before{content:'•';margin-right:42px;color:#555}.color-collection{background:#0b0b0b}.color-card-grid{max-width:1450px;margin:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.color-card{border:1px solid #292929;background:#111;color:#fff;padding:0;cursor:pointer;text-align:left;overflow:hidden;transition:transform .25s,border-color .25s}.color-card:hover{transform:translateY(-5px);border-color:#666}.color-card img{aspect-ratio:16/7;object-fit:cover;background:#070707}.color-card span{display:block;padding:15px 16px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.builder-primary-actions{display:grid;grid-template-columns:1.25fr .75fr;gap:10px}.builder-secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.builder-secondary-actions button{padding:12px;border:1px solid #3c3c3c;background:transparent;color:#ddd;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.builder-secondary-actions button:hover{border-color:#fff;color:#fff}.team-benefits{list-style:none;padding:0;margin:30px 0 0;display:grid;gap:13px;color:#ccc}.team-benefits li:before{content:'✓';margin-right:10px;color:#fff}.team-order-form{background:#151515;border:1px solid #292929;padding:28px}.form-heading{display:flex;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid #333;font-size:11px;letter-spacing:.12em}.form-heading span{color:#777;letter-spacing:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.form-grid label{font-size:11px;font-weight:700;color:#aaa}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid #353535;background:#090909;color:#fff}.form-note{color:#777;font-size:10px;line-height:1.5}.back-to-top{position:fixed;right:22px;bottom:22px;width:44px;height:44px;border-radius:50%;border:1px solid #444;background:#0a0a0a;color:#fff;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s;z-index:45}.back-to-top.show{opacity:1;transform:none;pointer-events:auto}.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:980px){.color-card-grid{grid-template-columns:repeat(2,1fr)}.trust-strip{gap:16px}.trust-strip span+span:before{margin-right:16px}.builder-primary-actions{grid-template-columns:1fr}.team-order-form{padding:22px}}
@media(max-width:620px){.trust-strip{display:none}.color-card-grid{grid-template-columns:1fr 1fr;gap:9px}.color-card span{padding:12px;font-size:9px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.builder-secondary-actions{grid-template-columns:1fr}.back-to-top{right:14px;bottom:14px}}
/* Commerce checkout */
.checkout-modal[hidden]{display:none}.checkout-modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:20px}.checkout-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.82);backdrop-filter:blur(10px)}.checkout-card{position:relative;width:min(520px,100%);max-height:92vh;overflow:auto;background:#f3f3ef;color:#0a0a0a;padding:38px;border:1px solid #fff;box-shadow:0 30px 100px rgba(0,0,0,.7)}.checkout-card h2{font-family:'Archivo Black';font-size:42px;line-height:.95;margin:0 0 24px}.checkout-close{position:absolute;right:14px;top:10px;border:0;background:transparent;font-size:30px;cursor:pointer}.checkout-card label{display:block;font-size:12px;font-weight:800;margin:14px 0}.checkout-card input{width:100%;padding:14px;margin-top:7px;border:1px solid #aaa;background:#fff}.checkout-summary{background:#111;color:#fff;padding:18px;margin:0 0 20px;display:grid;gap:8px}.checkout-summary div{display:flex;justify-content:space-between;font-size:12px}.checkout-summary span{color:#999}.checkout-note{text-align:center;color:#666;font-size:11px;line-height:1.5}.checkout-card .eyebrow{color:#555}.checkout-card.loading{pointer-events:none;opacity:.72}.checkout-success{position:fixed;z-index:210;left:50%;top:95px;transform:translateX(-50%);background:#fff;color:#050505;padding:18px 24px;font-weight:800;box-shadow:0 12px 40px rgba(0,0,0,.45)}