@font-face{font-family:Pinyon;src:url('../assets/fonts/PinyonScript-Regular.ttf') format('truetype');font-display:swap}
:root{--ivory:#f7f3ea;--ink:#244768;--blue:#23559b;--muted:#5f6a71;--pink:#9b3d63;--paper:#fffdf8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font:16px/1.7 Georgia,'Times New Roman',serif}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:6px}h1,h2,h3,p,figure{margin:0}a{color:inherit}img{max-width:100%}
.hero{container-type:inline-size;position:relative;isolation:isolate;width:100%;max-width:700px;aspect-ratio:2/3;margin:0 auto;overflow:hidden;background:#88b5df}
.hero>video,.hero>.opening-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.hero [hidden]{display:none!important}.hero::after{content:"";position:absolute;inset:auto 0 0;height:7%;z-index:5;background:linear-gradient(transparent,var(--ivory));pointer-events:none}
.wording{position:absolute;left:5%;right:5%;top:8.5%;z-index:2;text-align:center;color:#fffdf5;text-shadow:0 2px 10px #234f7b44}
.family{font-size:max(10px,2.5cqw);letter-spacing:.07em}.names{font:400 13cqw/1.12 Pinyon,Georgia,serif;display:flex;align-items:center;justify-content:center;gap:2cqw;margin:2cqw 0 1cqw}.names em{font:italic 7cqw/1 Georgia,serif}.occasion{font-size:max(11px,2.65cqw);letter-spacing:.04em}.where{margin-top:2cqw;font-size:max(10px,2.65cqw)}
.date-bridge{position:relative;text-align:center;padding:44px 24px 12px;max-width:700px;margin:auto;scroll-margin-top:28px}.eyebrow{font:500 10px/1.7 Arial,sans-serif;letter-spacing:.19em;text-transform:uppercase}h2{font:400 clamp(52px,7vw,74px)/1.18 Pinyon,Georgia,serif}.date-bridge h2{margin:15px 0 12px;font-size:clamp(43px,7vw,60px)}.date-line{font-size:17px;line-height:1.8}.date-line span{display:block;font:12px/1.8 Arial,sans-serif;letter-spacing:.09em;margin-top:3px}.countdown{display:flex;align-items:center;justify-content:center;gap:20px;margin:28px 0 18px;font-variant-numeric:tabular-nums}.countdown span{min-width:63px}.countdown b{display:block;font:400 40px/1.2 Georgia,serif}.countdown small{display:block;font:10px/1.8 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;margin-top:7px}.countdown i{font-size:22px;font-style:normal;opacity:.35;margin-top:-23px}.calendar-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;text-decoration:none;border-bottom:1px solid #24476866;font:13px/1.4 Georgia,serif}.calendar-link:hover{color:var(--pink)}.small-wave{display:block;width:102px;height:18px;stroke:var(--blue);stroke-width:1.5;margin:34px auto 0;opacity:.65}
.our-story{max-width:1090px;margin:auto;padding:50px 45px 42px;scroll-margin-top:24px}.section-intro{position:relative;text-align:center;max-width:650px;margin:0 auto 42px;isolation:isolate}.section-intro h2{margin:13px 0 14px}.section-intro>p:last-child{font:16px/1.8 Georgia,serif;color:var(--muted)}.story-flower{position:absolute;width:145px;right:-100px;top:-6px;pointer-events:none;z-index:-1}
.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px 42px;align-items:start;position:relative}.story-entry{min-width:0;position:relative;text-align:center;perspective:1100px;overflow-wrap:anywhere}.keepsake{position:relative;background:var(--paper);padding:13px 13px 18px;transform:rotate(var(--tilt,-2deg));box-shadow:1px 2px 3px #625b4520,4px 10px 20px #625b4513;isolation:isolate;border:1px solid #e9e3d9;transform-origin:50% 15%;margin:12px 4px 26px}.keepsake::before{content:"";position:absolute;inset:4px;border:1px solid #e4ded155;pointer-events:none;z-index:2}.keepsake::after{content:"";position:absolute;width:63px;height:23px;left:calc(50% - 31px);top:-11px;transform:rotate(-6deg);background:linear-gradient(100deg,#dcd0b488,#f5edddaa 54%,#dfd2b599);border-left:1px dotted #bdac8990;border-right:1px dotted #bdac8990;box-shadow:0 1px 2px #716a4310;z-index:3}.story-photo{position:relative;width:100%;aspect-ratio:4/5;overflow:hidden;background:#e5e6dc}.story-photo img{display:block;width:300%;max-width:none;height:100%;object-fit:cover;transform:translateX(calc(var(--panel,0)*-33.333333%))}.story-caption{padding-top:14px}.story-caption h3{font:400 clamp(26px,3.2vw,33px)/1.2 Pinyon,Georgia,serif}.story-caption time{display:block;font:10px/1.5 Arial,sans-serif;letter-spacing:.22em;margin-top:7px}.story-entry .story-copy{color:var(--muted);font:15px/1.85 Georgia,serif;max-width:34ch;margin:auto;white-space:pre-line}.story-entry:nth-child(3n+2){padding-top:27px;--tilt:2deg}.story-entry:nth-child(3n){padding-top:8px;--tilt:-1deg}.chapter-number{font:10px/1.5 Arial,sans-serif;letter-spacing:.15em;color:var(--pink);margin:0 0 11px}.chapter-connector{display:block;width:58px;height:27px;stroke:var(--blue);stroke-width:1.25;fill:none;margin:25px auto 0;opacity:.55}.story-signoff{font:400 36px/1.3 Pinyon,Georgia,serif;text-align:center;margin:38px auto 0}.our-story>.small-wave{margin-top:22px}.review-footer{max-width:900px;margin:20px auto 0;text-align:center;font:11px/1.8 Arial,sans-serif;color:var(--muted);padding:25px 20px 35px}.no-script{text-align:center;max-width:35em;margin:auto}
.story-entry{perspective:none}
.keepsake::after{background:repeating-linear-gradient(90deg,transparent 0 5px,#ffffff12 5px 6px),linear-gradient(100deg,#3f71acdd,#76a1cddd 52%,#38669dcc);border-left-color:#24476888;border-right-color:#24476888;box-shadow:0 1px 3px #24476825}
@keyframes paper-settle{from{opacity:.5;transform:perspective(1100px) translateY(17px) rotateX(12deg) rotate(calc(var(--tilt,-2deg) - 3deg))}to{opacity:1;transform:rotate(var(--tilt,-2deg))}}
@keyframes ink-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
.story-photo img.customer-photo{width:100%;transform:none;object-fit:cover}
@media(prefers-reduced-motion:no-preference){.chapter-connector.ink-drawn path{stroke-dasharray:1;animation:ink-draw 1.5s ease both}}
@media(prefers-reduced-motion:no-preference){.story-entry.is-revealed .keepsake{animation:paper-settle 1.05s cubic-bezier(.16,1,.3,1) both}}
@media(min-width:1100px){.story-entry .story-copy{font-size:16px}}
@media(max-width:730px){.our-story{padding:44px 28px 30px;max-width:470px}.section-intro{margin-bottom:30px}.section-intro .eyebrow{font-size:9px;letter-spacing:.13em}.story-flower{width:104px;right:-18px;top:-10px;opacity:.9}.section-intro h2{margin-top:21px}.section-intro>p:last-child{font-size:15px}.story-grid{grid-template-columns:minmax(0,1fr);gap:18px}.story-entry{max-width:320px;width:100%;margin:auto}.story-entry:nth-child(n){padding-top:0}.keepsake{margin:12px 10px 24px;padding:12px 12px 18px}.story-caption h3{font-size:33px}.story-entry .story-copy{font-size:16px;max-width:31ch}.story-caption time{font-size:11px}.chapter-connector{height:34px;margin:22px auto 9px}.story-signoff{margin-top:20px}.date-bridge{padding-top:28px}.countdown{gap:17px}.story-flower{top:-40px}.section-intro{padding-top:14px}}
@media(max-width:360px){.our-story{padding-left:24px;padding-right:24px}.eyebrow{font-size:9px}.section-intro>p:last-child br{display:none}.story-caption h3{font-size:29px}.countdown{gap:12px}.countdown b{font-size:36px}.date-line{font-size:16px}.story-entry .story-copy{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.story-entry.is-revealed .keepsake{animation:none}}