.k-why{padding-block:2.5rem 0;position:relative;overflow-x:clip}.k-why-list{row-gap:var(--spacing-section-tight);margin:2.5rem 0 0;padding:0;list-style:none;display:grid}.k-why-point{gap:var(--spacing-grid-gap);align-items:end;display:grid}.k-why-photo{min-width:0}.k-why-photo-more{margin:0}@media (max-width:47.99rem){.k-why-list{row-gap:2rem}.k-why-point[data-nth="2"] .k-why-photo{width:72%;margin-top:0;margin-left:auto}.k-why-point[data-nth="3"] .k-why-photo{width:48%;margin-top:0}.k-why-point[data-nth="3"]{margin-top:-1rem}}@media (min-width:48rem){.k-why-list{row-gap:0}.k-why-point{grid-template-columns:repeat(12,minmax(0,1fr))}.k-why-point[data-nth="1"] .k-why-photo{grid-area:1/1/auto/span 5}.k-why-point[data-nth="1"] .k-why-words{grid-area:1/7/auto/span 5;align-self:start;padding-top:1.5rem}.k-why-point[data-nth="2"]{margin-top:-17rem}.k-why-point[data-nth="2"] .k-why-photo{z-index:1;grid-area:1/6/auto/span 7;position:relative}.k-why-point[data-nth="2"] .k-why-words{grid-area:1/1/auto/span 4;align-self:end;padding-bottom:1rem;transform:translateY(3.5rem)}.k-why-point[data-nth="3"]{margin-top:-7rem}.k-why-point[data-nth="3"] .k-why-photo{z-index:2;grid-area:1/5/auto/span 4;position:relative}.k-why-point[data-nth="3"] .k-why-words{padding-top:calc(var(--spacing-overlap) + 1.5rem);grid-area:1/9/auto/span 4;align-self:end}main:not([data-public]) .k-why-point[data-nth="2"],main:not([data-public]) .k-why-point[data-nth="3"]{margin-top:0!important}@media (max-width:80rem){.k-why-point[data-nth="2"],.k-why-point[data-nth="3"]{margin-top:-3rem}}@media (max-width:64rem){.k-why-point[data-nth="2"],.k-why-point[data-nth="3"]{margin-top:0}}.k-why-point[data-nth="1"] .k-why-photo{grid-column:1/span 4}.k-why-point[data-nth="2"] .k-why-photo{aspect-ratio:3/2;grid-column:6/span 7}}.k-why-last{position:relative}.k-why-strand{--sw:min(28rem, 31vw);left:auto;right:calc(100% - var(--sw) * 8 / 283);top:calc(100% - var(--sw) * 56 / 283);width:var(--sw);pointer-events:none;height:auto;position:absolute;overflow:visible;transform:scaleX(-1)}.k-why-strand>img,.k-why-strand svg{aspect-ratio:283/106;width:100%;height:auto;display:block;overflow:visible}.k-why-strand:has(.k-strand-ink svg)>img{display:none}.k-why-list{padding-bottom:2rem}@media (min-width:48rem){.k-why-list{padding-bottom:7.5rem}}.k-strand .k-ink-line{stroke-width:.5px}@media (max-width:47.99rem){.k-why-last{margin-bottom:10.5rem}.k-why-strand{--sw:calc(72vw - 1.8rem);width:var(--sw);right:auto;left:calc(var(--sw) * -8 / 283);top:calc(100% - var(--sw) * 50 / 283);transform:scaleY(-1)}.k-why-list{padding-bottom:1rem}}.k-feat{padding-block:1.5rem}.k-feat-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem;display:flex}.k-feat-list{row-gap:1.5rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.k-feat-couple{gap:1.5rem;display:grid}.k-feat-photo{min-width:0}.k-feat-names{margin:0}.k-feat-venue{margin-top:.5rem}.k-feat-story{margin-top:1rem}.k-feat-links{flex-wrap:wrap;gap:0 2rem;margin-top:.5rem;display:flex}.k-feat-words{padding-inline:var(--spacing-gutter)}.k-feat-couple[data-nth="1"] .k-feat-cover,.k-feat-couple[data-nth="2"] .k-feat-cover{position:relative}.k-feat-couple[data-nth="1"] .k-feat-cover:after,.k-feat-couple[data-nth="2"] .k-feat-cover:after{content:"";background:linear-gradient(to top, var(--background), var(--scrim-soft) 55%, transparent);pointer-events:none;height:42%;position:absolute;inset:auto 0 0}.k-feat-couple[data-nth="1"] .k-feat-cover{display:block}@media (max-width:47.99rem){.k-feat-couple[data-nth="2"] .k-feat-cover{width:68%;margin-left:var(--spacing-gutter)}.k-feat-couple[data-nth="3"] .k-feat-cover{width:86%;margin-left:auto}.k-feat-couple[data-nth="1"] .k-feat-words{margin-top:-2.5rem}.k-feat-couple[data-nth="1"] .k-feat-names{display:inline-block}.k-feat-words{z-index:1;position:relative}}@media (min-width:48rem){.k-feat-couple{column-gap:var(--spacing-grid-gap);padding-inline:var(--spacing-gutter);max-width:var(--container-wide);grid-template-columns:repeat(12,minmax(0,1fr));width:100%;margin-inline:auto;display:grid}.k-feat-words{z-index:1;padding-inline:0;position:relative}.k-feat-couple[data-nth="1"]{max-width:none;padding-inline:0}.k-feat-couple[data-nth="1"] .k-feat-cover{grid-area:1/1/auto/span 12}.k-feat-couple[data-nth="1"] .k-feat-photo{aspect-ratio:16/9}.k-feat-couple[data-nth="1"] .k-feat-words{margin-top:calc(-1 * var(--spacing-overlap) * .9);padding-inline:var(--spacing-gutter);max-width:var(--container-wide);grid-area:2/1/auto/span 12;width:100%;margin-inline:auto}.k-feat-couple[data-nth="1"] .k-feat-names{display:inline-block}.k-feat-couple[data-nth="2"] .k-feat-cover{grid-area:1/2/auto/span 4}.k-feat-couple[data-nth="2"] .k-feat-words{grid-area:1/6/auto/span 6;align-self:end;padding:0 0 2rem}.k-feat-couple[data-nth="2"] .k-feat-names{margin-left:calc(-1 * var(--spacing-offset-stagger));display:inline-block}.k-feat-couple[data-nth="3"]{margin-top:calc(-1 * var(--spacing-overlap) * .5);z-index:2;position:relative}.k-feat-couple[data-nth="3"] .k-feat-cover{margin-right:var(--spacing-bleed);grid-area:1/6/auto/span 7}.k-feat-couple[data-nth="3"] .k-feat-words{grid-area:1/1/auto/span 4;align-self:end;padding-bottom:1rem}.k-feat-couple[data-nth="3"] .k-feat-names{font-size:clamp(2.5rem,1.6rem + 3vw,4.5rem)}}.hero-pause{min-height:2.75rem;color:var(--foreground);font-family:var(--font-sans);cursor:pointer;transition:color var(--motion-duration-fast) var(--motion-ease-out);background:0 0;border:0;align-items:center;padding:0 .25rem;font-size:.9375rem;font-weight:500;display:inline-flex}.hero-pause:is(:hover,:focus-visible){color:var(--primary)}.k-how{background:var(--card);padding-block:3rem}@media (max-width:47.99rem){.k-how-photo{display:none}}.k-how-grid{gap:var(--spacing-grid-gap);display:grid}.k-how-photo{margin-top:2.5rem}.k-how-line-wrap{grid-template-columns:1fr;column-gap:1rem;display:grid;position:relative}.k-how-line{grid-area:1/1;width:100%;height:100%;overflow:visible}.k-how-stroke{fill:none;stroke:var(--foreground);stroke-width:1.4px;stroke-linecap:round}.k-how-step{position:relative}.k-how-step:before{content:"";border:1px solid var(--foreground);background:var(--card);border-radius:50%;width:.7rem;height:.7rem;position:absolute;top:calc(50% - .35rem);left:-2.75rem}@media (min-width:48rem){.k-how-step:before{left:-3.5rem}}.k-how-steps{grid-area:1/2;grid-template-rows:repeat(4,1fr);margin:0;padding:0;list-style:none;display:grid}.k-how-step{align-self:center;padding-block:1rem}@media (min-width:48rem){.k-how-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.k-how-side{grid-column:1/span 4}.k-how-line-wrap{grid-column:6/span 7;grid-template-columns:1fr;min-height:0}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.k-how-line:not([data-still]) .k-how-stroke{stroke-dasharray:1 1.2;stroke-dashoffset:1.1px;animation:linear both k-lei-draw;animation-timeline:view();animation-range:entry 10% cover 55%}}}.k-how-line,.k-how-step:before{display:none}.k-how-steps{border-top:1px solid var(--border);grid-column:1;grid-template-rows:none}.k-how-step{border-bottom:1px solid var(--border);align-self:auto;padding-block:1.25rem}
.hero-fade{background-image:linear-gradient(to bottom, var(--scrim) 0, var(--scrim-soft) calc(var(--header-h) + 1.5rem), transparent 32%), linear-gradient(to top, var(--scrim) 0%, var(--scrim-soft) 34%, transparent 62%)}.opening{display:none}html[data-intro=play] .opening{z-index:5;pointer-events:none;display:block;position:absolute;inset:0}.opening-still{background-position:50%;background-size:cover;animation:2.8s linear both opening-still;position:absolute;inset:0}.opening-veil{background-color:var(--background);animation:2.8s linear both opening-veil;position:absolute;inset:0}.opening-logo{aspect-ratio:640/365;width:min(26rem,64vw);position:absolute;top:50%;left:50%;translate:-50% -50%}.opening-logo>svg{transform-origin:50%;width:100%;height:100%;animation:opening-logo-in .75s var(--motion-ease-out) .3s both, opening-glide .7s var(--motion-ease-in-out) 2s both;display:block}@keyframes opening-veil{0%,10%{opacity:1}37%,71%{opacity:.5}96%,to{opacity:0}}@keyframes opening-still{0%,71%{opacity:1}96%,to{opacity:0}}@keyframes opening-logo-in{0%{opacity:0}}@keyframes opening-glide{to{transform:translate(var(--glide-x,-40vw), var(--glide-y,-44vh)) scale(var(--glide-scale,.2))}}html[data-intro=play] body:has(#main[data-public] [data-hero]) .header-logo{opacity:0}html[data-intro=play] body:has(#main[data-public] [data-hero]) .header-fade{animation:opening-appear .5s var(--motion-ease-out) 2.65s both}html[data-intro=play] .hero-words{animation:opening-rise .65s var(--motion-ease-out) 2.45s both}@keyframes opening-appear{0%{opacity:0}}@keyframes opening-rise{0%{opacity:0;transform:translateY(12px)}}