:root{color-scheme:light;--paper: #fdfcf9;--ink: #191816;--muted: #5f5a54;--line: #cfcac1;--accent: #725548;--sans: "Helvetica Neue", Helvetica, Arial, sans-serif;--serif: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;font-family:var(--sans);color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{min-width:20rem;margin:0;font-size:1rem;line-height:1.6}main{--page-padding: clamp(1.25rem, 4vw, 4rem);display:grid;position:relative;isolation:isolate;min-height:100svh;max-width:90rem;margin:0 auto;padding:var(--page-padding)}.intro{position:sticky;top:var(--page-padding);z-index:1;display:grid;align-content:center;justify-items:start;width:min(100%,72rem);margin:0 auto;padding:clamp(1.5rem,4vw,3rem) clamp(.25rem,4vw,3rem) 0;text-align:left}.intro p,.intro .person-name{text-shadow:0 0 3px var(--paper),0 0 8px var(--paper),0 0 16px var(--paper)}.church-photo{--scroll-progress: 0;width:min(100%,72rem);margin:1.5rem auto 0;position:relative;z-index:0}.church-photo img{display:block;width:100%;max-height:75svh;object-fit:contain;opacity:calc(1 - .9 * var(--scroll-progress));will-change:opacity}.information{position:relative;z-index:1;width:min(100%,72rem);margin:clamp(3rem,8vw,7rem) auto 0;color:var(--muted);font-size:clamp(1rem,1.35vw,1.125rem);line-height:1.75}.tabs-bar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--paper)}.tabs-bar:before{content:"";position:absolute;inset:0;z-index:-1;background:inherit;box-shadow:0 0 0 100vmax var(--paper);clip-path:inset(0 -100vmax);pointer-events:none}.tabs-bar:after{content:"";position:absolute;bottom:0;left:50%;width:var(--viewport-width, 100vw);height:1px;background:#88827a;transform:translate(-50%) scaleX(0);pointer-events:none}.tabs-bar.is-sticky:after{transform:translate(-50%) scaleX(1)}.tabs-title{padding:0;border:0;background:none;font:inherit;cursor:pointer;visibility:hidden;flex:0 0 auto;white-space:nowrap;color:var(--ink);font-family:var(--serif)}.tabs-bar.is-sticky .tabs-title{visibility:visible}.tabs{display:flex;justify-content:safe flex-end;margin-left:auto;min-width:0;gap:clamp(1rem,3vw,2rem);overflow-x:auto;scrollbar-width:thin}.tabs button{flex:0 0 auto;min-height:3rem;padding:.6rem 0;border:0;background:transparent;color:var(--muted);font:inherit;cursor:pointer}.tabs button:hover,.tabs button[aria-selected=true]{color:var(--ink)}.tabs button:focus-visible{outline-offset:-3px}.tab-panels{min-height:100svh;padding-top:clamp(2rem,5vw,3rem)}.tab-panels h3{margin:0 0 1.5rem;color:var(--ink);font:400 clamp(1.75rem,3vw,2.25rem)/1.2 var(--serif);letter-spacing:-.02em}.tab-panels h4{margin:2rem 0 .5rem;color:var(--ink);font:500 1em/1.5 var(--sans)}.tab-panels p{margin:0 0 1.25rem}.tab-panels address{font-style:normal}.tab-panels a{color:inherit;text-decoration-thickness:1px;text-decoration-color:var(--line);text-underline-offset:.25em;overflow-wrap:anywhere}.tab-panels a:hover{color:var(--ink);text-decoration-color:currentColor}.public-transport{margin-top:2.5rem}.public-transport img{display:block;width:min(100%,48rem);height:auto;margin-top:1.25rem}.reception-page-button{display:inline-flex;align-items:center;gap:.75rem;margin-top:.5rem;padding:.8rem 1.1rem;border:1px solid var(--ink);color:var(--ink)!important;text-decoration:none!important;transition:background-color .2s ease,color .2s ease}.reception-page-button:hover{background:var(--ink);color:var(--paper)!important}.reception-page-button span{font-size:1.25em;line-height:.7}.tab-panels dl{margin:0}.tab-panels dl>div+div{margin-top:1.75rem}.tab-panels dt{color:var(--ink);font-weight:500}.tab-panels dd{margin:.4rem 0 0}.invitation-footer{width:min(100%,72rem);margin:0 auto;padding:2rem 0;color:var(--muted);font-size:.875rem}.invitation-footer p{margin:0}.intro p{max-width:40rem;margin:0;color:var(--muted);font-size:clamp(1.125rem,1.6vw,1.375rem)}.intro p:first-child{color:var(--ink);font-size:clamp(1rem,1.45vw,1.2rem);font-weight:500;letter-spacing:.14em;line-height:1.35;text-transform:uppercase}h2{max-width:24ch;margin:clamp(1.5rem,4vw,2.5rem) 0;color:var(--ink);font-family:var(--serif);font-size:clamp(2.65rem,6.2vw,5.75rem);font-weight:400;letter-spacing:-.035em;line-height:1.08}h2 em{font-style:italic;font-weight:400}h2 span{display:block}.couple-names{width:min(100%,24ch);min-width:0;font-size:clamp(2.3rem,5.2vw,4.8rem)}.couple-names em{display:block;position:relative;isolation:isolate;width:max-content}.couple-names .person-name{position:relative;z-index:1;white-space:nowrap}.couple-names .person-name+.joining-word+.person-name{margin-top:.35em}.couple-names .surname{display:inline}.couple-names.names-split .surname{display:block}h2 .joining-word{position:absolute;top:50%;left:50%;z-index:0;transform:translate(-50%,-50%) rotate(15deg);margin:0;color:#d8d5d06a;font-size:4.2em;letter-spacing:0;line-height:1;text-align:center;pointer-events:none}.eyebrow{margin:.5rem 0 1.5rem!important;color:#444!important;font-size:clamp(1rem,1.45vw,1.2rem)!important;font-weight:500;letter-spacing:.08em;line-height:1.4;text-transform:uppercase}.intro .location{max-width:36rem;font-family:var(--serif);font-size:clamp(1.25rem,2vw,1.75rem);line-height:1.45;letter-spacing:-.015em}.location span{display:block;white-space:normal;text-wrap:balance}.no-wrap{white-space:nowrap}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}@media(max-width:35rem){.tabs-bar{gap:.75rem}.tabs-title{font-size:.875rem}.tabs{gap:.875rem;font-size:.875rem}main{--page-padding: 1rem}.intro{padding-inline:0}h2{font-size:clamp(2.4rem,12vw,4rem)}.couple-names{font-size:clamp(2.1rem,10vw,3.3rem)}.intro p{line-height:1.55}}@media(prefers-reduced-motion:no-preference){.tabs-bar:after{transition:transform .3s cubic-bezier(.2,.65,.2,1)}.tabs-bar.is-sticky .tabs-title{animation:sticky-title-enter .3s cubic-bezier(.2,.65,.2,1) both}@keyframes sticky-title-enter{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.intro{animation:settle .8s cubic-bezier(.2,.65,.2,1) both}@keyframes settle{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:translateY(0)}}}@media(prefers-reduced-motion:reduce){.intro{position:relative;top:auto}}
