:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}body{min-inline-size:320px}button,input,textarea,a{-webkit-tap-highlight-color:transparent}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:20;background:var(--kat-surface);color:var(--cozy-strong);padding:var(--cozy-space-2) var(--cozy-space-4);border-radius:var(--cozy-radius-control);position:fixed;inset-block-start:-100px;inset-inline-start:var(--cozy-space-3)}.skip-link:focus{inset-block-start:var(--cozy-space-3)}.app-shell{width:min(90%, var(--cozy-container));margin-inline:auto}.site-header{justify-content:space-between;align-items:center;gap:var(--cozy-space-4);padding-block:var(--cozy-space-5);border-bottom:1px solid var(--cozy-beige);flex-wrap:wrap;display:flex}.wordmark{font:700 2rem/1.2 var(--cozy-font-display);letter-spacing:var(--cozy-tracking-display);color:var(--kat-text);align-items:center;text-decoration:none;display:inline-flex}.brand-mark{margin-inline-end:var(--cozy-space-1);font-size:2.4rem;font-weight:400}.brand-dot{color:var(--cozy-strong)}.site-header nav{gap:var(--cozy-space-1);flex-wrap:wrap;display:flex}.nav-button{padding-inline:var(--cozy-space-4)}.nav-button.active{color:var(--kat-text);background:var(--kat-primary);border-color:var(--cozy-strong);text-underline-offset:.25em;text-decoration:underline;text-decoration-thickness:2px}.nav-count{background:var(--kat-surface);min-inline-size:1.5rem;color:var(--kat-text);border-radius:var(--cozy-radius-pill);place-items:center;padding-inline:.35rem;font-size:.75rem;display:inline-grid}.header-note{color:var(--kat-text-muted);font-size:.8rem}main{min-block-size:calc(100svh - 210px)}.hero{align-items:center;gap:var(--cozy-space-7);padding-block:var(--cozy-space-8);grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);display:grid}.hero-copy{min-inline-size:0}.eyebrow{color:var(--cozy-strong);text-transform:uppercase;letter-spacing:.12em;margin-block-end:var(--cozy-space-2);font-size:.7rem;font-weight:800}.small-line{background:var(--cozy-strong);width:1.5rem;height:1px;vertical-align:middle;margin-inline-end:var(--cozy-space-1);display:inline-block}h1{margin-block:var(--cozy-space-5)}h1 em{color:var(--cozy-strong);font-style:normal}.hero-description{font-size:1.1rem;line-height:var(--cozy-leading-reading);color:var(--kat-text-muted);max-inline-size:45ch;margin-block-end:0}.hero-art{inline-size:min(100%,270px);padding:var(--cozy-space-4);border-radius:var(--cozy-radius-card);background:var(--cozy-gradient-gentle);justify-self:center}.abstract-print{background:var(--cozy-gradient-warm);border:.75rem solid var(--kat-surface);border-radius:var(--cozy-radius-card);height:275px;box-shadow:var(--cozy-shadow-card);position:relative;overflow:hidden}.print-sun{background:var(--kat-primary);border-radius:50%;block-size:88px;inline-size:88px;position:absolute;inset-block-start:25px;inset-inline-start:25px}.print-arch{border-radius:var(--cozy-radius-pill) var(--cozy-radius-pill) 0 0;background:var(--cozy-fresh);block-size:210px;inline-size:145px;position:absolute;inset-block-end:-30px;inset-inline-end:-10px;transform:rotate(-20deg)}.print-line{border:1px solid var(--cozy-strong);border-radius:50%;block-size:185px;inline-size:185px;position:absolute;inset-block-end:-50px;inset-inline-start:-40px}.hero-art-caption{text-align:center;color:var(--kat-text-muted);font-size:var(--cozy-size-caption);margin-block-start:var(--cozy-space-3);display:block}.explore-section{border-top:1px solid var(--cozy-beige);padding-block-start:var(--cozy-space-7)}.section-heading{justify-content:space-between;align-items:end;gap:var(--cozy-space-4);flex-wrap:wrap;margin-block-end:var(--cozy-space-5);display:flex}.section-heading h2{margin-block-end:0}.section-heading>p,.collection-label{color:var(--kat-text-muted);margin:0;font-size:.8rem}.collection-label>span{margin-inline-start:.3rem}.search-form{gap:var(--cozy-space-2);padding:var(--cozy-space-5);border:1px solid var(--cozy-beige);border-radius:var(--cozy-radius-card);background:var(--cozy-gradient-gentle);box-shadow:var(--cozy-shadow-soft);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;display:grid}.search-label{grid-column:1/-1;font-size:.8rem;font-weight:800}.search-icon{color:var(--cozy-strong);font-size:1.8rem;line-height:1}.search-form input{inline-size:100%;min-inline-size:0;min-block-size:var(--cozy-control-height);border:1px solid var(--kat-border-color);border-radius:var(--cozy-radius-control);background:var(--kat-surface);color:var(--kat-text);font-size:var(--cozy-size-field);padding:.7rem .9rem}.search-form input::placeholder{color:var(--kat-text-muted);opacity:1}.primary-button>span{margin-inline-start:var(--cozy-space-1)}.search-hint{margin-block:var(--cozy-space-2) 0;color:var(--kat-text-muted);font-size:.8rem}.results-status{min-block-size:3rem;padding-block:var(--cozy-space-4) var(--cozy-space-2);color:var(--kat-text-muted);font-size:.85rem}.results-status p{margin:0}.loading-dot{background:var(--cozy-strong);border-radius:50%;width:.5rem;height:.5rem;margin-inline-end:.5rem;display:inline-block}.artwork-grid{gap:var(--cozy-space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.artwork-card{background:var(--kat-surface);min-inline-size:0;color:var(--kat-text);border:1px solid var(--cozy-beige);border-radius:var(--cozy-radius-card);box-shadow:var(--cozy-shadow-card);flex-direction:column;padding:.65rem;display:flex}.artwork-image{aspect-ratio:1.16;padding:var(--cozy-space-4);border-radius:var(--cozy-radius-control);background:var(--cozy-gradient-fresh);justify-content:center;align-items:center;display:flex;overflow:hidden}.artwork-image img{object-fit:contain;block-size:100%;inline-size:100%;display:block}.artwork-details{flex-direction:column;flex:1;min-inline-size:0;padding:1.6rem 1rem 1rem;display:flex}.artwork-eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--cozy-strong);margin-block-end:var(--cozy-space-2);font-size:.66rem;font-weight:800}.artwork-details h3{overflow-wrap:anywhere}.artist-name{color:var(--kat-text-muted);margin-block-end:var(--cozy-space-5);font-size:.9rem}.artwork-actions{margin-block-start:auto}.save-button{text-align:start;flex-direction:row-reverse;justify-content:space-between;inline-size:100%;display:flex}.save-button>span{font-size:1.2rem;font-weight:700}.save-button.saved{text-underline-offset:.25em;text-decoration:underline}.image-fallback{color:var(--kat-text-muted);text-align:center}.fallback-frame{block-size:3.5rem;inline-size:3rem;margin:0 auto var(--cozy-space-2);border:1px solid var(--cozy-strong);border-radius:var(--cozy-radius-pill) var(--cozy-radius-pill) var(--cozy-radius-control) var(--cozy-radius-control);color:var(--cozy-strong);font-size:2rem;display:block}.image-fallback p{color:var(--kat-text);margin-block-end:var(--cozy-space-1);font-size:.9rem;font-weight:700}.image-fallback>span:last-child{max-inline-size:22ch;font-size:var(--cozy-size-caption);display:block}.message{padding:var(--cozy-space-4);border:1px solid var(--kat-border-color);border-inline-start:3px solid var(--cozy-strong);border-radius:var(--cozy-radius-control);background:var(--cozy-soft);color:var(--kat-text);margin-block-start:var(--cozy-space-4);font-size:.9rem}.search-invitation{margin-block:var(--cozy-space-4) var(--cozy-space-6);padding:var(--cozy-space-7) var(--cozy-space-5);border-radius:var(--cozy-radius-card);background:var(--cozy-gradient-warm);text-align:center}.search-invitation>span{color:var(--cozy-strong);margin-block-end:var(--cozy-space-3);font-size:2rem;display:block}.search-invitation>p{color:var(--kat-text);margin:0;font-size:1rem}main>section{padding-block-start:var(--cozy-space-7)}.count{text-align:center;background:var(--cozy-soft);border-radius:var(--cozy-radius-pill);min-inline-size:2rem;color:var(--kat-text);font:800 1rem/var(--cozy-leading-ui) var(--kat-font-body);vertical-align:middle;padding:.2rem .65rem;display:inline-block}.empty-state{padding:var(--cozy-space-7) var(--cozy-space-5);border:1px solid var(--cozy-beige);border-radius:var(--cozy-radius-card);box-shadow:var(--cozy-shadow-soft);background:var(--cozy-gradient-gentle);text-align:center}.empty-symbol{margin-block-end:var(--cozy-space-3);font-size:3rem;display:block}.empty-state p{color:var(--kat-text-muted);max-inline-size:43ch;margin:auto;font-size:.95rem}.cozy-field .note-label{margin:0}.cozy-field textarea{min-block-size:6.5rem;line-height:var(--cozy-leading-body)}.note-footer{justify-content:space-between;gap:var(--cozy-space-1);flex-wrap:wrap;align-items:center;margin-block-start:var(--cozy-space-2);display:flex}.note-footer>span{color:var(--kat-text-muted);font-size:var(--cozy-size-caption)}.remove-button{padding-inline:var(--cozy-space-2)}.site-footer{justify-content:space-between;gap:var(--cozy-space-4);border-top:1px solid var(--cozy-beige);padding-block:var(--cozy-space-5);color:var(--kat-text-muted);font-size:var(--cozy-size-caption);flex-wrap:wrap;margin-block-start:var(--cozy-space-8);display:flex}.site-footer>span:first-child{color:var(--kat-text);font:700 1.2rem/var(--cozy-leading-ui) var(--cozy-font-display)}.footer-tagline{color:var(--kat-text-muted);font:400 var(--cozy-size-caption)/var(--cozy-leading-body) var(--kat-font-body);margin-inline-start:var(--cozy-space-2);display:inline-block}@media (width<=1000px){.header-note{display:none}.hero{gap:var(--cozy-space-6)}.artwork-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.site-header{align-items:center}.site-header nav{inline-size:100%}.nav-button{flex:1}.hero{gap:var(--cozy-space-5);grid-template-columns:minmax(0,1fr);padding-block:3.5rem}.hero-description{font-size:1rem}.hero-art,.collection-label{display:none}.artwork-grid{grid-template-columns:minmax(0,1fr)}.artwork-image{aspect-ratio:1.35}.search-form{padding:var(--cozy-space-5);grid-template-columns:minmax(0,1fr)}.search-icon{display:none}.primary-button{inline-size:100%}.section-heading{align-items:start}.section-heading>p{inline-size:100%}.site-footer{flex-direction:column;margin-block-start:var(--cozy-space-7)}}