
/* v34 CURATORIAL GATEWAY — visual-first, content-preserving */
:root{--v34-max:1280px;--v34-pad:clamp(20px,4vw,58px);--v34-hair:rgba(199,163,119,.16)}
body{background:#070706!important}
.wrap{width:min(var(--v34-max),calc(100% - 48px))!important}
#nav{padding:16px var(--v34-pad)!important;background:linear-gradient(180deg,rgba(7,7,6,.96),rgba(7,7,6,.55),transparent)!important}
#nav.scrolled{background:rgba(7,7,6,.93)!important;border-bottom:1px solid var(--v34-hair)!important;backdrop-filter:blur(18px)!important}
.brand{font-size:.95rem!important;letter-spacing:.32em!important}
.navlinks a{font-size:.66rem!important;letter-spacing:.18em!important}

/* HERO: a clear curatorial gateway, not a wall of explanation */
.hero{min-height:100svh!important;padding:100px 0 54px!important;align-items:center!important}
.hero::before{background:linear-gradient(90deg,rgba(7,7,6,.95) 0%,rgba(7,7,6,.77) 43%,rgba(7,7,6,.34) 71%,rgba(7,7,6,.76) 100%)!important}
.hero-content{width:min(var(--v34-max),calc(100% - 48px))!important;display:grid!important;grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr)!important;gap:clamp(34px,6vw,96px)!important;align-items:center!important;max-width:none!important}
.hero-copy{max-width:680px!important;position:relative;z-index:4}
.hero-role{font-size:.7rem!important;letter-spacing:.22em!important;color:rgba(236,231,223,.62)!important;margin-bottom:16px!important}
.hero .eyebrow{font-size:.66rem!important;margin-bottom:26px!important;letter-spacing:.24em!important}
.hero-copy h1{font-size:clamp(3.7rem,6.8vw,7.9rem)!important;line-height:.84!important;letter-spacing:-.052em!important;max-width:720px!important}
.hero-reading{margin-top:30px!important;display:grid!important;grid-template-columns:.7fr 1.3fr!important;gap:24px!important;align-items:start!important}
.hero-refrain{font-size:clamp(1.1rem,1.55vw,1.55rem)!important;line-height:1.3!important;color:var(--dangerless)!important}
.hero-sub{font-size:.96rem!important;line-height:1.72!important;color:rgba(236,231,223,.68)!important}
.hero-actions{margin-top:30px!important}
.v33-mode-note{display:none!important}
.hero-gallery{position:relative;min-height:660px;height:min(74vh,820px);perspective:1300px;z-index:3}
.hero-shot{position:absolute;display:block;overflow:hidden;border:1px solid rgba(199,163,119,.26);background:#050505;box-shadow:0 38px 130px rgba(0,0,0,.58);transition:transform .45s ease,border-color .35s ease,filter .35s ease}
.hero-shot img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(.32) saturate(.72) contrast(1.12) brightness(.70);transition:transform .6s ease,filter .45s ease}
.hero-shot::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,7,6,.66),transparent 52%),radial-gradient(circle at 26% 20%,rgba(199,163,119,.14),transparent 34%);pointer-events:none}
.hero-shot:hover{border-color:rgba(199,163,119,.62)}
.hero-shot:hover img{transform:scale(1.035);filter:grayscale(.08) saturate(.92) brightness(.86)}
.hero-shot.a{width:75%;height:42%;right:5%;top:1%;transform:rotateY(-8deg) rotateZ(1.2deg)}
.hero-shot.b{width:58%;height:34%;left:0;top:32%;transform:rotateY(12deg) rotateZ(-2.3deg) translateZ(26px)}
.hero-shot.c{width:67%;height:37%;right:0;bottom:1%;transform:rotateY(-10deg) rotateZ(2deg) translateZ(54px)}
.hero-shot:hover.a{transform:rotateY(-4deg) rotateZ(.4deg) translateZ(18px)}
.hero-shot:hover.b{transform:rotateY(7deg) rotateZ(-1deg) translateZ(44px)}
.hero-shot:hover.c{transform:rotateY(-5deg) rotateZ(.7deg) translateZ(70px)}
.hero-shot-label{position:absolute;left:18px;bottom:16px;z-index:4;color:#f0ebe3;font-size:.62rem;letter-spacing:.17em;text-transform:uppercase;line-height:1.45;text-shadow:0 2px 18px #000}
.hero-shot-label strong{display:block;font-family:var(--serif);font-size:1.05rem;letter-spacing:0;text-transform:none;font-weight:400;margin-bottom:3px}

/* IMMEDIATE NAVIGATION: the curator always knows where to go */
.curatorial-index{border-bottom:1px solid var(--v34-hair);background:rgba(11,10,8,.74)}
.curatorial-index .wrap{display:grid;grid-template-columns:repeat(5,1fr);padding-top:0;padding-bottom:0}
.curatorial-index a{min-height:118px;padding:22px 18px;border-right:1px solid var(--v34-hair);color:var(--muted);display:flex;flex-direction:column;justify-content:space-between;transition:background .25s,color .25s}
.curatorial-index a:first-child{border-left:1px solid var(--v34-hair)}
.curatorial-index a:hover{background:rgba(199,163,119,.055);color:var(--text)}
.curatorial-index .ix{font-family:var(--serif);font-size:1.55rem;color:var(--gold-soft);line-height:1}
.curatorial-index strong{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;font-weight:500;color:var(--text)}
.curatorial-index small{font-size:.68rem;line-height:1.45;color:var(--dim)}

/* SELECTED WORKS: six big visual entry points, one scanable vertical sequence */
#works{padding-top:clamp(64px,7vw,100px)!important}
.moving-image-head{margin:0 0 34px!important;display:grid!important;grid-template-columns:.6fr 1.4fr!important;gap:32px!important;align-items:end!important}
.moving-image-copy h3{font-size:clamp(3.1rem,6vw,6.6rem)!important;line-height:.88!important;letter-spacing:-.05em!important}
.moving-image-copy p{max-width:640px!important;margin-left:auto!important;font-size:.92rem!important;color:rgba(236,231,223,.62)!important}
.works-grid{display:block!important;counter-reset:work!important;margin:0!important}
.work-card,.work-card.featured{counter-increment:work;display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr)!important;min-height:430px!important;margin:0 0 18px!important;background:rgba(10,9,8,.68)!important;border:1px solid rgba(199,163,119,.14)!important;box-shadow:none!important;overflow:hidden!important;transform:none!important}
.work-card:nth-child(even) .thumb{order:2}
.work-card:nth-child(even) .work-info{order:1}
.work-card .thumb,.work-card.featured .thumb{height:100%!important;min-height:430px!important;aspect-ratio:auto!important}
.work-card .thumb img{filter:grayscale(.16) saturate(.78) brightness(.76) contrast(1.12)!important}
.work-card:hover .thumb img{filter:grayscale(0) saturate(.96) brightness(.9) contrast(1.12)!important;transform:scale(1.035)!important}
.work-card .thumb::after{width:76px!important;height:76px!important;content:'VIEW'!important;font-size:.58rem!important;background:rgba(7,7,6,.44)!important}
.work-card .work-info,.work-card.featured .work-info{padding:42px 38px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;position:relative!important}
.work-card .work-info::before{content:'0' counter(work);position:absolute;top:24px;right:28px;color:rgba(199,163,119,.38);font-family:var(--serif);font-size:2rem}
.work-card .work-info h3,.work-card.featured h3{font-size:clamp(2.15rem,3.2vw,3.8rem)!important;line-height:.98!important;letter-spacing:-.035em!important;margin:10px 0 16px!important;max-width:520px!important}
.work-card .work-info p{display:block!important;-webkit-line-clamp:unset!important;font-size:.92rem!important;line-height:1.72!important;max-width:520px!important;color:rgba(236,231,223,.62)!important}
.work-card .work-system{margin-top:18px!important;border:0!important;border-top:1px solid rgba(199,163,119,.15)!important;padding:12px 0 0!important;background:transparent!important;color:var(--gold-soft)!important}
.work-video-link{margin-top:18px!important}
.filter-row{display:none!important}

/* LIVE SYSTEMS: distinct second chapter */
.works-top{margin-top:clamp(92px,10vw,150px)!important;padding-top:0!important;border-top:0!important}
.works-top .section-head{display:grid!important;grid-template-columns:.7fr 1.3fr!important;gap:36px!important;align-items:end!important}
.works-top .section-head h2{font-size:clamp(3rem,5.4vw,5.8rem)!important;line-height:.9!important}
.works-top .lead{margin-left:auto!important;max-width:650px!important}
.live-systems-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
.live-system-card{border-color:rgba(199,163,119,.16)!important;background:linear-gradient(180deg,rgba(18,16,13,.82),rgba(7,7,6,.94))!important;box-shadow:none!important}
.system-visual{min-height:280px!important}
.live-system-card h3{font-size:clamp(2.25rem,3vw,3.35rem)!important}

/* WORKING PROOFS: fast overview first, documentation on demand */
.proof-index{padding:clamp(70px,8vw,112px) 0!important;border-top:1px solid var(--v34-hair);border-bottom:1px solid var(--v34-hair);background:linear-gradient(180deg,rgba(13,12,10,.88),rgba(7,7,6,.94))}
.proof-index-head{display:grid;grid-template-columns:.7fr 1.3fr;gap:36px;align-items:end;margin-bottom:32px}
.proof-index-head h2{font-size:clamp(3rem,5.5vw,5.9rem)!important;line-height:.9!important}
.proof-index-head p{max-width:650px;margin-left:auto;color:var(--muted);font-size:.92rem}
.proof-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.proof-card{min-height:275px;border:1px solid rgba(199,163,119,.15);padding:26px;background:rgba(7,7,6,.44);display:flex;flex-direction:column;color:var(--text);transition:background .25s,border-color .25s,transform .25s}
.proof-card:hover{background:rgba(199,163,119,.05);border-color:rgba(199,163,119,.42);transform:translateY(-2px)}
.proof-card .pnum{font-family:var(--serif);font-size:1.4rem;color:var(--gold-soft);margin-bottom:auto}
.proof-card h3{font-family:var(--serif);font-size:clamp(1.8rem,2.4vw,2.6rem);font-weight:400;line-height:1;margin:26px 0 12px}
.proof-card p{font-size:.82rem;line-height:1.62;color:var(--muted)}
.proof-card .plink{margin-top:18px;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}

/* Collapsible deep documentation. Nothing is deleted; complexity moves one click deeper. */
.curatorial-drawer{width:min(var(--v34-max),calc(100% - 48px));margin:18px auto 0;border-top:1px solid rgba(199,163,119,.18);border-bottom:1px solid rgba(199,163,119,.18);background:rgba(10,9,8,.42)}
.curatorial-drawer>summary{cursor:pointer;list-style:none;padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--dangerless);font-size:.67rem;letter-spacing:.17em;text-transform:uppercase}
.curatorial-drawer>summary::-webkit-details-marker{display:none}
.curatorial-drawer>summary::after{content:'+';font-size:1.25rem;color:var(--gold)}
.curatorial-drawer[open]>summary::after{content:'–'}
.curatorial-drawer-body>section{width:100%!important;border-top:1px solid rgba(199,163,119,.08)!important}
.proof-drawer{margin-top:0!important}
.proof-drawer #zero-point,.proof-drawer #condensation-of-time{padding-top:72px!important;padding-bottom:72px!important}
.about-drawer{margin-top:clamp(70px,8vw,112px)!important}
.about-drawer .dataset,.about-drawer .statement{background:transparent!important}
.inquiry-drawer{margin-top:0!important;margin-bottom:0!important}
.inquiry-drawer .inquiry-section{padding:64px 0!important;background:transparent!important}

/* Recognition / CV / downloads become an institutional appendix, still easy to scan */
#recognition{padding-top:clamp(80px,8vw,120px)!important}
#cv{padding-top:72px!important}
#downloads{padding:64px 0!important}
.download-grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr!important}
.download-card:first-child{border-color:rgba(199,163,119,.38)!important;background:rgba(199,163,119,.055)!important}

@media(max-width:1080px){
  .hero-content{grid-template-columns:1fr!important}.hero-gallery{height:520px;min-height:500px;margin-top:22px}.hero-copy{max-width:820px!important}
  .curatorial-index .wrap{grid-template-columns:repeat(3,1fr)}.curatorial-index a:nth-child(4),.curatorial-index a:nth-child(5){border-top:1px solid var(--v34-hair)}
  .work-card,.work-card.featured{grid-template-columns:1.1fr .9fr!important}.work-card .work-info,.work-card.featured .work-info{padding:34px 28px!important}
  .live-systems-grid{grid-template-columns:1fr!important}.proof-cards{grid-template-columns:1fr 1fr}.download-grid{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:760px){
  #nav{padding:14px 16px!important}.nav-toggle{display:block!important}.navlinks{top:62px!important}
  .hero{min-height:auto!important;padding:94px 0 34px!important}.hero-content{width:min(100% - 28px,var(--v34-max))!important}.hero-copy h1{font-size:clamp(3.2rem,15vw,5.3rem)!important}.hero-reading{grid-template-columns:1fr!important;gap:12px!important}.hero-sub{font-size:.94rem!important}
  .hero-gallery{height:360px;min-height:360px;margin-top:30px}.hero-shot.a{width:86%;height:44%;right:0}.hero-shot.b{width:64%;height:31%;left:0;top:35%}.hero-shot.c{width:75%;height:33%;right:0;bottom:0}.hero-shot-label{font-size:.55rem;left:12px;bottom:10px}.hero-shot-label strong{font-size:.86rem}
  .cred-strip{margin-top:0!important}.curatorial-index .wrap{width:100%!important;grid-template-columns:1fr 1fr}.curatorial-index a{min-height:96px;padding:16px}.curatorial-index a:nth-child(n){border:1px solid var(--v34-hair);border-top:0;border-left:0}.curatorial-index a:last-child{grid-column:span 2}
  .moving-image-head,.works-top .section-head,.proof-index-head{grid-template-columns:1fr!important;gap:16px!important}.moving-image-copy p,.works-top .lead,.proof-index-head p{margin-left:0!important}
  .work-card,.work-card.featured{display:block!important;min-height:auto!important}.work-card:nth-child(even) .thumb{order:initial}.work-card .thumb,.work-card.featured .thumb{height:auto!important;min-height:0!important;aspect-ratio:16/9!important}.work-card .work-info,.work-card.featured .work-info{padding:28px 22px 30px!important}.work-card .work-info h3,.work-card.featured h3{font-size:clamp(2rem,9vw,3rem)!important}.work-card .work-info::before{top:16px;right:18px;font-size:1.5rem}
  .proof-cards{grid-template-columns:1fr}.proof-card{min-height:220px}.curatorial-drawer{width:min(100% - 28px,var(--v34-max))}.download-grid{grid-template-columns:1fr!important}
}
