.gallery-opening{min-height:calc(100svh - 88px);display:grid;grid-template-columns:1.35fr .65fr;background:#111;color:white}.gallery-opening>img{width:100%;height:calc(100svh - 88px);min-height:680px;object-fit:cover;filter:saturate(.72)}.gallery-opening>div{padding:7vw 5vw;align-self:center}.gallery-opening h1{font-weight:400;font-size:clamp(50px,6vw,92px);line-height:1.25;margin:25px 0}.gallery-opening p{font-size:13px;line-height:2;margin-bottom:34px}.gallery-opening .button{border:1px solid #777;background:transparent;color:white}.hero-art-ribbon{width:36vw;grid-template-columns:1.5fr 1fr}.hero-art-ribbon a{height:205px}.hero-art-ribbon a:last-child{height:155px}.hero-art-ribbon span{font-size:10px;background:rgba(8,8,7,.72);padding:8px 10px;left:10px;bottom:10px}
main:has(.editorial-row + .editorial-row)>.page-hero{min-height:720px;align-items:center;background:linear-gradient(105deg,#0e0f0d 0 54%,#282923 54%);padding-top:150px}main:has(.editorial-row + .editorial-row)>.page-hero h1{font-size:clamp(80px,11vw,170px)}
main:has(.shop-stage)>.page-hero{min-height:370px;padding:80px 8vw 55px;border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr}main:has(.shop-stage)>.page-hero h1{font-size:clamp(60px,9vw,120px);font-style:italic}
main:has(.editorial-row:nth-child(1):last-child)>.page-hero{min-height:650px;background:#171814;position:relative;overflow:hidden}main:has(.editorial-row:nth-child(1):last-child)>.page-hero:after{content:"PRINT / MATTER";position:absolute;right:-30px;bottom:-35px;font:700 12vw Arial;color:rgba(255,255,255,.035)}
main:has(.story-quote)>.page-hero{min-height:630px;display:block;padding:150px 12vw 80px;background:linear-gradient(90deg,#e1ddd4 0 38%,#f2f0e9 38%)}main:has(.story-quote)>.page-hero p{max-width:490px;margin-left:43%}
main:has(.faq)>.page-hero{min-height:340px;display:flex;justify-content:space-between;padding:90px 15vw 60px;background:#e5e0d6}main:has(.faq)>.page-hero h1{font-size:90px}main:has(.faq)>.page-hero p{max-width:400px;align-self:end}
main:has(.contact-grid)>.page-hero{min-height:610px;background:radial-gradient(circle at 74% 45%,#33342e,#111 42%);padding-left:12vw}main:has(.contact-grid)>.page-hero h1{font-size:clamp(80px,12vw,170px);font-style:italic}
@media(max-width:900px){.gallery-opening{min-height:calc(100svh - 72px);display:block;position:relative}.gallery-opening>img{height:calc(100svh - 72px);min-height:650px;filter:saturate(.65) brightness(.63)}.gallery-opening>div{position:absolute;inset:auto 7vw 6vh;padding:0}.gallery-opening h1{font-size:46px;margin:12px 0}.gallery-opening p{margin:0 0 20px}.gallery-opening .button{min-height:46px;padding:0 16px;font-size:10px}.hero-copy{top:35%}.hero-art-ribbon{width:auto}.hero-art-ribbon a{height:175px}.hero-art-ribbon a:last-child{height:135px}main:has(.editorial-row + .editorial-row)>.page-hero,main:has(.shop-stage)>.page-hero,main:has(.editorial-row:nth-child(1):last-child)>.page-hero,main:has(.story-quote)>.page-hero,main:has(.faq)>.page-hero,main:has(.contact-grid)>.page-hero{min-height:430px;display:block;padding:110px 7vw 65px}main:has(.story-quote)>.page-hero p{margin-left:0}main:has(.faq)>.page-hero h1{font-size:58px}}
.gallery-fv{height:calc(100svh - 88px);min-height:680px;position:relative;background:#111;color:white;overflow:hidden}.gallery-fv>img{width:100%;height:100%;object-fit:cover;object-position:center 32%;filter:brightness(.72) saturate(.7)}.gallery-fv:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,8,7,.78),transparent 52%)}.gallery-fv-copy{position:absolute;z-index:2;left:6vw;right:6vw;bottom:7vh}.gallery-fv h1{font:400 clamp(54px,9vw,138px)/.92 Arial,sans-serif;letter-spacing:-.045em;margin:18px 0}.gallery-fv p{font-size:14px;letter-spacing:.08em}.gallery-intro{padding:75px 5vw 20px;display:flex;justify-content:space-between;gap:40px}.gallery-intro p{font-size:12px;margin:0}.artwork-detail{min-height:calc(100svh - 88px);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(370px,.7fr);background:#ebe7de}.artwork-detail figure{margin:0;background:#111;display:grid;place-items:center;min-height:720px}.artwork-detail figure img{width:100%;height:100%;max-height:calc(100svh - 88px);object-fit:contain}.artwork-detail article{padding:8vw 5vw;align-self:center}.artwork-detail h1{font:400 clamp(42px,5vw,76px)/1 Arial;margin:25px 0}.art-story{font-size:14px;line-height:2.2;color:#514e47}.artwork-detail dl{margin:45px 0}.artwork-detail dl div{display:grid;grid-template-columns:110px 1fr;border-top:1px solid var(--line);padding:15px 0}.artwork-detail dt{font:9px Arial;letter-spacing:1.4px}.artwork-detail dd{margin:0;font-size:12px}.dark-action{background:#121310;color:white}
main:has(.story-quote) .story-quote{position:relative;overflow:hidden;padding-right:37vw}main:has(.story-quote) .story-quote:after{content:"";position:absolute;right:7vw;top:60px;width:25vw;height:calc(100% - 120px);background:url('assets/tree-nocturne-1200.webp') center/cover;filter:grayscale(.25) brightness(.78)}.member-hero:after{content:"";display:block;position:absolute;right:0;bottom:-70px;width:24vw;height:310px;background:url('assets/portrait-flare-1200.webp') center/cover;opacity:.34}.member-hero{position:relative;overflow:hidden}.faq details:nth-child(odd){margin-left:8vw}.faq details:nth-child(even){margin-right:8vw}.faq:before{content:"ASK / LISTEN / ANSWER";display:block;font:10px Arial;letter-spacing:3px;margin-bottom:55px;color:#8e8069}
@media(max-width:900px){.gallery-fv{height:calc(100svh - 72px);min-height:620px}.gallery-fv-copy{bottom:5vh}.gallery-fv h1{font-size:45px;line-height:1}.gallery-fv p{max-width:75%;font-size:12px}.gallery-fv .text-link{display:inline-block;background:rgba(8,8,7,.78);padding:12px 14px;border:0}.gallery-intro{display:block;padding:55px 7vw 15px}.gallery-intro p{margin-top:18px}.artwork-detail{display:block}.artwork-detail figure{height:65svh;min-height:480px}.artwork-detail figure img{height:100%;object-fit:cover}.artwork-detail article{padding:70px 7vw}.artwork-detail h1{font-size:42px}.artwork-detail dl div{grid-template-columns:90px 1fr}main:has(.story-quote) .story-quote{padding:90px 7vw 420px}main:has(.story-quote) .story-quote:after{right:7vw;left:7vw;top:auto;bottom:50px;width:auto;height:320px}.member-hero:after{width:60vw;height:200px;opacity:.18}.faq details:nth-child(n){margin-left:0;margin-right:0}}
