:root{--ink:#171717;--forest:#3f7fab;--deep:#202020;--sage:#dfeaa7;--cream:#f7f7f7;--paper:#fff;--terracotta:#e5005b;--gold:#bed646;--line:#d7d7d7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.site-header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,76px);border-bottom:1px solid var(--line);position:relative;background:rgba(251,250,246,.94);backdrop-filter:blur(12px);z-index:20}.brand{display:flex;align-items:center;gap:11px;letter-spacing:.12em}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border:2px solid var(--forest);font-family:"Libre Franklin";font-weight:800;letter-spacing:-.08em}.brand strong,.brand small{display:block}.brand strong{font-size:14px}.brand small{font-size:9px;margin-top:2px}.site-header nav{display:flex;gap:32px;font-size:14px;font-weight:600}.site-header nav a:hover{color:var(--terracotta)}.basket-button{border:0;background:var(--ink);color:white;padding:12px 16px;font-weight:700}.basket-button span{background:var(--gold);color:var(--ink);border-radius:50%;display:inline-grid;place-items:center;width:22px;height:22px;margin-left:7px}.hero{min-height:690px;display:grid;grid-template-columns:1.03fr .97fr;overflow:hidden}.hero-copy{padding:clamp(70px,9vw,135px) clamp(30px,7vw,110px)}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:800;color:var(--terracotta);margin:0 0 20px}.hero h1{font-family:"Libre Franklin";font-size:clamp(48px,6.7vw,98px);line-height:.93;letter-spacing:-.065em;margin:0}.hero h1 em{font-style:normal;color:var(--forest)}.hero-text{font-size:18px;line-height:1.7;max-width:630px;margin:32px 0}.hero-actions{display:flex;align-items:center;gap:26px}.button{display:inline-flex;border:0;padding:15px 22px;font-weight:800;justify-content:center}.primary{background:var(--terracotta);color:white}.primary:hover{background:#985036}.cream{background:var(--cream);color:var(--deep)}.text-link{border:0;background:none;font-weight:800}.trust-row{display:flex;gap:25px;margin-top:65px;font-size:12px;font-weight:700}.trust-row span:before{content:"✓";color:var(--terracotta);margin-right:7px}.hero-art{background:var(--forest);position:relative;min-height:640px}.hero-art:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 15%,#50755b 0,transparent 32%),linear-gradient(125deg,transparent 45%,rgba(0,0,0,.2));}.hero-photo{display:grid;place-items:center;background:#eeeae4;padding:clamp(16px,2vw,30px)}.hero-photo:before{display:none}.hero-photo img{display:block;width:100%;height:100%;object-fit:contain;position:relative;z-index:1}.plaque{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 30px 55px rgba(0,0,0,.3);letter-spacing:.07em}.plaque-slate{width:54%;aspect-ratio:1.65;background:#303a37;color:#eee;top:12%;left:11%;transform:rotate(-7deg);border:9px solid #38423f}.plaque-slate strong{font-family:serif;font-size:22px;margin:14px}.plaque-slate small,.plaque-slate span{font-size:9px}.plaque-brick{width:62%;height:116px;background:#a54f32;color:#f8d8b9;top:49%;right:4%;transform:rotate(4deg);border:3px solid #7f3e2d}.plaque-brick strong{font-size:16px}.plaque-brick span{font-size:10px;margin-top:9px}.plaque-wood{width:48%;height:180px;background:repeating-linear-gradient(7deg,#bb8751,#bb8751 5px,#c7935d 6px,#c7935d 10px);bottom:7%;left:8%;transform:rotate(-3deg);color:#342414}.plaque-wood strong{font-family:serif;font-size:34px;font-style:italic;margin:5px}.plaque-wood small{font-size:8px}.intro{text-align:center;padding:94px 20px 70px}.intro p{color:var(--terracotta);text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:800}.intro h2,.section-head h2,.fundraising h2,.process h2,.modal h2,.drawer h2{font-family:"Libre Franklin";font-size:clamp(34px,4vw,58px);line-height:1.05;letter-spacing:-.045em;margin:10px 0}.shop-section{padding:20px clamp(22px,5vw,76px) 110px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}.filters{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.filters button{border:1px solid var(--line);background:transparent;padding:9px 13px;font-size:12px;font-weight:700;text-transform:capitalize}.filters button.active{background:var(--ink);color:white;border-color:var(--ink)}.product-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:24px}.product-grid>.product-card{flex:0 0 calc((100% - 48px)/3)}.product-card{border:1px solid var(--line);background:#fff;transition:.25s transform}.product-card:hover{transform:translateY(-5px)}.product-visual{height:290px;display:grid;place-items:center;position:relative;overflow:hidden}.brick-slip-product-image{display:block;width:min(92%,430px);height:auto;filter:drop-shadow(0 12px 18px rgba(0,0,0,.18));position:relative;z-index:1}.product-badge{position:absolute;top:14px;left:14px;background:var(--paper);font-size:10px;font-weight:800;text-transform:uppercase;padding:7px 9px;letter-spacing:.08em}.engraving-preview{width:69%;min-height:95px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 14px 30px rgba(0,0,0,.18);padding:18px}.engraving-preview strong{font-family:serif;font-size:18px;margin:5px}.engraving-preview span,.engraving-preview small{font-size:8px;letter-spacing:.12em}.visual-brick{background:#e2d5c8}.visual-brick .engraving-preview{background:#aa5739;color:#f4d9b8;border:2px solid #87452f;aspect-ratio:215/65;min-height:0;padding:10px}.visual-brick .engraving-preview strong,.visual-brick .engraving-preview small{font-family:Arial,Helvetica,sans-serif;font-weight:800;letter-spacing:.04em;font-size:clamp(11px,1.35vw,16px);line-height:1.1;margin:2px 0}.visual-slate{background:#d9ddd9}.visual-slate .engraving-preview{background:#303836;color:#f1eee7;border:7px solid #3b4542}.visual-granite{background:#dddcd7}.visual-granite .engraving-preview{background:linear-gradient(135deg,#777,#a5a39d 48%,#686966);color:#fff}.visual-wood{background:#e4dac9}.visual-wood .engraving-preview{background:repeating-linear-gradient(5deg,#bb8751,#bb8751 5px,#c5915b 6px,#c5915b 10px);color:#382513}.visual-ceramic{background:#dce8e5}.visual-ceramic .engraving-preview{background:#f5f3e9;color:#275041;border:4px solid #88a6a0}.product-info{padding:22px}.product-category{color:var(--terracotta);font-size:10px!important;text-transform:uppercase;letter-spacing:.14em;font-weight:800}.product-info h3{font-family:"Libre Franklin";font-size:20px;margin:6px 0 9px}.product-info p{font-size:14px;line-height:1.55;color:#59625d}.product-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:17px;margin-top:18px}.product-footer span{font-weight:800;font-size:13px}.product-footer button{border:0;background:none;color:var(--terracotta);font-weight:800}.fundraising{display:grid;grid-template-columns:1fr 1fr;background:var(--deep);color:white}.fundraising-copy{padding:clamp(55px,7vw,105px)}.eyebrow.light{color:#d8b15e}.fundraising-copy>p:not(.eyebrow){line-height:1.75;color:#d5ded8}.fundraising ul{padding:0;list-style:none;margin:28px 0}.fundraising li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.13)}.fundraising li:before{content:"◆";color:var(--gold);font-size:9px;margin-right:12px}.supporter-wall{padding:70px 8%;display:grid;grid-template-columns:repeat(3,1fr);align-content:center;gap:8px;background:#193b2a}.supporter-wall div{background:#a9583b;color:#f9ddbe;min-height:74px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:2px solid #82412e}.supporter-wall strong{font-family:serif;font-size:12px}.supporter-wall span{font-size:7px;margin-top:6px;letter-spacing:.1em}.process{padding:100px clamp(22px,7vw,110px)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:55px}.steps div{border-top:3px solid var(--terracotta);padding-top:22px}.steps b{font-family:"Libre Franklin";font-size:32px;color:var(--sage)}.steps h3{font-size:19px;margin:16px 0 8px}.steps p{line-height:1.6;color:#5e6862}footer{background:#111b16;color:white;padding:54px clamp(22px,5vw,76px);display:grid;grid-template-columns:1.3fr 1.4fr 1fr;gap:30px;align-items:center}.footer-brand .brand-mark{border-color:white}.footer-brand{color:white}footer p{color:#adb9b1;font-size:13px}footer>div:nth-of-type(2){display:flex;flex-direction:column;gap:7px;font-size:13px}footer>small{grid-column:1/-1;border-top:1px solid #334038;padding-top:22px;color:#7e8b83}.modal-backdrop,.drawer-backdrop{position:fixed;inset:0;background:rgba(13,25,18,.68);z-index:50;display:grid;place-items:center;padding:18px}.modal{background:var(--paper);width:min(620px,100%);padding:40px;position:relative;max-height:92vh;overflow:auto}.close{border:0;background:none;font-size:32px;position:absolute;right:20px;top:14px}.modal h2,.drawer h2{font-size:34px}.live-brick-wrap{margin:22px 0 28px;text-align:center}.live-brick{width:100%;aspect-ratio:215/65;min-height:112px;background-color:var(--preview-colour,#b97052);background-image:linear-gradient(115deg,rgba(255,255,255,.14),transparent 42%),linear-gradient(0deg,rgba(0,0,0,.16),transparent 22%,rgba(255,255,255,.1));background-size:cover,cover;background-position:center;background-blend-mode:soft-light,normal;border:3px solid rgba(73,36,25,.75);box-shadow:inset 0 0 0 2px rgba(255,255,255,.09),inset 0 -8px 13px rgba(0,0,0,.14),0 14px 25px rgba(55,30,20,.22);display:grid;place-items:center;padding:17px 24px;color:#f3d29a;font-family:"Libre Franklin",sans-serif;font-weight:800;font-size:clamp(16px,3.4vw,26px);letter-spacing:.045em;text-transform:none;white-space:pre-line;overflow-wrap:anywhere;line-height:1.18}.live-brick{position:relative;isolation:isolate}.live-brick:before{content:"";position:absolute;z-index:0;inset:0;background-image:var(--brick-preview-texture);background-size:cover;background-position:center;filter:grayscale(1) contrast(.78);mix-blend-mode:multiply;opacity:.34;pointer-events:none}.live-brick>*{position:relative;z-index:1}.live-brick-layout{width:100%;display:flex;align-items:center;justify-content:center;gap:10px}.live-brick-layout.logo-right{flex-direction:row-reverse}.live-brick-layout.logo-left{flex-direction:row}.brick-symbol{width:94px;height:94px;flex:0 0 94px;display:grid;place-items:center;font-family:Arial,sans-serif;font-size:74px;line-height:1;color:var(--letter-colour,currentColor);-webkit-text-stroke:.8px rgba(0,0,0,.48);text-shadow:0 1px 1px rgba(0,0,0,.5);filter:grayscale(1) contrast(1.3)}.brick-logo{width:68px;height:68px;object-fit:contain;flex:0 0 68px;border-radius:3px}.live-brick-copy{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:62px;line-height:1.05;min-width:0;max-width:100%;transition:font-size .2s ease}.live-brick-copy span{display:block;max-width:100%;white-space:nowrap}.form-row.single-field{grid-template-columns:1fr}.config-group{border-top:1px solid var(--line);margin-top:20px;padding-top:16px;text-align:left}.config-group>p,.config-group>label{font-size:12px;font-weight:800;margin:0 0 11px}.choice-row{display:flex;flex-wrap:wrap;gap:8px}.colour-choice{border:1px solid #c9cbc6;background:#fff;padding:7px 9px;display:flex;align-items:center;gap:6px;font-size:10px}.colour-choice i{width:21px;height:21px;border-radius:50%;border:1px solid rgba(0,0,0,.22);display:grid;place-items:center;font-style:normal;font-weight:800}.colour-choice.selected{border:2px solid var(--forest);padding:6px 8px;box-shadow:0 0 0 2px rgba(63,127,171,.12)}.custom-choice i{background:linear-gradient(135deg,#e5005b,#1685c5,#d4af37);color:white}.custom-colour{display:grid;grid-template-columns:auto 50px 1fr;align-items:center;gap:10px;margin-top:12px!important}.custom-colour input[type=color]{height:38px;padding:2px;margin:0}.custom-colour input:last-child{margin:0}.config-group select{display:block;width:100%;padding:11px;border:1px solid #bbbdb7;background:#fff;margin-top:7px}.symbol-picker{display:flex;flex-wrap:wrap;gap:8px}.symbol-choice{width:42px;height:42px;border:1px solid #c9cbc6;background:#fff;font-size:25px;line-height:1;display:grid;place-items:center;filter:grayscale(1)}.symbol-choice:hover,.symbol-choice.selected{border:2px solid var(--forest);background:#edf3f7;box-shadow:0 0 0 2px rgba(63,127,171,.12)}.symbol-choice.selected{color:var(--forest)}.logo-upload{display:inline-flex!important;background:var(--forest);color:#fff;padding:11px 15px;cursor:pointer;margin:0!important}.logo-upload input{position:absolute;left:-10000px}.logo-options{margin-top:12px;background:#f6f6f4;padding:12px}.logo-options>span{display:block;font-size:11px;margin-bottom:9px;overflow-wrap:anywhere}.logo-options div{display:flex;gap:6px;flex-wrap:wrap}.logo-options button{border:1px solid #c9cbc6;background:#fff;padding:7px 9px;font-size:10px}.logo-options button.selected{background:var(--forest);color:#fff;border-color:var(--forest)}.logo-config>small{display:block;margin-top:10px!important}.mini-brick .brick-logo,.mini-brick .brick-symbol{width:42px;height:42px;flex-basis:42px;font-size:30px}.mini-brick .live-brick-copy{font-size:17px}.live-brick.is-blank:after{content:"";width:78%;height:1px;background:rgba(255,255,255,.06)}.brick-line-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:left;margin-top:18px}.brick-line-fields label{position:relative}.brick-line-fields em{position:absolute;right:0;font-style:normal;font-weight:600;color:#727b75}.character-note{font-size:11px;color:#69736c;margin:8px 0 0}.brick-price{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-top:1px solid var(--line);margin-top:18px;padding-top:16px;text-align:left}.brick-price strong{font-size:18px;color:var(--forest);white-space:nowrap}.brick-price span{font-size:11px;line-height:1.5;color:#69736c;max-width:320px}.live-brick-wrap small{display:block;margin-top:9px;color:#69736c;font-size:11px}.modal label,.drawer label{display:block;font-size:12px;font-weight:800;margin:18px 0 6px}input,textarea{width:100%;border:1px solid #bbbdb7;background:white;padding:12px;margin-top:7px;border-radius:0}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.full{width:100%;margin-top:22px}.drawer-backdrop{justify-items:end;padding:0}.drawer{height:100%;width:min(560px,100%);background:var(--paper);padding:34px;overflow:auto}.drawer-head{display:flex;justify-content:space-between;position:relative}.drawer-head .close{position:static}.basket-item{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:18px 0}.basket-item div{display:flex;flex-direction:column;gap:5px}.basket-item span,.basket-item small{color:#68726b;font-size:12px}.basket-item button{border:0;background:none;color:#a14537;font-size:12px}.drawer form{border-top:2px solid var(--ink);padding-top:18px}.demo-banner{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff1c9;border:1px solid #e2c777;padding:11px 13px;margin-bottom:22px;color:#5c4912}.demo-banner strong{font-size:11px;letter-spacing:.12em}.demo-banner span{font-size:11px}.checkout-preview{background:#eeeae4;padding:18px;margin-top:24px}.checkout-label{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px}.mini-brick{background:linear-gradient(145deg,#b85f40,#97442f);border:2px solid #793522;min-height:82px;color:#f3d29a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;text-transform:none;font-family:"Libre Franklin",sans-serif;font-weight:800;letter-spacing:.04em;padding:12px;text-shadow:0 1px 1px #5c281e}.order-totals{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:22px;padding:10px 0}.order-totals>div{display:flex;justify-content:space-between;gap:20px;padding:7px 0;font-size:13px}.order-totals .order-total{border-top:1px solid var(--line);margin-top:5px;padding-top:14px;font-size:17px}.test-payment{border:1px solid var(--line);background:white;padding:16px;margin-top:20px}.test-payment div{display:flex;justify-content:space-between;gap:15px}.test-payment span,.test-payment small{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#737c76}.test-payment b{font-family:monospace;font-size:14px}.test-payment small{display:block;margin-top:10px}.stripe-demo-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.stripe-demo-head strong{font-size:14px}.stripe-demo-head span{font-size:9px;font-weight:800;letter-spacing:.12em;background:#f6f9df;border:1px solid var(--gold);padding:5px 7px}.wallet-button{width:100%;height:46px;border:0;border-radius:5px;margin-top:10px;font-size:17px;font-weight:600;display:flex;align-items:center;justify-content:center}.apple-pay{background:#000;color:#fff;font-size:20px}.google-pay{background:#fff;color:#202124;border:1px solid #dadce0}.google-pay b{font-family:Arial,sans-serif;font-size:20px}.payment-divider{display:flex!important;align-items:center;gap:12px!important;margin:18px 0 12px;color:#727b75}.payment-divider:before,.payment-divider:after{content:"";height:1px;background:#ddd;flex:1}.payment-divider span{font-size:10px!important;text-transform:none!important;letter-spacing:0!important;white-space:nowrap}.card-payment-title{font-size:12px}.stripe-demo label{font-size:11px;margin:10px 0 0}.stripe-demo input{font-family:inherit;background:#fff;border:1px solid #c9cbc6;border-radius:4px;padding:11px 12px}.receipt-modal{text-align:center}.receipt-tick{width:54px;height:54px;border-radius:50%;background:var(--forest);color:white;display:grid;place-items:center;margin:18px auto;font-size:27px}.receipt-reference{color:#69736c;font-size:12px}.receipt-brick{margin:22px 0}.receipt-details{text-align:left;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0}.receipt-details p{display:grid;grid-template-columns:100px 1fr;gap:14px;font-size:12px}.receipt-details span{color:#59625d;overflow-wrap:anywhere}.form-note{font-size:11px;color:#68726b;text-align:center}.error{color:#a22;font-size:13px}.honeypot{position:absolute!important;left:-10000px!important}.empty{padding:70px 0;text-align:center}.success-toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:18px 25px;z-index:100;display:flex;flex-direction:column;gap:4px;text-align:center}.success-toast span{font-size:12px;color:#cad5ce}[x-cloak]{display:none!important}

/* Fundraising Engraving UK brand styling */
body{font-family:"Century Gothic",Futura,Arial,Helvetica,sans-serif;background:#fff}.site-header{height:94px;max-width:1160px;margin:18px auto 0;border:2px solid var(--gold);border-radius:12px;padding:8px 22px;background:rgba(255,255,255,.97)}.brand{letter-spacing:.04em}.brand-logo{width:78px;height:78px;object-fit:contain}.shop-label{font-size:11px;font-weight:700;letter-spacing:.15em;border-left:1px solid #bbb;padding-left:14px}.site-header nav{gap:27px;font-size:13px;font-weight:500}.site-header nav a:hover{color:var(--forest)}.basket-button{background:var(--terracotta);border-radius:4px}.basket-button span{background:var(--gold)}.hero{max-width:1340px;margin:0 auto;min-height:650px}.hero-copy{padding-top:72px}.hero-tagline{display:block;width:min(390px,92%);height:auto;margin:0 0 28px}.hero h1{font-family:"Century Gothic",Futura,Arial,Helvetica,sans-serif;font-weight:400;letter-spacing:-.055em}.hero h1 em{display:block;color:var(--forest);font-weight:600;text-align:center}.primary{background:var(--terracotta)}.primary:hover{background:#bf004a}.text-link{color:var(--forest)}.hero-photo{background:#fafafa;border-left:1px solid #eee}.trust-row span:before{color:var(--terracotta)}.intro{border-top:1px solid #eee}.intro p,.eyebrow,.product-category{color:var(--forest)}.intro h2,.section-head h2,.fundraising h2,.process h2,.modal h2,.drawer h2,.product-info h3{font-family:"Century Gothic",Futura,Arial,Helvetica,sans-serif;font-weight:500;letter-spacing:-.025em}.filters button.active{background:var(--forest);border-color:var(--forest)}.product-card{border-radius:4px;overflow:hidden}.product-footer button{color:var(--terracotta)}.fundraising{background:var(--deep)}.fundraising-copy .eyebrow{color:var(--gold)}.supporter-wall{background:#303030}.supporter-wall div{background:#fff;color:#222;border-color:var(--gold)}.supporter-wall span{color:#666}.steps div{border-color:var(--gold)}footer{background:#f8f8f8;color:#222;border-top:2px solid var(--gold)}.footer-brand{color:#222}.footer-brand .brand-logo{width:150px;height:auto;max-width:100%;aspect-ratio:1;object-fit:contain}
footer.shop-footer{grid-template-columns:150px minmax(0,1fr) minmax(280px,1fr);gap:36px;align-items:center}
.shop-footer .footer-about{margin:0;padding:0;min-width:0;text-align:center;font-size:14px;line-height:1.5}
@media(max-width:900px){footer.shop-footer{grid-template-columns:1fr}.shop-footer .footer-brand{justify-content:center}.shop-footer .footer-about{max-width:620px;margin:0 auto}}footer p{color:#555}footer>small{color:#666;border-top-color:#ddd}.demo-banner{background:#f6f9df;border-color:var(--gold);color:#3f480b}.receipt-tick{background:var(--forest)}

@media(max-width:900px){.site-header nav{display:none}.hero{grid-template-columns:1fr}.hero-art{min-height:480px}.product-grid>.product-card{flex:0 0 calc((100% - 24px)/2)}.fundraising{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column;gap:25px}footer{grid-template-columns:1fr 1fr}.trust-row{flex-wrap:wrap}}@media(max-width:600px){.product-grid>.product-card{flex:0 0 100%}.site-header{height:72px;margin:0;border-radius:0;border-width:0 0 2px;padding:5px 14px}.brand-logo{width:58px;height:58px}.shop-label{font-size:9px}.brand strong{font-size:11px}.basket-button{font-size:0}.basket-button:before{content:"Basket";font-size:12px}.basket-button span{font-size:12px}.hero-copy{padding:62px 22px}.hero h1{font-size:49px}.hero-actions{align-items:flex-start;flex-direction:column}.trust-row{margin-top:42px;gap:12px;flex-direction:column}.hero-art{min-height:390px}.product-grid{grid-template-columns:1fr}.product-visual{height:250px}.supporter-wall{grid-template-columns:repeat(2,1fr);padding:45px 20px}.steps{grid-template-columns:1fr}.form-row,.brick-line-fields{grid-template-columns:1fr}.modal,.drawer{padding:28px 20px}footer{grid-template-columns:1fr}}

/* Fundraising project showcase */
.fundraising-projects{min-height:100%;padding:clamp(22px,4vw,58px);background:#303030;display:grid;place-items:center;overflow:hidden;position:relative}.fundraising-projects img{display:block;width:100%;height:auto;max-height:590px;aspect-ratio:4/5;object-fit:cover;object-position:center;box-shadow:0 18px 45px rgba(0,0,0,.28)}.project-caption{position:absolute;right:10px;bottom:22px;margin:0;color:rgba(255,255,255,.82);font-size:10px;letter-spacing:.14em;text-transform:uppercase;writing-mode:vertical-rl;transform:rotate(180deg);text-shadow:0 1px 8px rgba(0,0,0,.75)}@media(max-width:900px){.fundraising-projects{min-height:480px;padding:28px}.fundraising-projects img{max-height:520px}}@media(max-width:600px){.fundraising-projects{min-height:350px;padding:18px}.fundraising-projects img{max-height:410px}.project-caption{right:5px;bottom:14px;font-size:8px}}

/* More realistic clay finish for live engraving previews */
.live-brick{position:relative;isolation:isolate}.live-brick:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.35;background-image:radial-gradient(circle at 13% 28%,rgba(255,255,255,.35) 0 1px,transparent 1.7px),radial-gradient(circle at 76% 63%,rgba(0,0,0,.35) 0 1px,transparent 1.8px),radial-gradient(circle at 41% 78%,rgba(255,255,255,.2) 0 1px,transparent 1.5px),repeating-linear-gradient(6deg,rgba(255,255,255,.035) 0 1px,rgba(0,0,0,.025) 1px 3px)}.live-brick-layout{position:relative;z-index:1}.live-brick-layout.logo-left{justify-content:flex-start;gap:10px}.live-brick-layout.logo-left .brick-logo{width:42px;height:42px;flex-basis:42px}.live-brick-layout.logo-left .live-brick-copy{flex:1;padding-right:4px}.live-brick-copy span{position:relative;z-index:1;color:var(--letter-colour,currentColor);background:none;-webkit-text-fill-color:var(--letter-colour,currentColor);-webkit-text-stroke:.3px rgba(0,0,0,.58);text-shadow:none;filter:none;mix-blend-mode:normal}.live-brick-copy span:before,.live-brick-copy span:after{content:attr(data-text);position:absolute;inset:0;pointer-events:none;white-space:nowrap}.live-brick-copy span:before{z-index:-1;color:var(--letter-colour,currentColor);-webkit-text-fill-color:var(--letter-colour,currentColor);-webkit-text-stroke:1px rgba(0,0,0,.68);transform:translateY(1.6px);filter:brightness(.44) saturate(.72);opacity:.96}.live-brick-copy span:after{z-index:-1;color:var(--letter-colour,currentColor);-webkit-text-fill-color:var(--letter-colour,currentColor);-webkit-text-stroke:.35px rgba(255,255,255,.28);transform:translateY(-.7px);filter:brightness(1.13);opacity:.34}.logo-position-note{font-size:10px;color:#68726b;align-self:center}
/* Individual clay brick colour listings */
.brick-colour-card{background:#eeeae5;text-decoration:none;color:inherit;cursor:pointer;position:relative;display:grid;place-items:center;padding:35px 22px}
.colour-card-brick{width:100%;min-height:0;aspect-ratio:215/65;height:auto;background-color:var(--preview-colour);border-color:rgba(30,30,30,.35);padding:0}
.colour-preview-label{position:absolute;bottom:18px;font-size:12px;color:#656a65}
.product-footer .personalise-link{font-weight:800;color:var(--terracotta);text-decoration:none;font-size:14px}
.product-footer .personalise-link:hover{text-decoration:underline}
.brick-colour-card:focus-visible,.personalise-link:focus-visible{outline:3px solid var(--forest);outline-offset:3px}
.selected-brick-colour{text-align:left;background:#efeee8;border:1px solid var(--line);padding:12px;font-size:14px}
.section-head>div>p:not(.eyebrow){font-size:15px;line-height:1.5;color:#59625d}
/* Real white clay brick slip photo, displayed with its transparent margins cropped by CSS. */
.white-photo-preview{background:transparent url('/white-brick-slip.png') center 54% / 109.6% 168.8% no-repeat!important;background-blend-mode:normal!important;border:0!important;box-shadow:none!important;filter:drop-shadow(0 5px 5px #00000012)}
.white-photo-preview:before,.white-photo-preview:after{display:none!important}
.white-photo-preview .live-brick-layout{width:100%;padding:0 4%;}
.colour-card-brick.white-photo-preview{aspect-ratio:215/65}
.personalise-modal .white-photo-preview{container-type:inline-size;padding:12px 18px}.white-photo-preview .live-brick-layout{min-width:0;max-width:100%;padding:0}.white-photo-preview .live-brick-copy{min-width:0;max-width:100%}
.colour-card-brick.red-photo-preview{background:transparent url('/red-brick-slip.png') center / contain no-repeat!important;aspect-ratio:2192/717;border:0!important;box-shadow:none!important;padding:0;filter:drop-shadow(0 5px 5px #00000012)}.red-photo-preview:before,.red-photo-preview:after{display:none!important}
.colour-card-brick.white-photo-preview{background:transparent url('/white-brick-slip-straight.png') center / contain no-repeat!important;aspect-ratio:2135/737}
.colour-card-brick.charcoal-photo-preview{background:transparent url('/charcoal-brick-slip.png') center / contain no-repeat!important;aspect-ratio:3/1;border:0!important;box-shadow:none!important;padding:0;filter:drop-shadow(0 5px 5px #00000012)}.charcoal-photo-preview:before,.charcoal-photo-preview:after{display:none!important}
.colour-card-brick.orange-photo-preview{background:transparent url('/orange-brick-slip.png') center / contain no-repeat!important;aspect-ratio:3/1;border:0!important;box-shadow:none!important;padding:0;filter:drop-shadow(0 5px 5px #00000012)}.orange-photo-preview:before,.orange-photo-preview:after{display:none!important}
.colour-card-brick.grey-photo-preview{background:transparent url('/grey-brick-slip.png') center / contain no-repeat!important;border:0!important;box-shadow:none!important;padding:0;filter:drop-shadow(0 5px 5px #00000012)}.grey-photo-preview:before,.grey-photo-preview:after{display:none!important}
/* Correct 215:65 brick slip frames; preserve photo proportions without stretching. */
.colour-card-brick{aspect-ratio:215/65!important;width:100%;height:auto!important;min-height:0}
.colour-card-brick.red-photo-preview,.colour-card-brick.orange-photo-preview,.colour-card-brick.charcoal-photo-preview,.colour-card-brick.white-photo-preview,.colour-card-brick.grey-photo-preview{background-size:contain!important;background-position:center!important}
/* Orange source face is about 2016 × 480 inside a 2172 × 724 canvas.
   Normalize the visible clay face to 215:65 with a 3% margin. */
.colour-card-brick.orange-photo-preview{background-size:104.5% 146.3%!important;background-position:center!important}
/* Match the remaining photographed clay faces to the approved orange size. */
.colour-card-brick.red-photo-preview{background-size:102.17% 119.50%!important;background-position:51.07% 49.57%!important}
.colour-card-brick.charcoal-photo-preview{background-size:101.21% 130.72%!important;background-position:56.00% 50.57%!important}
.colour-card-brick.white-photo-preview{background-size:104.22% 130.69%!important;background-position:50.00% 50.58%!important}
.colour-card-brick.grey-photo-preview{background-size:102.87% 121.71%!important;background-position:53.30% 55.81%!important}
/* Keep every shop destination visible and easy to tap on phones and tablets. */
@media(max-width:900px){
  .shop-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;height:auto;padding:12px 18px}
  .shop-header .brand{grid-column:1;grid-row:1;min-width:0}
  .shop-header .basket-button{grid-column:2;grid-row:1}
  .shop-header .shop-main-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-column:1/-1;grid-row:2;gap:8px;width:100%;padding-top:10px;border-top:1px solid var(--line)}
  .shop-main-nav a{display:flex;align-items:center;justify-content:center;min-height:52px;padding:10px 8px;text-align:center;font-size:12px;font-weight:700;line-height:1.35;background:#f5f6ee;border:1px solid #dce3bf;border-radius:4px;overflow-wrap:break-word}
  .shop-main-nav a:hover{background:#edf2db}
  .shop-main-nav a:focus-visible{outline:3px solid var(--forest);outline-offset:2px}
}
@media(max-width:600px){
  .shop-header{width:100%;margin:0;padding:8px 12px 12px}
  .shop-header .brand{gap:8px}
  .shop-header .shop-label{padding-left:10px;letter-spacing:.09em}
  .shop-header .basket-button{padding:10px 12px}
  .shop-header .shop-main-nav{gap:6px}
  .shop-main-nav a{padding:9px 5px;font-size:11px;min-height:56px}
}
/* Keep the symbol on the left and centre larger lettering in the remaining area. */
.personalise-modal .live-brick{container-type:inline-size;min-height:0;padding:4%;white-space:normal}
.personalise-modal .live-brick-layout{width:100%;justify-content:flex-start;gap:6cqw;min-width:0;max-width:100%}
.personalise-modal .live-brick-layout .brick-symbol{width:18cqw;height:18cqw;flex:0 0 18cqw;font-size:17cqw;line-height:1}
.personalise-modal .live-brick-layout .live-brick-copy{flex:1 1 0;min-height:0;min-width:0;max-width:100%;padding:0;gap:1cqw;line-height:1.1}
.personalise-modal .live-brick-copy{letter-spacing:0}
.personalise-modal .live-brick-copy span{line-height:1.1}
.personalise-modal .live-brick-copy span:empty{display:none}
/* Independent, single-colour engraved symbol artwork. */
.brick-symbol{color:var(--symbol-colour,var(--letter-colour,currentColor));filter:none;-webkit-text-fill-color:var(--symbol-colour,var(--letter-colour,currentColor))}.brick-symbol svg{display:block;width:100%;height:100%;filter:drop-shadow(0 1px 1px rgba(0,0,0,.45))}
.live-brick-layout.logo-left .brick-symbol{transform:translateX(12%)}
.live-brick-layout.logo-right .brick-symbol{transform:translateX(-12%)}
/* Comfortable touch controls and fitted checkout lettering. */
.colour-choice{min-height:44px;font-size:12px}
.symbol-choice{width:44px;height:44px}
.symbol-choice svg{display:block;width:100%;height:100%}
.mini-brick{container-type:inline-size}
.mini-brick .live-brick-copy{min-width:0;flex:1;font-size:5.2cqw}
input,textarea,select{font-size:16px}
@media(max-width:600px){.custom-colour{grid-template-columns:1fr 60px!important}.custom-colour input:last-child:not([type=color]){grid-column:1/-1}.drawer{width:100%}.close{min-width:44px;min-height:44px}}
/* Keep the brick in view while its wording and options scroll. */
.personalise-modal{max-height:92dvh;overscroll-behavior:contain}
.sticky-brick-preview{position:sticky;top:0;z-index:12;background:var(--paper);padding:8px 0 12px;border-bottom:1px solid var(--line)}
.sticky-brick-preview .live-brick{box-shadow:inset 0 1px 0 #fff3,0 5px 12px #0002}
.personalise-modal input,.personalise-modal select,.personalise-modal textarea{scroll-margin-top:clamp(130px,23vw,220px)}
@media(max-width:600px){.modal-backdrop{padding:8px}.personalise-modal{max-height:94dvh}.sticky-brick-preview{padding:6px 0 9px}.sticky-brick-preview small{font-size:10px}}
.whatsapp-contact{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 16px;border:1px solid #176b3a;border-radius:4px;background:#176b3a;color:#fff;font-size:14px;font-weight:700;line-height:1.35;text-align:center}
.whatsapp-contact:hover{background:#10512b}
.whatsapp-contact:focus-visible{outline:3px solid #3f7fab;outline-offset:3px}
.whatsapp-contact svg{flex:none}
.whatsapp-help{margin-top:18px;font-size:14px;line-height:1.6}
.whatsapp-help .whatsapp-contact{margin-top:8px}
footer .whatsapp-contact{margin-top:10px;width:fit-content}
@media(max-width:600px){.whatsapp-help .whatsapp-contact{display:flex;width:100%}}
.whatsapp-logo-help{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;margin:12px 0;color:#666;font-size:13px}
.whatsapp-logo-help .whatsapp-contact-subtle{padding:8px 10px;background:transparent;color:#176b3a;border:1px solid #d6e3d9;font-size:12px;min-height:44px}
.whatsapp-logo-help .whatsapp-contact-subtle:hover{background:#f0f7f2}
.whatsapp-logo-help .whatsapp-contact-subtle svg{width:17px;height:17px}
.hero-whatsapp-help{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;margin-top:12px;font-size:17px;color:#616761}
.hero-whatsapp-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:4px 2px;color:#176b3a;font-weight:600}
.hero-whatsapp-link svg{width:17px;height:17px;flex:none}
.hero-whatsapp-link:hover span{text-decoration:underline;text-underline-offset:3px}
.hero-whatsapp-link:focus-visible{outline:2px solid var(--forest);outline-offset:3px}
footer .footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0}
.footer-contact h3{font-size:17px;margin:0 0 3px}
.footer-contact .footer-email{display:flex;align-items:center;gap:9px;font-size:14px;min-height:44px;max-width:100%}
.footer-email svg{flex:0 0 21px}
.footer-email span{overflow-wrap:anywhere;min-width:0}
.footer-contact .footer-phone{font-size:14px;min-height:44px;display:flex;align-items:center}
.footer-contact .whatsapp-contact{margin:0;font-size:13px;padding:9px 12px;max-width:100%}
.footer-contact .footer-social{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;margin-top:4px}
@media(max-width:600px){footer .footer-contact{width:100%;gap:8px}.footer-contact .footer-email{font-size:13px}}

/* Arial engraving uses regular weight rather than heavy bold. */
.live-brick[style*="font-family:Arial"] .live-brick-copy,.mini-brick[style*="font-family:Arial"] .live-brick-copy{font-weight:400}
.live-brick[style*="font-family:Arial"] .live-brick-copy span,.mini-brick[style*="font-family:Arial"] .live-brick-copy span{-webkit-text-stroke:.1px rgba(0,0,0,.58)}
.live-brick[style*="font-family:Arial"] .live-brick-copy span:before,.mini-brick[style*="font-family:Arial"] .live-brick-copy span:before{-webkit-text-stroke:.45px rgba(0,0,0,.68)}
/* Trial the real red brick photo in the existing 215:65 personaliser frame. */
.personalise-modal .live-brick.red-photo-preview{background:transparent url('/red-brick-slip.png') 51.07% 49.57% / 102.17% 119.50% no-repeat!important;background-blend-mode:normal!important;border:3px solid transparent;box-shadow:none!important;filter:drop-shadow(0 5px 5px #00000012)}
/* Matching real clay photographs across all engraving and wall previews. */
[data-brick-photo="red"]{--clay-photo:url('/red-brick-slip.png');--clay-size:102.17% 119.50%;--clay-position:51.07% 49.57%}
[data-brick-photo="orange"]{--clay-photo:url('/orange-brick-slip.png');--clay-size:104.5% 146.3%;--clay-position:center}
[data-brick-photo="charcoal"]{--clay-photo:url('/charcoal-brick-slip.png');--clay-size:101.21% 130.72%;--clay-position:56% 50.57%}
[data-brick-photo="white"]{--clay-photo:url('/white-brick-slip-straight.png');--clay-size:104.22% 130.69%;--clay-position:50% 50.58%}
[data-brick-photo="grey"]{--clay-photo:url('/grey-brick-slip.png');--clay-size:102.87% 121.71%;--clay-position:53.30% 55.81%}
.live-brick[data-brick-photo],.mini-brick[data-brick-photo],[data-brick-photo] .wall-brick,.logo-proof-brick[data-brick-photo],.review-proof-brick[data-brick-photo]{background:transparent var(--clay-photo) var(--clay-position) / var(--clay-size) no-repeat!important;background-blend-mode:normal!important;border-color:transparent!important;box-shadow:none!important;aspect-ratio:215/65;filter:drop-shadow(0 3px 3px #00000012)}
.live-brick[data-brick-photo]:before,.live-brick[data-brick-photo]:after,[data-brick-photo] .wall-brick:before{display:none!important}
.mini-brick[data-brick-photo]{width:100%;min-height:0;padding:4%;gap:0}
[data-brick-photo] .wall-brick{aspect-ratio:215/65}

/* Free rounded engraving font, hosted with the shop. */
@font-face{font-family:Nunito;src:url('/fonts/Nunito.ttf') format('truetype');font-style:normal;font-weight:200 1000;font-display:swap}
.live-brick[style*="font-family:Nunito"] .live-brick-copy,.mini-brick[style*="font-family:Nunito"] .live-brick-copy{font-weight:400}
.live-brick[style*="font-family:Nunito"] .live-brick-copy span,.mini-brick[style*="font-family:Nunito"] .live-brick-copy span{-webkit-text-stroke:.1px rgba(0,0,0,.58)}
.live-brick[style*="font-family:Nunito"] .live-brick-copy span:before,.mini-brick[style*="font-family:Nunito"] .live-brick-copy span:before{-webkit-text-stroke:.45px rgba(0,0,0,.68)}
.brick-wall[style*="--font:Nunito"] .wall-brick,.logo-proof-brick[style*="font-family:Nunito"] .logo-proof-copy,.review-proof-brick[style*="font-family:Nunito"] .review-proof-copy{font-weight:400!important}
/* Archivo Black supplies its heavy lettering without synthetic bold. */
@font-face{font-family:"Archivo Black";src:url('/fonts/ArchivoBlack.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
.live-brick[style*="font-family:Archivo Black"] .live-brick-copy,.mini-brick[style*="font-family:Archivo Black"] .live-brick-copy,.brick-wall[style*="--font:Archivo Black"] .wall-brick,.logo-proof-brick[style*="font-family:Archivo Black"] .logo-proof-copy,.review-proof-brick[style*="font-family:Archivo Black"] .review-proof-copy{font-weight:400!important}
/* Warm, rounded homepage headline and supporting message. */
.hero.hero-text-only{grid-template-columns:1fr;min-height:0;max-width:760px}
.hero-text-only .hero-copy{padding:28px 22px 20px;text-align:center}
.hero-text-only .hero-text{margin-left:auto;margin-right:auto}
.hero-text-only .hero-actions,.hero-text-only .hero-whatsapp-help,.hero-text-only .trust-row{justify-content:center;align-items:center}
.hero-copy{container-type:inline-size}
.hero h1.meaning-headline{font-family:"Caveat",cursive;font-weight:600;font-size:6.6cqw;line-height:1.2;letter-spacing:0;text-align:center;color:#000;white-space:nowrap}
.hero h1.meaning-headline span,.hero h1.meaning-headline em{display:block;white-space:nowrap}
.hero h1.meaning-headline em{font-family:inherit;font-weight:700;letter-spacing:0}
.hero .meaning-tagline{font-family:Nunito,sans-serif;font-size:clamp(19px,1.7vw,24px);font-weight:600;line-height:1.4;color:var(--forest);margin:22px auto 14px;max-width:540px;text-align:center}
.hero .meaning-tagline+.hero-text{margin-top:0}
@font-face{font-family:"Alata";src:url('/fonts/Alata.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
.live-brick[style*="font-family:Alata"] .live-brick-copy,.mini-brick[style*="font-family:Alata"] .live-brick-copy,.brick-wall[style*="--font:Alata"] .wall-brick,.logo-proof-brick[style*="font-family:Alata"] .logo-proof-copy,.review-proof-brick[style*="font-family:Alata"] .review-proof-copy{font-weight:400!important}
@font-face{font-family:"Berkshire Swash";src:url('/fonts/BerkshireSwash.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
.live-brick[style*="font-family:Berkshire Swash"] .live-brick-copy,.mini-brick[style*="font-family:Berkshire Swash"] .live-brick-copy,.brick-wall[style*="--font:Berkshire Swash"] .wall-brick,.logo-proof-brick[style*="font-family:Berkshire Swash"] .logo-proof-copy,.review-proof-brick[style*="font-family:Berkshire Swash"] .review-proof-copy{font-weight:400!important}
@font-face{font-family:Delius;src:url('/fonts/Delius.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
.live-brick[style*="font-family:Delius"] .live-brick-copy,.mini-brick[style*="font-family:Delius"] .live-brick-copy,.brick-wall[style*="--font:Delius"] .wall-brick,.logo-proof-brick[style*="font-family:Delius"] .logo-proof-copy,.review-proof-brick[style*="font-family:Delius"] .review-proof-copy{font-weight:400!important}
/* Original flat hero logo restored. */

.top-story-line{color:var(--forest);text-align:center;font-size:clamp(20px,2.4vw,30px);font-weight:800;line-height:1.4;letter-spacing:.08em;margin:28px auto 0;padding:0 20px;max-width:1160px}
.header-trust-row span:before{content:"•";color:var(--terracotta);margin-right:8px}
.trust-row.header-trust-row{font-size:clamp(16px,1.6vw,20px);line-height:1.5;justify-content:center;align-items:center;flex-direction:row;flex-wrap:wrap;gap:10px 28px;margin:24px auto 0;padding:0 20px;max-width:1160px;text-align:center}
.colour-card-brick{container-type:inline-size}
.colour-card-brick .display-engraving{font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:8cqw;line-height:1.1;letter-spacing:0;min-height:0;gap:1.4cqw;text-align:center}
.colour-card-brick .display-engraving span:before,.colour-card-brick .display-engraving span:after{display:none}
.colour-card-brick .display-engraving span{-webkit-text-stroke:0;text-shadow:0 -1px 1px rgba(0,0,0,.72),0 1px .5px rgba(255,255,255,.38),0 0 1px rgba(0,0,0,.25)}
@font-face{font-family:"Arial Bold";src:local("Arial Bold"),local("Arial-BoldMT");font-weight:700;font-style:normal;font-display:swap}
.live-brick[style*="Arial Bold"] .live-brick-copy,.mini-brick[style*="Arial Bold"] .live-brick-copy,.logo-proof-brick[style*="Arial Bold"] .logo-proof-copy,.review-proof-brick[style*="Arial Bold"] .review-proof-copy{font-weight:700!important}
/* Porcelain tile range. */
.tile-shop-section{padding-top:0}
.tile-colour-card{background:#f5f5f5;padding:36px 24px 24px}
.tile-display{position:relative;container-type:inline-size;width:min(76%,220px);aspect-ratio:1;box-shadow:0 8px 16px #0002}
.tile-display-engraving{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2cqw;font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:10cqw;line-height:1.1;letter-spacing:0;text-align:center;color:var(--letter-colour);text-shadow:0 -1px 1px rgba(0,0,0,.72),0 1px .5px rgba(255,255,255,.38),0 0 1px rgba(0,0,0,.25)}
.tile-display-engraving span{white-space:nowrap}
.tile-display img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.tile-size-display-pair{display:flex;flex-direction:column;align-items:center;gap:14px;width:min(78%,210px)}
.tile-size-display-pair .tile-display{width:100%}
.tile-size-display-pair .tile-display-large{aspect-ratio:1/1;height:auto;flex:none}
.tile-size-display-pair .tile-display-small{aspect-ratio:2/1;height:auto;flex:none;order:-1}
.tile-size-display-pair .tile-display-engraving{font-size:8cqw;gap:1.4cqw}
.tile-size-display-pair .tile-display-large .tile-display-engraving{font-size:11cqw;gap:2cqw}
.tile-colour-card:has(.tile-size-display-pair){height:auto;min-height:300px;padding:44px 24px 24px}
.tile-card-sizes{display:flex;flex-direction:column;gap:6px;font-size:14px;color:#555}
.tile-line-fields{grid-template-columns:1fr}
.personalise-modal .live-brick.unison-tile-preview,.mini-brick.unison-tile-preview{background-color:#e5e5e5;background-blend-mode:normal;border:1px solid #0003;box-shadow:inset 0 1px 1px #fff5,0 7px 14px #0002;container-type:inline-size;min-height:0;padding:4%}
.unison-tile-preview:before,.unison-tile-preview:after{display:none!important}
.personalise-modal .unison-tile-preview .live-brick-layout{justify-content:center;gap:0}
.unison-tile-preview .live-brick-copy{width:100%;min-height:0;line-height:1.1;gap:1cqw;text-align:center}
.unison-tile-preview .live-brick-copy span:before,.unison-tile-preview .live-brick-copy span:after{display:none}
.unison-tile-preview .live-brick-copy span{-webkit-text-stroke:0;text-shadow:0 -1px 1px #0009,0 1px .5px #fff6}
.mini-brick.unison-tile-preview .live-brick-copy{font-size:7cqw}
.basket-wording{white-space:pre-line}
.tile-size-picker{margin-bottom:16px}

/* Header spacing and responsive navigation. */
.shop-header{height:auto;min-height:86px;padding-top:12px;padding-bottom:12px;gap:20px}
.shop-header .brand{flex-shrink:0}
.shop-header .brand-logo{display:block;width:116px;height:auto;aspect-ratio:1;object-fit:contain;flex:none}
@media(max-width:900px){.shop-header{min-height:0;gap:10px 12px}.shop-header .shop-main-nav{grid-column:1/-1;grid-row:2;padding-top:10px;border-top:1px solid var(--line)}.shop-header .basket-button{grid-column:2;grid-row:1}}
@media(max-width:600px){.shop-header .brand-logo{width:100px;max-width:100%}.shop-header .brand{gap:0}}
/* Consistent header sizing across shop, fundraising and project pages. */
.site-header.shop-header{height:auto!important;min-height:140px!important;padding:12px 22px!important;gap:20px}
.site-header.shop-header .brand-logo{width:116px!important;height:auto!important;aspect-ratio:1;object-fit:contain;flex:none}
@media(max-width:900px){.site-header.shop-header{display:grid!important;grid-template-columns:minmax(0,1fr) auto;min-height:0!important;padding:12px 18px!important;gap:10px 12px!important}.site-header.shop-header .shop-main-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px!important;grid-column:1/-1;grid-row:2;padding-top:10px;border-top:1px solid var(--line)}}
@media(max-width:600px){.site-header.shop-header{padding:8px 12px 12px!important}.site-header.shop-header .brand-logo{width:100px!important}.site-header.shop-header .shop-main-nav{gap:6px!important}}
.site-header.shop-header .shop-main-nav a{font-size:18px;font-weight:600}
@media(max-width:900px){.site-header.shop-header .shop-main-nav a{font-size:16px}}
/* Symbols sit above wording on square porcelain tiles. */
.personalise-modal .unison-tile-preview .live-brick-layout{gap:3cqw}
.unison-tile-preview .live-brick-layout.tile-art-top{flex-direction:column;align-items:center;justify-content:center;gap:3cqw}
.personalise-modal .unison-tile-preview .live-brick-layout.tile-art-top .brick-symbol,.mini-brick.unison-tile-preview .live-brick-layout.tile-art-top .brick-symbol{width:20cqw;height:20cqw;flex:0 0 20cqw;transform:none}
.unison-tile-preview .live-brick-layout.tile-art-top .live-brick-copy{flex:0 1 auto;width:100%;padding:0}
/* Match basket and receipt engraving proportions to the design preview. */
.mini-brick{min-height:0;padding:12px 18px}
.mini-brick .live-brick-layout{width:100%;gap:6cqw;min-width:0;max-width:100%}
.mini-brick .live-brick-layout .brick-symbol{width:18cqw;height:18cqw;flex:0 0 18cqw;font-size:17cqw;line-height:1}
.mini-brick .live-brick-layout .live-brick-copy{flex:1 1 0;min-height:0;min-width:0;max-width:100%;padding:0;gap:1cqw;line-height:1.1;letter-spacing:0}
.mini-brick .live-brick-copy span{line-height:1.1}.mini-brick .live-brick-copy span:empty{display:none}
.mini-brick.unison-tile-preview .live-brick-layout{gap:3cqw}
.mini-brick.unison-tile-preview .live-brick-layout.tile-art-top{gap:3cqw}
.mini-brick.unison-tile-preview .live-brick-layout.tile-art-top .brick-symbol{width:20cqw;height:20cqw;flex:0 0 20cqw}
.mini-brick.unison-tile-preview .live-brick-layout.tile-art-top .live-brick-copy{flex:0 1 auto;width:100%}
.custom-logo-art img{display:block;width:100%;height:100%;object-fit:contain}
.single-logo-upload small{display:block;font-size:12px;line-height:1.6;color:#69736c;margin-top:12px}
.single-logo-picker{padding:14px;border:1px dashed #bfc7c1;background:#f6f7f5}
.single-logo-picker span{display:block;font-size:12px;font-weight:400;margin-top:8px;overflow-wrap:anywhere}
.single-logo-upload .text-link{margin-top:12px}
/* Anchor large-tile artwork independently of the number of wording lines. */
.unison-tile-preview{position:relative}
.unison-tile-preview .live-brick-layout.tile-art-top{position:absolute;inset:0;width:100%;height:100%}
.personalise-modal .unison-tile-preview .live-brick-layout.tile-art-top .brick-symbol,.mini-brick.unison-tile-preview .live-brick-layout.tile-art-top .brick-symbol{position:absolute;top:4cqw;left:50%;width:26cqw;height:26cqw;flex:none;transform:translateX(-50%)}
.personalise-modal .unison-tile-preview .live-brick-layout.tile-art-top .live-brick-copy,.mini-brick.unison-tile-preview .live-brick-layout.tile-art-top .live-brick-copy{position:absolute;top:34cqw;bottom:4cqw;left:4cqw;right:4cqw;width:auto;max-width:none;flex:none;justify-content:center}
.unison-tile-preview .live-brick-layout.tile-art-top .live-brick-copy{gap:.4cqw}