@layer pages{.visual-identity-guide{--margin:40px;--padding:20px;width:min(calc(100% - var(--padding)), var(--layout-width));border-top:var(--layout-border-dashed);border-bottom:var(--layout-border-dashed);margin:0 auto 40px;display:flex;position:relative}@media (width>=520px) and (width<=920px){.visual-identity-guide{--padding:50px}}.visual-identity-guide__inner{isolation:isolate;gap:24px;width:100%;padding:clamp(20px,2vw + 14px,36px);display:grid;position:relative}.visual-identity-guide__inner:before{content:"";background:radial-gradient(circle at 18% 12%, var(--blue-o-40), transparent 40%), radial-gradient(circle at 78% 20%, var(--magenta-o-30), transparent 38%), radial-gradient(circle at 40% 84%, var(--cyan-o-20), transparent 45%), linear-gradient(120deg, var(--grey-000) 0%, var(--grey-100) 100%);z-index:-2;position:absolute;inset:0}.visual-identity-guide__inner:after{content:"";background-image:repeating-linear-gradient(-32deg, transparent 0, transparent 10px, color-mix(in srgb, var(--grey-300) 20%, transparent) 10px, color-mix(in srgb, var(--grey-300) 20%, transparent) 11px);opacity:.25;z-index:-1;pointer-events:none;position:absolute;inset:0}@supports not (color:color-mix(in srgb, var(--grey-300) 20%, transparent)){.visual-identity-guide__inner:after{background-image:repeating-linear-gradient(-32deg, transparent 0, transparent 10px, var(--grey-200) 10px, var(--grey-200) 11px);opacity:.2}}.visual-identity-guide__hero{align-items:stretch;gap:20px;display:grid}.visual-identity-guide__intro{flex-direction:column;gap:12px;display:flex}.visual-identity-guide__eyebrow{letter-spacing:.08em;text-transform:uppercase;width:fit-content;font-family:var(--font-code);color:var(--grey-700);background-color:var(--grey-000);border:var(--layout-border);padding:6px 10px}.visual-identity-guide__title{max-width:18ch;font-family:var(--font-code);text-wrap:balance;margin:0;font-size:clamp(1.6rem,2.9vw,2.6rem);line-height:1.1}.visual-identity-guide__lead{max-width:60ch;color:var(--text-secondary);margin:0}.visual-identity-guide__principles{gap:8px;margin:4px 0 0;padding:0;list-style:outside;display:grid}.visual-identity-guide__principles li{color:var(--text-secondary);margin-left:16px;padding-left:8px;position:relative}.visual-identity-guide__logo-panel{background-color:var(--grey-100);align-content:start;align-self:center;gap:8px;padding:clamp(10px,2vw,16px);display:grid;position:relative}.visual-identity-guide__logo-wrap{border:var(--layout-border);background:radial-gradient(circle at 0 0, var(--blue-o-30), transparent 50%), radial-gradient(circle at 100% 100%, var(--magenta-o-30), transparent 60%), linear-gradient(135deg, var(--grey-000) 0%, var(--grey-100) 100%);place-items:center;min-height:260px;padding:16px;display:grid}.visual-identity-guide__logo{filter:drop-shadow(0 12px 24px #0003);width:min(240px,100%);height:auto}.visual-identity-guide__logo-caption{color:var(--text-muted);font-family:var(--font-code)}.visual-identity-guide__board{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.visual-identity-guide__card{border:1px solid var(--grey-200);background-color:var(--grey-000);flex-direction:column;gap:10px;min-height:100%;padding:clamp(14px,1.2vw + 10px,20px);display:flex;position:relative}.visual-identity-guide__card-title{font-family:var(--font-code);font-size:var(--h4);margin:0}.visual-identity-guide__card-description{color:var(--text-secondary);margin:0}.visual-identity-guide__palette{gap:8px;margin:2px 0 0;padding:0;list-style:none;display:grid}.visual-identity-guide__swatch{border:1px solid var(--grey-200);background-color:var(--grey-100);grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:8px;display:grid}.visual-identity-guide__swatch-color{border-radius:var(--radius-200);background-color:var(--swatch-color);border:1px solid #00000029;width:42px;height:42px}.visual-identity-guide__swatch-meta{gap:2px;line-height:1.2;display:grid}.visual-identity-guide__swatch-meta b{font-family:var(--font-code);font-size:.95rem}.visual-identity-guide__swatch-meta span{color:var(--text-muted);font-size:.8rem;font-family:var(--font-code)}.visual-identity-guide__swatch-meta small{color:var(--text-secondary);font-size:.8rem}.visual-identity-guide__type-scale{gap:8px;margin:2px 0 0;padding:0;list-style:none;display:grid}.visual-identity-guide__font-row{border:1px dashed var(--grey-200);background-color:var(--grey-100);gap:4px;padding:10px;display:grid}.visual-identity-guide__font-name{font-family:var(--font-code);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.85rem}.visual-identity-guide__font-sample{color:var(--text-primary);margin:0;font-size:clamp(.95rem,.9rem + .3vw,1.1rem);line-height:1.5}.visual-identity-guide__font-role{color:var(--text-secondary);font-size:.84rem}.visual-identity-guide__font-token{background-color:var(--grey-000);border:var(--layout-border);width:fit-content;color:var(--text-muted);padding:3px 6px;font-size:.75rem}.visual-identity-guide__token-columns{gap:14px;display:grid}.visual-identity-guide__token-columns h4{font-family:var(--font-code);margin:0 0 8px;font-size:.95rem}.visual-identity-guide__token-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.visual-identity-guide__radius-item,.visual-identity-guide__shadow-item{border:1px solid var(--grey-200);background-color:var(--grey-100);flex-direction:column;gap:4px;padding:8px;display:flex}.visual-identity-guide__swatch-meta code,.visual-identity-guide__radius-item code,.visual-identity-guide__shadow-item code{width:fit-content;color:var(--text-muted);border:var(--layout-border);background-color:var(--grey-000);padding:2px 6px;font-size:.75rem}.visual-identity-guide__radius-preview,.visual-identity-guide__shadow-preview{border:1px solid var(--grey-300);background:linear-gradient(145deg, var(--blue-o-20), transparent), var(--grey-000);width:34px;height:34px}.visual-identity-guide__radius-preview{border-radius:var(--radius-200)}@media (width>=860px){.visual-identity-guide__hero{grid-template-columns:minmax(0,1fr) 360px}.visual-identity-guide__token-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.visual-identity-guide__title{max-width:none}.visual-identity-guide__logo-wrap{min-height:200px}.visual-identity-guide__board{grid-template-columns:1fr}}@media (prefers-reduced-motion:no-preference){.visual-identity-guide__hero,.visual-identity-guide__card,.visual-identity-guide__swatch{opacity:0;animation:visual-identity-enter .52s var(--transition-easing) forwards;transform:translateY(14px)}.visual-identity-guide__hero{animation-delay:40ms}.visual-identity-guide__card:first-child{animation-delay:.12s}.visual-identity-guide__card:nth-child(2){animation-delay:.17s}.visual-identity-guide__card:nth-child(3){animation-delay:.22s}.visual-identity-guide__card:nth-child(4){animation-delay:.27s}.visual-identity-guide__swatch{animation-delay:.28s;transform:translate(-8px)}}@media (prefers-reduced-motion:reduce){.visual-identity-guide__hero,.visual-identity-guide__card,.visual-identity-guide__swatch{opacity:1;animation:none;transform:none}}@keyframes visual-identity-enter{to{opacity:1;transform:translate(0)}}}