.gallery{grid-template-columns:repeat(var(--columns,3),minmax(0,1fr))}.hero h1{white-space:pre-line}.preview-banner{position:sticky;top:0;z-index:20}.gallery-access{font-size:13px;text-decoration:underline}@media(max-width:900px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}

.detail-photos{min-width:0;background:#e9e6dc;padding-bottom:16px}.photo-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin}.photo-track>img{flex:0 0 100%;width:100%;min-width:0;height:58vh;object-fit:contain;scroll-snap-align:start;scroll-snap-stop:always;padding:18px}.photo-navigation{display:flex;align-items:center;justify-content:center;gap:24px;margin:8px}.photo-navigation button{min-width:44px;height:44px;border:1px solid var(--line);background:var(--paper)}.photo-navigation button:disabled{cursor:default}.photo-thumbs{display:flex;overflow:auto;gap:8px;padding:4px 18px}.photo-thumbs button{padding:3px;border:2px solid transparent;background:transparent;flex-shrink:0}.photo-thumbs button[aria-pressed=true]{border-color:var(--orange)}.photo-thumbs img{width:60px;height:60px;object-fit:contain;display:block}.photo-badge{position:absolute;right:12px;bottom:12px;background:var(--paper);padding:4px 10px;border-radius:20px;font-size:12px}@media(max-width:700px){.photo-track>img{height:45vh}.detail-layout{grid-template-columns:1fr}}

/* Give the artwork most of the viewport, while keeping text readable. */
#detail{width:min(1600px,98vw);max-width:98vw;max-height:96dvh;border-radius:8px}.detail-layout{grid-template-columns:minmax(0,2.4fr) minmax(250px,1fr)}.detail-photos{position:relative;padding-top:52px}.photo-track>img{height:calc(94dvh - 175px);min-height:280px;padding:8px 14px}.detail-copy{padding:70px 28px 30px}.expand-photos{position:absolute;top:10px;left:16px;min-height:36px;padding:6px 14px;background:var(--paper);border:1px solid var(--line);border-radius:4px;font-size:13px}.photo-thumbs img{width:68px;height:68px}.photo-thumbs{justify-content:flex-start}.photo-navigation{margin:4px}.expanded-artwork .detail-layout{display:block}.expanded-artwork .detail-copy{display:none}#detail.expanded-artwork{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0}.expanded-artwork .photo-track>img{height:calc(100dvh - 180px);object-fit:contain!important;object-position:center!important}.close{z-index:3}.collection{max-width:1600px}
@media(max-width:800px){.detail-layout{grid-template-columns:1fr}.photo-track>img{height:65dvh;min-height:240px}.detail-copy{padding:26px}.photo-thumbs img{width:54px;height:54px}.expanded-artwork .photo-track>img{height:calc(100dvh - 165px)}.gallery{gap:26px 16px}.image-wrap{padding:8px}}
@media(max-width:520px){.gallery{grid-template-columns:1fr}.image-wrap{aspect-ratio:1/1.05}.collection{padding-left:6%;padding-right:6%}}

/* Large artwork cards are the normal visitor view, before opening details. */
.collection{max-width:1800px;padding-left:4%;padding-right:4%}.large-gallery .gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px}.large-gallery .image-wrap{aspect-ratio:1/1.08;padding:8px}.gallery-size-button{background:var(--paper);border:1px solid var(--line);padding:10px 14px;border-radius:24px;font-size:13px;white-space:nowrap}.collection-tools{flex-wrap:wrap}.hero-art>img{height:clamp(470px,65vh,760px)}
@media(max-width:1000px){.large-gallery .gallery{grid-template-columns:1fr;max-width:760px;margin-inline:auto}.large-gallery .image-wrap{aspect-ratio:auto;height:75vh;min-height:350px;max-height:850px}.hero-art>img{height:55vh}}
@media(max-width:600px){.large-gallery .image-wrap{height:65vh;min-height:300px}.large-gallery .gallery{gap:36px}.gallery-size-button{margin-left:auto}}

.art-note{font-size:14px;line-height:1.65;color:var(--muted);margin:9px 0 12px;max-width:58ch}.art-card h3{line-height:1.25}.card-top{align-items:flex-start}@media(max-width:600px){.art-note{font-size:14px}}

.hero-copy{background:#fcfaf6;padding:24px 20px}.hero h1{color:#243d30;font-size:clamp(40px,4.6vw,70px);line-height:1.14;letter-spacing:-1.8px;text-wrap:balance;white-space:normal;margin-bottom:25px}.hero-heading-line{display:block}.hero-heading-accent{color:#9b3e24;font-style:italic;margin-top:5px}.hero-heading-note{font-family:'DM Sans',sans-serif;font-size:clamp(21px,2.1vw,29px);font-weight:500;letter-spacing:-.4px;line-height:1.4;margin-top:24px;max-width:27ch}.hero .eyebrow{color:#74412d}.hero-copy>p:not(.eyebrow){color:#4d574b}@media(max-width:700px){.hero-copy{padding:12px 0}.hero h1{font-size:clamp(38px,9vw,58px);letter-spacing:-1px}.hero-heading-note{font-size:22px;margin-top:20px}}

/* Reference-inspired editorial type and a clear invitation to explore. */
.hero h1{font-family:'Playfair Display',Georgia,serif;font-weight:500;line-height:1.15;letter-spacing:-.045em;color:#243d30}.hero-heading-accent{color:#a33c24;font-weight:400}.hero-heading-note{font-family:'DM Sans',sans-serif;font-weight:600;font-size:clamp(23px,2.3vw,32px);line-height:1.45;letter-spacing:-.035em;max-width:23ch;margin-top:30px}.hero .eyebrow{color:#79442f;font-size:14px;letter-spacing:.18em}.hero-copy{min-width:0}.browse-invitation{border-radius:4px;gap:32px;padding:18px 24px;box-shadow:0 5px 0 #172c21;transition:background .2s,transform .2s}.browse-invitation strong{display:block;font-size:19px;font-weight:600}.browse-invitation small{display:block;font-size:14px;opacity:.9;margin-top:3px}.browse-invitation>span:last-child{font-size:28px}.browse-invitation:hover{transform:translateY(-2px)}.discovery{margin-top:32px;padding:28px;border:1px solid #c9cabc;border-radius:8px;background:#f2f0e8}.discovery-intro{display:flex;align-items:center;justify-content:space-between;gap:24px}.discovery-intro h3{font:400 clamp(24px,2.6vw,34px)/1.25 'Playfair Display',serif;color:#243d30;margin:0 0 10px}.discovery-intro p{font-size:16px;max-width:65ch;color:#4d574b;margin:0}.surprise-button{flex-shrink:0;background:#fcfaf6;border:1px solid #243d30;border-radius:4px;padding:13px 20px;color:#243d30;font-weight:600;min-height:48px}.surprise-button span{margin-left:12px}.surprise-button:hover{background:#243d30;color:#fff}.discovery-collections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}.discovery-card{display:flex;align-items:center;gap:18px;text-align:left;background:#fcfaf6;border:1px solid #cecfc3;padding:14px;border-radius:4px;min-width:0;color:#243d30;transition:border-color .2s,box-shadow .2s}.discovery-card img{width:90px;height:120px;object-fit:contain!important;background:#eae6dd;border-radius:2px;flex-shrink:0}.discovery-card strong{display:block;font:500 23px/1.2 'Playfair Display',serif}.discovery-card small{display:block;font-size:14px;line-height:1.4;margin:8px 0 12px;color:#4d574b}.discovery-card em{font:600 14px 'DM Sans',sans-serif;color:#963b24}.discovery-card:hover,.discovery-card.active{border-color:#243d30;box-shadow:0 0 0 1px #243d30}.discovery-status{font-size:14px;color:#4d574b;margin:18px 0 0}.filters button{min-height:44px;border-color:#c9cabc}.gallery-size-button,#count{font-size:14px}.art-card .image-wrap:after{content:'Take a closer look ↗';position:absolute;bottom:16px;left:16px;background:#fcfaf6;color:#243d30;border:1px solid #c9cabc;padding:8px 13px;font-size:14px;border-radius:4px;pointer-events:none}.photo-badge{bottom:auto;top:12px}.collection-tools{scroll-margin-top:24px}
@media(max-width:1100px){.discovery-card{flex-direction:column;align-items:flex-start}.discovery-card img{width:100%;height:150px}}
@media(max-width:700px){.hero h1{font-size:clamp(36px,8.8vw,58px)}.hero-heading-note{font-size:24px}.hero .eyebrow{font-size:12px}.discovery{padding:18px}.discovery-intro{align-items:flex-start;flex-direction:column;gap:18px}.discovery-collections{grid-template-columns:1fr;gap:12px}.discovery-card{flex-direction:row;align-items:center}.discovery-card img{width:82px;height:105px}.discovery-card strong{font-size:23px}.discovery-card small{margin:5px 0 8px}.browse-invitation{width:100%;max-width:370px}.section-heading{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.browse-invitation,.discovery-card,.image-wrap img{transition:none}.browse-invitation:hover{transform:none}}