*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:#11100e;color:#e9e5dc;font-family:Arial,'Helvetica Neue',sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea{outline-offset:5px}button{cursor:pointer}header{position:absolute;top:0;left:0;width:100%;z-index:10;padding:27px 3.5%;display:flex;align-items:center;justify-content:space-between;color:#fff;background:linear-gradient(#0009,transparent)}.brand{font-size:25px;font-weight:900;letter-spacing:-1.2px}.brand span{display:block;font-size:8px;font-weight:400;letter-spacing:2px;margin-top:5px}nav{display:flex;gap:35px;font-size:12px}nav a:hover{opacity:.6}sup{font-size:8px}.edition,.scene-top,.section-label,.tiny,.filters,.scene-number,.next,.signature,footer{font-family:monospace;font-size:10px;letter-spacing:1px}.scene{height:100svh;min-height:580px;position:relative;overflow:hidden}.scene>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;will-change:transform}.dark:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 30%,#0009)}.scene-top{position:absolute;top:125px;left:3.5%;right:3.5%;display:flex;justify-content:space-between;z-index:1}.hero-title{position:absolute;bottom:12%;left:3.5%;right:3.5%;z-index:1}.hero-title p{font-family:monospace;font-size:11px;letter-spacing:4px}.hero-title h1{font-size:clamp(65px,14vw,240px);line-height:.95;letter-spacing:-.075em;margin:23px 0 28px;font-weight:900}.hero-title>div{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1px}.hero-title b{margin-left:40px;font-size:25px;font-weight:400}.scene-number{position:absolute;bottom:30px;left:3.5%;z-index:1}.light{color:#191814;background:#eee}.light>img{opacity:.8}.light .scene-top{top:35px}.second-title{position:absolute;left:7%;top:25%;padding:25px;background:#eae6dbdf;max-width:80%}.second-title p{font-size:clamp(48px,8vw,130px);font-weight:900;letter-spacing:-.07em;line-height:.9;margin:0 0 25px}.second-title span{font-size:12px;line-height:1.8}.next{position:absolute;right:3.5%;bottom:40px;background:#13120f;color:white;padding:18px}.gallery-section{padding:65px 6% 100px}.section-label{display:flex;justify-content:space-between;color:#99958c;border-top:1px solid #49453e;padding-top:18px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:70px 0 40px}h2{font-weight:400;letter-spacing:-4px;font-size:clamp(50px,6vw,100px);margin:0}.section-heading h2 span{font-size:17px;letter-spacing:-1px;vertical-align:top;margin:12px}.section-heading p{font-size:12px;color:#aaa69c;line-height:1.9}.filters{display:flex;gap:24px;border-bottom:1px solid #49453e;padding:0 0 18px}.filters button{background:none;color:#7e7b74;border:0;padding:0;font-size:11px}.filters button.active{color:#f3eee1}.filters span{margin-left:auto;color:#7e7b74}#gallery{display:grid;grid-template-columns:1.2fr 1fr;gap:75px 7%;padding-top:45px}.work{cursor:pointer;min-width:0}.work:nth-child(2){margin-top:150px}.work:nth-child(3){grid-column:1/-1;width:75%;margin:0 auto}.art{overflow:hidden;position:relative;background:#28231d;aspect-ratio:1.12}.work:nth-child(2) .art{aspect-ratio:.78}.work:nth-child(3) .art{aspect-ratio:1.9}.art img,.art video{width:100%;height:100%;object-fit:cover;transition:transform .8s}.work:hover .art img{transform:scale(1.035)}.art .view{position:absolute;bottom:20px;right:20px;border:1px solid #fff8;border-radius:50%;height:45px;width:45px;display:grid;place-items:center;background:#1118;font-size:20px}.work-meta{display:flex;justify-content:space-between;margin-top:18px;font-size:11px;color:#99958c}.work h3{font-weight:400;font-size:23px;margin:10px 0}.sample{position:absolute;top:15px;left:15px;font:9px monospace;letter-spacing:1px;background:#171511cf;color:#ddd;padding:7px}.motion-frame{width:100%;height:100%;object-fit:cover}.motion-frame img{animation:drift 12s ease-in-out infinite alternate;filter:sepia(.4)}@keyframes drift{to{transform:scale(1.16) translateX(-2%)}}#manifesto{background:#281317;padding:65px 6% 110px}.manifesto-grid{display:grid;grid-template-columns:1fr 2.2fr;gap:5%;padding-top:90px}.tiny{line-height:1.8;color:#ab8f90}.manifesto-grid h2{font-size:clamp(65px,8vw,125px);line-height:1;letter-spacing:-6px}.manifesto-grid i{font-family:Georgia,serif;font-weight:400;color:#b99484}.manifesto-grid h3{font-size:22px;line-height:1.7;font-weight:400;margin-top:55px}.manifesto-grid p{color:#bba5a3;font-size:13px;line-height:2}.signature{display:block;margin-top:55px}footer{padding:35px 6%;display:flex;justify-content:space-between;color:#908c83}footer>a:first-child{color:#e9e5dc;font:900 22px Arial;letter-spacing:-1px}dialog{border:0;background:#141310;color:#e9e5dc;width:100vw;max-width:none;height:100svh;max-height:none;padding:90px 7%;margin:0}dialog::backdrop{background:#000c}.close{position:fixed;top:24px;right:5%;z-index:2;background:#e7e1d4;color:#171612;border:0;padding:12px 20px;font:11px monospace}#detail-content{max-width:1200px;margin:auto}#detail-content h2{margin:25px 0;font-size:clamp(45px,7vw,95px)}#detail-content p{font-size:14px;line-height:1.9;white-space:pre-line;color:#bbb5a9}#detail-content img,#detail-content video{width:100%;margin-top:35px;max-height:85vh;object-fit:contain;background:#0b0b0a}.detail-tag{font:11px monospace;color:#a8957b}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#e7e1d4;color:#171612;padding:14px 22px;z-index:50;font-size:13px;display:none}#admin{padding:130px 6% 70px;max-width:1300px;margin:auto}.admin-head{display:flex;justify-content:space-between;align-items:center}.admin-head h1{font-size:45px;letter-spacing:-2px;font-weight:400}.notice{padding:18px;border:1px solid #68534c;color:#c2ada4;font-size:13px;line-height:1.8;margin-bottom:30px}.btn{padding:12px 18px;border:1px solid #766b5f;color:#e8e0d4;background:none;font-size:12px}.btn.primary{background:#d6c9b4;color:#181613;border-color:#d6c9b4}.admin-row{display:flex;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid #443f36}.admin-row img{width:80px;height:70px;object-fit:cover}.admin-row .info{flex:1}.admin-row small{display:block;color:#a39783;margin-top:9px}.admin-actions{display:flex;gap:7px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid label{font-size:12px;display:flex;flex-direction:column;gap:10px}.full{grid-column:1/-1}input,textarea,select{width:100%;background:#201e19;color:#eee3d2;border:1px solid #514b40;padding:12px}textarea{min-height:95px}.media-row{padding:15px;border:1px solid #494236;display:flex;gap:15px;align-items:center;margin:10px 0}.media-row img,.media-row video{width:75px;height:65px;object-fit:cover}.media-row span{flex:1;word-break:break-all;font-size:11px}.media-row label{font-size:11px;display:flex;gap:5px;align-items:center}.media-row input{width:auto}.form-actions{display:flex;gap:10px;margin:25px 0}body:has(#admin:not([hidden])) header{position:relative}body:has(#admin:not([hidden])) #admin{padding-top:25px}@media(max-width:700px){header{padding:23px 6%}.brand{font-size:21px}.edition{display:none}nav{gap:18px;font-size:10px}.scene{min-height:600px}.scene-top{left:6%;right:6%;font-size:8px}.scene-top span:last-child{display:none}.hero-title{left:6%;right:6%;bottom:16%}.hero-title h1{font-size:17vw;letter-spacing:-.07em;margin:30px 0}.hero-title p{font-size:8px;letter-spacing:2px}.hero-title>div{font-size:10px;flex-direction:column;gap:35px}.hero-title b{margin-left:20px}.second-title{left:6%;padding:20px}.second-title p{font-size:15vw}.section-heading{display:block;margin-top:50px}.section-heading p{margin-top:25px}h2{letter-spacing:-3px}.section-label{font-size:8px}.filters span{display:none}#gallery{grid-template-columns:1fr;gap:40px}.work:nth-child(2){margin-top:0}.work:nth-child(3){width:100%;grid-column:auto}.manifesto-grid{grid-template-columns:1fr;padding-top:45px;gap:40px}.manifesto-grid h2{letter-spacing:-4px}.manifesto-grid h3{font-size:19px}footer{flex-wrap:wrap;gap:25px;font-size:8px}footer>a:first-child{width:100%}.form-grid{grid-template-columns:1fr}.admin-row{flex-wrap:wrap}.admin-actions{width:100%}.admin-head h1{font-size:32px}.media-row{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.scene>img{transform:none!important}}

/* Aligned exhibition and split media entrance */
.split-scene{display:grid;grid-template-columns:1fr 1fr;background:#fff;min-height:0;height:100svh;color:#171612}
.split-panel{position:relative;min-width:0;min-height:0;overflow:hidden}
.split-panel>img,.split-panel>video{display:block;width:100%;height:100%;object-fit:cover}
.film-toggle{position:absolute;right:20px;bottom:20px;width:40px;height:40px;border:1px solid #fff8;background:#1119;color:white;border-radius:50%;font-size:14px}
#gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 30px}
.work:nth-child(n){margin:0;width:100%;grid-column:auto}
.work:nth-child(n) .art{aspect-ratio:1/1}
@media(max-width:700px){.split-scene{height:100svh;min-height:0}.film-toggle{right:10px;bottom:15px;width:34px;height:34px}#gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 14px}.work h3{font-size:16px;line-height:1.4}.work-meta{font-size:8px;gap:8px}.sample{font-size:7px;left:8px;top:8px;padding:5px}.art .view{width:30px;height:30px;right:10px;bottom:10px;font-size:16px}}

/* Compact, aligned archive thumbnails */
.hero-title>div{justify-content:flex-end}
#gallery{grid-template-columns:repeat(5,minmax(0,1fr));gap:35px 20px}
.work h3{font-size:16px;line-height:1.4}
.work-meta{font-size:9px;gap:8px}
.sample{font-size:7px;padding:5px;top:8px;left:8px;letter-spacing:.4px}
.art .view{width:30px;height:30px;right:10px;bottom:10px;font-size:16px}
@media(max-width:1100px){#gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){#gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 14px}.hero-title>div{align-items:flex-end}}

.hero-toggle{position:absolute;z-index:2;right:3.5%;bottom:24px;width:36px;height:36px;border:1px solid #fff6;border-radius:50%;background:#1118;color:#eee;cursor:pointer;font-size:13px}

/* Mobile entrance: motion first, followed by the full-width artwork. */
@media(max-width:700px){
  #scene2.split-scene{grid-template-columns:minmax(0,1fr);height:auto;min-height:0}
  #scene2 .split-panel:first-child{order:2}
  #scene2 .split-panel:last-child{order:1}
  #scene2 .split-panel>img,#scene2 .split-panel>video{width:100%;height:auto;object-fit:contain}
}
