.site-header,.site-header.solid{height:72px!important;position:fixed!important;top:0!important;background:rgba(8,7,6,.96)!important;color:#fff!important;border-color:rgba(255,255,255,.17)!important;backdrop-filter:blur(16px)}
.collection-slider{background:var(--ink);color:var(--milk);padding:8vw 6vw}.slider-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:16px;margin-bottom:5vw}.slider-head button{border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;min-width:64px;height:45px;padding:0 12px;margin-left:8px;text-transform:uppercase;letter-spacing:.12em;font:500 8px Inter,sans-serif;cursor:pointer}.slides{position:relative;min-height:82vh}.slide{display:none;grid-template-columns:1.12fr .88fr;gap:7vw;align-items:center;animation:slideIn .55s ease}.slide.active{display:grid}.slide img{height:78vh;object-fit:contain;background:#050505}.slide h2{font:400 clamp(48px,7vw,105px)/.9 Italiana,serif;margin:30px 0}.slide p,.slide span{text-transform:uppercase;letter-spacing:.16em;font-size:8px}.slide span{border-bottom:1px solid;padding-bottom:7px}@keyframes slideIn{from{opacity:.25;transform:translateX(15px)}to{opacity:1;transform:none}}
.arrow-glyph,.slider-head button span,.arrow-inline{display:block;width:18px;height:10px;position:relative}.arrow-inline{display:inline-block;margin-left:8px;vertical-align:middle}.arrow-glyph::before,.slider-head button span::before,.arrow-inline::before{content:"";position:absolute;top:50%;left:0;width:18px;border-top:1px solid currentColor}.arrow-glyph::after,.slider-head button span::after,.arrow-inline::after{content:"";position:absolute;top:2px;right:0;width:7px;height:7px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg)}.slider-head button span{margin:auto}.slide-prev span{transform:rotate(180deg)}
@media(max-width:760px){.site-header,.site-header.solid{height:132px!important;padding:0 5vw 76px!important}.site-header nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));position:absolute!important;left:0;right:0;bottom:0;top:auto!important;height:76px;padding:0 5vw!important;gap:0!important;align-items:center;overflow:visible;white-space:nowrap;border-top:1px solid rgba(255,255,255,.12);background:transparent!important}.site-header nav a{font-size:7px;text-align:center}.menu{display:none!important}.collection-slider{padding:20vw 5vw}.slides{min-height:0}.slide.active{grid-template-columns:1fr}.slide img{height:62vh}.slide h2{font-size:12vw}}
.reveal{opacity:1!important;transform:none!important}

/* Full-bleed artist film — restrained, cinematic and intentionally editorial. */
.artist-film{position:relative;min-height:100svh;height:clamp(760px,100svh,1100px);overflow:hidden;background:#070605;color:#fff;isolation:isolate}
.home-hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%}
.artist-film__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%;filter:none}
.artist-film__veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,5,4,.64) 0%,rgba(6,5,4,.12) 57%,rgba(6,5,4,.26) 100%),linear-gradient(0deg,rgba(6,5,4,.42),transparent 42%);z-index:1}
.artist-film__copy{position:absolute;z-index:2;left:6vw;top:50%;transform:translateY(-48%);max-width:min(650px,72vw)}
.artist-film__copy h2{font:400 clamp(64px,8.5vw,132px)/.83 Italiana,serif;letter-spacing:-.035em;margin:34px 0 0;text-wrap:balance}
.artist-film__sound{position:absolute;z-index:3;right:3.5vw;bottom:4vw;display:flex;gap:12px;align-items:center;border:1px solid rgba(255,255,255,.42);border-radius:100px;padding:13px 17px;background:rgba(8,7,6,.18);backdrop-filter:blur(12px);color:#fff;text-transform:uppercase;letter-spacing:.16em;font:500 8px Inter,sans-serif;cursor:pointer}
.artist-film__sound b{font-weight:400;opacity:.62}
.artist-film__index{position:absolute;z-index:2;left:3.5vw;bottom:4vw;margin:0;text-transform:uppercase;letter-spacing:.2em;font-size:8px}

/* Safe, editorial typography at every viewport width */
.site-header>*{min-width:0}.site-header nav a,.nav-cta,.logo{white-space:nowrap}
.slide{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}.slide>div{min-width:0}
.slide h2{max-width:10ch;font-size:clamp(42px,6vw,92px);line-height:.92;overflow-wrap:anywhere}
.slide p,.slide span{line-height:1.6}.slide span{display:inline-block}
@media(max-width:760px){.site-header nav{scrollbar-width:none}.site-header nav::-webkit-scrollbar{display:none}.site-header nav a{font-size:7px;letter-spacing:.12em}.slide.active{grid-template-columns:minmax(0,1fr)}.slide img{height:auto;max-height:62vh}.slide h2{max-width:12ch;font-size:clamp(42px,12vw,62px);line-height:.94}.slider-head{gap:16px}.slider-head>div{display:flex;flex:0 0 auto}}
@media(max-width:760px){.artist-film{height:88svh;min-height:650px}.artist-film__video{object-position:center center}.artist-film__veil{background:linear-gradient(0deg,rgba(6,5,4,.68) 0%,rgba(6,5,4,.08) 64%),linear-gradient(90deg,rgba(6,5,4,.32),transparent)}.artist-film__copy{left:7vw;right:7vw;top:auto;bottom:14vh;transform:none;max-width:none}.artist-film__copy h2{font-size:clamp(56px,16vw,78px);line-height:.86;margin-top:24px}.artist-film__sound{right:6vw;bottom:5vw}.artist-film__index{left:6vw;bottom:6.5vw}}
@media(prefers-reduced-motion:reduce){.artist-film__video{display:none}.artist-film{background:url('assets/video/mariezal-film-cinematic-poster.jpg') center/cover no-repeat}}
@media(prefers-reduced-motion:reduce){.home-hero .artist-film__video{display:block}}

/* Artist profile — editorial presentation spread. */
.about-presentation{background:#e9e5dd;min-height:calc(100svh - 82px);padding:clamp(28px,4vw,64px);gap:clamp(45px,7vw,120px);align-items:center}
.about-portrait{margin:0;position:relative;align-self:stretch;min-height:680px;overflow:hidden;background:#ddd8cf}
.about-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 35%;filter:contrast(1.035)}
.about-portrait figcaption{position:absolute;left:24px;bottom:20px;color:#fff;text-transform:uppercase;letter-spacing:.2em;font-size:8px;text-shadow:0 1px 15px rgba(0,0,0,.45)}
.about-presentation .about-copy{padding:5vw 2vw 5vw 0;align-self:center}
.about-presentation .about-copy h1{margin:28px 0 44px}
.about-presentation .about-copy>p:not(.eyebrow){max-width:550px}
.about-presentation blockquote{max-width:500px}
@media(max-width:760px){.about-presentation{padding:0;gap:0}.about-portrait{min-height:0;height:72svh}.about-portrait img{object-position:center 30%}.about-presentation .about-copy{padding:20vw 7vw}.about-portrait figcaption{left:6vw;bottom:5vw}}
@media(max-width:380px){.site-header nav a{font-size:6.5px!important}.slider-head button{width:40px;height:40px}.slide h2{font-size:11vw}}
.work-description{max-width:46ch;margin:14px 0 20px!important;font-size:12px!important;line-height:1.65!important;letter-spacing:.01em!important;text-transform:none!important;color:rgba(20,18,16,.72)}
.work div>a{display:inline-flex;align-items:center;justify-content:center;margin-top:4px;padding:13px 18px!important;border:1px solid var(--ink)!important;transition:background .25s ease,color .25s ease}
.work div>a:hover{background:var(--ink);color:var(--paper)}
.work-featured{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:clamp(28px,5vw,88px);align-items:center;padding-bottom:clamp(56px,8vw,120px)}
.work-featured img{width:100%;height:min(82vh,900px);object-fit:contain;background:#eee9e1}
@media(max-width:760px){.work-featured{grid-template-columns:1fr}.work-featured img{height:auto;max-height:75vh}.work-description{font-size:11px!important}}

/* Originals desktop opener — an editorial portrait balances the wide canvas. */
@media(min-width:761px){
.works-page-head{min-height:calc(100svh - 72px);padding:clamp(64px,7vw,120px) 6vw;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(330px,.72fr);gap:clamp(48px,7vw,120px);align-items:center}
.works-page-head__copy{align-self:center}
.works-page-head h1{font-size:clamp(82px,9.2vw,148px);margin:34px 0 58px}
.works-page-head__copy>p:last-child{max-width:470px;margin-left:35%;line-height:1.9}
.works-page-head__portrait{margin:0;height:min(72vh,820px);position:relative;overflow:hidden;background:#171914;box-shadow:0 32px 80px rgba(25,19,14,.16)}
.works-page-head__portrait img{width:100%;height:100%;object-fit:cover;object-position:center 37%}
.works-page-head__portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,6,5,.34),transparent 35%)}
.works-page-head__portrait figcaption{position:absolute;z-index:1;left:24px;bottom:21px;color:#fff;text-transform:uppercase;letter-spacing:.19em;font-size:7px}
.commission-portrait-primary{inset:4vw 8% 4vw 8%}
.commission-portrait-primary img{object-position:center 25%}
}
@media(max-width:760px){.works-page-head__portrait{display:none}.works-page-head__copy>p:last-child{margin-left:0}}
.arcana-portal{min-height:92vh;position:relative;display:flex;align-items:center;padding:8vw;overflow:hidden;background:#050505;color:#eee}
.arcana-portal__image{position:absolute;inset:0;background:url("assets/arcana/academy-hall.png") center/cover no-repeat;transition:transform 1.8s ease}
.arcana-portal:hover .arcana-portal__image{transform:scale(1.025)}
.arcana-portal__veil{position:absolute;inset:0;background:linear-gradient(90deg,#050505e8 0%,#05050580 42%,#0505052b 70%),linear-gradient(0deg,#050505a6,transparent 45%)}
.arcana-portal__content{position:relative;z-index:2;max-width:620px}
.arcana-portal__content h2{font:clamp(58px,8vw,118px)/.79 "Italiana",serif;letter-spacing:-.065em;margin:18px 0 30px}
.arcana-portal__content h2 em{color:#c7a15c;font-style:italic}
.arcana-portal__content>p:not(.eyebrow){max-width:470px;font:20px/1.5 "Times New Roman",serif;color:#c8c0b3;margin-bottom:32px}
.arcana-portal__mark{position:absolute;right:3vw;bottom:3vw;z-index:2;text-transform:uppercase;letter-spacing:.25em;font-size:9px;color:#ffffff85;writing-mode:vertical-rl}
@media(max-width:700px){.arcana-portal{min-height:78vh;padding:90px 24px}.arcana-portal__veil{background:linear-gradient(0deg,#050505e8,#05050555)}.arcana-portal__content h2{font-size:58px}.arcana-portal__mark{display:none}}
.support-art-button{position:fixed;right:22px;bottom:22px;z-index:90;border:1px solid #b89a66;background:#0d0c0be8;color:#f4eee3;padding:12px 18px;display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.18em;font-size:9px;cursor:pointer;box-shadow:0 10px 36px #0007;backdrop-filter:blur(12px);transition:.3s}
.support-art-button:hover{background:#b89a66;color:#111;transform:translateY(-3px)}
.support-art-button span{color:#d5b572}.support-art-button b{font-weight:400}
.support-modal{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:20px}
.support-modal__backdrop{position:absolute;inset:0;background:#050505e8;backdrop-filter:blur(14px)}
.support-modal__panel{position:relative;width:min(590px,94vw);padding:70px 65px;text-align:center;color:#191713;background:linear-gradient(145deg,#f1eadf,#d6c8b2);border:1px solid #9d7f4b;box-shadow:0 30px 100px #000}
.support-modal__panel:before{content:"";position:absolute;inset:10px;border:1px solid #765b3036;pointer-events:none}
.support-modal__close{position:absolute;right:24px;top:22px;border:0;background:none;text-transform:uppercase;letter-spacing:.18em;font-size:8px;cursor:pointer}
.support-modal__panel .eyebrow{color:#7d6030}
.support-modal__panel h2{font:clamp(42px,5vw,64px)/.88 "Italiana",serif;letter-spacing:-.04em;margin:18px 0 26px}
.support-modal__panel h2 em{color:#80612c}
.support-modal__panel>p:not(.eyebrow):not(.support-secure){font:18px/1.5 "Times New Roman",serif;max-width:450px;margin:0 auto 28px}
.support-pay{min-height:72px;background:#050505;color:#fff;display:flex;align-items:center;justify-content:center;gap:18px;text-decoration:none;transition:.3s}
.support-pay:hover{background:#8b6b37}
.support-pay[aria-disabled=true]{opacity:.45;pointer-events:none}
.support-apple{font:24px -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.05em}
.support-pay small{text-align:left;font-size:9px;letter-spacing:.12em;text-transform:uppercase}
.support-secure{text-transform:uppercase;letter-spacing:.16em;font-size:7px;margin-top:15px;color:#6e665a}
@media(max-width:600px){.support-art-button{right:12px;bottom:12px;padding:11px 14px}.support-modal__panel{padding:58px 27px 42px}}

/* Workshops and private art mentorship */
.studio-learning{padding:11vw 7vw;background:#e5dfd5;color:var(--ink);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:10vw;align-items:start}
.studio-learning__intro{position:sticky;top:120px}
.studio-learning h2{font:400 clamp(54px,7vw,104px)/.9 Italiana,serif;letter-spacing:-.035em;margin:32px 0}
.studio-learning__intro>p:not(.eyebrow){max-width:530px;line-height:1.9;margin-bottom:38px}
.studio-learning__offers article{border-top:1px solid var(--line);padding:28px 0 44px;display:grid;grid-template-columns:54px 1fr;column-gap:22px}
.studio-learning__offers span{font-size:8px;letter-spacing:.18em;padding-top:8px}
.studio-learning__offers h3{font:400 clamp(30px,3.2vw,48px)/1.05 Italiana,serif;margin:0 0 18px}
.studio-learning__offers p{grid-column:2;max-width:560px;line-height:1.85;margin:0}
@media(max-width:760px){.studio-learning{grid-template-columns:1fr;padding:22vw 7vw;gap:18vw}.studio-learning__intro{position:static}.studio-learning h2{font-size:clamp(48px,14vw,68px)}.studio-learning__offers article{grid-template-columns:38px 1fr}.studio-learning__offers p{grid-column:2}}

/* Full-resolution portrait master with a cinematic ambient layer on wide screens. */
.home-hero__video--ambient{object-fit:cover;transform:scale(1.035);filter:blur(22px) saturate(.82) brightness(.48);opacity:.88}
.home-hero__video--master{object-fit:contain;filter:drop-shadow(0 0 60px rgba(0,0,0,.5))}
@media(max-width:760px){.home-hero__video--ambient{display:none}.home-hero__video--master{object-fit:cover;filter:none}}