@font-face{font-family:Origins;src:url('/fonts/EBGaramond.ttf') format('truetype');font-display:swap;font-weight:400 800}
@font-face{font-family:Interface;src:url('/fonts/Inter.ttf') format('truetype');font-display:swap;font-weight:100 900}
html:root{--ink:#111516;--paper:#f1f4f2;--tx:#e0e5e2;--tx2:#b8c3bf;--tx3:#a5b2ad;--accent:#c3d9d4;--acid:#c3d9d4;--d:Origins,Georgia,serif;--s:Interface,Arial,sans-serif;--m:Interface,Arial,sans-serif}
*{letter-spacing:0!important}
body{background:var(--ink);font-family:var(--s);font-weight:400;line-height:1.8}
body{background-image:linear-gradient(#111516f0,#111516fc),url('/design/assets/gallery-room-background.png');background-size:cover;background-position:center top;background-attachment:fixed}
body>.bg,body>.grain{display:none}
header .brand{font-family:var(--d)}
main h1{font:400 64px/1.08 var(--d);overflow-wrap:anywhere}
main h2{font:400 38px/1.15 var(--d)}
.buy,.btn,.sh{border-radius:0}
figure{border-radius:0}
.hero{position:relative;isolation:isolate;display:block;min-height:680px;padding:80px 0;overflow:hidden;margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter)}
.hero>div{position:relative;z-index:2;width:46%;max-width:600px}
.hero figure{position:absolute;inset:0;z-index:-2}
.hero figure img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:65% center}
.hero:has(figure)::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#090e0edb,transparent 90%);z-index:-1}
.hero figcaption{position:absolute;bottom:20px;right:24px;font-size:14px;color:#fff;background:#1119;padding:4px 8px}
.hero-text{min-height:0;margin-inline:0;padding-inline:0;max-width:900px}
.hero-text>div{width:100%;max-width:900px}
.band{border-inline:0;padding:40px 0}
@media(max-width:980px){main h1{font-size:48px}.hero{min-height:760px;padding-top:44px}.hero>div{width:100%;max-width:600px}.hero figure img{object-position:70% center}.hero:has(figure)::after{background:linear-gradient(#0a1010e6,transparent 95%)}.hero-text{min-height:0}main h2{font-size:32px}}
@media(max-width:480px){main h1{font-size:40px}header{gap:12px}.hero{min-height:790px}.hero-text{min-height:0}}

.wrap{max-width:1512px}
.hero>div{width:48%;max-width:620px}
.hero h1{text-wrap:balance;font-size:62px;line-height:1.06}
.hero .lede{font-size:23px;line-height:1.5;max-width:32ch}
.hero-text{padding-block:64px;max-width:1000px}
.hero-text>div{width:100%;max-width:900px}
.hero-text h1{font-size:62px}
.body{grid-template-columns:minmax(0,2fr) minmax(0,7fr) minmax(0,2fr);gap:44px}
.body article{min-width:0}
article h2,.faq h2{font-size:38px}
article p,article li{font-size:15px;line-height:1.95}
.facts{border-inline:0;background:none;gap:24px;padding-block:26px}
.facts div{padding:0;background:none}
.facts b{font-size:28px}
.band{margin-block:44px;gap:28px}
.band p{font-size:30px}
.gallery ul{background:none;border:0;gap:40px 24px}
.gallery li a{padding:0;background:none}
.gallery li a:hover{background:none}
.gallery img{transition:filter .2s}
.gallery li a:hover img{filter:brightness(1.12)}
.gallery b{font-size:24px;margin-top:4px}
.gallery .price{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}
.lookup input{font:400 18px/1.5 var(--sans);max-width:100%;min-width:0;border-radius:0}
.lookup button{border:0;border-radius:0;cursor:pointer}
.credits{padding-block:64px}
.credits h1{font-size:56px}
.credits .source-list article h2{font-size:24px}
.more ul{background:none;border:0;gap:18px 30px}
.more li a{padding:20px 0;border-top:1px solid var(--line)}
.masthead .brand{font:400 19px/1.25 var(--serif)}
.masthead .brand span{font:400 14px/1.5 var(--sans)}
@media(max-width:980px){
 .body{grid-template-columns:1fr;gap:26px;padding-block:42px}
 .hero{min-height:670px}.hero>div{width:75%;max-width:620px}.hero h1{font-size:50px}
 .hero-text{min-height:0;padding-block:44px}.hero-text>div{width:100%}
 .hero-text h1{font-size:48px}
 .facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
 .facts b{font-size:24px}.facts span{font-size:14px}
 .band p{font-size:28px}
}
@media(max-width:600px){
 .hero{min-height:700px;padding-top:38px;padding-bottom:340px}
 .hero>div{width:100%}
 .hero h1{font-size:40px;line-height:1.1}
 .hero .lede{font:400 19px/1.55 var(--serif);max-width:100%;margin-bottom:24px}
 .hero figure img{object-position:70% bottom}
 .hero:has(figure)::after{background:linear-gradient(#111516 0 25%,#111516ed 38%,#11151600 78%)}
 .hero figcaption{right:20px;left:20px;text-align:right;font-size:14px;line-height:1.5;bottom:12px;margin:0}
 .hero-text{min-height:0;padding:40px 0}.hero-text h1{font-size:40px}
 .body aside:first-child{padding-bottom:16px;border-bottom:1px solid var(--line)}
 article h2,.faq h2{font-size:30px;overflow-wrap:anywhere}
 article p,article li{font-size:14px;line-height:1.85}
 .facts{grid-template-columns:1fr;gap:20px}.facts div{border-bottom:1px solid var(--line);padding-bottom:18px}.facts div:last-child{border:0;padding:0}
 .band{padding:26px 0}.band p{font-size:27px}.band .cta{max-width:100%;gap:16px}
 .gallery{padding-block:36px}.gallery ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 16px}
 .gallery b{font-size:20px;overflow-wrap:anywhere}.gallery span{font-size:14px}.gallery .note-line{font-size:14px}.gallery .price{font-size:14px}
 .credits{padding-block:40px}.credits h1{font-size:40px}.credits .source-list{gap:24px}
 .credits .source-list article h2{font-size:25px}
 .masthead{height:80px;gap:12px}.masthead .brand{font-size:16px;gap:8px}.masthead .brand img{width:28px;height:28px}.masthead .cta.ghost{font-size:14px;padding:9px 11px;min-height:44px;gap:8px}
 .lookup{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}.lookup label{grid-column:1/-1}.lookup input{width:100%;font-size:16px;padding-inline:12px}.lookup .cta{padding-inline:16px;gap:12px}
 .faq summary{font-size:16px;line-height:1.6}.faq p{font-size:14px}
 footer{font-size:14px;line-height:2}footer a{display:inline-block;margin-right:14px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.gallery img{transition:none}}