@layer theme,base;@layer components{*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{-webkit-font-smoothing:antialiased;margin:0}a{color:inherit}img{max-width:100%;display:block}.shell{width:min(100%, var(--container-site));padding-inline:var(--spacing-gutter);margin:auto}.eyebrow{letter-spacing:.16em;margin:0 0 1.25rem;font-weight:700;line-height:1.6}.library{padding-block:clamp(3.5rem,6vw,6rem) clamp(3rem,5vw,5rem)}.library-head{justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:2.25rem;display:flex}.library-head .eyebrow{color:var(--color-red);margin-bottom:.8rem}.library h2{font-size:calc(var(--text-library-heading) * var(--display-scale));line-height:var(--text-library-heading--line-height);letter-spacing:calc(var(--text-library-heading--letter-spacing) * var(--display-track));font-family:var(--font-serif);margin:0;font-weight:400}.shelf{grid-template-columns:1fr 1fr;gap:clamp(1.5rem,3vw,3rem);display:grid}.guide{min-width:0}.guide-link{text-decoration:none;display:block}.cover{aspect-ratio:16/10;background:var(--color-ink);margin:0;position:relative;overflow:hidden}.cover img{object-fit:cover;object-position:65% center;width:100%;height:100%;transition:transform var(--duration-enter) var(--ease-standard)}.guide-link:hover .cover img{transform:scale(1.025)}.cover:after{content:"";background:linear-gradient(transparent, var(--color-tone-141818-48));pointer-events:none;position:absolute;inset:65% 0 0}.cover-index{z-index:1;color:var(--color-paper);font-size:var(--text-2xs);letter-spacing:.15em;font-weight:700;position:absolute;bottom:1.1rem;left:1.25rem}.guide-copy{padding-top:1.35rem}.guide-meta{color:var(--color-gray);font-size:var(--text-2xs);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:1rem;font-weight:700;display:flex}.guide-meta span:first-child{color:var(--color-red)}.guide-heading{justify-content:space-between;align-items:center;gap:1.25rem;margin-top:.7rem;display:flex}.guide h3{font-size:calc(var(--text-guide-card) * var(--display-scale));line-height:var(--text-guide-card--line-height);letter-spacing:calc(var(--text-guide-card--letter-spacing) * var(--display-track));font-family:var(--font-serif);margin:0;font-weight:400}.guide-seal{object-fit:contain;width:4rem;height:4rem;filter:drop-shadow(0 6px 8px var(--color-backdrop));transition:transform var(--duration-fast);flex:none;display:block}.guide-link:hover .guide-seal{transform:rotate(-8deg)scale(1.08)}.guide-description{max-width:43ch;color:var(--copy-color);font-size:var(--text-body-sm);line-height:var(--copy-leading);font-weight:var(--copy-weight);margin:.85rem 0 0}@media (width<=760px){.shelf{grid-template-columns:1fr;gap:2.8rem}.cover{aspect-ratio:16/10}.library h2{font-size:calc(var(--text-px-44) * var(--display-scale));line-height:var(--text-h2-sm--line-height)}.guide h3{font-size:calc(var(--text-px-37-6) * var(--display-scale));line-height:var(--text-guide-card--line-height);letter-spacing:calc(var(--text-guide-card--letter-spacing) * var(--display-track))}.guide .guide-seal{display:none}.guide-description{max-width:none}}@media (width<=380px){.library h2{font-size:calc(var(--text-px-38-4) * var(--display-scale));line-height:var(--text-h2-sm--line-height)}.guide h3{font-size:calc(var(--text-guide-card) * var(--display-scale));line-height:var(--text-guide-card--line-height);letter-spacing:calc(var(--text-guide-card--letter-spacing) * var(--display-track))}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.guide-link:hover .cover img{transform:none}}}@layer utilities;@layer overrides{.library .eyebrow{font-family:var(--font-sans);font-weight:700;line-height:1.6}@media (width<=760px){.guide h3{font-size:calc(var(--text-guide-notes) * var(--display-scale));line-height:var(--text-guide-notes--line-height)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none}}}