:root{--mint:#cce7de;--deep:#2e5b4d;--ink:#28473d;--paper:#fbfaf3;--muted:#71887e;--line:#bdcfc5;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font:13px/1.85 Arial,sans-serif}button{font:inherit;cursor:pointer}a{color:inherit}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #5c9481;outline-offset:5px}[hidden]{display:none!important}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.grain{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}header,.section,.hero,.closing,footer{padding-left:max(6vw,calc((100vw - 1200px)/2));padding-right:max(6vw,calc((100vw - 1200px)/2))}header{height:95px;background:var(--mint);border-bottom:1px solid #aac9bb;display:flex;justify-content:space-between;align-items:center}.brand{font:30px/1 var(--serif);letter-spacing:-1px;color:var(--deep);text-decoration:none}.brand span{display:block;font:8px/1.4 Arial,sans-serif;letter-spacing:.04em;margin-top:10px;color:var(--muted)}.header-link{font-size:9px;text-decoration:none;letter-spacing:.13em}.header-link span{margin-left:20px;font-size:20px}.hero{min-height:790px;background:var(--mint);position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding-top:45px;padding-bottom:100px;gap:35px;overflow:hidden}.eyebrow{font:9px/1.7 Arial,sans-serif;letter-spacing:.15em;color:var(--deep)}h1{position:relative;font:normal clamp(90px,10vw,145px)/.87 var(--serif);letter-spacing:-.07em;margin:28px 0}h1 em{font-weight:normal}h2{font:normal clamp(40px,4.5vw,62px)/1.07 var(--serif);letter-spacing:-.045em;margin:20px 0}h2 em{font-weight:normal;color:#668f7f}h3{font:normal 29px/1.2 var(--serif);letter-spacing:-.025em}.title-star{font:53px var(--serif);position:absolute;top:-10px;margin-left:25px}.hero-subtitle{font:25px/1.4 var(--serif);margin-top:25px}.hero-intro{font-size:12px;color:#607e70}.primary{display:inline-flex;align-items:center;justify-content:center;gap:36px;background:var(--deep);color:var(--paper);padding:15px 23px;border:0;border-radius:2px;font-size:11px;min-height:52px}.primary:hover{background:#21483c}.primary>span{font-size:20px}.hero .primary{margin-top:17px}.hero-caption{display:block;font:italic 18px var(--serif);margin-top:20px;color:#557b69}.hero-art{height:560px;position:relative}.orbit{position:absolute;width:460px;height:460px;top:40px;left:0;border:1px solid #a8c8ba;border-radius:50%}.orbit:before{content:'';position:absolute;inset:22px;border:1px solid #b3cec1;border-radius:50%}.invite-card{position:absolute;z-index:3;top:28px;left:15%;width:280px;min-height:380px;padding:25px 20px;background:#f8faf1;border:1px solid #abc4b6;box-shadow:10px 15px 30px #34584624;transform:rotate(8deg);text-align:center}.invite-card:before{content:'';position:absolute;inset:10px;border:1px solid #d1dfd0;pointer-events:none}.card-small{font-size:6px;letter-spacing:.14em}.card-bow{display:block;width:140px;height:100px;stroke:#87ab98;fill:none;stroke-width:1.4;margin:2px auto -2px}.invite-card p{font:51px/.96 var(--serif);letter-spacing:-2px;margin:5px 0 23px}.card-line{display:block;width:30px;height:1px;background:#adbdad;margin:20px auto}.card-name{font-size:8px;letter-spacing:.12em;display:block}.card-date{display:block;font:italic 20px var(--serif);margin-top:12px}.art-envelope{position:absolute;z-index:2;width:300px;height:205px;background:#9bc5b4;left:8%;bottom:27px;transform:rotate(-12deg);border:1px solid #8fb4a3;box-shadow:0 12px 25px #34584620}.art-envelope:before{content:'';position:absolute;inset:0;background:#b7d9c7;clip-path:polygon(0 0,100% 0,50% 70%)}.art-envelope:after{content:'';position:absolute;inset:0;background:#aed3c1;clip-path:polygon(0 100%,50% 48%,100% 100%)}.art-envelope i{position:absolute;bottom:20px;right:25px;font:italic 18px var(--serif);z-index:1}.glass-art{position:absolute;right:-5%;bottom:45px;width:155px;height:250px;transform:rotate(12deg);z-index:4}.glass-art svg{width:100%;height:100%;stroke:url(#silver);stroke-width:2.4;fill:none;filter:drop-shadow(2px 5px 2px #284d3e24)}.round-stamp{position:absolute;z-index:4;left:-7px;top:80px;border:1px solid #709f89;outline:1px solid #709f89;outline-offset:5px;border-radius:50%;width:105px;height:105px;display:flex;flex-direction:column;justify-content:center;text-align:center;font:18px/1.1 var(--serif);transform:rotate(-15deg);background:#cae5d8}.round-stamp em{font-size:16px}.round-stamp span{font-size:25px;line-height:1.2}.art-star{position:absolute;top:0;right:10px;font:55px var(--serif);color:#eff8ed;z-index:4}.floating-script{position:absolute;bottom:0;left:15%;font:italic 21px var(--serif);transform:rotate(-5deg);color:#537b68}.hero-bottom{position:absolute;bottom:20px;left:6vw;right:6vw;border-top:1px solid #aac9bb;padding-top:20px;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.1em;color:#5e7b6c}.hero-bottom i{font:22px var(--serif);font-style:normal}.section{padding-top:85px;padding-bottom:85px}.letter{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center;border-bottom:1px solid #dce4d8}.ring-drawing{width:80px;height:95px;stroke:#9cae9d;stroke-width:1.1;fill:none;margin:25px 0 0}.letter-copy>p{color:var(--muted);font-size:13px;line-height:2}.letter-copy p.letter-highlight{font:25px/1.4 var(--serif);letter-spacing:-.02em;color:var(--deep);margin:25px 0}.signature{font:italic 25px var(--serif);color:#68907d}.section-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px}.text-button{background:transparent;border:0;border-bottom:1px solid #96b3a0;padding:6px 0;color:var(--deep);font-size:10px;text-decoration:none}.details-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:35px 0}.details-grid article{padding:0 35px;border-right:1px solid var(--line)}.details-grid article:first-child{padding-left:0}.details-grid article:last-child{border:0}.number{font-size:8px;letter-spacing:.13em;color:var(--muted)}.details-grid h3{font-size:38px;margin:25px 0 15px}.details-grid p{font-size:12px;color:var(--muted)}.location-note{font-size:10px}.countdown{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:30px;color:var(--muted)}.countdown>span{font-size:7px;letter-spacing:.11em}#countdown{font:12px var(--serif);color:var(--deep)}#countdown b{font:normal 33px var(--serif);margin:0 3px}#countdown i{margin:0 12px;color:#a1b6a8;font-style:normal}.program{background:#e8eee3;display:grid;grid-template-columns:1fr 1.25fr;gap:80px}.program-intro>p:not(.eyebrow){font-size:12px;color:var(--muted);margin-top:25px}.program-glass{width:90px;height:125px;stroke:#90a895;stroke-width:1.2;fill:none;margin-top:25px;transform:rotate(-13deg)}.timeline article{display:flex;align-items:start;gap:25px;padding:24px 0;border-bottom:1px solid #cbd7c8}.timeline article:first-child{padding-top:8px}.timeline article:last-child{border:0}.timeline time{font:italic 20px var(--serif);color:#6f9480;margin-top:7px}.timeline h3{font-size:27px;margin:0 0 10px}.timeline p{font-size:12px;color:var(--muted);max-width:300px;margin:0}.timeline article>span{margin-left:auto;font:27px var(--serif);color:#9fb6a2}.dresscode{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.palette-art{height:420px;position:relative;background:#f0f0e6;border:1px solid #e1e5d9}.palette-tag{position:absolute;top:23px;left:23px;font-size:7px;letter-spacing:.16em;color:var(--muted)}.swatch-card{position:absolute;width:145px;height:230px;box-shadow:5px 10px 17px #38554519;padding:18px 17px}.swatch-card>span{font-size:7px;letter-spacing:.13em}.swatch-card p{font:35px/1 var(--serif);letter-spacing:-1px;margin-top:70px}.swatch-card.mint{top:74px;left:25px;transform:rotate(-10deg);background:#b4d8c9;z-index:2}.swatch-card.ivory{top:100px;left:32%;transform:rotate(4deg);background:#fffdf3;z-index:1}.swatch-card.silver{top:120px;right:12px;transform:rotate(15deg);background:linear-gradient(120deg,#c8d2c9,#edf1e9 40%,#b2c0b5 80%,#e0e9de)}.palette-bow{position:absolute;right:7px;bottom:4px;width:190px;height:135px;stroke:#92b3a0;stroke-width:1.5;fill:none;z-index:3;transform:rotate(-12deg)}.dress-copy>p:not(.eyebrow){font-size:12px;color:var(--muted)}.color-dots{display:flex;gap:12px;margin-top:25px}.color-dots span{width:32px;height:32px;border-radius:50%;border:1px solid #b8cabc;background:#a3d0bd}.color-dots span:nth-child(2){background:#d9ecdf}.color-dots span:nth-child(3){background:#faf8ed}.color-dots span:nth-child(4){background:linear-gradient(120deg,#c2cdc3,#f1f4eb,#a8b9af)}.dress-copy p.dress-note{font:italic 16px var(--serif);color:#6b907b;margin-top:22px}.last-note{text-align:center;border-top:1px solid #dce4d8}.last-note>p{max-width:470px;margin:25px auto;color:var(--muted);font-size:13px}.last-note .primary{margin-top:8px}.surprise{padding:30px;max-width:610px;margin:35px auto 0;background:#e5efe4;border:1px solid #c5d8c9;animation:unfold .7s ease}.surprise>span:first-child{font:40px var(--serif);color:#83ac94}.surprise p{font:25px/1.45 var(--serif);letter-spacing:-.02em}.surprise p em{color:#6a927c}.surprise>span:last-child{font:italic 16px var(--serif);color:#6a927c}.closing{padding-top:65px;padding-bottom:65px;background:var(--deep);color:#eef5e8;text-align:center}.closing>span{font-size:9px;letter-spacing:.2em}.closing h2{font-size:65px;margin:27px 0}.closing h2 em{color:#b5d9c5}.closing p{font:italic 20px var(--serif);color:#c2d6c6}.closing .text-button{display:inline-block;color:#c2d6c6;margin-top:10px;font-size:9px}footer{padding-top:35px;padding-bottom:35px;display:flex;gap:25px;align-items:center;justify-content:space-between}footer p{font-size:8px;color:var(--muted)}footer>a:last-child{font-size:10px;text-underline-offset:5px}dialog{border:1px solid #a5c6b3;background:#fbfaf3;color:var(--ink);max-width:480px;width:calc(100% - 35px);max-height:90dvh;padding:30px 35px 40px;text-align:center;box-shadow:0 20px 80px #23493830;overflow-y:auto}dialog::backdrop{background:#1f4138aa;backdrop-filter:blur(6px)}.close{position:absolute;right:15px;top:9px;border:0;background:transparent;color:var(--deep);font:28px var(--serif);width:35px;height:35px}.dialog-bow{display:block;width:140px;height:95px;stroke:#8caf98;stroke-width:1.3;fill:none;margin:0 auto 10px}dialog h2{font-size:44px;margin:23px 0}dialog>p{font:19px/1.6 var(--serif);color:var(--muted)}.dialog-date{padding:18px 0;border-top:1px solid #d4dfd1;border-bottom:1px solid #d4dfd1;font-size:12px;margin:25px 0}.dialog-date span{font-size:10px;color:var(--muted)}dialog .signature{display:block;margin-top:23px;font-size:23px}@keyframes unfold{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@media(min-width:1500px){.hero-bottom{left:calc((100vw - 1200px)/2);right:calc((100vw - 1200px)/2)}}
@media(max-width:1000px){.hero{gap:10px}.hero-art{height:520px}.orbit{width:370px;height:370px}.invite-card{left:12%;width:245px;top:40px}.round-stamp{left:-10px;top:100px;width:90px;height:90px}.art-envelope{left:0;width:260px;height:180px}.glass-art{right:-20px;width:130px;height:210px}.letter,.dresscode{gap:45px}.program{gap:40px}.details-grid article{padding:0 20px}.swatch-card{width:120px}.swatch-card.silver{right:10px}.countdown{flex-wrap:wrap}.countdown>span:last-child{display:none}.palette-art{height:400px}.swatch-card.mint{left:15px}.timeline h3{font-size:24px}.timeline article{gap:18px}}
@media(max-width:650px){header{height:85px}.brand{font-size:26px}.brand span{font-size:7px}.header-link{font-size:7px;letter-spacing:.06em}.header-link span{margin-left:8px;font-size:16px}.hero{display:block;min-height:0;padding-top:34px;padding-bottom:75px}.eyebrow{font-size:7px;letter-spacing:.12em}h1{font-size:110px;line-height:.87;margin:28px 0;max-width:330px}.title-star{font-size:39px;top:-12px;margin-left:20px}.hero-subtitle{font-size:23px;margin-top:26px}.hero-intro{font-size:12px}.hero .primary{margin-top:12px}.hero-caption{font-size:18px}.hero-art{height:500px;max-width:360px;margin:32px auto 0}.orbit{width:320px;height:320px;left:3%;top:60px}.invite-card{width:235px;left:20%;top:20px;min-height:350px;padding:23px 17px}.card-small{font-size:5px}.card-bow{width:125px;height:85px}.invite-card p{font-size:48px;margin-top:8px}.card-line{margin:17px auto}.card-name{font-size:7px}.round-stamp{left:4px;top:70px;width:88px;height:88px;font-size:17px}.art-envelope{left:3%;width:255px;height:170px;bottom:30px}.glass-art{right:-2%;bottom:25px;width:122px;height:205px}.floating-script{left:7%;font-size:19px}.art-star{font-size:42px;right:5px;top:-9px}.hero-bottom{font-size:6px;letter-spacing:.07em;bottom:17px;gap:13px;flex-wrap:wrap;justify-content:center;padding-top:15px}.hero-bottom>span:last-child,.hero-bottom>i:last-of-type{display:none}.hero-bottom i{font-size:18px}.section{padding-top:55px;padding-bottom:55px}h2{font-size:42px;letter-spacing:-.04em}.letter{grid-template-columns:1fr;gap:20px}.ring-drawing{width:55px;height:67px;margin:8px 0 0}.letter-copy>p{font-size:12px;line-height:2}.letter-copy p.letter-highlight{font-size:25px}.signature{font-size:24px}.section-top{align-items:start;flex-direction:column;gap:5px;margin-bottom:28px}.text-button{font-size:10px}.details-grid{grid-template-columns:1fr;padding:0}.details-grid article{padding:25px 0!important;border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:0 15px;align-items:center}.number{grid-column:1 / -1;font-size:7px}.details-grid h3{font-size:34px;margin:18px 0 0}.details-grid p{font-size:11px;margin:18px 0 0}.location-note{font-size:9px}.countdown{flex-direction:column;gap:12px;padding-top:25px}.countdown>span{font-size:7px}#countdown{font-size:11px}#countdown b{font-size:29px}#countdown i{margin:0 8px}.program{grid-template-columns:1fr;gap:25px}.program-intro h2{font-size:49px}.program-intro>p:not(.eyebrow){font-size:12px;margin-top:20px}.program-glass{display:none}.timeline article{gap:18px;padding:24px 0}.timeline article:first-child{padding-top:15px}.timeline time{font-size:19px}.timeline h3{font-size:25px}.timeline p{font-size:12px}.timeline article>span{font-size:22px}.dresscode{grid-template-columns:1fr;gap:35px}.palette-art{height:370px;max-width:420px;width:100%;margin:auto}.swatch-card{width:125px;height:210px;padding:17px}.swatch-card p{font-size:31px;margin-top:65px}.swatch-card.mint{top:65px;left:21px}.swatch-card.ivory{top:88px;left:34%}.swatch-card.silver{right:12px;top:115px}.palette-bow{width:170px;height:115px;bottom:-3px}.dress-copy>p:not(.eyebrow){font-size:12px}.dress-copy h2{font-size:46px}.last-note h2{font-size:41px}.last-note>p{font-size:12px;max-width:340px}.surprise{padding:25px 17px}.surprise p{font-size:23px}.surprise>span:last-child{font-size:15px}.closing{padding-top:50px;padding-bottom:50px}.closing h2{font-size:49px}.closing p{font-size:19px}footer{flex-wrap:wrap;padding-top:28px;padding-bottom:28px;gap:22px}footer p{order:3;width:100%;margin:0}footer>a:last-child{font-size:9px;margin-left:auto}dialog{padding:28px 25px 33px}dialog h2{font-size:40px}dialog>p{font-size:18px}}
@media(max-width:370px){h1{font-size:99px}.hero-art{height:470px}.invite-card{left:15%;width:220px}.orbit{width:280px;height:280px}.glass-art{width:110px;right:-3%}.round-stamp{left:0;width:78px;height:78px}.swatch-card{width:111px}.swatch-card.mint{left:13px}.swatch-card.silver{right:7px}.hero-bottom{gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}