@font-face{font-family:Montserrat;src:url('/assets/Montserrat-Light.ttf') format('truetype');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:Montserrat;src:url('/assets/Montserrat-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Montserrat;src:url('/assets/Montserrat-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Montserrat;src:url('/assets/Montserrat-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
:root{--navy:#1e4079;--blue:#4258d9;--ink:#0c152a;--mint:#86e0b0;--purple:#b85ae6;--white:#fff;--s1:8px;--s2:16px;--s3:24px;--s4:32px;--s5:40px;--s6:48px;--s8:64px;--s10:80px;--s12:96px;--s16:128px;--page-width:1328px;--header-height:88px;--gutter:clamp(24px,5vw,80px);--line:color-mix(in srgb,var(--navy) 18%,transparent);--wash:color-mix(in srgb,var(--navy) 3%,var(--white));--body:16px;--small:13px;--h2:clamp(36px,4.2vw,64px);--h3:clamp(24px,2.6vw,36px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + var(--s3))}body{margin:0;font-family:Montserrat,Arial,sans-serif;font-size:var(--body);line-height:1.7;color:var(--ink);background:var(--white);font-synthesis:none}img{display:block;max-width:100%;height:auto}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.downloads-section a:focus-visible,.hero a:focus-visible{outline-color:var(--mint)}h1,h2,h3,h4,p,figure{margin:0}h1,h2{font-weight:300;letter-spacing:-.035em;line-height:1.1}h2{font-size:var(--h2);color:var(--navy)}h3{font-weight:500;line-height:1.35;color:var(--navy);font-size:20px}h4{font-weight:500;line-height:1.5;color:var(--navy);font-size:16px}p{max-width:100%}.container{width:min(var(--page-width),calc(100% - var(--gutter)*2));margin-inline:auto}.section{padding-block:var(--s12);border-top:1px solid var(--line)}.section-intro{margin-bottom:var(--s8)}.section-intro h2{max-width:1050px}.eyebrow{font-size:var(--small);font-weight:500;color:var(--blue);letter-spacing:.05em;text-transform:uppercase;line-height:1.5;margin-bottom:var(--s3)}.lead{font-size:18px;line-height:1.7;max-width:850px;margin-top:var(--s3)}.small{font-size:var(--small)}.measure-copy{max-width:850px}.two-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s8)}.text-columns{margin-block:var(--s5)}.text-columns article p{margin-top:var(--s2);max-width:540px}.subsection{margin-top:var(--s10)}.subheading{font-size:var(--h3);font-weight:300;margin-bottom:var(--s3)}.note{font-size:14px;line-height:1.8;margin-top:var(--s4);max-width:960px;padding-left:var(--s3);border-left:2px solid var(--mint)}.skip-link{position:fixed;top:var(--s1);left:var(--s3);z-index:100;padding:var(--s2);background:var(--ink);color:var(--white);transform:translateY(-150%)}.skip-link:focus{transform:none}
/* One shared header, with a compact navigation below the mobile breakpoint. */
.site-header{position:sticky;top:0;z-index:30;background:var(--white);border-bottom:1px solid var(--line)}.header-inner{height:var(--header-height);display:flex;align-items:center;gap:var(--s3);width:min(1488px,calc(100% - var(--gutter)*2));margin:auto}.brand{flex:0 0 190px;display:flex;align-items:center;min-height:44px}.site-nav{display:flex;align-items:center;gap:var(--s3);margin-left:auto;order:1}.site-nav a{font-size:12px;font-weight:500;min-height:44px;display:flex;align-items:center;position:relative}.site-nav a:hover,.site-nav a[aria-current="location"]{color:var(--blue)}.site-nav a[aria-current="location"]:after{content:"";height:2px;background:var(--blue);position:absolute;bottom:4px;left:0;right:0}.header-controls{display:flex;align-items:center;gap:var(--s3);order:2}.language{display:flex;align-items:center;gap:4px;font-size:12px}.language a{display:flex;align-items:center;justify-content:center;min-height:44px;min-width:32px}.language a[aria-current]{color:var(--blue);font-weight:700}.menu-toggle{display:none;align-items:center;gap:var(--s2);min-height:44px;border:0;background:none;padding:0;font-size:14px}.menu-icon{width:20px;height:12px;border-block:1px solid var(--navy);transition:transform .2s}.menu-toggle[aria-expanded="true"] .menu-icon{transform:rotate(-45deg)}
.hero{position:relative;isolation:isolate;overflow:hidden;background:var(--ink);color:var(--white)}.hero-inner{min-height:740px;position:relative;z-index:2;padding-block:var(--s8)}.hero .eyebrow{color:var(--mint);margin-bottom:var(--s8)}.hero-logo{width:min(820px,76%);margin-bottom:var(--s8)}.hero h1{font-size:clamp(60px,7.2vw,104px)}.hero-sub{margin-top:var(--s5);font-size:16px;max-width:550px}.hero-link{display:inline-flex;align-items:center;gap:var(--s4);margin-top:var(--s3);min-height:44px;font-size:var(--small);color:var(--mint)}.hero-motif{position:absolute;width:1250px;max-width:none;right:-190px;bottom:-230px;z-index:0;mask-image:linear-gradient(110deg,transparent 12%,#000 76%);pointer-events:none}.hero-edition{position:absolute;right:var(--gutter);bottom:var(--s4);font-size:11px;z-index:2}.overview{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--s8);padding-block:var(--s12)}.overview .lead{align-self:end;margin-top:0}
.logo-stage{border-block:1px solid var(--line);padding:var(--s10) var(--s5);display:flex;justify-content:center;align-items:center;min-height:260px}.logo-stage img{width:min(100%,1030px)}.composition-grid{display:grid;grid-template-columns:1.4fr 1fr .8fr;gap:var(--s4)}.composition-grid article{min-width:0}.composition-preview{height:210px;display:flex;align-items:center;justify-content:center;border-block:1px solid var(--line);margin-bottom:var(--s3);padding:var(--s3)}.composition-preview img{width:100%}.composition-preview.compact img{width:65%;max-width:240px}.composition-preview.symbol img{width:76px}.composition-grid p{font-size:14px;margin-top:var(--s2)}.clearspace-stage{display:flex;align-items:center;justify-content:center;padding:var(--s4) 0;min-width:0}.clearspace{position:relative;padding:5.542%;border:1px dashed var(--blue);width:100%}.clearspace img{width:100%;outline:1px solid var(--mint)}.clearspace span{position:absolute;font-size:var(--small);color:var(--blue);line-height:1}.x-top{left:50%;top:1.5%}.x-left{left:1.5%;top:50%;transform:translateY(-50%)}.size-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4);margin-top:var(--s5)}.size-grid article{border-top:1px solid var(--line);padding-top:var(--s3)}.size-preview{height:90px;display:flex;align-items:center;margin-bottom:var(--s2)}.min-horizontal{width:160px}.min-compact{width:96px}.min-symbol{width:24px}.size-number{font-size:32px;font-weight:300;color:var(--blue);margin-block:var(--s1)}.rules{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:0 var(--s4);margin-top:var(--s4)}.rules li{display:flex;gap:var(--s2);align-items:center;border-top:1px solid var(--line);padding-block:var(--s3);font-size:14px}.rules li span{font-size:24px;color:var(--navy)}
.palette{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5) var(--s3)}.swatch{aspect-ratio:1.8;display:flex;align-items:center;justify-content:center;margin-bottom:var(--s3)}.swatch img{width:48px}.swatch.bg-white{border:1px solid var(--line)}.colour-card h3{font-size:16px;margin-bottom:var(--s1)}.copy-colour{display:flex;align-items:center;gap:var(--s2);border:0;background:none;padding:0;min-height:44px;font-size:18px;color:var(--navy);font-weight:500}.copy-colour:hover{color:var(--blue)}.colour-card .small{color:var(--navy)}.bg-navy{background:var(--navy)}.bg-blue{background:var(--blue)}.bg-ink{background:var(--ink)}.bg-mint{background:var(--mint)}.bg-purple{background:var(--purple)}.bg-white{background:var(--white)}.fg-navy{color:var(--navy)}.fg-white{color:var(--white)}.fg-ink{color:var(--ink)}.contrast-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3);margin-top:var(--s4)}.contrast{padding:var(--s3);display:flex;justify-content:space-between;align-items:center;gap:var(--s3);min-height:150px}.contrast.bg-white{border:1px solid var(--line)}.contrast span:last-child{font-size:var(--small);max-width:125px}.contrast-aa{font-size:56px;font-weight:300;line-height:1}
.type-section{background:var(--wash)}.type-specimens{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s4)}.type-specimens article{border-bottom:1px solid var(--line);padding-bottom:var(--s4)}.type-aa{display:block;font-size:clamp(80px,12vw,180px);line-height:1.1;letter-spacing:-.05em;color:var(--navy);margin-bottom:var(--s3)}.type-specimens p{font-weight:400;font-size:14px;margin-top:var(--s1)}.light{font-weight:300}.medium{font-weight:500}.bold{font-weight:700}.character-set{font-size:clamp(20px,3vw,40px);line-height:1.8;color:var(--navy);margin-top:var(--s6);letter-spacing:.03em;overflow-wrap:anywhere}.character-set span{font-size:clamp(18px,2.5vw,32px)}.type-scale>div{display:flex;justify-content:space-between;align-items:center;gap:var(--s3);padding-block:var(--s3);border-top:1px solid var(--line);color:var(--navy)}.type-scale>div>span:last-child{font-size:var(--small);text-align:right;flex-shrink:0}.sample-heading{font-size:clamp(32px,4vw,48px);font-weight:300;line-height:1.25}.sample-subheading{font-size:24px;font-weight:500}.type-scale .eyebrow{margin:0}
.motif-list{display:grid;gap:var(--s6)}.motif-stage{aspect-ratio:2.5;position:relative;background:linear-gradient(to right,var(--ink) 50%,var(--white) 50%);border:1px solid var(--line);overflow:hidden}.motif-stage img{position:absolute;width:95%;max-width:none;left:2.5%;top:50%;transform:translateY(-59%)}figcaption{font-size:var(--small);color:var(--navy);margin-top:var(--s2);display:flex;justify-content:space-between;gap:var(--s2)}.text-link{display:inline-flex;align-items:center;min-height:44px;font-weight:500;font-size:14px;color:var(--blue);border-bottom:1px solid var(--blue);margin-top:var(--s2)}
.applications{background:var(--wash)}.application-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:var(--s4);align-items:start}.application{position:relative;overflow:hidden;isolation:isolate;background:var(--ink);color:var(--white);padding:7%}.application>img:first-child{width:47%;position:relative;z-index:2}.application h3{font-size:clamp(24px,3vw,42px);font-weight:300;line-height:1.2;color:var(--white);position:relative;z-index:2;margin-top:9%}.application.slide{aspect-ratio:16/9}.application.square{aspect-ratio:1}.application .application-motif{position:absolute;max-width:none;width:130%;right:-35%;bottom:-37%;z-index:0;mask-image:linear-gradient(100deg,transparent 15%,#000 80%)}.square .application-motif{width:170%;bottom:-25%;right:-65%}.square>img:first-child{width:70%}.square h3{margin-top:16%}.layout-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--s2);height:100px;margin-top:var(--s4)}.layout-grid span{border-inline:1px solid var(--line);background:color-mix(in srgb,var(--mint) 14%,var(--white))}
.downloads-section{background:var(--ink);color:var(--white)}.downloads-section .section{border:0}.downloads-section h2{color:var(--white)}.downloads-section .eyebrow{color:var(--mint)}.downloads-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}.download{border:1px solid color-mix(in srgb,var(--white) 25%,transparent);padding:var(--s4);display:flex;flex-direction:column;min-height:236px;transition:background .2s,border-color .2s}.download:hover{background:color-mix(in srgb,var(--navy) 25%,var(--ink));border-color:var(--mint)}.download-top{display:flex;justify-content:space-between;gap:var(--s3);font-size:24px;line-height:1.35;font-weight:300}.download-meta{font-size:var(--small);margin-top:var(--s2);max-width:440px}.download-action{display:flex;justify-content:space-between;gap:var(--s3);align-items:center;margin-top:auto;padding-top:var(--s4);font-size:14px;color:var(--mint);font-weight:500}.format-note{font-size:var(--small);margin-top:var(--s5)}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding-block:var(--s4);font-size:12px;color:var(--navy)}.site-footer img{width:180px}.site-footer a{min-height:44px;display:flex;align-items:center}.status-message{position:fixed;bottom:var(--s3);left:50%;transform:translateX(-50%);background:var(--ink);color:var(--white);padding:var(--s2) var(--s3);font-size:14px;z-index:50;max-width:calc(100% - var(--s6));box-shadow:0 0 0 1px var(--mint)}.status-message:empty{display:none}
@media(min-width:1700px){.hero-motif{width:1450px}}
@media(max-width:1250px){.site-nav{gap:var(--s2)}.brand{flex-basis:160px}.header-inner{gap:var(--s2)}.site-nav a{font-size:11px}.contrast{flex-direction:column;align-items:flex-start}.contrast span:last-child{max-width:none}}
@media(max-width:1100px){:root{--header-height:80px}.menu-toggle{display:flex}.header-inner{justify-content:space-between}.header-controls{margin-left:auto}.site-nav{position:absolute;top:var(--header-height);left:0;right:0;background:var(--white);display:none;padding:var(--s2) var(--gutter) var(--s3);box-shadow:0 16px 24px color-mix(in srgb,var(--ink) 10%,transparent);margin:0;max-height:calc(100dvh - var(--header-height));overflow:auto;flex-direction:column;align-items:stretch;gap:0}.site-nav.is-open{display:flex}.site-nav a{font-size:16px;border-top:1px solid var(--line);padding-block:var(--s1);min-height:52px}.site-nav a[aria-current="location"]:after{display:none}.two-columns{gap:var(--s5)}.hero-inner{min-height:700px}.hero-motif{width:1100px;right:-300px;bottom:-220px}.overview{grid-template-columns:1fr;gap:var(--s4)}.overview .lead{max-width:760px}.composition-grid{grid-template-columns:1fr 1fr}.composition-grid article:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 var(--s4)}.composition-grid article:last-child .composition-preview{grid-row:1/3;margin:0}.composition-grid article:last-child h4{align-self:end}.palette{gap:var(--s4) var(--s2)}}
@media(max-width:700px){:root{--header-height:72px;--gutter:24px;--h2:36px;--h3:28px}.brand{flex-basis:155px}.header-controls{gap:var(--s2)}.menu-toggle{font-size:0;gap:0;width:28px;justify-content:center}.language{font-size:12px}.section,.overview{padding-block:var(--s8)}.section-intro{margin-bottom:var(--s5)}.eyebrow{font-size:11px;margin-bottom:var(--s2)}.lead{font-size:16px;margin-top:var(--s3)}.hero-inner{min-height:650px;padding-block:var(--s5)}.hero .eyebrow{margin-bottom:var(--s5)}.hero-logo{width:100%;margin-bottom:var(--s6)}.hero h1{font-size:62px}.hero-sub{margin-top:var(--s4);font-size:14px;max-width:260px}.hero-link{font-size:12px}.hero-motif{width:800px;right:-310px;bottom:-140px;mask-image:linear-gradient(110deg,transparent 18%,#000 80%)}.hero-edition{bottom:var(--s3);font-size:10px}.two-columns{grid-template-columns:1fr;gap:var(--s4)}.text-columns{margin-block:var(--s4);gap:var(--s4)}.subsection{margin-top:var(--s8)}.logo-stage{min-height:150px;padding:var(--s6) var(--s1)}.composition-grid{grid-template-columns:1fr;gap:var(--s4)}.composition-grid article:last-child{grid-column:auto;display:block}.composition-preview{height:160px}.composition-preview img{max-width:400px}.composition-preview.compact img{max-width:200px}.composition-grid article:last-child .composition-preview{margin-bottom:var(--s3)}.clearspace-stage{padding-inline:var(--s1)}.size-grid{grid-template-columns:1fr;gap:var(--s4)}.size-grid article{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--s2)}.size-preview{grid-row:1/4;min-height:90px;margin:0}.size-number{font-size:28px}.rules{grid-template-columns:1fr;gap:0}.rules li{padding-block:var(--s2)}.palette{grid-template-columns:1fr 1fr;gap:var(--s4) var(--s2)}.swatch{aspect-ratio:1.25;margin-bottom:var(--s2)}.swatch img{width:36px}.colour-card h3{font-size:14px}.copy-colour{font-size:16px;gap:var(--s1)}.colour-card .small{font-size:11px}.contrast-grid{grid-template-columns:1fr 1fr;gap:var(--s2)}.contrast{padding:var(--s2);gap:var(--s2);min-height:140px}.contrast-aa{font-size:48px}.contrast span:last-child{font-size:11px}.type-specimens{gap:var(--s2)}.type-aa{font-size:80px;margin-bottom:var(--s2)}.type-specimens h3{font-size:14px}.type-specimens p{font-size:11px}.character-set{font-size:24px}.character-set span{font-size:18px}.type-scale>div{flex-direction:column;align-items:flex-start;gap:var(--s1)}.type-scale>div>span:last-child{text-align:left}.sample-subheading{font-size:20px}.motif-list{gap:var(--s4)}figcaption{flex-direction:column;gap:0;font-size:11px}.motif-stage{aspect-ratio:2.4}.application-grid{grid-template-columns:1fr;gap:var(--s4)}.application h3{font-size:28px}.application.square{width:78%}.layout-grid{gap:var(--s1);height:80px}.downloads-grid{grid-template-columns:1fr}.download{padding:var(--s3);min-height:210px}.download-top{font-size:24px}.format-note{line-height:2}.site-footer{display:grid;grid-template-columns:1fr auto;gap:var(--s2)}.site-footer img{width:150px}.site-footer p{grid-row:2}.site-footer a{grid-row:1/3;grid-column:2}.note{padding-left:var(--s2)}h2{overflow-wrap:break-word}}
@media(max-width:360px){:root{--gutter:16px}.hero h1{font-size:54px}.brand{flex-basis:142px}.type-aa{font-size:70px}.size-grid article{grid-template-columns:160px 1fr}.download-top{font-size:22px}}
/* Interactive examples are deliberately incorrect; production assets stay intact. */
.comparison-hint{font-size:var(--small);color:var(--navy);margin-top:var(--s2)}
.misuse-grid{list-style:none;padding:0;margin:var(--s4) 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3)}
.misuse-grid>li{min-width:0}.misuse-card{height:100%;border-top:1px solid var(--line);padding-top:var(--s3);display:flex;flex-direction:column}
.misuse-card h4{display:flex;gap:var(--s2);min-height:48px;align-items:flex-start}.misuse-card h4>span{color:var(--navy);font-size:20px;line-height:1.2}
.misuse-preview{position:relative;min-height:180px;background:var(--wash);border:1px solid var(--line);margin-top:var(--s2);isolation:isolate;overflow:hidden}
.misuse-view{position:absolute;inset:0;display:flex;justify-content:center;align-items:center}.misuse-view[hidden]{display:none}.misuse-view img{width:75%;height:auto;max-width:280px}.demo-stretch img{transform:scaleY(1.9)}.demo-rotate img{transform:rotate(-15deg)}.demo-shadow img{filter:drop-shadow(0 8px 4px color-mix(in srgb,var(--ink) 55%,transparent))}.demo-contrast img{opacity:.13}
.recolour-logo{display:block;width:75%;max-width:280px;aspect-ratio:1004/129.372;background:linear-gradient(90deg,var(--blue),var(--purple) 50%,var(--mint));mask:url('/assets/logo.svg') center/contain no-repeat;-webkit-mask:url('/assets/logo.svg') center/contain no-repeat}
.example-state{position:absolute;left:var(--s2);bottom:var(--s2);font-size:11px;font-weight:500;line-height:1.3;color:var(--navy);border:1px solid var(--line);padding:4px var(--s1);background:var(--white)}.misuse-card[data-mode="correct"] .example-state{background:var(--mint);border-color:var(--mint);color:var(--ink)}
.comparison-controls{display:flex;margin-top:var(--s2);border:1px solid var(--line)}.comparison-controls button{border:0;background:var(--white);font-size:var(--small);font-weight:500;padding:var(--s1);min-height:44px;flex:1;color:var(--navy)}.comparison-controls button+button{border-left:1px solid var(--line)}.comparison-controls button[aria-pressed="true"]{background:var(--navy);color:var(--white)}.comparison-controls button[data-example-mode="correct"][aria-pressed="true"]{background:var(--mint);color:var(--ink)}.comparison-controls button:hover{box-shadow:inset 0 0 0 1px var(--navy)}
.misuse-detail{font-size:var(--small);line-height:1.7;margin-top:var(--s2);min-height:66px}
@media(max-width:1100px){.misuse-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.misuse-grid{grid-template-columns:1fr;gap:var(--s4)}.misuse-card h4{min-height:0}.misuse-preview{min-height:180px}.misuse-detail{min-height:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}