@import "https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,400&family=Work+Sans:wght@300;400;500;600&display=swap";:root{--paper:#f4f0e8;--paper-deep:#ece5d8;--ink:#221f1f;--ink-soft:#4a4542;--moss:#4b5d45;--ochre:#c68a2e;--berry:#8b3a4a;--sky:#5f7c9c;--font-serif:"Fraunces", "Iowan Old Style", serif;--font-sans:"Work Sans", -apple-system, BlinkMacSystemFont, sans-serif;--header-height:4.5rem;--gutter:clamp(1.25rem, 4vw, 3rem);--max-width:76rem;--transition-slow:.5s cubic-bezier(.22, 1, .36, 1);--transition-fast:.22s ease}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header-height)}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;font-weight:400;line-height:1.6}img{max-width:100%;display:block}a{color:inherit}h1,h2,h3{font-family:var(--font-serif);color:var(--ink);margin:0;font-weight:500;line-height:1.15}p{color:var(--ink-soft);margin:0 0 1em}p:last-child{margin-bottom:0}.container{max-width:var(--max-width);padding-inline:var(--gutter);margin-inline:auto}.site-header{z-index:50;backdrop-filter:blur(6px);background:#f4f0e8eb;border-bottom:1px solid #221f1f14;position:fixed;inset-block-start:0;inset-inline:0}.site-header__bar{min-height:var(--header-height);flex-wrap:wrap;place-content:center space-between;align-items:center;gap:.6rem 1.5rem;padding-block:.5rem;display:flex}.site-header__brand{font-family:var(--font-serif);letter-spacing:.02em;font-size:1.25rem;text-decoration:none}.site-header__nav{gap:clamp(1rem,2.5vw,2rem);margin:0;padding:0;list-style:none;display:flex}.site-header__nav a{letter-spacing:.03em;text-transform:uppercase;color:var(--ink-soft);transition:color var(--transition-fast);font-size:.9rem;text-decoration:none}.site-header__nav a:hover,.site-header__nav a:focus-visible{color:var(--ink)}.swatch-strip{height:.3rem;display:flex}.swatch-strip span{flex:1}.swatch-strip span:first-child{background:var(--moss)}.swatch-strip span:nth-child(2){background:var(--ochre)}.swatch-strip span:nth-child(3){background:var(--berry)}.swatch-strip span:nth-child(4){background:var(--sky)}.hero{padding-block:calc(var(--header-height) + clamp(3rem, 10vw, 6rem)) clamp(3rem, 8vw, 5rem)}.hero__eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:1rem;font-size:.85rem}.hero__title{max-width:22ch;font-size:clamp(2.5rem,6vw,4.25rem)}.hero__text{max-width:42ch;margin-top:1.5rem;font-size:1.1rem}.collection{border-top:1px solid #221f1f14;padding-block:clamp(3rem,8vw,5rem)}.collection__header{max-width:46rem;margin-bottom:clamp(2rem,5vw,3rem)}.collection__title{font-size:clamp(1.75rem,4vw,2.5rem)}.collection__text{margin-top:1rem;font-size:1.05rem}.collection__grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:clamp(1rem,2vw,1.5rem);display:grid}.artwork-card{background-color:var(--paper-deep);isolation:isolate;cursor:pointer;width:100%;font:inherit;text-align:inherit;color:inherit;background-position:50%;background-size:cover;border:0;border-radius:2px;padding:0;display:block;position:relative;overflow:hidden}.artwork-card:focus-visible{outline:2px solid var(--sky);outline-offset:2px}.artwork-card__overlay{color:var(--paper);opacity:0;transition:opacity var(--transition-slow), transform var(--transition-slow);background:linear-gradient(#0000 0%,#221f1f59 45%,#221f1fd1 100%);flex-direction:column;justify-content:flex-end;padding:1.25rem;display:flex;position:absolute;inset:0;transform:translateY(.5rem)}.artwork-card:hover .artwork-card__overlay,.artwork-card:focus-within .artwork-card__overlay{opacity:1;transform:translateY(0)}@media (hover:none){.artwork-card__overlay{opacity:1;transform:translateY(0)}}.artwork-card__title{font-family:var(--font-serif);color:var(--paper);font-size:1.15rem}.artwork-card__meta{color:#f4f0e8d9;margin-top:.35rem;font-size:.85rem}.artwork-card__meta span{display:block}.lightbox{z-index:100;opacity:0;visibility:hidden;transition:opacity var(--transition-slow), visibility var(--transition-slow);background:#221f1feb;justify-content:center;align-items:center;padding:clamp(1rem,4vw,3rem);display:flex;position:fixed;inset:0}.lightbox.is-open{opacity:1;visibility:visible}.lightbox__figure{flex-direction:column;align-items:center;gap:1rem;max-width:100%;margin:0;display:flex}.lightbox__img{object-fit:contain;border-radius:2px;max-width:100%;max-height:76vh;display:block}.lightbox__caption{text-align:center}.lightbox__title{font-family:var(--font-serif);color:var(--paper);font-size:1.25rem}.lightbox__meta{color:#f4f0e8bf;margin-top:.25rem;font-size:.9rem}.lightbox__close{width:2.5rem;height:2.5rem;color:var(--paper);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);background:0 0;border:1px solid #f4f0e866;border-radius:50%;font-size:1.4rem;line-height:1;position:absolute;top:clamp(1rem,3vw,2rem);right:clamp(1rem,3vw,2rem)}.lightbox__close:hover,.lightbox__close:focus-visible{border-color:var(--paper);background:#f4f0e81a}.about,.contact{border-top:1px solid #221f1f14;padding-block:clamp(3rem,8vw,5rem)}.section-title{margin-bottom:1.5rem;font-size:clamp(1.75rem,4vw,2.5rem)}.about__content,.contact__content{max-width:42rem;font-size:1.05rem}.contact__links{flex-wrap:wrap;gap:.75rem 1.5rem;margin-top:1.5rem;padding:0;list-style:none;display:flex}.contact__links a{border-bottom:1px solid var(--ink-soft);transition:color var(--transition-fast), border-color var(--transition-fast);padding-bottom:.1rem;text-decoration:none}.contact__links a:hover,.contact__links a:focus-visible{color:var(--berry);border-color:var(--berry)}.site-footer{background:var(--paper-deep);border-top:1px solid #221f1f14;padding-block:2.5rem}.site-footer__content{color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;gap:.75rem;font-size:.85rem;display:flex}.site-footer__credit a{transition:color var(--transition-fast);border-bottom:1px solid;text-decoration:none}.site-footer__credit a:hover,.site-footer__credit a:focus-visible{color:var(--sky)}@media (width<=640px){:root{--header-height:6.5rem}.site-header__bar>nav{width:100%}.site-header__nav{justify-content:center;gap:1.25rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms!important}}@media print{.collection__grid,.lightbox{display:none}}
