/* One type family and a shared scale across the catalogue, project and account flows. */
:root{--font:ArterioSans,Arial,sans-serif;--type-display:clamp(3.25rem,5.7vw,6rem);--type-title:clamp(2.25rem,3.8vw,3.75rem);--type-heading:clamp(1.25rem,1.8vw,1.625rem);--type-body:1rem;--type-small:.875rem;--type-label:.75rem}
body{font-family:var(--font);font-size:var(--type-body);line-height:1.7}
em{font-family:inherit;font-style:normal;font-weight:400;letter-spacing:inherit;color:#566b3e}
.project-overlay em,.closing em{color:inherit}
h1,.hero h1,.landing-hero h1,.page-heading h1,.thank-you h1{font-size:var(--type-display);line-height:1.04;font-weight:500;letter-spacing:-.06em;text-wrap:balance}
h2,.intro h2,.section-heading h2,.service-intro h2,.project-overlay h2,.closing h2,.project-story-heading h2,.product-description h2,.contact-details h2{font-size:var(--type-title);line-height:1.12;letter-spacing:-.05em;text-wrap:balance}
h3,.collection-title h3,.service-steps h3,.quote-explainer h3{font-size:var(--type-heading);line-height:1.3;letter-spacing:-.035em}
.product-info h1{font-size:var(--type-title)}
.hero-copy>p,.intro p,.service-intro p,.service-steps p,.film-heading>p,.project-story-body>p,.rich-content,.page-heading>p,.contact-details>p{font-size:var(--type-body);line-height:1.75}
.eyebrow,.hero .eyebrow,.page-heading .eyebrow,.project-story-body .eyebrow{font-size:var(--type-label);line-height:1.65;letter-spacing:.12em}
.button,.header-cta,.hero-actions .button,.underlink,.hero .underlink,.section-heading .underlink,.project-story-body .underlink,.enquiry-form .button,.text-button,.header nav,.quote-link,.category-nav,.category-links a,.filter-bar,.filter-bar input,.filter-bar select{font-size:var(--type-small)}
.button{font-weight:500;min-height:48px;gap:18px}.underlink{min-height:44px;padding:10px 0 6px}
.header{padding-top:18px;padding-bottom:18px;gap:22px}.header nav{gap:22px}.header-cta{max-width:205px;line-height:1.45;white-space:normal;text-align:left;padding:12px 16px}.brand,.brand img{width:155px}
.preview-bar,.topbar,.count,.trust-strip span,.hero-footnote,.vertical-label,.collection-title p,.collection-number,.card-meta,.card-actions .text-button,.product-tools,.breadcrumbs,.catalog-results,.chips a,.pagination-links,.quote-item p,.basket-update label,.quote-explainer li,.account-grid p,.footer p,.footer a,.footer-bottom,.project-index a,.project-index a>span,.project-gallery-details summary,.project-gallery-details summary span,.recovery-form>p,.film-caption p{font-size:var(--type-label)}
.trust-strip strong{font-size:var(--type-body)}.trust-strip p{padding-left:25px}.trust-strip{padding-top:26px;padding-bottom:26px}
.hero{min-height:650px;grid-template-columns:44% 56%}.hero-copy{padding-top:52px;padding-bottom:36px}.hero h1{margin-bottom:28px}.hero-footnote{line-height:1.6;letter-spacing:.065em}.hero-footnote span:first-child{max-width:250px}.hero-actions{gap:20px}.hero-copy>p{max-width:360px}.visual-label{font-size:var(--type-body)}
.intro{padding-top:85px;padding-bottom:85px;grid-template-columns:28% 1fr;gap:6%}.intro h2{max-width:820px}.intro p{max-width:590px}
.product-card h3{font-size:1.125rem;line-height:1.4;letter-spacing:-.025em}.card-meta{letter-spacing:.025em}.card-actions{gap:14px}.product-card .text-button{min-height:44px}.footer h3{font-size:var(--type-small);letter-spacing:.02em}.footer p,.footer a{font-size:var(--type-small)}.footer-bottom{line-height:1.7}.footer-top{gap:30px}
label,input,select,textarea,.form-grid label,.enquiry-form label{font-size:var(--type-small)}input,select,textarea{min-height:48px}table,.comparison th,.comparison td{font-size:var(--type-small)}
.space-film{padding-top:85px;padding-bottom:70px;background:#e9ece2}.film-heading{display:grid;grid-template-columns:1.6fr 1fr;align-items:end;gap:7%;margin-bottom:38px}.film-heading h2{font-size:var(--type-title)}.film-heading>p{max-width:390px}.film-heading .eyebrow{margin-bottom:20px}
.film-shell{background:#20251e;border:1px solid #20251e;box-shadow:0 20px 55px #20251e14}.film-stage{aspect-ratio:16/9;overflow:hidden}.film-stage video{display:block;width:100%;height:100%;object-fit:contain}.film-play{font-size:var(--type-body)}.film-play small{font-size:var(--type-label);letter-spacing:.04em}.film-play>span:last-child{padding:15px 20px}.film-play-icon{width:68px;height:68px;background:#20251ef2;border:1px solid #ffffff80}
.film-chapters:not([hidden]){display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.film-chapters button{display:flex;align-items:center;gap:18px;border:0;border-right:1px solid #ffffff24;border-top:3px solid transparent;padding:25px 24px;background:transparent;color:#f5f4ef;text-align:left;min-height:100px}.film-chapters button:last-child{border-right:0}.film-chapters button:hover,.film-chapters button[aria-pressed=true]{background:#313c2b;border-top-color:var(--lime)}.chapter-number{font-size:var(--type-label);color:#d8eea2}.film-chapters strong{display:block;font-size:var(--type-small);font-weight:500}.film-chapters small{display:block;font-size:var(--type-label);color:#d4d8cf;margin-top:3px}.chapter-arrow{margin-left:auto;font-size:22px}.film-caption{align-items:flex-start;margin-top:22px}.film-caption p{max-width:680px;line-height:1.7}.film-caption .underlink{font-size:var(--type-small)}
.project-brief{display:grid;grid-template-columns:1fr 1.1fr;gap:8%;padding:55px 6%;background:#dce6c8;border-top:1px solid #bdcba8;border-bottom:1px solid #bdcba8}.project-brief h2{font-size:clamp(1.75rem,2.5vw,2.5rem)}.project-brief p{font-size:var(--type-small);margin:16px 0 20px;max-width:510px}.brief-list{margin:0;padding:0;list-style:none;display:grid;align-content:center}.brief-list li{display:flex;gap:22px;padding:15px 0;border-bottom:1px solid #b9c7a5;font-size:var(--type-small)}.brief-list span{color:#4b5b36;font-size:var(--type-label);padding-top:3px}.brief-list li:last-child{border-bottom:0}
@media(max-width:1200px){.header nav{gap:14px;font-size:var(--type-label)}.hero{min-height:610px}.header-cta{display:none}}
@media(max-width:900px){.header nav{gap:12px;font-size:var(--type-label)}.film-heading{grid-template-columns:1fr;gap:20px}.film-heading>p{max-width:650px}.film-chapters button{gap:10px;padding:20px 14px}.chapter-arrow{display:none}.project-brief{gap:5%}}
@media(max-width:760px){:root{--type-display:clamp(2.75rem,11.5vw,4.5rem);--type-title:clamp(2rem,8.5vw,2.75rem);--type-heading:1.375rem}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:42px 6% 32px}.hero h1{font-size:var(--type-display)}.hero-copy>p{max-width:none}.hero h1 br:nth-of-type(2){display:initial}.hero .eyebrow{font-size:var(--type-label)}.hero-footnote{margin-top:28px}.hero-visual{height:330px}.header{padding:15px 5%;gap:12px}.brand,.brand img{width:130px}.quote-link,.menu-toggle{font-size:var(--type-label)}.header nav a{font-size:var(--type-small)}.trust-strip{gap:18px}.trust-strip strong{font-size:var(--type-small)}.trust-strip span{font-size:var(--type-label);max-width:145px}.intro{grid-template-columns:1fr;gap:12px;padding:55px 6%}.intro h2{font-size:var(--type-title)}.space-film{padding:55px 5%}.film-heading{margin-bottom:28px}.film-heading h2{font-size:var(--type-title)}.film-play{gap:10px;font-size:var(--type-small)}.film-play>span:last-child{padding:10px 12px}.film-play-icon{width:45px;height:45px;flex-shrink:0;font-size:14px}.film-play small{font-size:var(--type-label)}.film-chapters:not([hidden]){grid-template-columns:1fr}.film-chapters button{padding:14px 18px;min-height:75px;border-right:0;border-top:1px solid #ffffff24;border-left:3px solid transparent;gap:18px}.film-chapters button[aria-pressed=true],.film-chapters button:hover{border-top-color:#ffffff24;border-left-color:var(--lime)}.chapter-arrow{display:block}.film-caption{gap:10px}.film-caption p{max-width:none;font-size:var(--type-label)}.project-brief{grid-template-columns:1fr;gap:18px;padding:40px 6%}.project-brief p{font-size:var(--type-small)}.product-card h3{font-size:var(--type-body)}.card-meta{font-size:var(--type-label)}.card-actions .text-button{font-size:var(--type-label)}.product-grid{gap:28px 16px}.category-links a{font-size:var(--type-small)}.collection-title h3{font-size:var(--type-heading)}.service-intro h2,.project-overlay h2,.closing h2,.section-heading h2,.project-story-heading h2,.contact-details h2{font-size:var(--type-title)}.project-overlay p{font-size:var(--type-body)}.project-overlay p span{font-size:var(--type-label)}.account-grid h2,.form-intro h2,.account-section>h2,.admin-card h2{font-size:1.75rem}.footer a,.footer p{font-size:var(--type-small)}.footer-top{column-gap:24px}.footer-bottom{font-size:var(--type-label)}.whatsapp{font-size:var(--type-label)}.recovery-form>p,.account-grid p{font-size:var(--type-small)}}
@media(prefers-reduced-motion:reduce){.film-chapters button{transition:none}}

.rich-content p,.rich-content li{font-size:var(--type-body);line-height:1.75}.rich-content :is(h2,h3,h4,h5,h6){font-size:var(--type-heading);line-height:1.3;letter-spacing:-.035em}
@media(max-width:760px){input,select,textarea,.form-grid input,.form-grid select,.form-grid textarea,.filter-bar input,.filter-bar select{font-size:16px}}

.public-price{margin:22px 0;padding:20px 0;border-block:1px solid var(--line)}.public-price strong{font-size:24px;letter-spacing:-.03em}.public-price s{display:block;color:var(--muted);font-size:14px}.public-price p{font-size:12px;line-height:1.7;margin-top:10px}
