@charset "UTF-8";
:root{--navy:#184664;--ivory:#F3EEE6;--sea:#789096;--sage:#A9BDB5;--sand:#D4C1AB;--sandstone:#968570;--paper:#faf7f2;--line:rgba(24,70,100,.24);--serif:'Bodoni Moda',Didot,'Times New Roman',serif;--sans:Manrope,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--navy);background:var(--paper);font-family:var(--sans);font-size:18px;line-height:1.65;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img{display:block;max-width:100%}p,h1,h2,h3,figure{margin:0}button{border:0}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:6px}::selection{background:var(--sand);color:var(--navy)}.container{width:calc(100% - 160px);max-width:1400px;margin-inline:auto}.eyebrow{text-transform:uppercase;letter-spacing:.23em;font-size:11px;font-weight:600;line-height:1.6}.skip-link{position:fixed;top:12px;left:12px;background:var(--navy);color:var(--ivory);padding:12px 20px;transform:translateY(-180%);z-index:30}.skip-link:focus{transform:none}.masthead{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:32px 30px;border-bottom:1px solid var(--line)}.site-name{font-size:12px;line-height:1.45;letter-spacing:.065em;text-transform:uppercase;font-weight:500}.site-name span{display:block}.masthead nav{display:flex;gap:34px;font-size:14px}.masthead nav a{position:relative;padding-block:8px}.masthead nav a:after{content:'';position:absolute;left:0;right:100%;bottom:2px;height:1px;background:var(--navy);transition:right .2s}.masthead nav a:hover:after,.masthead nav a[aria-current]:after{right:0}.intro{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:60px;padding-block:36px 44px}.intro h1{font-family:var(--serif);font-size:clamp(48px,6.2vw,104px);font-weight:400;line-height:1.06;letter-spacing:-.055em;white-space:nowrap}.intro-note{border-left:1px solid var(--line);padding:10px 0 10px 48px;font-size:15px}.intro-note .date{margin-top:13px;font-size:10px;letter-spacing:.32em}.hero{background:var(--ivory)}.hero-inner{padding-top:140px;padding-bottom:40px}.hero-logo{width:62%;max-width:890px;height:auto;margin:0 auto 110px}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.hero-bottom .eyebrow{font-size:10px;letter-spacing:.26em}.scroll-arrow{display:grid;place-items:center;width:40px;height:66px}.scroll-arrow svg{width:25px;height:48px;fill:none;stroke:currentColor;stroke-width:1.1;transition:transform .2s}.scroll-arrow:hover svg{transform:translateY(6px)}.section{padding-block:88px}.section-number{margin-bottom:24px}.section-heading{display:grid;grid-template-columns:1.14fr 1fr;align-items:center;gap:70px}h2{font-family:var(--serif);font-size:clamp(42px,5vw,80px);font-weight:400;line-height:1.02;letter-spacing:-.055em;color:var(--sandstone)}.heading-note{font-size:18px;line-height:1.65;max-width:460px;justify-self:end;width:100%}.ruled{border-left:1px solid var(--line);padding:22px 0 22px 50px}.principles{display:grid;grid-template-columns:repeat(3,1fr);margin-top:48px;border-top:1px solid var(--line);padding-top:28px;gap:0}.principles>div{padding-inline:42px}.principles>div:first-child{padding-left:0}.principles>div:last-child{padding-right:0}.principles>div+div{border-left:1px solid var(--line)}.principles h3{font-size:23px;font-weight:500;line-height:1.5;margin-bottom:5px}.principles p{font-size:17px;line-height:1.6}.logo-section{background:#fdfaf6}.logo-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:46px}.logo-panel{aspect-ratio:2.7;display:grid;place-items:center;padding:50px}.logo-panel img{width:78%;height:auto}.logo-panel.light{background:var(--ivory)}.logo-panel.dark{background:var(--navy)}figcaption{font-size:12px;letter-spacing:.025em;margin-top:14px}.colour-section{padding-bottom:96px}.colour-section h2{margin-bottom:42px}.palette{display:grid;grid-template-columns:repeat(3,1fr);gap:42px 56px}.colour{display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:0;background:none;cursor:pointer;font-size:15px;line-height:1.55}.swatch{display:block;position:relative;height:120px;margin-bottom:14px;transition:transform .2s}.colour:hover .swatch{transform:translateY(-3px)}.swatch.navy{background:var(--navy)}.swatch.ivory{background:var(--ivory);box-shadow:inset 0 0 0 1px rgba(24,70,100,.035)}.swatch.sea-glass{background:var(--sea)}.swatch.sage{background:var(--sage)}.swatch.sand{background:var(--sand)}.swatch.sandstone{background:var(--sandstone)}.colour-name{font-weight:500}.hex,.colour-role{font-size:14px}.copy-hint{position:absolute;bottom:12px;right:12px;opacity:0;background:var(--paper);color:var(--navy);font-size:11px;padding:4px 9px;transition:opacity .2s}.colour:hover .copy-hint,.colour:focus-visible .copy-hint{opacity:1}.context-band{background:var(--sea);color:#fff;padding-block:46px 100px}.context-band h2{color:#fff}.context-band .section-number{font-size:19px;font-weight:700;letter-spacing:.15em;margin-bottom:22px}.context-band .heading-note{font-size:24px;line-height:1.5}.context-band .ruled{border-color:rgba(255,255,255,.55)}.application-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:var(--ivory)}.application{padding:0;background:none;position:relative;overflow:hidden;cursor:zoom-in}.application>img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;transition:transform .6s}.application:hover>img{transform:scale(1.025)}.image-action{position:absolute;bottom:22px;right:24px;background:rgba(243,238,230,.95);font-size:12px;letter-spacing:.02em;padding:7px 13px;opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s}.image-action span{margin-left:18px}.application:hover .image-action,.application:focus-visible .image-action{opacity:1;transform:none}.footer{background:var(--navy);color:var(--ivory);padding-top:62px}.footer h2{color:var(--ivory)}.footer .ruled{border-color:rgba(243,238,230,.5)}.footer .heading-note p+p{margin-top:4px}.footer-bottom{margin-top:50px;padding-block:24px 28px;border-top:1px solid rgba(243,238,230,.45);display:flex;justify-content:space-between;align-items:center;gap:28px}.footer-bottom .eyebrow{font-size:10px;letter-spacing:.2em}.footer-bottom a{font-size:12px}.footer-bottom a span{margin-left:16px}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,20px);padding:12px 22px;background:var(--navy);color:var(--ivory);border:1px solid rgba(243,238,230,.5);font-size:14px;opacity:0;pointer-events:none;z-index:50;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%,0)}.lightbox{padding:0;border:0;max-width:min(1200px,92vw);max-height:94vh;background:var(--ivory);color:var(--navy)}.lightbox::backdrop{background:rgba(10,28,39,.88)}.lightbox-inner{padding:24px}.lightbox-close{display:block;margin:0 0 14px auto;background:none;padding:5px 0 5px 20px;cursor:pointer;font-size:14px}.lightbox-close span{margin-left:20px;font-size:24px;line-height:1}.lightbox img{max-height:72vh;max-width:100%;margin:auto;object-fit:contain}.lightbox p{font-size:13px;margin-top:16px}.lightbox-open{overflow:hidden}
@media(min-width:1600px){.hero-inner{padding-top:160px}.hero-logo{margin-bottom:130px}.section{padding-block:108px}}
@media(max-width:1100px){.container{width:calc(100% - 96px)}.intro{gap:32px;grid-template-columns:1.25fr 1fr}.intro-note{padding-left:30px;font-size:13px}.masthead nav{gap:24px}.section-heading{gap:42px}.heading-note{font-size:16px}.ruled{padding-left:32px}.hero-inner{padding-top:100px}.hero-logo{width:68%;margin-bottom:80px}.section{padding-block:70px}.principles>div{padding-inline:25px}.principles p{font-size:15px}.logo-panel{padding:30px}.logo-grid{gap:28px}.palette{gap:34px}.context-band{padding-bottom:86px}.context-band .heading-note{font-size:24px}}
@media(max-width:700px){html{scroll-padding-top:20px}.container{width:calc(100% - 44px)}body{font-size:16px}.masthead{flex-direction:column;align-items:flex-start;gap:18px;padding-block:22px 17px}.site-name{font-size:11px}.masthead nav{justify-content:space-between;width:100%;gap:12px;font-size:12px}.intro{grid-template-columns:1fr;gap:22px;padding-block:30px 34px}.intro h1{font-size:clamp(40px,9.7vw,66px);letter-spacing:-.055em}.intro-note{border-left:0;padding:0;font-size:13px}.intro-note .date{font-size:9px;margin-top:9px}.hero-inner{padding-top:80px;padding-bottom:24px}.hero-logo{width:92%;margin-bottom:64px}.hero-bottom .eyebrow{font-size:8px;letter-spacing:.14em}.scroll-arrow{height:42px;width:28px}.scroll-arrow svg{height:35px}.section{padding-block:58px}.section-number{font-size:10px;margin-bottom:20px}.section-heading{grid-template-columns:1fr;gap:28px}h2{font-size:clamp(36px,9.2vw,58px);letter-spacing:-.05em}.heading-note{max-width:none;justify-self:start;font-size:16px;line-height:1.7}.ruled{padding:0;border-left:0}.principles{grid-template-columns:1fr;margin-top:30px;padding-top:0}.principles>div,.principles>div:first-child,.principles>div:last-child{padding:22px 0}.principles>div+div{border-left:0;border-top:1px solid var(--line)}.principles>div:last-child{padding-bottom:0}.principles h3{font-size:21px}.principles p{font-size:15px}.logo-grid{grid-template-columns:1fr;gap:30px;margin-top:32px}.logo-panel{padding:32px;aspect-ratio:2.3}.logo-panel img{width:90%}.logo-section .heading-note br{display:none}.colour-section h2{margin-bottom:30px}.palette{grid-template-columns:repeat(2,1fr);gap:28px 22px}.swatch{height:90px;margin-bottom:10px}.colour{font-size:13px}.hex,.colour-role{font-size:12px}.copy-hint{display:none}.context-band{padding-block:36px 72px}.context-band .section-number{font-size:19px;letter-spacing:.1em}.context-band .section-heading{gap:24px}.context-band .heading-note{font-size:24px}.application-grid{grid-template-columns:1fr;gap:8px}.image-action{opacity:1;transform:none;font-size:11px;bottom:15px;right:15px}.footer{padding-top:46px}.footer .section-heading{gap:30px}.footer-bottom{margin-top:36px;padding-block:22px;align-items:flex-start;flex-direction:column;gap:16px}.footer-bottom .eyebrow{font-size:8px;letter-spacing:.13em}.lightbox-inner{padding:16px}.lightbox p{font-size:12px}.toast{max-width:90vw;font-size:13px;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}