@font-face{font-family:BloomSerif;src:url('fonts/bloom-serif.ttf');font-display:swap}
@font-face{font-family:BloomSerif;src:url('fonts/bloom-serif-italic.ttf');font-style:italic;font-display:swap}
@font-face{font-family:BloomSans;src:url('fonts/bloom-sans.ttf');font-display:swap}
.night-herbarium{position:relative;isolation:isolate;overflow:hidden;scroll-margin-top:78px;background:#4b1531;color:#fff1df;padding:48px 5vw 95px;box-sizing:border-box}
.night-herbarium *{box-sizing:border-box}
.night-herbarium .nh-inner{max-width:1600px;width:100%;margin:auto}
.night-herbarium .nh-folio{display:flex;align-items:center;gap:24px;font:12px/1.4 BloomSans,Arial,sans-serif;letter-spacing:.15em;margin:0 0 46px}
.night-herbarium .nh-folio:after{content:"";height:1px;background:#fff1df45;flex:1}
.night-herbarium .nh-title{position:relative;z-index:3;width:100%;max-width:none;margin:0;font:400 clamp(70px,10.1vw,190px)/1.08 BloomSerif,Georgia,serif;letter-spacing:-.045em;white-space:nowrap;text-align:center}
.night-herbarium .nh-title em{color:#efbac8;font-weight:400}
.night-herbarium .nh-stage{position:relative;margin-top:66px;padding:0 2% 0 0}
.night-herbarium .nh-lotus{position:absolute;z-index:0;left:-13%;top:-18%;width:69%;height:auto;max-width:none;transform:translate3d(0,var(--nh-lotus-y,0px),0) rotate(-16deg);pointer-events:none}
.night-herbarium .nh-polaroid{position:relative;z-index:2;width:72%;margin:0 0 0 auto;padding:22px 22px 0;background:#fff5e6;color:#790d36;transform:translate3d(0,var(--nh-photo-y,0px),0) rotate(2deg);box-shadow:0 28px 65px #17000e66}
.night-herbarium .nh-polaroid:before{content:"";position:absolute;z-index:4;top:-19px;left:43%;width:124px;height:38px;background:#e8d6b6c9;transform:rotate(-5deg);clip-path:polygon(0 8%,97% 0,100% 85%,2% 100%)}
.night-herbarium .nh-film{position:relative;aspect-ratio:16/9;overflow:hidden;background:#20372e}
.night-herbarium .nh-film>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 39%}
.night-herbarium .nh-film:after{content:"";position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#07140fc9)}
.night-herbarium .nh-play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:78px;height:78px;border:1px solid #fff5e9db;border-radius:50%;background:#182e247d;color:#fff5e9}
.night-herbarium .nh-play svg{width:29px;height:29px;fill:currentColor}
.night-herbarium .nh-film small{position:absolute;z-index:2;left:18px;bottom:15px;font:10px/1.4 BloomSans,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#fff5e9}
.night-herbarium .nh-caption{padding:30px 4px 42px;text-align:center;font:italic 400 clamp(58px,5vw,82px)/1.06 BloomSerif,Georgia,serif;letter-spacing:-.025em}
@media(max-width:760px){
 .night-herbarium{padding:32px 24px 62px;scroll-margin-top:70px}
 .night-herbarium .nh-folio{margin-bottom:32px;font-size:10px;gap:16px}
 .night-herbarium .nh-title{white-space:normal;text-align:left;font-size:clamp(53px,10vw,76px);line-height:.94;letter-spacing:-.05em}
 .night-herbarium .nh-title em{display:block;font-size:1.28em;margin-top:6px}
 .night-herbarium .nh-stage{margin-top:76px;padding-right:0}
 .night-herbarium .nh-lotus{width:115%;left:12%;top:-205px;transform:translate3d(0,var(--nh-lotus-y,0px),0) rotate(-22deg)}
 .night-herbarium .nh-polaroid{width:100%;padding:12px 12px 0;transform:translate3d(0,var(--nh-photo-y,0px),0) rotate(2deg)}
 .night-herbarium .nh-polaroid:before{width:82px;height:28px;top:-15px;left:39%}
 .night-herbarium .nh-caption{font-size:clamp(46px,12.3vw,64px);line-height:1.01;padding:24px 0 30px}
 .night-herbarium .nh-caption span{display:block}
 .night-herbarium .nh-play{width:53px;height:53px}.night-herbarium .nh-play svg{width:22px;height:22px}
 .night-herbarium .nh-film small{font-size:8px;left:12px;bottom:10px}
}

@media(prefers-reduced-motion:reduce){.night-herbarium{--nh-lotus-y:0px!important;--nh-photo-y:0px!important}}