@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url('fonts/inter-latin.woff2') format('woff2')}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url('fonts/inter-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--blue:#0068f9;--strong:#0055d4;--tint:#eef4ff;--ink:#121722;--muted:#636874;--canvas:#f7f7f8;--line:#e8e9ec;--surface:#fff;--radius:26px;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:var(--canvas);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:108px}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;height:auto;display:block}p{margin:0;line-height:1.65}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:5px}::selection{background:#d3e3fd}h1,h2,h3{margin:0;line-height:1.12;font-weight:600;letter-spacing:-.045em}h1{font-size:clamp(48px,5.1vw,76px);line-height:1.03}h2{font-size:clamp(30px,3vw,42px)}h3{font-size:17px;letter-spacing:-.025em}.blue{color:var(--blue)}.topbar{height:88px;display:flex;align-items:center;gap:28px;padding:0 40px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--canvas);z-index:20}.home{flex-shrink:0}.top-caption{font-size:14px;color:var(--muted);border-left:1px solid var(--line);padding-left:28px}.topbar>.button{margin-left:auto}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:46px;padding:12px 22px;background:white;border:1px solid var(--line);border-radius:999px;font-size:14px;font-weight:550;transition:background .18s,transform .18s}.button:hover{background:#f0f1f3;transform:translateY(-1px)}.button.primary{background:var(--blue);color:white;border-color:var(--blue)}.button.primary:hover{background:var(--strong)}.button.small{min-height:40px;padding:10px 17px;font-size:14px}.layout{display:grid;grid-template-columns:228px minmax(0,1fr);max-width:1536px;margin:auto;padding:0 40px;gap:48px}.sidebar{position:sticky;top:88px;height:calc(100dvh - 88px);padding-top:40px;display:flex;flex-direction:column;padding-bottom:32px}.eyebrow,.section-kicker{font-size:12px;font-weight:600;letter-spacing:.105em;text-transform:uppercase;color:var(--muted)}.sidebar>.eyebrow{font-size:12px;margin-bottom:25px}.sidebar nav{display:grid;gap:6px}.sidebar nav a{display:flex;align-items:center;gap:16px;font-size:12px;padding:12px 13px;border-radius:10px;color:var(--muted);transition:background .18s,color .18s}.sidebar nav a span{font-size:12px;font-variant-numeric:tabular-nums;opacity:.7}.sidebar nav a:hover{background:white;color:var(--ink)}.sidebar nav a[aria-current]{background:var(--tint);color:var(--strong);font-weight:600}.sidebar-note{margin-top:auto;padding-top:40px;font-size:12px;color:var(--muted);line-height:1.8}.sidebar-note a{display:block;margin-top:12px;color:var(--ink)}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--blue);margin-right:7px;vertical-align:middle}main{min-width:0}section{padding:72px 0;border-bottom:1px solid var(--line)}section.hero{padding-top:40px;display:grid;grid-template-columns:1.06fr 1fr;gap:40px 28px}.hero-copy{padding:38px 0 18px}.hero-copy .eyebrow{margin-bottom:30px}.intro{margin:26px 0 27px;font-size:16px;color:var(--muted);letter-spacing:-.02em}.file-note{font-size:12px;color:var(--muted);margin-top:15px}.hero-art{position:relative;isolation:isolate;overflow:hidden;background:var(--blue);border-radius:var(--radius);min-height:430px;display:grid;place-items:center}.hero-art>img{width:48%;z-index:1}.dot-field{position:absolute;inset:0;background-image:radial-gradient(circle,#ffffff6b 1.5px,transparent 1.7px);background-size:22px 22px;mask-image:linear-gradient(120deg,transparent 15%,black);pointer-events:none}.art-footer{position:absolute;bottom:24px;left:25px;right:25px;display:flex;justify-content:space-between;color:white;font-size:12px;gap:16px}.brand-intro{grid-column:1/-1;display:grid;grid-template-columns:160px 1fr;gap:24px;align-items:start;padding-top:10px}.brand-intro .section-kicker{margin-top:5px}.brand-intro>p{font-size:19px;line-height:1.6;letter-spacing:-.025em;max-width:760px}.section-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:end;margin-bottom:32px}.section-heading .eyebrow{margin-bottom:15px}.section-heading>p{font-size:14px;color:var(--muted);max-width:350px;justify-self:end}.logo-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.asset-card{background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden}.logo-stage{height:210px;display:grid;place-items:center;border-bottom:1px solid var(--line)}.logo-stage>img{width:65%;max-width:280px}.logo-stage.checker>img{width:82px}.dark{background:var(--ink)}.soft{background:#f0f1f3}.checker{background-color:#fff;background-image:conic-gradient(#f7f7f8 25%,transparent 0 50%,#f7f7f8 0 75%,transparent 0);background-size:18px 18px}.asset-caption{padding:20px;display:flex;justify-content:space-between;gap:12px;align-items:center}.asset-caption h3{font-size:14px}.asset-caption p{font-size:12px;color:var(--muted);margin-top:5px}.downloads{display:flex;gap:7px}.downloads a{border:1px solid var(--line);padding:7px 9px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.downloads a:hover{color:var(--blue);background:var(--tint)}.annotation{font-size:12px;color:var(--muted);margin-top:20px}.annotation a{text-decoration:underline;text-underline-offset:3px}.palette-main{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:13px}.swatch{border:1px solid transparent;border-radius:18px;min-height:230px;padding:22px;text-align:left;display:flex;justify-content:space-between;flex-direction:column;color:white;transition:transform .2s}.swatch:hover{transform:translateY(-3px)}.brand-blue{background:var(--blue)}.brand-ink{background:var(--ink)}.brand-canvas{background:var(--canvas);color:var(--ink);border-color:var(--line)}.swatch-top{display:flex;justify-content:space-between;gap:10px;font-size:12px}.swatch-name{font-size:21px;letter-spacing:-.035em}.swatch-name strong{display:block;font-size:12px;font-weight:450;letter-spacing:0;margin-top:9px}.palette-small{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:17px 0 28px}.palette-small button{display:flex;gap:12px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:13px;text-align:left;background:white;font-size:12px}.color-chip{height:35px;width:35px;flex-shrink:0;border-radius:8px;border:1px solid #1217220d}.strong{background:#0055d4}.tint{background:#eef4ff}.white{background:#fff}.muted{background:#636874}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--muted)}.palette-small code{display:block;margin-top:5px;font-size:12px}.semantic-row{display:flex;flex-wrap:wrap;gap:24px;border-top:1px solid var(--line);padding-top:22px}.semantic-row p{display:flex;align-items:center;gap:9px;font-size:12px}.semantic-row strong{font-weight:500}.state{width:8px;height:8px;border-radius:50%;display:inline-block}.green{background:#0f9a6c}.red{background:#c43d3d}.violet{background:#6d4fe0}.text-link{display:inline-flex;gap:10px;align-items:center;font-size:12px;font-weight:550;color:var(--strong);margin-top:20px}.text-link:hover{text-decoration:underline;text-underline-offset:4px}.type-specimen{background:white;display:grid;grid-template-columns:1fr 1.7fr;border:1px solid var(--line);border-radius:18px;overflow:hidden}.type-monogram{padding:30px;background:var(--tint);display:flex;flex-direction:column;justify-content:space-between;min-height:300px}.type-monogram>span{font-size:130px;letter-spacing:-.08em;line-height:1.1;color:var(--blue);font-weight:500}.type-monogram p{font-size:17px;font-weight:550}.type-monogram small{font-size:12px;color:var(--muted);font-weight:400}.type-workbench{padding:26px;min-width:0}.type-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:34px;font-size:12px;color:var(--muted)}.type-controls select{background:var(--canvas);color:var(--ink);border:1px solid var(--line);border-radius:7px;padding:7px;font-size:12px;margin-left:6px;max-width:160px}#type-sample{font-size:clamp(26px,3.2vw,45px);font-weight:600;letter-spacing:-.05em;width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:0 0 24px;background:transparent;color:var(--ink);text-overflow:ellipsis;min-width:0}.type-alphabet{font-size:16px;line-height:1.8;letter-spacing:.025em;margin-top:26px;overflow-wrap:anywhere}.type-scale{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;padding-top:27px}.type-scale>div>span{font-size:12px;color:var(--muted)}.type-scale p{margin-top:16px;font-size:16px;line-height:1.6}.type-scale p.display-sample{font-size:clamp(32px,4vw,64px);font-weight:600;letter-spacing:-.055em;line-height:1.05}.type-scale p.heading-sample{font-size:32px;font-weight:600;letter-spacing:-.045em;line-height:1.2}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.detail-card{padding:16px 16px 25px;border:1px solid var(--line);border-radius:18px;background:white}.detail-card h3,.detail-card>p,.detail-card>code{margin:20px 8px 0;display:block}.detail-card>p{font-size:12px;color:var(--muted);margin-top:12px}.detail-card>code{margin-top:12px}.shape-demo,.pattern-demo{height:220px;border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.shape-demo{background:var(--canvas);flex-direction:column;gap:18px}.demo-pill{display:flex;gap:20px;background:var(--blue);color:white;border-radius:999px;padding:11px 19px;font-size:12px;font-weight:550}.demo-note{display:flex;align-items:center;gap:12px;padding:14px 20px;background:white;border:1px solid var(--line);border-radius:16px;font-size:12px;line-height:1.6}.demo-note strong{font-weight:500;color:var(--muted)}.pattern-demo{background:var(--blue)}.pattern-demo .dot-field{background-size:18px 18px}.pattern-demo>img{z-index:1}.clearspace{display:grid;grid-template-columns:1.1fr 1fr;gap:34px;align-items:center;background:white;border:1px solid var(--line);border-radius:18px;padding:35px}.clearspace-art{text-align:center;padding:30px 20px;background:var(--canvas);border-radius:12px}.clearspace-bound{padding:22px;border:1px dashed #99c2ff;background:var(--tint)}.clearspace-art>span{display:block;font-size:12px;color:var(--muted);margin-top:17px}.clearspace h3{margin-bottom:15px}.clearspace p{font-size:12px;color:var(--muted)}.clearspace p.minimum{margin-top:20px}.minimum strong{font-size:18px;color:var(--ink);font-weight:550}.minimum span{padding:0 9px}.minimum small{font-size:12px}.rules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:28px}.rules-grid article{border-top:1px solid var(--line);padding-top:23px}.rule-tag{font-size:12px;display:inline-block;padding:5px 10px;border-radius:999px;margin-bottom:18px}.good{background:#e7f6ef;color:#0b7a55}.avoid{background:#fff4f3;color:#c43d3d}.neutral{background:var(--tint);color:var(--strong)}.rules-grid p{font-size:12px;color:var(--muted);margin-top:12px}.rules-grid h3{font-size:16px}.press-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:30px}.press-copy{padding:26px;background:white;border:1px solid var(--line);border-radius:18px}.copy-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.section-kicker{font-size:12px}.copy-button{background:none;border:0;color:var(--strong);font-size:12px;white-space:nowrap;padding:9px 0 9px 8px}.press-copy>p{font-size:14px;margin-top:17px;color:var(--muted)}.press-copy>p.short-description{font-size:20px;color:var(--ink);letter-spacing:-.025em;line-height:1.5;padding-bottom:28px;border-bottom:1px solid var(--line);margin-bottom:20px}.press-download{border:1px solid var(--line);border-radius:18px;background:white;overflow:hidden}.press-download>div{padding:25px}.press-download p{font-size:12px;color:var(--muted);margin:12px 0 22px}.press-download .text-link{display:block;font-size:12px}.contact-line{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);margin-top:40px;padding-top:28px;font-size:14px;letter-spacing:-.02em}.contact-line>a{color:var(--strong)}.legal{font-size:12px;color:var(--muted);margin-top:25px;max-width:680px}footer{display:flex;align-items:center;gap:16px;padding:32px 0;font-size:12px;color:var(--muted)}footer>a:last-child{margin-left:auto;color:var(--ink);white-space:nowrap}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);background:var(--ink);color:white;padding:13px 22px;border-radius:999px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;z-index:50;max-width:90%;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}.skip{position:fixed;left:16px;top:-80px;background:white;color:var(--ink);padding:14px;z-index:100;border-radius:8px}.skip:focus{top:15px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(min-width:1500px){.hero-art{min-height:490px}.hero-copy{padding-top:56px}.logo-stage{height:240px}}@media(max-width:1150px){.layout{grid-template-columns:180px minmax(0,1fr);gap:30px;padding:0 28px}.topbar{padding:0 28px}.sidebar nav a{font-size:12px;gap:12px;padding:11px 8px}.sidebar>.eyebrow{font-size:12px}section.hero{gap:30px 22px}.hero-art{min-height:380px}.hero-copy{padding-top:22px}.hero-copy h1{font-size:54px}.art-footer{flex-direction:column;gap:5px}.asset-caption{padding:16px;align-items:flex-start;flex-direction:column}.palette-small{grid-template-columns:1fr 1fr}.swatch{padding:18px;min-height:210px}.swatch-name{font-size:18px}.type-monogram>span{font-size:100px}.type-controls>span{display:none}.brand-intro{grid-template-columns:130px 1fr}.clearspace{padding:23px;gap:22px}.clearspace-art{padding:22px 10px}.clearspace-bound{padding:16px}.press-grid{gap:18px}.press-copy{padding:22px}.section-heading{grid-template-columns:1.1fr 1fr}.section-heading h2{font-size:34px}}
@media(max-width:850px){.topbar{height:72px}.layout{display:block;padding:0 24px}.sidebar{height:auto;position:sticky;top:72px;background:var(--canvas);z-index:15;padding:10px 0 12px;border-bottom:1px solid var(--line);margin:0 -24px}.sidebar>.eyebrow,.sidebar-note{display:none}.sidebar nav{display:flex;overflow-x:auto;padding:0 24px;gap:5px;scrollbar-width:thin}.sidebar nav a{white-space:nowrap;padding:9px 12px}.sidebar nav a span{display:none}:root{scroll-padding-top:145px}section{padding:56px 0}section.hero{padding-top:28px}.hero-copy h1{font-size:60px}.hero-art{min-height:370px}.brand-intro{grid-template-columns:140px 1fr}.section-heading h2{font-size:34px}.asset-caption{flex-direction:row;align-items:center}.press-copy>p.short-description{font-size:18px}.type-scale p.display-sample{font-size:44px}.clearspace{padding:25px}.hero-copy .eyebrow{font-size:12px}}
@media(max-width:600px){.topbar{padding:0 20px;gap:16px}.home img{width:136px}.top-caption{display:none}.button.small{font-size:12px;padding:9px 13px;min-height:36px;gap:10px}.layout{padding:0 20px}.sidebar{margin:0 -20px}.sidebar nav{padding:0 20px}.hero-copy{padding:12px 0 0}.hero-copy h1{font-size:60px}.hero-copy .eyebrow{margin-bottom:24px}.intro{font-size:15px;margin:22px 0}.file-note{font-size:12px}section.hero{grid-template-columns:1fr;gap:28px}.hero-art{min-height:300px}.hero-art>img{width:145px}.art-footer{flex-direction:row;font-size:12px;left:23px;right:23px;bottom:22px}.brand-intro{display:block;padding-top:10px}.brand-intro>p{font-size:18px;margin-top:17px}.section-heading{display:block;margin-bottom:25px}.section-heading h2{font-size:33px}.section-heading>p{margin-top:18px;max-width:none;font-size:14px}.logo-grid{grid-template-columns:1fr;gap:15px}.logo-stage{height:205px}.asset-caption{padding:18px;gap:10px}.asset-caption h3{font-size:14px}.asset-caption p{font-size:12px}.downloads a{font-size:12px;padding:7px 9px}.palette-main{grid-template-columns:1fr 1fr;gap:12px}.swatch:first-child{grid-column:1/-1;min-height:240px}.swatch{min-height:185px;padding:19px}.swatch-name{font-size:22px}.palette-small{gap:10px}.palette-small button{padding:11px;gap:9px}.semantic-row{gap:14px 20px}.semantic-row p{font-size:12px}.type-specimen{grid-template-columns:1fr}.type-monogram{min-height:210px;padding:22px;flex-direction:row;align-items:end}.type-monogram>span{font-size:138px}.type-monogram p{text-align:right;margin-bottom:12px}.type-workbench{padding:23px}.type-controls{margin-bottom:25px}.type-controls>span{display:block;font-size:12px}#type-sample{font-size:34px}.type-scale{grid-template-columns:1fr;gap:23px}.type-scale>div{padding-bottom:23px;border-bottom:1px solid var(--line)}.type-scale p.display-sample{font-size:56px}.type-scale p{margin-top:10px}.detail-grid,.clearspace,.rules-grid,.press-grid{grid-template-columns:1fr}.clearspace{padding:20px;gap:25px}.clearspace-art{padding:25px 12px}.clearspace-bound{padding:25px 18px}.rules-grid{gap:24px}.rules-grid h3{font-size:18px}.rules-grid p{font-size:14px}.press-copy{padding:23px}.press-copy>p.short-description{font-size:22px}.contact-line{align-items:start;flex-direction:column;gap:10px;font-size:16px}.contact-line>a{overflow-wrap:anywhere}footer{flex-wrap:wrap;gap:14px;font-size:12px}footer>span{max-width:160px}footer>a:last-child{margin-left:auto}.type-alphabet{font-size:14px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover,.swatch:hover{transform:none}}

/* Readable labels and a unified Overplay · Design header. */
.brand-heading{display:flex;align-items:center;gap:14px;min-width:0;flex-shrink:0}
.brand-dot{width:6px;height:6px;border-radius:50%;background:var(--blue);flex-shrink:0}
.design-title{font-size:28px;font-weight:600;letter-spacing:-.04em;line-height:1}
.sidebar nav a{font-size:14px}.sidebar nav a span{font-size:12px}
.sidebar>.eyebrow{font-size:12px;letter-spacing:.065em;line-height:1.6}
.sidebar-note,.sidebar-note a{font-size:13px}
.asset-caption h3{font-size:16px}.asset-caption p{font-size:13px}
.downloads a{font-size:12px;min-height:40px;display:inline-flex;align-items:center;padding:9px 12px}
.copy-button{font-size:13px;min-height:44px}.eyebrow,.section-kicker{font-size:12px}
.file-note,.annotation,.legal{font-size:13px}.art-footer{font-size:12px}
.type-controls,.type-controls select,.type-scale>div>span{font-size:13px}
.clearspace-art>span{font-size:12px}.rules-grid p,.detail-card>p{font-size:14px}
.semantic-row p{font-size:13px}code,.palette-small code{font-size:12px}
.palette-small button{font-size:13px}.swatch-top{font-size:12px}
.swatch-name strong{font-size:13px}.press-download .text-link{font-size:13px}
footer{font-size:12px}
@media(max-width:1150px){.asset-caption{align-items:flex-start;flex-direction:column}}
@media(max-width:850px){.sidebar nav a{font-size:13px}.brand-heading{gap:12px}.design-title{font-size:25px}.art-footer{flex-direction:row}}
@media(max-width:600px){.home img{width:120px}.design-title{font-size:22px}.brand-heading{gap:10px}.brand-dot{width:5px;height:5px}.topbar{gap:12px}.topbar .button.small{font-size:12px;gap:8px}.sidebar nav a{font-size:13px}.asset-caption{flex-direction:row;align-items:center}.asset-caption p{font-size:12px}.downloads a{padding:9px 10px}.file-note{font-size:12px}.art-footer{font-size:11px}.hero-copy .eyebrow{font-size:12px}.type-controls>span{font-size:12px}.press-copy{padding:20px}footer>span{max-width:160px}}
@media(max-width:380px){.topbar .download-label{display:none}.topbar .button.small{min-width:40px;min-height:40px}.hero-copy h1{font-size:54px}.asset-caption{flex-direction:column;align-items:flex-start}.palette-small{grid-template-columns:1fr}.type-controls{flex-wrap:wrap}}

/* Match the Overplay Releases portal lockup. */
.brand-heading{display:flex;align-items:center;flex-shrink:0}
.brand-heading .home{display:flex;align-items:center;gap:10px;min-height:44px;font-size:18px;letter-spacing:-.5px}
.brand-heading .home img{width:30px;height:30px;flex-shrink:0}
.brand-heading .home strong{font-weight:650}
.brand-heading .home>span{padding-left:13px;margin-left:4px;border-left:1px solid #d9dde4;color:#7c8491;font-size:15px;font-weight:450;letter-spacing:-.3px}
@media(max-width:600px){.brand-heading .home>span{font-size:13px}}

/* Landing header behavior, scoped here so this page remains independent. */
.topbar{height:88px;max-width:1536px;margin:auto;padding:0 40px;display:grid;grid-template-columns:228px minmax(0,1fr);gap:48px;border:0;background:transparent;backdrop-filter:none;overflow:visible}
.header-content{grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:24px;min-width:0;width:100%;min-height:72px;border-radius:0;background:transparent;transition:transform .3s cubic-bezier(.2,.8,.2,1),padding .3s ease,border-radius .3s ease,box-shadow .3s ease,background-color .3s ease}
.topbar.is-floating .header-content{background:color-mix(in srgb,var(--canvas) 82%,transparent);backdrop-filter:blur(16px) saturate(1.4);padding-inline:22px 12px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line),0 1px 3px #1217221a,0 16px 32px -12px #12172233;transform:translateY(4px)}
@media(max-width:1150px){.topbar{grid-template-columns:180px minmax(0,1fr);gap:30px;padding:0 28px}}
@media(max-width:850px){.topbar{height:72px;display:flex;padding:0 24px}.header-content{min-height:64px}.topbar.is-floating .header-content{transform:translateY(4px)}}
@media(max-width:700px){.topbar.is-floating .header-content{padding:0;border-radius:0;box-shadow:none;transform:none;background:color-mix(in srgb,var(--canvas) 93%,transparent);backdrop-filter:blur(10px)}.header-content{gap:12px}}
@media(max-width:600px){.topbar{padding:0 20px}.header-content{min-height:72px}}
@media(prefers-reduced-motion:reduce){.header-content{transition:none}}
@media(max-width:700px){.topbar.is-floating{background:color-mix(in srgb,var(--canvas) 93%,transparent);backdrop-filter:blur(10px)}.topbar.is-floating .header-content{background:transparent;backdrop-filter:none}}
/* Span both columns: the sidebar navigation and the main content. */
.header-content{grid-column:1 / -1}
/* Editorial essentials and downloads, without adding product dependencies. */
.usage-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}.usage-examples figure{margin:0;min-width:0}.usage-sample{height:148px;display:grid;place-items:center;border:1px solid var(--line);border-radius:16px;background:white;overflow:hidden;padding:28px}.usage-sample img{width:100%;max-width:220px}.usage-sample.stretched img{transform:scaleY(.58)}.usage-sample.recolored img{filter:hue-rotate(90deg)}.usage-examples figcaption{font-size:13px;line-height:1.5;margin-top:12px;display:flex;gap:8px;align-items:baseline}.example-state{font-weight:650}.example-state.yes{color:#0b7a55}.example-state.no{color:#c43d3d}
.press-facts{border:1px solid var(--line);border-radius:18px;background:white;margin-top:28px;padding:28px}.facts-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.facts-heading h3{font-size:25px;margin-top:12px}.fact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 28px;margin:28px 0 0}.fact-grid>div{border-top:1px solid var(--line);padding-top:18px}.fact-grid dt{font-size:12px;color:var(--muted);margin-bottom:8px}.fact-grid dd{font-size:14px;margin:0;line-height:1.65}.fact-grid a{color:var(--strong)}.facts-note{font-size:12px;color:var(--muted);line-height:1.7;border-top:1px solid var(--line);padding-top:20px;margin-top:25px}.facts-note strong{font-weight:550}.resource-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin:35px 0 18px}.resource-heading h3{font-size:20px}.resource-heading>span{font-size:12px;color:var(--muted)}.resource-list{border:1px solid var(--line);border-radius:18px;background:white;overflow:hidden}.resource-download{display:flex;align-items:center;gap:18px;padding:20px 24px;min-height:90px;transition:background .18s}.resource-download:hover{background:var(--tint)}.resource-download+.resource-download{border-top:1px solid var(--line)}.resource-file{display:grid;place-items:center;background:var(--canvas);border:1px solid var(--line);border-radius:10px;min-width:44px;height:48px;font-size:11px;font-weight:600;color:var(--muted)}.resource-download strong{display:block;font-size:14px;font-weight:550;line-height:1.4}.resource-download small{display:block;font-size:12px;color:var(--muted);line-height:1.6;margin-top:5px}.resource-size{margin-left:auto;white-space:nowrap;font-size:12px;color:var(--muted)}.resource-size>span{padding-left:14px;color:var(--strong);font-size:17px}.screenshots-request{border:1px solid var(--line);border-radius:18px;padding:26px;display:flex;gap:25px;align-items:center;margin-top:22px}.screenshots-request h3{font-size:20px}.screenshots-request p{font-size:13px;color:var(--muted);margin-top:10px;max-width:610px}.screenshots-request .text-link{margin-top:14px}.screenshot-outline{border:1px solid #d3e3fd;min-width:100px;height:76px;border-radius:10px;background:white;padding:12px}.screenshot-outline>span{display:block;height:5px;width:30px;background:#d3e3fd;border-radius:3px;margin-bottom:12px}.screenshot-outline i{height:6px;width:64px;display:block;border-radius:4px;background:var(--tint);margin-top:7px}.screenshot-outline i:last-child{width:45px}
@media(max-width:1000px){.fact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.usage-sample{padding:20px}.resource-heading{flex-direction:column;gap:10px}}
@media(max-width:600px){.usage-examples{grid-template-columns:1fr;gap:22px}.usage-sample{height:155px}.press-facts{padding:21px}.facts-heading{align-items:start;flex-direction:column;gap:5px}.facts-heading h3{font-size:25px}.fact-grid{grid-template-columns:1fr;gap:18px}.resource-download{padding:18px 16px;gap:12px;flex-wrap:wrap}.resource-download>span:nth-child(2){flex:1;min-width:170px}.resource-size{margin-left:56px}.resource-file{min-width:40px;height:44px}.screenshots-request{padding:22px;align-items:start;flex-direction:column;gap:20px}}

.pattern-downloads{display:flex;flex-wrap:wrap;gap:12px 22px;margin:0 8px}.pattern-downloads .text-link{font-size:13px}