:root{font-family:Arial,Helvetica,sans-serif;color:#202124;background:#fff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #c92b31;outline-offset:4px}button{transition:background .18s,border-color .18s}header{height:78px;padding:0 38px;display:flex;gap:26px;align-items:center;background:#fff}header img{width:125px;height:40px}header>span{font-size:10px;letter-spacing:2.4px;color:#72757a}.preview-label{margin-left:auto;letter-spacing:.4px!important}main{display:grid;grid-template-columns:minmax(0,1fr) 390px;min-height:calc(100vh - 166px)}.stage{position:sticky;top:0;height:calc(100vh - 166px);min-height:470px;background:radial-gradient(ellipse at 48% 32%,#f4f5f5 8%,#e4e7e8 66%,#d9dfe1);overflow:hidden}.stage-caption{position:absolute;z-index:1;left:44px;top:36px;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#74787d;font-weight:600}.stage-caption p{font-size:25px;font-weight:400;letter-spacing:-.7px;margin:9px 0}model-viewer{width:100%;height:100%;--poster-color:transparent}.viewbar{position:absolute;bottom:51px;left:50%;transform:translateX(-50%);display:flex;gap:8px;align-items:center}.angles{display:flex;padding:4px;background:#ffffffdb;border:1px solid #e7e8e9;border-radius:7px;box-shadow:0 3px 16px #00000005}.angles button{background:transparent;border:0;padding:10px 13px;border-radius:4px;color:#75787c;font-size:12px}.angles button[aria-pressed=true]{color:#17191c;background:#ebedef}.rotate{width:40px;height:40px;background:#ffffffdb;border:1px solid #e7e8e9;border-radius:6px;font-size:24px}.rotate[aria-pressed=true]{background:#202124;color:white}.gesture{position:absolute;bottom:17px;left:0;right:0;text-align:center;font-size:10px;color:#8a8e91}.gesture span{margin:0 9px}aside{padding:33px 32px 28px;border-left:1px solid #f1f1f1}.intro{text-align:center}.intro h1{font-size:42px;letter-spacing:-1.7px;margin:15px 0 12px;font-weight:500}.intro p{font-size:13px;color:#777c81;line-height:1.7;margin:0}nav{display:flex;border-bottom:1px solid #ddd;margin:34px 0 29px}nav button{flex:1;padding:13px 0;background:none;border:0;border-bottom:2px solid transparent;font-size:10px;color:#a0a3a6}nav button span{font-size:12px;margin-left:6px}nav button[aria-current]{color:#202124;border-bottom-color:#202124}h2{font-weight:500;font-size:21px;letter-spacing:-.5px;margin:0 0 9px}.description{font-size:12px;line-height:1.7;color:#777c81;margin:0 0 23px}.finish-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.finish-options button{position:relative;display:flex;flex-direction:column;align-items:center;background:white;border:1px solid #dce0e3;border-radius:5px;padding:19px 8px 15px;gap:10px;font-size:13px}.finish-options button[aria-pressed=true]{border:2px solid #23272b;padding:18px 7px 14px}.finish-options small{font-size:9px;color:#8b8f92}.finish-chip{width:48px;height:48px;border-radius:50%;border:1px solid #ccc;box-shadow:inset 0 0 0 4px #fff,0 2px 4px #00000009}.white{background:linear-gradient(135deg,#fff,#ddd)}.black{background:linear-gradient(135deg,#484a4d,#101114)}.selected-mark{position:absolute;right:9px;top:7px;font-size:11px;visibility:hidden}[aria-pressed=true]>.selected-mark{visibility:visible}.detail{margin:27px 0;color:#676d72;font-size:12px;line-height:1.7}.detail>span{color:#363b3f}.detail p{margin:5px 0}.primary{background:#25282b;color:white;border:0;border-radius:4px;padding:14px 17px;width:100%;font-size:12px;display:flex;justify-content:space-between;align-items:center}.primary:hover{background:#41464c}.draft{font-size:10px;color:#969a9e;text-align:center;margin-top:22px}footer{position:sticky;bottom:0;z-index:3;background:#fffffff5;border-top:1px solid #e8e9ea;min-height:88px;padding:19px 36px;display:flex;justify-content:space-between;align-items:center;gap:18px}footer strong{font-size:15px;font-weight:500}footer p{font-size:11px;color:#767b80;margin:7px 0 0}.dot{margin:0 9px}.footer-action{display:flex;align-items:center;gap:24px}.footer-action small{font-size:10px;color:#80858a;max-width:130px;line-height:1.5}#review-button{background:#cc2c32;color:white;border:0;border-radius:4px;padding:14px 22px;min-width:180px;font-size:12px}#review-button span{margin-left:20px}#swatches{display:flex;gap:12px;flex-wrap:wrap}#swatches button{width:35px;height:35px;border-radius:50%;background:var(--swatch);border:3px solid white;outline:1px solid #d5d8db;padding:0}#swatches button[aria-pressed=true]{outline:2px solid #25282b;outline-offset:3px}.colour-name{display:flex;justify-content:space-between;margin:22px 0;font-size:12px}.colour-name strong{font-weight:500}.colour-name span{font-size:10px;color:#888}.custom-colour{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eee;padding-top:18px;font-size:11px;color:#6b7278}input[type=color]{width:36px;height:30px;border:0;padding:0;background:none;cursor:pointer}dl{font-size:12px;margin:24px 0}dl>div{display:flex;justify-content:space-between;border-bottom:1px solid #eee;padding:15px 0;gap:12px}dt{color:#777}dd{margin:0;text-align:right}.review-note{font-size:11px;line-height:1.8;color:#777}.text-button{display:block;margin:18px auto 0;background:none;border:0;text-decoration:underline;font-size:11px;color:#666}.loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;padding:14px 22px;background:#fff;border-radius:5px}.error{position:absolute;top:45%;left:10%;right:10%;background:white;padding:20px;font-size:13px;text-align:center}[hidden]{display:none!important}@media(min-width:1600px){main{grid-template-columns:minmax(0,1fr) 440px}aside{padding:45px}.stage-caption{left:60px}}@media(max-width:800px){header{height:64px;padding:0 20px;gap:18px}header img{width:103px}header>span{font-size:8px;letter-spacing:1px}main{display:block}.stage{position:relative;height:53vh;min-height:350px;max-height:560px}.stage-caption{top:19px;left:23px}.stage-caption p{font-size:20px}.stage-caption .eyebrow{font-size:8px}.viewbar{bottom:37px}.angles button{font-size:10px;padding:9px 11px}.gesture{bottom:7px;font-size:9px}aside{padding:28px 27px 32px;max-width:530px;margin:auto;border:0}.intro h1{font-size:34px;margin:10px 0}.intro p{font-size:12px}.intro .eyebrow{font-size:8px}nav{margin:24px 0}footer{padding:14px 19px;min-height:76px}.footer-action small{display:none}#review-button{min-width:135px;padding:13px;font-size:11px}#review-button span{margin-left:12px}footer strong{font-size:12px}footer p{font-size:9px;max-width:180px}.preview-label{display:none}}
@media(prefers-reduced-motion:reduce){button{transition:none}}

.loading{z-index:2;pointer-events:none}.error{z-index:3;box-shadow:0 8px 30px #0001;border-radius:8px;line-height:1.6}.error button{padding:10px 20px;border:0;background:#25282b;color:white;border-radius:4px}model-viewer{display:block;min-height:350px}

.capture header,.capture aside,.capture footer,.capture .stage-caption,.capture .viewbar,.capture .gesture{display:none}.capture main{display:block}.capture .stage{width:100vw;height:100vh;min-height:0;max-height:none}

#product-photo{display:none;width:100%;height:100%;object-fit:contain}#display-mode{position:absolute;right:20px;top:20px;z-index:2;background:#ffffffdf;border:1px solid #ddd;border-radius:5px;padding:9px 12px;font-size:11px}.image-mode #product-photo{display:block}.image-mode model-viewer,.image-mode #rotate{display:none}.capture #product-photo,.capture #display-mode{display:none}@media(max-width:800px){#display-mode{top:83px;right:20px}.image-mode .angles button{padding:9px 10px}}

@media(max-width:800px){.image-mode #product-photo{transform:scale(1.18)}}

#no-branding{background:white;border:1px solid #ddd;border-radius:4px;padding:10px 16px;margin-bottom:20px}#no-branding[aria-pressed=true]{border:2px solid #25282b}

.capture .stage{background:#e4e7e8!important}

.stage[data-environment="sports-bar"]{background:#6f685e url('./environments/sports-bar.svg') center/cover}.stage[data-environment="terrace"]{background:#c9d8cb url('./environments/terrace.svg') center/cover}.stage[data-environment="sports-bar"] .stage-caption{color:#fff}.stage[data-environment="sports-bar"] .eyebrow{color:#ddd}.stage:not([data-environment="studio"]) .gesture{background:#ffffffd9;border-radius:4px;padding:4px;margin-left:20%;margin-right:20%;color:#343434}.environment-control{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;margin-bottom:24px}.environment-control select{padding:10px;border:1px solid #ddd;border-radius:5px;background:#fff;font:inherit;min-width:150px}.image-mode #product-photo{filter:drop-shadow(0 8px 5px #0003)}

.stage[data-environment="terrace"]{background:linear-gradient(#cadde0,#edf0e4 65%,#d2d6c5)}

#scene-distance{position:absolute;right:20px;top:62px;z-index:2;border:1px solid #ddd;background:#ffffffdf;border-radius:5px;padding:9px 12px;font-size:11px}.image-mode #scene-distance,.stage[data-environment="studio"] #scene-distance,.capture #scene-distance{display:none}.stage[data-environment="terrace"] .stage-caption{padding:12px 15px;left:20px;top:18px;background:#ffffffbd;border-radius:7px}.stage[data-environment="terrace"] .stage-caption p{font-size:20px;margin-bottom:0}.stage[data-environment="terrace"]{background:linear-gradient(#cbdedc,#f0eee3 65%,#d5dacb)}@media(max-width:800px){#scene-distance{top:124px}.stage[data-environment="terrace"] .stage-caption{max-width:220px;left:12px;top:12px;padding:10px}}

.capture .stage[data-environment="terrace"]{background:#d6e0d7!important}.stage[data-environment="terrace"].image-mode #product-photo{filter:none;transform:none}

.artwork-controls{border-top:1px solid #ddd;margin-top:25px;padding-top:20px;font-size:12px}.artwork-controls h3{font-weight:500;font-size:16px}.artwork-controls p{font-size:11px;line-height:1.6;color:#73787c}.upload-label{display:block;border:1px dashed #a9adb0;border-radius:5px;padding:13px;margin:12px 0}.upload-label input{display:block;max-width:100%;font-size:10px;margin-top:9px}.asset-thumb{display:block;max-width:100%;height:60px;object-fit:contain;background:#e8e8e8;margin:10px 0}.size-label{display:flex;justify-content:space-between;margin-top:18px}.artwork-controls input[type=range]{width:100%;accent-color:#25282b}.artwork-controls details{margin-top:20px}.artwork-controls summary{cursor:pointer}.artwork-controls button{padding:7px 10px;border:1px solid #ccc;background:white;border-radius:4px}
.artwork-step{display:flex;gap:11px;align-items:flex-start}.artwork-step>span:first-child,.artwork-step>b{display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px;border-radius:50%;background:#25282b;color:white;font-size:11px}.artwork-step h3{margin:2px 0 5px}.print-artwork{border-top:1px solid #ddd;padding-top:18px}.print-artwork summary{display:flex;justify-content:space-between;gap:10px;list-style:none}.print-artwork summary::-webkit-details-marker{display:none}.print-artwork summary strong{display:block;font-size:14px;font-weight:500}.print-artwork summary small{display:block;color:#777;margin-top:4px}.pdf-requirement{display:grid;grid-template-columns:1fr auto;gap:4px;margin-top:18px;padding:11px 12px;background:#f4f5f5;border-radius:4px}.pdf-requirement strong{grid-column:1/-1}.pdf-requirement span{font-size:10px;color:#777}.pdf-requirement b{font-size:10px}.pdf-result{display:grid;gap:3px;border-left:3px solid #1d7558;background:#f0f7f4;padding:10px 12px;margin:8px 0}.pdf-result span,.pdf-result small{font-size:10px;color:#587066}.pdf-thumb{height:78px}.proof-approval{border:1px solid #c9b580;background:#fbf8ef;border-radius:5px;padding:13px;margin:15px 0}.proof-approval strong{font-size:12px}.proof-approval p{font-size:10px;color:#6e6755;line-height:1.5}.proof-approval label{font-size:10px;display:flex;gap:8px;align-items:flex-start}.cart-cta:disabled{background:#aeb2b4;cursor:not-allowed}

.image-mode #product-photo{filter:none}

#lights{width:100%;margin-top:16px;padding:14px 15px;display:flex;align-items:center;justify-content:space-between;text-align:left;background:#fff;border:1px solid #dce0e3;border-radius:5px;color:#25282b}#lights strong{display:block;font-size:12px;font-weight:500}#lights strong em{display:inline-block;margin-left:6px;padding:3px 5px;border-radius:3px;background:#f0f1f2;color:#6f7478;font-size:7px;font-style:normal;font-weight:600;letter-spacing:.5px;text-transform:uppercase;vertical-align:1px}#lights small{display:block;margin-top:5px;font-size:9px;color:#83878b}.light-switch{position:relative;width:39px;height:22px;border-radius:20px;background:#d7dadd;transition:.2s}.light-switch:after{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;transition:.2s}#lights[aria-pressed=true]{border-color:#74736d;background:#fafafa}#lights[aria-pressed=true] .light-switch{background:#b9aa7c}#lights[aria-pressed=true] .light-switch:after{transform:translateX(17px)}.stage{transition:background .5s}.stage.lights-on{background:radial-gradient(ellipse at 49% 54%,#55565a 0,#282a2d 45%,#111316 100%)}.stage.lights-on:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 70%,transparent 38%,#05060740 100%)}.stage.lights-on .stage-caption{color:#fff}.stage.lights-on .eyebrow,.stage.lights-on .gesture{color:#c9c7c0}.stage.lights-on .viewbar{z-index:2}

.wrap{background:linear-gradient(135deg,#ef5559,#9d171c)}.finish-options .campaign-frame{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;column-gap:14px;text-align:left;align-items:center}.campaign-frame .finish-chip{grid-row:1/3}.campaign-frame>span:not(.finish-chip):not(.selected-mark),.campaign-frame>small{justify-self:start}.frame-colour{grid-column:3;grid-row:1/3;display:flex;align-items:center;gap:8px;font-size:9px;color:#777}.frame-colour input{width:34px;height:30px}
/* Purchase-flow preview: placeholder prices will be replaced by Shopify values. */
.option-price{font-size:10px;font-weight:500;color:#34383c}.finish-options>button .option-price{margin-top:1px}.campaign-option{grid-column:1/-1;border:1px solid #dce0e3;border-radius:5px;padding:0 14px 13px}.finish-options .campaign-option .campaign-frame{width:100%;border:0;padding:15px 0 10px;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto auto;column-gap:14px;text-align:left;align-items:center}.finish-options .campaign-option .campaign-frame[aria-pressed=true]{border:0;padding:15px 0 10px}.campaign-option:has(.campaign-frame[aria-pressed=true]){border:2px solid #23272b;padding:0 13px 12px}.campaign-frame .finish-chip{grid-row:1/4}.campaign-frame .option-price{grid-column:3;grid-row:1/4;align-self:center}.campaign-frame>span:not(.finish-chip):not(.selected-mark),.campaign-frame>small{grid-column:2;justify-self:start}.campaign-option .frame-colour{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eceeef;padding-top:10px;font-size:10px;color:#666}.price-note{padding:10px 12px;margin:-9px 0 18px;background:#f5f6f6;border-radius:4px;color:#656b70;font-size:10px}.heading-price{float:right;color:#686e73;font-size:10px;font-weight:500}.price-breakdown dd{display:flex;flex-direction:column;gap:4px}.price-breakdown dd small{font-size:9px;color:#858a8e}.price-breakdown .review-total{border-top:2px solid #25282b;border-bottom:0;margin-top:9px;padding-top:18px;font-size:15px}.price-breakdown .review-total dt{color:#25282b;font-weight:500}.price-breakdown .review-total dd{font-weight:600}.cart-cta{background:#cc2c32;color:#fff;border:0;border-radius:4px;padding:15px 17px;width:100%;display:flex;justify-content:space-between;font-size:12px}.cart-cta:hover{background:#b8242a}.cart-status{min-height:16px;margin:8px 0 0;text-align:center;font-size:10px;color:#72777b}.footer-kicker{display:block;margin-bottom:3px;font-size:8px;letter-spacing:.8px;text-transform:uppercase;color:#8a8f93}footer>div:first-child{min-width:220px}#footer-total{display:block;font-size:20px}footer>div:first-child p{margin-top:4px}
@media(max-width:800px){.campaign-frame .option-price{grid-column:2;grid-row:3}.finish-options .campaign-option .campaign-frame{grid-template-columns:auto 1fr}.campaign-option .frame-colour{font-size:9px}#footer-total{font-size:17px}footer>div:first-child{min-width:0}.footer-kicker{font-size:7px}}
@font-face{font-family:Subsoccer;src:url('./subsoccer.woff2') format('woff2');font-display:swap}
.intro .product-title{display:flex;justify-content:center;align-items:baseline;gap:8px;margin:14px 0 12px;font-family:Subsoccer,Impact,sans-serif;font-size:47px;font-weight:400;line-height:1;letter-spacing:1px;white-space:nowrap}
.intro .product-title .outline{color:transparent;-webkit-text-stroke:1.35px #17191b;text-stroke:1.35px #17191b;paint-order:stroke fill}
@media(max-width:800px){.intro .product-title{font-size:40px}}
.lead-form{margin-top:18px}.lead-form label{display:block;margin-bottom:7px;font-size:11px;font-weight:500}.lead-row{display:grid;grid-template-columns:1fr auto;border:1px solid #b8bdc1;border-radius:5px;overflow:hidden;background:#fff}.lead-row input{min-width:0;border:0;padding:14px;font-size:13px;outline:0}.lead-row:focus-within{border-color:#25282b;box-shadow:0 0 0 1px #25282b}.lead-row button{border:0;border-radius:0;background:#cc2c32;color:#fff;padding:0 17px;font-size:11px}.lead-row button:disabled{background:#aeb2b4}.lead-privacy{margin:8px 0 0;font-size:9px;line-height:1.5;color:#7b8084}.lead-success{margin:18px 0 8px;padding:16px;border-radius:5px;background:#eef6f2;color:#285c47}.lead-success strong{display:block;font-size:13px}.lead-success span{display:block;margin-top:5px;font-size:10px}.lead-trap{position:absolute;left:-9999px}.technical-download{margin-top:16px}@media(max-width:800px){.lead-row{grid-template-columns:1fr}.lead-row button{padding:13px}.lead-form{margin-top:15px}}
.stage.image-mode.lights-on #product-photo{filter:brightness(.56) contrast(1.04)}
.stage.image-mode.lights-on:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse 27% 12% at 50% 58%,rgba(170,255,135,.27),rgba(145,235,120,.11) 52%,transparent 100%);mix-blend-mode:screen}
.stage.image-mode.lights-on .stage-caption,.stage.image-mode.lights-on #display-mode,.stage.image-mode.lights-on .viewbar,.stage.image-mode.lights-on .gesture{z-index:2}