:root {
  --orange:#ff4f00;
  --ink:#201515;
  --cream:#fff3e6;
  --white:#fff;
  --almost:#fffdf9;
  --mist:#e7e2dc;
  --graphite:#655e5a;
  --line:rgba(32,21,21,.18);
  --pad:clamp(24px,5vw,80px);
  --display:"Degular","Arial Black","Inter",Arial,sans-serif;
  --sans:"Inter","Helvetica Neue",Arial,"PingFang SC","Hiragino Sans GB",sans-serif;
  --mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ink)}
body{margin:0;color:var(--ink);background:var(--cream);font-family:var(--sans);-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}
img{display:block;max-width:100%}
a{color:inherit}
button{font:inherit}
.skip-link{position:fixed;z-index:500;left:16px;top:-80px;padding:12px 18px;background:var(--white);transition:.2s}.skip-link:focus{top:16px}
.topbar{position:fixed;z-index:100;inset:0 0 auto;height:72px;display:grid;grid-template-columns:210px 1fr 100px;align-items:center;color:var(--ink);background:rgba(255,243,230,.93);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}
.brand-link{display:flex;align-items:center;height:72px;padding:0 24px;border-right:1px solid var(--line)}
.brand-link img{width:145px}
.topbar__center{text-align:center;font:700 10px/1 var(--mono);letter-spacing:.16em}.topbar__center span{color:var(--orange)}
.menu-toggle{position:relative;height:72px;padding:0 20px;color:var(--cream);background:var(--ink);border:0;cursor:pointer}.menu-toggle span{font:700 9px/1 var(--mono);letter-spacing:.12em}.menu-toggle i{position:absolute;right:16px;width:12px;height:1px;background:var(--orange);transition:.25s}.menu-toggle i:nth-of-type(1){top:31px}.menu-toggle i:nth-of-type(2){top:39px}.menu-toggle[aria-expanded="true"] i:nth-of-type(1){top:35px;transform:rotate(45deg)}.menu-toggle[aria-expanded="true"] i:nth-of-type(2){top:35px;transform:rotate(-45deg)}
.site-nav{position:fixed;z-index:90;inset:72px 0 0;display:grid;grid-template-columns:repeat(2,1fr);padding:var(--pad);color:var(--cream);background:var(--ink);opacity:0;visibility:hidden;transform:translateY(-18px);transition:.28s;overflow:auto}.site-nav.open{opacity:1;visibility:visible;transform:none}.site-nav a{min-height:92px;display:grid;grid-template-columns:54px 1fr;align-items:center;border-top:1px solid rgba(255,255,255,.18);text-decoration:none}.site-nav a:hover{color:var(--orange)}.site-nav b{font:500 10px/1 var(--mono);color:var(--orange)}.site-nav span{font:700 clamp(22px,3vw,38px)/1 var(--display)}
.hero{position:relative;min-height:100svh;padding:calc(72px + 34px) var(--pad) 38px;display:flex;flex-direction:column;overflow:hidden;background:var(--cream)}
.hero__edition{font:700 10px/1 var(--mono);letter-spacing:.14em}
.hero__wordmark{margin:auto 0;width:100%;transform:translateY(-1vh)}.hero__wordmark img{width:100%}.hero__local-name{margin-top:clamp(18px,2.2vw,34px);display:flex;align-items:baseline;justify-content:space-between;border-top:1px solid var(--line);padding-top:clamp(14px,1.5vw,22px)}.hero__local-name strong{font:650 clamp(22px,2.8vw,42px)/1 "PingFang SC","Hiragino Sans GB","Noto Sans CJK SC",sans-serif;letter-spacing:.18em}.hero__local-name span{font:700 9px/1 var(--mono);letter-spacing:.14em;color:var(--graphite)}
.hero__statement{position:relative;z-index:2;display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:40px}.hero__statement h1{margin:0;font:700 clamp(46px,7vw,112px)/.84 var(--display);letter-spacing:-.055em}.hero__statement p{margin:0 0 26px;font-size:clamp(16px,1.6vw,23px);font-weight:650}.hero__statement span{font:600 9px/1 var(--mono);letter-spacing:.12em;color:var(--graphite)}
.hero__rail{position:absolute;right:-10vw;bottom:16%;width:42vw;height:12px;background:var(--orange)}
.scroll{position:absolute;right:var(--pad);bottom:38px;display:flex;gap:20px;align-items:center;text-decoration:none;font:700 9px/1 var(--mono);letter-spacing:.12em}.scroll i{display:grid;place-items:center;width:34px;height:34px;color:var(--cream);background:var(--ink);font-style:normal}
.chapter{position:relative;padding:clamp(90px,11vw,170px) var(--pad);overflow:hidden}.chapter--ink{color:var(--cream);background:var(--ink)}.chapter--cream{background:var(--cream)}.chapter--white{background:var(--almost)}.chapter--orange{color:var(--ink);background:var(--orange)}
.chapter-head{display:grid;grid-template-columns:64px 210px 1fr;align-items:start;margin-bottom:clamp(64px,9vw,130px)}.chapter-head>span,.chapter-head>p{margin:7px 0 0;font:700 10px/1 var(--mono);letter-spacing:.13em}.chapter-head>span{color:var(--orange)}.chapter--orange .chapter-head>span{color:var(--cream)}.chapter-head h2{margin:0;text-align:right;font:700 clamp(48px,7.4vw,112px)/.78 var(--display);letter-spacing:-.06em}
.idea-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end}.idea-lead>p{max-width:860px;margin:0;font:650 clamp(38px,5.7vw,86px)/.95 var(--display);letter-spacing:-.04em}.rail-demo{margin-top:80px;display:flex;align-items:center;gap:20px;font:700 10px/1 var(--mono);letter-spacing:.1em}.rail-demo i{width:160px;height:12px;background:var(--orange)}.idea-copy h3{margin:0 0 28px;font:650 clamp(28px,3vw,46px)/1.05 var(--display);letter-spacing:-.03em}.idea-copy>p{margin:0;color:rgba(255,243,230,.68);font-size:15px;line-height:1.85}.principles{margin:58px 0 0}.principles div{display:grid;grid-template-columns:130px 1fr;padding:17px 0;border-top:1px solid rgba(255,255,255,.18)}.principles dt{font:700 9px/1.4 var(--mono);color:var(--orange)}.principles dd{margin:0;font-size:13px}
.refine-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:9vw;align-items:end;margin-bottom:70px}.refine-intro h3{margin:0;font:650 clamp(36px,5.5vw,82px)/.92 var(--display);letter-spacing:-.05em}.refine-intro p{margin:0;max-width:520px;color:var(--graphite);font-size:15px;line-height:1.85}.comparison{border:1px solid var(--line);background:var(--white)}.comparison article{min-height:260px;padding:26px 30px 38px;display:flex;flex-direction:column;justify-content:space-between;border-bottom:1px solid var(--line)}.comparison article:last-child{border-bottom:0}.comparison__label{display:flex;justify-content:space-between;margin-bottom:48px}.comparison__label b,.comparison__label span{font:700 9px/1 var(--mono);letter-spacing:.1em}.comparison__label span{color:var(--graphite)}.comparison img{width:100%}.refine-notes{display:grid;grid-template-columns:repeat(3,minmax(130px,1fr)) 2fr;border-top:1px solid var(--line);margin-top:38px}.refine-notes>div,.refine-notes>p{margin:0;padding:24px 20px;border-right:1px solid var(--line)}.refine-notes>div{display:flex;flex-direction:column;gap:10px}.refine-notes strong{font:700 25px/1 var(--display)}.refine-notes span{font:600 9px/1 var(--mono);color:var(--graphite)}.refine-notes>p{border-right:0;font-size:13px;line-height:1.65}
.logo-master{min-height:480px;padding:50px;display:flex;flex-direction:column;justify-content:center;background:var(--cream)}.logo-master img{width:100%}.logo-master p{margin:70px 0 0;font:700 9px/1 var(--mono);letter-spacing:.13em}.logo-variants{display:grid;grid-template-columns:1fr 1fr 1fr}.logo-variants article{min-height:330px;padding:34px;display:flex;flex-direction:column;justify-content:center}.logo-variants img{width:100%}.logo-variants span{margin-top:58px;font:700 9px/1 var(--mono);letter-spacing:.12em}.logo-variants__dark{color:var(--cream);background:var(--ink)}.logo-variants__orange{color:var(--white);background:var(--orange)}.logo-variants__mono{background:var(--mist)}
.localized-lockup{display:grid;grid-template-columns:1.2fr .8fr;margin-top:20px}.localized-lockup__mark{padding:clamp(38px,6vw,86px);display:flex;flex-direction:column;justify-content:center;background:var(--cream)}.localized-lockup__mark img{width:100%}.localized-lockup__mark strong{align-self:flex-start;margin-top:38px;padding-top:22px;border-top:1px solid var(--line);font:650 clamp(24px,3.1vw,46px)/1 "PingFang SC","Hiragino Sans GB","Noto Sans CJK SC",sans-serif;letter-spacing:.18em}.localized-lockup__mark span{margin-top:18px;font:700 8px/1 var(--mono);letter-spacing:.12em;color:var(--graphite)}.localized-lockup__copy{padding:clamp(38px,5vw,74px);color:var(--cream);background:var(--ink)}.localized-lockup__copy>p:first-child{margin:0 0 44px;font:700 9px/1 var(--mono);letter-spacing:.13em;color:var(--orange)}.localized-lockup__copy h3{margin:0 0 28px;font:650 clamp(32px,4vw,58px)/.96 var(--display);letter-spacing:-.04em}.localized-lockup__copy>p:nth-of-type(2){margin:0;color:rgba(255,243,230,.68);font-size:13px;line-height:1.8}.localized-lockup__copy dl{margin:44px 0 0}.localized-lockup__copy dl div{display:grid;grid-template-columns:90px 1fr;padding:14px 0;border-top:1px solid rgba(255,255,255,.18)}.localized-lockup__copy dt{font-size:11px}.localized-lockup__copy dd{margin:0;text-align:right;font:700 9px/1.4 var(--mono);color:var(--orange)}
.signature-roles{margin-top:80px}.signature-roles>header{display:grid;grid-template-columns:180px 1fr 1fr;gap:34px;align-items:end;margin-bottom:34px}.signature-roles>header span,.role>b{font:700 9px/1 var(--mono);letter-spacing:.12em;color:var(--orange)}.signature-roles>header h3{margin:0;font:650 clamp(34px,4vw,58px)/.94 var(--display);letter-spacing:-.04em}.signature-roles>header p{margin:0;color:var(--graphite);font-size:13px;line-height:1.7}.signature-roles__grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.role{min-width:0;min-height:360px;padding:24px;display:flex;flex-direction:column;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--almost)}.role>img{margin:auto 0;width:100%}.role h4{margin:26px 0 8px;font:650 24px/1 var(--display)}.role p{margin:0;color:var(--graphite);font-size:11px;line-height:1.65}.role--icon>div{margin:auto 0;display:flex;align-items:center;gap:14px}.role--icon>div>img{width:58px;border-radius:12px}.role--icon span{display:flex;flex-direction:column;gap:4px}.role--icon strong{font-size:13px}.role--icon small{color:var(--graphite);font-size:9px}.role--inline>div{margin:auto 0;display:flex;align-items:center;gap:10px;font-size:10px}.role--inline img{width:104px}.role--localized>img{margin:auto 0 0}.role--localized>strong{margin:14px 0 auto;font:650 15px/1 "PingFang SC","Hiragino Sans GB",sans-serif;letter-spacing:.18em}
.logo-rules{display:grid;grid-template-columns:1.3fr .7fr;border:1px solid var(--line);margin-top:50px}.logo-rules article{padding:34px}.logo-rules article+article{border-left:1px solid var(--line)}.logo-rules>article>p{margin:0 0 32px;font:700 9px/1 var(--mono);letter-spacing:.12em}.clearspace__canvas{position:relative;min-height:340px;display:grid;place-items:center;border:1px dashed var(--orange);padding:11%}.clearspace__canvas::before,.clearspace__canvas::after{content:"";position:absolute;background:var(--orange)}.clearspace__canvas::before{left:-1px;top:11%;width:22px;height:1px}.clearspace__canvas::after{left:11%;top:-1px;width:1px;height:22px}.clearspace__canvas i{position:absolute;left:-28px;top:9%;color:var(--orange);font:700 10px/1 var(--mono)}.clearspace>span{display:block;margin-top:20px;color:var(--graphite);font-size:12px}.minimum>div{display:flex;flex-direction:column;padding:24px 0;border-top:1px solid var(--line)}.minimum strong{font:700 clamp(34px,4vw,62px)/1 var(--display);letter-spacing:-.04em}.minimum span{margin-top:6px;color:var(--graphite);font-size:11px}
.dont{margin-top:80px}.dont h3{max-width:850px;margin:0 0 36px;font:650 clamp(28px,4vw,58px)/1 var(--display);letter-spacing:-.04em}.dont>div{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.dont figure{min-width:0;margin:0;padding:26px 20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}.wrong{height:130px;display:grid;place-items:center}.wrong img{width:90%}.wrong--stretch img{transform:scaleX(1.28)}.wrong--rotate img{transform:rotate(-8deg)}.wrong--effect img{filter:drop-shadow(8px 8px 0 var(--orange))}.wrong--rail img{transform:scaleY(.7)}.dont figcaption{margin-top:18px;color:var(--graphite);font-size:11px}
.palette{display:grid;grid-template-columns:1.2fr 1.2fr .8fr .8fr .8fr;min-height:560px}.swatch{padding:30px 22px;display:flex;flex-direction:column;justify-content:space-between}.swatch span{font:700 9px/1 var(--mono);letter-spacing:.11em}.swatch strong{font:700 clamp(22px,2.5vw,42px)/1 var(--display)}.swatch p{font:500 10px/1.6 var(--mono)}.swatch button{align-self:flex-start;padding:8px 0;border:0;border-bottom:1px solid currentColor;color:inherit;background:none;font:700 9px/1 var(--mono);cursor:pointer}.swatch--orange{color:var(--ink);background:var(--orange)}.swatch--ink{color:var(--cream);background:#140d0d;border:1px solid rgba(255,255,255,.14)}.swatch--cream{color:var(--ink);background:var(--cream)}.swatch--almost{color:var(--ink);background:var(--almost)}.swatch--mist{color:var(--ink);background:var(--mist)}.color-ratio{height:68px;display:flex;margin-top:24px;overflow:hidden}.color-ratio span{flex:var(--ratio);padding:0 16px;display:flex;align-items:center;font:700 8px/1 var(--mono);white-space:nowrap}.color-ratio span:nth-child(1){background:#140d0d}.color-ratio span:nth-child(2){color:var(--ink);background:var(--cream)}.color-ratio span:nth-child(3){color:var(--ink);background:var(--almost)}.color-ratio span:nth-child(4){color:var(--ink);background:var(--mist)}.color-ratio span:nth-child(5){color:var(--ink);background:var(--orange)}.ratio-note{max-width:680px;margin:20px 0 0 auto;color:rgba(255,243,230,.62);font-size:12px;line-height:1.7}
.type-grid{display:grid;grid-template-columns:1.25fr .75fr;border-top:1px solid var(--line)}.type-display{padding:34px 50px 50px 0;border-right:1px solid var(--line)}.type-display>span,.type-info span,.type-scale>p{font:700 9px/1 var(--mono);letter-spacing:.12em}.type-display p{margin:70px 0 0;font:700 clamp(68px,10vw,150px)/.7 var(--display);letter-spacing:-.065em}.type-display em{color:var(--orange);font-style:normal}.type-info{padding-left:clamp(28px,5vw,74px)}.type-info>div{padding:30px 0;border-bottom:1px solid var(--line)}.type-info h3{margin:28px 0 12px;font:650 clamp(25px,3vw,42px)/1 var(--display)}.type-info p{margin:0;color:var(--graphite);font-size:13px;line-height:1.7}.type-scale{margin-top:80px}.type-scale>div{display:grid;grid-template-columns:160px 1fr;align-items:baseline;padding:20px 0;border-top:1px solid var(--line)}.type-scale span{font:600 9px/1 var(--mono);color:var(--graphite)}.type-scale strong{font-weight:600}.type-scale>div:nth-of-type(1) strong{font:700 clamp(40px,6vw,88px)/.9 var(--display);letter-spacing:-.04em}.type-scale>div:nth-of-type(2) strong{font-size:40px}.type-scale>div:nth-of-type(3) strong{font-size:24px}.type-scale>div:nth-of-type(4) strong{font-size:16px}
.rail-hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:7vw}.rail-hero>span{grid-column:1/3;width:38%;height:22px;background:var(--ink)}.rail-hero h3{margin:55px 0 0;font:700 clamp(60px,9vw,140px)/.72 var(--display);letter-spacing:-.07em}.rail-hero p{margin:0 0 8px;font-size:15px;line-height:1.75}.rail-patterns{display:grid;grid-template-columns:repeat(3,1fr);margin-top:100px;border-top:1px solid rgba(32,21,21,.4);border-left:1px solid rgba(32,21,21,.4)}.pattern{position:relative;min-height:360px;padding:28px;display:flex;flex-direction:column;border-right:1px solid rgba(32,21,21,.4);border-bottom:1px solid rgba(32,21,21,.4);overflow:hidden}.pattern b{font:700 9px/1 var(--mono);letter-spacing:.12em}.pattern>span{margin-top:auto;font-size:11px}.pattern--start i{position:absolute;left:0;right:30%;top:50%;height:18px;background:var(--ink)}.pattern--route i{position:absolute;left:13%;right:13%;height:12px;background:var(--ink)}.pattern--route i:nth-of-type(1){top:36%}.pattern--route i:nth-of-type(2){top:50%;left:35%}.pattern--route i:nth-of-type(3){top:64%;left:60%}.pattern--focus i{position:absolute;left:50%;top:50%;width:170px;height:170px;border:20px solid var(--ink);border-radius:50%;transform:translate(-50%,-50%)}
.digital-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:20px}.browser-card{grid-row:span 2;min-height:690px;padding:26px;background:var(--ink)}.browser-ui{height:44px;display:flex;gap:8px;align-items:center;padding:0 14px;color:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.18);border-bottom:0}.browser-ui i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.35)}.browser-ui span{margin-left:auto;font:600 8px/1 var(--mono)}.browser-content{position:relative;height:calc(100% - 44px);padding:52px;display:flex;flex-direction:column;color:var(--cream);border:1px solid rgba(255,255,255,.18);overflow:hidden}.browser-content img{width:150px}.browser-content h3{position:relative;z-index:2;margin:auto 0 0;font:700 clamp(52px,6vw,92px)/.78 var(--display);letter-spacing:-.055em}.browser-content a{position:relative;z-index:2;align-self:flex-start;margin-top:48px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.35);text-decoration:none;font:700 9px/1 var(--mono)}.browser-content a b{color:var(--orange);font-size:15px}.browser-content>div{position:absolute;right:-12%;top:18%;width:65%;height:16px;background:var(--orange);transform:rotate(-37deg)}.icon-card,.ui-card{min-height:335px;padding:36px;background:var(--mist)}.icon-card img{width:128px;border-radius:24px;box-shadow:0 24px 55px rgba(32,21,21,.24)}.icon-card h3{margin:30px 0 8px;font:650 30px/1 var(--display)}.icon-card p{margin:0;color:var(--graphite);font-size:12px;line-height:1.6}.ui-card{display:flex;flex-direction:column;background:var(--cream);border:1px solid var(--line)}.ui-card>span{font:700 9px/1 var(--mono);letter-spacing:.1em}.ui-card strong{margin:auto 0 0;font:700 84px/.8 var(--display);letter-spacing:-.05em}.ui-card p{margin:12px 0;color:var(--graphite);font-size:12px}.ui-card button{margin-top:22px;padding:14px 0;display:flex;justify-content:space-between;border:0;border-top:1px solid var(--line);color:var(--ink);background:none;font:700 9px/1 var(--mono);text-align:left}.ui-card button b{color:var(--orange);font-size:15px}
.icon-family{margin-top:20px;padding:clamp(30px,5vw,68px);display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:end;color:var(--cream);background:var(--ink)}.icon-family__copy>span{font:700 9px/1 var(--mono);letter-spacing:.12em;color:var(--orange)}.icon-family__copy h3{margin:34px 0 20px;font:650 clamp(34px,4vw,58px)/.95 var(--display);letter-spacing:-.04em}.icon-family__copy p{margin:0;color:rgba(255,243,230,.64);font-size:12px;line-height:1.75}.icon-family__sizes{min-height:230px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.icon-family figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px}.icon-family figure img{width:var(--icon);height:var(--icon);min-width:var(--icon);border-radius:calc(var(--icon)*.18)}.icon-family figcaption{font:700 8px/1 var(--mono);color:var(--orange)}
.deck-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.slide{position:relative;aspect-ratio:16/9;padding:34px;overflow:hidden;border:1px solid rgba(255,255,255,.18)}.slide--cover{grid-row:span 2;aspect-ratio:auto;min-height:690px;background:#140d0d}.slide--cover img{width:135px}.slide--cover h3{position:relative;z-index:2;margin:120px 0 0;font:700 clamp(58px,7vw,102px)/.72 var(--display);letter-spacing:-.065em}.slide--cover h3 em{color:var(--orange);font-style:normal}.slide--cover>span,.slide--statement>span,.slide--content>span{position:absolute;left:34px;bottom:30px;font:700 8px/1 var(--mono);letter-spacing:.12em}.slide--cover>i{position:absolute;right:-22%;top:15%;width:70%;height:18px;background:var(--orange);transform:rotate(-39deg)}.slide--statement{color:var(--ink);background:var(--orange)}.slide--statement h3{margin:44px 0 0;font:700 clamp(27px,3vw,42px)/.95 var(--display);letter-spacing:-.04em}.slide--statement p{max-width:70%;margin:30px 0 0;font-size:11px;line-height:1.5}.slide--statement i{position:absolute;right:34px;bottom:30px;width:100px;height:8px;background:var(--ink)}.slide--content{color:var(--ink);background:var(--cream)}.slide--content>span{top:30px;bottom:auto}.slide--content h3{margin:45px 0 30px;font:700 38px/.86 var(--display);letter-spacing:-.04em}.slide--content>div{display:grid;grid-template-columns:28px 1fr;align-items:start;border-top:1px solid var(--line)}.slide--content b,.slide--content p{margin:0;padding:10px 0;border-bottom:1px solid var(--line)}.slide--content b{font:700 8px/1 var(--mono);color:var(--orange)}.slide--content p{font:650 13px/1 var(--display)}.slide--content small{color:var(--graphite);font:500 8px/1 var(--sans)}
.application-note{margin-top:38px;padding-top:26px;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:start;border-top:1px solid rgba(255,255,255,.18)}.application-note p{max-width:760px;margin:0;color:rgba(255,243,230,.62);font-size:12px;line-height:1.7}.application-note a{display:flex;gap:38px;padding-bottom:12px;border-bottom:1px solid var(--orange);text-decoration:none;font:700 10px/1 var(--mono)}.application-note a span{color:var(--orange);font-size:16px}.application-note--light{border-color:var(--line)}.application-note--light p{color:var(--graphite)}.application-note--light>div{display:flex;gap:34px}.application-note--light a{border-color:var(--ink)}
.stationery-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.stationery-grid>article{position:relative;min-height:620px;padding:32px;background:var(--mist);overflow:hidden}.stationery-grid>article>span{position:absolute;left:22px;top:20px;font:700 8px/1 var(--mono);letter-spacing:.12em}.letterhead-card{grid-row:span 2}.paper-sheet{position:absolute;left:14%;top:10%;width:72%;aspect-ratio:210/297;padding:8%;background:var(--white);box-shadow:0 34px 75px rgba(32,21,21,.18)}.paper-sheet img{width:42%}.paper-address{position:absolute;right:8%;top:8%;text-align:right;font:600 5px/1.5 var(--mono)}.paper-sheet h3{margin:22% 0 6%;font:650 27px/1 var(--display)}.paper-sheet p{font-size:8px;line-height:1.7}.paper-sheet i{position:absolute;left:0;right:0;bottom:0;height:3%;background:var(--orange)}.business-card-card{perspective:900px}.card-front,.card-back{position:absolute;width:62%;aspect-ratio:90/54;padding:7%;box-shadow:0 26px 55px rgba(32,21,21,.2)}.card-front{left:8%;top:18%;display:grid;place-items:center;background:var(--ink);transform:rotate(-8deg)}.card-front img{width:86%}.card-back{right:6%;bottom:15%;display:flex;flex-direction:column;background:var(--cream);transform:rotate(8deg)}.card-back>span{font:700 13px/1 var(--display)}.card-back small{margin-top:5px;color:var(--graphite);font-size:6px}.card-back p{margin:auto 0 0;font:500 6px/1.5 var(--mono)}.card-back i{position:absolute;right:0;bottom:0;width:35%;height:10px;background:var(--orange)}.signature-card{min-height:360px!important}.email-window{position:absolute;inset:72px 32px 32px;padding:30px;background:var(--white);box-shadow:0 20px 60px rgba(32,21,21,.12)}.email-bar{margin:-30px -30px 24px;padding:12px 16px;color:var(--cream);background:var(--ink);font:700 7px/1 var(--mono)}.email-window>p{font-size:10px}.email-signature{margin-top:32px;padding-top:18px;display:grid;grid-template-columns:110px 1fr;gap:24px;align-items:start;border-top:2px solid var(--orange)}.email-signature img{margin-top:4px}.email-signature div{display:flex;flex-direction:column}.email-signature em{margin-bottom:10px;color:var(--orange);font:700 6px/1 var(--mono);font-style:normal;letter-spacing:.06em}.email-signature strong{font-size:11px}.email-signature span,.email-signature small{margin-top:4px;color:var(--graphite);font-size:7px}
.download-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end;margin-bottom:80px}.download-intro h3{margin:0;font:700 clamp(58px,8vw,120px)/.72 var(--display);letter-spacing:-.07em}.download-intro p{margin:0;color:rgba(255,243,230,.6);font-size:13px;line-height:1.7}.download-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid rgba(255,255,255,.18);border-left:1px solid rgba(255,255,255,.18)}.download-grid a{min-height:112px;padding:22px;display:grid;grid-template-columns:50px 1fr 28px;gap:18px;align-items:center;border-right:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);text-decoration:none;transition:.2s}.download-grid a:hover{color:var(--ink);background:var(--orange)}.download-grid>a>span{font:700 9px/1 var(--mono);color:var(--orange)}.download-grid a:hover>span{color:var(--ink)}.download-grid div{display:flex;flex-direction:column;gap:6px}.download-grid strong{font-size:13px}.download-grid small{color:rgba(255,243,230,.5);font-size:10px}.download-grid a:hover small{color:rgba(32,21,21,.7)}.download-grid b{font-size:20px;font-weight:400}
.footer{padding:44px var(--pad);display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:30px;align-items:end;color:var(--cream);background:#140d0d;border-top:1px solid rgba(255,255,255,.18)}.footer img{width:140px}.footer p{margin:0;font:700 8px/1.7 var(--mono);letter-spacing:.08em}.footer p span{color:rgba(255,243,230,.45)}.footer a{font:700 8px/1 var(--mono);letter-spacing:.1em;text-decoration:none}.toast{position:fixed;z-index:300;left:50%;bottom:24px;padding:12px 18px;color:var(--cream);background:var(--ink);border:1px solid var(--orange);font-size:11px;opacity:0;transform:translate(-50%,20px);transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.hero .reveal{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}
@media (max-width:980px){.chapter-head{grid-template-columns:48px 1fr}.chapter-head h2{grid-column:1/3;margin-top:32px;text-align:left}.idea-grid,.refine-intro,.type-grid,.rail-hero,.download-intro,.localized-lockup,.icon-family{grid-template-columns:1fr}.idea-copy{max-width:680px}.refine-notes{grid-template-columns:repeat(3,1fr)}.refine-notes>p{grid-column:1/4;border-top:1px solid var(--line)}.logo-variants{grid-template-columns:1fr 1fr}.logo-variants article:last-child{grid-column:1/3}.signature-roles>header{grid-template-columns:1fr 1fr}.signature-roles>header span{grid-column:1/3}.signature-roles__grid{grid-template-columns:1fr 1fr}.logo-rules{grid-template-columns:1fr}.logo-rules article+article{border-left:0;border-top:1px solid var(--line)}.dont>div{grid-template-columns:1fr 1fr}.palette{grid-template-columns:1fr 1fr}.swatch{min-height:360px}.type-display{border-right:0;border-bottom:1px solid var(--line)}.type-info{padding-left:0}.rail-hero>span{grid-column:auto}.rail-patterns{grid-template-columns:1fr}.digital-grid{grid-template-columns:1fr 1fr}.browser-card{grid-column:1/3;grid-row:auto}.deck-grid{grid-template-columns:1fr}.slide--cover{grid-row:auto;aspect-ratio:16/9;min-height:0}.stationery-grid{grid-template-columns:1fr}.letterhead-card{min-height:760px!important}.application-note{grid-template-columns:1fr}.footer{grid-template-columns:1fr 1fr}}
@media (max-width:640px){:root{--pad:20px}.topbar{height:64px;grid-template-columns:150px 1fr 72px}.brand-link{height:64px;padding:0 16px}.brand-link img{width:112px}.topbar__center{font-size:7px}.menu-toggle{height:64px}.menu-toggle span{display:none}.menu-toggle i:nth-of-type(1){top:28px}.menu-toggle i:nth-of-type(2){top:36px}.site-nav{inset:64px 0 0;grid-template-columns:1fr}.site-nav a{min-height:62px}.site-nav span{font-size:24px}.hero{padding-top:94px}.hero__wordmark{margin:22vh 0 auto}.hero__local-name{align-items:flex-start;flex-direction:column;gap:12px}.hero__statement{grid-template-columns:1fr}.hero__statement h1{font-size:46px}.hero__statement div{display:none}.hero__rail{right:-15vw;bottom:18%;width:64vw;height:8px}.scroll{display:none}.chapter{padding-top:84px;padding-bottom:84px}.chapter-head{grid-template-columns:36px 1fr;margin-bottom:64px}.chapter-head>p{font-size:8px}.chapter-head h2{font-size:50px}.idea-lead>p{font-size:42px}.idea-copy{margin-top:58px}.rail-demo{margin-top:46px}.refine-intro h3{font-size:38px}.refine-intro p{margin-top:32px}.comparison article{min-height:180px;padding:18px}.comparison__label{margin-bottom:30px}.refine-notes{grid-template-columns:1fr}.refine-notes>div,.refine-notes>p{grid-column:auto;border-right:0;border-bottom:1px solid var(--line)}.logo-master{min-height:280px;padding:24px}.logo-master p{margin-top:40px;font-size:7px}.logo-variants{grid-template-columns:1fr}.logo-variants article,.logo-variants article:last-child{grid-column:auto;min-height:230px}.localized-lockup__mark,.localized-lockup__copy{padding:28px}.localized-lockup__mark strong{margin-top:28px}.signature-roles>header,.signature-roles__grid{grid-template-columns:1fr}.signature-roles>header span{grid-column:auto}.role{min-height:300px}.logo-rules article{padding:22px}.clearspace__canvas{min-height:230px}.dont>div{grid-template-columns:1fr}.palette{grid-template-columns:1fr}.swatch{min-height:280px}.color-ratio{height:auto;display:grid}.color-ratio span{min-height:42px}.type-display{padding-right:0}.type-display p{font-size:64px}.type-scale>div{grid-template-columns:1fr;gap:10px}.type-scale>div:nth-of-type(1) strong{font-size:38px}.type-scale>div:nth-of-type(2) strong{font-size:30px}.rail-hero h3{font-size:64px}.rail-hero p{margin-top:34px}.rail-patterns{margin-top:60px}.pattern{min-height:260px}.digital-grid{grid-template-columns:1fr}.browser-card{grid-column:auto;min-height:540px;padding:16px}.browser-content{padding:30px}.browser-content h3{font-size:52px}.icon-card,.ui-card{min-height:300px}.icon-family{padding:28px}.icon-family__sizes{min-height:0;align-items:flex-end;flex-wrap:wrap;justify-content:flex-start}.deck-grid{gap:14px}.slide{padding:22px}.slide--cover{min-height:430px;aspect-ratio:auto}.slide--cover h3{margin-top:94px;font-size:58px}.slide--statement,.slide--content{min-height:330px;aspect-ratio:auto}.slide--statement h3{font-size:32px}.application-note--light>div{display:grid;gap:22px}.stationery-grid>article{min-height:480px;padding:20px}.letterhead-card{min-height:600px!important}.paper-sheet{left:9%;width:82%}.business-card-card{min-height:430px!important}.card-front,.card-back{width:72%}.signature-card{min-height:340px!important}.email-window{inset:62px 14px 18px}.email-signature{grid-template-columns:80px 1fr;gap:14px}.download-intro h3{font-size:64px}.download-intro p{margin-top:32px}.download-grid{grid-template-columns:1fr}.footer{grid-template-columns:1fr;gap:28px}}