:root{font-family:Arial,Helvetica,sans-serif;color:#252822;background:#fff;font-synthesis:none;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #6c7856;outline-offset:5px}button{border:1px solid #dcded7;background:#fff;border-radius:4px;padding:13px 19px;color:inherit}button:hover{background:#f4f5f1}.site-header{height:90px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;gap:16px}.site-header img,footer img{display:block}.demo-label,.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:600}.demo-label{color:#777c72}.text-link{font-size:12px}.text-link span{margin-left:15px}.cover{margin:0 24px;position:relative;height:min(680px,74vh);min-height:400px;overflow:hidden;background:#66715b;color:#fff}.photo{display:block;aspect-ratio:1;background-image:url('/demo/wedding-moments.png');background-size:300% 200%;background-repeat:no-repeat;background-color:#e8e9e2}.p0{background-position:0 0}.p1{background-position:50% 0}.p2{background-position:100% 0}.p3{background-position:0 100%}.p4{background-position:50% 100%}.p5{background-position:100% 100%}.cover-photo{position:absolute;width:100%;top:50%;transform:translateY(-50%);background-position:0 0}.cover-shade{position:absolute;inset:0;background:linear-gradient(0deg,#1320148c,#14201405 90%)}.cover-copy{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px}.cover h1{font:400 clamp(52px,6.7vw,100px)/1.15 Georgia,serif;letter-spacing:-.045em;margin:13px 0 20px}.cover-copy>p:not(.eyebrow){font-size:12px;letter-spacing:.06em}.cover-copy span{margin:0 9px}.cover-link{margin-top:35px;padding:13px 18px;border:1px solid #ffffff90;font-size:11px}.intro{text-align:center;padding:78px 24px 65px}.intro h2,.closing h2{font:400 clamp(32px,3.4vw,48px)/1.2 Georgia,serif;letter-spacing:-.035em;margin:18px 0}.intro>p:last-child,.closing>p:not(.eyebrow){color:#777b73;font-size:14px;line-height:1.8}.memories{max-width:1600px;margin:auto;padding:0 4% 60px;scroll-margin-top:20px}.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #e6e7e1;padding:26px 0}.gallery-toolbar h2{font-size:15px;font-weight:500;margin:0 0 8px}.gallery-toolbar p{font-size:11px;color:#7a7e75;margin:0}.gallery-toolbar p span{margin:0 8px}.actions{display:flex;gap:10px;font-size:12px}.primary{display:inline-flex;justify-content:center;gap:28px;padding:14px 20px;border:1px solid #303a2e;border-radius:4px;background:#303a2e;color:#fff;font-size:12px}.primary:hover{background:#46523f}#camera-open{align-items:center;gap:8px}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 16px}.photo-card{padding:0;border:0;border-radius:0;background:none;text-align:left;overflow:hidden}.photo-card:hover{background:none}.photo-card .photo{transition:filter .2s}.photo-card:hover .photo{filter:brightness(.94)}.caption{display:flex;justify-content:space-between;align-items:center;padding:15px 1px;font-size:12px;gap:8px}.caption small{font-size:8px;color:#7e827a;letter-spacing:.1em}.closing{margin:25px 24px 0;background:#f5f6f2;text-align:center;padding:70px 20px 80px}.closing .primary{margin-top:16px}footer{padding:35px 4%;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;color:#777b73}dialog{padding:25px;border:0;border-radius:8px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 28px);overflow:auto;color:#252822}dialog::backdrop{background:#171a16b8;backdrop-filter:blur(5px)}body:has(dialog[open]){overflow:hidden}.viewer{width:min(76vh,760px)}.viewer-top,.viewer-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px}.viewer-top{padding-bottom:16px}.viewer-top h2{font-size:15px;font-weight:400;margin:0}.viewer-top button,.viewer-bottom button,.close{border:0;padding:8px 12px}.viewer-bottom{padding-top:16px;font-size:12px}.share{width:440px;text-align:center;padding:44px 30px 25px}.close{position:absolute;right:12px;top:12px}.share h2{font:32px Georgia,serif;margin:20px 0}.share p:not(.eyebrow){font-size:13px;line-height:1.7;color:#74796e}.share canvas{display:block;max-width:100%;margin:22px auto}.share-actions{display:flex;justify-content:center;gap:8px;font-size:12px}.share input{margin-top:18px;width:100%;font-size:11px;padding:10px;border:1px solid #e5e7de;border-radius:3px;color:#74796e}#share-status{min-height:22px}@media(min-width:1500px){.cover-photo{width:100%;top:38%}}@media(max-width:700px){.site-header{height:72px;padding:0 20px}.site-header img{width:110px}.demo-label{display:none}.text-link{font-size:11px}.cover{margin:0 12px;height:65vh;min-height:380px;max-height:580px}.cover-photo{width:auto;height:100%;min-width:100%;left:50%;transform:translate(-50%,-50%)}.cover h1{font-size:53px}.intro{padding:55px 20px 40px}.memories{padding:0 16px 25px}.gallery-toolbar{align-items:flex-start;flex-direction:column}.actions{width:100%}.actions .primary{flex:1}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 9px}.caption{font-size:11px;padding:11px 0}.caption small{display:none}.closing{margin:20px 12px 0;padding:48px 18px 55px}footer{flex-wrap:wrap;padding:28px 20px}footer p{order:3;width:100%;font-size:10px}.viewer{padding:14px}.share{padding:40px 22px 22px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.photo-card .photo{transition:none}}