@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Playfair+Display:ital,wght@0,400;0,500;1,400;1,500&display=swap');
:root { --paper:#f3efe9; --ink:#242522; --muted:#77736b; --line:#d9d2c8; --rust:#984b38; --olive:#68705d; --max:1200px; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; overflow-x:hidden; background:var(--paper); color:var(--ink); font-family:'DM Mono',monospace; font-size:14px; line-height:1.7; } img { display:block; width:100%; height:100%; object-fit:cover; } a { color:inherit; text-decoration:none; } a:focus-visible, summary:focus-visible { outline:2px solid var(--rust); outline-offset:5px; } h1,h2,h3,p,figure { margin:0; } h1,h2,h3 { font-family:'Playfair Display',serif; font-weight:400; line-height:.95; } h1 { font-size:clamp(3.3rem,9vw,8.5rem); letter-spacing:0; } h2 { font-size:clamp(3rem,7vw,6.8rem); } h2 em { color:var(--rust); font-weight:400; } .content-width { width:min(calc(100% - 40px),var(--max)); margin-inline:auto; } .section-narrow { width:min(calc(100% - 40px),760px); margin-inline:auto; } .section-kicker,.eyebrow { color:var(--muted); font-size:11px; letter-spacing:.13em; text-transform:uppercase; }
.skip-link { position:absolute; left:12px; top:-60px; background:var(--ink); color:#fff; padding:8px 12px; z-index:20; } .skip-link:focus { top:12px; }
.site-header { position:fixed; z-index:10; top:0; left:0; width:100%; padding:18px 20px; display:flex; justify-content:space-between; align-items:center; background:rgba(230,224,214,.97); border-bottom:1px solid rgba(36,37,34,.1); backdrop-filter:blur(8px); transition:background .35s ease, padding .25s ease; } .site-header.is-scrolled { padding-top:12px; padding-bottom:12px; background:rgba(230,224,214,.98); } .wordmark { font-family:'Playfair Display',serif; font-size:22px; } nav { display:flex; align-items:center; gap:20px; text-transform:uppercase; font-size:10px; letter-spacing:.08em; } nav a:hover { color:var(--rust); } .nav-rsvp { border-bottom:1px solid var(--ink); padding-bottom:2px; }
.hero { min-height:100svh; position:relative; display:grid; place-items:center; overflow:hidden; color:#fff; background:#31312e; } .hero-image { position:absolute; inset:0; } .hero-image img { object-position:center 40%; } .hero-wash { position:absolute; inset:0; background:linear-gradient(180deg,rgba(16,16,14,.48),rgba(16,16,14,.3) 42%,rgba(16,16,14,.68)),radial-gradient(ellipse at center,rgba(0,0,0,.02),rgba(0,0,0,.42)); } .hero-copy { position:relative; z-index:1; max-width:min(94vw,1000px); text-align:center; padding:80px 20px 60px; text-shadow:0 2px 18px rgba(0,0,0,.78); isolation:isolate; } .hero-copy::before { content:''; position:absolute; z-index:-1; inset:4% -9% 8%; border-radius:50%; background:radial-gradient(ellipse at 50% 46%,rgba(19,18,16,.68) 0%,rgba(25,23,20,.48) 38%,rgba(25,23,20,.2) 63%,transparent 78%); filter:blur(22px); pointer-events:none; } .hero-copy h1 { -webkit-text-stroke:1px rgba(0,0,0,.72); text-shadow:0 3px 0 rgba(0,0,0,.28),0 4px 22px rgba(0,0,0,.92); } .hero-copy .eyebrow { color:#fff; margin-bottom:25px; } .hero-meta { display:flex; flex-wrap:wrap; gap:10px 18px; justify-content:center; text-transform:uppercase; font-size:11px; letter-spacing:.1em; margin-top:28px; } .hero-line { position:relative; isolation:isolate; font-family:'Playfair Display',serif; font-style:italic; font-size:20px; margin-top:62px; } .hero-line::before { content:''; position:absolute; z-index:-1; inset:-.8em -1.6em; border-radius:50%; background:radial-gradient(ellipse,rgba(18,17,15,.68),rgba(23,21,19,.34) 52%,transparent 76%); filter:blur(13px); pointer-events:none; } .scroll-cue { position:absolute; z-index:1; bottom:22px; left:20px; font-size:11px; text-transform:uppercase; letter-spacing:.1em; text-shadow:0 2px 12px rgba(0,0,0,.9); } .scroll-cue span { display:inline-block; font-size:20px; margin-right:9px; }
.intro { padding:160px 0 100px; } .intro h2 { margin:24px 0 34px; } .intro-copy { max-width:350px; color:var(--muted); }
.quote-break { padding:40px 0 150px; max-width:760px; } .quote-mark { color:var(--rust); font-family:'Playfair Display',serif; font-size:76px; line-height:.5; } blockquote { max-width:700px; margin:24px 0 18px; font-family:'Playfair Display',serif; font-size:clamp(2rem,5vw,4.5rem); line-height:1.02; } cite { color:var(--muted); font-size:10px; font-style:normal; letter-spacing:.04em; } .quote-break-right { padding-top:0; padding-bottom:170px; margin-left:auto; text-align:right; } .quote-break-right blockquote { margin-left:auto; }
.story-grid { display:grid; position:relative; } .story-grid-one { grid-template-columns:1fr; gap:70px; padding-bottom:140px; } .photo { overflow:hidden; } .photo img { aspect-ratio:4/5; transition:transform 1.1s cubic-bezier(.2,.7,.2,1); } .photo:hover img { transform:scale(1.025); } figcaption { color:#625e57; font-size:12px; margin-top:10px; } .story-note { justify-self:end; max-width:210px; color:var(--rust); font-family:'Playfair Display',serif; font-style:italic; font-size:18px; line-height:1.25; } .note-mark { display:block; color:var(--olive); font-family:monospace; font-style:normal; margin-bottom:8px; } .photo-wide img { aspect-ratio:16/9; } .parallax-stage { min-height:150svh; padding:0; position:relative; } .interlude-sticky { position:sticky; top:0; height:100svh; display:grid; place-items:center; overflow:hidden; } .interlude-image { position:absolute; inset:0; overflow:hidden; } .interlude-image img { object-position:center; } .interlude-sticky::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,rgba(16,16,14,.68),rgba(16,16,14,.2) 52%,rgba(16,16,14,.22)),linear-gradient(180deg,rgba(16,16,14,.08),rgba(16,16,14,.52)); pointer-events:none; } .interlude-sidecopy { position:absolute; z-index:1; left:clamp(20px,9vw,130px); top:50%; width:min(38vw,390px); color:#fff; transform:translate3d(0,calc(-50% + var(--copy-y,0px)),0); text-shadow:0 2px 16px rgba(0,0,0,.86); } .interlude-sidecopy .section-kicker { color:#fff; } .interlude-sidecopy h2 { margin:20px 0 26px; font-size:clamp(3rem,6vw,6.6rem); } .interlude-sidecopy > p:not(.section-kicker) { font-family:'Playfair Display',serif; font-size:clamp(17px,1.8vw,24px); font-style:italic; line-height:1.15; } .interlude-sidecopy > p span { color:#f2d9ca; } .interlude-progress { width:160px; height:1px; margin-top:36px; background:rgba(255,255,255,.45); overflow:hidden; } .interlude-progress span { display:block; width:100%; height:100%; background:#fff; transform:scaleX(var(--stage-progress,0)); transform-origin:left; } .interlude-sidecopy small { display:block; margin-top:10px; font-size:10px; letter-spacing:.12em; text-transform:uppercase; } .story-grid-two { grid-template-columns:1fr; gap:70px; padding-bottom:160px; } .photo-small { width:73%; } .photo-small img { aspect-ratio:1/1.18; } .photo-portrait { width:75%; margin-left:auto; } .photo-portrait img { aspect-ratio:3/4; object-position:center top; }
.section-band { background:#dedcd1; padding:120px 0; } .events-inner { display:grid; gap:70px; } .event-list { border-top:1px solid rgba(36,37,34,.25); } .event-row { display:grid; grid-template-columns:58px 1fr 20px; gap:20px; align-items:center; padding:28px 0; border-bottom:1px solid rgba(36,37,34,.25); } .event-row time { font-family:'Playfair Display',serif; font-size:26px; line-height:.8; } .event-row time span { font-family:'DM Mono',monospace; font-size:10px; letter-spacing:.12em; } .event-row h3 { font-size:29px; } .event-row p { color:var(--muted); font-size:12px; margin-top:5px; } .event-main h3 { color:var(--rust); } .event-arrow { font-size:18px; }
.details { padding:150px 0; display:grid; gap:70px; } .detail { border-top:1px solid var(--line); padding:18px 0; } .detail:last-child { border-bottom:1px solid var(--line); } summary { list-style:none; cursor:pointer; display:flex; justify-content:space-between; font-family:'Playfair Display',serif; font-size:25px; } summary::-webkit-details-marker { display:none; } summary span { color:var(--muted); font-family:'DM Mono',monospace; font-size:10px; padding-top:8px; } summary:after { content:'+'; font-family:'DM Mono',monospace; font-size:18px; } details[open] summary:after { content:'−'; } .detail div { padding:22px 30px 5px; } .detail div p { font-family:'Playfair Display',serif; font-size:19px; } .detail a { display:inline-block; color:var(--rust); margin-top:16px; border-bottom:1px solid var(--rust); } .detail small { display:block; color:var(--muted); margin-top:12px; font-size:12px; }
.rsvp { padding:0 0 170px; display:grid; gap:80px; } .rsvp h2 { margin:23px 0 28px; } .rsvp-copy > p:not(.section-kicker) { max-width:300px; color:var(--muted); } .button { display:inline-flex; gap:28px; align-items:center; margin-top:30px; padding:13px 0; border-bottom:1px solid var(--ink); font-size:11px; text-transform:uppercase; letter-spacing:.08em; } .button:hover { color:var(--rust); border-color:var(--rust); } .countdown { border-top:1px solid var(--line); padding-top:20px; } .countdown-label { color:var(--muted); font-size:10px; text-transform:uppercase; letter-spacing:.07em; } .count-grid { display:flex; gap:24px; margin-top:24px; } .count-grid div { display:flex; flex-direction:column; } .count-grid strong { font-family:'Playfair Display',serif; font-size:52px; font-weight:400; line-height:1; } .count-grid span { color:var(--muted); font-size:10px; margin-top:8px; }
.gallery { padding-bottom:160px; } .gallery-heading { margin-bottom:60px; } .gallery-heading h2 { margin-top:23px; } .gallery-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; align-items:start; } .gallery-grid figure:first-child { padding-top:40px; } .gallery-grid figure:last-child { grid-column:1/-1; width:80%; margin:30px auto 0; } .gallery-grid img { aspect-ratio:1/1.25; } .gallery-grid figure:last-child img { aspect-ratio:16/9; }
.site-footer { border-top:1px solid var(--line); padding:28px 20px 35px; display:grid; gap:16px; color:var(--muted); font-size:10px; } .footer-mark { display:block; width:52px; height:52px; object-fit:contain; } .site-footer a { color:var(--ink); }
.parallax-frame { overflow:hidden; } .parallax-frame img { transform:translate3d(0,var(--parallax-y,0px),0) scale(1.12); will-change:transform; transition:transform .12s linear; } .photo.parallax-frame:hover img { transform:translate3d(0,var(--parallax-y,0px),0) scale(1.14); } .interlude-caption span { color:var(--ink); }
.reveal { opacity:0; transform:translateY(24px); transition:opacity .8s ease, transform .8s ease; } .reveal.is-visible { opacity:1; transform:none; } @media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .reveal { opacity:1; transform:none; transition:none; } .parallax-frame img,.photo.parallax-frame:hover img { transform:scale(1.02); } * { animation-duration:.01ms !important; transition-duration:.01ms !important; } }
html.parallax-enabled .parallax-frame img { transform:translate3d(0,var(--parallax-y,0px),0) scale(1.12) !important; } html.parallax-enabled .photo.parallax-frame:hover img { transform:translate3d(0,var(--parallax-y,0px),0) scale(1.14) !important; }
html.parallax-enabled .interlude-sidecopy { transform:translate3d(0,calc(-50% + var(--copy-y,0px)),0) !important; }
@media (max-width:759px) { .site-header { padding:15px 16px; } .site-header nav { gap:12px; font-size:9px; } .wordmark { font-size:20px; } .hero-copy { padding-inline:12px; } .hero-copy h1 { font-size:clamp(3rem,14vw,5.2rem); line-height:.9; } .hero-line { margin-top:42px; } .hero-meta { font-size:10px; } .parallax-stage { min-height:165svh; } .interlude-image img { object-position:center; } .interlude-sticky::after { background:linear-gradient(180deg,rgba(16,16,14,.05),rgba(16,16,14,.22) 42%,rgba(16,16,14,.7)); } .interlude-sidecopy { left:20px; right:20px; top:auto; bottom:44px; width:auto; transform:translate3d(0,var(--copy-y,0px),0); } .interlude-sidecopy h2 { margin:12px 0 18px; font-size:clamp(2.8rem,13vw,4.5rem); } .interlude-sidecopy > p:not(.section-kicker) { font-size:17px; } .interlude-progress { width:120px; margin-top:24px; } .quote-break { padding-top:20px; } }
@media (max-width:759px) { html.parallax-enabled .interlude-sidecopy { transform:translate3d(0,var(--copy-y,0px),0) !important; } }
@media (min-width:760px) { body { font-size:13px; } .site-header { padding:24px 38px; } .content-width { width:min(calc(100% - 76px),var(--max)); } .section-narrow { width:min(calc(100% - 76px),760px); } .hero-copy { padding-top:40px; } .hero-line { margin-top:45px; } .intro { padding:230px 0 150px; } .quote-break { padding-bottom:190px; } .story-grid-one { grid-template-columns:minmax(0,1.05fr) minmax(150px,.55fr) minmax(0,1.05fr); gap:4%; align-items:center; padding-bottom:230px; } .story-note { grid-column:2; grid-row:1; justify-self:center; } .photo-wide { grid-column:3; grid-row:1; margin-top:130px; } .story-grid-two { grid-template-columns:38% 34%; justify-content:space-between; align-items:start; padding-bottom:180px; } .photo-portrait { margin-top:170px; } .events-inner { grid-template-columns:35% 1fr; gap:12%; } .details { grid-template-columns:35% 1fr; gap:12%; padding:220px 0; } .rsvp { grid-template-columns:45% 1fr; gap:15%; padding-bottom:240px; } .countdown { margin-top:90px; } .gallery-grid { grid-template-columns:1fr 1fr 1fr; gap:20px; } .gallery-grid figure:first-child { padding-top:100px; } .gallery-grid figure:last-child { grid-column:auto; width:auto; margin:160px 0 0; } .gallery-grid figure:last-child img { aspect-ratio:3/4; } .site-footer { grid-template-columns:1fr 1fr 1fr; padding:35px 38px 45px; align-items:end; } .site-footer a { justify-self:end; } }

/* Editorial details and form controls. */
body::before { content:''; position:fixed; inset:0; z-index:30; pointer-events:none; opacity:.16; mix-blend-mode:multiply; background-image:radial-gradient(rgba(36,37,34,.18) .45px,transparent .6px); background-size:7px 7px; }
.wordmark img { display:none; width:36px; height:36px; max-width:36px; max-height:36px; object-fit:contain; }
.wordmark img:not([hidden]) { display:block; }
.story-grid-two { padding-top:clamp(120px,14vw,220px); }
.events-lede { max-width:260px; margin-top:30px; color:var(--rust); font-family:'Playfair Display',serif; font-size:20px; font-style:italic; line-height:1.15; }
.event-row { padding-left:16px; border-left:3px solid rgba(104,112,93,.55); }
.event-haldi { border-left-color:#c59a35; }
.event-sangeet { border-left-color:#9b55b5; }
.event-main { border-left-color:var(--rust); }
.event-row .event-theme { color:var(--ink); font-family:'Playfair Display',serif; font-size:15px; margin-top:11px; }
.event-dress { display:inline-block; margin-top:10px; border:1px solid currentColor; border-radius:999px; padding:3px 9px; color:var(--rust); font-size:10px; line-height:1.25; text-transform:uppercase; letter-spacing:.08em; }
.event-haldi .event-dress { color:#9b7418; }
.event-sangeet .event-dress { color:#87429e; }
.rsvp-form-shell { min-height:420px; border:1px solid var(--line); background:#fff; overflow:hidden; }
.rsvp-form-shell iframe { display:block; width:100%; min-height:620px; border:0; background:#fff; }
.gallery-grid figure { position:relative; }
.gallery-grid figure::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,transparent 43%,rgba(0,0,0,.72)); opacity:0; pointer-events:none; transition:opacity .4s ease; }
.gallery-grid figure:hover::after, .gallery-grid figure:focus-within::after { opacity:1; }
.gallery-grid figure:hover img, .gallery-grid figure:focus-within img { transform:scale(1.045); }
.gallery-grid img { transition:transform .8s cubic-bezier(.2,.7,.2,1); }
.gallery-caption { position:absolute; z-index:1; left:16px; right:16px; bottom:14px; display:flex; justify-content:space-between; align-items:end; gap:12px; color:#fff; opacity:0; transform:translateY(12px); transition:opacity .4s ease, transform .4s ease; font-size:12px; }
.gallery-caption time { color:rgba(255,255,255,.72); font-size:9px; letter-spacing:.08em; text-transform:uppercase; white-space:nowrap; }
.gallery-grid figure:hover .gallery-caption, .gallery-grid figure:focus-within .gallery-caption { opacity:1; transform:none; }
@media (max-width:759px) { .gallery-caption { opacity:1; transform:none; } .gallery-grid figure::after { opacity:1; } }
@media (min-width:760px) { .story-grid-two { padding-top:clamp(160px,15vw,260px); } .rsvp { grid-template-columns:minmax(250px,.8fr) minmax(420px,1.2fr); } .rsvp-copy { grid-column:1; grid-row:1; } .rsvp-form-shell { grid-column:2; grid-row:1 / span 2; } .rsvp .countdown { grid-column:1; grid-row:2; margin-top:60px; } }

@media (min-width:760px) {
  .event-list { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; border-top:0; }
  .event-row { position:relative; display:flex; flex-direction:column; align-items:stretch; gap:10px; min-height:356px; padding:24px 22px 22px; border:1px solid rgba(36,37,34,.2); border-top:4px solid rgba(104,112,93,.55); background:rgba(243,239,233,.24); }
  .event-haldi { border-top-color:#c59a35; border-left:0; }
  .event-sangeet { border-top-color:#9b55b5; border-left:0; }
  .event-main { border-top-color:var(--rust); border-left:0; }
  .event-row time { display:flex; flex-direction:column; justify-content:center; gap:4px; width:58px; min-height:58px; padding:8px 10px; border-left:2px solid rgba(104,112,93,.55); background:rgba(255,255,255,.38); font-size:30px; line-height:.9; font-variant-numeric:tabular-nums; }
  .event-haldi time { border-left-color:#c59a35; }
  .event-sangeet time { border-left-color:#9b55b5; }
  .event-main time { border-left-color:var(--rust); }
  .event-row time span { font-size:9px; line-height:1; letter-spacing:.14em; }
  .event-row > div { display:flex; flex:1; flex-direction:column; align-items:flex-start; width:100%; margin-top:4px; }
  .event-row h3 { font-size:34px; }
  .event-row p { margin-top:8px; line-height:1.55; }
  .event-row .event-theme { margin-top:18px; }
  .event-dress { align-self:flex-start; max-width:100%; margin-top:auto; padding:6px 10px; border-radius:999px; font-size:8px; line-height:1.25; letter-spacing:.055em; }
  .event-arrow { position:absolute; top:27px; right:20px; color:var(--muted); font-size:16px; }
}

/* Keep the information chapters distinct, with neighboring paper tones rather than hard bands. */
.section-band { background:#ebe9e2; }
.details, .rsvp { position:relative; isolation:isolate; }
.details::before, .rsvp::before { content:''; position:absolute; z-index:-1; inset:0 calc((100vw - 100%) / -2); pointer-events:none; }
.details::before { background:#f1eee8; }
.rsvp::before { background:#edeee8; }

/* The wallpaper belongs only to the middle photo-and-quote passage. */
body::before { display:none; }
.section-band { background:#dedcd1; }
.section-band { position:relative; isolation:isolate; overflow:hidden; }
.section-band .fireworks { z-index:0; }
.events-inner { position:relative; z-index:1; }
.events > .fireworks { z-index:2; }
.events > .events-inner { z-index:3; }
.event-firework { display:block; position:absolute; z-index:2; width:1px; height:1px; pointer-events:none; opacity:.38; transform:translate(-50%,-50%) rotate(var(--turn)); }
.event-firework-a { left:24%; top:28%; }
.event-firework-b { left:72%; top:46%; }
.event-firework-c { left:48%; top:78%; }
.event-firework::before { content:''; position:absolute; left:-42px; top:-42px; width:84px; height:84px; background:repeating-conic-gradient(from 0deg,rgba(152,75,56,.7) 0 3deg,transparent 3deg 30deg); animation:event-fallback 4.6s ease-in-out infinite; }
.event-firework i { position:absolute; left:0; top:0; width:var(--width); height:var(--length); border-radius:50%; background:rgba(152,75,56,.62); transform-origin:50% 100%; transform:translate(-50%,-100%) rotate(var(--angle)) scaleY(.18); }
.event-firework.is-bursting { animation:event-burst .95s ease-out both; }
.event-firework.is-bursting::before { opacity:0; }
.event-firework.is-bursting i { animation:event-spoke .95s cubic-bezier(.2,.7,.2,1) var(--delay) both; }
@keyframes event-burst { 0% { opacity:0; transform:translate(-50%,-50%) rotate(var(--turn)) scale(.25); } 18% { opacity:.72; } 100% { opacity:0; transform:translate(-50%,-50%) rotate(calc(var(--turn) + 32deg)) scale(1); } }
@keyframes event-spoke { 0% { opacity:0; transform:translate(-50%,-100%) rotate(var(--angle)) scaleY(.12); } 22% { opacity:.9; } 100% { opacity:0; transform:translate(-50%,-100%) rotate(var(--angle)) scaleY(1); } }
@keyframes event-fallback { 0%,100% { opacity:.25; transform:scale(.78) rotate(0deg); } 50% { opacity:.6; transform:scale(1.06) rotate(18deg); } }
.interlude-beach .interlude-sticky { background:linear-gradient(180deg,rgba(36,20,29,.12),rgba(36,20,29,.18) 45%,rgba(36,20,29,.58)),url('public/images/source-beach.jpeg') center 52% / cover fixed; }
.interlude-beach .interlude-image { display:none; }
.interlude-beach .interlude-sticky::after { background:linear-gradient(180deg,rgba(16,16,14,.04),rgba(16,16,14,.14) 45%,rgba(16,16,14,.28)); }
.interlude-centered { left:50%; width:min(760px,82vw); text-align:center; }
.interlude-centered .section-kicker { color:#fff; }
.interlude-centered h2 { font-size:clamp(3.4rem,7vw,7.4rem); }
html.parallax-enabled .interlude-centered { transform:translate3d(-50%,calc(-50% + var(--copy-y,0px)),0) !important; }
@media (max-width:759px) { .interlude-centered { left:20px; width:auto; text-align:center; } html.parallax-enabled .interlude-centered { transform:translate3d(0,var(--copy-y,0px),0) !important; } }
@media (max-width:759px) { .interlude-beach .interlude-sticky { background-attachment:scroll; } }
.details::before, .rsvp::before { display:none; }
.paper-wallpaper { position:relative; isolation:isolate; }
.paper-wallpaper::before { content:''; position:absolute; z-index:-1; inset:0 calc((100vw - 100%) / -2); pointer-events:none; background-color:#f0ece4; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='160' viewBox='0 0 280 160'%3E%3Cg fill='%2368705d' fill-opacity='.22' font-family='monospace' font-size='14'%3E%3Ctext x='24' y='30'%3E%23%3C/text%3E%3Ctext x='142' y='30'%3E%23%3C/text%3E%3Ctext x='238' y='30'%3E%23%3C/text%3E%3Ctext x='78' y='86'%3E%23%3C/text%3E%3Ctext x='196' y='86'%3E%23%3C/text%3E%3Ctext x='8' y='140'%3E%23%3C/text%3E%3Ctext x='124' y='140'%3E%23%3C/text%3E%3Ctext x='252' y='140'%3E%23%3C/text%3E%3C/g%3E%3C/svg%3E"); background-repeat:repeat; }
.fireworks { position:absolute; z-index:1; inset:0; width:100%; height:100%; pointer-events:none; opacity:1; }
.paper-wallpaper > *:not(.fireworks) { position:relative; z-index:1; }
@media (prefers-reduced-motion:reduce) { html:not(.fireworks-enabled) .fireworks { display:none; } }
@media (max-width:759px) { .site-header.is-scrolled { padding-top:9px; padding-bottom:9px; } }