.brandbook{background:#0d0c0b}.book-header{border-bottom:1px solid var(--line-dark);justify-content:space-between;align-items:center;gap:25px;padding:38px 5%;display:flex}.book-header .wordmark,.book-footer .wordmark{letter-spacing:-1.7px;font-size:30px}.book-header>span{letter-spacing:.15em;color:var(--muted);font-size:10px}.book-header>a:last-child{font-size:13px}.book-intro{padding:100px 5% 65px}.book-intro h1{letter-spacing:-.07em;margin:30px 0;font-size:clamp(65px,8vw,126px);line-height:1}.book-intro h1 em{color:var(--orange)}.book-intro>p:last-of-type{color:var(--muted);font-size:19px;line-height:1.5}.book-intro nav{border-top:1px solid var(--line-dark);flex-wrap:wrap;gap:24px;margin-top:60px;padding-top:25px;font-size:13px;display:flex}.book-intro nav a:hover{color:var(--orange)}.book-section{border-top:1px solid var(--line-dark);padding:75px 5%}.book-section-head{grid-template-columns:1fr 3fr;align-items:start;gap:30px;margin-bottom:30px;display:grid}.book-section h2{letter-spacing:-.055em;font-size:clamp(38px,4.5vw,66px);line-height:1.08}.book-description{max-width:670px;color:var(--muted);margin:0 0 35px auto;font-size:17px}.book-footnote{color:var(--muted);max-width:760px;margin-top:24px;font-size:13px}.logo-stage{border:1px solid var(--line-dark);background:linear-gradient(90deg,#0000 calc(50% - .5px),#ffffff10 50%,#0000 calc(50% + .5px));justify-content:center;align-items:center;min-height:310px;display:flex;position:relative}.brand-logo{font-family:var(--font-display);letter-spacing:-.065em;white-space:nowrap;font-size:clamp(34px,6.5vw,96px);font-weight:600;line-height:1}.brand-logo>span{color:var(--orange)}.logo-caption{letter-spacing:.13em;color:var(--muted);font-size:10px;position:absolute;bottom:20px;left:25px}.logo-variants{grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;display:grid}.logo-variants>div{justify-content:center;align-items:center;min-height:220px;padding:30px;display:flex;position:relative}.logo-variants .brand-logo{font-size:clamp(25px,3.7vw,54px)}.logo-variants small{font-size:11px;position:absolute;bottom:20px;left:25px}.logo-on-paper{background:var(--paper);color:var(--ink)}.logo-on-orange{background:var(--orange-surface);color:var(--on-orange)}.logo-notes{color:var(--muted);grid-template-columns:repeat(3,1fr);gap:35px;margin-top:30px;font-size:14px;display:grid}.logo-notes strong{color:var(--paper);margin-bottom:8px;display:block}.swatches{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.swatch{text-align:left;background:var(--swatch);min-height:200px;color:var(--swatch-text);border:1px solid #ffffff16;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:23px;transition:transform .2s;display:flex}.swatch:hover{transform:translateY(-4px)}.swatch span{font-size:12px}.swatch strong{font-size:24px;font-weight:500;font-family:var(--font-display)}.type-section{background:var(--paper);color:var(--ink)}.type-grid{grid-template-columns:1fr 1fr;gap:7%;margin-top:55px;display:grid}.type-grid article{min-width:0}.display-sample{letter-spacing:-.06em;margin-top:25px;font-size:clamp(50px,6vw,90px);line-height:1.05}.body-sample{font-family:var(--font-body);letter-spacing:-.06em;min-height:2.1em;margin-top:25px;font-size:clamp(48px,5.6vw,85px);line-height:1.1}.alphabet{letter-spacing:-.02em;margin:32px 0;font-size:25px;line-height:1.4}.display-alphabet{font-family:var(--font-display)}.type-grid article>p:last-of-type{max-width:430px;font-size:15px}.type-grid a{text-underline-offset:4px;margin-top:20px;font-size:12px;text-decoration:underline;display:inline-block}.type-section .book-footnote{color:#625d58;margin-top:40px}.applications{grid-template-columns:1fr 1fr;gap:25px;display:grid}.app-card{border:1px solid var(--line-dark);flex-direction:column;justify-content:space-between;min-height:370px;margin:0;padding:40px;display:flex;position:relative;overflow:hidden}.app-card figcaption{letter-spacing:.07em;opacity:.7;margin-top:25px;font-size:10px}.business-card{background:var(--paper);color:var(--ink)}.business-card .brand-logo{font-size:clamp(25px,3.2vw,46px)}.business-card p{font-family:var(--font-display);letter-spacing:-.04em;margin:35px 0;font-size:32px;line-height:1.1}.business-card small{font-size:10px;line-height:1.9}.title-card{background:#191613}.title-card p{font-family:var(--font-display);letter-spacing:-.06em;margin:45px 0;font-size:clamp(36px,4.5vw,66px);line-height:1.1}.title-card p>span{color:var(--orange)}.frame-line{background:var(--orange);width:60%;height:3px}.story-card{background:var(--orange-surface);color:#fff;min-height:590px}.story-card>p{font-family:var(--font-display);letter-spacing:-.06em;margin:40px 0;font-size:clamp(37px,4.4vw,63px);line-height:1.07}.story-card>p em{color:var(--yellow)}.story-signature{font-family:var(--font-display);letter-spacing:-1px;font-size:27px;font-weight:600}.social-card{justify-content:flex-start;min-height:0;padding:0}.social-card img{width:100%;height:auto}.social-card>div{padding:35px}.social-card>div p{font-size:30px;font-family:var(--font-display);letter-spacing:-.04em;margin-top:22px;line-height:1.2}.social-card a{border-bottom:1px solid;margin-top:30px;font-size:13px;display:inline-block}.social-card figcaption{margin:auto 35px 30px}.yaml-actions{align-items:center;gap:25px;margin-bottom:20px;font-size:14px;display:flex}.yaml-actions button{background:var(--orange-surface);color:#fff;border-radius:30px;padding:13px 23px}.yaml-actions a{text-underline-offset:4px;text-decoration:underline}.yaml-section pre{border:1px solid var(--line-dark);color:var(--paper);background:#10100f;border-radius:8px;padding:32px;font:13px/1.75 ui-monospace,Consolas,monospace;overflow:auto}#copy-status{min-height:25px;color:var(--yellow);font-size:13px}.book-footer{border-top:1px solid var(--line-dark);justify-content:space-between;align-items:center;gap:25px;padding:50px 5%;display:flex}.book-footer p{color:var(--muted);font-size:12px}.book-footer>a:last-child{font-size:13px}@media (max-width:700px){.book-header{gap:12px;padding:26px 6%}.book-header .wordmark{font-size:25px}.book-header>span{display:none}.book-header>a:last-child{font-size:11px}.book-intro{padding:65px 6% 40px}.book-intro h1{font-size:clamp(50px,12.5vw,83px)}.book-intro>p:last-of-type{font-size:16px}.book-intro nav{gap:14px 20px;margin-top:35px;font-size:12px}.book-section{padding:55px 6%}.book-section-head{grid-template-columns:1fr;gap:16px;margin-bottom:22px}.book-section h2{font-size:39px}.book-description{font-size:15px}.logo-stage{min-height:205px}.brand-logo{font-size:10vw}.logo-caption{font-size:8px;bottom:15px;left:15px}.logo-variants{grid-template-columns:1fr}.logo-variants>div{min-height:155px}.logo-variants .brand-logo{font-size:8.5vw}.logo-notes{grid-template-columns:1fr;gap:22px}.swatches{grid-template-columns:1fr 1fr;gap:8px}.swatch{min-height:170px;padding:18px}.swatch strong{font-size:22px}.type-grid{grid-template-columns:1fr;gap:50px;margin-top:30px}.body-sample{min-height:0}.display-sample{font-size:68px}.alphabet{font-size:22px}.applications{grid-template-columns:1fr;gap:18px}.app-card{min-height:360px;padding:28px}.business-card .brand-logo{font-size:32px}.title-card p{font-size:48px}.story-card{min-height:520px}.story-card>p{font-size:47px}.social-card{min-height:430px;padding:0}.social-card>div{padding:28px}.yaml-actions{gap:17px;font-size:12px}.yaml-section pre{padding:20px;font-size:11px}.book-footer{flex-wrap:wrap;padding:35px 6%}.book-footer p{order:3;width:100%}.book-footer .wordmark{font-size:26px}}@media (prefers-reduced-motion:reduce){.swatch{transition:none}}