#main{padding:0 var(--gutter);max-width:90rem;margin:0 auto}.tile-head{padding:clamp(2.5rem,8vh,5rem) 0 clamp(2rem,6vh,4rem)}.tile-head__crumb{margin-bottom:1.5rem}.tile-head h1{letter-spacing:-.03em;font-size:clamp(3rem,8vw,7rem);font-weight:760;line-height:.9}.tile-head__lede{max-width:var(--measure);font-size:var(--step-1);color:var(--ink-soft);margin-top:1.2rem}.tile-section{border-top:2px solid var(--ink);padding:clamp(2.5rem,7vh,4.5rem) 0}.tile-section__intro{max-width:var(--measure);margin-bottom:2.25rem}.tile-section__intro h2{font-size:var(--step-4);margin-bottom:.75rem}.tile-section__intro p{color:var(--ink-soft)}.tile-section h3{font-size:var(--step-1);font-weight:700}.swatch-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));gap:2rem 2.5rem;display:grid}.swatch-group__use{font-size:var(--step--1);color:var(--ink-soft);min-height:2.6em;margin:.2rem 0 .9rem}.swatches{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.swatch{grid-template-columns:3.2rem 1fr auto;align-items:center;gap:.8rem;display:grid}.swatch__chip{border-radius:10px 14px 12px 9px;height:2.4rem;box-shadow:4px 5px #1d322038}.swatch__name{font-weight:500}.swatch__hex{font-family:var(--font-body);font-size:var(--step--1);color:var(--ink-soft)}.sky-ramps{gap:.9rem;margin-top:2.5rem;display:grid}.sky-ramps>div{grid-template-columns:minmax(8rem,22rem) 1fr;align-items:center;gap:1rem;display:grid}.sky-ramp{border-radius:12px;height:2.6rem}.sky-ramp--dawn{background:linear-gradient(90deg, var(--dawn-1), var(--dawn-2), var(--dawn-3), var(--dawn-4), var(--dawn-5))}.sky-ramp--morning{background:linear-gradient(90deg, var(--morning-1), var(--morning-2), var(--morning-3))}.contrast-title{margin-top:3rem}.contrast-note{color:var(--ink-soft);max-width:var(--measure);margin:.3rem 0 1rem}.contrast{border-collapse:collapse;width:100%;max-width:56rem;font-size:var(--step--1)}.contrast th,.contrast td{text-align:left;border-bottom:1px solid var(--silver);padding:.55rem .8rem .55rem 0}.contrast th{font-weight:600}.pair{font-weight:600;font-size:var(--step-0);border-radius:8px;padding:.3em .7em;display:inline-block}.grade{font-weight:600}.grade--aaa,.grade--aa{color:var(--leaf-deep)}.grade--large,.grade--fails{color:var(--monarch-deep)}.type-specimen{border-bottom:1px solid var(--silver);padding:1.5rem 0 2rem}.type-specimen__label{font-size:var(--step--1);color:var(--ink-soft);margin-bottom:.6rem}.type-specimen__display{font-family:var(--font-display);font-variation-settings:"opsz" 96;letter-spacing:-.03em;font-size:clamp(2.6rem,6.4vw,6.5rem);font-weight:760;line-height:.92}.type-specimen__display--alt{font-family:var(--font-alt-display);letter-spacing:-.01em;font-weight:400;line-height:1}.type-specimen__chapter{font-family:var(--font-display);font-variation-settings:"opsz" 48;font-weight:650;font-size:var(--step-4);color:var(--bloom-deep);margin-top:1rem}.type-specimen__body{max-width:26em;font-size:clamp(1.35rem,1.2vw + .9rem,1.9rem);line-height:1.5}.type-specimen__sizes{font-size:var(--step--1);color:var(--ink-soft);margin-top:.8rem}.plates{grid-template-columns:repeat(auto-fill,minmax(min(100%,15.5rem),1fr));gap:2rem;display:grid}.plate{grid-template-rows:auto 1fr;gap:1rem;min-width:0;margin:0;display:grid}.plate__art{background:var(--floss-deep);aspect-ratio:1;border-radius:26px 20px 28px 18px;min-width:0;padding:1rem}.plate__art svg{width:100%;height:100%;display:block}.plate--wide .plate__art svg{width:100%}.plate figcaption{font-size:var(--step--1);gap:.3rem;line-height:1.45;display:grid}.plate__title{font-family:var(--font-display);font-weight:700;font-size:var(--step-1)}.plate--shimmer .glint{animation:3.4s ease-in-out infinite glint;animation-delay:calc(var(--i) * .16s);opacity:.15}@keyframes glint{0%,to{opacity:.12}45%{opacity:1}}.plate--monarch .wing{transform-origin:0 0;animation:2.4s ease-in-out infinite flap}@keyframes flap{0%,44%,to{transform:scaleX(1)}12%{transform:scaleX(.22)}24%{transform:scaleX(1)}34%{transform:scaleX(.3)}}.motion-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,21rem),1fr));gap:2rem;display:grid}.motion-card{grid-template-rows:18rem auto;gap:1rem;min-width:0;margin:0;display:grid}.motion-card>canvas,.motion-card>svg,.motion-card>.flip-card{border-radius:24px;width:100%;height:18rem}.motion-card>canvas{background:linear-gradient(to bottom, var(--morning-1), var(--morning-2) 70%, var(--morning-3))}.motion-card>svg{background:var(--floss-deep)}.motion-card figcaption{font-size:var(--step--1);color:var(--ink-soft)}.motion-card figcaption .part.did-you-know{margin-top:.4rem}.fact-chip{font-size:var(--step--1);color:var(--ink-soft);margin-top:.6rem}.quiz-sample__q{font-family:var(--font-display);font-weight:650;font-size:var(--step-2);margin-bottom:1rem;line-height:1.15}.answers{grid-template-columns:1fr 1fr;gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.answer{border:2px solid var(--silver);background:var(--satin);border-radius:16px;padding:.7em 1em;font-weight:500;display:block}.answer--right{border-color:var(--leaf-deep);background:var(--leaf-pale);color:var(--leaf-deep);font-weight:650}.answer--wrong{border-color:var(--bloom);background:var(--bloom-pale);color:var(--bloom-deep);text-decoration:line-through;text-decoration-thickness:2px}.progress{border-radius:var(--radius-pill);background:var(--floss-deep);height:8px;overflow:hidden}.progress span{background:var(--monarch);height:100%;display:block}.reduced-motion .plate--shimmer .glint,.reduced-motion .plate--monarch .wing{animation:none}.reduced-motion .flip-card__face{transition:none}