:root{--paper:#f6f3e9;--ink:#202e25;--yellow:#f1c548;--sage:#d9dfcf;--muted:#5e685e;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #956000;outline-offset:6px}.wrap{width:min(1180px,calc(100% - 100px));margin:auto}.preview{min-height:35px;padding:9px 18px;background:var(--ink);color:var(--paper);display:flex;justify-content:center;align-items:center;gap:9px;font-size:11px;letter-spacing:.04em}.preview-dot{width:6px;height:6px;flex-shrink:0;background:var(--yellow);border-radius:50%}.preview-divider{opacity:.45;margin:0 4px}.masthead{display:flex;align-items:center;justify-content:space-between;padding-top:32px;padding-bottom:25px}.wordmark{display:flex;gap:11px;align-items:center;text-decoration:none;font-size:10px;letter-spacing:.1em;line-height:1.55}.wordmark b{font-size:11px}.small-link{font-size:12px;text-underline-offset:5px}.small-link span{margin-left:13px;font-size:20px}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:30px;align-items:center;padding-top:61px;padding-bottom:87px;min-height:620px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.16em;line-height:1.6;margin:0 0 23px}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em;margin:0}h1{font-size:clamp(46px,5.9vw,78px);line-height:1.03}h1 em,h2 em{font-weight:400}.intro{font-size:16px;line-height:1.75;max-width:395px;margin:27px 0 31px;color:#4e5b50}.upload-button{min-height:60px;border:1px solid var(--ink);border-radius:3px;background:var(--ink);color:var(--paper);display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:16px 23px;font-size:14px;cursor:pointer;box-shadow:3px 4px 0 var(--yellow);transition:transform .15s,box-shadow .15s}.upload-button>span{margin-left:20px;font-size:23px;line-height:1}.upload-button:hover{transform:translate(-1px,-2px);box-shadow:5px 6px 0 var(--yellow)}.upload-button:active{transform:translate(2px,2px);box-shadow:1px 2px 0 var(--yellow)}.upload-note{font-size:11px;margin:17px 0 0;color:var(--muted)}.collage{position:relative;min-height:455px;isolation:isolate}.sun{width:360px;height:360px;border-radius:50%;background:var(--yellow);position:absolute;top:32px;left:63px;z-index:-2}.photo-card{width:306px;padding:14px 14px 25px;background:#fffdf7;position:absolute;left:64px;top:50px;transform:rotate(-8deg);box-shadow:0 7px 13px #202e251a}.camera-art{background:var(--sage);border:1px solid #202e251a;height:265px;display:grid;place-items:center}.camera-art svg{width:100%;height:auto}.card-caption{display:block;margin:19px 0 0;text-align:center;font-family:Georgia,serif;font-size:16px;font-style:italic}.tape{width:100px;height:29px;position:absolute;top:-12px;left:101px;background:#ddcfaaac;transform:rotate(2deg);clip-path:polygon(3% 0,100% 4%,97% 96%,0 100%)}.back-card{width:254px;height:285px;background:var(--sage);border:1px solid #202e2520;position:absolute;top:61px;left:165px;transform:rotate(13deg);z-index:-1;display:flex;align-items:flex-end;justify-content:flex-end;padding:24px}.back-card span{font-family:Georgia,serif;font-size:16px;line-height:1.15;text-align:right}.small-spark{position:absolute;z-index:2}.spark-one{font-size:63px;left:28px;top:7px;transform:rotate(20deg)}.spark-two{font-size:38px;right:2px;top:120px}.sticker{position:absolute;background:var(--ink);color:var(--paper);top:299px;right:4px;padding:18px 23px;transform:rotate(6deg);font-size:10px;letter-spacing:.1em;line-height:1.8;box-shadow:0 3px 4px #202e2515}.sticker strong{font-family:Georgia,serif;font-style:italic;font-weight:400;font-size:21px;letter-spacing:-.03em}.scribble{position:absolute;top:407px;left:78px;font-family:Georgia,serif;font-style:italic;font-size:16px;transform:rotate(-4deg)}.scribble svg{position:absolute;width:66px;height:40px;right:-61px;top:-30px;transform:rotate(-83deg)}.checker{height:16px;background-image:conic-gradient(var(--ink) 25%,transparent 0 50%,var(--ink) 0 75%,transparent 0);background-size:16px 16px;opacity:.9}.how{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-top:76px;padding-bottom:78px}.section-intro h2{font-size:43px;line-height:1.13}.section-intro>p:last-child{color:var(--muted);font-size:14px;line-height:1.8;max-width:320px;margin-top:22px}.steps{list-style:none;padding:0;margin:0}.steps li{display:flex;align-items:flex-start;gap:25px;padding:23px 0;border-bottom:1px solid #202e252b}.steps li:first-child{padding-top:0}.steps li:last-child{border-bottom:0;padding-bottom:0}.step-number{font-family:Georgia,serif;font-size:19px;line-height:1.3;color:#747e6b}.steps h3{font-size:14px;font-weight:600;line-height:1.5;margin:0 0 6px}.steps p{font-size:13px;color:var(--muted);line-height:1.75;margin:0;max-width:330px}.closing{display:flex;align-items:center;justify-content:space-between;gap:40px;background:var(--sage);padding:45px 50px;margin-bottom:39px}.closing-heart{font-family:Georgia,serif;font-size:78px;transform:rotate(-12deg)}.closing>div{margin-right:auto}.closing .eyebrow{margin-bottom:15px;font-size:9px}.closing h2{font-size:38px;line-height:1.12}.closing .upload-button{flex-shrink:0;font-size:13px}footer{border-top:1px solid #202e252b;padding-top:23px;padding-bottom:24px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:10px}footer>span:last-child{font-size:9px;letter-spacing:.13em}footer>span>span{margin-left:9px;color:var(--ink);font-size:15px}dialog{border:0;border-radius:4px;background:var(--paper);color:var(--ink);width:min(450px,calc(100% - 32px));padding:42px;text-align:center;box-shadow:0 20px 100px #0003}dialog::backdrop{background:#202e2588;backdrop-filter:blur(3px)}.dialog-close{position:absolute;top:12px;right:13px;background:transparent;border:0;color:var(--ink);font-size:29px;cursor:pointer;padding:1px 10px}.dialog-heart{display:block;font-family:Georgia,serif;font-size:60px;color:#997015;margin-bottom:10px}dialog .eyebrow{font-size:9px;margin-bottom:16px}dialog h2{font-size:36px;line-height:1.15}dialog>p:not(.eyebrow){font-size:14px;line-height:1.7;color:var(--muted);margin:22px 0 27px}dialog .upload-button{font-size:13px;min-height:50px}
@media(min-width:1400px){.hero{gap:70px}.collage{margin-left:12px}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.hero{gap:0;padding-top:43px;padding-bottom:65px}.collage{transform:scale(.86);transform-origin:center;min-height:425px}.sun{left:19px}.photo-card{left:20px}.back-card{left:120px}.spark-one{left:-8px}.spark-two{right:-20px}.sticker{right:-20px}.scribble{left:25px}.how{gap:60px}.closing{padding:35px 30px;gap:23px}.closing-heart{font-size:60px}.closing h2{font-size:33px}.closing .upload-button{font-size:12px;padding:14px 17px}.closing .upload-button>span{margin-left:3px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.preview{font-size:10px;gap:7px;padding:9px 8px}.preview-divider{margin:0}.masthead{padding:23px 0}.wordmark{font-size:8px;gap:9px}.wordmark b{font-size:9px}.wordmark svg{width:21px}.small-link{font-size:11px}.small-link span{margin-left:5px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:30px;padding-bottom:25px;gap:16px}.hero-copy{text-align:center}.eyebrow{font-size:9px;margin-bottom:20px}h1{font-size:clamp(44px,10.7vw,67px)}.intro{font-size:14px;max-width:340px;margin:22px auto 25px;line-height:1.75}.hero-copy .upload-button{font-size:13px;gap:9px;width:min(100%,350px);min-height:60px;padding:16px}.hero-copy .upload-button>span{margin-left:12px}.upload-note{font-size:10px;margin-top:14px}.collage{width:350px;max-width:100%;height:393px;min-height:393px;margin:0 auto;transform:scale(.85);transform-origin:center center}.sun{width:316px;height:316px;top:33px;left:22px}.photo-card{width:270px;top:42px;left:29px;padding:12px 12px 22px}.camera-art{height:223px}.card-caption{font-size:15px;margin-top:18px}.tape{left:88px}.back-card{left:115px;top:62px;width:228px;height:239px}.spark-one{left:-1px;top:10px;font-size:50px}.spark-two{right:-13px;top:88px;font-size:30px}.sticker{top:274px;right:-13px;padding:13px 16px;font-size:9px}.sticker strong{font-size:19px}.scribble{top:365px;left:14px;font-size:15px}.how{display:block;padding-top:47px;padding-bottom:39px}.section-intro h2{font-size:36px}.section-intro>p:last-child{font-size:13px;max-width:330px;margin:19px 0 27px}.steps li{gap:19px;padding:18px 0}.steps li:first-child{padding-top:4px}.steps h3{font-size:14px}.steps p{font-size:13px}.closing{display:block;padding:30px 24px;margin-bottom:27px;position:relative}.closing-heart{position:absolute;top:27px;right:24px;font-size:44px}.closing>div{margin:0}.closing .eyebrow{font-size:8px;letter-spacing:.11em;max-width:210px}.closing h2{font-size:33px}.closing .upload-button{margin-top:25px;width:100%;font-size:13px}.closing .upload-button>span{margin-left:15px}footer{font-size:10px;padding-top:18px;padding-bottom:22px;align-items:flex-start;gap:18px}footer>span:last-child{font-size:8px;text-align:right;line-height:1.6;max-width:135px}footer>span>span{display:none}dialog{padding:38px 26px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.upload-button{transition:none}}
.preview[hidden]{display:none}
@media(max-width:340px){.collage{transform:scale(.68);min-height:345px;height:345px;margin-top:-10px;margin-bottom:-12px}.closing-heart{display:none}}