.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;width:45px;height:45px;margin-left:8px;font-size:18px;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}}
@media(max-width:760px){.site-header,.site-header.solid{height:106px!important;padding:0 5vw 38px!important}.site-header nav{display:flex!important;position:absolute!important;left:0;right:0;bottom:0;top:auto!important;height:38px;padding:0 5vw!important;gap:24px!important;align-items:center;overflow-x:auto;white-space:nowrap;border-top:1px solid rgba(255,255,255,.12);background:transparent!important;flex-direction:row!important}.site-header nav a{font-size:8px}.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{gap:20px!important;scrollbar-width:none}.site-header nav::-webkit-scrollbar{display:none}.site-header nav a{font-size:7px;letter-spacing:.14em}.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{gap:14px!important}.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}}
