:root{--color-paper: #e9dfd1;--color-ink: #3c362e;--color-ink-soft: #6f6a60;--color-ink-muted: #57514a;--color-navy: #2c4a7c;--color-sage: #6f8062;--color-sage-ink: #f4f0e8;--color-bill-sky: #8fbcdf;--color-bill-jade: #2f8a72;--color-bill-deep: #26497e;--color-bill-violet: #6f5fa3;--color-bill-gold: #d6ad57;--font-display: "Fuzzy Bubbles", ui-rounded, system-ui, sans-serif;--font-hand: "Indie Flower", "Comic Sans MS", cursive;--font-label: "DM Mono", ui-monospace, "SF Mono", monospace;--text-display: clamp(2.625rem, 1.2rem + 7vw, 6.25rem);--text-display--line-height: 0.95;--text-heading: clamp(1.75rem, 1.45rem + 1.2vw, 2.375rem);--text-heading--line-height: 1.1;--text-lead: clamp(1.375rem, 1.2rem + 0.8vw, 1.75rem);--text-lead--line-height: 1.3;--text-body: clamp(1.25rem, 1.15rem + 0.4vw, 1.4rem);--text-body--line-height: 1.45;--text-label: 0.9375rem;--text-label--line-height: 1.3;--container-page: 72rem;--vignette-mid: 0.2;--vignette-edge: 0.5;--paper-grain: 9}*,::after,::before,::backdrop{box-sizing:border-box;margin:0;padding:0;border:0 solid}html{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;-webkit-tap-highlight-color:rgba(0,0,0,0)}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}small{font-size:80%}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,textarea{font:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:rgba(0,0,0,0)}[hidden]:where(:not([hidden=until-found])){display:none !important}html{background-color:var(--color-paper);color:var(--color-ink);font-family:var(--font-hand);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{position:relative;min-height:100dvh;font-size:var(--text-body);line-height:var(--text-body--line-height)}body::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:url("./img/paper.webp");background-size:1272px auto;mix-blend-mode:soft-light;filter:grayscale(1) brightness(0.56) contrast(var(--paper-grain))}body::after{content:"";position:fixed;inset:0;z-index:40;pointer-events:none;background:radial-gradient(115% 85% at 50% 45%, rgba(74, 56, 38, 0) 25%, rgb(74, 56, 38, var(--vignette-mid)) 60%, rgb(48, 34, 20, var(--vignette-edge)) 100%);mix-blend-mode:multiply}p,li,h1,h2,h3{text-wrap:pretty}::selection{background:var(--color-sage);color:var(--color-sage-ink)}.page{width:100%;max-width:var(--container-page);margin-inline:auto;padding-inline:clamp(1.25rem,5vw,3.5rem);padding-bottom:5rem;overflow:clip}@media(min-width: 40rem){.page{padding-bottom:7rem}}.pencil-filter{position:absolute}.heading{font-family:var(--font-display);font-weight:700;color:var(--color-navy);font-size:var(--text-heading);line-height:var(--text-heading--line-height)}.heading__wavy{display:inline-block;padding-bottom:.75rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='8' viewBox='0 0 24 8'%3E%3Cpath d='M0 4 Q6 0 12 4 T24 4' fill='none' stroke='%232c4a7c' stroke-width='1.75'/%3E%3C/svg%3E") bottom/24px 8px repeat-x}.label{font-family:var(--font-label);font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--color-ink-soft);font-size:var(--text-label);line-height:var(--text-label--line-height)}.scribble{position:relative;display:inline-block;white-space:nowrap}.scribble__line{position:absolute;top:88%;left:-4%;width:112%;height:.55em;overflow:visible;fill:none;stroke:currentColor;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round}.scribble__line path{vector-effect:non-scaling-stroke}.hero{position:relative;z-index:1;padding-top:3rem}@media(min-width: 40rem){.hero{padding-top:5rem}}@media(min-width: 48rem){.hero{padding-top:6rem;padding-left:8%}}.hero__names{margin-bottom:-12px;margin-left:8px;font-size:16px;font-weight:900;line-height:var(--text-lead--line-height);letter-spacing:.1em;text-transform:uppercase}@media(max-width: 39.999rem){.hero__names,.hero__title,.hero__note{paint-order:stroke fill;-webkit-text-stroke:.35rem var(--color-paper)}}.hero__title{margin-top:.75rem;font-family:var(--font-display);font-weight:700;color:var(--color-navy);font-size:var(--text-display);line-height:var(--text-display--line-height)}.hero__note{width:fit-content;margin-top:.75rem;margin-left:.5rem;rotate:-2deg;font-size:var(--text-body);line-height:var(--text-body--line-height)}@media(min-width: 40rem){.hero__note{margin-left:1.75rem;font-size:var(--text-lead);line-height:var(--text-lead--line-height)}}@media(min-width: 48rem){.hero__note{margin-left:2.5rem}}.hero-art{margin-top:5.5rem}@media(min-width: 40rem){.hero-art{margin-top:4rem}}@media(min-width: 48rem){.hero-art{margin-top:-1rem}}.hero-art__stage{--lamp-w: clamp(4.25rem, 12%, 9rem);--lamp-x: 58%;--lamp-y: -3%;position:relative;width:100%}@media(min-width: 48rem){.hero-art__stage{width:92%;margin-left:auto}}.hero-art__wall{position:absolute;inset:-34% 3% 23% 5%;background:linear-gradient(to bottom, rgba(120, 94, 66, 0) 0%, rgba(120, 94, 66, 0.12) 45%, rgba(112, 86, 60, 0.17) 88%, rgba(96, 72, 50, 0.22) 100%);mix-blend-mode:multiply;mask-image:linear-gradient(to right, transparent, #000 16%, #000 84%, transparent);pointer-events:none}.hero-art__floor{position:absolute;right:3%;bottom:4%;left:5%;height:19%;pointer-events:none}.hero-art__floor::before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom, rgba(112, 86, 60, 0.12), rgba(112, 86, 60, 0));mix-blend-mode:multiply;mask-image:linear-gradient(to right, transparent, #000 16%, #000 84%, transparent)}.hero-art__clock{position:absolute;top:var(--clock-y, -32%);left:var(--clock-x, 73%);width:var(--clock-w, clamp(3rem, 13%, 8rem));filter:drop-shadow(1px 3px 0 rgba(43, 42, 40, 0.14))}.hero-art__plant{position:absolute;right:var(--plant-x, -1%)}@media(min-width: 40rem){.hero-art__plant{right:var(--plant-x, -6%)}}.hero-art__plant{bottom:var(--plant-y, 20%);width:var(--plant-w, 26%);height:auto;pointer-events:none;filter:brightness(1.2)}.hero-art__couple{position:relative;display:block;width:100%}.lamp{position:absolute;top:var(--lamp-y, 0%);left:var(--lamp-x, 50%);width:var(--lamp-w, 8rem);translate:-50% -100%;pointer-events:none;transform-origin:48.6% calc(var(--cord, 0px)*-1);animation:lamp-swing 4.2s ease-in-out infinite alternate}@media(prefers-reduced-motion: reduce){.lamp{animation:none}}.lamp::before{content:"";position:absolute;bottom:calc(100% - 1px);left:48.6%;width:max(1.5px,1.1%);height:300vh;background:#332e27;translate:-50% 0}.lamp__image{display:block;width:100%;height:auto}@keyframes lamp-swing{from{rotate:-1.8deg}to{rotate:1.8deg}}.clock{overflow:visible}.clock__rim{fill:#8a6546;stroke:var(--color-ink);stroke-width:1.4;filter:url(#pencil)}.clock__face{fill:#f3ead9;stroke:var(--color-ink);stroke-width:.9}.clock__minutes{fill:none;stroke:var(--color-ink);stroke-width:.9;stroke-linecap:round;opacity:.55}.clock__ticks{fill:none;stroke:var(--color-ink);stroke-linecap:round}.clock__ticks--minor{stroke-width:1.3}.clock__ticks--major{stroke-width:2.6}.clock__hand{fill:var(--color-ink)}.clock__hand--second{fill:#b4533a;stroke:#b4533a;stroke-width:.9;stroke-linecap:round;transform-box:view-box;transform-origin:50% 50%;animation:clock-tick 60s steps(60) infinite}@media(prefers-reduced-motion: reduce){.clock__hand--second{animation:none}}.clock__cap{fill:#c9a45c;stroke:var(--color-ink);stroke-width:.6}@keyframes clock-tick{to{transform:rotate(360deg)}}.bubble{position:relative;aspect-ratio:200/176;color:var(--color-sage-ink);text-align:center;line-height:1.25}.bubble__shape{position:absolute;inset:0;width:100%;height:100%;fill:var(--color-sage)}.bubble__text{position:absolute;inset:14% 16% 27% 15%;display:grid;place-items:center;text-wrap:balance;font-family:var(--font-hand);font-size:1.0625rem;line-height:1.45;-webkit-text-stroke:.3px currentColor;line-height:1.3}.steps{display:grid;gap:.9rem;counter-reset:step}.steps__item{display:grid;grid-template-columns:2rem 1fr;column-gap:.5rem;counter-increment:step}.steps__item::before{content:counter(step) ".";font-family:var(--font-display);font-weight:700;color:var(--color-navy)}.steps__aside{display:block;grid-column-start:2;margin-top:.15rem;color:var(--color-ink-muted);font-family:var(--font-hand);font-size:1.125rem;line-height:1.45;-webkit-text-stroke:.3px currentColor}.steps__swatches{display:flex;flex-wrap:wrap;gap:.5rem;grid-column-start:2;margin-top:.5rem}.swatch{width:2.5rem;height:2.5rem;border-radius:46% 54% 52% 48%/52% 46% 54% 48%;box-shadow:inset 0 0 0 1.5px rgba(0,0,0,.12)}.swatch--sky{background-color:var(--color-bill-sky)}.swatch--jade{background-color:var(--color-bill-jade)}.swatch--deep{background-color:var(--color-bill-deep)}.swatch--violet{background-color:var(--color-bill-violet)}.swatch--gold{background-color:var(--color-bill-gold)}.notes{display:grid;text-wrap:balance;gap:.5rem;color:var(--color-ink-muted);font-family:var(--font-hand);font-size:1.125rem;line-height:1.45;-webkit-text-stroke:.3px currentColor}.map{position:relative;isolation:isolate;background:var(--color-paper)}.map__tiles{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none;filter:grayscale(1) sepia(0.3) contrast(0.85) brightness(1.04);mix-blend-mode:multiply}.map__pin{position:absolute;top:50%;left:50%;width:2.75rem;translate:-50% -92%;filter:drop-shadow(0 2px 0 rgba(0, 0, 0, 0.15))}[data-sketch]{position:relative}.sketch-frame{position:absolute;top:-10px;left:-10px;width:calc(100% + 20px);height:calc(100% + 20px);overflow:visible;pointer-events:none;fill:none;stroke:var(--color-ink);stroke-linecap:round;filter:url(#pencil)}.sketch-frame--front{z-index:1}.sketch-frame--line{opacity:.85;mask-image:linear-gradient(to right, transparent, #000 14%, #000 86%, transparent)}.details{max-width:36rem;margin-inline:auto;margin-top:6rem}@media(min-width: 40rem){.details{margin-top:8rem}}.details__eyebrow{text-align:center}.details__date{margin-top:1rem;font-family:var(--font-display);font-weight:700;font-size:clamp(1.625rem,.9rem + 3.6vw,3.25rem);line-height:1.1;color:var(--color-navy);text-align:center}.details__date-line{white-space:nowrap}.details__note{width:fit-content;margin-inline:auto;margin-top:1.25rem;text-align:center;text-wrap:balance;font-size:var(--text-lead);line-height:var(--text-lead--line-height)}.panel{position:relative;margin-top:9rem;padding:2.25rem 1.5rem 2.5rem;text-align:center}@media(min-width: 40rem){.panel{padding-inline:2.5rem}}.panel--tall-perch{margin-top:17rem}.panel__perch{position:absolute;bottom:calc(100% - 2px);left:50%;display:flex;align-items:flex-end;translate:-50% 0;pointer-events:none}.panel__cat{display:block;max-width:none;height:auto;translate:0 var(--sink, 0%)}.panel__cat--mazong{width:8rem}@media(min-width: 40rem){.panel__cat--mazong{width:9rem}}.panel__cat--hadong{width:11rem}@media(min-width: 40rem){.panel__cat--hadong{width:13rem}}.panel__cat--kaleem{width:5rem;margin-left:-0.25rem}@media(min-width: 40rem){.panel__cat--kaleem{width:6rem}}.panel__bubble{width:13.5rem;margin-bottom:2.5rem;font-size:var(--text-label);line-height:var(--text-label--line-height)}@media(min-width: 40rem){.panel__bubble{width:15rem}}.panel__title{margin-top:.75rem;font-family:var(--font-display);font-weight:700;font-size:clamp(1.375rem,1rem + 2vw,2.125rem);line-height:1.15;text-wrap:balance}.panel__lead{margin-top:.6rem;text-wrap:balance;font-size:var(--text-lead);line-height:var(--text-lead--line-height)}.panel__text{max-width:48ch;margin-top:.75rem;margin-inline:auto;font-family:var(--font-label);font-size:.875rem;line-height:1.7;letter-spacing:.02em;text-wrap:balance;color:var(--color-ink-soft)}.panel__notes{max-width:42ch;margin-top:2rem;margin-inline:auto;padding-top:1.5rem;border-top:1.5px dashed rgba(43,42,40,.25)}.panel__map{display:block;height:14rem;margin-top:1.75rem}@media(min-width: 40rem){.panel__map{height:16rem}}.panel__link{margin-top:1.5rem;font-family:var(--font-label);font-weight:500;letter-spacing:.12em;text-transform:uppercase;transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1);font-size:var(--text-label);line-height:var(--text-label--line-height)}@media(hover: hover){.panel__link:hover{color:var(--color-navy)}}.panel__steps{width:fit-content;margin-inline:auto;margin-top:1rem;text-align:left;font-size:var(--text-body);line-height:var(--text-body--line-height)}.sign-off{margin-top:6rem;text-align:center}@media(min-width: 40rem){.sign-off{margin-top:8rem}}.sign-off__by{display:inline-flex;align-items:center;gap:.35rem;margin-top:.5rem;color:var(--color-ink-muted);font-family:var(--font-hand);font-size:1.1875rem;line-height:1.45;-webkit-text-stroke:.3px currentColor;line-height:1.3}.sign-off__heart{width:.9em;height:auto;fill:#b4533a;rotate:-8deg}.vinyl{position:fixed;left:max(1rem,env(safe-area-inset-left));bottom:max(1rem,env(safe-area-inset-bottom));z-index:50;width:3.75rem}@media(min-width: 40rem){.vinyl{left:1.75rem;bottom:1.75rem;width:4.5rem}}.vinyl__button{display:block;width:100%;padding:0;border-radius:50%;cursor:pointer;animation:vinyl-float 4s ease-in-out infinite;transition:scale 200ms ease}@media(hover: hover){.vinyl__button:hover{scale:1.06}}.vinyl__button:focus-visible{outline:2px solid var(--color-navy);outline-offset:4px}.vinyl__record{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(1px 3px 0 rgba(43, 42, 40, 0.18))}.vinyl__disc{transform-box:view-box;transform-origin:50% 50%;animation:vinyl-spin 3.2s linear infinite;animation-play-state:paused}.vinyl__vinyl{fill:#2f2a25;stroke:var(--color-ink);stroke-width:1}.vinyl__grooves{fill:none;stroke:rgba(255,255,255,.09);stroke-width:.8}.vinyl__label{fill:var(--color-sage)}.vinyl__label-mark{fill:none;stroke:var(--color-sage-ink);stroke-width:2;stroke-linecap:round;opacity:.7}.vinyl__hole{fill:var(--color-paper)}.vinyl__sheen{fill:none;stroke:rgba(255,255,255,.22);stroke-width:2.5;stroke-linecap:round}.vinyl__notes,.vinyl__zzz{position:absolute;left:50%;bottom:70%;width:0;height:0;pointer-events:none}.vinyl__note{position:absolute;bottom:0;font-family:var(--font-display);font-weight:700;font-size:1.35rem;line-height:1;opacity:0}.vinyl__note:nth-child(1){color:var(--color-navy);animation:vinyl-note-left 2.6s ease-out infinite}.vinyl__note:nth-child(2){color:var(--color-sage);animation:vinyl-note-up 2.6s ease-out .85s infinite}.vinyl__note:nth-child(3){color:#b4533a;animation:vinyl-note-right 2.6s ease-out 1.7s infinite}.vinyl__zzz span{position:absolute;bottom:0;left:.25rem;font-family:var(--font-hand);font-size:1.1rem;line-height:1;color:var(--color-ink-muted);opacity:0;-webkit-text-stroke:.3px currentColor}.vinyl__zzz span:nth-child(1){animation:vinyl-zzz 3.6s ease-out infinite}.vinyl__zzz span:nth-child(2){font-size:.95rem;animation:vinyl-zzz 3.6s ease-out 1.2s infinite}.vinyl__zzz span:nth-child(3){font-size:.8rem;animation:vinyl-zzz 3.6s ease-out 2.4s infinite}.vinyl__hint{position:absolute;left:calc(100% + .6rem);top:50%;translate:0 -50%;white-space:nowrap;rotate:4deg;color:var(--color-ink);transition:opacity 300ms ease;font-family:var(--font-hand);font-size:1.125rem;line-height:1.45;-webkit-text-stroke:.3px currentColor}.vinyl[data-state=playing] .vinyl__disc{animation-play-state:running}.vinyl[data-state=playing] .vinyl__zzz,.vinyl[data-state=paused] .vinyl__notes{display:none}.vinyl[data-started] .vinyl__hint,.vinyl[data-state=playing] .vinyl__hint{opacity:0}@media(prefers-reduced-motion: reduce){.vinyl__button,.vinyl__disc{animation:none}.vinyl__note,.vinyl__zzz span{animation:none;opacity:1}.vinyl__note:not(:first-child),.vinyl__zzz span:not(:first-child){display:none}}@keyframes vinyl-spin{to{transform:rotate(360deg)}}@keyframes vinyl-float{0%,100%{translate:0 0}50%{translate:0 -4px}}@keyframes vinyl-note-up{0%{opacity:0;transform:translate(-50%, 0) scale(0.7) rotate(-6deg)}20%{opacity:1}100%{opacity:0;transform:translate(-50%, -3.2rem) scale(1) rotate(8deg)}}@keyframes vinyl-note-left{0%{opacity:0;transform:translate(-50%, 0) scale(0.7) rotate(4deg)}20%{opacity:1}100%{opacity:0;transform:translate(-2.2rem, -2.8rem) scale(1) rotate(-12deg)}}@keyframes vinyl-note-right{0%{opacity:0;transform:translate(-50%, 0) scale(0.7) rotate(-4deg)}20%{opacity:1}100%{opacity:0;transform:translate(1.2rem, -3rem) scale(1) rotate(14deg)}}@keyframes vinyl-zzz{0%{opacity:0;transform:translate(0, 0)}25%{opacity:.9}100%{opacity:0;transform:translate(1.1rem, -2.4rem)}}