:root{color-scheme:dark;--bg:#101111;--card:#1a1b1b;--line:#343535;--orange:#ff793d;--text:#f6f2ea;--muted:#bdb9b2;--display:"Barlow Condensed","Arial Narrow",Impact,sans-serif;--body:Inter,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 var(--body)}a{color:inherit;text-decoration:none}button,input{font:inherit}button,label[for=art],summary{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--orange);outline-offset:4px}[hidden]{display:none!important}.wrap{width:min(1200px,calc(100% - 88px));margin:auto}.skip{position:fixed;top:10px;left:10px;z-index:9;transform:translateY(-200%)}.skip:focus{transform:none;background:var(--bg);padding:8px}.top{position:relative;z-index:2;background:#121313;border-bottom:1px solid var(--line)}.nav{height:77px;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;font:800 26px/.9 var(--display);letter-spacing:.035em;white-space:nowrap}.brand i,.banner-art i{display:inline-block;width:25px;height:18px;background:linear-gradient(90deg,var(--orange) 26%,transparent 26% 37%,var(--orange) 37% 63%,transparent 63% 74%,var(--orange) 74%);transform:skew(-20deg)}.accent,em{color:var(--orange)}nav{display:flex;gap:32px;font-size:13px;color:var(--muted)}nav a:hover,.quiet:hover{color:var(--orange)}.basket{display:inline-flex;align-items:center;gap:10px;border:1px solid #4c4b48;background:transparent;color:var(--text);padding:8px 13px}.basket span{min-width:22px;background:var(--orange);color:#15100c;padding:0 4px;text-align:center;font-weight:800}
.hero{position:relative;isolation:isolate;min-height:650px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:#1e2529 url("assets/hero.webp") center 51%/cover no-repeat}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0d1012f7 0%,#0d1012d9 25%,#11141560 60%,#14141408 100%),linear-gradient(0deg,#0d1012db,transparent 27%)}.hero-content{padding:76px 0 85px}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:800;color:var(--orange);display:flex;align-items:center;gap:11px;margin:0 0 13px}.eyebrow span{display:inline-block;width:24px;height:2px;background:currentColor}h1,h2{font-family:var(--display);font-weight:900;line-height:.85;letter-spacing:-.017em;margin:0}h1{font-size:clamp(90px,12vw,174px)}h1 em{font-style:normal}h2{font-size:clamp(55px,7.5vw,101px)}.intro{max-width:350px;font-size:17px;color:#e0ddd4;margin:24px 0}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:24px;padding:13px 20px;min-height:51px;border:1px solid transparent;font-weight:800;font-size:13px}.button b{font-size:17px}.primary{color:#15100d;background:var(--orange)}.primary:hover{background:#ffa374}.quiet{font-size:13px;color:var(--text)}.hero-meta{position:absolute;bottom:16px;left:0;right:0;display:flex;justify-content:space-between;border-top:1px solid #ffffff40;padding-top:13px;font-size:10px;letter-spacing:.12em;color:#e0ddd4}.spec-strip{border-bottom:1px solid #402418;background:#2d1b13}.strip-inner{display:grid;grid-template-columns:repeat(3,1fr);text-align:center}.strip-inner span{padding:14px 4px;font-weight:700}.strip-inner b{color:var(--orange);font-size:11px;margin-right:8px}
.shop,.info{padding:90px 0}.section-heading{margin-bottom:37px}.section-heading>p:last-child,.spec-grid p,.info p{color:var(--muted)}.section-heading>p.eyebrow,.spec-grid p.eyebrow,.info p.eyebrow{color:var(--orange)}.product-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:32px;align-items:start}.preview{margin:0;background:#181b1d;border:1px solid var(--line);position:sticky;top:24px}.preview-surface{min-height:425px;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 60% 30%,#4a4137,#202628 53%,#101315);padding:28px}.pipe{width:88%;height:12px;background:linear-gradient(#818383,#252727 62%,#858582);position:absolute;left:6%}.pipe-top{top:19%}.pipe-bottom{bottom:19%}.banner-art{--face:1.5625;position:relative;width:min(82%,calc(255px * var(--face)));aspect-ratio:var(--face);display:grid;place-items:center;background:linear-gradient(120deg,#161919,#2e3030 40%,#111314 85%);border:1px solid #85817b;box-shadow:0 12px 30px #0009;color:#eee;overflow:hidden;text-align:center;font:800 clamp(26px,4.4vw,67px)/1 var(--display)}.banner-art span{display:grid;justify-items:center;gap:10px}.banner-art i{width:45px;height:28px}.banner-art img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;background:#191919}figcaption{display:flex;justify-content:space-between;gap:12px;padding:13px 17px;font-size:11px;letter-spacing:.08em;color:var(--muted)}form{background:var(--card);padding:25px;border:1px solid var(--line)}fieldset{padding:0;margin:0 0 22px;border:0;min-width:0}legend{font-weight:800;margin-bottom:8px;width:100%}legend small{font-size:11px;color:var(--muted);font-weight:500;float:right}.options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.options label{cursor:pointer;position:relative}.options input{position:absolute;opacity:0}.options label span{display:grid;text-align:center;border:1px solid #555;padding:10px 3px;background:#141515}.options small,.hint{color:var(--muted);font-size:12px}.hint{margin:6px 0 0}.options input:checked+span{border-color:var(--orange);background:#322017}.options input:focus-visible+span{outline:2px solid var(--orange);outline-offset:3px}.choice{display:flex;gap:8px;align-items:center;font-size:13px;margin:5px 0}.choice input{accent-color:var(--orange)}.addon strong{margin-left:auto}.upload{display:flex;justify-content:space-between;gap:10px;align-items:center;border:1px dashed #666;padding:10px;color:var(--orange);font-weight:700;font-size:13px}.upload span{color:var(--muted);font-weight:400;font-size:11px;overflow-wrap:anywhere;text-align:right}.upload:focus-within,#art:focus-visible{outline:2px solid var(--orange)}#art,#reverse{width:100%;margin-top:7px;font-size:12px}#reverse-field{margin-top:10px;font-size:13px}.buy-row{display:flex;justify-content:space-between;align-items:end;margin-bottom:13px}.buy-row label,.cost small{display:block;color:var(--muted);font-size:11px}#quantity{width:70px;background:#111;border:1px solid #555;padding:6px;color:var(--text)}.cost{text-align:right}.cost output{font-size:29px;font-weight:800;line-height:1}.full{width:100%}
.spec-section{background:#1c1b19;border-block:1px solid #38342d;padding:68px 0}.spec-grid,.info{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.spec-grid p{max-width:440px;margin-bottom:21px}.outline{border-color:#706658}.outline:hover{border-color:var(--orange);color:var(--orange)}table{border-collapse:collapse;width:100%;text-align:left}caption{text-align:left;font-size:19px;font-weight:800;padding-bottom:7px}th,td{padding:13px 6px;border-bottom:1px solid #494440}thead th{color:var(--muted);font-size:11px}tbody th{font-weight:600}.table-wrap a{color:var(--orange)}details{border-bottom:1px solid var(--line);padding:12px 0}summary{font-weight:700}details p{margin:7px 0 0}.info{align-items:start}.footer{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:95px;font-size:12px;color:var(--muted)}footer{border-top:1px solid var(--line)}.footer .brand{color:var(--text)}
dialog{height:100%;max-height:none;width:min(480px,100%);max-width:100%;margin:0 0 0 auto;border:0;border-left:1px solid var(--line);background:#181919;color:var(--text);padding:23px;overflow:auto}dialog::backdrop{background:#000a}.cart-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:15px}.cart-head h2{font-size:48px}.cart-head button{font-size:21px}.cart-line{border-bottom:1px solid var(--line);padding:13px 0}.cart-line>div,dl>div{display:flex;justify-content:space-between;align-items:start;gap:9px}.cart-line button{border:0;padding:0;background:none;color:var(--orange);font-size:12px}.cart-line p{margin:3px 0;overflow-wrap:anywhere}dd{margin:0}.grand{font-weight:800;border-top:1px solid var(--line);margin-top:6px;padding-top:6px}#quote{margin-top:14px}
@media(max-width:800px){.wrap{width:calc(100% - 38px)}.hero{min-height:570px;background-position:61% center}.product-grid,.spec-grid,.info{grid-template-columns:1fr;gap:23px}.preview{position:relative;top:0}.preview-surface{min-height:330px}.shop,.info{padding:59px 0}.nav{height:64px}.nav nav{gap:14px}.footer{flex-wrap:wrap;padding:20px 0}}
@media(max-width:500px){.nav nav{display:none}.hero{min-height:555px;background-position:64% center}.hero:before{background:linear-gradient(90deg,#101415ef,#10141584 72%,#10141547),linear-gradient(0deg,#101415b3,transparent 42%)}h1{font-size:clamp(79px,20vw,110px)}.hero-meta span:last-child{display:none}.strip-inner span{font-size:11px}.strip-inner b{display:none}.actions{gap:14px}.preview-surface{min-height:280px;padding:20px}.banner-art{max-height:235px;width:min(82%,calc(235px * var(--face)))}form{padding:16px}.section-heading{margin-bottom:25px}.footer p{margin:0}.table-wrap{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.detail-image{display:block;width:100%;height:184px;object-fit:cover;object-position:center 53%;margin-bottom:16px;border:1px solid #494440}.button b{font-family:Arial,sans-serif}

.material-grid,.finish-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.material-grid article,.finish-grid article,.guide-panel,.upload-panel{background:#191a1a;border:1px solid var(--line)}
.material-grid img{display:block;width:100%;aspect-ratio:1.9;object-fit:cover;background:#2b2620}
.material-grid article>div,.finish-grid article,.guide-panel,.upload-panel{padding:19px}
.material-grid small{color:var(--orange);font-weight:800;letter-spacing:.09em}
.material-grid h3,.finish-grid h3,.guide-panel h3,.upload-panel h3{font:800 29px/1 var(--display);margin:7px 0 10px}
.material-grid p,.finish-grid p{color:var(--muted);font-size:13px;margin:0 0 12px}
.material-grid button{background:transparent;border:0;color:var(--orange);text-align:left;padding:5px 0;font-size:12px;font-weight:700}
.artwork-section{padding:85px 0}.artwork-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form-grid label,.file-field{display:grid;gap:5px;font-size:12px;font-weight:700;min-width:0}
.form-grid select,.form-grid input{width:100%;min-height:40px;border:1px solid #5c5a57;color:var(--text);background:#101111;padding:7px;font:inherit}
.dimensions{grid-column:1/-1}.file-field{margin-top:14px}.file-field input{width:100%;font-size:12px}
#check-button,#upload-artwork,#artwork-quote{margin-top:13px}button:disabled{opacity:.5;cursor:wait}
#check-results ul{margin:6px 0 0;padding-left:20px;font-size:13px}#check-results h4{margin-bottom:0}
.upload-panel{margin-top:14px}.guide-panel{background:#17191a}
.diagram-box{min-height:325px;display:grid;place-items:center;padding:16px;background:radial-gradient(#292d2f,#121415)}
.diagram{position:relative;width:min(95%,calc(295px * var(--ratio,1)));aspect-ratio:var(--ratio,1);background:#753043;outline:1px dashed #ff90a2}
.diagram-trim{position:absolute;inset:var(--bleed-y,1%) var(--bleed-x,1%);background:#633e28;outline:1px solid #f1dcc3}
.diagram-trim canvas{position:absolute;width:100%;height:100%;object-fit:fill;inset:0;opacity:.72}
.diagram-safe{position:absolute;inset:var(--safe-y,18%) var(--safe-x,0%);outline:2px dashed #9ce3af;background:#15332790;color:#dcffe5;display:grid;place-items:center;text-align:center;font:800 clamp(13px,2vw,23px)/1.1 var(--display)}
#eyelet-points i,.mini-banner.hems i{position:absolute;width:9px;height:9px;border:2px solid #f6d8b2;border-radius:50%;transform:translate(-50%,-50%);background:#171919}
.guide-key{font-size:12px}.guide-key>div{border-bottom:1px solid #363a3d;padding:5px 0;align-items:center}.guide-key i{width:9px;height:9px;display:inline-block;margin-right:5px}.bleed-key{background:#ff90a2}.trim-key{background:#f1dcc3}.safe-key{background:#9ce3af}
.finish-grid{margin:24px 0}.mini-banner{position:relative;margin:12px 0;aspect-ratio:2.2;display:grid;place-items:center;color:#fff;font-size:11px;letter-spacing:.08em;font-weight:800;background:#173328;border:1px solid #a4c4ab}
.mini-banner.pockets{background:linear-gradient(#a45a33 18%,#173328 18% 82%,#a45a33 82%)}
.mini-banner.hems{box-shadow:inset 0 0 0 13px #a45a33}.mini-banner.hems i:nth-of-type(1){left:7px;top:7px}.mini-banner.hems i:nth-of-type(2){right:0;top:7px}.mini-banner.hems i:nth-of-type(3){left:7px;bottom:-2px}.mini-banner.hems i:nth-of-type(4){right:0;bottom:-2px}
.mini-banner.bleed{border:7px solid #743245;outline:1px dashed #ff90a2;outline-offset:-1px}
#product .hint a{color:var(--orange);text-decoration:underline}
@media(max-width:850px){.material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.artwork-grid{grid-template-columns:1fr}.artwork-section{padding:55px 0}}
@media(max-width:500px){.material-grid,.finish-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.diagram-box{min-height:220px}.diagram{width:min(95%,calc(204px * var(--ratio,1)))}}

.order-guide{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:38px 0}
.order-guide article{padding:18px 22px;background:var(--card);border-left:3px solid var(--orange)}
.order-guide h3{font:800 27px/1 var(--display);margin:0 0 8px}
.order-guide p{font-size:13px;color:var(--muted);margin:0}
#shop-artwork-check{margin-top:10px}
.options{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:550px){.options,.order-guide{grid-template-columns:repeat(2,minmax(0,1fr))}.order-guide{grid-template-columns:1fr}}

.nav{gap:12px}.nav>.brand{min-width:0;white-space:normal}.nav>.brand i{flex:none}.nav>.basket{flex:none}
.finish-preview{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,170px) minmax(0,1fr);align-items:center;gap:13px;padding:10px;border:1px solid var(--line);background:#111313}
.finish-preview img,.finish-sketch{display:block;width:100%;aspect-ratio:1.75;object-fit:cover}
.finish-preview strong{font-size:13px}.finish-preview p{font-size:12px;color:var(--muted);margin:3px 0 0}
.finish-sketch{position:relative;overflow:hidden;background:#263432;border:8px solid #ae613b}
.finish-sketch span{position:absolute;inset:0;border:1px dashed #dfaa83}.finish-sketch i{position:absolute;width:8px;height:8px;border:2px solid #f6e8d8;border-radius:50%;background:#161818}
.finish-sketch i:nth-of-type(1){left:2px;top:2px}.finish-sketch i:nth-of-type(2){right:2px;top:2px}.finish-sketch i:nth-of-type(3){left:2px;bottom:2px}.finish-sketch i:nth-of-type(4){right:2px;bottom:2px}.finish-sketch i:nth-of-type(5){left:48%;top:2px}.finish-sketch i:nth-of-type(6){left:48%;bottom:2px}
.finish-sketch[data-finish=corners] i:nth-of-type(n+5),.finish-sketch[data-finish=hems] i,.finish-sketch[data-finish=trim] i{display:none}
.finish-sketch[data-finish=trim]{border-color:#753043}.shop-links{padding:10px 0 40px}.shop-links h2{font-size:38px}.shop-links a{display:inline-block;color:var(--orange);margin:12px 20px 0 0}
.footer{display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:start;padding:28px 0}.footer p{margin:5px 0}.footer a{overflow-wrap:anywhere}.footer .brand{white-space:normal}.payment-preview{grid-column:1/-1}.payment-marks{display:flex;flex-wrap:wrap;gap:7px;margin:6px 0}.payment-marks span{padding:4px 9px;border-radius:4px;background:#fff;color:#141414;font-weight:800}.payment-marks .visa{color:#1434cb;font-style:italic}.payment-marks .mastercard{background:#222;color:#fff;border:1px solid #b85a31}.payment-marks .amex{background:#176cb2;color:#fff}.payment-marks .klarna{background:#ffb3c7}
.content-page{padding:65px 0}.content-page h1{font-size:clamp(57px,9vw,112px);line-height:.93}.content-page h2{font-size:clamp(36px,6vw,58px);line-height:.95;margin-top:28px}.content-page p,.content-page li{max-width:75ch}.content-page a:not(.button){color:var(--orange);text-decoration:underline}.city-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px 15px;padding-left:18px}.content-page details{max-width:850px}.content-page .actions{margin-top:16px}
@media(max-width:650px){.nav nav{display:none}.nav>.brand{font-size:21px;gap:7px;line-height:.95}.nav>.brand i{width:18px;height:14px}.nav>.basket{gap:6px;padding:7px 9px;font-size:13px}.footer{grid-template-columns:1fr}.hero h1{font-size:clamp(60px,19vw,100px)}.hero .wrap{min-width:0}.finish-preview{grid-template-columns:minmax(0,100px) minmax(0,1fr)}}
@media(max-width:350px){.nav>.brand{font-size:18px}.wrap{width:calc(100% - 26px)}.hero h1{font-size:19vw}}
/* Scaffold Banner Printing identity */
.brand{display:inline-flex;align-items:center;gap:.5rem;min-width:0}
.brand-mark{display:block;object-fit:contain;flex:none;width:2rem;height:2rem}
.brand-name{font-size:clamp(.86rem,2vw,1.32rem);line-height:1}
.brand-name .accent{white-space:nowrap}
#example-art{display:grid;justify-items:center;align-content:center;gap:.35rem;text-align:center;line-height:1}
#example-art[hidden]{display:none}
#example-art img{width:clamp(1.5rem,5vw,4rem);height:auto;object-fit:contain}
#example-art span{font-size:clamp(.65rem,2vw,1.45rem);max-width:12ch}
.ui-icon{display:inline-block;position:relative;flex:none;width:1.05rem;height:1.05rem;vertical-align:middle;color:var(--accent,#ffb84d)}
.icon-basket{border:1.5px solid currentColor;border-radius:2px;height:.65rem;margin-right:.4rem}
.icon-basket:before{content:"";position:absolute;top:-.38rem;left:24%;width:48%;height:.36rem;border:1.5px solid currentColor;border-bottom:0;border-radius:.4rem .4rem 0 0}
.icon-pocket{border:1.5px solid currentColor;border-radius:2px;box-shadow:inset 0 3px 0 currentColor,inset 0 -3px 0 currentColor}
.icon-layers{height:.65rem;border:1.5px solid currentColor;border-radius:2px;box-shadow:2px 3px 0 -1px currentColor}
.icon-ruler{height:.56rem;border:1.5px solid currentColor;border-radius:1px;background:repeating-linear-gradient(90deg,transparent 0 3px,currentColor 3px 4px) left top/100% 45% no-repeat}
.strip-inner>span{display:inline-flex;align-items:center;gap:.5rem}
@media(max-width:420px){.brand-mark{width:1.5rem;height:1.5rem}.brand-name{font-size:.86rem}.brand-name .accent{display:block}}
.hero h1{font-size:clamp(4.3rem,9.1vw,9rem)}
.basket .icon-basket{background:none;color:inherit;min-width:0;padding:0}
.strip-inner>span{justify-content:center}
.strip-inner .ui-icon{padding:0;color:var(--orange)}
.production-section{padding-block:4.5rem}
.production-section h2{font-size:clamp(2.7rem,6.5vw,5.8rem)}
.production-grid,.banner-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.3rem;margin:1.8rem 0}
.production-grid figure,.banner-gallery figure{margin:0;overflow:hidden;background:#202220;border:1px solid var(--line);border-radius:8px}
.production-grid img,.banner-gallery img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.production-grid figcaption,.banner-gallery figcaption{padding:1rem 1.2rem;color:var(--text)}
.banner-gallery h2{font:800 1.8rem/1 var(--display)}
.banner-gallery p{margin:.55rem 0 0}
@media(max-width:650px){.hero h1{font-size:clamp(2.6rem,10.6vw,4.35rem)}.production-grid,.banner-gallery{grid-template-columns:1fr}.production-section{padding-block:3rem}}
.hero{background-image:url("/assets/gallery-residential.webp")}
.postcode-check{display:flex;gap:8px;margin:8px 0}.postcode-check input{min-width:0;flex:1;background:#111;border:1px solid #666;color:var(--text);padding:10px;text-transform:uppercase}.postcode-check button{white-space:nowrap;padding:8px 12px}@media(max-width:400px){.postcode-check{flex-wrap:wrap}.postcode-check button{width:100%}}