/* ===== Anindita Dutta · shared site styles ===== */
:root{
  --paper:#FBFAF6;--paper2:#EFEBE1;--ink:#17150F;--soft:#4E483F;--muted:#948B7D;--line:#E4DFD4;--accent:#C0451D;
  --g:clamp(24px,5vw,88px);--maxw:1600px}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font-family:"Inter",system-ui,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.serif{font-family:"Cormorant Garamond",Georgia,serif}
.label{font-size:11px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}
.wrap{max-width:var(--maxw);margin:0 auto;padding-inline:var(--g)}
.link{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);border-bottom:1px solid var(--accent);padding-bottom:5px;transition:gap .3s,color .3s}
.link:hover{gap:18px;color:var(--accent)}

/* NAV */
.nav{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:22px var(--g);transition:.45s ease}
.nav__n{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:22px;letter-spacing:.005em}
.nav__n i{font-style:italic;font-weight:500}
.nav__l{display:flex;gap:38px}
.nav__l a{font-size:13.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;transition:.3s;position:relative}
.nav__l a::after{content:"";position:absolute;left:0;bottom:-4px;height:1px;width:0;background:var(--accent);transition:width .35s}
.nav__l a:hover::after,.nav__l a.on::after{width:100%}
/* nav over dark hero */
.nav--over .nav__n{color:#fff;text-shadow:0 1px 14px rgba(0,0,0,.4)}
.nav--over .nav__l a{color:rgba(255,255,255,.9);text-shadow:0 1px 12px rgba(0,0,0,.4)}
.nav--over .nav__l a:hover{color:#fff}
/* nav solid */
.nav.s{background:rgba(251,250,246,.9);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);padding-top:13px;padding-bottom:13px}
.nav.s .nav__n{color:var(--ink);text-shadow:none}.nav.s .nav__n i{color:var(--ink)}
.nav.s .nav__l a{color:var(--soft);text-shadow:none}.nav.s .nav__l a:hover{color:var(--accent)}
/* nav on light page (interior) */
.nav--light .nav__n{color:var(--ink)}.nav--light .nav__n i{color:var(--ink)}
.nav--light .nav__l a{color:var(--soft)}.nav--light .nav__l a:hover{color:var(--accent)}

/* FULL-BLEED HERO (home) */
.hero{position:relative;height:100vh;min-height:600px;width:100vw;overflow:hidden;display:flex}
.hero__img{position:absolute;inset:0}
.hero__img img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);animation:kb 20s ease-out forwards}
@keyframes kb{to{transform:scale(1)}}
.hero__scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,14,8,.42) 0%,rgba(20,14,8,0) 24%,rgba(20,14,8,0) 42%,rgba(20,14,8,.68) 100%)}
.hero__in{position:relative;z-index:2;width:100%;align-self:flex-end;display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;padding:0 var(--g) clamp(40px,7vh,84px);color:#fff}
.hero__eyb{display:flex;align-items:center;gap:15px;margin-bottom:24px}
.hero__eyb::before{content:"";width:48px;height:1px;background:var(--accent)}
.hero__eyb span{font-size:11.5px;font-weight:500;letter-spacing:.26em;text-transform:uppercase;color:rgba(255,255,255,.92)}
.hero h1{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:clamp(52px,8.5vw,142px);line-height:.9;letter-spacing:-.01em;text-shadow:0 2px 40px rgba(0,0,0,.28)}
.hero h1 i{display:block;font-style:italic;font-weight:500}
.hero__tag{margin-top:26px;max-width:40ch;font-size:clamp(15px,1.3vw,18px);line-height:1.6;color:rgba(255,255,255,.92)}
.hero__tag b{font-family:"Cormorant Garamond",serif;font-style:italic;font-weight:400}
.hero__side{text-align:right;font-size:11.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.85);line-height:1.9}
.scrollcue{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);z-index:2;color:rgba(255,255,255,.8);font-size:10px;letter-spacing:.24em;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;gap:8px}
.scrollcue::after{content:"";width:1px;height:34px;background:linear-gradient(rgba(255,255,255,.8),transparent);animation:drop 2s ease-in-out infinite}
@keyframes drop{0%,100%{opacity:.3;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}

/* SECTION + WORK HEADER */
.section{padding-top:clamp(80px,13vh,150px)}
.workhead{display:flex;justify-content:space-between;align-items:baseline;gap:20px;border-bottom:1px solid var(--ink);padding-bottom:22px;flex-wrap:wrap}
.workhead h2{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:clamp(27px,3.4vw,48px);letter-spacing:-.01em}
.workhead h2 i{font-style:italic;color:var(--accent)}
.workhead .label{align-self:flex-end}

/* MOSAIC */
.mosaic{columns:3;column-gap:clamp(14px,1.8vw,26px);padding:clamp(26px,4vh,48px) 0 clamp(70px,11vh,130px)}
.mosaic.two{columns:2}
.tile{break-inside:avoid;margin-bottom:clamp(14px,1.8vw,26px);position:relative;overflow:hidden;background:#ece6db;display:block}
.tile{cursor:zoom-in}
.tile img{width:100%;height:auto;transition:transform 1.1s cubic-bezier(.19,1,.22,1)}
.tile:hover img{transform:scale(1.05)}
.tile figcaption{position:absolute;left:0;right:0;bottom:0;padding:36px 18px 16px;background:linear-gradient(transparent,rgba(20,14,8,.8));color:#fff;opacity:0;transform:translateY(8px);transition:.4s}
.tile:hover figcaption{opacity:1;transform:none}
.tile .t{font-family:"Cormorant Garamond",serif;font-style:italic;font-weight:400;font-size:23px;line-height:1.1}
.tile .m{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#e7dfd2;margin-top:5px}
/* always-visible category chip on selected-work tiles */
.tile .cat{position:absolute;top:12px;left:12px;z-index:2;background:rgba(20,14,8,.6);color:#fff;padding:5px 10px 4px;font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;border-radius:2px}
/* secondary 'process / companion' sequence · kept visible but subordinate to the main artwork */
.subhead{display:flex;justify-content:space-between;align-items:baseline;gap:16px;border-bottom:1px solid rgba(20,14,8,.16);padding-bottom:13px;margin-top:clamp(48px,8vh,100px)}
.subhead h3{font-family:"Cormorant Garamond",serif;font-weight:500;font-style:italic;font-size:clamp(17px,1.9vw,25px);color:var(--muted)}
.subhead h3 i{color:var(--muted)}
.subhead .label{align-self:flex-end}
.mosaic.contact{columns:4;column-gap:clamp(8px,1vw,14px);padding:clamp(16px,2.6vh,26px) 0 clamp(60px,9vh,110px)}
.mosaic.contact .tile{margin:0 0 clamp(8px,1vw,14px);background:#ece6db}
.mosaic.contact .tile img{width:100%;height:auto;opacity:.72;filter:saturate(.92);transition:opacity .45s,filter .45s,transform 1.1s cubic-bezier(.19,1,.22,1)}
.mosaic.contact .tile:hover img{opacity:1;filter:none}
.mosaic.contact figcaption{display:none}
/* paired layout: keeps the two views of one work side by side */
.mosaic.pairs{columns:auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,1.8vw,26px);padding:clamp(26px,4vh,48px) 0 clamp(70px,11vh,130px);align-items:start}
.mosaic.pairs .tile{margin:0}
@media(max-width:560px){.mosaic.pairs{grid-template-columns:1fr}}
@media(max-width:560px){.mosaic.contact{columns:2}}

/* BIO HIGHLIGHTS (home) */
.bio{display:grid;grid-template-columns:1fr 1fr;gap:clamp(34px,6vw,110px);align-items:start;padding-block:clamp(70px,11vh,140px);border-top:1px solid var(--line)}
.bio__intro h2{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:clamp(26px,3.1vw,44px);line-height:1.05;letter-spacing:-.01em;margin:14px 0 24px}
.bio__intro h2 i{font-style:italic;color:var(--accent)}
.bio__intro p{color:var(--soft);max-width:46ch;margin-bottom:22px;font-size:15.5px;line-height:1.8}
.hl{display:flex;flex-direction:column;gap:30px}
.hlg{border-top:1px solid var(--line);padding-top:18px}
.hlg .label{display:block;margin-bottom:12px}
.hlg ul{list-style:none;display:flex;flex-direction:column;gap:9px}
.hlg li{font-family:"Cormorant Garamond",serif;font-size:clamp(17px,1.5vw,21px);line-height:1.25}
.hlg li span{font-family:"Inter",sans-serif;font-size:12px;color:var(--muted);letter-spacing:.04em}

/* INTERIOR PAGE HEADER */
.phead{padding-block:clamp(140px,20vh,220px) clamp(40px,6vh,70px);border-bottom:1px solid var(--line)}
.phead .crumb{margin-bottom:22px}
.phead h1{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:clamp(38px,5.6vw,84px);line-height:.98;letter-spacing:-.015em}
.phead h1 i{font-style:italic;color:var(--accent)}
.phead .lede{margin-top:28px;max-width:60ch;font-size:clamp(16px,1.5vw,20px);line-height:1.7;color:var(--soft)}

/* PROSE */
.prose{max-width:70ch;padding-block:clamp(50px,8vh,90px)}
.prose p{margin-bottom:22px;color:var(--soft);font-size:16.5px;line-height:1.85}
.prose p:first-child{font-family:"Cormorant Garamond",serif;font-size:clamp(20px,2vw,26px);line-height:1.5;color:var(--ink)}
.prose .big{font-family:"Cormorant Garamond",serif;font-weight:400;font-size:clamp(26px,3.4vw,44px);line-height:1.25;letter-spacing:-.01em;color:var(--ink);margin:10px 0 30px}
.prose .big em{font-style:italic;color:var(--accent)}

/* SPLIT (about) */
.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(34px,6vw,90px);align-items:start;padding-block:clamp(50px,8vh,90px)}
.split__media img{width:100%;height:auto;background:var(--paper2)}
.split__media .cap{margin-top:12px}

/* CREDIT LIST (exhibitions / cv) */
.exlist{padding-block:clamp(30px,5vh,60px) clamp(70px,11vh,130px)}
.exrow{display:grid;grid-template-columns:110px 1fr auto;gap:clamp(16px,4vw,54px);align-items:baseline;padding:24px 0;border-top:1px solid var(--line);transition:padding-left .35s}
.exrow:last-child{border-bottom:1px solid var(--line)}
.exrow:hover{padding-left:14px}
.exrow .yr{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:21px;color:var(--accent)}
.exrow .ti{font-family:"Cormorant Garamond",serif;font-size:clamp(18px,2vw,27px);font-weight:400}
.exrow .ve{color:var(--muted);font-size:12.5px;letter-spacing:.05em;text-align:right}
.grouphead{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:clamp(22px,2.6vw,34px);margin:clamp(40px,6vh,70px) 0 6px;color:var(--ink)}

/* CONTACT */
.contact{padding-block:clamp(60px,10vh,120px) clamp(70px,11vh,130px)}
.contact .big{font-family:"Cormorant Garamond",serif;font-weight:560;font-size:clamp(30px,4.4vw,66px);letter-spacing:-.015em;line-height:1.06}
.contact .big a{border-bottom:2px solid var(--accent)}.contact .big a:hover{color:var(--accent)}
.contact__row{display:flex;gap:44px;flex-wrap:wrap;margin-top:50px}
.contact__row .label{display:block;margin-bottom:8px}
.contact__row a{font-family:"Cormorant Garamond",serif;font-size:19px}.contact__row a:hover{color:var(--accent)}

/* WORK LANDING · category doors */
.doors{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,1.8vw,26px);padding-block:clamp(30px,5vh,60px) clamp(70px,11vh,130px)}
.door{position:relative;aspect-ratio:16/10;overflow:hidden;display:block;background:#ece6db}
.door img{width:100%;height:100%;object-fit:contain;transition:transform 1.1s cubic-bezier(.19,1,.22,1)}
.door:hover img{transform:scale(1.05)}
.door::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,14,8,.12),rgba(20,14,8,0) 38%,rgba(20,14,8,.74))}
.door__c{position:absolute;left:0;bottom:0;z-index:2;padding:clamp(22px,3vw,38px);color:#fff}
.door__c .n{font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.8)}
.door__c h3{font-family:"Cormorant Garamond",serif;font-weight:500;font-size:clamp(26px,3vw,46px);line-height:1;margin:9px 0 7px}
.door__c h3 i{font-style:italic}
.door__c .d{font-size:13.5px;color:rgba(255,255,255,.85);max-width:36ch;line-height:1.5}
.door__c .go{display:inline-flex;gap:9px;margin-top:16px;font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid var(--accent);padding-bottom:4px}
@media(max-width:760px){.doors{grid-template-columns:1fr}.door{aspect-ratio:3/2}}
.featrow{grid-template-columns:repeat(3,1fr);padding-block:clamp(20px,3vh,34px) clamp(20px,3vh,30px)}
.featrow .door{aspect-ratio:4/5}
.featrow .door__c{padding:clamp(16px,1.6vw,26px)}
.featrow .door__c h3{font-size:clamp(20px,1.7vw,29px)}
@media(max-width:760px){.featrow{grid-template-columns:1fr}.featrow .door{aspect-ratio:3/2}}

/* WORK · series index as uncropped mosaic (full images) */
.mwall{columns:3;column-gap:clamp(14px,1.8vw,26px);padding-block:clamp(26px,4vh,48px) clamp(70px,11vh,130px)}
.mcard{break-inside:avoid;margin-bottom:clamp(22px,2.6vw,36px);display:block}
.mcard .im{overflow:hidden;background:#ece6db}
.mcard img{width:100%;height:auto;display:block;transition:transform 1s cubic-bezier(.19,1,.22,1)}
.mcard:hover img{transform:scale(1.035)}
.mcard .cap{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:13px 2px 0}
.mcard .cap .t{font-family:"Cormorant Garamond",serif;font-style:italic;font-weight:400;font-size:clamp(19px,1.7vw,24px);line-height:1.1;color:var(--ink)}
.mcard:hover .cap .t{color:var(--accent)}
.mcard .cap .n{font-size:10.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
@media(max-width:1000px){.mwall{columns:2}}
@media(max-width:600px){.mwall{columns:1}}

/* WORK · series index cards (legacy grid) */
.wgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.8vw,26px);padding-block:clamp(26px,4vh,48px) clamp(70px,11vh,130px)}
.wcard{display:block;position:relative;overflow:hidden;background:#ece6db;aspect-ratio:4/5}
.wcard img{width:100%;height:100%;object-fit:contain;transition:transform 1s cubic-bezier(.19,1,.22,1)}
.wcard:hover img{transform:scale(1.05)}
.wcard::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 44%,rgba(20,14,8,.8))}
.wcard .c{position:absolute;left:0;bottom:0;z-index:2;padding:20px 18px;color:#fff}
.wcard .c .t{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:23px;line-height:1.1}
.wcard .c .n{font-size:10.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.78);margin-top:5px}
@media(max-width:1000px){.wgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.wgrid{grid-template-columns:1fr}}

/* WORK DETAIL */
.wmeta{display:flex;gap:clamp(26px,4vw,48px);flex-wrap:wrap;margin-top:30px}
.wmeta div .k{font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.wmeta div .v{font-family:"Cormorant Garamond",serif;font-size:19px;color:var(--ink)}
.bandimg{width:100%;overflow:hidden;background:#ece6db;margin-block:clamp(30px,5vh,56px)}
.bandimg img{width:100%;height:auto;display:block}
.relhead{border-top:1px solid var(--line);padding-top:24px;margin-top:clamp(30px,5vh,50px);font-family:"Cormorant Garamond",serif;font-style:italic;font-size:clamp(20px,2.4vw,30px)}

/* VIDEO ARCHIVE */
.vfeature{padding-block:clamp(30px,5vh,60px) 0}
.vplayer{position:relative;background:#0d0a06;overflow:hidden;aspect-ratio:16/9;box-shadow:0 24px 60px rgba(20,14,8,.14)}
.vplayer video{width:100%;height:100%;object-fit:cover;display:block}
.vcap{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:16px 2px 0;flex-wrap:wrap}
.vcap .t{font-family:"Cormorant Garamond",serif;font-style:italic;font-weight:400;font-size:clamp(21px,2vw,29px);line-height:1.1}
.vcap .m{font-size:10.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.vgrid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,2.4vw,34px);padding-block:clamp(34px,6vh,64px)}
.vgrid .vplayer{box-shadow:0 16px 40px rgba(20,14,8,.12)}
.vsub{border-top:1px solid var(--line);padding-top:24px;margin-top:clamp(20px,4vh,40px);font-family:"Cormorant Garamond",serif;font-style:italic;font-size:clamp(20px,2.4vw,30px);color:var(--ink)}
@media(max-width:820px){.vgrid{grid-template-columns:1fr}}

/* FOOTER */
.foot{border-top:1px solid var(--ink);padding:clamp(60px,9vh,110px) 0 46px;margin-top:20px}
.foot__top{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap}
.foot__top .n{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:clamp(26px,3.1vw,46px);letter-spacing:-.01em}
.foot__top .n i{font-style:italic;color:var(--ink)}
.foot__nav{display:flex;gap:26px;flex-wrap:wrap}
.foot__nav a{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--soft)}.foot__nav a:hover{color:var(--accent)}
.foot__bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;margin-top:56px;padding-top:24px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;letter-spacing:.06em}
.foot__bottom a:hover{color:var(--ink)}
/* ===== artistic footer (colophon) ===== */
.ftr2__top{display:flex;justify-content:space-between;align-items:flex-start;gap:34px 40px;flex-wrap:wrap}
.ftr2__lead{display:flex;flex-direction:column;gap:13px}
.ftr2__k{font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.ftr2__mail{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-weight:500;font-size:clamp(25px,3.5vw,46px);letter-spacing:-.01em;line-height:1.04;color:var(--ink);border-bottom:1px solid var(--line);padding-bottom:6px;width:fit-content;transition:.3s}
.ftr2__mail:hover{color:var(--accent);border-color:var(--accent)}
.ftr2__loc{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:2px}
.ftr2__nav{display:flex;flex-direction:column;gap:12px;text-align:right}
.ftr2__nav a{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--soft);transition:.25s}
.ftr2__nav a:hover{color:var(--accent)}
.ftr2__word{display:block;font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;font-size:clamp(40px,8vw,112px);line-height:.92;letter-spacing:-.02em;color:var(--ink);margin-top:clamp(36px,6vh,72px);transition:.45s}
.ftr2__word i{font-style:italic;color:var(--accent)}
.ftr2__word:hover{color:var(--soft)}
.ftr2__base{display:flex;justify-content:space-between;align-items:center;gap:9px 22px;flex-wrap:wrap;margin-top:clamp(28px,4vh,52px);padding-top:20px;border-top:1px solid var(--line);font-size:11.5px;letter-spacing:.05em;color:var(--muted)}
.ftr2__base a{color:var(--soft);transition:.25s}.ftr2__base a:hover{color:var(--accent)}
.ftr2__base .lg{display:flex;gap:16px}
@media(max-width:600px){.ftr2__top{flex-direction:column;gap:26px}.ftr2__nav{flex-direction:row;flex-wrap:wrap;gap:14px 20px;text-align:left}.ftr2__base{flex-direction:column;align-items:flex-start;gap:11px}}

/* ===== artist statement ===== */
.stmt{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(28px,5vw,70px);align-items:start;margin-top:clamp(40px,6vh,78px)}
.stmt--rev .stmt__media{order:2}
.stmt__media img{width:100%}
.stmt__media .cap{margin-top:10px}
.stmt__eyb{display:block;margin-bottom:13px}
.stmt__body h3{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;font-size:clamp(26px,3vw,40px);letter-spacing:-.01em;line-height:1.06;margin-bottom:18px}
.stmt__body h3 i{font-style:italic;color:var(--accent)}
.stmt__body p{font-size:15px;line-height:1.75;color:var(--soft);margin-bottom:14px}
.stmt__body .link{margin-top:8px;display:inline-block}
@media(max-width:900px){.stmt{grid-template-columns:1fr;gap:20px}.stmt--rev .stmt__media{order:0}.stmt__media{max-width:540px}}

/* press links inside CV list */
.exrow .ti a{transition:.25s}.exrow .ti a:hover{color:var(--accent)}
.exrow .ve a{color:var(--soft);border-bottom:1px solid var(--line);transition:.25s}.exrow .ve a:hover{color:var(--accent);border-color:var(--accent)}
/* responsive YouTube embed */
.ytwrap{position:relative;width:100%;padding-top:56.25%;background:#000;border:1px solid var(--line);overflow:hidden}
.ytwrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
/* YouTube gallery (click-to-play facade) */
.vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:clamp(14px,1.8vw,24px);padding-block:clamp(20px,3vh,40px)}
.vcard{position:relative;width:100%;aspect-ratio:16/9;background:#000;overflow:hidden;cursor:pointer;border:1px solid var(--line)}
.vcard img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.19,1,.22,1),opacity .3s}
.vcard:hover img{transform:scale(1.05);opacity:.82}
.vcard .play{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.vcard .play i{width:58px;height:58px;border-radius:50%;background:rgba(20,14,8,.55);display:grid;place-items:center;transition:.3s}
.vcard:hover .play i{background:var(--accent)}
.vcard .play i::before{content:"";width:0;height:0;border-style:solid;border-width:9px 0 9px 15px;border-color:transparent transparent transparent #fff;margin-left:3px}
.vcard iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
/* ===== mobile menu ===== */
.nav__burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:28px;height:22px;background:none;border:0;padding:0;cursor:pointer;color:inherit;z-index:61}
.nav__burger span{display:block;width:100%;height:2px;background:currentColor;transition:.3s}
.nav--over .nav__burger{color:#fff}
.nav--light .nav__burger,.nav.s .nav__burger{color:var(--ink)}
.mmenu{position:fixed;inset:0;z-index:60;background:var(--paper);display:flex;flex-direction:column;justify-content:center;gap:2px;padding:var(--g);transform:translateY(-12px);opacity:0;visibility:hidden;transition:opacity .4s,transform .4s,visibility .4s}
.mmenu.open{opacity:1;visibility:visible;transform:none}
.mmenu a{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;font-size:clamp(32px,9vw,52px);color:var(--ink);letter-spacing:-.01em;padding:6px 0;line-height:1.15}
.mmenu a.on{color:var(--accent)}
.mmenu__x{position:absolute;top:18px;right:var(--g);width:36px;height:36px;background:none;border:0;color:var(--ink);font-size:32px;line-height:1;cursor:pointer}
.mmenu__foot{position:absolute;left:var(--g);bottom:30px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
@media(max-width:820px){.nav__burger{display:flex}.scrollcue{display:none}}
@media(max-width:560px){.workhead .label{letter-spacing:.1em}}
/* browse-by-medium pills (home) */
.medrow{display:flex;flex-wrap:wrap;gap:9px 10px;margin:4px 0 clamp(22px,3.5vh,36px)}
.medrow a{font-size:11px;font-weight:500;letter-spacing:.13em;text-transform:uppercase;color:var(--soft);border:1px solid var(--line);border-radius:100px;padding:8px 16px;transition:.25s;white-space:nowrap}
.medrow a:hover{color:var(--accent);border-color:var(--accent);background:var(--paper2)}

/* LIGHTBOX · gallery white */
.lb{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;background:#FBFAF6;opacity:0;visibility:hidden;transition:opacity .35s}
.lb.open{opacity:1;visibility:visible}
.lb__bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px var(--g);color:var(--soft)}
.lb__bar .idx{font-size:11px;letter-spacing:.2em;text-transform:uppercase}
.lb__x{background:none;border:0;color:var(--ink);font-size:26px;line-height:1;cursor:pointer;padding:6px;opacity:.7;transition:.3s}.lb__x:hover{opacity:1;transform:rotate(90deg)}
.lb__stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:0 var(--g)}
.lb__stage img{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 18px 50px rgba(20,14,8,.14)}
.lb__meta{padding:20px var(--g) clamp(28px,5vh,52px);color:var(--ink);text-align:center}
.lb__meta .t{font-family:"Cormorant Garamond",serif;font-style:italic;font-weight:400;font-size:clamp(22px,3vw,34px);line-height:1.1;color:var(--ink)}
.lb__meta .m{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-top:10px}
.lb__meta .credit{font-size:12px;color:var(--muted);margin-top:14px}
.lb__meta .series{display:inline-flex;gap:10px;margin-top:18px;font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);border-bottom:1px solid var(--accent);padding-bottom:5px}
.lb__nav{position:absolute;top:50%;transform:translateY(-50%);background:none;border:0;color:var(--muted);font-size:40px;cursor:pointer;padding:10px 18px;transition:.3s;z-index:2}
.lb__nav:hover{color:var(--ink)}.lb__prev{left:6px}.lb__next{right:6px}
.lb.single .lb__nav{display:none}
@media(max-width:640px){.lb__nav{font-size:28px;padding:8px 10px}}
/* multi-image discovery: count badge + hover peek */
.tile .peek{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;z-index:1;transition:opacity .6s ease,transform 1.1s cubic-bezier(.19,1,.22,1)}
.tile:hover .peek{opacity:1}
.tile figcaption{z-index:2}
.tile .count{position:absolute;top:12px;right:12px;z-index:3;display:inline-flex;align-items:center;gap:5px;background:rgba(20,14,8,.6);color:#fff;padding:5px 9px 4px;font-size:11px;font-weight:500;letter-spacing:.03em;border-radius:2px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none}
.tile .count svg{display:block;opacity:.92}
/* lightbox filmstrip + view-full link */
.lb__meta{padding-bottom:16px}
.lb__full{display:none;align-items:center;gap:6px;margin-top:14px;font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);border-bottom:1px solid var(--accent);padding-bottom:5px;text-decoration:none}
.lb__full:hover{color:var(--accent)}
.lb__strip{display:none;gap:8px;justify-content:center;align-items:center;overflow-x:auto;padding:0 var(--g) 20px;scrollbar-width:thin}
.lb__th{flex:0 0 auto;width:58px;height:58px;padding:0;border:0;background:#ece6db;cursor:pointer;opacity:.5;outline:2px solid transparent;outline-offset:-2px;transition:opacity .3s,outline-color .3s}
.lb__th img{width:100%;height:100%;object-fit:contain;display:block}
.lb__th:hover{opacity:.85}
.lb__th.on{opacity:1;outline-color:var(--accent)}
@media(max-width:640px){.lb__th{width:46px;height:46px}.lb__strip{justify-content:flex-start}}

@media(max-width:1080px){.mosaic{columns:2}.bio,.split{grid-template-columns:1fr;gap:34px}.split__media{order:-1;max-width:520px}}
@media(max-width:820px){.nav__l{display:none}.hero__in{flex-direction:column;align-items:flex-start}.hero__side{text-align:left}.exrow{grid-template-columns:60px 1fr;gap:16px}.exrow .ve{grid-column:1/-1;text-align:left;margin-top:4px}}
@media(max-width:560px){.mosaic,.mosaic.two{columns:1}.hero h1{font-size:clamp(56px,16vw,90px)}}

/* ===== legal pages ===== */
.legal{max-width:830px;padding-block:clamp(18px,3vh,34px) clamp(70px,11vh,120px)}
.legal .upd{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.legal h2{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;font-size:clamp(21px,2.4vw,29px);letter-spacing:-.01em;margin-top:clamp(30px,4vh,46px);margin-bottom:9px}
.legal h3{font-size:14px;font-weight:600;color:var(--ink);margin-top:20px;margin-bottom:5px}
.legal p,.legal li{font-size:15px;line-height:1.72;color:var(--soft);margin-bottom:12px}
.legal ul{padding-left:20px;margin-bottom:12px}.legal li{margin-bottom:8px}
.legal strong{color:var(--ink);font-weight:600}
.legal a{color:var(--accent);border-bottom:1px solid var(--line);transition:.25s}
.legal a:hover{border-color:var(--accent)}

/* ===== footer legal + studio credit ===== */
.foot__legal{display:flex;justify-content:space-between;gap:14px 22px;flex-wrap:wrap;align-items:center;margin-top:18px;padding-top:16px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.foot__legal a{color:var(--soft);transition:.25s}.foot__legal a:hover{color:var(--accent)}
.foot__legal .sep{opacity:.5;margin:0 4px}

/* ===== cookie consent ===== */
.cookie{position:fixed;left:0;right:0;bottom:0;z-index:70;background:rgba(20,14,8,.95);backdrop-filter:blur(12px);color:#efe9de;padding:15px clamp(16px,4vw,44px);display:flex;gap:16px 26px;align-items:center;justify-content:center;flex-wrap:wrap;transform:translateY(110%);transition:transform .55s cubic-bezier(.19,1,.22,1)}
.cookie.show{transform:none}
.cookie p{font-size:12.5px;line-height:1.55;max-width:760px;margin:0}
.cookie p a{color:#fff;text-decoration:underline;text-underline-offset:2px}
.cookie__btns{display:flex;gap:10px;flex-shrink:0}
.cookie button{font-family:inherit;font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:9px 20px;border:1px solid rgba(255,255,255,.42);background:transparent;color:#fff;cursor:pointer;transition:.25s;border-radius:2px}
.cookie button.acc{background:#fff;color:var(--ink);border-color:#fff}
.cookie button:hover{opacity:.82}
@media(max-width:560px){.cookie{flex-direction:column;align-items:flex-start;text-align:left}.cookie__btns{width:100%}.cookie button{flex:1}}