.page-brand{--plate: #e3e3e1}.page-brand .site-header{border-bottom:1px solid var(--dust)}.brand-intro{padding-top:clamp(64px,9vw,128px);padding-bottom:clamp(48px,6vw,96px)}.brand-intro h1{font-size:var(--t-h1)}.brand-lead{max-width:34em;margin:28px 0 0;font-size:var(--t-lead);line-height:1.45}.brand-actions{margin:36px 0 0}.brand-section{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:40px var(--gutter);padding-top:clamp(56px,7vw,104px);padding-bottom:clamp(56px,7vw,104px);border-top:1px solid var(--dust)}.brand-rule{grid-column:1 / span 4}.brand-rule h2{margin-bottom:20px}.brand-rule p{max-width:30em;margin:0 0 14px;color:var(--void)}.brand-specimen{grid-column:6 / span 7;min-width:0;margin:0}.brand-specimen figcaption,.motif-note{margin-top:12px;font-size:var(--t-caption);color:var(--ash)}.construction svg{display:block;width:min(100%,440px);height:auto}.construction .ink{fill:var(--void)}.construction .guide{fill:none;stroke:var(--light);stroke-width:.25;stroke-dasharray:1.2 1;vector-effect:non-scaling-stroke}.construction circle.guide:not(.guide--solid){stroke:var(--ash);stroke-width:1}.construction path.guide:not(.guide--solid){stroke:var(--regolith);stroke-width:1}.construction .guide--solid{stroke:var(--ash);stroke-width:1;stroke-dasharray:none}.construction .pin{fill:var(--light)}.lockups{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--gutter)}.lockup{margin:0}.clear-space{display:grid;place-items:center;aspect-ratio:16 / 9;padding:24px}.clear-space .logo{--logo-h: 36px;box-sizing:content-box;padding:18px;outline:1px dashed currentColor;outline-offset:0}.lockup--paper .clear-space{background:var(--light);color:var(--void);box-shadow:inset 0 0 0 1px var(--dust)}.lockup--paper .clear-space .logo{outline-color:var(--dust)}.lockup--void .clear-space{background:var(--void);color:var(--light)}.lockup--void .clear-space .logo{outline-color:var(--basalt-line)}.brand-donts{grid-column:1 / -1;margin:16px 0 0;padding-left:1.2em;color:var(--void)}.brand-donts li+li{margin-top:6px}.swatches th[scope=row]{display:flex;align-items:center;gap:12px;font-weight:500;white-space:nowrap}.swatches code{font-weight:400}.swatches th,.swatches td{padding:12px 12px 12px 0;border-bottom:1px solid var(--dust)}.swatches thead th{font-size:var(--t-caption);color:var(--ash);font-weight:400;border-bottom-color:var(--void)}.chip{flex:none;width:28px;height:28px;background:var(--chip);box-shadow:inset 0 0 0 1px #0000001f}.specimen-display{margin:0 0 32px;font-size:clamp(2.5rem,1.4rem + 3.6vw,4.5rem);font-weight:500;font-variation-settings:"SHRP" var(--sharp);letter-spacing:-.03em;line-height:1.02;text-wrap:balance}.type-scale{margin:0 0 32px;padding:0;list-style:none;border-top:1px solid var(--dust)}.type-scale li{display:flex;align-items:baseline;gap:24px;padding:6px 0;border-bottom:1px solid var(--dust);font-size:var(--t-caption);color:var(--ash)}.ts{flex:none;width:2.4em;color:var(--void);font-weight:500;font-variation-settings:"SHRP" var(--sharp);line-height:1.1}.ts-96{font-size:6rem;width:1.3em}.ts-40{font-size:var(--t-h2);width:3.1em}.ts-28{font-size:var(--t-h3);width:4.4em}.ts-21{font-size:var(--t-lead);width:5.9em}.ts-17{font-size:var(--t-body);width:7.3em;font-weight:340;font-variation-settings:"SHRP" 0}.ts-13{font-size:var(--t-caption);width:9.5em;font-weight:340;font-variation-settings:"SHRP" 0}.page-brand .code{margin:0;padding:20px 24px;background:var(--void);color:#d9d9d9;font-size:.82rem;overflow-x:auto}.specimen-readout{margin:16px 0 0;font-family:var(--font-mono);font-size:.6875rem;color:var(--ash)}.brand-night{background:var(--void);color:var(--light)}.brand-night .brand-section{border-top:0}.brand-night .brand-rule p{color:var(--light)}.brand-night figcaption{color:var(--regolith)}.regimes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--gutter)}.regime{margin:0}.regime canvas{display:block;width:100%;aspect-ratio:1;opacity:0;transition:opacity .9s ease}.regime canvas[data-state=ready]{opacity:1}.regime--night canvas{background:var(--void);box-shadow:inset 0 0 0 1px var(--basalt-line)}.regime--day canvas{background:var(--plate)}.motif-time{margin:0;font-size:clamp(3rem,2rem + 4vw,5.5rem);font-weight:500;font-variation-settings:"SHRP" var(--sharp);letter-spacing:-.03em;line-height:1}.motif-time .rate{font-size:var(--t-lead);letter-spacing:0}.motif-light{margin:14px 0 0;font-size:var(--t-lead);color:var(--ash)}.wording th,.wording td{padding:12px 16px 12px 0;border-bottom:1px solid var(--dust);vertical-align:top}.wording thead th{font-size:var(--t-caption);color:var(--ash);font-weight:400;border-bottom-color:var(--void)}.wording td:first-child{width:50%;font-weight:500}.wording td+td{color:var(--ash)}.files{margin:0;padding:0;list-style:none;border-top:1px solid var(--void)}.files li{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 28px;padding:14px 0;border-bottom:1px solid var(--dust)}.files span{flex:0 0 8.5em;font-weight:500}@media(max-width:899px){.brand-rule,.brand-specimen{grid-column:1 / -1}.ts-96{font-size:4rem}}@media(max-width:560px){.lockups,.regimes{grid-template-columns:minmax(0,1fr)}.swatches{min-width:540px}}@media(max-width:420px){.page-brand .site-header{gap:12px}.page-brand .site-nav{gap:14px}.page-brand .site-header .logo{--logo-h: 22px}}@media(max-width:360px){.page-brand .site-nav{gap:12px;font-size:.875rem}.page-brand .site-header .logo{--logo-h: 20px}}