.resource-library-page{--resource-ink:#111318;--resource-paper:#f2efe8;--resource-cream:#e6e0d4;--resource-line:#11131830;background:var(--resource-paper)}.resource-local-nav{border-block-end:1px solid var(--resource-line);background:#f8f7f3f7}.resource-local-nav__inner{justify-content:space-between;align-items:center;gap:1rem;min-height:3.4rem;display:flex}.resource-local-nav a{font-size:.72rem;font-weight:760;text-decoration:none}.resource-local-nav__home{letter-spacing:-.01em}.resource-local-nav__links{scrollbar-width:thin;white-space:nowrap;gap:.3rem 1rem;max-width:100%;padding-block:.75rem;display:flex;overflow-x:auto}.resource-local-nav__links a{color:var(--text-muted-paper)}.resource-local-nav__links a:hover{color:var(--resource-ink)}.resource-hero{background:var(--surface-studio);color:var(--text-on-studio);position:relative;overflow:clip}.resource-hero:after{content:"";aspect-ratio:1;pointer-events:none;border:1px solid #ffffff1f;border-radius:50%;width:min(28rem,55vw);position:absolute;inset:auto -10% -40% auto}.resource-hero__inner{z-index:1;gap:clamp(2.5rem,8vw,6rem);padding-block:clamp(4.2rem,10vw,9rem);display:grid;position:relative}.resource-hero__copy{max-width:47rem}.resource-hero h1{letter-spacing:-.07em;max-width:11ch;margin:0;font-size:clamp(3.15rem,10vw,8.8rem);font-weight:590;line-height:.87}.resource-hero--detail h1{max-width:100%;font-size:clamp(3.15rem,6vw,5.5rem)}.resource-hero h1 em{font-family:var(--font-serif);font-weight:430}.resource-hero__lede{max-width:38rem;color:var(--text-muted-studio);margin:1.6rem 0 0;font-size:clamp(1.05rem,1.6vw,1.35rem);line-height:1.55}.resource-hero__actions{flex-wrap:wrap;gap:.7rem;margin-block-start:2rem;display:flex}.resource-hero__note{border-block-start:1px solid var(--line-on-studio);max-width:26rem;color:var(--text-muted-studio);align-content:end;gap:1.2rem;padding-block-start:1.5rem;font-size:.88rem;display:grid}.resource-hero__note strong{color:var(--text-on-studio)}.resource-hub-preview{min-height:clamp(22rem,75vw,36rem);position:relative}.resource-hub-preview__image{aspect-ratio:1;width:min(82%,31rem);position:absolute;inset:0 0 auto auto;overflow:hidden}.resource-hub-preview__image img{object-fit:cover;width:100%;height:100%}.resource-hub-preview__mark{aspect-ratio:1;border:.55rem solid var(--surface-studio);background:#eeeae1;place-items:center;width:min(45%,13rem);display:grid;position:absolute;inset:auto auto 0 0}.resource-hub-preview__mark img{width:47%}.resource-hero--detail .resource-hero__inner{padding-block-end:clamp(3rem,6vw,5.5rem)}.resource-detail-visual{min-height:21rem;color:var(--resource-ink);background:#e9e5dc;border:1px solid #ffffff29;place-items:center;display:grid}.resource-detail-visual img{aspect-ratio:1;object-fit:contain;width:min(62%,25rem)}.resource-detail-visual--image{background:#17191f;overflow:hidden}.resource-detail-visual--image picture,.resource-detail-visual--image img{width:100%;height:100%}.resource-detail-visual--image img{object-fit:cover;min-height:21rem}.resource-detail-visual--guide{background:var(--resource-cream);align-content:end;min-height:23rem;padding:clamp(1.5rem,5vw,3.5rem);display:grid}.resource-detail-visual--guide p{max-width:14ch;color:var(--resource-ink);font-family:var(--font-serif);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,6vw,4.8rem);font-weight:430;line-height:.97}.resource-badges,.resource-card__badges{flex-wrap:wrap;gap:.38rem;display:flex}.resource-badges span,.resource-card__badges span,.rights-badge{letter-spacing:.055em;text-transform:uppercase;border:1px solid;border-radius:999px;align-items:center;min-height:1.75rem;padding:.32rem .53rem;font-size:.62rem;font-weight:780;line-height:1;display:inline-flex}.resource-hero .resource-badges{color:var(--text-muted-studio);margin-block-end:1.5rem}.resource-hero .rights-badge{color:#8ce0c9}.resource-section{padding-block:clamp(4.5rem,9vw,9rem)}.resource-section--paper{background:var(--resource-paper)}.resource-section--clean{background:var(--surface-clean)}.resource-section--studio{background:var(--surface-studio);color:var(--text-on-studio)}.resource-section__head{gap:1.5rem;margin-block-end:clamp(2.5rem,6vw,5rem);display:grid}.resource-section__head p:last-child{max-width:40rem;color:var(--text-muted-paper);margin:0}.resource-section--studio .resource-section__head p:last-child,.resource-section--studio .resource-story>p,.resource-section--studio .resource-story>.eyebrow--dark{color:var(--text-muted-studio)}.resource-grid{gap:1rem;display:grid}.resource-card{background:var(--surface-white);min-width:0}.resource-card__link{height:100%;color:inherit;text-decoration:none;display:grid}.resource-card__visual{background:#dcd7cc;place-items:center;min-height:17rem;display:grid;position:relative;overflow:hidden}.resource-card__visual picture,.resource-card__visual picture img{width:100%;height:100%}.resource-card__visual picture img{object-fit:cover;transition:transform .4s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.resource-card--logo-kit .resource-card__visual,.resource-card--favicon-kit .resource-card__visual{background-color:#ebe7de;background-image:linear-gradient(90deg,#1113180d 1px,#0000 1px),linear-gradient(#1113180d 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:2rem 2rem;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}.resource-card--logo-kit .resource-card__visual img{width:min(42%,10rem)}.resource-card--favicon-kit .resource-card__visual img{image-rendering:auto;width:min(30%,6.5rem)}.resource-card__guide-mark{border-block:1px solid var(--resource-ink);align-content:space-between;width:calc(100% - 3rem);min-height:13rem;padding:1.25rem;display:grid}.resource-card__guide-mark span{letter-spacing:.12em;text-transform:uppercase;font-size:.63rem;font-weight:780}.resource-card__guide-mark strong{max-width:18ch;font-family:var(--font-serif);letter-spacing:-.035em;font-size:clamp(1.7rem,5vw,2.8rem);font-weight:430;line-height:1}.resource-card__body{border:1px solid var(--resource-line);border-block-start:0;flex-direction:column;align-items:flex-start;min-height:17rem;padding:clamp(1.25rem,4vw,2rem);display:flex}.resource-card__badges{color:var(--text-muted-paper);margin-block-end:1.4rem}.resource-card__badges .rights-badge{color:#276a58}.resource-card h2{letter-spacing:-.045em;max-width:16ch;margin:0;font-size:clamp(1.65rem,4vw,2.55rem);font-weight:620;line-height:1}.resource-card__body p{max-width:33rem;color:var(--text-muted-paper);margin:1rem 0 1.8rem;font-size:.9rem}.resource-card__action{margin-block-start:auto;font-size:.75rem;font-weight:780}.resource-card__link:hover .resource-card__visual picture img{transform:scale(1.025)}.resource-card__link:hover .resource-card__action{text-decoration:underline;text-decoration-color:var(--accent-primary);text-underline-offset:.2em}.category-index{background:var(--resource-line);border:1px solid var(--resource-line);gap:1px;display:grid}.category-index a{background:var(--surface-clean);align-content:space-between;gap:2rem;min-height:10rem;padding:clamp(1.4rem,4vw,2.4rem);text-decoration:none;display:grid}.category-index span{color:var(--text-muted-paper);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:750}.category-index strong{letter-spacing:-.045em;max-width:12ch;font-size:clamp(1.6rem,4vw,2.8rem);line-height:1}.category-index a:hover{background:#fff}.rights-notice{background:#e1ece7;border:1px solid #477b6d;gap:2rem;padding:clamp(1.5rem,5vw,3rem);display:grid}.rights-notice__label{color:#276a58;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .8rem;font-size:.67rem;font-weight:800}.rights-notice h2{letter-spacing:-.055em;max-width:12ch;margin:0 0 1rem;font-size:clamp(2rem,5vw,4.2rem);font-weight:610;line-height:.95}.rights-notice p{max-width:38rem;margin-block:0 1rem}.rights-notice a{font-size:.78rem;font-weight:780}.rights-notice--compact{align-items:end}.resource-meta{border-block-start:1px solid var(--resource-line);margin:0;display:grid}.resource-meta>div{border-block-end:1px solid var(--resource-line);gap:.3rem;padding:1.1rem 0;display:grid}.resource-meta dt{color:var(--text-muted-paper);letter-spacing:.09em;text-transform:uppercase;font-size:.66rem;font-weight:760}.resource-meta dd{overflow-wrap:anywhere;margin:0;font-size:.88rem}.resource-meta--dark,.resource-meta--dark>div{border-color:var(--line-on-studio)}.resource-meta--dark dt,.resource-meta--dark dd{color:var(--text-muted-studio)}.resource-story-grid{gap:clamp(2.5rem,7vw,6rem);display:grid}.resource-story{max-width:44rem}.resource-story>p{color:var(--text-muted-paper);font-size:clamp(1.02rem,1.4vw,1.2rem)}.resource-story h2{letter-spacing:-.055em;max-width:15ch;margin:0 0 1.4rem;font-size:clamp(2.2rem,5vw,4.8rem);font-weight:610;line-height:.95}.tag-list,.plain-list{flex-wrap:wrap;gap:.5rem;padding:0;list-style:none;display:flex}.tag-list li{border:1px solid var(--resource-line);border-radius:999px;padding:.5rem .7rem;font-size:.72rem;font-weight:710}.plain-list{gap:.7rem;margin-block-start:1.5rem;display:grid}.plain-list li{padding-inline-start:1.3rem;position:relative}.plain-list li:before{content:"—";color:var(--accent-primary);position:absolute;inset-inline-start:0}.download-panel{background:var(--surface-studio-soft);color:var(--text-on-studio);gap:2rem;padding:clamp(1.5rem,5vw,3.2rem);display:grid}.download-panel p{max-width:39rem;color:var(--text-muted-studio)}.download-panel__action{align-self:end}.download-panel__action>p{margin:.8rem 0 0;font-size:.72rem}.download-panel details{color:var(--text-muted-studio);margin-block-start:1rem;font-size:.7rem}.download-panel summary{cursor:pointer;min-height:2.75rem;font-weight:730}.download-panel code{overflow-wrap:anywhere;color:#d7dae0;background:#090a0e;max-width:34rem;padding:.7rem;font-family:ui-monospace,monospace;display:block}.preview-trio{gap:1rem;display:grid}.preview-trio figure{border:1px solid var(--resource-line);min-width:0;margin:0;display:grid}.preview-trio__stage{background:#ece8df;place-items:center;min-height:17rem;display:grid}.preview-trio__stage--dark{background:#111318}.preview-trio__stage img{width:min(42%,9rem)}.preview-trio figcaption{border-block-start:1px solid var(--resource-line);background:var(--surface-clean);padding:.8rem 1rem;font-size:.7rem;font-weight:760}.vector-customizer{background:var(--surface-studio);color:var(--text-on-studio);padding-block:clamp(4.5rem,9vw,9rem)}.vector-customizer__intro,.vector-customizer__workspace{width:min(calc(100% - 2 * var(--page-gutter)), var(--content-width));margin-inline:auto}.vector-customizer__intro{gap:1.2rem;margin-block-end:clamp(2.5rem,6vw,5rem);display:grid}.vector-customizer__intro p:last-child{max-width:40rem;color:var(--text-muted-studio);margin:0}.vector-customizer__workspace{background:var(--line-on-studio);border:1px solid var(--line-on-studio);gap:1px;display:grid}.vector-customizer__stage{color:#111318;background-color:#f1eee6;place-items:center;min-height:clamp(24rem,72vw,38rem);transition:background-color .18s;display:grid;position:relative;overflow:hidden}.vector-customizer__stage[data-preview-context=transparent]{background-color:#eeece7;background-image:linear-gradient(45deg,#d8d5cf 25%,#0000 25%),linear-gradient(-45deg,#d8d5cf 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#d8d5cf 75%),linear-gradient(-45deg,#0000 75%,#d8d5cf 75%);background-position:0 0,0 .8rem,.8rem -.8rem,-.8rem 0;background-size:1.6rem 1.6rem}.vector-customizer__stage[data-preview-context=dark]{color:#fff;background:#111318}.vector-customizer__art{width:min(47%,18rem)}.vector-customizer__art svg{width:100%;height:auto}.vector-customizer__context-label{color:#111318;letter-spacing:.07em;text-transform:uppercase;background:#ffffffd1;margin:0;padding:.35rem .5rem;font-size:.65rem;font-weight:760;position:absolute;inset:auto auto 1rem 1rem}.vector-customizer__controls{background:var(--surface-studio-soft);align-content:start;gap:2rem;padding:clamp(1.4rem,5vw,3rem);display:grid}.vector-customizer fieldset{border:0;min-width:0;margin:0;padding:0}.vector-customizer legend{color:var(--text-muted-studio);letter-spacing:.1em;text-transform:uppercase;margin-block-end:.9rem;font-size:.67rem;font-weight:780}.preset-row,.context-row{flex-wrap:wrap;gap:.55rem;display:flex}.preset-button,.context-row button{min-height:2.85rem;color:var(--text-on-studio);cursor:pointer;background:0 0;border:1px solid #ffffff47;border-radius:.2rem;padding:.55rem .75rem;font-size:.72rem;font-weight:720}.preset-button{align-items:center;gap:.6rem;display:inline-flex}.preset-button[aria-pressed=true],.context-row button[aria-pressed=true]{color:var(--surface-studio);box-shadow:inset 0 0 0 1px var(--surface-studio);background:#fff;border-color:#fff}.preset-button__swatches{display:inline-flex}.preset-button__swatches i{background:var(--swatch);border:1px solid #7f7f7f8c;border-radius:50%;width:1rem;height:1rem}.preset-button__swatches i+i{margin-inline-start:-.25rem}.color-field-row{gap:1rem;display:grid}.color-field>label{margin-block-end:.45rem;font-size:.75rem;font-weight:730;display:block}.color-field>div{grid-template-columns:3rem minmax(0,1fr);gap:.5rem;display:grid}.color-field input[type=color]{cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:.2rem;width:3rem;min-height:3rem;padding:.15rem}.color-field input[type=text]{color:#fff;text-transform:uppercase;background:#0b0c10;border:1px solid #ffffff4d;border-radius:.2rem;width:100%;min-height:3rem;padding:.65rem .8rem;font-family:ui-monospace,monospace}.color-field input[aria-invalid=true]{border-color:#ff9d8d}.color-field__error{color:#ffb5a9;min-height:1.25rem;margin-block-start:.25rem;font-size:.68rem;display:block}.field-help,.customizer-status{color:var(--text-muted-studio);margin-block:.8rem 0;font-size:.7rem}.customizer-downloads{gap:.6rem;display:grid}.customizer-downloads button{cursor:pointer;width:100%}.favicon-size-grid{border:1px solid var(--resource-line);background:var(--resource-line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.favicon-size-grid figure{background:var(--surface-clean);align-content:space-between;justify-items:center;gap:1rem;min-width:0;min-height:9rem;margin:0;padding:1rem;display:grid}.favicon-size-grid img{width:var(--icon-size);image-rendering:auto;align-self:center;max-width:min(100%,7rem)}.favicon-size-grid figcaption{color:var(--text-muted-paper);font-size:.68rem;font-weight:740}.favicon-contexts{gap:1rem;display:grid}.favicon-contexts>div{border:1px solid var(--resource-line);background:#f9f8f5;align-items:center;gap:1rem;min-height:7rem;padding:1.25rem;display:flex}.favicon-contexts>div:last-child{color:#fff;background:#17191f;border-color:#fff3}.favicon-contexts img{width:2rem;height:2rem}.favicon-contexts span{font-size:.75rem;font-weight:740}.image-gallery{gap:clamp(2rem,5vw,4rem);display:grid}.image-gallery__item{gap:.8rem;margin:0;display:grid}.image-gallery__frame{background:#d9d4ca;overflow:hidden}.image-gallery__frame picture,.image-gallery__frame img{width:100%}.image-gallery__frame img{aspect-ratio:3/2;object-fit:cover}.image-gallery__item figcaption{min-width:0;color:var(--text-muted-paper);flex-wrap:wrap;justify-content:space-between;gap:1rem;font-size:.72rem;display:flex}.image-gallery__item figcaption span{overflow-wrap:anywhere;min-width:0}.crop-sampler{gap:1rem;display:grid}.crop-sampler figure{min-width:0;margin:0}.crop-sampler picture,.crop-sampler img{width:100%;height:100%}.crop-sampler picture{display:block;overflow:hidden}.crop-sampler img{object-fit:cover}.crop-sampler__square picture{aspect-ratio:1}.crop-sampler__portrait picture{aspect-ratio:3/4}.crop-sampler figcaption{color:var(--text-muted-paper);margin-block-start:.5rem;font-size:.68rem}.guidance-box{border-inline-start:.3rem solid var(--accent-gold);background:#eee4d5;gap:1rem;padding:clamp(1.35rem,4vw,2.5rem);display:grid}.guidance-box h2{letter-spacing:-.04em;margin:0;font-size:clamp(1.7rem,4vw,2.6rem);line-height:1}.guidance-box p{max-width:48rem;margin:0}.guidance-box strong{letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}.resource-template-links{border:1px solid var(--resource-line);background:var(--surface-clean);padding:clamp(1.5rem,5vw,3rem)}.resource-template-links>p:not(.eyebrow){max-width:42rem;color:var(--text-muted-paper)}.resource-template-links ul{background:var(--resource-line);gap:1px;margin:2rem 0 0;padding:0;list-style:none;display:grid}.resource-template-links a{background:#fff;gap:.35rem;padding:1rem;text-decoration:none;display:grid}.resource-template-links a:hover strong{text-decoration:underline;text-decoration-color:var(--accent-primary)}.resource-template-links span{color:var(--text-muted-paper);font-size:.75rem}.resource-related{background:var(--resource-cream)}.article-shell{gap:clamp(3rem,8vw,7rem);display:grid}.article-toc{border-block:1px solid var(--resource-line);align-self:start;padding-block:1.4rem}.article-toc h2{letter-spacing:.1em;text-transform:uppercase;margin:0 0 1rem;font-size:.68rem}.article-toc ol{color:var(--text-muted-paper);gap:.65rem;margin:0;padding-inline-start:1.3rem;font-size:.75rem;display:grid}.article-toc a{text-decoration:none}.resource-article{min-width:0}.resource-article>h1:first-child{display:none}.resource-article h2{scroll-margin-block-start:2rem}.resource-article strong{color:var(--resource-ink)}.resource-article>p:first-of-type{color:var(--resource-ink);font-size:clamp(1.12rem,1.8vw,1.35rem)}.article-copyright{border-block-start:1px solid var(--resource-line);color:var(--text-muted-paper);margin-block-start:4rem;padding-block-start:1rem;font-size:.72rem}.brand-boundary{border:1px solid var(--resource-line);background:var(--surface-clean);gap:2rem;padding:clamp(1.5rem,5vw,3rem);display:grid}.brand-boundary__mark{background:var(--surface-studio);place-items:center;min-height:17rem;display:grid}.brand-boundary__mark img{width:min(45%,10rem)}@media (width>=36rem){.favicon-size-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.color-field-row,.customizer-downloads,.favicon-contexts,.crop-sampler{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=48rem){.resource-hero__inner,.resource-section__head,.resource-story-grid,.download-panel,.vector-customizer__intro,.rights-notice:not(.rights-notice--compact){grid-template-columns:minmax(0,1.2fr) minmax(19rem,.72fr)}.resource-hero:not(.resource-hero--detail) .resource-hub-preview{min-height:34rem}.resource-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.resource-card{grid-column:span 6}.resource-card:nth-child(4n+1),.resource-card:nth-child(4n+4){grid-column:span 7}.resource-card:nth-child(4n+2),.resource-card:nth-child(4n+3){grid-column:span 5}.resource-grid--related .resource-card{grid-column:span 4}.category-index,.resource-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-meta>div:nth-child(odd){border-inline-end:1px solid var(--resource-line);padding-inline-end:1.5rem}.resource-meta>div:nth-child(2n){padding-inline-start:1.5rem}.preview-trio{grid-template-columns:repeat(3,minmax(0,1fr))}.vector-customizer__workspace{grid-template-columns:minmax(0,1.25fr) minmax(21rem,.75fr)}.vector-customizer__stage{min-height:42rem}.article-shell{grid-template-columns:minmax(12rem,.34fr) minmax(0,1fr)}.article-toc{position:sticky;top:1.5rem}.image-gallery{grid-template-columns:repeat(12,minmax(0,1fr))}.image-gallery__item{grid-column:span 7}.image-gallery__item:nth-child(2n){grid-column:6/span 7}.brand-boundary{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);align-items:center}}@media (width>=70rem){.resource-hero--detail .resource-hero__inner{grid-template-columns:minmax(0,.82fr) minmax(32rem,1.18fr);align-items:center}.resource-hero--detail .resource-detail-visual{min-height:36rem}}@media (width<=35.99rem){.resource-local-nav__inner{gap:0;padding-block-start:.7rem;display:grid}.resource-local-nav__links,.resource-hero__actions .button,.download-panel .button{width:100%}.resource-card__visual,.resource-card__body{min-height:15rem}}@media (prefers-reduced-motion:reduce){.resource-card__visual picture img{transition:none}}