@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-latin-400-normal.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-latin-500-normal.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-latin-600-normal.woff2) format("woff2")}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/source-serif-4-latin-400-normal.woff2) format("woff2")}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/source-serif-4-latin-600-normal.woff2) format("woff2")}:root{color-scheme:light;--ink-950: #07131f;--ink-900: #0c1d2d;--ink-800: #142b3e;--steel-700: #34566d;--steel-500: #547b93;--steel-300: #9cb4c2;--bronze-600: #956b42;--bronze-500: #b18457;--bronze-300: #d4b38e;--paper-50: #faf9f6;--paper-100: #f4f0e8;--paper-200: #e4ddd0;--mineral-500: #69737a;--white: #fff;--font-display: "Source Serif 4", Georgia, serif;--font-sans: "Inter", Arial, sans-serif;--page-width: min(90rem, calc(100vw - 3rem) );--rule-dark: rgb(7 19 31 / 15%);--rule-light: rgb(244 240 232 / 16%);--shadow: 0 30px 80px rgb(7 19 31 / 12%)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5rem}body{margin:0;background:var(--paper-50);color:var(--ink-950);font-family:var(--font-sans);font-size:1rem;line-height:1.65;-webkit-font-smoothing:antialiased}body::selection{background:var(--bronze-300);color:var(--ink-950)}img{display:block;max-width:100%}a{color:inherit}button,input,select,textarea{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--font-display);font-weight:400;letter-spacing:-.04em;line-height:.98}h1 em,h2 em{color:var(--bronze-300);font-style:normal}h2{font-size:clamp(3rem,5.6vw,6.4rem)}h3{line-height:1.2}.page-shell{width:var(--page-width);margin-inline:auto}.section-block{padding-block:clamp(6rem,11vw,11rem)}.dark-section{background:var(--ink-950);color:var(--paper-100)}.skip-link{position:fixed;z-index:100;top:0;left:1rem;padding:.75rem 1rem;background:var(--paper-100);color:var(--ink-950);transform:translateY(-120%)}.skip-link:focus{transform:translateY(0)}.site-header{position:fixed;z-index:30;top:0;left:0;display:grid;width:100%;min-height:4.75rem;grid-template-columns:minmax(16rem,1fr) auto minmax(16rem,1fr);align-items:center;border-bottom:1px solid var(--rule-light);background:#07131feb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:var(--paper-100)}.brand-home{display:flex;align-items:center;gap:1rem;padding-left:1.5rem;text-decoration:none}.brand-home img{width:8rem}.brand-home span{width:1px;height:1.35rem;background:var(--rule-light)}.brand-home strong{color:var(--steel-300);font-size:.65rem;letter-spacing:.24em}.primary-navigation{display:flex;align-items:center;gap:1.4rem}.primary-navigation a{position:relative;padding-block:.3rem;color:#c5d0d6;font-size:.72rem;font-weight:500;letter-spacing:.04em;text-decoration:none}.primary-navigation a:after{position:absolute;right:0;bottom:-.3rem;left:0;height:1px;background:var(--bronze-300);content:"";transform:scaleX(0);transition:transform .18s ease}.primary-navigation a:hover,.primary-navigation a[aria-current]{color:var(--paper-100)}.primary-navigation a:hover:after,.primary-navigation a[aria-current]:after{transform:scaleX(1)}.header-download{justify-self:end;padding-right:1.5rem;color:var(--paper-100);font-size:.72rem;font-weight:600;letter-spacing:.04em;text-decoration:none}.header-download span{margin-left:.6rem;color:var(--bronze-300)}.menu-button{display:none}.hero{position:relative;display:flex;min-height:55rem;align-items:center;overflow:hidden;padding-top:7rem}.hero:before,.hero:after{position:absolute;border:1px solid rgb(156 180 194 / 12%);border-radius:50%;content:""}.hero:before{top:11%;right:-8%;width:48rem;height:48rem}.hero:after{top:24%;right:4%;width:28rem;height:28rem}.hero__grid{position:absolute;inset:0 0 0 56%;opacity:.13;background-image:linear-gradient(rgb(156 180 194 / 28%) 1px,transparent 1px),linear-gradient(90deg,rgb(156 180 194 / 28%) 1px,transparent 1px);background-size:3.75rem 3.75rem;-webkit-mask-image:linear-gradient(90deg,transparent,#000 24%);mask-image:linear-gradient(90deg,transparent,#000 24%)}.hero__content{position:relative;z-index:2}.eyebrow{margin-bottom:1.35rem;color:var(--bronze-600);font-size:.68rem;font-weight:600;letter-spacing:.18em;line-height:1.2;text-transform:uppercase}.eyebrow.light{color:var(--bronze-300)}.hero h1{max-width:78rem;margin-bottom:2rem;font-size:clamp(4.4rem,8.8vw,9.7rem)}.hero__lede{max-width:45rem;margin-bottom:2.5rem;color:#bdcbd3;font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.7}.hero__actions{display:flex;flex-wrap:wrap;gap:.75rem}.button{display:inline-flex;min-height:3.25rem;align-items:center;justify-content:center;border:1px solid transparent;border-radius:999px;padding:.8rem 1.35rem;font-size:.78rem;font-weight:600;text-decoration:none;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--paper-100);color:var(--ink-950)}.button-primary:hover{background:var(--white)}.button-primary span{margin-left:1rem;color:var(--bronze-600)}.button-secondary{border-color:#f4f0e847;color:var(--paper-100)}.button-secondary:hover{border-color:var(--steel-300);background:#9cb4c214}.button-dark{border-color:var(--ink-950);background:var(--ink-950);color:var(--paper-100)}.button-dark:hover{border-color:var(--steel-700);background:var(--steel-700)}.button-dark span{margin-left:1rem;color:var(--bronze-300)}.hero__mark{position:absolute;z-index:1;right:8vw;bottom:9rem;display:flex;align-items:flex-end;gap:1rem}.hero__mark img{width:clamp(14rem,26vw,29rem);opacity:.14}.hero__mark span{margin-bottom:1rem;color:var(--steel-300);font-size:.56rem;letter-spacing:.22em;writing-mode:vertical-rl}.hero__meta{display:flex;justify-content:space-between;margin-top:1.25rem;border-top:1px solid var(--rule-light);padding-top:1rem;color:var(--steel-300);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase}.section-heading{margin-bottom:clamp(3.5rem,7vw,7rem)}.section-heading h2{max-width:56rem;margin-bottom:0}.section-heading--split{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(17rem,.5fr);align-items:end;gap:4rem}.section-heading--split>p{max-width:30rem;margin-bottom:.3rem;color:var(--mineral-500)}.light-heading>p{color:#a9bac4}.principle-grid{display:grid;border-top:1px solid var(--rule-dark);grid-template-columns:repeat(3,1fr)}.principle-grid article{min-height:20rem;border-right:1px solid var(--rule-dark);padding:2rem clamp(1.5rem,3vw,3rem) 2rem 0}.principle-grid article+article{padding-left:clamp(1.5rem,3vw,3rem)}.principle-grid article:last-child{border-right:0}.principle-number{display:block;margin-bottom:6rem;color:var(--bronze-600);font-family:var(--font-display);font-size:2rem}.principle-grid h3{margin-bottom:1rem;font-family:var(--font-display);font-size:1.8rem;font-weight:400}.principle-grid p{max-width:24rem;margin-bottom:0;color:var(--mineral-500)}.identity{position:relative;overflow:hidden}.identity:after{position:absolute;top:-10rem;right:-10rem;width:38rem;height:38rem;border:1px solid rgb(156 180 194 / 10%);border-radius:50%;content:""}.identity__layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(28rem,1.1fr);align-items:center;gap:clamp(5rem,10vw,11rem)}.identity__copy h2{margin-bottom:3rem;font-size:clamp(3rem,5vw,5.7rem)}.identity__copy>p:not(.eyebrow){max-width:39rem;color:#acbdc7;font-size:1.05rem}.identity__note{margin-top:2.5rem;border-left:2px solid var(--bronze-500);padding-left:1.5rem}.identity__note strong{color:var(--paper-100)}.identity__diagram{position:relative;display:grid;aspect-ratio:1;place-items:center;border:1px solid var(--rule-light);background-image:linear-gradient(rgb(156 180 194 / 8%) 1px,transparent 1px),linear-gradient(90deg,rgb(156 180 194 / 8%) 1px,transparent 1px);background-size:3.5rem 3.5rem}.identity__diagram:before{position:absolute;width:65%;height:65%;border:1px solid rgb(212 179 142 / 25%);border-radius:50%;content:""}.identity__diagram img{position:relative;width:48%}.diagram-callout{position:absolute;display:flex;gap:.7rem;color:#9fb1bc;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.diagram-callout span{color:var(--bronze-300)}.callout-a{top:8%;left:8%}.callout-b{right:8%;bottom:8%}.callout-c{bottom:8%;left:8%}.logo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--rule-dark);border:1px solid var(--rule-dark)}.asset-card{background:var(--paper-50)}.logo-preview{display:grid;min-height:20rem;place-items:center;padding:clamp(3rem,6vw,6rem)}.logo-preview img{width:min(100%,33rem)}.preview-light{background:var(--paper-100)}.preview-white{background:var(--white)}.preview-dark{background:var(--ink-900)}.preview-ink{background:var(--ink-950)}.asset-card__content{display:grid;min-height:23rem;grid-template-columns:1fr minmax(10rem,.56fr);gap:2rem;border-top:1px solid var(--rule-dark);padding:clamp(1.5rem,3vw,2.5rem)}.asset-card h3,.layout-card h3,.specification-grid h3,.color-card h3,.application-copy h3,.accessibility-note h3,.ratio-copy h3{margin-bottom:.8rem;font-family:var(--font-display);font-size:1.65rem;font-weight:400}.asset-card__content p:not(.eyebrow){color:var(--mineral-500)}.download-list{display:flex;flex-direction:column;border-top:1px solid var(--rule-dark)}.download-link{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rule-dark);padding:.8rem .2rem;font-size:.68rem;font-weight:600;letter-spacing:.05em;text-decoration:none}.download-link span{color:var(--bronze-600);font-size:1rem}.download-link:hover{color:var(--bronze-600)}.layout-library{display:grid;margin-top:4rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.layout-card{display:grid;grid-template-columns:minmax(14rem,.9fr) minmax(14rem,1fr);border:1px solid var(--rule-dark)}.layout-card__preview{display:grid;min-height:24rem;place-items:center;padding:3rem}.layout-card__preview img{max-height:14rem}.layout-card>div:last-child{padding:2.25rem}.layout-card>div:last-child p:not(.eyebrow){color:var(--mineral-500)}.layout-card>div:last-child a{display:inline-block;margin-top:1rem;color:var(--bronze-600);font-size:.72rem;font-weight:600;text-decoration:none}.specification-grid{display:grid;margin-top:5rem;border-top:1px solid var(--rule-dark);grid-template-columns:repeat(2,1fr)}.specification-grid>article{padding:2.5rem 4rem 0 0}.specification-grid>article+article{border-left:1px solid var(--rule-dark);padding-right:0;padding-left:4rem}.specification-grid>article>p:last-child{color:var(--mineral-500)}.clear-space-demo,.minimum-size-demo{position:relative;display:grid;min-height:19rem;margin-block:1rem 2rem;place-items:center;border:1px dashed rgb(52 86 109 / 38%);background-image:linear-gradient(rgb(52 86 109 / 7%) 1px,transparent 1px),linear-gradient(90deg,rgb(52 86 109 / 7%) 1px,transparent 1px);background-size:2rem 2rem}.clear-space-demo img{width:65%}.measure{position:absolute;color:var(--bronze-600);font-size:.62rem;font-weight:600;letter-spacing:.08em}.measure-top{top:1.2rem}.measure-side{left:1.2rem;writing-mode:vertical-rl}.minimum-size-demo{align-content:center;gap:2rem}.minimum-size-demo img{width:9.5rem}.minimum-size-demo span{color:var(--mineral-500);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase}.rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.rule-card{border:1px solid var(--rule-light)}.rule-card>span{display:block;border-bottom:1px solid var(--rule-light);padding:.9rem 1.3rem;color:var(--steel-300);font-size:.66rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.rule-card--do>span{color:var(--bronze-300)}.rule-card>p{margin:0;padding:1.5rem;color:#a9bac4;font-size:.9rem}.rule-example{display:grid;min-height:19rem;place-items:center;background:var(--paper-100)}.rule-example img{width:60%}.wrong-example{overflow:hidden;background:repeating-linear-gradient(35deg,rgb(7 19 31 / 8%) 0 10px,transparent 10px 20px),var(--paper-100)}.wrong-example img{width:72%;filter:drop-shadow(12px 12px 2px rgb(7 19 31 / 32%));transform:rotate(-8deg) scaleY(.7)}.color-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--rule-dark);border:1px solid var(--rule-dark)}.color-card{min-width:0;background:var(--paper-50)}.color-swatch{display:flex;width:100%;min-height:16rem;align-items:flex-end;justify-content:space-between;border:0;padding:1rem;background:var(--swatch);color:var(--white);cursor:pointer;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase}.color-card:nth-child(2) .color-swatch,.color-card:nth-child(4) .color-swatch,.color-card:nth-child(5) .color-swatch,.color-card:nth-child(6) .color-swatch,.color-card:nth-child(7) .color-swatch{color:var(--ink-950)}.color-card__body{min-height:20rem;padding:1.4rem}.color-heading{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.color-heading code{color:var(--mineral-500);font-family:var(--font-sans);font-size:.66rem}.color-card__body>p:not(.fine-print){color:var(--ink-800);font-size:.88rem}.fine-print{color:var(--mineral-500);font-size:.75rem}.token-label{display:inline-block;margin-top:.5rem;border:1px solid var(--rule-dark);border-radius:999px;padding:.25rem .55rem;color:var(--mineral-500);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.6rem}.color-ratio{display:grid;margin-top:5rem;grid-template-columns:minmax(0,1.35fr) minmax(18rem,.65fr);align-items:center;gap:4rem}.ratio-bar{display:flex;min-height:8rem;align-items:flex-end}.ratio-bar span{display:flex;height:100%;align-items:flex-end;padding:.7rem;font-size:.62rem;font-weight:600}.ratio-ink{width:55%;background:var(--ink-950);color:var(--white)}.ratio-ivory{width:30%;background:var(--paper-100)}.ratio-steel{width:10%;background:var(--steel-700);color:var(--white)}.ratio-bronze{width:5%;background:var(--bronze-500)}.ratio-copy p{margin-bottom:0;color:var(--mineral-500)}.accessibility-note{display:grid;margin-top:5rem;grid-template-columns:auto 1fr;align-items:center;gap:2rem;border:1px solid var(--rule-dark);padding:2rem;background:var(--white)}.accessibility-note>span{display:grid;width:4.5rem;height:4.5rem;place-items:center;border-radius:50%;background:var(--ink-950);color:var(--paper-100);font-family:var(--font-display);font-size:1.5rem}.accessibility-note h3{margin-bottom:.35rem}.accessibility-note p{margin-bottom:0;color:var(--mineral-500)}.typography{background:var(--paper-100)}.type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--rule-dark);border:1px solid var(--rule-dark)}.type-card{position:relative;min-height:45rem;overflow:hidden;padding:clamp(2rem,4vw,4rem);background:var(--paper-50)}.type-card--sans{background:var(--ink-950);color:var(--paper-100)}.type-glyph{position:absolute;top:1rem;right:2rem;color:#34566d17;font-size:clamp(9rem,18vw,18rem);font-weight:400;line-height:1}.type-card--serif .type-glyph,.type-card--serif h3{font-family:var(--font-display)}.type-card--sans .type-glyph,.type-card--sans h3{font-family:var(--font-sans)}.type-card--sans .type-glyph{color:#9cb4c214}.type-card h3{position:relative;margin-top:12rem;margin-bottom:4rem;font-size:clamp(2.4rem,4.4vw,5rem);font-weight:400;letter-spacing:-.04em;line-height:1.02}.type-card h3 em{color:var(--bronze-600);font-style:normal}.type-card--sans h3{font-size:clamp(2rem,3.4vw,3.7rem);font-weight:500;line-height:1.12}.type-spec{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.type-spec span{border:1px solid var(--rule-dark);border-radius:999px;padding:.3rem .65rem;color:var(--mineral-500);font-size:.62rem}.type-card--sans .type-spec span{border-color:var(--rule-light);color:var(--steel-300)}.type-card>p:last-child{max-width:32rem;margin-bottom:0;color:var(--mineral-500)}.type-card--sans>p:last-child{color:#a9bac4}.font-library{border:1px solid var(--rule-dark);border-top:0;background:var(--paper-50)}.font-library__intro{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:3rem;padding:clamp(2rem,4vw,4rem)}.font-library__intro h3{margin-bottom:.75rem;font-family:var(--font-display);font-size:clamp(2rem,3vw,3.25rem);font-weight:400}.font-library__intro p:last-child{max-width:42rem;margin-bottom:0;color:var(--mineral-500)}.font-download-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--rule-dark)}.font-download-card{display:grid;min-height:20rem;grid-template-columns:minmax(0,1fr) minmax(10rem,.52fr);gap:2rem;padding:clamp(2rem,4vw,3rem)}.font-download-card+.font-download-card{border-left:1px solid var(--rule-dark)}.font-download-card h3{margin-bottom:.75rem;font-family:var(--font-display);font-size:2rem;font-weight:400}.font-download-card--inter h3{font-family:var(--font-sans);font-weight:500}.font-download-card p:not(.eyebrow){color:var(--mineral-500)}.font-download-card .font-weights{color:var(--ink-950);font-size:.72rem;letter-spacing:.04em;text-transform:uppercase}.font-install-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--rule-dark)}.font-install-grid article{display:grid;grid-template-columns:auto 1fr;gap:1.25rem;padding:2rem}.font-install-grid article+article{border-left:1px solid var(--rule-dark)}.font-install-grid article>span{color:var(--bronze-600);font-family:var(--font-display);font-size:1.2rem}.font-install-grid h4{margin-bottom:.5rem;font-size:.82rem}.font-install-grid p{margin-bottom:0;color:var(--mineral-500);font-size:.75rem}.system-font-note{display:grid;margin-top:1px;grid-template-columns:1fr 2fr;gap:2rem;border:1px solid var(--rule-dark);padding:1.5rem 2rem;background:var(--paper-50);font-size:.8rem}.system-font-note span{color:var(--mineral-500)}.application-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.application-card{border:1px solid var(--rule-dark);background:var(--white)}.document-mockup,.slide-mockup{display:grid;min-height:39rem;place-items:center;overflow:hidden;padding:4rem;background:var(--paper-100)}.document-sheet{width:min(22rem,100%);aspect-ratio:.73;padding:2.5rem;background:var(--white);box-shadow:var(--shadow)}.document-sheet img{width:7rem;margin-bottom:6rem}.document-sheet small,.slide-frame small{color:var(--bronze-600);font-size:.46rem;font-weight:600;letter-spacing:.16em}.document-sheet h3,.slide-frame h3{margin:1rem 0;font-family:var(--font-display);font-size:2.1rem;font-weight:400;letter-spacing:-.04em;line-height:1.03}.document-sheet p{color:var(--mineral-500);font-size:.56rem}.document-sheet>span{display:block;width:3.5rem;height:2px;margin-top:2rem;background:var(--bronze-500)}.application-copy{padding:clamp(2rem,4vw,3.5rem)}.application-copy ul{margin:1.5rem 0 0;padding-left:1.2rem;color:var(--mineral-500)}.application-copy li+li{margin-top:.8rem}.application-card--reverse{border-color:var(--ink-950);background:var(--ink-950);color:var(--paper-100)}.slide-mockup{background:#102537}.slide-frame{position:relative;width:min(34rem,100%);aspect-ratio:16 / 9;padding:2.25rem;background:radial-gradient(circle at 85% 30%,rgb(84 123 147 / 30%),transparent 25%),var(--ink-950);box-shadow:var(--shadow)}.slide-frame>img{position:absolute;top:1.6rem;right:1.7rem;width:2.7rem}.slide-frame h3{margin-top:2.8rem;color:var(--paper-100);font-size:clamp(1.8rem,3vw,3.2rem)}.slide-frame h3 em{color:var(--bronze-300);font-style:normal}.slide-rule{width:3.5rem;height:2px;margin-top:1.8rem;background:var(--bronze-500)}.slide-frame>span{position:absolute;right:1.7rem;bottom:1.4rem;color:var(--steel-300);font-size:.42rem;letter-spacing:.16em}.application-card--reverse .application-copy ul{color:#a9bac4}.file-guide{position:relative}.file-table-wrap{overflow-x:auto;border:1px solid var(--rule-light)}table{width:100%;border-collapse:collapse;text-align:left}th,td{border-bottom:1px solid var(--rule-light);padding:1.5rem;vertical-align:top}thead th{color:var(--bronze-300);font-size:.62rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}tbody th{width:23%;color:var(--paper-100);font-size:.86rem;font-weight:500}tbody td{color:#9fb1bc;font-size:.84rem}tbody td:nth-child(2){width:30%}tbody td strong,tbody td span{display:block}tbody td strong{color:var(--paper-100)}tbody td span{margin-top:.2rem;font-size:.7rem}.production-note{display:grid;margin-top:2rem;grid-template-columns:minmax(13rem,.4fr) 1fr;gap:3rem;border-left:2px solid var(--bronze-500);padding:1rem 0 1rem 1.5rem}.production-note strong{font-family:var(--font-display);font-size:1.2rem;font-weight:400}.production-note p{margin-bottom:0;color:#9fb1bc;font-size:.86rem}.governance{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(20rem,.9fr);gap:clamp(4rem,10vw,10rem)}.governance h2{font-size:clamp(3rem,5vw,5.5rem)}.governance__copy p{color:var(--mineral-500)}.governance__copy p+p{margin-top:2rem}.governance__copy strong{color:var(--ink-950)}.governance__copy .button{margin-top:1.5rem}.site-footer{background:#040d16;color:var(--steel-300)}.site-footer .page-shell{display:grid;min-height:9rem;grid-template-columns:1fr auto auto;align-items:center;gap:3rem}.site-footer img{width:9rem}.site-footer p{margin:0;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase}:focus-visible{outline:2px solid var(--bronze-300);outline-offset:4px}@media(max-width:76rem){.site-header{grid-template-columns:1fr auto auto}.primary-navigation{position:absolute;top:100%;right:1rem;display:none;min-width:14rem;flex-direction:column;align-items:stretch;gap:0;border:1px solid var(--rule-light);padding:.5rem;background:var(--ink-950)}.primary-navigation[data-open]{display:flex}.primary-navigation a{padding:.8rem}.menu-button{display:grid;width:2.7rem;height:2.7rem;place-content:center;gap:.35rem;border:1px solid var(--rule-light);border-radius:50%;background:transparent}.menu-button span{width:1rem;height:1px;background:var(--paper-100)}.header-download{margin-left:.8rem}.layout-card{grid-template-columns:1fr}.layout-card__preview{min-height:20rem}.color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.color-card__body{min-height:16rem}}@media(max-width:58rem){:root{--page-width: min(100% - 2rem, 48rem)}.section-block{padding-block:6rem}.site-header{min-height:4.2rem}.brand-home{padding-left:1rem}.brand-home img{width:7rem}.brand-home span,.brand-home strong,.header-download{display:none}.menu-button{margin-right:1rem}.section-heading--split,.identity__layout,.color-ratio,.governance{grid-template-columns:1fr;gap:2rem}.principle-grid,.logo-grid,.layout-library,.specification-grid,.rule-grid,.type-grid,.font-download-grid,.font-install-grid,.application-grid,.font-library__intro,.font-download-card{grid-template-columns:1fr}.font-library__intro{align-items:start}.font-library__intro .button{justify-self:start}.font-download-card+.font-download-card,.font-install-grid article+article{border-top:1px solid var(--rule-dark);border-left:0}.principle-grid article{min-height:auto;border-right:0;border-bottom:1px solid var(--rule-dark);padding:2rem 0}.principle-grid article+article{padding-left:0}.principle-number{margin-bottom:2rem}.identity__layout{gap:5rem}.identity__diagram{width:100%;max-width:40rem}.asset-card__content{min-height:auto;grid-template-columns:1fr}.specification-grid>article,.specification-grid>article+article{border-left:0;padding:2.5rem 0 0}.specification-grid>article+article{border-top:1px solid var(--rule-dark)}.system-font-note,.production-note{grid-template-columns:1fr;gap:.7rem}.site-footer .page-shell{grid-template-columns:1fr;gap:.7rem;padding-block:2rem}}@media(max-width:36rem){h2{font-size:2.9rem}.hero{min-height:48rem}.hero h1{font-size:clamp(3.8rem,18vw,5rem)}.hero__mark{right:-4rem;bottom:7rem}.hero__mark img{width:15rem}.hero__meta span:last-child{display:none}.logo-preview{min-height:15rem;padding:2rem}.color-grid{grid-template-columns:1fr}.color-swatch{min-height:11rem}.color-card__body{min-height:auto}.ratio-bar{min-height:5rem}.accessibility-note{grid-template-columns:1fr}.type-card{min-height:38rem}.document-mockup,.slide-mockup{min-height:27rem;padding:2rem 1rem}.document-sheet{padding:1.7rem}.document-sheet img{margin-bottom:4rem}th,td{min-width:11rem;padding:1rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}