:root{color-scheme:light;--ink:#20201e;--muted:#72726e;--line:#e6e6e3}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,"Microsoft YaHei",sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #3e5b49;outline-offset:6px}header{margin:0 4.5%;padding:35px 0 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-family:Georgia,serif;font-size:30px;letter-spacing:-1.8px}.wordmark i,.footer-logo i{font-weight:normal}.header-note{font-size:12px;letter-spacing:1.5px;color:var(--muted)}.header-note span{padding:0 15px;color:#b8b8b3}main{margin:0 4.5%}.intro{display:flex;justify-content:space-between;align-items:flex-end;padding:59px 0 54px}.eyebrow{font-size:12px;letter-spacing:2px;margin:0 0 20px;color:var(--muted)}h1{font-family:"Songti SC",SimSun,serif;font-weight:400;font-size:clamp(34px,4.3vw,66px);letter-spacing:3px;margin:0;line-height:1.35}h1 em{font-style:normal;color:#777770}.intro-note{font-size:14px;line-height:2.1;margin:0;text-align:right;letter-spacing:2px}.intro-note span{font-size:12px;letter-spacing:.4px;color:var(--muted)}.collection-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;gap:20px}.collection-bar h2{font-size:14px;font-weight:400;margin:0}.collection-bar h2 span{font-size:11px;letter-spacing:1.5px;color:var(--muted);margin-left:15px}nav{display:flex;gap:28px}nav button{background:none;border:0;padding:10px 0;font-size:14px;color:var(--muted);border-bottom:1px solid transparent}nav button[aria-pressed=true]{color:var(--ink);border-color:var(--ink)}nav button span{font-size:11px;margin-left:4px;vertical-align:super}.gallery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:50px 26px;align-items:start}.photo{margin:0;grid-column:span 2;min-width:0}.photo.wide{grid-column:span 4}.photo.offset{padding-top:90px}.photo.full{grid-column:span 6;margin-top:28px}.photo.half{grid-column:span 3;margin:0 9%}.photo button{padding:0;border:0;background:#f5f5f3;display:block;width:100%;cursor:zoom-in;overflow:hidden}.photo img{width:100%;height:auto;display:block;transition:opacity .25s}.photo button:hover img{opacity:.93}figcaption{display:flex;justify-content:space-between;gap:12px;padding-top:14px;font-size:14px}figcaption span:last-child{font-size:11px;letter-spacing:1px;color:var(--muted);line-height:1.7}footer{margin:100px 4.5% 0;padding:30px 0 40px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-logo{font-family:Georgia,serif;font-size:25px;letter-spacing:-1px}footer p,footer>span{font-size:12px;color:var(--muted);letter-spacing:.6px}.empty{text-align:center;padding:110px 20px 150px}.empty h2{font-weight:400;font-size:32px}.empty>p:not(.eyebrow){color:var(--muted)}.empty button{margin-top:25px;border:0;border-bottom:1px solid;background:none;padding:10px 0;font-size:14px}[hidden]{display:none!important}dialog{width:100vw;height:100dvh;max-width:none;max-height:none;border:0;padding:24px 30px;background:#fff;color:var(--ink)}dialog::backdrop{background:#fff}.viewer-top{display:flex;justify-content:space-between;align-items:center;height:35px;font-size:14px}.viewer-top button{border:0;background:none;padding:10px}.viewer-top button span{font-size:26px;padding-left:15px;vertical-align:middle}.viewer-stage{height:calc(100dvh - 150px);display:grid;grid-template-columns:50px minmax(0,1fr) 50px;align-items:center;gap:20px}.viewer-stage img{width:100%;height:100%;min-height:0;object-fit:contain}.viewer-stage button{border:0;background:none;font-size:25px;min-height:48px}#caption{text-align:center;font-size:14px;margin:20px 0}body.viewing{overflow:hidden}@media(min-width:1700px){main,header,footer{max-width:1600px;margin-left:auto;margin-right:auto}}@media(max-width:800px){.header-note{display:none}.intro{padding:42px 0}.intro-note{font-size:12px;letter-spacing:1px}.intro-note span{display:none}.photo.offset{padding-top:35px}.gallery{gap:32px 18px}figcaption{font-size:12px}figcaption span:last-child{font-size:10px;letter-spacing:0}.photo.half{margin:0}footer{margin-top:65px}}@media(max-width:650px){header{padding:25px 0}.wordmark{font-size:27px}.intro{display:block;padding:35px 0 30px}.eyebrow{font-size:11px;margin-bottom:15px}.intro-note{text-align:left;margin-top:20px;font-size:14px}.collection-bar{align-items:flex-start;margin-bottom:20px}.collection-bar h2{padding-top:12px}.collection-bar h2 span{display:none}nav{gap:23px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 15px}.photo,.photo.half{grid-column:span 1}.photo.wide,.photo.full{grid-column:span 2}.photo.offset{padding-top:0}.photo.full{margin-top:5px}.photo.half{margin:0}figcaption{display:block;line-height:1.7}figcaption span:last-child{display:block;font-size:11px}footer{flex-wrap:wrap;gap:12px}footer p{margin:0}footer>span{width:100%;margin-top:10px}dialog{padding:15px 10px}.viewer-stage{grid-template-columns:28px minmax(0,1fr) 28px;gap:4px;height:calc(100dvh - 130px)}.viewer-stage button{font-size:20px}.empty{padding:70px 15px 100px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

h1{font-family:Georgia,serif;letter-spacing:-1.7px;font-size:clamp(34px,4.3vw,66px)}.intro-note{letter-spacing:.5px}@media(max-width:650px){h1{font-size:clamp(30px,7vw,44px);letter-spacing:-1px}.collection-bar{flex-wrap:wrap;gap:8px}nav{gap:20px}.collection-bar h2{font-size:14px}figcaption{font-size:14px}}
.people{display:flex;flex-wrap:wrap;gap:24px;border-top:1px solid var(--line);padding:9px 0 21px}.people button{font-size:14px}.people button span{font-size:11px}.gallery>.full:first-child{margin-top:0}
.collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px}.collection{margin:0;min-width:0}.collection button{display:block;width:100%;border:0;padding:0;background:#fff;cursor:pointer}.collection img{display:block;width:100%;height:clamp(280px,43vw,640px);object-fit:contain;background:#fff}.collection figcaption{border-top:1px solid var(--line);margin-top:18px;padding-top:16px;font-size:18px}.collection figcaption span:last-child{font-size:12px}@media(max-width:650px){.collection-grid{grid-template-columns:1fr;gap:38px}.collection img{height:auto;max-height:75vh;object-fit:contain}.collection figcaption{display:flex;font-size:18px;align-items:baseline;gap:10px}.collection figcaption span:last-child{font-size:11px}}
/* Keep the introductory line quieter than the Seenby.Roxy wordmark. */
h1{font-size:clamp(18px,1.5vw,23px);letter-spacing:-.35px}@media(max-width:650px){h1{font-size:19px;letter-spacing:-.2px}}

/* Match the introductory heading typeface */
.wordmark{font-family:Georgia,serif;font-weight:400;font-style:normal;letter-spacing:-.8px;line-height:1.1}.wordmark i{font-weight:inherit;font-style:italic}.collection-bar{justify-content:flex-end}

/* Collection titles without photograph counts */
.collection figcaption span:only-child{font-size:18px;letter-spacing:normal;color:var(--ink)}

/* Collection labels match category navigation and sit close to images. */
.collection figcaption{border:0;margin-top:0;padding-top:10px;font-family:Arial,"Microsoft YaHei",sans-serif;font-size:14px;font-weight:400;line-height:1.4}.collection figcaption span:only-child{font-size:14px;font-weight:400;letter-spacing:normal;color:var(--muted);line-height:1.4}

.collection img{object-position:center bottom}

.collection figcaption{justify-content:center;text-align:center}

h1{color:#777770}

.collection figcaption{font-style:italic}

/* Soft white veil on collection covers. */
.collection button{position:relative}
.collection button::after{content:"";position:absolute;inset:0;background:#fff;opacity:.18;pointer-events:none;transition:opacity .35s ease}
@media(hover:hover){.collection button:hover::after{opacity:0}}
.collection button:focus-visible::after,.collection button:active::after{opacity:0}
@media(prefers-reduced-motion:reduce){.collection button::after{transition:none}}

/* Navigation links */
.site-links{display:flex;align-items:center;gap:20px;font-size:12px;letter-spacing:1.2px;text-transform:uppercase}.site-links a{color:var(--muted);transition:color .2s ease}.site-links a:hover,.site-links a:focus-visible{color:var(--ink)}
@media(max-width:650px){.site-links{gap:14px;font-size:11px;letter-spacing:.8px}}

/* Contact page */
.contact-page{min-height:calc(100vh - 250px);padding:clamp(90px,14vw,190px) 0 100px}.contact-page h1{margin-bottom:48px}.contact-links{display:grid;gap:22px;max-width:580px}.contact-link{display:grid;gap:7px;border-bottom:1px solid var(--line);padding:0 0 19px;font-family:Georgia,serif;font-size:clamp(21px,2.1vw,30px);letter-spacing:-.5px}.contact-link span{font-family:Arial,"Microsoft YaHei",sans-serif;font-size:11px;letter-spacing:1.7px;text-transform:uppercase;color:var(--muted)}.contact-link:hover,.contact-link:focus-visible{color:#777770}
@media(max-width:650px){.contact-page{min-height:calc(100vh - 190px);padding:75px 0}.contact-page h1{margin-bottom:36px}.contact-link{font-size:21px}}

/* Portrait covers left, landscape covers right. */
.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:840px;margin:0 0 0 auto;gap:42px 24px;align-items:start}.collection img{height:clamp(200px,23vw,330px);object-fit:contain}.collection:nth-child(odd) img{object-position:center bottom}.collection:nth-child(even) img{object-position:center center}.collection figcaption{padding-top:9px}
@media(max-width:650px){.collection-grid{grid-template-columns:1fr;gap:42px;margin:0 auto}.collection img,.collection:nth-child(even) img{height:auto;max-height:62vh;object-fit:contain}.collection figcaption{padding-top:9px}}

/* Align the right-hand journal note and category switcher with the two left-hand title lines. */
.intro{position:relative;align-items:flex-start}.intro-right{display:block;text-align:right;padding-top:0}.intro-right .intro-note{position:absolute;top:97px;left:0;margin:0;color:var(--muted);font-size:12px;line-height:1.25;letter-spacing:.4px;text-align:left;white-space:nowrap}.intro-right nav{display:flex;justify-content:flex-end}
@media(max-width:650px){.intro-right{padding-top:0;text-align:left;margin-top:18px}.intro-right .intro-note{position:static;font-size:12px;margin:0 0 8px;white-space:normal}.intro-right nav{justify-content:flex-start;margin:0}}

/* Bring the desktop navigation row closer to its divider. */
@media(min-width:651px){header{padding-bottom:16px}.intro{padding-top:32px}}