:root{--ink:#2d3430;--muted:#626962;--paper:#fbfbf8;--line:#d8ddd6;--accent:#344c3e;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}.skip{position:absolute;left:1rem;top:-5rem;background:white;padding:1rem;z-index:10}.skip:focus{top:1rem}.masthead{margin:0 5%;padding:1.65rem 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:.875rem}.wordmark{font-family:Georgia,serif;font-size:1.15rem}.masthead span{margin-left:.5rem}.intro{text-align:center;padding:4.4rem 5% 3.8rem}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.75rem;line-height:1.5;margin:0 0 1.3rem;color:var(--muted)}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{font-size:clamp(3rem,7vw,6rem);letter-spacing:-.055em;line-height:1.1;margin:0}h2{font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.04em;margin:0}.intro-copy{color:var(--muted);font-size:1rem;margin:1.2rem 0 2.8rem}.hero{display:grid;grid-template-columns:1fr 1.65fr 1fr;gap:1rem;align-items:center;max-width:1450px;margin:auto}.hero .photo{aspect-ratio:3/4}.hero .photo:nth-child(2){aspect-ratio:6/5}.photo{display:block;border:0;padding:0;width:100%;background:#e6e9e3;overflow:hidden;position:relative}.photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}.photo:hover img{transform:scale(1.025)}.placeholder{width:100%;height:100%;min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;background:#e6e9e3;color:#626962;line-height:1.5}.placeholder .number{font-family:Georgia,serif;font-size:2.3rem;opacity:.65}.placeholder .label{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase}.hero .photo:nth-child(2) .placeholder{background:#d9e0d7}.hero .photo:nth-child(3) .placeholder{background:#e4e1db}.gallery-link{display:inline-block;padding:1rem 0;margin-top:1.5rem;font-size:.875rem;border-bottom:1px solid var(--line)}.gallery-link span{margin-left:2rem}.collection{padding:3.2rem 5% 5rem;max-width:1600px;margin:auto;scroll-margin-top:1rem}.collection-heading{display:flex;justify-content:space-between;align-items:end;gap:1.5rem}.collection-heading .eyebrow{margin-bottom:.7rem}.collection-heading>p{font-size:.875rem;line-height:1.6;color:var(--muted);margin:0}.collection-bar{border-bottom:1px solid var(--line);margin:2rem 0 1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.filters{display:flex;gap:1.7rem}.filters button{background:none;border:0;border-bottom:2px solid transparent;padding:1rem 0;font-size:.95rem}.filters button[aria-pressed=true]{border-color:var(--ink)}#count{font-size:.875rem;color:var(--muted)}.draft-note{color:var(--muted);font-size:.875rem;margin:0 0 1.4rem}.photo-grid{columns:3;column-gap:1rem}.photo-grid .photo{margin-bottom:1rem;break-inside:avoid}.photo-grid .placeholder{aspect-ratio:var(--ratio,3/4)}.photo-grid .photo img{height:auto}.photo-grid[data-category=bw] .placeholder{background:#e1e1e1;color:#626262}.empty{text-align:center;padding:4rem 1rem;color:var(--muted)}footer{border-top:1px solid var(--line);margin:0 5%;padding:2rem 0;display:flex;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.875rem}#header-art img{max-width:min(760px,100%);max-height:230px;object-fit:contain;margin:0 auto 1rem}dialog{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:1.3rem 3%;border:0;background:#171a18;color:#fff}dialog::backdrop{background:#171a18}.viewer-top{display:flex;justify-content:space-between;align-items:center;height:3rem}.viewer-top h2{font:1rem Arial,sans-serif;letter-spacing:0}.viewer-top button,.viewer-stage>button{background:transparent;border:1px solid #5c635e;color:white;padding:.75rem;min-width:44px;min-height:44px}.viewer-stage{height:calc(100dvh - 13rem);display:grid;grid-template-columns:48px 1fr 48px;gap:1rem;align-items:center}#viewer-image{height:100%;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}#viewer-image img{max-width:100%;max-height:100%;object-fit:contain}#viewer-image .placeholder{max-width:700px;height:100%}.viewer-stage>button{font-size:2rem;border:0}.viewer-bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:900px;margin:.8rem auto 0;font-size:.875rem}.download{background:#f5f5ef;color:#222;padding:.9rem 1.2rem}.download-help{text-align:center;font-size:.875rem;color:#bac1bc;margin:1rem 0}.image-error{padding:2rem;text-align:center;color:inherit;font-size:.875rem;line-height:1.6}body:has(dialog[open]){overflow:hidden}
@media(min-width:1600px){.intro{padding-top:5rem}.hero{max-height:620px}.hero .photo{max-height:620px}}
@media(max-width:650px){.masthead{padding:1.2rem 0}.masthead>a:last-child{font-size:.8rem}.intro{padding-top:3rem;padding-bottom:2rem}.intro-copy{margin-bottom:2rem}.hero{grid-template-columns:1fr 1fr;gap:.6rem}.hero .photo:nth-child(2){grid-column:1/-1;grid-row:1;aspect-ratio:6/5}.hero .photo{aspect-ratio:4/3}.collection{padding-top:2rem}.collection-heading{display:block}.collection-heading>p{margin-top:1rem}.collection-heading br{display:none}.collection-bar{margin-top:1rem}.filters{gap:1.3rem}.photo-grid{columns:2;column-gap:.6rem}.photo-grid .photo{margin-bottom:.6rem}.placeholder .label{font-size:.7rem;letter-spacing:.08em}.placeholder{min-height:120px}.draft-note{line-height:1.5}footer{flex-wrap:wrap;font-size:.8rem}footer>span:nth-child(2){order:3;flex-basis:100%}.viewer-stage{grid-template-columns:30px 1fr 30px;gap:0}.viewer-stage>button{padding:0;min-width:30px}.viewer-top h2{font-size:.875rem}.viewer-bottom{font-size:.8rem}.download-help{line-height:1.5}.download{padding:.8rem}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.photo img{transition:none}}

/* Magnolia-inspired editorial direction: restrained type, ivory ground, full-height triptych. */
:root{--ink:#252420;--muted:#65645e;--paper:#faf9f6;--line:#cfcac1;--accent:#47453d;font-family:Arial,Helvetica,sans-serif}
.masthead{margin:0;padding:1.6rem 4.6%;min-height:113px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center}
.masthead-date,.masthead-link{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;white-space:nowrap}
.masthead-link{text-align:right}
.wordmark{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.65rem,3.2vw,2.7rem);font-weight:400;letter-spacing:.21em;text-align:center;white-space:nowrap}
.intro{padding:0;text-align:center}
.intro h1{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.hero{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:100%;max-width:none;margin:0;align-items:stretch;min-height:min(67vw,650px)}
.hero .photo,.hero .photo:nth-child(2){aspect-ratio:3/4;max-height:min(67vw,650px)}
.hero .photo+.photo{border-left:2px solid var(--paper)}
.hero .placeholder{background:#dedcd7;color:#77726b}
.hero .photo:nth-child(2) .placeholder{background:#ebe8e1}
.hero .photo:nth-child(3) .placeholder{background:#d7d3cb}
.hero .placeholder .number{font-size:3.3rem;font-weight:400}
.hero .placeholder .label{letter-spacing:.22em}
.hero-caption{display:flex;align-items:center;justify-content:space-between;max-width:1470px;margin:auto;padding:2.1rem 5%;gap:1rem}
.hero-caption p,.gallery-link{font-size:.74rem;letter-spacing:.18em;color:var(--ink);margin:0;text-transform:uppercase;white-space:nowrap}
.hero-caption p span{margin:0 .55rem;color:var(--muted)}
.gallery-link{border-bottom:1px solid var(--ink);padding:.35rem 0;margin:0}
.gallery-link span{margin-left:2rem}
.collection{padding-top:6rem}
.collection-heading{align-items:end}
.collection-heading .eyebrow{font-size:.72rem;letter-spacing:.2em;color:var(--muted);margin:0 0 .85rem}
.collection-heading h2{font-size:clamp(2.6rem,5vw,4.4rem)}
.collection-heading>p{line-height:1.8}
.collection-bar{margin-top:3.2rem}
.filters{gap:2.5rem}
.filters button{font-size:.75rem;letter-spacing:.16em;text-transform:uppercase}
.photo-grid{column-gap:1.1rem}
.photo-grid .photo{margin-bottom:1.1rem}
.photo-grid .placeholder{background:#e7e5df;color:#77726b}
.draft-note{font-size:.8rem;letter-spacing:.02em}
footer{margin:0;padding:2.4rem 5%;border-top:1px solid var(--line);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:650px){.masthead{min-height:84px;padding:1rem 5%;grid-template-columns:1fr auto;grid-template-areas:'brand brand' 'date link';gap:.75rem}.wordmark{grid-area:brand;font-size:1.85rem}.masthead-date{grid-area:date}.masthead-link{grid-area:link}.masthead-date,.masthead-link{font-size:.61rem;letter-spacing:.14em}.hero{grid-template-columns:repeat(3,minmax(0,1fr));min-height:0}.hero .photo,.hero .photo:nth-child(2){aspect-ratio:2/3;max-height:none;grid-column:auto;grid-row:auto}.hero .placeholder{min-height:190px}.hero .placeholder .number{font-size:2rem}.hero .placeholder .label{font-size:.55rem;letter-spacing:.08em}.hero-caption{padding:1.3rem 5%;gap:.5rem}.hero-caption p,.gallery-link{font-size:.56rem;letter-spacing:.08em}.gallery-link span{margin-left:.2rem}.collection{padding-top:4rem}.collection-bar{margin-top:1.6rem}.filters{gap:1.5rem}.filters button{font-size:.7rem}.photo-grid{column-gap:.55rem}.photo-grid .photo{margin-bottom:.55rem}footer{font-size:.7rem;line-height:1.6}}

/* Six-photo rotating hero. */
.hero{position:relative;display:block;min-height:min(67vw,650px);background:#dedcd7;overflow:hidden}
.hero .hero-slide,.hero .hero-slide:nth-child(2){position:absolute;inset:0;width:100%;height:100%;max-height:none;aspect-ratio:auto;opacity:0;pointer-events:none;transition:opacity .8s ease;border:0}
.hero .hero-slide[data-active=true]{opacity:1;pointer-events:auto;z-index:1}
.hero .hero-slide img{width:100%;height:100%;object-fit:cover;transform:none}
.hero .hero-slide:hover img{transform:none}
.hero-controls{position:absolute;z-index:2;left:50%;bottom:1.4rem;transform:translateX(-50%);display:flex;align-items:center;gap:.75rem;padding:.55rem .8rem;background:rgba(20,20,18,.7);color:white;backdrop-filter:blur(8px)}
.hero-arrow,.hero-dot{border:0;background:transparent;color:white;padding:0}
.hero-arrow{width:32px;height:32px;font-size:1.6rem;line-height:1}
.hero-dots{display:flex;gap:.45rem}
.hero-dot{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.45)}
.hero-dot[aria-current=true]{background:white}
.hero-position{min-width:3.2rem;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;text-align:center}
@media(max-width:650px){.hero{min-height:68vw}.hero .hero-slide,.hero .hero-slide:nth-child(2){aspect-ratio:auto}.hero-controls{bottom:.75rem}}
@media(prefers-reduced-motion:reduce){.hero .hero-slide{transition:none}}
