*{box-sizing:border-box}:root{--ink:#252c30;--blue:#526e85;--soft:#edf1f3;--line:#d7dde0;--red:#e51b23}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#fff;color:var(--ink);font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}button,a,input,textarea{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #d92f37}.skip{position:fixed;top:-100px;background:white;padding:15px;z-index:100}.skip:focus{top:5px}.concept{display:flex;justify-content:space-between;gap:20px;padding:8px 5.5%;background:#edf1f3;font-size:10px;color:#58616b}.concept a{text-decoration:underline;text-underline-offset:3px}header{margin:0 5.5%;padding:24px 0;display:flex;justify-content:space-between;align-items:center;gap:30px;border-bottom:1px solid var(--line)}.brand{display:block;width:204px;background:#191919;padding:8px}.brand img{width:100%;height:auto}header nav{display:flex;gap:30px;align-items:center;font-size:12px}.nav-cta{border-bottom:1px solid var(--ink);padding:10px 0}.nav-cta span{margin-left:23px;font-size:17px}.menu-button{display:none}.hero{margin:0 5.5%;padding-top:55px}.hero-heading{display:grid;grid-template-columns:1.8fr 1fr;gap:9%;align-items:end;margin-bottom:45px}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.065em;font-weight:400;line-height:1.02;margin-bottom:0}h1{font-size:clamp(66px,8.3vw,133px)}h2{font-size:clamp(38px,4.45vw,68px)}h3{font-size:22px;letter-spacing:-.035em;font-weight:400;line-height:1.2}.hero-aside{padding-bottom:7px;max-width:290px}.division{font-size:80px;color:var(--blue);font-weight:200;letter-spacing:-.06em;display:inline-block;line-height:1;border-bottom:1px solid var(--line);padding-bottom:22px;width:100%}.hero-aside p{font-size:19px;line-height:1.45;margin:25px 0 29px}.text-link{display:inline-flex;align-items:center;gap:30px;font-size:12px;border-bottom:1px solid var(--ink);padding-bottom:7px}.text-link span{font-size:20px}.hero-image{margin:0;position:relative;height:540px;overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center 51%}.hero-image:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#17222b8f);pointer-events:none}.hero-image figcaption{position:absolute;z-index:1;bottom:28px;left:35px;right:35px;display:flex;justify-content:space-between;align-items:center;gap:25px;color:white}.hero-image figcaption>span{font-size:23px;letter-spacing:-.025em}.hero-image figcaption>a{font-size:12px;border-bottom:1px solid #ffffff9c;padding-bottom:7px;white-space:nowrap}.hero-image figcaption>a>span{margin-left:28px;font-size:19px}.photo-credit{padding-top:12px;font-size:10px;color:#737d85;text-align:right}.photo-credit a{text-decoration:underline}.specialties{padding:105px 5.5% 70px}.section-heading{display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:11%;margin-bottom:45px}.section-heading p{max-width:370px;color:#64707a;font-size:14px;margin-bottom:3px}.category-filter{display:flex;border-bottom:1px solid var(--line);gap:30px;margin-bottom:30px}.category-filter button{padding:14px 0;border:0;background:none;color:#5e6a73;font-size:12px;position:relative;min-height:48px}.category-filter button[aria-pressed=true]{color:var(--ink)}.category-filter button[aria-pressed=true]:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--blue)}.matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.product-group{background:var(--soft);min-width:0}.product-group[hidden]{display:none}.group-art{height:190px;background:#e6ecef;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}.mirrors{gap:12px;padding-bottom:22px}.mirrors>span{width:47px;height:89px;border:2px solid #8b9eac;background:linear-gradient(135deg,#d4dfe6,#f5f8fa 45%,#cad7df);position:relative}.mirrors>span:after{content:'';position:absolute;bottom:-22px;left:12px;width:19px;height:9px;border:2px solid #8b9eac;border-top:0;border-radius:0 0 8px 8px}.mirrors>i{position:absolute;bottom:48px;width:200px;border-top:3px solid #8b9eac}.mailboxes>div{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;width:160px;height:119px;border:4px solid #8b9eac;padding:5px}.mailboxes span{border:1px solid #8b9eac;background:#edf3f5;position:relative}.mailboxes span:after{content:'';position:absolute;top:10px;left:6px;width:20px;border-top:2px solid #8b9eac}.storage>div{width:125px;height:125px;transform:skewY(-6deg);border:3px solid #8b9eac;background:repeating-linear-gradient(90deg,transparent 0,transparent 12px,#a9b8c3 12px,#a9b8c3 13px),repeating-linear-gradient(0deg,transparent 0,transparent 12px,#a9b8c3 12px,#a9b8c3 13px)}.storage>div>span{display:block;border:2px solid #8b9eac;width:47px;height:102px;position:absolute;top:11px;right:11px}.storage>i{position:absolute;bottom:38px;width:172px;border-top:2px solid #8b9eac;transform:skewY(-6deg)}.group-intro{padding:25px 26px 20px}.scope-label{font-size:11px;color:#6c7f8e}.group-intro h3{margin:15px 0 12px;font-size:25px;max-width:240px;min-height:60px}.group-intro p{font-size:12px;color:#66747e;max-width:250px;margin:0;min-height:40px}.product-options{padding:0 26px 22px}.product-options label{position:relative;border-top:1px solid #cad5dc;display:flex;align-items:center;gap:11px;padding:15px 0;cursor:pointer;font-size:13px;min-height:52px}.product-options input{width:16px;height:16px;accent-color:var(--blue);margin:0}.product-options i{font-style:normal;font-size:20px;margin-left:auto;font-weight:300;color:#7c90a0}.product-options label:has(input:checked){color:#2b526f}.product-options label:has(input:checked) i{font-size:0}.product-options label:has(input:checked) i:before{content:'✓';font-size:17px}.diagram-note{font-size:10px;color:#78848c;margin:12px 0 28px}.package-bar{background:var(--blue);color:white;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:27px 30px}.package-bar>div{display:flex;align-items:center;gap:25px}.package-count{font-weight:200;font-size:54px;line-height:1}.package-bar p{font-size:17px;line-height:1.3;margin:0}.package-bar p>span{display:block;font-size:11px;margin-top:7px;color:#dae5ec;max-width:430px}.package-bar .reset{font-size:11px;background:none;border:0;border-bottom:1px solid #c4d3de;padding:6px 0;color:white;white-space:nowrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;min-height:53px;padding:16px 21px;background:var(--ink);border:0;color:white;font-size:12px}.button span{font-size:20px}.button.pale{background:white;color:var(--ink)}.button:hover{background:#3e5669}.button.pale:hover{background:#eaf0f4}.specification{padding:55px 5.5% 100px;display:grid;grid-template-columns:1.2fr 1fr;gap:14%}.eyebrow{font-size:12px;color:#6c7c89;margin-bottom:23px}.spec-copy>p:not(.eyebrow){color:#65737d;font-size:14px;margin:25px 0;max-width:390px}.spec-list{padding-top:10px}.spec-list article{border-top:1px solid var(--line);padding:26px 0;display:flex;gap:30px}.spec-list article>span{font-size:12px;color:var(--blue);padding-top:3px}.spec-list h3{font-size:19px;margin-bottom:12px}.spec-list p{font-size:13px;color:#64747f;max-width:360px;margin:0}.about{margin:0 5.5%;padding:65px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1.3fr;gap:15%}.about-date{align-self:center;padding:0 0 20px}.about-date>span{font-size:13px;margin-left:8px}.about-date b{display:block;font-size:clamp(100px,12.4vw,180px);font-weight:200;letter-spacing:-.08em;line-height:1.1;color:var(--blue)}.about h2{font-size:44px}.about-story>p:not(.eyebrow){font-size:13px;max-width:450px;color:#64717a;margin-top:22px}.about-story .text-link{margin-top:8px}.enquiry{padding:100px 5.5% 85px}.enquiry-heading{display:grid;grid-template-columns:1fr 1.2fr;gap:12%;align-items:end;margin-bottom:42px}.enquiry-heading p{max-width:360px;font-size:14px;color:#65737e;margin-bottom:4px}.enquiry-layout{display:grid;grid-template-columns:1fr 1.7fr;gap:8%}.contact{display:flex;flex-direction:column;justify-content:space-between;border-top:1px solid var(--line);padding:30px 0 0}.contact h3{font-size:28px;margin-bottom:10px}.contact .eyebrow{margin-bottom:19px}.contact p{font-size:13px;color:#65737e}.contact a{display:block;width:fit-content}.email{font-size:24px;letter-spacing:-.035em;margin-top:28px}.phone{font-size:17px;margin-top:8px}.contact address{font-style:normal;font-size:13px;color:#64727d;margin-top:30px}.fax{margin-top:15px;font-size:11px!important}.contact-note{border-top:1px solid var(--line);padding-top:25px;margin-top:45px;display:flex;gap:20px;align-items:center}.contact-note>span{color:var(--red);font-size:56px;font-weight:200;line-height:1}.contact-note p{font-size:11px;line-height:1.55;max-width:245px;margin:0}.scope-preview{background:var(--soft);padding:25px 27px}.scope-header{display:flex;justify-content:space-between;align-items:center;gap:20px}.scope-header h3{font-size:18px;margin:0}.scope-header a{font-size:11px;border-bottom:1px solid #8999a5;padding-bottom:2px;white-space:nowrap}.scope-preview ul{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-wrap:wrap;gap:8px}.scope-preview li{background:white;padding:8px 12px;font-size:11px}.scope-preview li.empty{background:none;padding:0;color:#6a7781;font-size:12px;max-width:400px}.form-fields{border:1px solid var(--line);border-top:0;padding:28px 27px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-fields label{display:block;font-size:11px;margin-bottom:20px}.form-fields input,.form-fields textarea{display:block;width:100%;border:1px solid #ccd6dd;border-radius:0;background:white;padding:12px;margin-top:8px;font-size:13px;color:var(--ink);min-height:46px}.form-fields textarea{resize:vertical}.submit-row{display:flex;align-items:center;gap:23px}.submit-row>span{font-size:10px;color:#74818a}.preview{margin-top:30px;border-top:1px solid var(--line);padding-top:25px}.preview h3{font-size:20px}.preview p{font-size:12px;color:#697782}.preview pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.6 'Helvetica Neue',Arial,sans-serif;background:var(--soft);padding:18px;margin:0}footer{background:#252c30;color:#fff;padding:55px 5.5%;display:flex;align-items:center;justify-content:space-between;gap:35px}.footer-wordmark{font-size:75px;font-weight:600;letter-spacing:-.06em;line-height:1}.footer-wordmark>span{color:#ed363d}.footer-links{display:flex;flex-direction:column;gap:10px;font-size:12px}footer>p{font-size:10px;color:#aebbc5;margin:0;align-self:end}
@media(min-width:1600px){header,.hero,.about{max-width:1450px;margin-inline:auto}.specialties,.specification,.enquiry,footer{padding-inline:max(5.5%,calc((100% - 1450px)/2))}}@media(max-width:1100px){.hero-heading{gap:7%;grid-template-columns:1.6fr 1fr}h1{font-size:90px}.hero-image{height:430px}.hero-aside p{font-size:17px}.section-heading{gap:7%}.matrix{gap:16px}.group-intro,.product-options{padding-inline:20px}.group-intro h3{font-size:22px}.package-bar{padding:23px}.package-bar>div{gap:18px}.package-bar>div:last-child{gap:18px}.specification{gap:8%}.about{gap:10%}.about h2{font-size:39px}.enquiry-layout{gap:6%;grid-template-columns:1fr 1.6fr}.email{font-size:21px}}@media(max-width:800px){header{padding-block:18px;flex-wrap:wrap;gap:15px}.brand{width:170px}.menu-button{display:flex;align-items:center;gap:20px;background:white;border:1px solid var(--line);padding:10px 15px;font-size:12px}.menu-button span{font-size:17px}header nav{display:none;flex-direction:column;gap:0;width:100%;align-items:stretch;padding-top:10px}header nav.open{display:flex}header nav a{padding:13px 0;border-bottom:1px solid var(--line)}.hero{padding-top:36px}.hero-heading{grid-template-columns:1.5fr 1fr;gap:5%;margin-bottom:32px}h1{font-size:75px}.hero-aside p{font-size:15px;margin:16px 0 20px}.division{font-size:62px;padding-bottom:15px}.text-link{font-size:11px;gap:20px}.hero-image{height:390px}.hero-image figcaption{left:24px;right:24px;bottom:23px}.hero-image figcaption>span{font-size:19px}.specialties{padding-top:65px}.section-heading{grid-template-columns:1fr;gap:25px;margin-bottom:28px}.section-heading p{max-width:540px}.matrix{grid-template-columns:1fr;gap:22px}.product-group{display:grid;grid-template-columns:.8fr 1fr;position:relative}.group-art{height:100%;min-height:260px;grid-row:span 2}.group-intro{padding-top:25px;padding-bottom:17px}.group-intro h3{min-height:auto}.group-intro p{min-height:auto}.product-options{padding-bottom:15px}.category-filter{gap:24px}.package-bar{align-items:start}.package-bar>div:last-child{flex-direction:column;gap:12px;align-items:end}.package-bar p>span{max-width:250px}.specification{padding-block:0 65px;gap:6%;grid-template-columns:1fr 1fr}.spec-list article{gap:20px;padding-block:22px}.spec-list h3{font-size:17px}.spec-list p{font-size:12px}h2{font-size:43px}.about{padding-block:50px;gap:8%;grid-template-columns:.8fr 1.2fr}.about h2{font-size:34px}.about-date b{font-size:110px}.enquiry{padding-top:65px}.enquiry-heading{gap:7%}.enquiry-layout{grid-template-columns:1fr;gap:30px}.contact{flex-direction:row;gap:40px}.contact-note{border-top:0;max-width:250px;margin:0;align-self:end;padding-bottom:12px}.contact-note>span{display:none}.contact .eyebrow{margin-bottom:15px}.contact .email{margin-top:18px}.contact address{margin-top:20px}.form-fields{padding:25px}.enquiry-heading p{font-size:13px}footer{gap:30px}.footer-wordmark{font-size:55px}footer>p{font-size:9px}}
@media(max-width:550px){.concept{font-size:8px;gap:15px}.concept>a{white-space:nowrap;align-self:center}.hero-heading{grid-template-columns:1fr;gap:28px}h1{font-size:72px}.hero-aside{max-width:none;display:grid;grid-template-columns:60px 1fr;gap:10px 20px;align-items:center}.division{font-size:58px;border:0;padding:0;grid-row:span 2}.hero-aside p{margin:0;font-size:14px;max-width:260px}.hero-aside .text-link{width:fit-content;margin-top:5px}.hero-image{height:360px}.hero-image figcaption{left:20px;right:20px;bottom:20px;align-items:start;flex-direction:column;gap:13px}.hero-image figcaption>span{font-size:22px;max-width:250px;line-height:1.2}.hero-image figcaption>a{font-size:11px}.photo-credit{text-align:left;font-size:9px;line-height:1.6}.specialties{padding-top:52px;padding-bottom:55px}h2{font-size:42px}.category-filter{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.category-filter button{text-align:left;font-size:11px}.category-filter button[aria-pressed=true]:after{bottom:0}.product-group{grid-template-columns:1fr}.group-art{height:155px;min-height:0;grid-row:auto}.mirrors{padding-bottom:16px}.mirrors>i{bottom:29px}.mirrors>span{height:82px}.mailboxes>div{height:105px;width:147px}.storage>div{height:108px;width:114px}.storage>div>span{height:86px}.storage>i{bottom:24px}.group-intro{padding:23px 25px 20px}.group-intro h3{max-width:none;margin-block:12px}.group-intro p{max-width:none}.product-options{padding-inline:25px}.package-bar{flex-direction:column;gap:24px;padding:25px}.package-bar>div:last-child{flex-direction:row-reverse;width:100%;align-items:center;justify-content:space-between}.package-bar .button{gap:25px;padding-inline:15px;font-size:11px}.package-bar .reset{font-size:10px}.package-bar p>span{max-width:265px}.specification{grid-template-columns:1fr;gap:27px;padding-bottom:55px}.spec-copy>p:not(.eyebrow){max-width:none}.spec-list{padding-top:0}.spec-list article:last-child{padding-bottom:0}.spec-list p{font-size:13px;max-width:none}.about{grid-template-columns:1fr;gap:25px;padding-block:40px}.about-date{display:flex;align-items:baseline;gap:17px;padding-bottom:0}.about-date>span{margin-left:0}.about-date b{font-size:96px}.about-story .eyebrow{margin-bottom:16px}.about h2{font-size:39px}.enquiry{padding-block:55px}.enquiry-heading{grid-template-columns:1fr;gap:22px;margin-bottom:30px}.enquiry-heading p{max-width:none;font-size:14px}.contact{flex-direction:column;gap:15px;padding-top:24px}.contact-note{align-self:auto;max-width:330px;padding:0;margin-bottom:12px}.contact-note p{max-width:none}.contact .email{font-size:26px}.scope-preview{padding:22px}.scope-header h3{font-size:16px}.scope-header a{font-size:10px}.form-fields{padding:22px}.form-row{grid-template-columns:1fr;gap:0}.submit-row{gap:15px;align-items:start}.submit-row .button{gap:25px}.submit-row>span{padding-top:13px;font-size:9px}footer{flex-wrap:wrap;align-items:start;gap:28px}.footer-wordmark{font-size:60px}.footer-links{font-size:11px}footer>p{width:100%;padding-top:20px;border-top:1px solid #ffffff25}}@media(max-width:375px){h1{font-size:63px}h2{font-size:37px}.hero-image{height:320px}.scope-header{gap:12px}.scope-header h3{font-size:15px}.submit-row{flex-direction:column;gap:0}.submit-row .button{width:100%}.submit-row>span br{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}