/* Shared visual system for the GOOPA company website. */
:root{--ink:#22233b;--green:#19124b;--green-2:#39316c;--lime:#f4c648;--paper:#faf9f6;--muted:#666678;--line:#e4e2e9;--wrap:1200px}
body{font-size:15px;line-height:1.7}
::selection{background:#f4c648;color:#19124b}
:focus-visible{outline:3px solid #b17b12;outline-offset:5px}
section[id]{scroll-margin-top:110px}
.skip-link{position:fixed;top:12px;left:20px;z-index:100;background:#fff;color:var(--green);padding:12px 20px;transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
.site-header,.site-header.is-scrolled,.inner-header,.inner-header.is-scrolled{height:88px;background:#fff;color:var(--green);border-bottom:1px solid var(--line);gap:32px;box-shadow:none}
.site-header.is-scrolled{box-shadow:0 4px 24px #19124b09}
.brand-image img{width:138px}
.site-nav{gap:28px}
.site-nav a{font-size:13px;padding-block:8px}
.site-nav a:hover,.site-nav a.active{color:var(--green);box-shadow:0 2px 0 var(--lime)}
.button{border-radius:4px;min-height:50px;font-size:13px;padding-inline:23px;line-height:1.5}
.button-small{background:var(--green);color:#fff;border-color:var(--green);min-height:43px;font-size:12px}
.menu-toggle span{background:var(--green)}
.hero{margin-top:88px;height:auto;min-height:650px;display:grid;grid-template-columns:1fr 1.08fr;background:#f1efe9;color:var(--green);overflow:hidden}
.hero-image{position:absolute;left:48%;width:52%;object-position:65% center}
.hero-shade{background:linear-gradient(90deg,#f1efe9 0%,#f1efe9 43%,#f1efe900 60%);pointer-events:none}
.hero-content{padding-top:112px;padding-bottom:112px;width:min(var(--wrap),calc(100% - 80px));grid-column:1/-1}
.hero h1{max-width:620px;font-size:clamp(42px,4.5vw,65px);font-weight:600;line-height:1.23;letter-spacing:-1.7px;margin-bottom:25px}
.hero h1 em{color:var(--green-2)}
.hero .kicker-light{color:#766025}
.hero-lead{max-width:440px;color:#646271;font-size:15px;line-height:1.9}
.kicker{font-size:11px;letter-spacing:1.5px;line-height:1.8;margin-bottom:16px}
.hero .button-white{background:var(--green);color:#fff;border-color:var(--green)}
.hero .button-white:hover{background:var(--green-2)}
.hero .text-link-light{color:var(--green)}
.actions{gap:24px}
.hero-foot{bottom:25px;color:#726d7d;font-size:10px;letter-spacing:1px}
.hero-foot span:last-child{background:#ffffffdd;padding:5px 12px;border-radius:3px}
.proof-band{background:#fff;color:var(--green);border-bottom:1px solid var(--line)}
.proof-grid article{min-height:115px;padding:22px 25px;border-right:1px solid var(--line);gap:16px}
.proof-grid article:last-child{border:0}
.proof-grid p{color:var(--muted);font-size:12px;line-height:1.8}
.proof-grid b{color:var(--green);font-size:13px;font-weight:600}
.proof-icon{font-size:16px;width:38px;height:38px;border:1px solid #ded9c9;border-radius:50%;display:grid;place-items:center;flex-shrink:0;color:#82641c}
.section{padding-block:88px}
.section-head{margin-bottom:36px;gap:40px}
.section-head h2,.color-content h2,.contact h2,.split h2{font-size:clamp(30px,3.2vw,44px);font-weight:600;line-height:1.3;letter-spacing:-1px}
.text-link{font-size:13px;font-weight:500;gap:16px}
.product-grid{gap:24px}
.product-card,.photo-card,.photo-card.blue,.photo-card.yellow{min-height:0;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:6px;overflow:hidden;transition:box-shadow .2s,transform .2s}
.product-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #19124b0d}
.photo-card>img{height:290px;object-fit:cover;object-position:center 44%}
.photo-card .product-copy{padding:27px 26px 30px;flex:1;margin-top:0}
.product-copy>span{color:#766025;font-size:10px;opacity:1;font-weight:600}
.product-copy h3{font-size:21px;font-weight:600;line-height:1.5}
.product-copy p,.yellow .product-copy p,.photo-card.yellow .product-copy p{color:var(--muted);font-size:13px;line-height:1.85;max-width:none}
.product-copy a{position:static;display:inline-flex;align-items:center;gap:20px;margin-top:22px;color:var(--green);font-size:12px;font-weight:600}
.category-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.category-links a{padding:9px 17px;border:1px solid var(--line);border-radius:3px;font-size:12px;background:#fff}
.category-links a:hover{border-color:var(--green)}
.color-section{grid-template-columns:1.15fr 1fr;background:#eeeee7;min-height:570px}
.color-photo{min-height:570px}.color-photo img{position:absolute;inset:0}
.color-content{padding:64px clamp(30px,5vw,80px)}
.color-content>p:not(.kicker):not(.selected-color){font-size:14px}
.photo-note{font-size:10px;max-width:calc(100% - 50px)}
.selected-color{font-size:12px}
.steps article{min-height:270px;padding:30px}
.step-icon{font-size:32px;margin:24px 0;color:#9a7c36}
.steps h3{font-size:19px;font-weight:600}.steps p{font-size:13px;max-width:310px}
.story{grid-template-columns:1fr 1fr;min-height:500px;background:var(--green)}
.story-block{padding:70px max(32px,calc((100vw - var(--wrap))/2));padding-right:60px}
.story blockquote{font-size:clamp(27px,2.5vw,36px);line-height:1.5;font-weight:500}
.story-block>p:not(.kicker){font-size:14px;color:#d4d0e2}
.story-photo img{min-height:500px}
.contact{background:#f1ead8}
.contact-inner{gap:65px;align-items:center}
.contact-inner>div:last-child p{font-size:14px;color:var(--muted)}
.home-address{margin-top:20px;font-size:13px;color:var(--muted);font-style:normal}
.site-footer{background:#15112f;padding-top:65px}
.footer-grid{gap:40px;padding-bottom:50px;grid-template-columns:2fr repeat(3,1fr)}
.footer-brand img{width:160px}.footer-brand p{font-size:12px;color:#c5c1d4}
.footer-grid h3{font-size:11px}.footer-grid a{font-size:13px;color:#d4d0e2}.footer-grid a:hover{color:var(--lime)}
.footer-bottom{font-size:11px;color:#aaa5be}
.page-hero,.page-hero.compact{padding:157px 0 64px;background:var(--green)}
.page-hero h1{font-size:clamp(40px,5vw,64px);line-height:1.3;font-weight:600;letter-spacing:-1px}
.page-hero>div>p:last-child{font-size:15px;color:#d4d0e2}
.split{gap:70px}.split>div:last-child{padding-top:8px;font-size:15px}
.brand-banner{max-width:1200px;margin:48px auto 0}
.certificate-grid article{border-radius:5px}.certificate-grid p,.certificate-grid small{font-size:12px}.certificate-grid span{font-size:10px}
.document-grid p,.document-grid small,.document-grid a{font-size:12px;line-height:1.8}
.value-grid article{background:var(--green)}.value-grid p{font-size:14px;color:#d4d0e2}
.enquiry-form{border:1px solid var(--line);border-top:3px solid var(--lime);border-radius:5px}
.enquiry-form label{font-size:13px}.enquiry-form input,.enquiry-form textarea,.enquiry-form select{font-size:14px;border-radius:3px;background:#faf9f6}
.form-heading p:last-child,.contact-page aside p{font-size:14px;line-height:1.8}
.contact-page aside h2,.enquiry-form h2,.locations h2{font-size:34px;font-weight:600;line-height:1.35}
.phone-display{font-size:clamp(26px,3vw,38px);white-space:nowrap}
.consent{line-height:1.8}.form-status{font-size:13px}
.location-card{border:1px solid var(--line);border-radius:5px}.location-card p,.location-actions,.dealer-note>p,.dealer-cta p{font-size:14px}
.dealer-note{padding:36px;background:#eeece6;gap:40px}.dealer-cta h2{font-size:36px;line-height:1.4}.dealer-cta{background:var(--green)}
.catalog-intro{display:block;margin-bottom:38px}.catalog-intro h2{font-size:38px;font-weight:600}.catalog-intro>p{font-size:14px;max-width:none;margin-top:14px}
.catalog-group{grid-template-columns:240px 1fr;padding-block:38px;scroll-margin-top:110px}
.catalog-title h2{font-size:24px;line-height:1.5;font-weight:600}.catalog-list{gap:16px}.catalog-list article{border:1px solid var(--line);border-left:3px solid var(--lime);border-radius:4px}.catalog-list b,.catalog-list p{font-size:12px}
@media(min-width:1600px){.hero-content{padding-top:140px;padding-bottom:140px}}
@media(max-width:1100px){.site-header{gap:20px}.site-nav{gap:18px}.hero h1{max-width:520px;font-size:50px}.hero-lead{max-width:390px}.actions{gap:18px}.proof-grid article{padding:20px 15px}.proof-icon{display:none}.certificate-grid article{grid-template-columns:1fr}.certificate-grid img{width:100%;object-fit:contain}}
@media(max-width:960px){.site-header{height:76px}.site-header.is-scrolled{height:76px}.site-nav{top:76px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 15px 25px #19124b12}.site-nav a{padding:16px 24px;border-top:1px solid var(--line)}.site-nav a:hover,.site-nav a.active{box-shadow:none;background:#f5f3ec}.menu-toggle{margin-left:auto}.hero{margin-top:76px;min-height:600px}.hero-content{width:calc(100% - 40px)}.hero h1{max-width:480px;font-size:44px}.hero-image{left:40%;width:60%}.hero-shade{background:linear-gradient(90deg,#f1efe9 0%,#f1efe9ed 35%,#f1efe940 75%)}.product-grid{grid-template-columns:repeat(3,1fr);gap:14px}.photo-card>img{height:230px}.photo-card .product-copy{padding:20px 18px}.product-copy h3{font-size:18px}.color-section{grid-template-columns:1fr 1fr}.color-content{padding:40px 25px}.color-photo{min-height:510px}.story{grid-template-columns:1fr 1fr}.story-block{padding:45px 28px}.story blockquote{font-size:27px}.contact-inner{gap:35px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.split,.contact-page-grid,.dealer-note,.dealer-cta>.wrap{grid-template-columns:1fr}.location-toolbar{align-items:flex-start;flex-direction:column}.page-hero{padding-top:135px}}
@media(max-width:640px){.site-header,.site-header.is-scrolled{height:70px;padding-inline:16px}.brand-image img{width:116px}.site-nav{top:70px}.hero{margin-top:70px;display:block;min-height:0;padding-bottom:280px;background:#f1efe9}.hero-image{inset:auto 0 0;width:100%;height:300px;object-position:center 55%}.hero-shade{background:linear-gradient(180deg,#f1efe9 0%,#f1efe9 54%,#f1efe900 69%)}.hero-content{width:calc(100% - 32px);padding:48px 0 40px}.hero h1{font-size:38px;letter-spacing:-1px;max-width:100%;line-height:1.3}.hero-lead{font-size:14px}.hero .actions{flex-direction:row;flex-wrap:wrap;align-items:center;gap:20px}.hero-foot{bottom:14px;color:var(--green)}.hero-foot span:first-child{display:none}.hero-foot span:last-child{margin-left:auto;font-size:9px}.proof-grid{grid-template-columns:1fr 1fr}.proof-grid article,.proof-grid article:first-child{padding:20px 12px;min-height:100px;border-bottom:1px solid var(--line);border-right:0}.proof-grid p,.proof-grid b{font-size:11px}.section{padding-block:58px}.section-head{gap:20px;margin-bottom:30px}.section-head h2,.contact h2,.color-content h2,.split h2{font-size:31px}.product-grid{grid-template-columns:1fr;gap:20px}.photo-card>img{height:320px;object-position:center 40%}.photo-card .product-copy{padding:25px}.product-copy h3{font-size:23px}.color-section,.story{grid-template-columns:1fr}.color-photo{min-height:340px}.color-content{padding:40px 24px}.steps article{min-height:230px;padding:25px 8px}.story-block{padding:46px 24px}.story-photo img{height:350px;min-height:0}.contact-inner{grid-template-columns:1fr;gap:24px}.footer-grid{grid-template-columns:1fr 1fr;gap:32px 20px}.footer-brand{grid-column:1/-1}.footer-bottom{font-size:10px;align-items:start}.page-hero,.page-hero.compact{padding:125px 0 46px}.page-hero h1{font-size:39px}.catalog-group{grid-template-columns:1fr}.catalog-list{grid-template-columns:1fr}.catalog-title{margin-bottom:20px}.value-grid{grid-template-columns:1fr}.value-grid article{padding:30px}.value-grid h3{margin-top:20px}.location-card{grid-template-columns:1fr;padding:25px;gap:15px}.location-actions{grid-column:1;align-items:flex-start}.dealer-note{padding:25px}.dealer-cta h2{font-size:29px}.certificate-grid{grid-template-columns:1fr}.certificate-grid img{height:290px}.form-row{grid-template-columns:1fr}.enquiry-form{padding:28px 20px}.phone-display{font-size:30px}}
.company-hero{display:block;min-height:0;padding:0;background:var(--paper);color:var(--green)}
.company-panel{position:static;width:100%;height:auto;aspect-ratio:1906/825;object-fit:contain;background:#120861}
.company-hero-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-block:48px}
.company-hero h1{font-size:clamp(30px,3.1vw,44px);line-height:1.35;margin:0;max-width:none}
.company-hero-intro>div>p:not(.kicker){font-size:14px;color:var(--muted);margin-bottom:22px}
.palette-section{grid-template-columns:1fr 1fr;min-height:500px}
.color-sample{position:relative;background:var(--sample);min-height:500px;padding:40px;display:flex;flex-direction:column;justify-content:space-between;transition:background-color .25s}
.color-sample-label{background:#fffffff2;padding:24px 28px;align-self:flex-start;border-radius:4px;color:var(--green)}
.color-sample-label>span{font-size:10px;letter-spacing:1.5px}.color-sample-label h3{margin:8px 0;font-size:28px;font-weight:500}.color-sample-label p{margin:0;color:var(--muted);font-size:13px}
.color-sample-note{margin:0;background:#fffffff2;border-radius:4px;padding:14px 18px;color:var(--muted);font-size:12px;max-width:430px}
.catalog-list article{padding:0;overflow:hidden;border-left:1px solid var(--line);display:flex;flex-direction:column}
.catalog-product-image{width:100%;height:310px;object-fit:contain;background:#eeece6;padding:12px}
.catalog-product-copy{padding:24px;flex:1;display:flex;flex-direction:column;align-items:flex-start}
.catalog-product-copy h3{margin-top:12px}.catalog-product-copy p{margin-bottom:20px}.catalog-product-copy a{margin-top:auto;font-size:12px}
.catalog-image-pending{height:310px;background:#eeece6;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);text-align:center}
.catalog-image-pending>span{font-size:28px;color:var(--green);font-weight:700;letter-spacing:2px}.catalog-image-pending>p{font-size:12px;margin:12px 0 0;line-height:1.8}
.quality-explain-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.quality-explain-grid article{border:1px solid var(--line);border-top:3px solid var(--lime);border-radius:5px;padding:34px;background:#faf9f6}
.quality-explain-grid article:last-child{grid-column:1/-1}
.quality-category{color:#766025;font-size:10px;font-weight:600;letter-spacing:1px}
.quality-explain-grid h3{font-size:27px;margin:18px 0 8px;color:var(--green);font-weight:600}
.quality-explain-grid p{font-size:14px;line-height:1.9;color:var(--muted)}
.quality-explain-grid .quality-summary{color:var(--green);font-size:16px;line-height:1.7}
.quality-benefit{padding:22px 24px;background:#eeece6;border-radius:4px;margin-top:24px}
.quality-benefit h4{font-size:13px;color:var(--green);margin:0 0 10px}.quality-benefit p{margin:0;font-size:13px}
@media(max-width:900px){.company-hero-intro{gap:32px}.quality-explain-grid{grid-template-columns:1fr}.quality-explain-grid article:last-child{grid-column:auto}}
@media(max-width:640px){.company-hero{padding:0;min-height:0}.company-panel{height:auto;width:100%;object-fit:contain}.company-hero-intro{grid-template-columns:1fr;gap:22px;padding-block:32px}.company-hero h1{font-size:31px}.company-hero .actions{gap:18px}.palette-section{grid-template-columns:1fr}.color-sample{min-height:350px;padding:24px;gap:60px}.catalog-product-image,.catalog-image-pending{height:330px}.quality-explain-grid article{padding:24px}.quality-benefit{padding:18px}}
/* Brand hero and dedicated colour collection. */
.brand-hero{display:block;min-height:0;background:#08186c;color:#fff;position:relative;padding:0;overflow:hidden}
.brand-hero-art{position:static;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain}
.brand-hero-content{position:absolute;inset:0;display:flex;align-items:center;pointer-events:none}
.brand-hero-copy{width:43%;pointer-events:auto;padding-block:30px}
.hero-brand-logo{width:190px;height:auto;margin-bottom:30px}
.brand-hero .kicker{color:var(--lime);font-size:12px;letter-spacing:1.3px}
.brand-hero h1{font-size:clamp(35px,3.6vw,54px);max-width:100%;line-height:1.28;letter-spacing:-1.2px;color:#fff}
.brand-hero h1 em{color:var(--lime)}
.brand-hero-copy>p:not(.kicker){font-size:14px;line-height:1.9;max-width:390px;color:#e1e5f2}
.brand-hero .actions{flex-wrap:wrap;gap:20px}.brand-hero .button-white{background:var(--lime);border-color:var(--lime);color:var(--green)}
.brand-hero .text-link-light{color:#fff}
.hero-quality-link{display:inline-block;font-size:11px;color:#d6dcee;margin-top:24px;border-bottom:1px solid #ffffff40;padding-bottom:4px}
.home-colour-teaser{background:#efeee7;padding-block:74px}.home-colour-teaser>.wrap{display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:60px}
.home-colour-teaser h2{font-size:clamp(30px,3vw,42px);font-weight:600;line-height:1.35;letter-spacing:-1px}.home-colour-teaser p:not(.kicker){color:var(--muted);font-size:14px;line-height:1.9}
.home-colour-chart{padding:14px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 32px #19124b0c;transform:rotate(-2deg);transition:transform .2s}.home-colour-chart:hover{transform:rotate(0)}
.technology-section{background:#f0eee7}.technology-intro{max-width:820px;font-size:15px;color:var(--muted);margin-bottom:36px}
.technology-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.technology-grid article{background:#fff;border:1px solid var(--line);padding:28px;border-radius:4px}.technology-grid span{font-size:11px;color:#80651d}.technology-grid h3{font-size:20px;font-weight:600;margin:20px 0 12px}.technology-grid p{font-size:13px;color:var(--muted);margin:0}
.technology-note{font-size:12px;color:var(--muted);margin:25px 0 20px}
.colour-page-hero .category-links a{background:#ffffff0d;border-color:#ffffff44;color:#fff}.colour-page-hero .category-links a:hover{background:#ffffff22}
.colour-tools{display:flex;align-items:flex-end;gap:24px;margin-bottom:32px}.colour-tools label{font-size:12px;font-weight:600;display:flex;flex-direction:column;gap:9px}.colour-tools label:first-child{flex:1;max-width:430px}
.colour-tools input,.colour-tools select{font:inherit;font-weight:400;font-size:14px;color:var(--ink);border:1px solid var(--line);background:#fff;padding:13px 16px;border-radius:4px;min-height:49px;min-width:0}.colour-tools p{font-size:13px;color:var(--muted);margin:0 0 13px auto}
.colour-library-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.colour-tile{appearance:none;border:1px solid var(--line);padding:0 0 14px;background:#fff;border-radius:5px;overflow:hidden;text-align:left;cursor:pointer;transition:box-shadow .2s,transform .2s;color:var(--ink)}
.colour-tile:hover{transform:translateY(-3px);box-shadow:0 8px 20px #19124b0e}.colour-tile-sample{display:block;background:var(--tile);height:104px;border-bottom:1px solid var(--line)}.colour-tile-code{display:block;padding:12px 14px 2px;font-size:13px;font-weight:600}.colour-tile-group{display:block;padding-inline:14px;font-size:10px;color:var(--muted)}
[hidden]{display:none!important}
.colour-library-note,.colour-empty{font-size:12px;color:var(--muted);line-height:1.8;margin-top:24px}.colour-empty{padding:24px;border:1px solid var(--line)}
.colour-source-section{background:#eeece6}.colour-document{margin-top:60px;scroll-margin-top:110px}.colour-document h2{font-size:30px}.colour-document figure{margin:0;background:#fff;border:1px solid var(--line);padding:18px}.colour-document figure>a{display:block;position:relative}.colour-document figure img{width:100%;height:auto}.colour-document figcaption{padding:16px 4px 2px;font-size:12px;color:var(--muted)}
.chart-enlarge{position:absolute;right:15px;bottom:15px;padding:10px 16px;border-radius:4px;background:var(--green);color:#fff;font-size:12px;box-shadow:0 4px 15px #0002}
dialog{border:0;border-radius:6px;box-shadow:0 20px 80px #0005;color:var(--ink)}dialog::backdrop{background:#100d29ba;backdrop-filter:blur(4px)}.dialog-open{overflow:hidden}
.chart-dialog{width:min(96vw,1500px);max-width:96vw;max-height:94dvh;padding:0}.chart-dialog-toolbar{display:flex;gap:20px;align-items:center;padding:15px 20px;border-bottom:1px solid var(--line);background:#fff}.chart-dialog-toolbar h2{margin:0;font-size:16px;font-weight:600;margin-right:auto}.chart-dialog-toolbar label{font-size:12px;display:flex;gap:10px;align-items:center}.chart-dialog-toolbar select{font:inherit;padding:7px;border:1px solid var(--line);border-radius:3px}.chart-dialog-toolbar button{border:0;background:var(--green);color:#fff;padding:10px 16px;border-radius:3px;cursor:pointer;font-size:12px}
.chart-dialog-scroll{overflow:auto;max-height:calc(94dvh - 82px);background:#e6e4de;padding:16px}.chart-dialog-scroll img{max-width:none;display:block;height:auto}
.colour-detail-dialog{width:min(550px,92vw);max-width:92vw;padding:0}.colour-detail-close{position:absolute;right:16px;top:16px;z-index:1;cursor:pointer;font-size:24px;border:1px solid var(--line);width:40px;height:40px;border-radius:50%;background:#fff;color:var(--green)}.colour-detail-sample{height:240px}.colour-detail-copy{padding:28px}.colour-detail-copy h2{font-size:32px;margin-bottom:15px}.colour-detail-copy>p:not(.kicker){font-size:13px;color:var(--muted)}.colour-detail-copy .actions{flex-wrap:wrap}
@media(max-width:1100px){.brand-hero-copy{width:42%}.hero-brand-logo{width:150px;margin-bottom:20px}.brand-hero h1{font-size:37px}.brand-hero-copy>p:not(.kicker){font-size:12px}.brand-hero .button{font-size:12px;padding-inline:16px;min-height:44px}.hero-quality-link{margin-top:15px}.colour-library-grid{grid-template-columns:repeat(5,1fr)}}
@media(max-width:960px){.brand-hero .actions{gap:12px}.hero-quality-link{display:none}.brand-hero .hero-brand-logo{width:120px;margin-bottom:14px}.brand-hero h1{font-size:31px;margin-bottom:16px}.brand-hero-copy{padding-block:20px}.brand-hero .kicker{font-size:10px;margin-bottom:8px}.brand-hero-copy>p:not(.kicker){margin-bottom:16px}.home-colour-teaser>.wrap{gap:32px}.technology-grid{grid-template-columns:repeat(2,1fr)}.colour-library-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:700px){.brand-hero{display:flex;flex-direction:column;background:#08186c;padding:0}.brand-hero-content{position:static;display:block;order:-1;padding-block:40px}.brand-hero-copy{width:100%;padding:0}.brand-hero .hero-brand-logo{width:155px;margin-bottom:22px}.brand-hero h1{font-size:38px;max-width:none}.brand-hero-copy>p:not(.kicker){font-size:14px;max-width:470px}.brand-hero .kicker{font-size:11px}.brand-hero .actions{flex-direction:row;gap:20px}.brand-hero-art{height:auto;aspect-ratio:1672/941;width:100%;object-fit:contain}.home-colour-teaser>.wrap{grid-template-columns:1fr;gap:36px}.home-colour-teaser{padding-block:54px}.technology-grid{grid-template-columns:1fr}.colour-library-grid{grid-template-columns:repeat(3,1fr);gap:12px}.colour-tools{flex-wrap:wrap;gap:16px}.colour-tools label:first-child{flex-basis:100%;max-width:none}.colour-tools p{margin-left:0}.colour-document figure{padding:8px}.colour-document h2{font-size:26px}.chart-enlarge{right:8px;bottom:8px;padding:7px 10px;font-size:10px}.chart-dialog-toolbar{flex-wrap:wrap;gap:10px;padding:12px}.chart-dialog-toolbar h2{flex-basis:100%;font-size:13px}.chart-dialog-toolbar button{margin-left:auto}.chart-dialog-scroll{max-height:calc(94dvh - 110px);padding:8px}.colour-detail-copy .actions{gap:18px}}
@media(max-width:640px){.brand-hero-art{height:330px;aspect-ratio:auto;object-fit:cover;object-position:right center}}
@media(max-width:400px){.colour-library-grid{grid-template-columns:repeat(2,1fr)}.brand-hero h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}