@font-face{font-family:barlow;src:url(../media/Barlow_Regular-s.p.40p-jvsbgaasm.ttf)format("truetype");font-display:swap;font-weight:400}@font-face{font-family:barlow;src:url(../media/Barlow_Medium-s.p.1j3pqwvkxmjpb.ttf)format("truetype");font-display:swap;font-weight:500}@font-face{font-family:barlow;src:url(../media/Barlow_SemiBold-s.p.2ha0zj0r0of9n.ttf)format("truetype");font-display:swap;font-weight:600}@font-face{font-family:barlow;src:url(../media/Barlow_Bold-s.p.02p5i56g1ij3q.ttf)format("truetype");font-display:swap;font-weight:700}@font-face{font-family:barlow Fallback;src:local(Arial);ascent-override:103.13%;descent-override:20.63%;line-gap-override:0.0%;size-adjust:96.96%}._3F1lha_className{font-family:barlow,barlow Fallback}._3F1lha_variable{--font-barlow:"barlow", "barlow Fallback"}
:root{--paper:#fff;--cobalt:#0057ff;--cobalt-hover:#0047d4;--ink:#111;--grid:#e6ebf2;--muted:#57606f;--soft:#f6f8fb;--field-border:#7b8493;--error:#b42318;--success:#17613c;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem}.identity-layout{max-width:1200px;padding:var(--space-16) var(--space-12);gap:var(--space-16);grid-template-columns:1fr 1fr;min-height:65vh;margin:0 auto;display:grid}.identity-intro{align-items:flex-start;gap:var(--space-6);flex-direction:column;display:flex}.identity-intro h1{font-size:3rem}.identity-intro>p{max-width:34ch;font-size:1.125rem}.identity-intro>a{color:var(--cobalt)}.identity-panel{border-left:1px solid var(--grid);padding-left:var(--space-12)}.identity-panel>p{margin-top:var(--space-4)}.identity-form{gap:var(--space-3);margin-top:var(--space-8);flex-direction:column;display:flex}.identity-form label{font-weight:500}.identity-form input{border:1px solid var(--field-border);width:100%;min-height:46px;color:var(--ink);background:var(--paper);border-radius:0;padding:.625rem .75rem}.identity-form input:disabled{background:var(--soft);color:var(--muted)}.identity-form .button{margin-top:var(--space-2);align-self:flex-start}.identity-form #email-help{font-size:.875rem}.identity-feedback{border-top:1px solid var(--grid);padding-top:var(--space-6);margin-top:var(--space-4);gap:var(--space-3);display:grid}.identity-feedback a{color:var(--cobalt)}.identity-error{color:var(--error)}.personal-workspace{max-width:1200px;padding:var(--space-12);min-height:65vh;margin:0 auto}.workspace-heading{justify-content:space-between;align-items:flex-start;gap:var(--space-6);display:flex}.workspace-heading p{margin-top:var(--space-4)}.account-email{overflow-wrap:anywhere}.workspace-facts{margin:var(--space-8) 0 0;padding:var(--space-6) 0;gap:var(--space-8);border-block:1px solid var(--grid);flex-wrap:wrap;display:flex}.workspace-facts dt{color:var(--muted);font-size:.875rem}.workspace-facts dd{margin:var(--space-2) 0 0;overflow-wrap:anywhere}.workspace-facts div{min-width:0}.workspace-empty{padding:var(--space-12) 0;justify-items:start;gap:var(--space-6);display:grid}.workspace-empty p{max-width:58ch}.signout{max-width:28ch}.signout p{margin-top:var(--space-3)}@media (max-width:850px){.identity-layout{gap:var(--space-8);padding:var(--space-8);grid-template-columns:1fr}.identity-panel{border-left:0;border-top:1px solid var(--grid);padding:var(--space-8) 0 0}.identity-intro h1{font-size:2.375rem}.personal-workspace{padding:var(--space-8)}}@media (max-width:540px){.identity-layout,.personal-workspace{padding:var(--space-8) 1.25rem}.workspace-heading{flex-direction:column}.header nav{flex-wrap:wrap;column-gap:1.25rem}}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);scrollbar-color:var(--field-border) var(--soft)}body{font-family:var(--font-barlow), sans-serif;-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.5}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-underline-offset:.24em}button,a{touch-action:manipulation}::selection{background:var(--cobalt);color:var(--paper)}input{caret-color:var(--cobalt)}:focus-visible{outline:2px solid var(--cobalt);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}h1{letter-spacing:-.03em;font-size:2.375rem;font-weight:600;line-height:1.12}h2{letter-spacing:-.02em;font-size:1.5rem;font-weight:600;line-height:1.2}h3{font-size:1.125rem;font-weight:600}p{max-width:70ch}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.skip{z-index:10;background:var(--cobalt);color:#fff;padding:.75rem 1rem;position:fixed;top:-100px;left:1rem}.skip:focus{top:1rem}.header{border-bottom:1px solid var(--grid);align-items:center;gap:3.75rem;min-height:72px;padding:0 3rem;display:flex}.home-link{flex-shrink:0;align-items:center;min-height:44px;display:inline-flex}.wordmark{width:212px;height:auto;display:block}.header nav{align-self:stretch;gap:2rem;display:flex}.header nav a{border-bottom:2px solid #0000;align-items:center;min-height:44px;padding-top:2px;font-weight:500;text-decoration:none;display:flex}.header nav a:hover,.header nav a[aria-current=page]{color:var(--cobalt);border-bottom-color:var(--cobalt)}.preview-label{color:var(--muted);white-space:nowrap;align-items:center;gap:.75rem;margin-left:auto;font-size:.875rem;display:flex}.preview-label>span{background:var(--cobalt);width:7px;height:7px}main{max-width:1600px;min-height:calc(100svh - 149px);margin:0 auto;padding:2rem 3rem 3rem}.library-heading{justify-content:space-between;align-items:center;gap:2rem;margin-bottom:1.5rem;display:flex}.library-heading p{color:var(--muted);margin-top:.625rem}.search{border:1px solid var(--field-border);align-items:center;gap:.75rem;width:330px;min-width:250px;height:46px;padding:0 1rem;display:flex}.search:focus-within{outline:2px solid var(--cobalt);outline-offset:2px}.search input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0}input::placeholder{color:var(--muted);opacity:1}.icon{vertical-align:middle;flex:0 0 20px;width:20px;height:20px}.filters{border-bottom:1px solid var(--grid);justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1.125rem;display:flex}.type-filters{flex-wrap:wrap;gap:.25rem;display:flex}.filter{color:var(--muted);background:0 0;border:0;min-height:44px;padding:.625rem .875rem;font-size:.9375rem;position:relative}.filter:hover{color:var(--cobalt);background:var(--soft)}.filter[aria-pressed=true]{background:var(--cobalt);color:#fff}.filter[aria-pressed=true]:after,.button:not(.secondary):after{content:"";border-top:7px solid var(--paper);border-left:7px solid #0000;position:absolute;top:0;right:0}.category-filter select{border:1px solid var(--field-border);background:var(--paper);min-height:44px;color:var(--ink);border-radius:0;padding:.5rem 2rem .5rem .75rem}.workspace{grid-template-columns:minmax(0,1fr) 308px;display:grid}.catalog{min-width:0;padding-right:2rem}.catalog-heading,.sample-row{grid-template-columns:minmax(220px,1fr) 145px 78px;align-items:center;gap:1.125rem;display:grid}.catalog-heading{min-height:44px;color:var(--muted);font-size:.8125rem}.catalog-heading>:last-child,.sample-license{text-align:right}.sample-row{border-top:1px solid var(--grid);padding:1rem 0;position:relative}.sample-row.selected:before{content:"";background:var(--cobalt);width:5px;height:5px;position:absolute;top:38px;left:-14px}.sample-row h2{font-size:1.25rem}.sample-select{text-align:left;color:inherit;font:inherit;letter-spacing:inherit;background:0 0;border:0;min-height:32px;margin:-.3rem 0 .15rem;padding:.3rem 0;line-height:1.25}.sample-select:hover{text-underline-offset:.2em;text-decoration:underline}.sample-row.selected h2{color:var(--cobalt)}.sample-row p{color:var(--muted);font-size:.875rem;line-height:1.45}.sample-kind{font-size:.9375rem;line-height:1.3}.sample-kind span{color:var(--muted);margin-top:.375rem;font-size:.875rem;display:block}.sample-license{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.875rem}.sample-preview{border-top:1px solid var(--ink);margin-top:.625rem;padding-top:1.25rem;position:relative}.sample-preview.selection-changed:before{content:"";background:var(--cobalt);height:1px;animation:.18s cubic-bezier(.16,1,.3,1) preview-rule;position:absolute;top:-1px;left:0;right:0}@keyframes preview-rule{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.preview-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.preview-heading h2{letter-spacing:0;padding-top:.65rem;font-size:1rem}.copy-control{flex-direction:column;align-items:flex-end;gap:.25rem;max-width:60%;display:flex}.copy-feedback{color:var(--muted);text-align:right;font-size:.8125rem}.copy-feedback:empty{display:none}.button{background:var(--cobalt);color:#fff;border:1px solid #0000;border-radius:0;justify-content:center;align-items:center;gap:.75rem;min-height:44px;padding:.625rem 1rem;font-weight:500;line-height:1.4;text-decoration:none;display:inline-flex;position:relative}.button:hover{background:var(--cobalt-hover)}.button.secondary{border-color:var(--field-border);color:var(--ink);background:0 0}.button.secondary:hover{border-color:var(--cobalt);color:var(--cobalt);background:var(--soft)}.button:disabled{cursor:not-allowed;color:var(--muted);background:var(--grid);border-color:var(--grid)}.prompt-content{white-space:pre-wrap;overflow-wrap:anywhere;max-width:70ch;margin:1.25rem 0;font-family:inherit;font-size:1.125rem;line-height:1.6}.preview-bottom{border-top:1px solid var(--grid);color:var(--muted);justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;font-size:.875rem;display:flex}.text-link{min-height:44px;color:var(--cobalt);align-items:center;gap:.75rem;font-weight:500;text-decoration:none;display:inline-flex}.text-link:hover{text-decoration:underline}.resource-aside{border-left:1px solid var(--grid);padding:1.75rem 0 0 1.75rem}.resource-mark{width:112px;height:112px;color:var(--cobalt);margin:0 0 1.5rem;display:block}.resource-aside>p{color:var(--muted);margin-top:.875rem;font-size:.9375rem}.resource-aside dl{margin:1.5rem 0 0;font-size:.875rem}dl div{border-top:1px solid var(--grid);justify-content:space-between;align-items:baseline;gap:1rem;padding:.75rem 0;display:flex}dt{color:var(--muted)}dd{text-align:right;margin:0;font-weight:500}.resource-aside .sample-notice{border-top:1px solid var(--grid);margin-top:1rem;padding-top:1rem;font-size:.8125rem}.sample-notice{color:var(--muted);font-size:.875rem}.sample-notice strong{color:var(--ink);margin-bottom:.3rem;font-weight:500;display:block}.empty{padding:3rem 0}.empty-mark{width:48px;height:48px;color:var(--muted);margin-bottom:1rem}.empty p{color:var(--muted);margin:.75rem 0 1.5rem}.site-footer{border-top:1px solid var(--grid);max-width:1600px;min-height:77px;color:var(--muted);align-items:center;gap:2rem;margin:0 auto;padding:1.25rem 3rem;font-size:.875rem;display:flex}.site-footer>:first-child{color:var(--ink);font-weight:600}.site-footer>:last-child{margin-left:auto}.detail{max-width:1100px;padding-top:2.5rem}.back{min-height:44px;color:var(--muted);align-items:center;gap:.75rem;margin-bottom:1.5rem;text-decoration:none;display:inline-flex}.back:hover{color:var(--cobalt)}.intro{color:var(--muted);margin:1rem 0 1.5rem;font-size:1.125rem}.detail-meta{color:var(--muted);flex-wrap:wrap;gap:.5rem 1.5rem;margin:1rem 0;font-size:.875rem;display:flex}.detail section{margin-top:2.5rem}.detail section>p{margin-top:.75rem}.content-block{border-block:1px solid var(--grid);padding:1.5rem 0}.status-list{margin:2.5rem 0 1.5rem}.status-list div{padding:1.25rem 0}.status-ready{color:var(--success)}.status-unavailable{color:var(--error)}.detail .sample-notice{margin-top:1.5rem}.not-found{padding-top:5rem}.not-found .button{margin-top:2rem}.brand-page{padding-top:3rem}.brand-intro{grid-template-columns:1fr 1fr;align-items:end;gap:3rem;margin-bottom:2.5rem;display:grid}.brand-intro h1{max-width:15ch;font-size:3rem}.brand-intro p{color:var(--muted);max-width:50ch;font-size:1.125rem}.brand-signature{border:1px solid var(--grid);grid-template-columns:1fr 1fr;min-height:320px;display:grid}.signature-blue{background:var(--cobalt);color:#fff;justify-content:center;align-items:center;padding:3rem;display:flex}.signature-blue svg{width:196px;height:196px}.signature-word{flex-direction:column;justify-content:center;align-items:center;gap:2rem;padding:2rem;display:flex}.signature-word .wordmark{width:min(100%,350px)}.signature-word p{color:var(--muted);font-size:.875rem}.brand-section{border-top:1px solid var(--grid);grid-template-columns:260px minmax(0,1fr);gap:3rem;margin-top:4rem;padding-top:1.5rem;display:grid}.brand-section>div:first-child p{color:var(--muted);margin-top:.75rem}.palette{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.color-block{border:1px solid var(--grid);height:120px;margin-bottom:.75rem}.swatch-cobalt{background:var(--cobalt)}.swatch-ink{background:var(--ink)}.swatch-paper{background:var(--paper)}.swatch-grid{background:var(--grid)}.palette strong,.palette code{font-size:.875rem;display:block}.palette code{color:var(--muted);margin-top:.25rem}.type-large{letter-spacing:-.03em;overflow-wrap:anywhere;margin-bottom:1.5rem;font-size:3rem;font-weight:600;line-height:1.2}.type-specimen p{margin-bottom:1rem}.type-specimen>:last-child{color:var(--muted);font-size:.875rem}.brand-components{flex-wrap:wrap;align-items:flex-start;gap:1rem;display:flex}.brand-rules{gap:.75rem;margin:0;padding-left:1.25rem;display:grid}.asset-list{margin:0;padding:0;list-style:none}.asset-list li{border-bottom:1px solid var(--grid)}.asset-list a{min-height:56px;color:var(--ink);justify-content:space-between;align-items:center;gap:1rem;text-decoration:none;display:flex}.asset-list a:hover{color:var(--cobalt)}.asset-list a span{color:var(--muted);margin-left:auto;font-size:.8125rem}@media (min-width:1600px){.header{padding-inline:max(3rem,50vw - 752px)}}@media (max-width:1150px){.header{gap:2rem;padding-inline:2rem}main,.site-footer{padding-inline:2rem}.library-heading{align-items:flex-start}.library-heading h1{max-width:19ch}.filters{flex-wrap:wrap}.workspace{grid-template-columns:minmax(0,1fr) 260px}.catalog{padding-right:1.5rem}.resource-aside{padding-left:1.5rem}.catalog-heading,.sample-row{grid-template-columns:minmax(170px,1fr) 125px 68px;gap:.75rem}.brand-section{grid-template-columns:200px minmax(0,1fr);gap:2rem}}@media (max-width:850px){.header{flex-wrap:wrap;gap:0;padding-top:1rem}.header nav{order:3;gap:2rem;width:100%;margin-top:.5rem}.header nav a{padding-block:.75rem}.wordmark{width:180px}.library-heading{display:block}.library-heading h1{max-width:none}.search{width:100%;margin-top:1.5rem}.workspace{grid-template-columns:1fr}.catalog{padding:0}.resource-aside{border-left:0;border-top:1px solid var(--grid);margin-top:2.5rem;padding:2rem 0 0}.resource-mark{width:64px;height:64px;margin-bottom:1rem}.resource-aside>p{max-width:70ch}.brand-intro{grid-template-columns:1fr;gap:1.5rem}.brand-intro h1{max-width:none}.brand-section{grid-template-columns:1fr;gap:1.5rem}.signature-blue svg{width:140px;height:140px}.signature-word{padding:1.5rem}.brand-signature{min-height:260px}}@media (max-width:540px){.header{padding-inline:1.25rem}main{padding:1.5rem 1.25rem 2rem}h1{font-size:2rem}.preview-label{gap:.5rem;font-size:.75rem}.wordmark{width:166px}.header nav{gap:1.75rem;font-size:.9375rem}.filter{padding-inline:.625rem}.filters{gap:.75rem}.category-filter,.category-filter select{width:100%}.catalog-heading{justify-content:space-between;display:flex}.catalog-heading>:nth-child(2){display:none}.sample-row{grid-template-columns:1fr auto;gap:.75rem;padding-block:1.25rem}.sample-row>:first-child{grid-column:1/-1}.sample-row.selected:before{top:39px;left:-12px}.sample-row h2{font-size:1.25rem}.sample-select{min-height:44px}.sample-kind{flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;display:flex}.sample-kind span{margin:0}.sample-kind,.sample-kind span,.sample-license{font-size:.8125rem}.prompt-content{font-size:1rem}.preview-bottom{flex-wrap:wrap;gap:.25rem}.preview-heading{gap:.5rem}.copy-control{max-width:58%}.copy-control .button{gap:.5rem;padding-inline:.625rem;font-size:.875rem}.site-footer{flex-wrap:wrap;gap:.75rem;padding:1.25rem}.site-footer>:first-child{width:100%}.site-footer>:last-child{margin-left:0}.brand-intro h1{font-size:2.375rem}.brand-signature{grid-template-columns:1fr}.signature-blue{padding:2rem}.signature-word{min-height:160px}.palette{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 1rem}.type-large{font-size:2rem}.brand-section{margin-top:3rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}