/* Page curtains are decorative; content stays available without JavaScript. */
.page-curtain { position:fixed; inset:0; z-index:10000; pointer-events:none; display:flex; }
.page-curtain::before,.page-curtain::after { content:''; width:50%; height:100%; background:#182d27; border-inline:3px double #bba16b; transform:translateX(-102%); }
.page-curtain::after { transform:translateX(102%); background:#243b32; }
.page-curtain.is-entering::before { animation:curtain-left .72s cubic-bezier(.76,0,.24,1) both; }
.page-curtain.is-entering::after { animation:curtain-right .72s cubic-bezier(.76,0,.24,1) both; }
.page-curtain.is-leaving::before { animation:curtain-left .42s cubic-bezier(.76,0,.24,1) reverse both; }
.page-curtain.is-leaving::after { animation:curtain-right .42s cubic-bezier(.76,0,.24,1) reverse both; }
@keyframes curtain-left { from { transform:translateX(0); } to { transform:translateX(-102%); } }
@keyframes curtain-right { from { transform:translateX(0); } to { transform:translateX(102%); } }
[data-drift] { transform:translate3d(0,var(--collage-drift,0px),0) rotate(var(--collage-turn,0deg)); }
.home-page #work,.home-page #about,.home-page #contact { position:relative; isolation:isolate; }
.home-page .drawer:not(.open) { visibility:hidden; pointer-events:none; }
.home-page .normal-curiosity { position:absolute; top:26px; right:24px; width:95px; height:140px; pointer-events:none; z-index:-1; opacity:.8; overflow:clip; }
.normal-curiosity img { width:100%; height:auto; }
.home-page #work .sec-head2 { padding-right:110px; }
.home-page #about .about-grid { position:relative; }
.home-page #about .normal-curiosity { top:18px; right:28px; width:80px; }
.home-page #contact .normal-curiosity { width:150px; height:220px; }
.home-page #hero .hero-piece img { height:auto; aspect-ratio:auto; object-fit:contain; }
.home-page #work .proj-media { aspect-ratio:auto; height:auto; background:transparent; }
.home-page #work .proj-media img { position:static; width:100%; height:auto; object-fit:contain; transform:none; }
@media(max-width:900px) { .home-page #work .sec-head2 { padding-right:0; } .home-page #work .normal-curiosity { top:20px; right:25px; width:65px; height:100px; } }
@media(max-width:600px) {
  .home-page .hero-heading h1 { font-size:56px; }
  .home-page .hero-heading h1 em { display:block; }
  .home-page #work .normal-curiosity { width:48px; right:12px; top:4px; height:76px; }
  .home-page #about .normal-curiosity { width:50px; right:12px; top:8px; height:76px; }
  .home-page #contact .normal-curiosity { width:70px; height:100px; right:12px; top:8px; }
}
@media(max-width:370px) { .home-page .hero-heading h1 { font-size:48px; } }
@media(prefers-reduced-motion:reduce) { .page-curtain { display:none; } [data-drift] { transform:none!important; } }