.hb-root{--hb-bg:#f6efdf;--hb-surface:#fffdf8;--hb-ink:#203041;--hb-muted:#56606a;--hb-accent:#174e78;--hb-navy:#16305a;--hb-gold:#a16635;--hb-copper:#8a5529;--hb-on-accent:#fffdf8;--hb-azure:#2f8fbf;--hb-gilt:rgb(222 172 104/0.8);--hb-line:rgb(161 102 53/0.45);--hb-backdrop:#e7dcc4;--hb-arrive:cubic-bezier(0.22,1,0.36,1);--hb-col:min(100vw,480px);--hb-screen:calc(100svh - var(--invitation-top, 0px));--hb-strip:calc(var(--hb-col) * 0.054);--hb-gutter:calc(var(--hb-strip) + 18px);--hb-paper:var(--hb-bg) url(/templates/heritage-box/paper.webp) center top /100% auto repeat-y;--hb-serif:var(--hb-font-serif),"Cormorant Garamond",Garamond,"Times New Roman",serif;--hb-sans:var(--hb-font-sans),"Noto Sans",system-ui,sans-serif;--tpl-bg:var(--hb-bg);--tpl-surface:var(--hb-surface);--tpl-ink:var(--hb-ink);--tpl-muted:var(--hb-muted);--tpl-line:var(--hb-line);--tpl-gold:var(--hb-gold);--tpl-accent:var(--hb-accent);--tpl-on-accent:var(--hb-on-accent);--tpl-display:var(--hb-serif);--color-accent:var(--hb-accent);--music-bg:radial-gradient(circle at 35% 30%,#2a6ea3,var(--hb-accent) 70%);--music-fg:var(--hb-on-accent);--music-ring:var(--hb-gold);--music-shadow:inset 0 0 0 2px var(--hb-accent),inset 0 0 0 3px var(--hb-gilt),0 8px 20px -10px rgb(16 36 58/0.75);position:relative;min-height:100svh;background:var(--hb-backdrop);color:var(--hb-ink);font-family:var(--hb-sans);font-size:18px;font-weight:400;line-height:1.6}:where(.hb-root) :where(h1,h2,h3){margin:0;font-family:inherit;font-weight:inherit}.hb-root p{margin:0}.hb-root .tabular-nums{font-variant-numeric:lining-nums tabular-nums}.hb-page{position:relative;max-width:480px;margin-inline:auto;overflow-x:clip;background:var(--hb-paper)}@media (min-width:520px){.hb-page{box-shadow:0 30px 80px -24px rgb(32 48 65/.45)}}.hb-eyebrow{font-family:var(--hb-serif);font-size:15px;font-weight:600;letter-spacing:.22em;line-height:1.4;text-transform:uppercase;text-wrap:balance;color:var(--hb-navy)}.hb-copper{color:var(--hb-copper)}.hb-title{font-size:clamp(38px,11.5vw,48px);font-weight:600;line-height:1.08;overflow-wrap:anywhere}.hb-title,.hb-title-italic{font-family:var(--hb-serif);text-wrap:balance;color:var(--hb-navy)}.hb-title-italic{font-style:italic;font-weight:500;line-height:1.1}.hb-title-large{font-size:clamp(52px,16vw,66px)}.hb-heading{flex-direction:column;gap:12px}.hb-heading,.hb-rule{display:flex;align-items:center}.hb-rule{justify-content:center;gap:10px;color:var(--hb-gold)}.hb-rule:after,.hb-rule:before{content:"";width:60px;height:1px;background:linear-gradient(90deg,transparent,currentColor)}.hb-rule:after{background:linear-gradient(270deg,transparent,currentColor)}.hb-rule i{width:9px;height:9px;rotate:45deg;background:var(--hb-azure);box-shadow:0 0 0 1.5px var(--hb-surface),0 0 0 2.5px currentColor}.hb-divider{width:min(calc(var(--hb-col) * .67),322px);height:auto;pointer-events:none;user-select:none}.hb-prose{display:flex;max-width:30ch;flex-direction:column;gap:1em;font-size:18px;line-height:1.6;text-wrap:pretty;white-space:pre-line}.hb-button{display:inline-flex;min-height:54px;align-items:center;justify-content:center;gap:14px;padding:0 30px;border:2px solid var(--hb-gold);border-radius:999px;font-family:var(--hb-serif);font-size:21px;font-weight:600;line-height:1.1;text-align:center;text-decoration:none;color:var(--hb-on-accent);background:linear-gradient(180deg,#23649b,var(--hb-accent) 55%,#103a60);box-shadow:inset 0 0 0 2px var(--hb-gilt),0 8px 18px -10px rgb(16 36 58/.8);cursor:pointer;transition:transform .25s var(--hb-arrive);-webkit-tap-highlight-color:transparent}.hb-button:after,.hb-button:before{content:"";flex:none;width:8px;height:8px;rotate:45deg;background:var(--hb-azure);box-shadow:0 0 0 1.5px var(--hb-gilt)}.hb-button:hover{transform:translateY(-1px)}.hb-button:focus-visible{outline:3px solid var(--hb-accent);outline-offset:4px}.hb-hero{--hb-hero-h:clamp(calc(var(--hb-col) * 1.35),var(--hb-screen),calc(var(--hb-col) * 2.2));--hb-names-fit:calc((var(--hb-hero-h) * 0.65 - 179px) / 2.75);position:relative;display:flex;min-height:var(--hb-hero-h);flex-direction:column;align-items:center;padding:calc(var(--hb-hero-h) * .25) calc(var(--hb-col) * .14) calc(var(--hb-hero-h) * .1);text-align:center}.hb-hero-art{position:absolute;inset:0;z-index:1;width:100%;max-width:none;height:100%;pointer-events:none;user-select:none}.hb-hero-atlas{overflow:hidden}.hb-hero-atlas-picture{display:block;width:100%;max-width:none;height:100%}.hb-hero-arch{z-index:2}.hb-hero-copy{position:relative;z-index:3;width:100%;gap:14px}.hb-hero-copy,.hb-names{display:flex;flex-direction:column;align-items:center}.hb-names{max-width:100%;margin-block:16px;font-family:var(--hb-serif);font-size:clamp(40px,min(17.5vw,var(--hb-names-fit)),72px);font-style:italic;font-weight:500;line-height:1.1;color:var(--hb-navy)}.hb-names:focus{outline:none}.hb-names-long{font-size:clamp(34px,min(12.5vw,var(--hb-names-fit) * .72),52px)}.hb-names-xlong{font-size:clamp(28px,min(9.5vw,var(--hb-names-fit) * .55),40px)}.hb-name{max-width:100%;overflow-wrap:anywhere;text-wrap:balance}.hb-joiner{display:flex;align-items:center;gap:.45em;margin-block:.08em .12em;font-size:.42em;color:var(--hb-copper)}.hb-joiner:after,.hb-joiner:before{content:"";width:1.4em;height:1px;background:currentColor;opacity:.6}.hb-hero-intro{max-width:20ch;font-family:var(--hb-serif);font-size:20px;font-weight:600;line-height:1.3;text-wrap:balance;color:var(--hb-copper)}.js .hb-toggle:not(:checked)~.hb-page [data-enter]{opacity:0;pointer-events:none}.js .hb-toggle:not(:checked)~.hb-page .hb-hero-atlas{z-index:31}.js .hb-toggle:not(:checked)~.hb-page .hb-hero-arch{z-index:32}.js .hb-toggle:not(:checked)~.hb-page .hb-hero-copy{z-index:33}.hb-body{position:relative}.hb-body:after,.hb-body:before{content:"";position:absolute;top:0;bottom:0;z-index:4;width:var(--hb-strip);background:url(/templates/heritage-box/mosaic-side-strip.webp) top/100% auto repeat-y;pointer-events:none}.hb-body:before{left:0}.hb-body:after{right:0;scale:-1 1}.hb-section{position:relative;isolation:isolate;display:flex;min-height:min(var(--hb-screen),760px);flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:64px var(--hb-gutter);text-align:center}.hb-section>:not(.hb-deco){position:relative;z-index:2}.hb-deco{position:absolute;z-index:1;max-width:none;height:auto;pointer-events:none;user-select:none}.hb-greeting-border{width:calc(100% + 16px);max-width:430px}.hb-cartouche img,.hb-crest img,.hb-emblem img,.hb-greeting-border img,.hb-rail img,.hb-vignette img{display:block;width:100%;height:auto}.hb-greeting .hb-title-italic{font-size:clamp(44px,13.5vw,54px)}.hb-date .hb-eyebrow{font-size:16px;letter-spacing:.24em}.hb-cartouche{width:min(calc(var(--hb-col) * .76),364px)}.hb-cartouche-date{position:absolute;inset:24% 21% 25%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--hb-serif);line-height:1;color:var(--hb-navy)}.hb-day{font-size:clamp(64px,20vw,84px);font-weight:500;line-height:.9}.hb-month{max-width:100%;font-weight:600;letter-spacing:.08em;text-transform:uppercase;overflow-wrap:anywhere}.hb-month,.hb-year{margin-top:6px;font-size:clamp(19px,5.8vw,25px)}.hb-year{font-weight:500;letter-spacing:.14em}.hb-when{font-family:var(--hb-serif);font-size:24px;font-weight:600;line-height:1.3;text-transform:capitalize}.hb-countdown-block{display:flex;width:100%;flex-direction:column;align-items:center;gap:14px}.hb-countdown-title{font-size:clamp(30px,9vw,36px)}.hb-countdown{--tpl-ink:var(--hb-navy);width:calc(100% + 12px);max-width:350px}.hb-countdown>div{gap:8px}.hb-countdown>div>div{flex:1;padding:12px 0 10px;border:1.5px solid var(--hb-gold);border-radius:10px;background:var(--hb-surface);box-shadow:inset 0 0 0 3px var(--hb-surface),inset 0 0 0 4px rgb(23 78 120/.28),0 4px 10px -8px rgb(32 48 65/.6)}.hb-countdown>div>div>div:first-child{font-size:34px;font-weight:600;line-height:1.1}.hb-countdown>div>div>div:last-child{margin-top:2px;font-size:14px;letter-spacing:.06em;color:var(--hb-ink)}.hb-calendar{width:100%}.hb-calendar p{font-size:14px}.hb-story{padding-top:calc(28px + var(--hb-col) * .13 + 24px);padding-bottom:calc(40px + var(--hb-col) * .36)}.hb-section>.hb-rail{position:absolute;left:50%;width:min(calc(var(--hb-col) * .9),432px);translate:-50% 0;pointer-events:none;user-select:none}.hb-section>.hb-rail-top{top:28px}.hb-section>.hb-rail-bottom{bottom:28px;height:auto}.hb-sprig-left,.hb-sprig-right{bottom:calc(28px + var(--hb-col) * .05);width:30%}.hb-sprig-left{left:calc(var(--hb-strip) + 2px)}.hb-sprig-right{right:calc(var(--hb-strip) + 2px)}.hb-timeline{position:relative;display:flex;width:100%;max-width:300px;flex-direction:column;gap:24px;margin:0;padding:0;list-style:none;text-align:left}.hb-timeline:before{content:"";position:absolute;top:-14px;bottom:-14px;left:23px;width:1.5px;background:linear-gradient(transparent,var(--hb-gold) 10%,var(--hb-gold) 90%,transparent)}.hb-event{display:grid;grid-template-columns:48px 1fr;column-gap:16px}.hb-event-mark{grid-row:span 3;grid-column:1;align-self:center}.hb-event-mark img{display:block;width:48px;height:auto}.hb-event-label,.hb-event-note,.hb-event-time{grid-column:2}.hb-event-time{font-family:var(--hb-serif);font-size:22px;font-weight:600;line-height:1.15;color:var(--hb-copper);font-variant-numeric:lining-nums tabular-nums}.hb-event-label{font-family:var(--hb-serif);font-size:24px;font-weight:600;line-height:1.15;overflow-wrap:anywhere;color:var(--hb-navy)}.hb-event-note{margin-top:4px;font-size:16px;line-height:1.45;color:var(--hb-muted)}.hb-vignette{width:calc(100% + 24px);max-width:452px}.hb-venue-text{display:flex;flex-direction:column;align-items:center;gap:6px}.hb-venue-name{font-family:var(--hb-serif);font-size:clamp(28px,8.5vw,34px);font-weight:600;line-height:1.15;text-wrap:balance;overflow-wrap:anywhere;color:var(--hb-navy)}.hb-address{max-width:30ch;font-size:18px;font-style:normal;line-height:1.45;text-wrap:balance}.hb-map{width:100%;max-width:380px;--map-radius:6px}.hb-framed{width:min(calc(var(--hb-col) * .82),394px);aspect-ratio:800/1006}.hb-framed-photo{position:absolute;top:10.6%;left:12%;width:76%;height:78.8%;object-fit:cover;background:var(--hb-surface)}.hb-framed-art{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;user-select:none}.hb-gallery{display:grid;width:100%;max-width:360px;grid-template-columns:1fr 1fr;gap:12px}.hb-photo{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border:2px solid var(--hb-gold);border-radius:10px;outline:1px solid rgb(255 253 248/.85);outline-offset:-6px;background:var(--hb-surface)}.hb-photo-cell:last-child:nth-child(odd){grid-column:1/-1}.hb-photo-cell:last-child:nth-child(odd) .hb-photo{aspect-ratio:4/3}.hb-rsvp-frame{width:min(calc(var(--hb-col) * .9),432px);height:auto;margin-bottom:6px;pointer-events:none;user-select:none}.hb-rsvp{width:100%;max-width:360px;text-align:left}.hb-rsvp fieldset,.hb-rsvp label{font-size:16px}.hb-rsvp button[aria-pressed],.hb-rsvp input,.hb-rsvp textarea{border-width:1.5px;border-radius:10px}.hb-rsvp button[aria-pressed]{font-family:var(--hb-serif);font-size:18px;font-weight:600;line-height:1.15}.hb-rsvp button[type=submit]{min-height:54px;border:2px solid var(--hb-gold);border-radius:12px;font-family:var(--hb-serif);font-size:21px;font-weight:600;box-shadow:inset 0 0 0 2px var(--hb-gilt)}.hb-rosette{width:180px;max-width:60%;height:0;margin-inline:auto;overflow:hidden;opacity:0}.hb-rosette img{display:block;width:100%;height:auto}.hb-rsvp [role=status]{animation:hb-appear .3s var(--hb-arrive) both}.hb-rsvp:has([role=status][data-attending=yes]) .hb-rosette{height:auto;margin-bottom:10px;overflow:visible;animation:hb-rosette .42s var(--hb-arrive) 80ms both}.hb-rsvp [role=status][data-attending=yes]>[aria-hidden=true]{display:none}@keyframes hb-appear{0%{opacity:0}to{opacity:1}}@keyframes hb-rosette{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}.hb-closing{padding-bottom:calc(var(--hb-col) * .16 + 48px)}.hb-crest{width:min(calc(var(--hb-col) * .28),134px)}.hb-closing-text{display:flex;max-width:30ch;flex-direction:column;align-items:center;gap:16px;font-size:19px;line-height:1.5;text-wrap:balance}.hb-closing-names{font-family:var(--hb-serif);font-size:clamp(28px,8.5vw,34px);font-style:italic;font-weight:500;line-height:1.2;overflow-wrap:anywhere;color:var(--hb-navy)}.hb-emblem{width:min(calc(var(--hb-col) * .4),192px);margin-top:6px}.hb-footer-band{bottom:14px;left:0;width:100%;opacity:.55}.hb-toggle{position:absolute;top:0;left:0;width:1px;height:1px;opacity:0;pointer-events:none}.hb-gate{position:fixed;inset:var(--invitation-top,0) 0 0;z-index:30;display:none;overflow:hidden;background:var(--hb-backdrop);user-select:none}.js .hb-toggle:not(:checked)~.hb-gate{display:block}.js .hb-toggle:not(:checked)~.hb-music{visibility:hidden}.hb-stage{position:relative;display:flex;height:100%;max-width:480px;flex-direction:column;align-items:center;justify-content:center;margin-inline:auto;--hb-stage-foot:max(calc(var(--hb-screen) * 0.165),96px);padding:24px 0 var(--hb-stage-foot);overflow:hidden;background:var(--hb-paper)}.hb-gate-divider{width:67%;max-width:322px}.hb-gate-band img,.hb-gate-divider img{display:block;width:100%;height:auto}.hb-chest{position:relative;flex:none;width:min(110.26%,(var(--hb-screen) - 24px - var(--hb-stage-foot) - 117px) * 1.2);aspect-ratio:1080/900;margin-top:calc(var(--hb-col) * .03)}.hb-chest-closed{top:35.11%;left:7.87%;width:84.54%;max-width:none;height:auto}.hb-chest-closed,.hb-layers{position:absolute;transition:opacity .35s}.hb-layers{inset:0;opacity:0}.hb-ready .hb-layers{opacity:1}.hb-ready .hb-chest-closed{opacity:0}.hb-piece{position:absolute}.hb-piece img{display:block;width:100%;max-width:none;height:auto}.hb-p-interior{top:22.22%;left:11.02%;z-index:1;width:78.61%;opacity:0}.hb-p-fold{top:37.78%;left:23.15%;z-index:2;width:53.7%;opacity:0}.hb-p-body{top:46.44%;z-index:3}.hb-p-body,.hb-p-lid{left:7.87%;width:84.54%}.hb-p-lid{top:35.11%;z-index:4;transform-origin:50% 100%}.hb-p-latch{top:48%;left:44.81%;z-index:6;width:10.37%}.hb-p-latch-open{top:48.11%;left:45.56%;z-index:6;width:11.39%;opacity:0}.hb-hit{position:absolute;top:32%;right:8%;bottom:6%;left:8%;z-index:7;cursor:pointer;-webkit-tap-highlight-color:transparent}.hb-gate-action{display:flex;width:100%;justify-content:center;margin-top:14px;padding-inline:28px}.hb-gate-button{width:100%;max-width:322px;min-height:60px;font-size:23px}.hb-gate-button:disabled{cursor:default}.hb-gate-button:focus-visible,.hb-toggle:focus-visible~.hb-gate .hb-gate-button{outline:3px solid var(--hb-accent);outline-offset:4px}.hb-gate-band{position:absolute;right:0;bottom:3%;left:0}.hb-gate-band img{opacity:.45}@media (prefers-reduced-motion:reduce){.hb-rsvp [role=status]{animation:none}.hb-rsvp:has([role=status][data-attending=yes]) .hb-rosette{animation:none;opacity:1}}