/* Strawberry milk scrapbook. The user-approved palette supersedes the first version. */
:root{--sand:#fff1f5;--oat:#f7d3df;--clay:#e7a0b8;--rust:#b83d6d;--sage:#db8ca9;--moss:#a44168;--ink:#714052;--muted:#8b5b6b;--line:rgba(176,85,120,.19);--hand:"KaiTi","STKaiti","Kaiti SC",var(--serif)}
body:before{opacity:.013}.site-header{border-bottom-style:dashed}.brand-mark{color:#d46c95}.brand small{letter-spacing:2.1px}.button-outline{border-color:#db9ab3;background:rgba(255,253,254,.5)}.button-outline:hover{background:#fbe1eb;border-color:#c97b9b}.button-solid{color:#fffafd;box-shadow:0 7px 20px -11px #bd4576;background:#bd4576}.button-solid:hover{background:#a63360}.button-solid svg{fill:rgba(255,250,253,.2);width:20px;height:20px}.hero-note{display:flex;align-items:center;gap:8px;font-family:var(--hand);font-size:16px;color:#a45b78;letter-spacing:.4px;transform:rotate(-2deg)}.hero-note svg{width:18px;height:18px}.album-label{background:#fbe1eb;border:1px solid #f3cbda;display:inline-flex;padding:7px 12px;border-radius:20px;font-size:10px;letter-spacing:1px}.status-dot{background:#d46c95}.hero h1{font-size:clamp(54px,4.85vw,70px);letter-spacing:-1.4px}.hero h1 em{color:#c25380}.hero-description{letter-spacing:.6px}.hero-collage:before{content:"";position:absolute;z-index:-2;inset:28px 12px 18px 15px;border-radius:48% 52% 42% 58%;background-color:#f8dce6;background-image:repeating-linear-gradient(0deg,transparent,transparent 17px,rgba(255,255,255,.34) 17px,rgba(255,255,255,.34) 34px),repeating-linear-gradient(90deg,transparent,transparent 17px,rgba(255,255,255,.34) 17px,rgba(255,255,255,.34) 34px);opacity:.7;transform:rotate(-8deg)}.orbit{border-color:#e6b6c9;border-style:dashed}.orbit-two{border-color:#efcfdd}.cover{background:#fffdfd;border:1px solid #f1dce4;border-radius:10px;box-shadow:0 18px 40px -23px rgba(161,76,107,.5);overflow:visible;padding:12px 12px 0}.cover:before{content:"";position:absolute;z-index:5;top:-11px;left:calc(50% - 41px);width:82px;height:24px;background:rgba(235,163,190,.66);transform:rotate(-7deg);border-inline:2px dotted rgba(255,247,250,.75);box-shadow:0 1px 2px rgba(150,70,100,.04);pointer-events:none}.cover-back:before{background:rgba(245,202,217,.85);transform:rotate(9deg);width:70px;left:calc(50% - 35px)}.cover-window{border-radius:5px;background:#efc6d7}.cover figcaption{font-family:var(--hand);font-size:16px;letter-spacing:0;height:54px;color:#97506d}.cover figcaption svg{color:#cf779a}.cover-main{transform:rotate(6deg)}.cover-back{transform:rotate(-8deg)}.little-note{right:-3px;bottom:-2px;color:#b8547e;transform:rotate(-6deg)}.little-note span{font-family:var(--hand);font-size:22px}.little-note i{font-style:normal}.collage-label{color:#b36b87;letter-spacing:2px}.love-doodle{position:absolute;pointer-events:none;z-index:4;color:#cb6a91;stroke-width:1.7}.bow-doodle{width:91px;height:69px;top:-24px;right:48px;transform:rotate(12deg);fill:#f7d6e2;stroke:#cb6a91}.heart-doodle{width:27px;height:27px;fill:#f7d6e2}.heart-doodle-one{left:1px;top:35px;transform:rotate(-22deg)}.heart-doodle-two{right:0;top:219px;width:20px;height:20px;transform:rotate(19deg)}.scroll-cue{color:#a86a83}.memories{border-top-style:dashed}.section-kicker{color:#a75e7c}.filter.active{background:#bd4576;color:#fffafd;box-shadow:0 3px 10px -7px #ba4d77}.filter:hover:not(.active){background:#fbe1eb}.photo-count{padding:8px 13px;background:#fbe1eb;border-radius:18px;font-size:10px}.photo-grid{column-gap:30px;padding:12px 4px 0}.photo-card{padding:11px 11px 15px;border:1px solid #f1dce4;border-radius:10px;background:#fffdfd;box-shadow:0 9px 24px -17px rgba(143,62,94,.4);margin-bottom:31px;transform:rotate(-1.1deg)}.photo-card:nth-child(3n+2){transform:rotate(1.2deg)}.photo-card:nth-child(3n){transform:rotate(-.65deg)}.photo-card:nth-child(3n+1):before{content:"";position:absolute;z-index:2;top:-9px;left:calc(50% - 31px);width:62px;height:19px;transform:rotate(5deg);background:rgba(239,180,201,.72);border-inline:2px dotted #fff1f5;pointer-events:none}.photo-image,.photo-open{border-radius:5px;background:#f5d7e2}.photo-open:after{background:rgba(119,54,78,.75);color:#fffafd}.photo-caption{padding:16px 3px 0;align-items:start;gap:8px}.photo-caption h3{font-family:var(--hand);font-size:17px;color:#8e4a66}.photo-caption span{color:#a45977;background:#fff0f6;padding:3px 7px;border-radius:9px;font-size:9px;letter-spacing:0;margin-top:3px}.favorite-button{background:rgba(255,246,250,.94);color:#bc6688;box-shadow:0 2px 8px rgba(143,62,94,.12)}.favorite-button[aria-pressed="true"]{color:#c55282}.favorite-button[aria-pressed="true"] svg{fill:#c55282}.gallery-end{font-family:var(--hand);font-size:17px;letter-spacing:.4px;color:#ac6883}.gallery-end svg{width:16px;height:16px;transform:rotate(12deg);fill:#f4c4d7;stroke:#c77a99}.closing{background-color:#f9e0ea;background-image:repeating-linear-gradient(0deg,transparent,transparent 23px,rgba(255,255,255,.22) 23px,rgba(255,255,255,.22) 46px),repeating-linear-gradient(90deg,transparent,transparent 23px,rgba(255,255,255,.22) 23px,rgba(255,255,255,.22) 46px)}.closing:before{border-color:#e5b4c7;border-style:dashed}.closing h2 em{color:#c25380}.closing .button{border-color:#d78cab;color:#a44168;background:#fff4f8}.closing-inner>.section-kicker{display:inline-block;background:#fff6fa;padding:8px 17px;border-radius:20px;transform:rotate(-3deg);border:1px solid #efc5d6}.site-footer{border-top:1px dashed #edc5d5}.toast{background:#8e4965;color:#fff7fb;box-shadow:0 8px 25px rgba(154,71,104,.15)}.lightbox{background:#fff5f9}.lightbox::backdrop{background:rgba(85,40,60,.76)}.lightbox-image-wrap{background:#f6dbe6}.icon-button{background:#fff5f9}.lightbox-prev,.lightbox-next{background:rgba(255,245,249,.93)}.heart-particle{position:fixed;pointer-events:none;z-index:160;width:17px;height:17px;color:#db719c;transform-origin:center}.heart-particle svg{width:100%;height:100%;fill:currentColor;stroke-width:1.1}
@media(max-width:1120px){.hero h1{font-size:57px}.bow-doodle{right:18px}.photo-grid{column-gap:24px}.photo-caption h3{font-size:16px}}
@media(max-width:850px){.hero h1{font-size:47px}.hero-note{font-size:14px}.photo-grid{column-gap:24px}.hero-description{letter-spacing:0}.brand small{letter-spacing:1.6px}}
@media(max-width:580px){.hero h1{font-size:47px;line-height:1.3;letter-spacing:-1px}.hero{gap:35px}.hero-copy .hero-description{font-size:12px;letter-spacing:0}.hero-note{display:flex;font-size:14px;margin-top:19px}.hero-note svg{width:16px;height:16px}.brand small{letter-spacing:1.1px;font-size:8px}.hero-collage{margin-top:12px}.hero-collage:before{inset:6px 5px 0}.cover{padding:8px 8px 0;border-radius:8px}.cover-window{border-radius:3px}.cover figcaption{height:41px;font-size:12px}.cover:before{width:62px;height:19px;left:calc(50% - 31px);top:-9px}.cover-back:before{width:56px;left:calc(50% - 28px);height:17px}.bow-doodle{width:68px;height:50px;right:22px;top:-24px}.heart-doodle-one{left:4px;top:10px;width:20px;height:20px}.heart-doodle-two{right:-1px;top:161px;width:16px;height:16px}.little-note{bottom:-8px;right:0}.little-note span{font-size:17px}.collage-label{font-size:8px;letter-spacing:1.2px;bottom:3px}.photo-grid{column-gap:17px;padding-inline:3px}.photo-card{padding:7px 7px 11px;margin-bottom:25px;border-radius:7px}.photo-image,.photo-open{border-radius:3px}.photo-caption{padding:10px 2px 0}.photo-caption h3{font-size:14px}.photo-caption span{display:inline-block;font-size:8px;padding:2px 6px;margin-top:5px}.favorite-button{width:30px;height:30px;top:7px;right:7px}.photo-card:nth-child(3n+1):before{width:45px;height:15px;left:calc(50% - 22px);top:-7px}.gallery-end{font-size:14px;margin:25px 0 55px}.section-heading h2{font-size:23px}.photo-count{font-size:9px;padding:7px 10px}.closing h2{font-size:23px}.closing-inner>.section-kicker{font-size:10px}.lightbox-caption h2{font-size:18px}.gallery-toolbar{margin-top:16px}}
@media(max-width:360px){.hero h1{font-size:42px}.hero-copy .hero-description{font-size:11px}.brand small{font-size:7px;letter-spacing:.8px}.section-heading h2{font-size:21px}.hero-note{font-size:13px}}