@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.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)}.tiles.variant-b .tile-tl{background-image:url(/tile-tl-b.jpg)}.tiles.variant-b .tile-tr{background-image:url(/tile-tr-b.jpg)}.tiles.variant-b .tile-bl{background-image:url(/tile-bl-b.jpg)}.tiles.variant-b .tile-br{background-image:url(/tile-br-b.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;transform:translate(-.01em)}.video-switch button:last-child{justify-self:start;transform:translate(-.077em)}.video-switch button{font:inherit;letter-spacing:inherit;color:var(--paper);cursor:pointer;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]{text-underline-offset:.18em;text-decoration:underline}.hero-label{color:var(--paper);font-size:var(--display);z-index:2;line-height:1.1;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:var(--inset-y);right:var(--inset-x);text-align:right;grid-area:1/1/2/2}.hero-label.cr{top:var(--inset-y);left:var(--inset-x);max-width:calc(100% - 2 * var(--inset-x));grid-area:2/2/3/3}.hero-label.bl{bottom:var(--inset-y);left:var(--inset-x)}.hero-label.br{bottom:var(--inset-y);right:var(--inset-x)}.hero-label.tl,.hero-label.tr,.hero-label.cr{top:calc(var(--inset-y) - .203em)}.hero-label.cl,.hero-label.bl,.hero-label.br,.video-switch{bottom:calc(var(--inset-y) - .139em)}: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.bl,:root.ios-safari .hero-label.br,:root.ios-safari .video-switch{bottom:calc(100lvh + var(--hero-overrun) - 100svh + var(--inset-y) - .139em)}.hero-label a,.hero-label a:active,.hero-label a:visited{color:inherit;text-decoration:none}@media (hover:hover) and (pointer:fine){.hero-label a:hover,.video-switch button:hover{color:color-mix(in srgb, var(--paper) 35%, transparent)}}.info{gap:calc(2 * var(--inset-x));padding:calc(var(--inset-x) - .217em + 2px) var(--inset-x) 0;font-size:var(--display);z-index:1;background:var(--brown);grid-template-columns:1fr 1fr;display:grid;position:relative}.info p+p{margin-top:1em}.rsvp,.footer{padding:13vw 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}.f-email,.f-note,.f-plusname{text-indent:-.04em}.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{height:calc(1em + 5px + var(--rule));padding:0 0 calc(5px + var(--rule));justify-content:space-between;align-items:baseline;gap:1.5em;line-height:1;display:flex}@media (min-width:1025px){.rsvp form>.f-name{grid-area:1/1}.rsvp form>.f-email{grid-area:2/1}.rsvp form>.f-dietary{grid-area:3/1}.rsvp form>.f-note{grid-area:4/1}.rsvp form>.f-attending{grid-area:1/2}.rsvp form>.f-plusone{grid-area:2/2}.rsvp form>.f-plusname{grid-area:3/2}.rsvp form>.submit-row{grid-area:4/2}.rsvp form>.full{grid-row:5}}.yesno{gap:.75em;display:flex}.yesno button{--corner-gap:var(--rule);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:var(--rule);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:1024px){body{letter-spacing:-.03em}:root{--display:clamp(20px, 2.7vw, 28px);--inset-x:clamp(18px, 3.1vw, 32px);--inset-y:clamp(18px, 3.1vw, 32px);--rule:clamp(2px, .27vw, 2.8px)}.date-full{display:none}.date-short{display:inline}.info{grid-template-columns:1fr;gap:1em}.rsvp h2{margin-top:18vw}.rsvp{padding-top:18vw}.rsvp form{grid-template-columns:1fr;row-gap:1.35rem}.rsvp form>.f-name{order:1}.rsvp form>.f-email{order:2}.rsvp form>.f-attending{order:3}.rsvp form>.f-plusone{order:4}.rsvp form>.f-plusname{order:5}.rsvp form>.f-dietary{order:6}.rsvp form>.f-note{order:7}.rsvp form>.full{order:8}.rsvp form>.submit-row{order:9}.submit{height:calc(1em + 22px + var(--rule))}.tile-tr{background-position-x:40%}.tiles.variant-b .tile-tr{background-position-x:74%}:root.ios-safari .tile-bl{background-position-y:100%;background-size:auto 125%}.footer{flex-direction:column;justify-content:space-between;min-height:calc(100lvh + 18vw);padding-top:18vw;display:flex;overflow:hidden}.handwriting{width:150%;margin-left:-26%}.footer-words{grid-template-columns:1fr;row-gap:0}}