@font-face{font-family:Neue Haas Grotesk Text;src:url(/fonts/NeueHaasGroteskText-55Roman-Web.woff2)format("woff2"),url(/fonts/NeueHaasGroteskText-55Roman-Web.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--red-bright:#ff4a4a;--brown:#774025;--ink:#000;--paper:#fff;--display:28px;--inset-x:32px;--inset-y:32px;--rule:2.8px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--brown);color:var(--ink);letter-spacing:-.05em;-webkit-font-smoothing:antialiased;font-family:Neue Haas Grotesk Text,Arial,Helvetica,sans-serif;line-height:1}::selection{background:var(--ink);color:var(--brown)}.hero{background:var(--brown);grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;height:100svh;display:grid;position:relative}.tile{background-position:50%;background-repeat:no-repeat;background-size:cover}.tile-tl{background-image:url(/tile-tl.jpg)}.tile-tr{background-image:url(/tile-tr.jpg)}.tile-bl{background-image:url(/tile-bl.jpg)}.tile-br{background-image:url(/tile-br.jpg)}.tiles{display:contents}.collage-canvas{opacity:0;z-index:1;width:100%;height:100%;transition:opacity .4s;position:absolute;inset:0}.tiles.playing .collage-canvas{opacity:1}.video-switch{bottom:var(--inset-y);padding:0 var(--inset-x);z-index:2;column-gap:calc(2 * var(--inset-x));font-size:var(--display);pointer-events:none;grid-template-columns:1fr 1fr;display:grid;position:absolute;left:0;right:0}.video-switch button:first-child{justify-self:end}.video-switch button:last-child{justify-self:start}.video-switch button{font:inherit;letter-spacing:inherit;color:var(--paper);cursor:pointer;opacity:.45;pointer-events:auto;background:0 0;border:none;padding:0;position:relative}.video-switch button:after,.yesno button:after{content:"";position:absolute;inset:-.5em}.video-switch button[aria-pressed=true]{opacity:1;text-underline-offset:.18em;text-decoration:underline}.hero-label{color:var(--paper);font-size:var(--display);z-index:2;line-height:.95;text-decoration:none;position:absolute}.hero-label.tl{top:var(--inset-y);left:var(--inset-x)}.hero-label.tr{top:var(--inset-y);right:var(--inset-x)}.hero-label.cl{bottom:calc(50% + var(--inset-y));right:calc(50% + var(--inset-x));text-align:right}.hero-label.cr{top:calc(50% + var(--inset-y));left:calc(50% + var(--inset-x));max-width:calc(50% - 2 * var(--inset-x))}.hero-label.bl{bottom:var(--inset-y);left:var(--inset-x)}.hero-label.br{bottom:var(--inset-y);right:var(--inset-x)}:root.ios-safari{--hero-overrun:max(env(safe-area-inset-bottom,0px), 72px)}:root.ios-safari .hero{height:calc(100lvh + var(--hero-overrun));grid-template-rows:50svh 1fr}:root.ios-safari .info{margin-top:calc(-1 * (100lvh + var(--hero-overrun) - 100svh));opacity:0;transition:opacity 1s cubic-bezier(.22,1,.36,1)}:root.ios-safari.scrolled .info{opacity:1}:root.ios-safari .hero-label.cl{bottom:auto;top:calc(50svh - var(--inset-y));transform:translateY(-100%)}:root.ios-safari .hero-label.cr{top:calc(50svh + var(--inset-y))}:root.ios-safari .hero-label.bl,:root.ios-safari .hero-label.br,:root.ios-safari .video-switch{bottom:calc(100lvh + var(--hero-overrun) - 100svh + var(--inset-y))}a.hero-label:hover,a.hero-label:active,a.hero-label:visited{color:var(--paper)}.info{gap:calc(2 * var(--inset-x));padding:32px var(--inset-x) 0;font-size:var(--display);scroll-margin-top:var(--inset-y);z-index:1;background:var(--brown);grid-template-columns:1fr 1fr;display:grid;position:relative}.info p+p{margin-top:1em}.rsvp,.footer{padding:10vw var(--inset-x) 0}.rsvp h2{font-size:var(--display);margin-top:14vw;font-weight:400}.rsvp form{column-gap:calc(2 * var(--inset-x));font-size:var(--display);grid-template-columns:1fr 1fr;align-items:start;row-gap:1.25rem;display:grid}.rsvp .full{grid-column:1/-1}.rsvp input{width:100%;font:inherit;letter-spacing:inherit;color:var(--ink);background:0 0;background-image:linear-gradient(var(--ink), var(--ink));background-position:0 100%;background-repeat:no-repeat;background-size:100% var(--rule);padding:0 0 calc(5px + var(--rule));height:calc(1em + 5px + var(--rule));border:none;border-radius:0;line-height:1}.rsvp input:focus{outline:none}.rsvp input::placeholder{color:var(--ink);opacity:1;transition:opacity .15s}.rsvp input:focus::placeholder{opacity:.35}.joining{border-bottom:var(--rule) solid transparent;grid-column:1/2;justify-content:space-between;align-items:baseline;gap:1.5em;padding-bottom:5px;display:flex}.rsvp .row-start{grid-column:1}.yesno{gap:.75em;display:flex}.yesno button{--corner-gap:3px;font:inherit;letter-spacing:inherit;color:var(--ink);cursor:pointer;background:0 0;border:none;padding-left:1.1em;position:relative}.yesno button:before{content:"";background-color:#0000;background-image:linear-gradient(var(--ink), var(--ink)), linear-gradient(var(--ink), var(--ink)), linear-gradient(var(--ink), var(--ink)), linear-gradient(var(--ink), var(--ink));background-repeat:no-repeat;background-size:calc(100% - 2 * var(--corner-gap)) var(--rule), calc(100% - 2 * var(--corner-gap)) var(--rule), var(--rule) calc(100% - 2 * var(--corner-gap)), var(--rule) calc(100% - 2 * var(--corner-gap));background-position:var(--corner-gap) 0, var(--corner-gap) 100%, 0 var(--corner-gap), 100% var(--corner-gap);width:.8em;height:.8em;transition:background-color .15s;position:absolute;top:calc(50% + .05em);left:0;transform:translateY(-50%)}.yesno button:hover:before,.yesno button[aria-pressed=true]:before{background-color:#0000;background-image:linear-gradient(var(--ink), var(--ink)), linear-gradient(var(--ink), var(--ink));background-size:100% calc(100% - 2 * var(--corner-gap)), calc(100% - 2 * var(--corner-gap)) 100%;background-position:0 var(--corner-gap), var(--corner-gap) 0}.submit-row{justify-content:space-between;place-self:start stretch;align-items:center;gap:.75em;display:flex}.submit{--corner-gap:3px;width:100%;height:calc(1em + 5px + var(--rule));font:inherit;letter-spacing:inherit;text-transform:uppercase;color:var(--ink);cursor:pointer;background-color:#0000;background-image:linear-gradient(var(--ink), var(--ink)), linear-gradient(var(--ink), var(--ink)), linear-gradient(var(--ink), var(--ink)), linear-gradient(var(--ink), var(--ink));background-repeat:no-repeat;background-size:calc(100% - 2 * var(--corner-gap)) var(--rule), calc(100% - 2 * var(--corner-gap)) var(--rule), var(--rule) calc(100% - 2 * var(--corner-gap)), var(--rule) calc(100% - 2 * var(--corner-gap));background-position:var(--corner-gap) 0, var(--corner-gap) 100%, 0 var(--corner-gap), 100% var(--corner-gap);border:none;flex:auto;justify-content:center;align-items:center;padding:0 1em;display:inline-flex}.submit:hover{color:var(--brown);background-color:#0000;background-image:linear-gradient(var(--ink), var(--ink)), linear-gradient(var(--ink), var(--ink));background-repeat:no-repeat;background-size:100% calc(100% - 2 * var(--corner-gap)), calc(100% - 2 * var(--corner-gap)) 100%;background-position:0 var(--corner-gap), var(--corner-gap) 0}.submit:disabled{opacity:.5;cursor:wait}.error{color:var(--paper)}.done{font-size:var(--display);align-self:center}.handwriting{width:94.5%;margin:calc(var(--inset-y) - .75 * var(--inset-x)) auto 0;aspect-ratio:1024/967;display:block}.date-short{display:none}.footer-words{column-gap:calc(2 * var(--inset-x));background:var(--brown);padding:var(--inset-y) 0 calc(var(--inset-x) * .75);font-size:var(--display);text-transform:uppercase;grid-template-columns:1fr 1fr;display:grid}.footer-words--tight{margin-left:calc(-1 * var(--inset-x));margin-right:calc(-1 * var(--inset-x));padding-left:var(--inset-x);padding-right:var(--inset-x)}.footer-col{justify-content:space-between;width:100%;display:flex}.footer-col span{white-space:nowrap;display:inline-block}@keyframes word-fade{0%{opacity:0}to{opacity:1}}@media (max-width:640px){:root{--display:20px;--inset-x:14px;--inset-y:14px;--rule:2px}.date-full{display:none}.date-short{display:inline}.info{grid-template-columns:1fr;gap:1em}.rsvp h2{margin-top:18vw}.rsvp form{grid-template-columns:1fr}.footer{overflow:hidden}.handwriting{width:150%;margin-left:-26%}.footer-words{grid-template-columns:1fr;row-gap:.3em}}