.design-guide-module__zQE_kG__page{background:var(--paper);min-height:100vh;color:var(--ink);padding-top:76px}.design-guide-module__zQE_kG__hero{width:var(--shell);grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);align-items:center;gap:clamp(48px,8vw,140px);min-height:calc(82svh - 76px);margin:0 auto;padding:clamp(80px,10vw,150px) 0;display:grid}.design-guide-module__zQE_kG__heroCopy h1{letter-spacing:-.04em;max-width:8ch;margin:0;font-size:clamp(58px,8vw,96px);font-weight:790;line-height:.96}.design-guide-module__zQE_kG__heroCopy p{max-width:580px;color:var(--muted);word-break:keep-all;margin:38px 0 0;font-size:17px;line-height:1.75}.design-guide-module__zQE_kG__heroMark{aspect-ratio:1;color:#fff;background:var(--blue);flex-direction:column;justify-content:space-between;min-width:0;padding:28px;display:flex}.design-guide-module__zQE_kG__heroMark span{letter-spacing:-.08em;font-size:clamp(92px,13vw,190px);font-weight:850;line-height:.78}.design-guide-module__zQE_kG__heroMark small,.design-guide-module__zQE_kG__logoField figcaption,.design-guide-module__zQE_kG__typeSamples>div>span{font:650 10px var(--font-geist-mono), monospace;letter-spacing:.1em}.design-guide-module__zQE_kG__localNav{z-index:20;border-block:1px solid var(--ink);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f8fafcf0;justify-content:center;min-height:58px;display:flex;position:sticky;top:76px}.design-guide-module__zQE_kG__localNav a{border-left:1px solid var(--line);min-width:132px;color:var(--muted);font:650 11px var(--font-geist-mono), monospace;text-align:center;padding:20px 24px}.design-guide-module__zQE_kG__localNav a:last-child{border-right:1px solid var(--line)}.design-guide-module__zQE_kG__localNav a:hover{color:#fff;background:var(--ink)}.design-guide-module__zQE_kG__section{width:var(--shell);border-bottom:1px solid var(--ink);margin:0 auto;padding:clamp(92px,10vw,150px) 0;scroll-margin-top:134px}.design-guide-module__zQE_kG__sectionIntro{grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr);gap:clamp(48px,9vw,140px);margin-bottom:70px;display:grid}.design-guide-module__zQE_kG__sectionIntro h2{letter-spacing:-.04em;margin:0;font-size:clamp(42px,5vw,72px);line-height:1}.design-guide-module__zQE_kG__sectionIntro p{max-width:620px;color:var(--muted);word-break:keep-all;margin:6px 0 0;font-size:16px;line-height:1.75}.design-guide-module__zQE_kG__logoGrid{border:1px solid var(--ink);grid-template-columns:1fr 1fr;display:grid}.design-guide-module__zQE_kG__logoField{aspect-ratio:1.35;place-items:center;min-width:0;margin:0;display:grid;position:relative;overflow:hidden}.design-guide-module__zQE_kG__logoField+.design-guide-module__zQE_kG__logoField{border-left:1px solid}.design-guide-module__zQE_kG__logoField img{width:min(44%,220px);height:auto}.design-guide-module__zQE_kG__logoField figcaption{position:absolute;bottom:16px;right:18px}.design-guide-module__zQE_kG__logoFieldDark{color:#fff;background:var(--ink)}.design-guide-module__zQE_kG__logoFieldBlue{color:#fff;background:var(--blue)}.design-guide-module__zQE_kG__downloadLink{border-bottom:1px solid var(--ink);gap:24px;width:max-content;margin-top:22px;padding:11px 0;font-size:13px;font-weight:700;display:flex}.design-guide-module__zQE_kG__downloadLink:hover{color:var(--blue);border-color:var(--blue)}.design-guide-module__zQE_kG__colorList{border-top:1px solid var(--ink)}.design-guide-module__zQE_kG__colorRow{border-bottom:1px solid var(--line);grid-template-columns:32px minmax(150px,.7fr) 120px minmax(180px,1.3fr);align-items:center;gap:24px;min-height:82px;display:grid}.design-guide-module__zQE_kG__colorRow i{border:1px solid #0f172a40;width:18px;height:18px}.design-guide-module__zQE_kG__colorRow strong{font-size:15px}.design-guide-module__zQE_kG__colorRow code{color:var(--muted);font:600 12px var(--font-geist-mono), monospace}.design-guide-module__zQE_kG__colorLine{height:8px}.design-guide-module__zQE_kG__blue{background:var(--blue)}.design-guide-module__zQE_kG__deep{background:var(--deep)}.design-guide-module__zQE_kG__ink{background:var(--ink)}.design-guide-module__zQE_kG__paper{background:var(--paper)}.design-guide-module__zQE_kG__muted{background:var(--muted)}.design-guide-module__zQE_kG__line{background:var(--line)}.design-guide-module__zQE_kG__typeSamples{border-top:1px solid var(--ink)}.design-guide-module__zQE_kG__typeSamples>div{border-bottom:1px solid var(--line);padding:28px 0 34px}.design-guide-module__zQE_kG__typeSamples>div>span{color:var(--blue)}.design-guide-module__zQE_kG__typeSamples p{margin:24px 0 0}.design-guide-module__zQE_kG__displaySample p{letter-spacing:-.04em;word-break:keep-all;font-size:clamp(44px,6.5vw,88px);font-weight:760;line-height:1.02}.design-guide-module__zQE_kG__bodySample p{word-break:keep-all;max-width:700px;font-size:19px;line-height:1.75}.design-guide-module__zQE_kG__monoSample p{font:500 clamp(15px, 2vw, 22px)/1.5 var(--font-geist-mono), monospace;letter-spacing:.02em}.design-guide-module__zQE_kG__principleList{border-top:1px solid var(--ink)}.design-guide-module__zQE_kG__principleList article{border-bottom:1px solid var(--line);grid-template-columns:64px minmax(210px,.6fr) minmax(0,1.4fr);align-items:center;gap:40px;min-height:210px;display:grid}.design-guide-module__zQE_kG__principleList article>span{color:var(--blue);font:650 11px var(--font-geist-mono), monospace;align-self:start;padding-top:34px}.design-guide-module__zQE_kG__principleList h3{letter-spacing:-.035em;margin:0 0 14px;font-size:clamp(25px,3vw,38px)}.design-guide-module__zQE_kG__principleList p{max-width:520px;color:var(--muted);word-break:keep-all;margin:0;line-height:1.7}.design-guide-module__zQE_kG__principleDemo{border:1px solid var(--ink);height:130px;position:relative}.design-guide-module__zQE_kG__principleDemo i{background:var(--blue);display:block;position:absolute}.design-guide-module__zQE_kG__principleDemo i:first-child{width:42px;height:42px;top:18px;left:18px}.design-guide-module__zQE_kG__principleDemo i:nth-child(2){background:var(--ink);width:1px;top:0;bottom:0;left:52%}.design-guide-module__zQE_kG__principleDemo i:last-child{width:64px;height:8px;bottom:18px;right:18px}.design-guide-module__zQE_kG__assetsSection{border-bottom:0}.design-guide-module__zQE_kG__assetList{border-top:1px solid var(--ink)}.design-guide-module__zQE_kG__assetList a{border-bottom:1px solid var(--line);grid-template-columns:minmax(180px,1fr) minmax(140px,.7fr) auto;align-items:center;gap:32px;min-height:90px;padding:0 6px;transition:color .18s,background .18s;display:grid}.design-guide-module__zQE_kG__assetList a:hover{color:#fff;background:var(--blue)}.design-guide-module__zQE_kG__assetList span,.design-guide-module__zQE_kG__assetList b{font:600 11px var(--font-geist-mono), monospace}.design-guide-module__zQE_kG__assetList span{color:var(--muted)}.design-guide-module__zQE_kG__assetList a:hover span{color:#dbeafe}@media (max-width:900px){.design-guide-module__zQE_kG__hero{grid-template-columns:1fr;gap:54px;min-height:auto;padding:80px 0}.design-guide-module__zQE_kG__heroMark{justify-self:end;width:min(78vw,520px)}.design-guide-module__zQE_kG__localNav{justify-content:flex-start;overflow-x:auto}.design-guide-module__zQE_kG__localNav a{min-width:max-content}.design-guide-module__zQE_kG__sectionIntro{grid-template-columns:1fr;gap:24px;margin-bottom:52px}.design-guide-module__zQE_kG__principleList article{grid-template-columns:42px minmax(150px,.6fr) minmax(0,1.4fr);gap:24px}}@media (max-width:640px){.design-guide-module__zQE_kG__heroCopy p{margin-top:28px;font-size:15px}.design-guide-module__zQE_kG__heroMark{width:calc(100% - 40px);margin-right:-20px}.design-guide-module__zQE_kG__logoGrid{grid-template-columns:1fr}.design-guide-module__zQE_kG__logoField{aspect-ratio:1.15}.design-guide-module__zQE_kG__logoField+.design-guide-module__zQE_kG__logoField{border-top:1px solid #fff;border-left:0}.design-guide-module__zQE_kG__colorRow{grid-template-columns:24px 1fr auto;gap:16px}.design-guide-module__zQE_kG__colorLine{grid-column:2/-1;height:5px;margin-bottom:18px}.design-guide-module__zQE_kG__principleList article{grid-template-columns:30px 1fr;gap:18px;padding:28px 0 34px}.design-guide-module__zQE_kG__principleList article>span{padding-top:4px}.design-guide-module__zQE_kG__principleDemo{height:112px}.design-guide-module__zQE_kG__principleList article>div:last-child{grid-column:2}.design-guide-module__zQE_kG__assetList a{grid-template-columns:1fr auto;gap:8px 18px;min-height:108px}.design-guide-module__zQE_kG__assetList span{grid-row:2}.design-guide-module__zQE_kG__assetList b{grid-area:1/2/3}}@media (prefers-reduced-motion:reduce){.design-guide-module__zQE_kG__assetList a{transition:none}}