/* Final company identity, sky campaign and scalable product packaging. */
.company-mark{flex-shrink:0}.company-mark .si-logo{display:block;width:244px;height:82px;object-fit:contain}.site-header{height:104px}.header-inner{height:100%}.site-header nav{gap:23px}.header-inner{gap:24px}.site-header nav a{font-size:13px}
.campaign{height:770px;min-height:740px;max-height:none;background:#c5d5da}.campaign-image{object-position:center center}.campaign-shade{background:linear-gradient(90deg,rgba(222,234,234,.92),rgba(218,230,230,.76) 28%,rgba(218,230,230,0) 49%)}
.campaign-content{padding-top:57px}.campaign .line-label{color:#164d4b;letter-spacing:1.7px;font-size:11px}.campaign .line-label:before{background:#357a70}.campaign h1{color:#162e32;font-size:clamp(70px,6.5vw,94px);line-height:1;letter-spacing:-4px;max-width:39%;margin:30px 0 23px}.campaign h1>span,.campaign h1>em{display:block}.campaign h1 em{color:#176257;font-size:1.04em;line-height:1.15;margin-left:0}.campaign-copy{color:#244346;font-size:18px;margin:0 0 25px;line-height:1.6}.campaign .actions{flex-direction:column;align-items:flex-start;gap:10px}.campaign .btn,.campaign .outline-btn{min-height:51px;padding:14px 23px;font-size:13px;min-width:244px}.campaign .btn{background:#124c47;color:#fff;border-color:#124c47}.campaign .outline-btn{color:#183c3c;background:#dce8e876;border-color:#436968}.campaign .outline-btn:hover{background:#d3e3e2}.campaign-bottom{color:#f3f4e9;border-color:#f0f5ed30;background:linear-gradient(90deg,#142d2c99,transparent);padding:20px 14px;bottom:20px}.campaign-bottom small{color:#d4e1dc}
.brand-art{background:transparent;box-shadow:none;width:290px;max-width:90%;height:120px;padding:0}.brand-art img{mix-blend-mode:normal;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 2px #0003)}.brand-family{flex-wrap:wrap}
/* Each selected pack uses distinct artwork, with its own physical proportions. */
.product-image.packshot-button{position:relative;align-items:flex-end;justify-content:center;background:#fff;padding:35px 22px 32px;height:350px;overflow:hidden}
.pack-object{display:block;position:relative;flex:none;width:calc(min(100%,280px) * var(--pack-width,1));max-width:100%;container-type:inline-size;transform:none}
.pack-object .product-packshot{display:block;width:100%;height:auto;object-fit:contain;filter:none;transform:none}
.packshot-button:hover .product-packshot{transform:none}
.pack-volume{position:absolute;left:var(--label-x);top:var(--label-y);font:bold var(--label-size)/1 Arial,sans-serif;color:var(--label-colour);pointer-events:none}
.packaging-modal-stage{height:min(58dvh,500px);padding:22px 35px;background:#fff;display:flex;align-items:flex-end;justify-content:center}
.packaging-modal-stage .pack-object{width:calc(min(100%,440px,calc(58dvh - 44px)) * var(--pack-width,1))}
.modal-pack-label{padding:0 25px 18px;display:flex;align-items:center;gap:20px;letter-spacing:1.5px;font-size:10px;white-space:nowrap}
.modal-pack-label select{min-width:110px;padding:8px;background:#18302f;color:#fff;border:1px solid #567d76;flex:1}
.range-enquiry{padding:38px 28px;border:1px solid #38534e;background:linear-gradient(135deg,#19352f,#101d1d);min-height:260px;display:flex;flex-direction:column}.range-enquiry h3{font-size:30px;font-weight:500;margin:20px 0 12px}.range-enquiry p{font-size:13px;line-height:1.8;color:#b5c7bf}.range-enquiry .text-link{margin-top:auto;padding-top:20px;color:#d7e6df;display:flex;justify-content:space-between}.range-enquiry .eyebrow{font-size:9px}.filters{flex-wrap:wrap}.basket-quantity{color:#b9cec5;font-size:12px;white-space:nowrap}
.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.contact-section p:not(.eyebrow){color:#bbccc5;font-size:15px;line-height:1.7}.whatsapp-contact{display:flex;align-items:center;gap:24px;padding:34px 30px;border:1px solid #54796d;background:linear-gradient(135deg,#193d33,#112723);transition:background .2s}.whatsapp-contact:hover{background:#204b40}.whatsapp-contact>svg{width:55px;height:55px;color:#b5e1c8;flex-shrink:0}.whatsapp-contact>span{display:flex;flex-direction:column;gap:9px}.whatsapp-contact small{font-size:9px;letter-spacing:1.8px;color:#a5c4b6}.whatsapp-contact strong{font-size:clamp(18px,2vw,29px);white-space:nowrap;font-weight:500}.whatsapp-contact span>span{font-size:12px;color:#a8c9ba}.footer-contact a{line-height:1.9}
@media(min-width:1700px){.campaign-content{max-width:1480px}.campaign h1{font-size:96px}.campaign-image{object-fit:cover}}
@media(max-width:1150px){.site-header nav{gap:15px}.company-mark .si-logo{width:210px;height:70px}.site-header nav a{font-size:11px}.enquiry-link{font-size:11px;padding:14px}.campaign h1{font-size:75px}.campaign .line-label{font-size:9px;letter-spacing:1px}.contact-section{gap:28px}.whatsapp-contact{padding:25px 20px;gap:16px}}
@media(max-width:900px){.site-header{height:90px}.campaign{height:auto;min-height:0;padding-bottom:390px}.campaign-image{top:auto;bottom:0;height:430px;object-position:66% 50%}.campaign-shade{background:linear-gradient(#d4e3e5 0%,#d4e3e5 48%,#d4e3e500 62%)}.campaign-content{position:relative;padding-top:42px;padding-bottom:30px}.campaign h1{max-width:100%;font-size:68px;margin-top:24px}.campaign h1>span{display:inline}.campaign h1>span:first-child:after{content:' '}.campaign h1 em{display:block}.campaign .actions{flex-direction:row;flex-wrap:wrap}.campaign-bottom{bottom:14px}.campaign-bottom>span:first-child{display:none}.contact-section{grid-template-columns:1fr}.whatsapp-contact{max-width:520px}.brand-art{width:260px}}
@media(max-width:600px){.company-mark .si-logo{width:184px;height:62px}.site-header{height:83px}.header-inner{gap:10px}.header-actions .enquiry-link{padding:10px;font-size:0;min-width:0;gap:8px}.header-actions .enquiry-link span{font-size:12px}.header-actions .enquiry-link b{display:none}.campaign{padding-bottom:335px}.campaign-content{padding-top:34px}.campaign h1{font-size:58px;letter-spacing:-2.7px;margin:22px 0 16px;line-height:1.05}.campaign-copy{font-size:16px;margin-bottom:20px}.campaign .line-label{font-size:8px;letter-spacing:1px;gap:10px}.campaign .line-label:before{width:20px}.campaign .actions{gap:9px}.campaign .btn,.campaign .outline-btn{font-size:12px;padding:13px 16px;min-width:0;min-height:48px}.campaign-image{height:360px;object-position:65% center}.campaign-bottom{font-size:8px;bottom:7px;padding:13px 8px}.campaign-bottom small{font-size:8px}.campaign-bottom a{font-size:8px}.campaign-bottom a b{font-size:22px;margin-left:8px}.hero-caption{max-width:155px}.product-image.packshot-button{height:365px}.brand-art{height:105px;width:275px}.whatsapp-contact{padding:25px 20px}.whatsapp-contact strong{font-size:22px}.contact-section{gap:22px}.contact-section h2{font-size:44px}.packaging-modal-stage{height:340px;padding:20px 28px}.packaging-modal-stage .pack-object{width:calc(min(100%,300px) * var(--pack-width,1))}.footer-main .company-mark .si-logo{width:240px;height:80px}}
