*{box-sizing:border-box}html,body{background:#322c2c;min-height:100%;margin:0}body{color:#fff8e9}.wedding{isolation:isolate;place-items:center;width:100%;min-height:100dvh;display:grid;position:relative;overflow:hidden}.ambient,.ambient-shade{z-index:-1;position:absolute;inset:0}.ambient{display:block}.ambient img{object-fit:cover;width:100%;height:100%;display:block}.ambient-shade{background:linear-gradient(#171c2440,#2b1f1c26 45%,#1412188c)}.film-frame{aspect-ratio:16/9;width:min(100vw,177.778dvh);position:relative;container-type:inline-size}.film{object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:relative}.film-poster{display:block;position:absolute;inset:0}.film-poster img{object-fit:cover;width:100%;height:100%;display:block}.date{text-align:center;pointer-events:none;color:#fff5da;text-shadow:0 2px 18px #221b15b3,0 1px 3px #221b1599;position:absolute;top:73%;left:50%;transform:translate(-50%,-50%)}.date h1{flex-direction:column;align-items:center;margin:0;font-family:Georgia,Times New Roman,serif;font-weight:400;line-height:1;display:flex}.month{letter-spacing:-.045em;padding-right:.06em;font-size:clamp(2.5rem,5.3cqw,6rem);font-style:italic;font-weight:400}.year{letter-spacing:.32em;margin-top:.5em;padding-left:.32em;font-size:clamp(.95rem,1.5cqw,1.75rem);font-weight:400}.date-rule{opacity:.8;background:linear-gradient(90deg,#0000,#fce2b6,#0000);width:clamp(2rem,3.7cqw,4rem);height:1px;margin:clamp(.7rem,1.2cqw,1.25rem) auto 0;display:block}@media (orientation:portrait){.film-frame{aspect-ratio:9/16;width:min(100vw,56.25dvh)}.date{top:67%}.month{font-size:clamp(2.5rem,10cqw,5.6rem)}.year{font-size:clamp(1rem,3cqw,1.5rem)}}