:root{--bg:#f4f1ea;--fg:#10100f;--muted:#68655f;--line:#cbc7bd;--accent:#ff3b1f;--pad:clamp(20px,5vw,76px)}
html[data-theme="dark"]{--bg:#0d0d0c;--fg:#f4f1ea;--muted:#9b9890;--line:#2f2e2a;--accent:#ff5138}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:var(--bg)}body{background:var(--bg);color:var(--fg);font-family:Archivo,Arial,sans-serif;-webkit-font-smoothing:antialiased;transition:background .35s,color .35s}a{color:inherit;text-decoration:none}button{font:inherit}
header{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:18px var(--pad);mix-blend-mode:difference;color:#fff}.logo{font-weight:800;font-size:.9rem;letter-spacing:-.02em;text-transform:uppercase}.nav{display:flex;align-items:center;gap:22px;font-size:.72rem;text-transform:uppercase;letter-spacing:.09em}.nav a{opacity:.75}.nav a:hover{opacity:1}.theme{border:1px solid #ffffff70;border-radius:999px;background:transparent;color:#fff;padding:7px 12px;text-transform:uppercase;font-size:.7rem;letter-spacing:.08em;cursor:pointer}
.hero{min-height:90svh;padding:clamp(130px,19vh,200px) var(--pad) 36px;display:flex;flex-direction:column;justify-content:space-between;border-bottom:1px solid var(--line)}.kicker{font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:var(--muted);margin-bottom:30px}.hero h1{font-size:clamp(3.3rem,10vw,10rem);line-height:.82;letter-spacing:-.065em;text-transform:uppercase;max-width:11ch}.hero-foot{display:grid;grid-template-columns:1fr minmax(300px,650px);gap:35px;align-items:end;margin-top:8vh;border-top:1px solid var(--line);padding-top:22px}.meta{display:flex;flex-wrap:wrap;gap:9px}.pill{border:1px solid var(--line);border-radius:999px;padding:7px 11px;font-size:.69rem;text-transform:uppercase;letter-spacing:.09em}.intro{font-family:"Instrument Serif",Georgia,serif;font-size:clamp(1.4rem,2.6vw,2.25rem);line-height:1.2}.stats{padding:0 var(--pad);display:grid;grid-template-columns:repeat(var(--stats,3),1fr);border-bottom:1px solid var(--line)}.stat{padding:clamp(28px,5vw,65px) 0}.stat+.stat{border-left:1px solid var(--line);padding-left:clamp(20px,4vw,55px)}.stat strong{display:block;color:var(--accent);font-size:clamp(2.2rem,6vw,5.2rem);letter-spacing:-.07em;line-height:.9}.stat span{display:block;margin-top:10px;color:var(--muted);font-size:.73rem;text-transform:uppercase;letter-spacing:.1em}
.gallery{background:#111;padding:clamp(16px,3vw,44px);display:grid;gap:clamp(14px,2.5vw,34px)}.media{width:min(100%,1400px);margin:auto;display:block;background:#1b1b1b;border:0}.media img,.media video{width:100%;height:auto;display:block}.video-wrap{position:relative;width:min(100%,1400px);margin:auto;aspect-ratio:16/9;background:#000}.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.two-up{width:min(100%,1400px);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2.5vw,34px)}
.brand-lockup{width:min(100%,1400px);min-height:clamp(260px,42vw,590px);margin:auto;background:#fff;display:grid;place-items:center;padding:clamp(35px,8vw,120px)}.brand-lockup img{display:block;width:min(100%,975px);height:auto}
.guide-book{width:min(100%,1400px);margin:auto;display:grid;gap:clamp(16px,2.5vw,34px);color:#050505}.guide-cover,.guide-page,.applications-heading{position:relative;overflow:hidden}.guide-cover{min-height:clamp(620px,68vw,960px);padding:clamp(28px,4vw,56px);background:#050505;color:#fff;display:flex;flex-direction:column;justify-content:space-between}.guide-cover-head,.guide-header{display:grid;grid-template-columns:1fr auto auto;gap:28px;align-items:center;text-transform:uppercase;letter-spacing:.12em;font-size:.68rem}.guide-cover-head img{width:min(250px,35vw);height:auto}.guide-cover-copy{position:relative;z-index:2}.guide-cover-copy p{font-size:.72rem;text-transform:uppercase;letter-spacing:.13em;margin-bottom:22px;color:#aaa}.guide-cover-copy h2,.guide-section-copy h2,.overview-copy h2,.applications-heading h2,.language-copy h2{font-size:clamp(3rem,7.2vw,7.8rem);line-height:.85;letter-spacing:-.065em;text-transform:uppercase}.guide-accent-grid{position:absolute;right:0;top:0;width:34%;height:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,1fr);opacity:.96}.guide-accent-grid i:nth-child(1){background:#1c6bb9}.guide-accent-grid i:nth-child(2){background:#050505}.guide-accent-grid i:nth-child(3){background:#dc8cb7}.guide-accent-grid i:nth-child(4){background:#fefefe}.guide-accent-grid i:nth-child(5){background:#050505}.guide-accent-grid i:nth-child(6){background:#ec6846}
.guide-page{min-height:clamp(620px,65vw,920px);padding:clamp(28px,4vw,56px);background:#f5f5f2}.guide-header{padding-bottom:18px;border-bottom:1px solid #c9c9c4}.guide-header span:last-child{font-weight:700}.guide-label{display:block;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:#70706b;margin-bottom:clamp(28px,4vw,54px)}.overview-page{display:grid;grid-template-columns:1.05fr .95fr;grid-template-rows:auto 1fr;gap:clamp(30px,5vw,70px)}.overview-page .guide-header{grid-column:1/-1}.overview-copy{align-self:end}.overview-copy p,.guide-section-copy p,.language-copy p,.applications-heading p{font-size:clamp(1rem,1.5vw,1.22rem);line-height:1.5;color:#5e5e59;max-width:42ch;margin-top:clamp(28px,4vw,54px)}.overview-copy dl{margin-top:clamp(34px,5vw,66px);border-top:1px solid #c9c9c4}.overview-copy dl div{display:grid;grid-template-columns:120px 1fr;gap:20px;padding:12px 0;border-bottom:1px solid #c9c9c4;font-size:.78rem}.overview-copy dt{font-weight:700;text-transform:uppercase;letter-spacing:.09em}.overview-copy dd{color:#656560}.overview-mark{align-self:end;height:min(48vw,670px);background:#050505;display:grid;place-items:center;overflow:hidden}.overview-mark img{width:100%;height:100%;object-fit:contain}
.logo-page{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:auto auto 1fr;gap:clamp(18px,3vw,42px)}.logo-page .guide-header,.logo-page .guide-section-copy{grid-column:1/-1}.guide-section-copy{padding-top:clamp(26px,4vw,50px)}.guide-section-copy h2{font-size:clamp(2.8rem,5.6vw,6.4rem)}.primary-wordmark,.primary-character{position:relative;min-height:clamp(320px,38vw,560px);background:#050505;display:grid;place-items:center;overflow:hidden}.primary-wordmark img{width:82%;height:auto}.primary-character img{width:100%;height:100%;object-fit:contain}.primary-wordmark figcaption,.primary-character figcaption{position:absolute;left:18px;bottom:16px;color:#8d8d88;font-size:.66rem;text-transform:uppercase;letter-spacing:.12em}
.construction-page{display:grid;grid-template-columns:.75fr 1.25fr;grid-template-rows:auto 1fr;gap:clamp(30px,5vw,70px)}.construction-page .guide-header{grid-column:1/-1}.guide-section-copy.compact{align-self:end;padding-bottom:clamp(24px,4vw,50px)}.safezone-demo{position:relative;align-self:stretch;min-height:clamp(420px,48vw,680px);background:#050505;display:grid;place-items:center;padding:14%}.safezone-frame{width:100%;aspect-ratio:3.7/1;border:1px dashed #dc8cb7;padding:9%;display:grid;place-items:center}.safezone-frame img{width:100%;height:auto}.measure{position:absolute;color:#dc8cb7;font-weight:800;font-size:1rem}.measure.top{top:11%;left:50%}.measure.left{left:8%;top:50%}
.rules-page{display:grid;grid-template-rows:auto auto 1fr;gap:clamp(28px,4vw,52px)}.guide-section-copy.horizontal{display:grid;grid-template-columns:1fr minmax(300px,540px);gap:40px;align-items:end}.guide-section-copy.horizontal p{margin:0}.rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2vw,28px)}.rule-card{position:relative;min-height:240px;display:grid;place-items:center;padding:45px 30px 60px;overflow:hidden}.rule-card.dark{background:#050505}.rule-card.light{background:#fff}.rule-card img{width:75%;height:auto}.rule-card.light img{filter:invert(1)}.rule-card.stretch img{transform:scaleX(1.35)}.rule-card.rotate img{transform:rotate(-8deg);filter:invert(1) drop-shadow(8px 8px 0 #dc8cb7)}.rule-card figcaption{position:absolute;left:16px;bottom:15px;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:#858580}.rule-card span{position:absolute;right:16px;top:12px;font-size:1.5rem;font-weight:800}.rule-card.valid span{color:#1c6bb9}.rule-card.invalid span{color:#ec6846}
.palette-page{display:grid;grid-template-rows:auto auto 1fr;gap:clamp(28px,4vw,52px)}.guide-swatches{display:grid;grid-template-columns:1.15fr 1fr 1fr 1fr 1fr;min-height:clamp(300px,34vw,500px)}.guide-swatch{padding:20px;display:flex;flex-direction:column;justify-content:space-between;text-transform:uppercase}.guide-swatch strong{font-size:.8rem;letter-spacing:.1em}.guide-swatch span{font-size:.66rem;line-height:1.5;letter-spacing:.08em}.guide-swatch.ink{background:#050505;color:#fff}.guide-swatch.milk{background:#fefefe;color:#050505}.guide-swatch.blue{background:#1c6bb9;color:#fff}.guide-swatch.pink{background:#dc8cb7;color:#050505}.guide-swatch.ember{background:#ec6846;color:#050505}
.type-page{display:grid;grid-template-rows:auto auto 1fr;gap:clamp(28px,4vw,52px)}.type-specimen{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,3vw,40px)}.type-display,.type-support{min-height:clamp(360px,42vw,580px);padding:clamp(24px,4vw,54px);display:flex;flex-direction:column;justify-content:space-between}.type-display{background:#050505;color:#fff}.type-display>span,.type-support>span{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em}.type-display img{width:100%;height:auto}.type-support{background:#fff}.type-support strong{font-size:clamp(8rem,18vw,17rem);line-height:.7;letter-spacing:-.09em}.type-support p{font-size:clamp(.8rem,1.2vw,1rem);line-height:1.55;letter-spacing:.06em}.type-support div{display:flex;gap:18px;flex-wrap:wrap;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}
.language-page{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;gap:clamp(30px,5vw,70px);background:#050505;color:#fff}.language-page .guide-header{grid-column:1/-1;border-color:#3b3b3b}.language-character{height:min(54vw,740px);display:grid;place-items:center;overflow:hidden}.language-character img{width:100%;height:100%;object-fit:contain}.language-copy{align-self:end;padding-bottom:clamp(24px,4vw,50px)}.language-copy p{color:#aaa}.language-copy ol{list-style:none;margin-top:clamp(34px,5vw,68px);border-top:1px solid #333}.language-copy li{display:grid;grid-template-columns:55px 1fr;padding:14px 0;border-bottom:1px solid #333;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}.language-copy li span{color:#777}.applications-heading{padding:clamp(58px,9vw,125px) clamp(20px,4vw,55px);background:#050505;color:#fff}.applications-heading h2{max-width:10ch}.applications-heading p{color:#aaa}.release-pair .media{background:#000}.release-pair figcaption{padding:16px 3px 4px;color:#aaa;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}
.project-credits{padding:clamp(42px,6vw,84px) var(--pad);border-top:1px solid #2b2b2b;background:#111;color:#fff;display:grid;grid-template-columns:minmax(120px,.32fr) 1fr;gap:clamp(28px,5vw,80px)}.project-credits h2{font-size:.68rem;font-weight:600;line-height:1.2;letter-spacing:.15em;text-transform:uppercase;color:#888}.project-credits dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(30px,5vw,76px)}.project-credits dl div{display:grid;grid-template-columns:minmax(125px,.8fr) 1.2fr;gap:18px;padding:9px 0;border-bottom:1px solid #292929;font-size:.72rem;line-height:1.45}.project-credits dt{color:#777}.project-credits dd{color:#d8d8d8}
.next{padding:clamp(70px,10vw,150px) var(--pad);border-top:1px solid #2b2b2b;background:#111;color:#fff}.next small{display:block;text-transform:uppercase;letter-spacing:.15em;color:#999;margin-bottom:25px}.next a{display:flex;justify-content:space-between;gap:25px;align-items:end}.next strong{font-size:clamp(2.5rem,7vw,7rem);line-height:.88;letter-spacing:-.055em;text-transform:uppercase}.next span{font-size:clamp(1.8rem,4vw,4rem);color:var(--accent)}footer{padding:22px var(--pad);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:760px){.nav a:nth-child(2){display:none}.hero{min-height:78svh}.hero-foot{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.stat+.stat{border-left:0;border-top:1px solid var(--line);padding-left:0}.two-up{grid-template-columns:1fr}.project-credits{grid-template-columns:1fr}.project-credits dl{grid-template-columns:1fr}.project-credits dl div{grid-template-columns:minmax(105px,.7fr) 1.3fr;gap:14px}.next a{align-items:start}.guide-cover{min-height:700px}.guide-cover-head,.guide-header{grid-template-columns:1fr auto}.guide-cover-head span,.guide-header span:nth-child(2){display:none}.guide-accent-grid{width:30%}.guide-cover-copy h2,.guide-section-copy h2,.overview-copy h2,.applications-heading h2,.language-copy h2{font-size:clamp(2.55rem,12vw,4.5rem)}.overview-page,.logo-page,.construction-page,.language-page{grid-template-columns:1fr}.overview-page .guide-header,.logo-page .guide-header,.logo-page .guide-section-copy,.construction-page .guide-header,.language-page .guide-header{grid-column:1}.overview-mark,.language-character{height:560px}.primary-wordmark,.primary-character{min-height:380px}.guide-section-copy.horizontal{grid-template-columns:1fr;align-items:start}.rules-grid,.type-specimen{grid-template-columns:1fr}.guide-swatches{grid-template-columns:1fr 1fr;min-height:0}.guide-swatch{min-height:180px}.guide-swatch.ink{grid-column:span 2}.safezone-demo{min-height:420px}.type-display,.type-support{min-height:420px}.language-copy{padding-bottom:30px}}
.mcot-case{width:min(100%,1400px);margin:auto;display:grid;gap:clamp(16px,2.5vw,34px);color:#050505}.mcot-case section{scroll-margin-top:76px}.case-index{position:sticky;top:0;z-index:12;display:flex;justify-content:flex-end;gap:10px;padding:12px;background:#111;border:1px solid #2b2b2b}.case-index a{border:1px solid #444;border-radius:999px;padding:8px 12px;color:#c6c6c1;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;transition:background .2s,color .2s}.case-index a:hover,.case-index a:focus-visible{background:#fff;color:#050505;outline:none}
.mcot-section-head{display:flex;justify-content:space-between;gap:24px;font-size:.68rem;line-height:1.4;text-transform:uppercase;letter-spacing:.12em}.mcot-cover{min-height:clamp(560px,70vw,980px);padding:clamp(28px,4vw,56px);background:#050505;color:#fff;display:flex;flex-direction:column;justify-content:space-between}.mcot-cover img{width:min(82%,1050px);height:auto;align-self:center;margin:auto 0;display:block}.mcot-overview{min-height:clamp(560px,58vw,820px);padding:clamp(28px,5vw,76px);background:#f5f5f2;display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(42px,8vw,120px);align-items:end}.mcot-label{display:block;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:#70706b;margin-bottom:clamp(28px,4vw,54px)}.mcot-copy h2,.mcot-language h2,.mcot-releases-heading h2{font-size:clamp(3rem,7vw,7.6rem);line-height:.86;letter-spacing:-.065em;text-transform:uppercase}.mcot-copy p,.mcot-language-grid p,.mcot-releases-heading p{font-size:clamp(1rem,1.5vw,1.22rem);line-height:1.55;color:#5e5e59;max-width:46ch;margin-top:clamp(28px,4vw,52px)}.mcot-facts{border-top:1px solid #c9c9c4}.mcot-facts div{display:grid;grid-template-columns:90px 1fr;gap:18px;padding:15px 0;border-bottom:1px solid #c9c9c4;font-size:.78rem;line-height:1.45}.mcot-facts dt{font-weight:700;text-transform:uppercase;letter-spacing:.09em}.mcot-facts dd{color:#656560}
.mcot-assets{display:grid;grid-template-columns:1.35fr .65fr;gap:clamp(16px,2.5vw,34px)}.mcot-assets figure{position:relative;min-height:clamp(430px,50vw,720px);background:#050505;display:grid;place-items:center;overflow:hidden}.mcot-assets img{display:block}.mcot-wordmark img{width:82%;height:auto}.mcot-character img{width:100%;height:100%;object-fit:contain}.mcot-assets figcaption{position:absolute;left:20px;bottom:18px;color:#8d8d88;font-size:.66rem;text-transform:uppercase;letter-spacing:.12em}
.mcot-language{min-height:clamp(620px,64vw,900px);padding:clamp(28px,5vw,76px);background:#f5f5f2;display:grid;grid-template-rows:auto auto 1fr;gap:clamp(46px,7vw,100px)}.mcot-language-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(42px,8vw,120px);align-items:end}.mcot-language-grid p{margin:0}.mcot-system-grid{align-self:end;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #c9c9c4}.mcot-system-grid div{padding:22px 0}.mcot-system-grid div+div{border-left:1px solid #c9c9c4;padding-left:clamp(24px,5vw,72px)}.mcot-system-grid span{display:block;margin-bottom:26px;color:#70706b;font-size:.68rem;text-transform:uppercase;letter-spacing:.14em}.mcot-system-grid strong{font-size:clamp(1.25rem,2.2vw,2rem);line-height:1.32;letter-spacing:-.035em}.mcot-releases-heading{padding:clamp(68px,10vw,135px) clamp(28px,5vw,76px);background:#050505;color:#fff}.mcot-releases-heading h2{max-width:10ch}.mcot-releases-heading p{color:#aaa}
.next{padding:clamp(70px,10vw,150px) var(--pad);border-top:1px solid #2b2b2b;background:#111;color:#fff}.next small{display:block;text-transform:uppercase;letter-spacing:.15em;color:#999;margin-bottom:25px}.next a{display:flex;justify-content:space-between;gap:25px;align-items:end}.next strong{font-size:clamp(2.5rem,7vw,7rem);line-height:.88;letter-spacing:-.055em;text-transform:uppercase}.next span{font-size:clamp(1.8rem,4vw,4rem);color:var(--accent)}footer{padding:22px var(--pad);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:760px){.nav a:nth-child(2){display:none}.hero{min-height:78svh}.hero-foot{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.stat+.stat{border-left:0;border-top:1px solid var(--line);padding-left:0}.two-up{grid-template-columns:1fr}.next a{align-items:start}.guide-cover{min-height:700px}.guide-cover-head,.guide-header{grid-template-columns:1fr auto}.guide-cover-head span,.guide-header span:nth-child(2){display:none}.guide-accent-grid{width:30%}.guide-cover-copy h2,.guide-section-copy h2,.overview-copy h2,.applications-heading h2,.language-copy h2{font-size:clamp(2.55rem,12vw,4.5rem)}.overview-page,.logo-page,.construction-page,.language-page{grid-template-columns:1fr}.overview-page .guide-header,.logo-page .guide-header,.logo-page .guide-section-copy,.construction-page .guide-header,.language-page .guide-header{grid-column:1}.overview-mark,.language-character{height:560px}.primary-wordmark,.primary-character{min-height:380px}.guide-section-copy.horizontal{grid-template-columns:1fr;align-items:start}.rules-grid,.type-specimen{grid-template-columns:1fr}.guide-swatches{grid-template-columns:1fr 1fr;min-height:0}.guide-swatch{min-height:180px}.guide-swatch.ink{grid-column:span 2}.safezone-demo{min-height:420px}.type-display,.type-support{min-height:420px}.language-copy{padding-bottom:30px}}
@media(max-width:760px){.case-index{justify-content:flex-start;overflow-x:auto}.case-index a{white-space:nowrap}.mcot-section-head span:last-child{display:none}.mcot-cover{min-height:540px}.mcot-cover img{width:100%}.mcot-overview,.mcot-language-grid{grid-template-columns:1fr}.mcot-overview{align-items:start}.mcot-assets{grid-template-columns:1fr}.mcot-assets figure{min-height:420px}.mcot-language{min-height:760px}.mcot-system-grid{grid-template-columns:1fr}.mcot-system-grid div+div{border-left:0;border-top:1px solid #c9c9c4;padding-left:0}.mcot-copy h2,.mcot-language h2,.mcot-releases-heading h2{font-size:clamp(2.7rem,12vw,4.7rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}