@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
@font-face{font-family:Loretta;src:url(/fonts/loretta.otf)format("opentype");font-weight:400 900;font-style:normal;font-display:swap}:root{--template-font:"Inter", ui-sans-serif, system-ui, -apple-system, "Helvetica Neue", sans-serif;--template-fg-on-light:#000;--template-fg-muted-on-light:#0009;--template-fg-subtle-on-light:#0000006b;--template-fg-on-dark:#fff;--template-fg-muted-on-dark:#ffffffa6;--template-fg-subtle-on-dark:#ffffff6b;--template-fg:var(--template-fg-on-light);--template-fg-muted:var(--template-fg-muted-on-light);--template-fg-subtle:var(--template-fg-subtle-on-light);--template-accent:#d8296e;--template-accent-fg:#fff;--template-pad-mobile:40px;--template-pad-desktop:60px;--template-max-width:1920px;--template-tile-dark:#0c0c0e;--template-tile-light:#fff;--template-bg:#f5f4f2;--template-border:#00000024}[data-surface-mode=dark]{--template-fg:var(--template-fg-on-dark);--template-fg-muted:var(--template-fg-muted-on-dark);--template-fg-subtle:var(--template-fg-subtle-on-dark)}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}html{background:var(--template-bg);color:var(--template-fg);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px;line-height:1.5}body{background:var(--template-bg);min-height:100dvh;color:var(--template-fg);overflow-x:hidden}img,svg{max-width:100%;display:block}em,i{font-style:normal}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}::selection{background:var(--template-accent);color:var(--template-accent-fg)}.t-h1{font-family:var(--h1-family);font-weight:var(--h1-weight);font-size:var(--h1-size);line-height:var(--h1-lh);letter-spacing:var(--h1-track);text-transform:var(--h1-transform)}.t-h2{font-family:var(--h2-family);font-weight:var(--h2-weight);font-size:var(--h2-size);line-height:var(--h2-lh);letter-spacing:var(--h2-track);text-transform:var(--h2-transform)}.t-h3{font-family:var(--h3-family);font-weight:var(--h3-weight);font-size:var(--h3-size);line-height:var(--h3-lh);letter-spacing:var(--h3-track);text-transform:var(--h3-transform)}.t-h4{font-family:var(--h4-family);font-weight:var(--h4-weight);font-size:var(--h4-size);line-height:var(--h4-lh);letter-spacing:var(--h4-track);text-transform:var(--h4-transform)}.t-h5{font-family:var(--h5-family);font-weight:var(--h5-weight);font-size:var(--h5-size);line-height:var(--h5-lh);letter-spacing:var(--h5-track);text-transform:var(--h5-transform)}.t-h6{font-family:var(--h6-family);font-weight:var(--h6-weight);font-size:var(--h6-size);line-height:var(--h6-lh);letter-spacing:var(--h6-track);text-transform:var(--h6-transform)}.t-body{font-family:var(--body-base-family);font-weight:var(--body-base-weight);font-size:var(--body-base-size);line-height:var(--body-base-lh);letter-spacing:var(--body-base-track)}.t-body-sm{font-family:var(--template-font);font-weight:var(--body-sm-weight);font-size:var(--body-sm-size);line-height:var(--body-sm-lh);letter-spacing:var(--body-sm-track)}.t-caption{font-family:var(--caption-family);font-weight:var(--caption-weight);font-size:var(--caption-size);line-height:var(--caption-lh);letter-spacing:var(--caption-track);text-transform:var(--caption-transform)}.t-button{font-family:var(--button-family);font-weight:var(--button-weight);font-size:var(--button-size);line-height:var(--button-lh);letter-spacing:var(--button-track);text-transform:var(--button-transform)}.t-label{font-family:var(--label-family);font-weight:var(--label-weight);font-size:var(--label-size);line-height:var(--label-lh);letter-spacing:var(--label-track);text-transform:var(--label-transform)}.clearspace-spec h3.t-h4,#typography .section__body>div>h3.t-h4,h3.t-h4.logo-title,h3.t-h4.ld-caption__title{font-family:var(--template-font);color:var(--template-fg);letter-spacing:-.01em;text-transform:none;font-weight:600}.t-mono{font-family:var(--template-font);letter-spacing:.02em;color:var(--template-fg-muted);font-size:12px}.t-muted{color:var(--template-fg-muted)}.t-subtle{color:var(--template-fg-subtle)}.guide{max-width:var(--template-max-width);padding:0 var(--template-pad-mobile);margin:0 auto}@media (min-width:900px){.guide{padding:0 var(--template-pad-desktop)}}.section{border-top:var(--hairline);grid-template-columns:1fr;gap:4rem;padding:clamp(6rem,12vw,10rem) 0;display:grid}.section:first-of-type{border-top:0}@media (min-width:900px){.section{grid-template-columns:minmax(160px,220px) 1fr;gap:6rem}}.section__index{z-index:5;margin:0 calc(-1 * var(--template-pad-mobile));padding:1rem var(--template-pad-mobile);background:var(--template-bg);border-bottom:1px solid var(--template-border);flex-direction:column;align-self:start;gap:.75rem;display:flex;position:sticky;top:0}@media (min-width:900px){.section__index{background:0 0;border-bottom:0;margin:0;padding:0;top:2rem}}.section__num{font-family:var(--template-font);letter-spacing:.18em;color:var(--template-fg-muted);text-transform:uppercase;font-size:11px;font-weight:500}.section__title-rule{background:var(--template-fg-subtle);width:24px;height:1px}.section__title{font-family:var(--template-font);letter-spacing:.14em;text-transform:uppercase;color:var(--template-fg);font-size:13px;font-weight:600}.section__download{background:var(--template-fg);width:auto;max-width:240px;color:var(--template-fg-on-dark);font-family:var(--template-font);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;transition:background var(--dur-fast) var(--ease-default), color var(--dur-fast) var(--ease-default), transform var(--dur-fast) var(--ease-default);border:0;border-radius:999px;justify-content:center;align-self:start;align-items:center;gap:.65rem;margin-top:1.75rem;padding:.75rem 1.25rem;font-size:12px;font-weight:600;line-height:1;display:inline-flex}[data-surface-mode=dark] .section__download{color:var(--template-fg-on-light)}@media (min-width:900px){.section__download{width:100%;max-width:none;padding:.95rem 1.35rem;font-size:13px}}.section__download:hover{background:var(--template-accent);color:var(--template-accent-fg)}.section__download:active{transform:translateY(-1px)}.section__download-icon{flex:0 0 16px;width:16px;height:16px;display:block}.section__download>span{line-height:1;display:inline-block}.section__body{min-width:0}.lede{font-family:var(--template-font);color:var(--template-fg-muted);max-width:64ch;margin:0 0 3rem;font-size:clamp(20px,2.2vw,26px);font-style:normal;font-weight:400;line-height:1.45}.prose p{font-family:var(--template-font);color:var(--template-fg-muted);max-width:62ch;margin:0 0 1.25rem;font-size:16px;font-weight:400;line-height:1.7}.prose strong{color:var(--template-fg);font-weight:600}.eyebrow{font-family:var(--template-font);letter-spacing:.2em;text-transform:uppercase;color:var(--template-fg-subtle);font-size:11px;font-weight:500}.divider-thin,.divider-strong{background:var(--template-border);width:100%;height:1px}[data-copy]{cursor:pointer;transition:color var(--dur-fast) var(--ease-default)}[data-copy]:hover,[data-copy].copied{color:var(--template-accent)}.copy-btn{border:1px solid color-mix(in srgb, currentColor 22%, transparent);color:currentColor;cursor:pointer;width:28px;height:28px;transition:background var(--dur-fast) var(--ease-default), border-color var(--dur-fast) var(--ease-default), color var(--dur-fast) var(--ease-default);background:0 0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.copy-btn__icon,.copy-btn__check{pointer-events:none;-webkit-user-drag:none}.copy-btn:hover{background:color-mix(in srgb, currentColor 8%, transparent);border-color:color-mix(in srgb, currentColor 55%, transparent)}.copy-btn__icon,.copy-btn__check{width:14px;height:14px;transition:opacity var(--dur-fast) var(--ease-default), transform var(--dur-fast) var(--ease-default);position:absolute}.copy-btn__check{opacity:0;color:var(--template-accent-fg);transform:scale(.8)}.copy-btn.copied{background:var(--template-accent);border-color:var(--template-accent);color:var(--template-accent-fg)}.copy-btn.copied .copy-btn__icon{opacity:0;transform:scale(.8)}.copy-btn.copied .copy-btn__check{opacity:1;transform:scale(1)}.copy-btn--on-fill{color:#fff;-webkit-backdrop-filter:blur(6px);background:#0006;border-color:#ffffff2e;position:absolute;top:12px;right:12px}.copy-btn--on-fill:hover{background:#0009;border-color:#ffffff59}@media print{:root{--bg-base:#fff;--bg-surface:#f7f6f5;--bg-elevated:#fff;--bg-inverted:#1c1b1c;--fg-primary:#1c1b1c;--fg-secondary:#fff;--fg-muted:#444;--fg-subtle:#777;--fg-inverted:#fff;--border-default:#ccc;--border-subtle:#e5e5e5;--border-strong:#999;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}main[data-surface-mode]{--template-fg:var(--template-fg-on-light);--template-fg-muted:var(--template-fg-muted-on-light);--template-fg-subtle:var(--template-fg-subtle-on-light)}html,body{color:#1c1b1c!important;background:#fff!important}body{font-size:10pt;line-height:1.45}.no-print{display:none!important}.section{page-break-inside:avoid;break-inside:avoid;border-top:1px solid #ccc;gap:1.5rem;padding:1.5rem 0}.section__index{position:static}.section__title{color:#1c1b1c}a[href]:after{content:""}@page{size:A4;margin:18mm 16mm}}.cover{padding:0 var(--template-pad-mobile);border-bottom:1px solid var(--template-border);grid-template-rows:auto auto auto;display:grid}@media (min-width:900px){.cover{padding:0 var(--template-pad-desktop)}}.cover__meta{grid-template-columns:1fr;align-items:start;gap:1.5rem;padding:2.5rem 0 0;display:grid}@media (min-width:700px){.cover__meta{grid-template-columns:1fr 1fr;gap:1rem}}.cover__meta-left{flex-wrap:wrap;align-items:center;gap:1.25rem 1.5rem;display:flex}.cover__meta-right{text-align:left}@media (min-width:700px){.cover__meta-right{text-align:right}}.cover__download{background:var(--template-fg);color:var(--template-fg-on-dark);font-family:var(--template-font);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;transition:background var(--dur-fast) var(--ease-default), color var(--dur-fast) var(--ease-default), transform var(--dur-fast) var(--ease-default);border-radius:999px;align-items:center;gap:.65rem;padding:.75rem 1.25rem;font-size:12px;font-weight:600;line-height:1;display:inline-flex}[data-surface-mode=dark] .cover__download{color:var(--template-fg-on-light)}@media (min-width:900px){.cover__download{padding:.95rem 1.35rem;font-size:13px}}.cover__download:hover{background:var(--template-accent);color:var(--template-accent-fg)}.cover__download:active{transform:translateY(-1px)}.cover__download .section__download-icon{flex:0 0 16px;width:16px;height:16px}.cover__mid{grid-template-columns:1fr;align-content:end;row-gap:3rem;padding:250px 0 6rem;display:grid}@media (min-width:900px){.cover__mid{grid-template-columns:1fr 1fr;align-items:last baseline;gap:0 4rem}}.cover__logo{align-items:flex-end;display:flex}.cover__logo img{width:100%;max-width:clamp(200px,44vw,680px);height:auto;display:block}.cover__mid-right{flex-direction:column;align-items:flex-start;gap:1.75rem;display:flex}.cover__subtitle{font-family:var(--template-font);color:var(--template-fg-muted);max-width:38ch;margin:0;font-size:clamp(17px,1.8vw,22px);font-style:normal;font-weight:400;line-height:1.5}.cover__bottom{border-top:var(--hairline);grid-template-columns:1fr;gap:2rem;padding:2rem 0 2.5rem;display:grid}.cover__surface-list{font-family:var(--template-font);flex-wrap:wrap;gap:.35rem .5rem;margin-top:.5rem;display:flex}.cover__surface-list span{color:var(--template-fg);padding:0;font-size:13px}.cover__surface-list span+span:before{content:"·";color:var(--template-fg-subtle);margin-right:.5rem}@media (min-width:900px){.cover__bottom{grid-template-columns:1.6fr 1fr 1fr;gap:4rem}}.cover__toc{grid-template-columns:repeat(2,1fr);gap:.5rem 2rem;display:grid}@media (min-width:600px){.cover__toc{grid-template-columns:repeat(2,1fr)}}@media (min-width:900px){.cover__toc{grid-template-columns:repeat(2,1fr)}}.cover__toc a{font-family:var(--template-font);letter-spacing:.08em;text-transform:uppercase;color:var(--template-fg-muted);transition:color var(--dur-fast) var(--ease-default), border-color var(--dur-fast) var(--ease-default);border-bottom:1px solid #0000;grid-template-columns:32px 1fr;gap:.75rem;padding:.35rem 0;font-size:11px;font-weight:500;display:grid}.cover__toc a:hover{color:var(--template-fg);border-bottom-color:var(--template-fg-subtle)}.cover__toc-num{color:var(--template-fg-subtle)}.voice-tagline-wrap{max-width:100%}.voice-tagline{font-family:var(--h1-family);font-weight:var(--h1-weight);font-size:var(--h1-size);line-height:var(--h1-lh);letter-spacing:var(--h1-track);text-transform:var(--h1-transform);text-wrap:balance;margin:0}.voice-tagline em{font:inherit;background:var(--gradient-accent);color:#0000;-webkit-background-clip:text;background-clip:text}.voice-grid{grid-template-columns:1fr;gap:0;margin-top:5rem;display:grid}@media (min-width:900px){.voice-grid{grid-template-columns:200px 1fr;gap:4rem}}.voice-row{grid-template-columns:subgrid;border-top:var(--hairline);grid-column:1/-1;padding:2rem 0;display:grid}.voice-row__label{font-family:var(--template-font);letter-spacing:.18em;text-transform:uppercase;color:var(--template-fg-subtle);padding-top:.35rem;font-size:11px;font-weight:500}.voice-row__copy{font-family:var(--template-font);color:var(--template-fg);max-width:60ch;font-size:18px;line-height:1.55}.voice-row__copy.serif{font-family:var(--template-font);color:var(--template-fg-muted);font-size:19px;font-style:normal;font-weight:400;line-height:1.55}.voice-row__copy ol.voice-pillars{margin:0;padding-left:2.5rem;list-style:decimal-leading-zero}.voice-row__copy ol.voice-pillars li{margin-bottom:.75rem;padding-left:.5rem}.voice-row__copy ol.voice-pillars li:last-child{margin-bottom:0}.voice-row__copy ol.voice-pillars li::marker{font-variant-numeric:tabular-nums;color:var(--template-fg-muted);font-size:.85em}.logo-grid{background:var(--template-border);border:1px solid var(--template-border);grid-template-columns:1fr;gap:1px;width:100%;display:grid}@media (min-width:700px){.logo-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1100px){.logo-grid{grid-template-columns:repeat(3,1fr)}}.logo-lockup{gap:1.5rem;display:grid}.logo-lockup+.logo-lockup{margin-top:3rem}@media (min-width:1100px){.logo-grid--lockup{grid-template-columns:repeat(2,1fr)}}.logo-tile{background:var(--template-tile-dark);grid-template-rows:1fr auto;gap:2rem;min-height:280px;padding:3rem 2rem 1.25rem;display:grid}.logo-tile--light{background:var(--template-tile-light)}.logo-tile--empty{background:var(--template-bg)}.logo-tile--empty .logo-tile__art{border:1px dashed var(--template-border)}.logo-tile__none{font-family:var(--template-font);letter-spacing:.16em;text-transform:uppercase;color:var(--template-fg-subtle);font-size:11px;font-weight:500}.logo-tile--empty .logo-tile__meta{color:var(--template-fg)}.logo-tile--hero{grid-column:1/-1;min-height:480px;padding:5rem 3rem 2rem}.logo-tile--hero .logo-tile__art{min-height:260px}.logo-tile--hero .logo-tile__art img{max-width:72%;max-height:260px}.logo-tile__art{place-items:center;min-height:140px;display:grid}.logo-tile__art img{width:auto;max-width:78%;height:auto;max-height:140px}.logo-tile__art--mark img{max-width:92px;max-height:92px}.logo-tile__meta{opacity:.42;transition:opacity var(--dur-normal) var(--ease-default);grid-template-columns:1fr auto;align-items:baseline;padding-top:1rem;display:grid}.logo-tile:hover .logo-tile__meta{opacity:.75}.logo-tile .logo-tile__meta{color:var(--template-tile-light)}.logo-tile--light .logo-tile__meta{color:var(--template-fg-on-light)}.logo-tile__name,.logo-tile__num{font-family:var(--template-font);letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:500}.gradient-intent{margin-top:3rem}.gradient-intent__body{font-family:var(--template-font);color:var(--template-fg-muted);max-width:60ch;margin:1rem 0 0;font-size:15px;line-height:1.6}.logo-note{margin-top:3rem}.logo-note__body{font-family:var(--template-font);color:var(--template-fg-muted);max-width:60ch;margin:1rem 0 0;font-size:15px;line-height:1.6}.logo-anim{border:1px solid var(--template-border);margin-top:1.5rem;position:relative;overflow:hidden}.logo-anim__frame{border:0;width:100%;height:440px;display:block;overflow:hidden}@media (max-width:640px){.logo-anim__frame{height:300px}}.logo-anim__replay{color:#fff;-webkit-backdrop-filter:blur(6px);font-family:var(--template-font);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background var(--dur-fast) var(--ease-default), border-color var(--dur-fast) var(--ease-default);background:#0006;border:1px solid #ffffff2e;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:11px;font-weight:600;display:inline-flex;position:absolute;top:12px;right:12px}.logo-anim__replay:hover{background:#0009;border-color:#ffffff59}.logo-anim__replay svg{pointer-events:none;width:14px;height:14px}.clearspace{grid-template-columns:1fr;gap:2rem;margin-top:4rem;display:grid}@media (min-width:900px){.clearspace{grid-template-columns:1.2fr 1fr;align-items:center;gap:4rem}}.clearspace-art{border:var(--hairline);place-items:center;min-height:280px;padding:3rem;display:grid;position:relative}.clearspace-art__hint{border:1px dashed var(--template-border);pointer-events:none;position:absolute;inset:1rem}.clearspace-art__inner{place-items:center;padding:4rem;display:grid;position:relative}.clearspace-art__inner:before,.clearspace-art__inner:after{content:"";background:var(--template-accent);position:absolute}.clearspace-art__inner:before{width:1rem;height:1px;top:50%;left:-2rem}.clearspace-art__inner:after{width:1rem;height:1px;top:50%;right:-2rem}.clearspace-art img{width:110px;height:110px}.clearspace-spec{gap:1.25rem;display:grid}.palette{background:var(--template-border);border:1px solid var(--template-border);grid-template-columns:1fr;gap:1px;display:grid}@media (min-width:700px){.palette{grid-template-columns:repeat(3,1fr)}}@media (min-width:1100px){.palette{grid-template-columns:repeat(6,1fr)}.palette--specs{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}}.swatch{background:var(--template-bg);grid-template-rows:200px auto;padding:0;display:grid}.swatch__chip{background:var(--swatch-color,#000);box-shadow:inset 0 0 0 1px var(--template-border);position:relative}.swatch__meta{flex-direction:column;align-items:stretch;padding:1.25rem 1rem;display:flex}.swatch__name{font-family:var(--template-font);letter-spacing:.08em;text-transform:uppercase;color:var(--template-fg);font-size:13px;font-weight:600}.swatch__hex{all:unset;cursor:copy;font-family:var(--font-mono);letter-spacing:.02em;color:var(--template-fg);align-self:flex-start;margin-top:.3rem;font-size:15px}.swatch__specs{border-top:1px solid var(--template-border);row-gap:.55rem;margin-top:1rem;padding-top:.85rem;display:grid}.swatch__spec{grid-template-columns:54px minmax(0,1fr);align-items:baseline;column-gap:.6rem;display:grid}.swatch__spec-key{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--template-fg-subtle);white-space:nowrap;font-size:9.5px}.swatch__spec-vals{flex-direction:column;row-gap:.1rem;min-width:0;display:flex}.swatch__spec-val,.swatch__spec-sub{all:unset;font-family:var(--font-mono);overflow-wrap:anywhere}.swatch__spec-val{cursor:copy;white-space:nowrap;letter-spacing:.03em;color:var(--template-fg-muted);font-size:11px}.swatch__spec-sub{letter-spacing:.03em;color:var(--template-fg-subtle);font-size:10px}button.swatch__spec-sub{cursor:copy}.swatch__hex:hover,.swatch__spec-val:hover,button.swatch__spec-sub:hover{color:var(--template-fg)}.swatch__hex.copied,.swatch__spec-val.copied,.swatch__spec-sub.copied{color:var(--template-fg);text-underline-offset:3px;text-decoration:underline}.swatch__mark{font-family:var(--template-font);letter-spacing:-.01em;text-transform:uppercase;color:var(--template-fg-muted);font-size:9px;font-weight:800;font-stretch:125%}.swatch__mark sup{vertical-align:.5em;margin-left:1px;font-size:.6em;font-weight:600}.balance{margin-top:4rem}.balance__note{font-family:var(--template-font);color:var(--template-fg-muted);max-width:52ch;margin:1rem 0 4rem;font-size:14px;line-height:1.5}.balance__body{grid-template-columns:1fr;align-items:center;gap:2.5rem;display:grid}@media (min-width:700px){.balance__body{grid-template-columns:260px 1fr;gap:4rem}}.balance__ring{display:block}.balance__legend{margin:0;padding:0;list-style:none}.balance__row{border-bottom:1px solid var(--template-border);grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:.75rem 0;display:grid}.balance__row:last-child{border-bottom:0}.balance__dot{width:14px;height:14px;box-shadow:inset 0 0 0 1px var(--template-border);border-radius:50%}.balance__name{font-family:var(--template-font);letter-spacing:.08em;text-transform:uppercase;color:var(--template-fg);font-size:12px;font-weight:600}.balance__pct{font-family:var(--font-mono);color:var(--template-fg-muted);font-size:12px}.token-table{border-top:var(--hairline-strong);grid-template-columns:1fr;margin-top:4rem;display:grid}.token-row{border-bottom:var(--hairline);grid-template-columns:24px 1fr 1fr 1fr;align-items:center;gap:1rem;padding:.85rem 0;display:grid}.token-row__chip{background:var(--row-color);border:1px solid color-mix(in srgb, currentColor 20%, transparent);width:16px;height:16px}.token-row__key{font-family:var(--font-mono);letter-spacing:.04em;font-size:12px}.token-row__label{font-family:var(--font-body);color:var(--fg-muted);font-size:13px}.token-row__value{font-family:var(--font-mono);color:var(--fg-muted);text-align:right;font-size:12px}.token-group{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--template-accent);border-bottom:var(--hairline);padding:2rem 0 .75rem;font-size:11px}.token-group:first-of-type{padding-top:0}.gradient-strip{background:var(--template-border);border:var(--hairline);grid-template-columns:1fr;gap:1px;margin-top:4rem;display:grid}@media (min-width:700px){.gradient-strip{grid-template-columns:repeat(3,1fr)}}.gradient-tile{background:var(--template-bg);grid-template-rows:220px auto;padding:0;display:grid}.gradient-tile__art{background:var(--g,transparent);position:relative}.gradient-tile--based{grid-column:1/-1;grid-template-rows:auto auto}.gradient-tile__arts{grid-template-columns:1fr;gap:1rem;padding:1rem 1rem 0;display:grid}@media (min-width:700px){.gradient-tile__arts{grid-template-columns:repeat(2,1fr)}}.gradient-tile__ground{row-gap:.6rem;display:grid}.gradient-tile__art--based{border:var(--hairline);border-radius:12px;height:220px}.gradient-tile__base{font-family:var(--font-mono);color:var(--fg-muted);font-size:11px}.gradient-tile__meta{row-gap:.4rem;padding:1.25rem 1rem;display:grid}.gradient-tile__name{font-family:var(--template-font);letter-spacing:.08em;text-transform:uppercase;color:var(--template-fg);font-size:13px;font-weight:600}.gradient-tile__value{font-family:var(--font-mono);color:var(--fg-muted);word-break:break-all;font-size:11px;line-height:1.5}.balance-cluster{grid-template-columns:1fr;gap:4rem;margin-top:4rem;display:grid}@media (min-width:900px){.balance-cluster{grid-template-columns:1fr 1fr;align-items:end;gap:6rem}}.balance-bar{grid-template-columns:repeat(var(--balance-total,42), 1fr);gap:2px;margin-top:1rem;display:grid}.balance-bar__cell{aspect-ratio:1;background:var(--cell,var(--border-subtle))}.bg-proof{gap:1rem;display:grid}.bg-proof__panel{background:var(--gradient-primary);place-items:center;min-height:280px;display:grid;position:relative;overflow:hidden}.bg-proof__label{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:#ffffffc7;font-size:10px;position:absolute;top:1.25rem;left:1.25rem}.bg-proof__caption{font-family:var(--font-mono);letter-spacing:.14em;color:var(--fg-subtle);text-transform:uppercase;font-size:11px}.weight-list{gap:.5rem;display:grid}.weight-row{border-bottom:var(--hairline);grid-template-columns:16px 1fr 64px 64px;align-items:center;gap:1rem;padding:.65rem 0;display:grid}.weight-row__chip{background:var(--row-color);width:14px;height:14px}.weight-row__name{font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;font-size:13px;font-weight:600}.weight-row__pct{font-family:var(--font-mono);color:var(--fg-muted);text-align:right;font-size:12px}.weight-row__count{font-family:var(--font-mono);color:var(--fg-subtle);text-align:right;font-size:11px}.type-specimen{border-top:var(--hairline);grid-template-columns:1fr;gap:1.5rem;padding:3rem 0;display:grid}@media (min-width:900px){.type-specimen{grid-template-columns:220px 1fr;align-items:start;gap:4rem}}.type-specimen:first-of-type{border-top:0;padding-top:0}.type-specimen__meta{gap:.5rem;display:grid}.type-specimen__meta-key{font-family:var(--template-font);letter-spacing:.18em;text-transform:uppercase;color:var(--template-fg-subtle);font-size:10px;font-weight:500}.type-specimen__meta-value{font-family:var(--template-font);color:var(--template-fg-muted);font-size:12px}.type-specimen__sample{cursor:default;color:var(--template-fg);max-width:60ch}.type-specimen__alphabet{letter-spacing:.08em;color:var(--template-fg-subtle);text-transform:uppercase;opacity:0;max-height:0;transition:opacity var(--dur-normal) var(--ease-default), max-height var(--dur-normal) var(--ease-default);margin-top:1.25rem;font-family:inherit;font-size:13px;font-weight:400;overflow:hidden}.type-specimen:hover .type-specimen__alphabet{opacity:1;max-height:60px}.type-specimen__usage{font-family:var(--template-font);color:var(--template-fg-subtle);max-width:28ch;font-size:12px;line-height:1.5}.type-system{border:1px solid var(--template-border);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:3rem;display:grid}.type-system__item{gap:.5rem;padding:1.5rem 1.75rem;display:grid}.type-system__item+.type-system__item{border-left:1px solid var(--template-border)}.type-system__name{font-family:var(--font-hero);color:var(--template-fg);font-size:28px;line-height:1.1}.type-system__value{font-family:var(--template-font);color:var(--template-fg-muted);font-size:13px}.type-system__note{font-family:var(--template-font);color:var(--template-fg-muted);border-top:var(--hairline);max-width:70ch;margin:0 0 3rem;padding-top:1.5rem;font-size:13px;line-height:1.6}.typeface-card{border:1px solid var(--template-border);align-content:start;gap:1rem;padding:2.5rem;display:grid}.typeface-card__big{letter-spacing:-.03em;color:var(--template-fg);margin-top:1.5rem;font-size:clamp(104px,13vw,160px);line-height:.82}.typeface-card__weights{border-top:var(--hairline);gap:0;margin-top:1.5rem;display:grid}.typeface-weight{border-bottom:var(--hairline);justify-content:space-between;align-items:baseline;gap:1rem;padding:.75rem 0;display:flex}.typeface-weight__sample{color:var(--template-fg);font-size:24px;line-height:1.1}.typeface-weight__num{font-family:var(--template-font);letter-spacing:.18em;color:var(--template-fg-subtle);font-size:11px}.typeface-stack{gap:2rem;margin-top:3rem;display:grid}@media (min-width:900px){.typeface-stack{grid-template-columns:1fr 1fr;gap:1.5rem}}@media (min-width:1100px){.typeface-stack{grid-template-columns:repeat(3,1fr)}}.typeface-card__name{font-family:var(--font-hero);letter-spacing:-.01em;font-size:32px;font-weight:700}.typeface-card__role{font-family:var(--template-font);letter-spacing:.18em;color:var(--template-fg-subtle);text-transform:uppercase;font-size:11px;font-weight:500}.typeface-card__desc{font-family:var(--template-font);color:var(--template-fg-muted);margin:0;font-size:13px;line-height:1.6}.typeface-card__fallback{gap:.35rem;display:grid}.typeface-card__fallback code{font-family:var(--font-mono);color:var(--template-fg-subtle);word-break:break-word;font-size:11px;line-height:1.5}.in-context{border-top:var(--hairline);gap:2rem;margin-top:5rem;padding-top:4rem;display:grid}.in-context__h{font-family:var(--font-hero);letter-spacing:-.02em;text-transform:uppercase;font-size:clamp(36px,5vw,64px);font-weight:700;line-height:1}.in-context__lede{font-family:var(--font-body);color:var(--fg-muted);max-width:58ch;font-size:20px;font-style:normal;font-weight:400;line-height:1.55}.in-context__body{font-family:var(--font-body);color:var(--fg-muted);max-width:60ch;font-size:16px;line-height:1.7}.ruler{gap:1rem;margin-top:3rem;display:grid}.ruler-row{border-bottom:var(--hairline);grid-template-columns:200px 1fr 80px;align-items:center;gap:1.5rem;padding:1rem 0;display:grid}.ruler-row__name{font-family:var(--template-font);letter-spacing:.08em;text-transform:uppercase;color:var(--template-fg);font-size:13px;font-weight:600}.ruler-row__bar{background:var(--bg-surface);height:4px;position:relative}.ruler-row__bar-fill{background:var(--template-accent);position:absolute;top:0;bottom:0;left:0}.ruler-row__val{font-family:var(--template-font);color:var(--template-fg-muted);text-align:right;font-size:12px}.spacing-pair{background:var(--border-subtle);border:var(--hairline);grid-template-columns:1fr;gap:1px;margin-top:3rem;display:grid}@media (min-width:800px){.spacing-pair{grid-template-columns:1fr 1fr}}.spacing-pair--single{grid-template-columns:1fr!important}.spacing-pair__cell{background:var(--bg-base);gap:1rem;padding:2.5rem 2rem;display:grid}.spacing-pair__caption{font-family:var(--template-font);letter-spacing:.16em;text-transform:uppercase;color:var(--template-fg-subtle);font-size:11px;font-weight:500}.spacing-pair__value{font-family:var(--template-font);letter-spacing:-.02em;color:var(--template-fg);font-size:56px;font-weight:700;line-height:1}.spacing-pair__unit{font-family:var(--template-font);color:var(--template-fg-muted);font-size:12px}.elevation-statement{border:var(--hairline);gap:2rem;margin-top:2rem;padding:4rem 3rem;display:grid}.elevation-statement__h{font-family:var(--template-font);letter-spacing:-.02em;text-transform:none;color:var(--template-fg);font-size:clamp(36px,5vw,60px);font-weight:700;line-height:1.05}.elevation-statement__h em{font-family:var(--template-font);text-transform:none;color:var(--template-fg-muted);font-style:normal;font-weight:400}.elevation-demos{background:var(--border-subtle);border:var(--hairline);grid-template-columns:1fr;gap:1px;margin-top:3rem;display:grid}@media (min-width:800px){.elevation-demos{grid-template-columns:1fr 1fr 1fr}}.elevation-demo{background:var(--bg-base);gap:1rem;min-height:220px;padding:2.5rem;display:grid}.elevation-demo__title{font-family:var(--template-font);letter-spacing:.16em;text-transform:uppercase;color:var(--template-fg-subtle);font-size:11px;font-weight:500}.elevation-demo__art{flex:1;place-items:center;min-height:120px;padding:2rem;display:grid}.elevation-demo__chip{width:80px;height:80px}.elevation-demo__chip--glow{background:var(--accent-base);box-shadow:var(--shadow-glow)}.elevation-demo__chip--glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0f;border:1px solid #ffffff14}.elevation-demo__chip--ring{border:2px solid var(--fg-primary);background:0 0}.surfaces-grid{background:var(--border-subtle);border:var(--hairline);grid-template-columns:1fr;gap:1px;margin-top:3rem;display:grid}@media (min-width:700px){.surfaces-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1100px){.surfaces-grid{grid-template-columns:repeat(3,1fr)}}.surface-tile{--surface-bg:var(--bg-base);--surface-fg:var(--fg-primary);background:var(--surface-bg);color:var(--surface-fg);gap:2rem;min-height:240px;padding:2.5rem 2rem;display:grid}.surface-tile__caption{font-family:var(--template-font);letter-spacing:.16em;text-transform:uppercase;opacity:.6;font-size:11px;font-weight:500}.surface-tile__row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.btn{border-radius:var(--btn-primary-radius,0);padding:calc(var(--btn-primary-padding,24px) * .5) var(--btn-primary-padding,24px);font-family:var(--button-family);font-weight:var(--button-weight);font-size:var(--button-size);line-height:var(--button-lh);letter-spacing:var(--button-track);text-transform:var(--button-transform);cursor:pointer;transition:background-color var(--dur-normal) var(--ease-default), color var(--dur-normal) var(--ease-default), transform var(--dur-fast) var(--ease-default);border:0;justify-content:center;align-items:center;display:inline-flex}.btn:active{transform:translateY(-1px)}.surface--base{--surface-bg:var(--surface-base-bg);--surface-fg:var(--surface-base-fg)}.surface--inverted{--surface-bg:var(--surface-inverted-bg);--surface-fg:var(--surface-inverted-fg)}.surface--primary{--surface-bg:var(--surface-primary-bg);--surface-fg:var(--surface-primary-fg)}.surface--secondary{--surface-bg:var(--surface-secondary-bg);--surface-fg:var(--surface-secondary-fg)}.surface--accent{--surface-bg:var(--surface-accent-bg);--surface-fg:var(--surface-accent-fg)}.surface--highlight{--surface-bg:var(--surface-highlight-bg);--surface-fg:var(--surface-highlight-fg)}.surface-tile .btn--primary{background:var(--btn-primary-fill,var(--surface-fg));color:var(--btn-primary-text,var(--surface-bg))}.surface-tile .btn--secondary{color:var(--surface-fg);border:var(--btn-secondary-border-width,2px) solid var(--surface-fg);border-radius:var(--btn-secondary-radius,0);padding:calc(var(--btn-secondary-padding,24px) * .5) var(--btn-secondary-padding,24px);background:0 0}.surface-tile .btn--secondary:hover{background:color-mix(in srgb, var(--surface-fg) 10%, transparent)}.pill{border-radius:var(--pill-radius,0);padding:calc(var(--pill-padding,16px) * .5) var(--pill-padding,16px);font-family:var(--button-family);font-weight:var(--button-weight);letter-spacing:.04em;text-transform:var(--button-transform);border:var(--pill-border-width,2px) solid currentColor;cursor:pointer;transition:background-color var(--dur-normal) var(--ease-default), color var(--dur-normal) var(--ease-default);background:0 0;align-items:center;font-size:14px;line-height:1.1;display:inline-flex}.pill:hover{background:color-mix(in srgb, currentColor 10%, transparent)}.surface-tile .pill{color:var(--pill-inactive-text,var(--surface-fg));border-color:var(--pill-inactive-border,var(--surface-fg))}.surface-tile .pill--active{background:var(--pill-active-fill,var(--surface-fg));color:var(--pill-active-text,var(--surface-bg));border-color:var(--pill-active-border,var(--surface-fg))}.icon-set{border-top:1px solid var(--template-border);gap:1.5rem;padding:2.5rem 0;display:grid}.icon-set:first-child{border-top:0;padding-top:0}.icon-row{flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.icon-row--marketing{gap:2rem 1.5rem}.icon-row--functional{color:var(--template-fg);gap:1.75rem}.icon-row__item{align-content:start;justify-items:center;gap:.75rem;display:grid}.icon-row--marketing .icon-row__item{width:88px}.icon-row__art{width:48px;height:48px;color:var(--accent-base);display:block}.icon-row__art svg{width:100%;height:100%;display:block}.icon-row__label{font-family:var(--template-font);letter-spacing:.12em;text-transform:uppercase;color:var(--template-fg-subtle);text-align:center;font-size:10px;font-weight:500;line-height:1.3}.icon-set__link{font-family:var(--template-font);letter-spacing:.04em;color:var(--template-fg-muted);border-bottom:1px solid var(--template-border);justify-self:start;padding-bottom:2px;font-size:13px;text-decoration:none}.icon-set__link:hover{color:var(--template-fg)}.icon-set__spec{max-width:60ch;font-family:var(--template-font);color:var(--template-fg-muted);margin:0;font-size:13px;line-height:1.5}.icon-colors{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin:2.5rem 0 0;padding:0;list-style:none;display:grid}.icon-colors__item{border:1px solid var(--template-border);border-radius:6px;gap:.75rem;padding:2rem 1.75rem;display:grid}.icon-colors__item--brand{color:var(--accent-base);background:#0c0c0e}.icon-colors__item--white{background:var(--accent-base);color:#fff}.icon-colors__item--black{color:#000;background:#fff}.icon-colors__item--white-accent{background:var(--accent-base);color:#fff}#icons[style] .icon-colors__item--white{background:var(--icon-brand)}.icon-colors__item--brand-light{color:var(--icon-brand);background:#fff}.icon-row__item--own .icon-row__art{width:24px;height:24px;color:inherit;display:block}.icon-row__item--own .icon-row__art svg{width:100%;height:100%;display:block}#icons[style] .icon-row--marketing .icon-row__art{color:var(--icon-brand)}.icon-colors__art{width:40px;height:40px;display:block}.icon-colors__art svg{width:100%;height:100%;display:block}.icon-colors__name{font-family:var(--template-font);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:500}.icon-colors__use{font-family:var(--template-font);opacity:.8;font-size:13px;line-height:1.4}.icon-meta{gap:.65rem;margin-top:3rem;display:grid}.icon-meta__row{border-bottom:var(--hairline);grid-template-columns:220px 1fr;align-items:baseline;gap:1rem;padding-bottom:.65rem;display:grid}.icon-meta__key{font-family:var(--template-font);letter-spacing:.16em;color:var(--template-fg-subtle);text-transform:uppercase;font-size:11px;font-weight:500}.icon-meta__value{font-family:var(--template-font);color:var(--template-fg);font-size:15px}.shape-hero{border:var(--hairline);grid-template-columns:1fr;gap:4rem;margin-top:2rem;padding:4rem 3rem;display:grid}@media (min-width:900px){.shape-hero{grid-template-columns:1fr 1fr;align-items:center;gap:6rem}}.shape-hero__art{place-items:center;padding:2rem;display:grid}.shape-hero__art img{width:240px;height:240px}.shape-hero__mark{background-color:var(--fg-primary);width:240px;height:240px;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.shape-rules{gap:1rem;display:grid}.shape-rule{border-bottom:var(--hairline);grid-template-columns:160px 1fr;gap:1rem;padding-bottom:.75rem;display:grid}.shape-rule__key{font-family:var(--template-font);letter-spacing:.16em;color:var(--template-fg-subtle);text-transform:uppercase;font-size:11px;font-weight:500}.shape-rule__value{font-family:var(--template-font);color:var(--template-fg);font-size:14px}.shape-rule--notes .shape-rule__value{color:var(--template-fg-muted)}.shape-empty{border:var(--hairline);grid-template-columns:1fr;align-items:start;gap:1.5rem;min-height:160px;margin-top:3rem;padding:2.5rem;display:grid}@media (min-width:700px){.shape-empty{grid-template-columns:220px 1fr;gap:3rem}}.shape-empty__label{font-family:var(--template-font);letter-spacing:.16em;color:var(--template-fg-subtle);text-transform:uppercase;font-size:11px;font-weight:500}.shape-empty__body{font-family:var(--template-font);color:var(--template-fg-muted);font-size:15px}.motion-table{border-top:var(--hairline-strong);margin-top:2.5rem}.motion-table__head,.motion-table__row{border-bottom:var(--hairline);grid-template-columns:1.4fr 64px 2fr 1.2fr;align-items:center;gap:1.25rem;padding:1rem 0;display:grid}.motion-table__head{font-family:var(--template-font);letter-spacing:.2em;color:var(--template-fg-subtle);text-transform:uppercase;padding:.65rem 0;font-size:10px;font-weight:500}.motion-table__name{gap:.25rem;min-width:0;display:grid}.motion-table__name-label{font-family:var(--template-font);color:var(--template-fg);font-size:15px;font-weight:600}.motion-table__name-key{font-family:var(--template-font);letter-spacing:.16em;color:var(--template-fg-subtle);text-transform:uppercase;font-size:10px;font-weight:500}.motion-table__curve{align-items:center;display:flex}.motion-table__curve svg{width:60px;height:60px}.motion-table__bezier{font-family:var(--template-font);color:var(--template-fg-muted);text-align:left;letter-spacing:.02em;word-break:break-all;cursor:pointer;transition:color var(--dur-fast) var(--ease-default);background:0 0;border:0;padding:0;font-size:12px}.motion-table__bezier:hover{color:var(--template-accent)}.motion-table__demo{border-top:1px solid var(--border-default);border-bottom:1px solid var(--border-default);min-width:80px;height:18px;position:relative}.motion-table__demo .motion-demo__ball{background:var(--template-accent);width:12px;height:12px;animation:motionDrop 2.4s var(--row-bezier,ease) infinite;border-radius:50%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.motion-durations{margin-top:3rem}.motion-card__path{stroke:var(--template-accent);stroke-width:1.5px;fill:none}.motion-card__grid{stroke:var(--border-default);stroke-width:1px;fill:none;opacity:.5}.motion-demo{border-top:1px solid var(--border-default);border-bottom:1px solid var(--border-default);height:28px;margin-top:auto;position:relative}.motion-demo__ball{background:var(--template-accent);width:18px;height:18px;position:absolute;top:50%;left:0;transform:translateY(-50%)}@keyframes motionDrop{0%{left:0}45%{left:calc(100% - 12px)}55%{left:calc(100% - 12px)}to{left:0}}.duration-ladder{gap:.65rem;margin-top:4rem;display:grid}.duration-row{border-bottom:var(--hairline);grid-template-columns:120px 1fr 80px;align-items:center;gap:1.5rem;padding:.85rem 0;display:grid}.duration-row__name{font-family:var(--template-font);letter-spacing:.08em;text-transform:uppercase;color:var(--template-fg);font-size:13px;font-weight:600}.duration-row__bar{background:var(--bg-surface);height:4px;position:relative;overflow:hidden}.duration-row__bar-fill{background:var(--template-accent);position:absolute;top:0;bottom:0;left:0}.duration-row__val{font-family:var(--template-font);color:var(--template-fg-muted);text-align:right;font-size:12px}.anim-grid{background:var(--border-subtle);border:var(--hairline);grid-template-columns:1fr;gap:1px;margin-top:3rem;display:grid}@media (min-width:800px){.anim-grid{grid-template-columns:1fr 1fr}}.anim-card{background:var(--bg-base);gap:1.5rem;min-height:320px;padding:2.5rem 2rem;display:grid}.anim-card__title{font-family:var(--template-font);letter-spacing:.02em;text-transform:none;color:var(--template-fg);font-size:20px;font-weight:600}.anim-card__caption{font-family:var(--template-font);letter-spacing:.16em;color:var(--template-fg-subtle);text-transform:uppercase;font-size:11px;font-weight:500}.anim-card__demo{background:var(--bg-surface);border:var(--hairline);place-items:center;min-height:160px;padding:2rem;display:grid}.anim-card__note{font-family:var(--template-font);color:var(--template-fg-muted);font-size:13px;line-height:1.5}.layout-role{gap:3rem;margin-top:2rem;display:grid}.layout-role__note{border:1px solid color-mix(in srgb, var(--template-accent) 22%, transparent);border-left:2px solid var(--template-accent);background:color-mix(in srgb, var(--template-accent) 4%, transparent);padding:1.5rem 1.75rem}.layout-role__note-label{font-family:var(--template-font);letter-spacing:.2em;color:var(--template-accent);text-transform:uppercase;margin-bottom:.5rem;font-size:10px;font-weight:500}.layout-role__note-body{font-family:var(--template-font);color:var(--template-fg-muted);max-width:70ch;font-size:14px;line-height:1.6}.layout-principle{border-top:var(--hairline);grid-template-columns:1fr;gap:1.5rem;padding-top:2.5rem;display:grid}@media (min-width:900px){.layout-principle{grid-template-columns:80px 1fr;gap:4rem}}.layout-principle__num{font-family:var(--template-font);letter-spacing:.18em;color:var(--template-accent);text-transform:uppercase;padding-top:.5rem;font-size:11px;font-weight:500}.layout-principle__title{font-family:var(--template-font);letter-spacing:-.01em;text-transform:none;color:var(--template-fg);margin:0 0 1rem;font-size:clamp(22px,2.6vw,30px);font-weight:600;line-height:1.2}.layout-principle__copy{font-family:var(--template-font);color:var(--template-fg-muted);max-width:62ch;margin:0 0 .75rem;font-size:15px;line-height:1.7}.layout-principle__copy strong{color:var(--template-fg);font-weight:600}.tokens-search{grid-template-columns:1fr;gap:1rem;margin-top:1rem;margin-bottom:2rem;display:grid}.tokens-search input{border:0;border-bottom:1px solid var(--border-default);color:var(--fg-primary);font-family:var(--font-body);letter-spacing:0;text-transform:none;width:100%;transition:border-color var(--dur-normal) var(--ease-default);background:0 0;outline:none;padding:1rem 0;font-size:20px;font-weight:500}.tokens-search input::placeholder{color:var(--fg-subtle);font-family:var(--font-body);font-size:19px;font-style:normal;font-weight:400}.tokens-search input:focus{border-color:var(--template-accent)}.tokens-meta{font-family:var(--font-mono);letter-spacing:.16em;color:var(--fg-subtle);text-transform:uppercase;font-size:11px}.tokens-table{border-top:var(--hairline-strong);margin-top:1.5rem}.tokens-row{border-bottom:var(--hairline);grid-template-columns:120px 1fr 1fr;align-items:baseline;gap:1rem;padding:.85rem 0;display:grid}.tokens-row__file{font-family:var(--font-mono);letter-spacing:.18em;color:var(--template-accent);text-transform:uppercase;font-size:10px}.tokens-row__key{font-family:var(--font-mono);color:var(--fg-primary);font-size:12px}.tokens-row__value{font-family:var(--font-mono);color:var(--fg-muted);text-align:right;word-break:break-all;font-size:12px}.tokens-row[hidden]{display:none}.cover__agency-stamp{color:var(--template-fg-muted);transition:opacity var(--dur-fast) var(--ease-default);align-items:center;display:inline-flex}.cover__agency-stamp:hover{opacity:.7}.cover__agency-stamp img{opacity:.9;width:auto;height:13px}.colophon__agency{margin-top:.5rem;display:inline-flex}.colophon__agency img{opacity:.95;width:auto;height:28px}.colophon__link{color:var(--fg-primary);border-bottom:1px solid var(--border-default);transition:color var(--dur-fast) var(--ease-default), border-color var(--dur-fast) var(--ease-default)}.colophon__link:hover{color:var(--template-accent);border-bottom-color:var(--template-accent)}.agency-bar{border-top:1px solid var(--border-default);background:var(--bg-base);padding:0 var(--template-pad-mobile)}@media (min-width:900px){.agency-bar{padding:0 var(--template-pad-desktop)}}.agency-bar__inner{max-width:var(--template-max-width);grid-template-columns:1fr;align-items:end;gap:2rem;margin:0 auto;padding:3rem 0 4rem;display:grid}@media (min-width:700px){.agency-bar__inner{grid-template-columns:1fr auto;gap:4rem}}.agency-bar__brand img{opacity:.95;width:auto;height:40px;transition:opacity var(--dur-fast) var(--ease-default)}.agency-bar__brand:hover img{opacity:1}.agency-bar__contact{text-align:left;gap:.5rem;display:grid}@media (min-width:700px){.agency-bar__contact{text-align:right}}.agency-bar__line{font-family:var(--template-font);color:var(--template-fg-muted);letter-spacing:.02em;transition:color var(--dur-fast) var(--ease-default);font-size:14px}.agency-bar__line:hover{color:var(--template-fg)}.colophon{border-top:var(--hairline);padding:4rem var(--template-pad-mobile) 4.5rem;background:0 0;margin-top:6rem}@media (min-width:900px){.colophon{padding-left:var(--template-pad-desktop);padding-right:var(--template-pad-desktop)}}.colophon__inner{max-width:var(--template-max-width);margin:0 auto}.colophon__cta{grid-template-columns:1fr;align-items:end;gap:3rem 4rem;display:grid;position:relative}@media (min-width:900px){.colophon__cta{grid-template-columns:minmax(0,1fr) minmax(320px,auto)}}.colophon__cta-lips{pointer-events:none;z-index:0;width:clamp(260px,26vw,480px);max-width:none;height:auto;display:none;position:absolute;bottom:calc(-4.5rem - 1px);left:50%;transform:translate(-50%)scaleX(-1)}@media (min-width:900px){.colophon__cta-lips{display:block}}.colophon__cta-pitch,.colophon__cta-contact{z-index:1;position:relative}.colophon__cta-pitch{align-content:end;gap:1.5rem;display:grid}.colophon__cta-prompt{font-family:var(--template-font);letter-spacing:0;color:var(--template-fg-muted);border-bottom:var(--hairline);max-width:30ch;margin:0 0 .25rem;padding-bottom:1.25rem;font-size:clamp(16px,1.6vw,18px);font-weight:400;line-height:1.45}.colophon__cta-mark{align-items:center;display:inline-flex}.colophon__cta-mark img{width:auto;height:32px;transition:opacity var(--dur-fast) var(--ease-default)}.colophon__cta-mark:hover img{opacity:.85}.colophon__cta-line{font-family:"Loretta", var(--font-hero);letter-spacing:0;text-transform:none;color:var(--fg-primary);max-width:24ch;margin:0;font-size:clamp(20px,1.8vw,26px);font-weight:500;line-height:1.2}.colophon__cta-contact{border-top:var(--hairline);grid-template-columns:1fr;align-self:end;display:grid}.colophon__cta-link{border-bottom:var(--hairline);transition:padding-left var(--dur-normal) var(--ease-default);grid-template-columns:56px 1fr;align-items:baseline;gap:1.5rem;padding:.9rem 0;display:grid}.colophon__cta-link:hover{padding-left:.35rem}.colophon__cta-link-label{font-family:var(--template-font);letter-spacing:.22em;text-transform:uppercase;color:var(--template-fg-subtle);font-size:10px;font-weight:500}.colophon__cta-link-value{font-family:var(--template-font);letter-spacing:.01em;color:var(--template-fg);transition:color var(--dur-fast) var(--ease-default);font-size:15px;font-weight:500}.colophon__cta-link:hover .colophon__cta-link-value{color:var(--template-accent)}.icon-strips{gap:1rem;display:grid}.icon-strips .icon-row--functional{border:1px solid var(--template-border);border-radius:6px;padding:1.5rem 1.75rem}.icon-colors__item--white .icon-knock{fill:var(--accent-base)}#icons[style] .icon-colors__item--white .icon-knock{fill:var(--icon-brand)}.icon-spec{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1.5rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.icon-spec__cell{border:1px solid var(--template-border);color:var(--template-fg);border-radius:6px;gap:.5rem;padding:1.75rem;display:grid}.icon-spec__art{align-items:flex-end;height:80px;margin-bottom:.75rem;display:flex}.icon-spec__art--sizes{gap:1.25rem}.icon-spec__size{font-family:var(--template-font);color:var(--template-fg-subtle);justify-items:center;gap:.5rem;font-size:11px;display:grid}.icon-spec__grid line{stroke:var(--template-fg-subtle);opacity:.5}.icon-spec__label{font-family:var(--template-font);letter-spacing:.12em;text-transform:uppercase;color:var(--template-fg-muted);font-size:11px;font-weight:500}.icon-spec__value{font-family:var(--template-font);color:var(--template-fg);font-size:18px}.logo-title{margin:0 0 2rem}.pstyle-list{gap:1.5rem;margin-top:3rem;display:grid}.pstyle{--pstyle-h:440px;border:var(--hairline);background:var(--template-bg);grid-template-columns:1fr;display:grid;overflow:hidden}@media (min-width:760px){.pstyle{grid-template-columns:calc(var(--pstyle-h) * .8) minmax(0, 1fr);height:var(--pstyle-h)}}.pstyle__stage{aspect-ratio:4/5;background:#000;position:relative;overflow:hidden}@media (min-width:760px){.pstyle__stage{aspect-ratio:auto;height:100%}}.pstyle__img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .9s;position:absolute;inset:0}.pstyle__img.is-active{opacity:1}@media (prefers-reduced-motion:reduce){.pstyle__img{transition:opacity .3s}}.pstyle__bars{z-index:2;gap:6px;display:flex;position:absolute;bottom:14px;left:14px;right:14px}.pstyle__bar{cursor:pointer;background:0 0;border:0;flex:1;height:14px;padding:6px 0}.pstyle__bar:before{content:"";background:#ffffff47;height:2px;display:block}.pstyle__bar span{transform-origin:0;background:#fff;height:2px;margin-top:-2px;display:block;transform:scaleX(0)}.pstyle__bar.is-done span{transform:scaleX(1)}.pstyle__bar.is-active span{animation:linear forwards pstyle-bar}@keyframes pstyle-bar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.pstyle__info{flex-direction:column;min-height:0;padding:1.75rem 1.75rem 1.5rem;display:flex}@media (min-width:1000px){.pstyle__info{padding:2.25rem 2.5rem 2rem}}.pstyle__num{font:500 10px/1 var(--template-font);letter-spacing:.2em;text-transform:uppercase;color:var(--template-fg-subtle);margin-bottom:.9rem;display:block}.pstyle__name{font-family:var(--template-font);letter-spacing:-.02em;color:var(--template-fg);margin:0;font-size:clamp(26px,2.6vw,36px);font-weight:600;line-height:1.05}.pstyle__when{font-family:var(--template-font);color:var(--template-fg-muted);max-width:52ch;margin:.75rem 0 0;font-size:15px;line-height:1.5}.pstyle__scroll{border-top:var(--hairline);flex:1;min-height:0;margin-top:1.5rem;position:relative}@media (max-width:759px){.pstyle__scroll{max-height:220px}}.pstyle__scroll-inner{scrollbar-width:thin;scrollbar-color:var(--template-border) transparent;height:100%;padding:1.1rem 6px 2.5rem 0;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 3.5rem),#0000);mask-image:linear-gradient(#000 calc(100% - 3.5rem),#0000)}.pstyle__block+.pstyle__block{margin-top:1.25rem}.pstyle__block-head{align-items:center;gap:.6rem;margin-bottom:.45rem;display:flex}.pstyle__label{font:500 10px/1 var(--template-font);letter-spacing:.2em;text-transform:uppercase;color:var(--template-fg-subtle)}.pstyle__block--avoid .pstyle__label{color:var(--template-fg)}.pstyle__text{font-family:var(--template-font);color:color-mix(in srgb, var(--template-fg) 24%, transparent);margin:0;font-size:13px;line-height:1.65}.pstyle__mini{font:500 9px/1 var(--template-font);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;color:var(--template-fg-subtle);border:1px solid var(--template-border);opacity:0;background:0 0;border-radius:999px;padding:4px 7px;transition:opacity .2s,background .2s,color .2s}.pstyle__block:hover .pstyle__mini,.pstyle__mini:focus-visible,.pstyle__mini.is-copied{opacity:1}@media (hover:none){.pstyle__mini{opacity:1}}.pstyle__mini:hover{color:var(--template-fg)}.pstyle__mini.is-copied{background:var(--template-fg);border-color:var(--template-fg);color:var(--template-bg)}.pstyle__cta{cursor:pointer;font:600 13px/1 var(--template-font);letter-spacing:.01em;border:1px solid var(--template-fg);background:var(--template-fg);color:var(--template-bg);border-radius:999px;align-self:flex-start;align-items:center;gap:.55rem;margin-top:1rem;padding:.7rem 1.1rem;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.pstyle__cta svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.pstyle__cta:hover,.pstyle__cta.is-copied{color:var(--template-fg);background:0 0}#photography,.section--band,.logo-donts{--pstyle-band:color-mix(in srgb, var(--template-fg) 4%, var(--template-bg));background:var(--pstyle-band);box-shadow:0 0 0 100vmax var(--pstyle-band);clip-path:inset(0 -100vmax);border-top-color:#0000}#photography+.section,.section--band+.section{border-top-color:#0000}.pstyle__view{z-index:2;-webkit-backdrop-filter:blur(8px);background:#00000073;border:1px solid #ffffff2e;border-radius:999px;gap:2px;padding:3px;display:flex;position:absolute;top:14px;left:14px}.pstyle__view button{font:500 10px/1 var(--template-font);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;color:#ffffffa6;background:0 0;border:0;border-radius:999px;padding:6px 10px;transition:background .2s,color .2s}.pstyle__view button[aria-pressed=true]{color:#000;background:#fff}.pstyle__img{transition:opacity .9s,transform 5.4s linear}@media (min-width:760px){.pstyle--treated{grid-template-columns:calc(var(--pstyle-h) * .8) minmax(0, 1fr) 200px}}.pstyle__treat{border-left:var(--hairline);background:color-mix(in srgb, var(--template-fg) 3%, var(--template-bg));flex-direction:column;gap:1.25rem;padding:2.25rem 1.5rem 2rem;display:flex}.pstyle__treat-chip{border:1px solid color-mix(in srgb, var(--template-fg) 14%, transparent);flex:1;align-items:flex-end;min-height:120px;padding:1rem;display:flex;position:relative}.pstyle__treat-chip-meta{gap:.3rem;display:grid}.pstyle__treat-chip-name{font:600 14px/1.1 var(--template-font);color:#fff}.pstyle__treat-chip-meta code{color:#ffffffa6;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.pstyle__treat-op{gap:.45rem;display:grid}.pstyle__treat-value{font-family:var(--template-font);letter-spacing:-.04em;color:var(--template-fg);font-variant-numeric:tabular-nums;font-size:44px;font-weight:500;line-height:.9}.pstyle__treat-value small{letter-spacing:0;color:var(--template-fg-muted);margin-left:2px;font-size:18px}.pstyle__treat-op-label{font:400 12px/1.35 var(--template-font);color:var(--template-fg-muted)}.pstyle__treat-note{border-top:var(--hairline);font:400 11px/1.5 var(--template-font);color:var(--template-fg-subtle);padding-top:1rem}@media (max-width:759px){.pstyle__treat{border-left:0;border-top:var(--hairline);padding:1.5rem 1.75rem}.pstyle__treat-chip{min-height:96px}}.pstyle__treat-chip.is-light .pstyle__treat-chip-name{color:#0a0a0a}.pstyle__treat-chip.is-light .pstyle__treat-chip-meta code{color:#0009}.relreg{border-top:1px solid var(--template-border);margin:0;padding:0;list-style:none}.relreg__row{border-bottom:1px solid var(--template-border);grid-template-columns:3rem minmax(0,1fr);align-items:start;gap:1.25rem 2rem;padding:2rem 0;display:grid}.relreg__num{color:var(--template-fg-subtle);padding-top:1.6em}.relreg__type{text-transform:uppercase;letter-spacing:.08em;color:var(--template-fg-subtle);margin-bottom:.35rem;font-size:11px;display:block}.relreg__name{margin:0}.relreg__name a{color:inherit;text-decoration:none}.relreg__name a:hover{color:var(--template-accent)}.relreg__notes{max-width:52ch;color:var(--template-fg-muted);font-family:var(--template-font);margin:.5rem 0 0;font-size:15px;line-height:1.5}.relreg__logos{flex-wrap:wrap;grid-column:2;align-items:flex-end;gap:.75rem;display:flex}.relreg__tile{background:var(--template-tile-dark);border:1px solid var(--template-border);place-items:center;width:200px;height:80px;padding:0 22px;transition:border-color .2s;display:grid}.relreg__tile--light{background:var(--template-tile-light)}.relreg__tile img{width:auto;max-width:100%;height:auto;max-height:26px}.relreg__monos{align-items:center;gap:.4rem;margin-left:.5rem;display:flex}.relreg__mono{background:var(--template-tile-dark);border:1px solid var(--template-border);place-items:center;width:72px;height:32px;padding:0 8px;transition:border-color .2s;display:grid}.relreg__mono.relreg__tile--light{background:var(--template-tile-light)}.relreg__mono img{width:auto;max-width:100%;height:auto;max-height:10px}.relreg__tile:hover,.relreg__mono:hover{border-color:var(--template-accent)}@media (min-width:1100px){.relreg__row{grid-template-columns:3rem minmax(0,1fr) auto}.relreg__logos{grid-column:3;justify-content:flex-end}}.tl{border-top:1px solid var(--template-border);gap:1.5rem 2.5rem;margin-top:2rem;padding-top:1.75rem;display:grid}.tl__head{align-content:start;gap:.4rem;display:grid}.section .tl__line{font-family:var(--template-font);letter-spacing:-.01em;text-transform:none;color:var(--template-fg);margin:0;font-size:20px;font-weight:500}.tl__note{color:var(--template-fg-muted);font-family:var(--template-font);margin:0;font-size:13.5px;line-height:1.55}.tl__note strong{color:var(--template-fg);font-weight:500}.tl__note a{color:var(--template-fg);border-bottom:1px solid var(--template-border);text-decoration:none}.tl__note a:hover{color:var(--template-accent);border-color:currentColor}.tl__sets{display:grid}.tl__set{align-items:start;gap:.75rem 1.5rem;padding:0 0 1.5rem;display:grid}.tl__set+.tl__set{border-top:1px dashed var(--template-border);padding-top:1.5rem}.tl__orient{align-content:start;gap:.3rem;display:grid}.tl__orient-name{font-family:var(--template-font);letter-spacing:.1em;text-transform:uppercase;color:var(--template-fg);font-size:11px;font-weight:500}.tl__tiles{background:var(--template-border);border:1px solid var(--template-border);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid}.tl__tile{aspect-ratio:1;background:var(--template-tile-dark);place-items:center;padding:16% 14% 20%;text-decoration:none;display:grid;position:relative}.tl__tile--light{background:var(--template-tile-light)}.tl__tile img{object-fit:contain;width:100%;height:100%}.tl__tiles--horizontal .tl__tile{padding:6%}.tl.tl--colhead{border-top:0;margin-top:2rem;padding:0 0 .7rem}.tl--colhead .tl__set{padding:0}.tl__col{font-family:var(--template-font);letter-spacing:.1em;text-transform:uppercase;color:var(--template-fg-subtle);font-size:10px}.tl__tiles--head{background:0 0;border-color:#0000}.tl__tiles--head .tl__col{padding-left:10px}.tl--colhead+.tl{margin-top:0}.tl:not(.tl--colhead){border-top:1px solid var(--template-fg-subtle)}.tl--colhead{display:none}@media (min-width:900px){.tl--colhead{display:grid}.tl{grid-template-columns:minmax(0,1fr) minmax(0,2.8fr);gap:0}.tl:not(.tl--colhead){margin-top:0;padding-top:0}.tl:not(.tl--colhead):last-child{border-bottom:1px solid var(--template-fg-subtle)}.tl__head{padding-right:1.75rem}.tl:not(.tl--colhead) .tl__head{padding:1.5rem 1.75rem 1.5rem 0}.tl:not(.tl--colhead) .tl__sets{border-left:1px solid var(--template-border)}.tl__set{grid-template-columns:12rem minmax(0,1fr);align-items:stretch;gap:0}.tl:not(.tl--colhead) .tl__set{padding:0}.tl__set+.tl__set{border-top:1px solid var(--template-border);padding-top:0}.tl__orient{padding:0 1.25rem}.tl:not(.tl--colhead) .tl__orient{border-right:1px solid var(--template-border);padding:1.5rem 1.25rem}.tl:not(.tl--colhead) .tl__tiles{align-self:start;margin:1.5rem 0 1.5rem 1.25rem}.tl--colhead .tl__tiles{margin-left:1.25rem}}.shapes-v2{border-top:1px solid var(--template-border);display:grid}.shape-row{border-bottom:1px solid var(--template-border);gap:2rem;padding:2.5rem 0;display:grid}@media (min-width:1000px){.shape-row{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:stretch;gap:3rem}}.shape-spec{border:1px solid var(--template-border);min-height:340px;color:var(--template-fg);background-color:var(--template-tile-light);background-image:linear-gradient(to right, color-mix(in srgb, var(--template-fg) 6%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--template-fg) 6%, transparent) 1px, transparent 1px);background-position:50%;background-size:24px 24px;place-items:center;padding:3rem;display:grid;position:relative}.shape-spec__label{letter-spacing:.14em;text-transform:uppercase;color:var(--template-fg-muted);font-size:11px;position:absolute;top:.9rem;left:1rem}.shape-spec__frame{outline:1px dashed color-mix(in srgb, var(--template-fg) 35%, transparent);outline-offset:10px;display:block;position:relative}.shape-spec__frame img{width:auto;max-width:100%;height:auto;max-height:260px;display:block}.shape-spec__frame--rule img{width:320px;max-width:100%}.shape-spec__dim{color:var(--template-fg-muted);white-space:nowrap;font-size:11px;position:absolute;top:calc(100% + 18px);left:50%;transform:translate(-50%)}.shape-row__spec{flex-direction:column;align-items:flex-start;gap:.9rem;min-width:0;display:flex}.shape-row__spec>.shape-row__uses{align-self:stretch}.shape-row__desc{font-family:var(--template-font);color:var(--template-fg);margin:0;font-size:18px;line-height:1.4}.shape-row__tags{flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.shape-row__tags li{font-family:var(--template-font);letter-spacing:.04em;border:1px solid var(--template-border);color:var(--template-fg-muted);border-radius:999px;padding:.25rem .55rem;font-size:11px}.shape-row__notes{font-family:var(--template-font);color:var(--template-fg-muted);margin:0;font-size:13px;line-height:1.6}.shape-row__uses-label{margin-top:auto;padding-top:.75rem}.shape-row__uses{scroll-snap-type:x mandatory;scrollbar-width:thin;gap:.6rem;display:flex;overflow-x:auto}.shape-use{scroll-snap-align:start;border:1px solid var(--template-border);flex:none;height:150px;margin:0;position:relative;overflow:hidden}.shape-use--title{align-content:center;justify-items:start;gap:8px;width:190px;padding:0 1.1rem;display:grid}.shape-use--page{aspect-ratio:210/297}.shape-use--file img{width:auto;height:100%;display:block}.shape-use__caption{font-family:var(--template-font);letter-spacing:.12em;text-transform:uppercase;opacity:.6;font-size:9px;position:absolute;bottom:.5rem;right:.6rem}.shape-use--file .shape-use__caption{color:#fff;opacity:.85;text-shadow:0 1px 2px #0006}.shape-demo__title{font-size:17px;line-height:1.15}.shape-demo__rule{width:22px;height:2.2px}.shape-demo__header{position:relative}.shape-demo__header img{width:100%;height:auto;display:block}.shape-demo__header-title{font-size:9px;line-height:1.1;position:absolute;top:14%;left:10%}.shape-demo__lines{gap:4px;padding:.5rem 10% 0;display:grid}.shape-demo__lines span{opacity:.08;background:currentColor;height:3px;display:block}.shape-demo__lines span:last-child{width:60%}.shape-row__download{text-decoration:none}.shape-spec__stretch{background:repeating-linear-gradient(-45deg, color-mix(in srgb, var(--template-fg) 22%, transparent) 0 1px, transparent 1px 6px);outline:1px dashed color-mix(in srgb, var(--template-fg) 45%, transparent);place-items:center;display:grid;position:absolute;left:0;right:0}.shape-spec__stretch--top{height:var(--d);top:0}.shape-spec__stretch--bottom{height:var(--d);bottom:0}.shape-spec__stretch--left{width:var(--d);inset:0 auto 0 0}.shape-spec__stretch--right{width:var(--d);inset:0 0 0 auto}.shape-spec__stretch span{letter-spacing:.1em;text-transform:uppercase;color:var(--template-fg);background:var(--template-tile-light);padding:0 .35rem;font-size:10px}.shape-demo__header--stretch{container-type:inline-size}.shape-stretch{box-sizing:content-box;width:100%;display:block}.shape-use--pair{place-items:center;width:auto;min-width:200px;padding:0 2.5rem;display:grid}.shape-pair{align-items:center;gap:6px;display:inline-flex;position:relative}.shape-pair__text{white-space:nowrap;font-size:26px;line-height:1}.shape-pair__doodle{background:currentColor;width:54px;height:27px;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.shape-pair--before{flex-direction:row-reverse}.shape-pair--under{flex-direction:column;gap:0}.shape-pair--under .shape-pair__doodle{width:112%;height:16px;margin-top:-2px;-webkit-mask-size:100% 100%;mask-size:100% 100%}.shape-pair--around .shape-pair__doodle{width:auto;height:auto;position:absolute;inset:-22px -26px;-webkit-mask-size:100% 100%;mask-size:100% 100%}.shape-demo__skeleton{gap:4px;width:45%;display:grid}.shape-demo__skeleton span{opacity:.55;background:currentColor;height:5px;display:block}.shape-demo__skeleton span:last-child{width:65%}.shape-use--web{width:260px}.shape-web__bar{border-bottom:1px solid var(--template-border);background:color-mix(in srgb, var(--template-fg) 4%, transparent);gap:4px;padding:6px 8px;display:flex}.shape-web__bar span{background:color-mix(in srgb, var(--template-fg) 25%, transparent);border-radius:50%;width:5px;height:5px}.shape-web__title{width:35%;top:22%}.shape-web__cols{grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 10% 0;display:grid}.shape-web__cols span{opacity:.06;background:currentColor;height:28px;display:block}.shape-use--bag{aspect-ratio:2/3}.shape-bag{display:flex;position:absolute;inset:0}.shape-bag__gusset{border:1px solid var(--template-border);filter:brightness(.94);border-right:0;width:14px;position:relative;overflow:hidden}.shape-bag__gusset-top{place-items:center;height:46%;display:grid;position:absolute;top:0;left:0;right:0}.shape-bag__gusset-top span{opacity:.6;width:2px;height:55%}.shape-bag__barcode{background:repeating-linear-gradient(0deg, var(--template-fg) 0 1px, transparent 1px 2.5px);opacity:.7;height:20px;position:absolute;bottom:6px;left:3px;right:3px}.shape-bag__front{flex:1;position:relative;overflow:hidden}.shape-bag__brand{justify-items:center;gap:5px;display:grid;position:absolute;top:16%;left:0;right:0}.shape-bag__brand span{opacity:.9;background:currentColor;width:66%;height:6px;display:block}.shape-bag__brand span+span{opacity:.55;width:38%;height:2.5px}.shape-bag__code{opacity:.85;width:26%;height:5px;position:absolute;top:61%;left:50%;transform:translate(-50%)}.shape-bag__foot{justify-items:center;gap:2px;display:grid;position:absolute;bottom:34px;left:0;right:0}.shape-bag__foot i{opacity:.6;border:1px solid;width:5px;height:5px;margin-bottom:2px;transform:rotate(45deg)}.shape-bag__foot span{opacity:.4;background:currentColor;width:28%;height:1.5px;display:block}.logo-donts{padding:var(--logo-part-gap,5rem) 0 clamp(5rem, 9vw, 7rem);--ld-red:#e5322d;margin:0 0 calc(-1*clamp(6rem,12vw,10rem))}#logo:has(.logo-donts)+.section{border-top-color:#0000}.ld{font-family:var(--template-font);outline:none}.ld-label{letter-spacing:.16em;text-transform:uppercase;color:var(--template-fg-subtle);font-variant-numeric:tabular-nums;font-size:10px;font-weight:500}.ld-bar{border-bottom:var(--hairline);grid-template-columns:1fr auto;align-items:center;padding:0 0 1rem;display:grid}.ld-bar .ld-label b{color:var(--template-fg);font-weight:500}.ld-navs{display:flex}.ld-nav{border:var(--hairline);width:40px;height:40px;color:var(--template-fg);cursor:pointer;transition:background var(--dur-fast) var(--ease-default), color var(--dur-fast) var(--ease-default);background:0 0;place-items:center;font-size:14px;display:grid}.ld-nav+.ld-nav{border-left:0}.ld-nav:hover{background:var(--template-fg);color:var(--template-bg)}.ld:focus-visible .ld-stage{outline:1px solid var(--template-fg);outline-offset:-1px}.ld-stage{border-bottom:var(--hairline);touch-action:pan-y;-webkit-user-select:none;user-select:none;grid-template-columns:1fr;gap:2.5rem;padding:2.5rem 0;display:grid}@media (min-width:1000px){.ld-stage{grid-template-columns:1.35fr 1fr;align-items:stretch;gap:3rem}.ld-stage>.ld-example--stage{aspect-ratio:auto;height:100%;min-height:360px}}.ld-side{align-content:start;gap:2rem;display:grid}.ld-example{border:var(--hairline);background:var(--template-bg) center / cover no-repeat;place-items:center;display:grid;position:relative;overflow:hidden;container-type:inline-size}.ld-example.has-bg{border-color:#0000}.ld-example--stage{aspect-ratio:16/10;animation:ld-in var(--dur-normal,.24s) var(--ease-default,ease)}.ld-example--thumb{aspect-ratio:16/10}@keyframes ld-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.ld-example--stage{animation:none}}.ld-example__logo{justify-content:center;align-items:center;gap:.6em;width:58%;display:flex}.ld-example__svg,.ld-example__extra{flex:auto;min-width:0;display:block}.ld-example__svg :where(svg),.ld-example__extra :where(svg){width:100%;height:auto;display:block;overflow:visible}.ld-example__logo>img{width:100%;height:auto;display:block}.ld-cross{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ld-cross line{stroke:var(--ld-red);stroke-width:1px;vector-effect:non-scaling-stroke}.ld-caption{border-bottom:var(--hairline);align-content:start;gap:.75rem;min-height:9.5rem;padding-bottom:2rem;display:grid}.ld-caption__title{margin:0}.ld-caption__reason{color:var(--template-fg-muted);max-width:44ch;margin:0;font-size:15px;line-height:1.6}.ld-t--stretch .ld-example__svg{transform:scale(1.45,.62)}.ld-t--rotate .ld-example__svg{transform:rotate(-16deg)}.ld-t--effects .ld-example__svg{filter:drop-shadow(6px 8px #00000059)drop-shadow(0 0 18px #7a2cff8c)}.ld-t--crop .ld-example__logo{width:120%;translate:32% 18%}.ld-t--rearrange .ld-example__logo{flex-direction:column;gap:.2em;width:46%}.ld-t--rearrange .ld-example__extra{flex:none;width:42%;translate:-40%}.ld-t--rearrange .ld-example__svg{flex:none;width:100%}.ld-t--tagline .ld-example__logo{flex-direction:column;gap:.35em;width:54%}.ld-t--tagline .ld-example__svg{flex:none;width:100%}.ld-example__tagmark{align-self:flex-end;width:62%;line-height:0}.ld-example__tagmark svg{width:100%;height:auto}.ld-t--tagline-retype .ld-example__logo{flex-direction:column;gap:.5em;width:54%}.ld-t--tagline-retype .ld-example__svg{flex:none;width:100%}.ld-example__retype{text-align:center;font-family:var(--font-body);text-transform:uppercase;letter-spacing:.3em;white-space:nowrap;color:currentColor;align-self:stretch;margin-right:-.3em;font-size:clamp(.35rem,2.15cqi,1.2rem);font-weight:600;display:block}.has-bg .ld-example__retype{color:#fff}.ld-example__tagline{color:#333;white-space:nowrap;align-self:flex-end;font-family:Georgia,Times New Roman,serif;font-size:clamp(.5rem,2.2cqi,1.4rem);font-style:italic}.ld-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:1rem .75rem;display:grid}@media (max-width:520px){.ld-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.ld-thumb{cursor:pointer;text-align:left;transition:opacity var(--dur-normal,.24s) var(--ease-default,ease);background:0 0;border:0;gap:.4rem;padding:0;display:grid}.ld-thumb .ld-example{filter:grayscale();opacity:.45;transition:filter var(--dur-normal,.24s) var(--ease-default,ease), opacity var(--dur-normal,.24s) var(--ease-default,ease)}.ld-thumb:hover .ld-example{opacity:.75}.ld-thumb.is-active .ld-example{filter:none;opacity:1}.ld-thumb.is-active .ld-label{color:var(--template-fg)}.ld-thumb:focus-visible{outline:1px solid var(--template-fg);outline-offset:3px}#logo{--logo-part-gap:8rem}.logo-anim-list{gap:2.5rem;display:grid}.logo-anim-item{gap:.75rem;margin:0;display:grid}.logo-anim-item__label{font-family:var(--template-font);letter-spacing:.1em;text-transform:uppercase;color:var(--template-fg-subtle);font-size:11px}.logo-part+.logo-part{margin-top:var(--logo-part-gap)}.logo-part>.logo-title,.logo-part>.clearspace{margin-top:0}.swatch__spec-sub{display:none}.section__body:has(.palette-toggle__input:checked) .swatch__spec-sub{display:block}.palette-toggle{cursor:pointer;font-family:var(--template-font);letter-spacing:.2em;text-transform:uppercase;color:var(--template-fg-subtle);-webkit-user-select:none;user-select:none;align-items:center;gap:.55rem;margin-bottom:.9rem;font-size:11px;font-weight:500;display:inline-flex}.palette-toggle:hover{color:var(--template-fg)}.palette-toggle__input{opacity:0;pointer-events:none;position:absolute}.palette-toggle__track{border:1px solid;border-radius:1em;width:2em;height:1.1em;transition:background .15s;position:relative}.palette-toggle__track:after{content:"";background:currentColor;border-radius:50%;width:.6em;height:.6em;margin-top:-.3em;transition:transform .15s;position:absolute;top:50%;left:.18em}.palette-toggle__input:checked+.palette-toggle__track:after{transform:translate(.82em)}.palette-toggle__input:checked~span:last-child{color:var(--template-fg)}.palette-toggle__input:focus-visible+.palette-toggle__track{outline:2px solid var(--template-fg);outline-offset:2px}.swatch__hex-row,.swatch__spec-line{justify-content:space-between;align-items:center;gap:.4rem;min-width:0;display:flex}.swatch__hex-row{margin-top:.3rem}.swatch__hex-row .swatch__hex{margin-top:0}.swatch__spec-sub-val{all:unset;cursor:copy}.swatch__spec-line.swatch__spec-sub{display:none}.section__body:has(.palette-toggle__input:checked) .swatch__spec-line.swatch__spec-sub{display:flex}.copy-chip{all:unset;cursor:pointer;width:16px;height:16px;color:var(--template-fg-subtle);opacity:.55;border-radius:3px;flex:none;place-items:center;transition:opacity .15s,color .15s,background .15s;display:inline-grid}.copy-chip svg{width:10px;height:10px}.swatch__hex-row .copy-chip{width:20px;height:20px}.swatch__hex-row .copy-chip svg{width:12px;height:12px}.copy-chip:hover,.copy-chip:focus-visible,.copy-chip.copied{opacity:1;color:var(--template-fg);background:color-mix(in srgb, var(--template-fg) 8%, transparent)}.palette--specs .swatch__spec-val{letter-spacing:0}.palette--specs .swatch__spec{grid-template-columns:50px minmax(0,1fr);column-gap:.5rem}.palette--specs .swatch__spec-line{gap:.25rem}.bm{margin-top:3rem}.bm__notes{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem 1.75rem;margin-bottom:4rem;display:grid}.bm__note-title{font-family:var(--button-family);font-weight:var(--button-weight);color:var(--template-fg);margin:0 0 .6rem;font-size:1rem}.bm__note-body{color:var(--template-fg-muted);margin:0;font-size:13px;line-height:1.55}.bm__bands{border:var(--hairline);container-type:inline-size}.bm__row{flex-wrap:wrap;align-items:center;gap:1.5rem 2.25rem;padding:2.75rem clamp(1.25rem,3vw,2.5rem);display:flex}.bm__label{font-family:var(--button-family);font-size:var(--button-size);font-weight:var(--button-weight);flex-direction:column;flex:0 0 9rem;gap:.25rem;display:flex}.bm__hex{font-family:var(--font-mono);letter-spacing:.04em;opacity:.65;font-size:10px;font-weight:400}.bm__cell{flex-wrap:nowrap;flex:none;align-items:center;gap:.5rem;display:flex}@container (max-width:1120px){.bm__row{gap:1.25rem 1.5rem;padding-block:2.25rem}.bm__label{flex-direction:row;flex-basis:100%;align-items:baseline;gap:.75rem}}@container (max-width:560px){.bm__cell{flex-basis:100%}.bm-iconbtn{margin-left:-12px}}.bm-btn{min-height:48px;padding:var(--bm-padding);border-radius:var(--bm-radius);border:var(--bm-border-width) solid var(--bm-border);background:var(--bm-fill);color:var(--bm-ink);font-family:var(--button-family);font-weight:var(--button-weight);font-size:var(--button-size);line-height:var(--button-lh);letter-spacing:var(--button-track);text-transform:var(--button-transform);cursor:pointer;white-space:nowrap;transition:background var(--dur-fast) var(--ease-default), color var(--dur-fast) var(--ease-default), border-color var(--dur-fast) var(--ease-default);align-items:center;gap:8px;display:inline-flex}.bm-btn:hover{background:var(--bm-hover-fill);border-color:var(--bm-hover-border);color:var(--bm-hover-ink)}.bm-btn:active{background:var(--bm-pressed-fill)}.bm-btn--angle-sweep{isolation:isolate;position:relative;overflow:hidden}.bm-btn--angle-sweep:hover,.bm-btn--angle-sweep:active{background:var(--bm-fill)}.bm-sweep{display:none}.bm-btn--angle-sweep .bm-sweep{--d:var(--bm-sweep-depth,0px);--tip:var(--bm-sweep-tip,var(--d));z-index:-1;pointer-events:none;display:block;position:absolute;inset:0;container-type:inline-size}.bm-sweep__layer{height:calc(100% + var(--tip));transition:transform .24s cubic-bezier(.4,0,.2,1);position:absolute;inset:0 0 auto;transform:translateY(-100%)}.bm-sweep__fill,.bm-sweep__strip{position:absolute;inset:0}.bm-sweep__fill{background:var(--bm-hover-fill);clip-path:polygon(0 0, 100% 0, 100% calc(100% - var(--tip) + var(--bm-sweep-right,var(--d))), var(--bm-sweep-apex,50%) calc(100% - var(--tip) + var(--d)), 0 calc(100% - var(--tip)))}.bm-sweep__strip{background:var(--bm-sweep-strip-fill,var(--bm-hover-fill));clip-path:polygon(0 calc(100% - var(--tip)), var(--bm-sweep-apex,50%) calc(100% - var(--tip) + var(--d)), var(--bm-sweep-tip-x,0%) calc(100% - var(--tip) + var(--bm-sweep-tip-y,var(--d))), 0 calc(100% - var(--tip) + var(--bm-sweep-strip,0px)))}.bm-btn--angle-sweep:hover .bm-sweep__layer,.bm-btn--angle-sweep:active .bm-sweep__layer{transform:translateY(0)}.bm-btn--angle-sweep:active .bm-sweep__fill{background:var(--bm-pressed-fill)}@media (prefers-reduced-motion:reduce){.bm-sweep__layer{transition:none}}.bm-pill{min-height:36px;font-size:calc(var(--button-size) * .85)}.bm-iconbtn{min-height:0}.bm-icon{flex:none;width:20px;height:20px;display:inline-flex}.bm-icon svg{width:100%;height:100%}.bm-iconbtn .bm-icon{width:24px;height:24px;transition:transform var(--dur-fast) var(--ease-default)}.bm-iconbtn--wiggle:hover .bm-icon{animation:bm-wiggle .42s var(--ease-default)}.bm-iconbtn--pop .bm-icon{transition:transform .24s cubic-bezier(.34,1.56,.64,1)}.bm-iconbtn--pop:hover .bm-icon{transform:scale(1.15)}.bm-iconbtn--pop:active .bm-icon{transform:scale(.9)}@keyframes bm-wiggle{25%{transform:rotate(-8deg)}50%{transform:rotate(6deg)}75%{transform:rotate(-3deg)}}@media (prefers-reduced-motion:reduce){.bm-iconbtn--wiggle:hover .bm-icon{animation:none}.bm-iconbtn--pop:hover .bm-icon{transform:none}}.bm-iconbtn:active .bm-icon{transition-duration:var(--dur-fast);transform:scale(.9)}.bm-text{all:unset;cursor:pointer;color:var(--bm-ink);font-family:var(--button-family);font-weight:var(--button-weight);font-size:var(--button-size);line-height:var(--button-lh);letter-spacing:var(--button-track);white-space:nowrap;align-items:baseline;gap:8px;display:inline-flex}.bm-text__label{background:linear-gradient(var(--bm-underline), var(--bm-underline)) left bottom / var(--bm-underline-width) var(--bm-underline-thickness) no-repeat;transition:background-size var(--dur-normal) var(--ease-default);padding-bottom:4px}.bm-text:hover{color:var(--bm-hover-ink)}.bm-text:hover .bm-text__label{background-image:linear-gradient(var(--bm-hover-underline), var(--bm-hover-underline));background-size:100% var(--bm-underline-thickness)}.bm-text:focus-visible,.bm-btn:focus-visible{outline-offset:3px;outline:2px solid}