body{--paper:#fff9ed;--ink:#432c25;--accent:#b74728;--soft:#f5ebd6;--button-text:#fff}header{display:flex;justify-content:space-between;align-items:center;padding:28px 5%;border-bottom:2px solid #432c25}.brand{font-size:36px;font-weight:700;letter-spacing:-2px}.brand span{font-size:11px;letter-spacing:0;display:block}header nav{display:flex;gap:35px;font-size:14px}.scrapbook{position:relative;min-height:690px;padding:90px 6%;overflow:hidden;background:radial-gradient(#cbbba74d 1px,transparent 1px);background-size:18px 18px}.title{position:relative;z-index:2;width:46%}.title h1{font:bold clamp(65px,8vw,125px)/.93 Georgia,serif;letter-spacing:-5px;margin:30px 0}.sticker{display:inline-block;padding:7px 16px;background:#efd56f;border-radius:4px;transform:rotate(-3deg);font-size:12px;font-weight:700}.btn{border-radius:40px}.photo{position:absolute;background:#fff;padding:12px 12px 22px;box-shadow:0 10px 35px #432c2526;transition:transform .4s}.photo img{width:100%;height:100%;object-fit:cover}.photo figcaption{font:italic 16px Georgia,serif;padding-top:14px;text-align:center}.one{width:37%;right:5%;top:30px;transform:rotate(6deg)}.one img{aspect-ratio:1.25}.two{width:26%;right:25%;top:325px;transform:rotate(-9deg)}.two img{aspect-ratio:1.4}.photo:hover{transform:rotate(0deg) translateY(-8px);z-index:3}.round-label{position:absolute;right:8%;bottom:80px;background:#b74728;color:#fff;border-radius:50%;width:120px;height:120px;text-align:center;display:grid;place-content:center;font-weight:700;line-height:1.1;transform:rotate(12deg)}#day{padding:70px 6%;background:#e3e9cc;display:grid;grid-template-columns:1fr 1.2fr;gap:60px}h2{font:bold 58px/.98 Georgia,serif;letter-spacing:-2px}.day-tabs{display:grid;margin-top:30px}.day-tabs button{text-align:left;background:none;border:0;border-bottom:1px solid #432c2544;padding:16px 0;color:inherit}.day-tabs button[aria-selected=true]{font-weight:700;padding-left:15px;border-left:4px solid #b74728}#routine{background:#fff9ed;border-radius:80px 80px 10px 10px;overflow:hidden}#routine img{width:100%;height:310px;object-fit:cover}#routine>div{padding:25px 35px}#routine h3{font:26px Georgia,serif}#planner{display:grid;grid-template-columns:1fr 1.2fr;gap:8%;padding:90px 6%}.planner-intro h2{margin-top:30px}.planner-intro img{height:220px;width:100%;object-fit:cover;border-radius:10px;transform:rotate(-3deg);margin-bottom:25px}#pet-form{padding:30px;background:#fff;border:1px solid #d1c6b9;border-radius:20px}input,select{border-radius:8px}.extras{margin:25px 0}.stay-ticket{padding:25px;background:#f5ebd6;border:1px dashed #aa8c68;border-radius:10px}.stay-ticket strong{display:block;font-size:46px;line-height:1.3}.stay-ticket p{font-size:13px}#ticket-name{font-weight:700;font-size:18px}#packing{display:grid;font-size:12px;border-top:1px dashed #aa8c68;padding-top:15px}#stay-error{color:#ac3526;font-size:13px}#stay-preview{width:100%}@media(max-width:800px){.scrapbook{min-height:820px;padding:50px 6%}.title{width:100%}.title h1{font-size:80px}.one{top:410px;right:3%;width:52%}.two{top:495px;right:47%;width:39%}.round-label{right:10%;bottom:20px;width:90px;height:90px;font-size:14px}#day,#planner{grid-template-columns:1fr;gap:35px}h2{font-size:48px}header nav{gap:15px}header nav a:first-child{display:none}.brand{font-size:29px}#planner{padding-top:55px}.planner-intro img{height:230px}.photo{margin:0}.photo figcaption{font-size:12px}#pet-form{padding:22px}#routine img{height:240px}}
@media(max-width:800px){.scrapbook{min-height:930px}.one{top:525px}.two{top:605px}}