@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--paper:#f4efe6;--ink:#293a3b;--muted:#7c8178;--rust:#b76d50;--line:#d9d0c2}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}button{font:inherit}.intro{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:52px 22px 38px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 80%,#e6ded0 0,transparent 55%),var(--paper)}.stamp{border:1px solid var(--rust);color:var(--rust);border-radius:50%;width:112px;height:112px;display:grid;place-items:center;font-size:10px;letter-spacing:.14em;transform:rotate(-10deg);margin-bottom:38px}.eyebrow{font-size:10px;letter-spacing:.19em;color:var(--rust);font-weight:600}.intro h1,.hero h2{font:500 clamp(48px,9vw,88px)/1.05 'Playfair Display',serif;margin:14px 0}.intro h1 em,.hero h2 em{font-weight:500;color:var(--rust)}.intro-copy{max-width:340px;line-height:1.7;color:var(--muted);font-size:14px}.primary{border:0;background:var(--ink);color:white;padding:15px 22px;border-radius:3px;margin-top:20px;cursor:pointer}.primary span{margin-left:20px}.postcard-stack{position:relative;width:250px;height:150px;margin-top:45px}.postcard{position:absolute;width:220px;height:130px;padding:18px;text-align:left;box-shadow:0 10px 25px #54452a20;display:flex;flex-direction:column;justify-content:space-between}.postcard.back{background:#d9e1d9;transform:rotate(-8deg);left:0;top:6px;color:#536a66;font:italic 18px 'Playfair Display',serif}.postcard.front{background:#fffaf1;transform:rotate(5deg);right:0;top:0;border:1px solid #e2d7c6}.postcard.front span{font-size:9px;letter-spacing:.2em;color:var(--rust)}.postcard.front b{font:italic 38px 'Playfair Display',serif}.postcard.front small{font-size:9px;color:var(--muted)}.skip{position:absolute;bottom:20px;border:0;background:none;color:var(--muted);font-size:11px;text-decoration:underline;cursor:pointer}.album{display:none;max-width:1100px;margin:auto;padding:28px clamp(18px,5vw,64px) 30px}.album.visible{display:block;animation:appear .7s ease}@keyframes appear{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.album-header{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px;font-size:10px;letter-spacing:.16em}.wordmark{color:var(--ink);text-decoration:none}.wordmark span{color:var(--rust)}.album-type,.count{color:var(--muted);font-size:9px;letter-spacing:.15em}.hero{min-height:300px;display:flex;align-items:center;justify-content:space-between;padding:55px 7%;margin:30px 0 55px;background:linear-gradient(110deg,#dce5df,#e8e2d5 65%,#d4dedb);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:350px;height:350px;border:1px solid #ffffff80;border-radius:50%;right:4%;top:-25%;box-shadow:0 0 0 25px #ffffff20,0 0 0 55px #ffffff15}.hero h2{font-size:clamp(44px,7vw,72px)}.hero-note{color:#596c68;font-size:13px}.hero-mark{font-size:10px;letter-spacing:.12em;line-height:1.8;color:#596c68;z-index:1}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.section-heading h3{font:500 32px 'Playfair Display',serif;margin:7px 0}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:25px 20px}.photo-card.wide{grid-column:span 2}.photo-card.tall .photo-placeholder{min-height:350px}.photo-placeholder{height:230px;position:relative;display:grid;place-items:center;overflow:hidden;border:7px solid #fffaf2;box-shadow:0 3px 14px #453a2812}.photo-placeholder span{font-size:10px;letter-spacing:.2em;color:#53645e;background:#ffffff9c;padding:8px 12px}.sea{background:linear-gradient(170deg,#d5dfdb 0 35%,#aebfba 36% 55%,#78918e 56% 68%,#e3d7c5 69%)}.sand{background:linear-gradient(145deg,#e9dfca,#c6b69a)}.sky{background:linear-gradient(160deg,#c6d8d8,#e8e5d9 65%,#c5bda9)}.dune{background:linear-gradient(130deg,#c7d2c5,#a6b2a0 55%,#e5d8bf)}.shell{background:linear-gradient(145deg,#e5d8cf,#c9b5a7)}.photo-caption{padding:11px 3px;display:flex;flex-direction:column;gap:5px}.photo-caption b{font:500 18px 'Playfair Display',serif}.photo-caption small{color:var(--muted);font-size:11px}.album footer{text-align:center;border-top:1px solid var(--line);padding-top:25px;margin-top:65px;color:var(--muted);font-size:9px;letter-spacing:.2em}@media(max-width:650px){.gallery{grid-template-columns:1fr 1fr;gap:18px 12px}.photo-card.wide{grid-column:span 2}.photo-placeholder{height:175px}.photo-card.tall .photo-placeholder{min-height:260px}.hero{min-height:260px;padding:35px 8%}.hero-mark{font-size:8px}.section-heading h3{font-size:27px}.album-header{font-size:9px}}