:root{--ink:#3a1a4d;--aubergine:#5a2a7a;--plum:#7a459c;--violet:#9b6bb8;--lavender:#e0cef2;--lilac:#f3eafb;--mist:#fff8f1;--moon:#fffdf9;--paper:#fff9f0;--coral:#ef8a78;--butter:#ffe8a3;--mint:#b8e8d4;--sky:#b9daf8;--shadow:#3a1a4d29;--display:"Chewy", "Comic Sans MS", cursive;--body:"Nunito", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html{background:var(--mist);min-width:320px;color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}body{min-height:100vh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--coral);outline-offset:4px}.site-shell{background:radial-gradient(circle at 12% 18%,#ffe8a38c 0 18px,#0000 19px),radial-gradient(circle at 86% 12%,#b8e8d480 0 14px,#0000 15px),radial-gradient(circle at 92% 78%,#b9daf873 0 22px,#0000 23px),radial-gradient(circle at 8% 82%,#ef8a782e 0 28px,#0000 29px),radial-gradient(circle at 50% 0,#e0cef28c,#0000 48%),linear-gradient(165deg,#fff6ec 0%,#f7eefc 42%,#efe3f8 100%);min-height:100vh;position:relative;overflow:hidden}.site-shell:before{z-index:0;content:"";pointer-events:none;opacity:.55;background-image:radial-gradient(#5a2a7a12 1.2px,#0000 1.3px);background-size:28px 28px;position:fixed;inset:0}.site-shell>*{z-index:1;position:relative}.site-header{z-index:20;grid-template-columns:minmax(220px,1fr) auto minmax(44px,1fr);align-items:center;width:min(1240px,100% - 48px);min-height:92px;margin:0 auto;display:grid;position:relative}.brand{font-family:var(--display);letter-spacing:.01em;justify-self:start;align-items:center;gap:11px;font-size:clamp(1.35rem,2.4vw,1.7rem);display:inline-flex}.brand i{color:var(--coral);font-style:normal}.brand-mark{background:var(--aubergine);width:42px;height:42px;box-shadow:4px 5px 0 var(--butter), -2px -2px 0 var(--mint);color:#fff;border-radius:50% 46% 52% 48%;place-items:center;font-size:1.4rem;animation:4.5s ease-in-out infinite brand-bob;display:grid;transform:rotate(-8deg)}.main-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffdf9e0;border:2px solid #5a2a7a1f;border-radius:999px;align-items:center;gap:10px;padding:7px;display:flex;box-shadow:0 10px 28px #5a2a7a14,3px 4px #ffe8a3a6}.main-nav a{color:#3a1a4db3;border-radius:999px;padding:10px 18px;font-size:.9rem;font-weight:800;transition:color .18s,background .18s,transform .18s;position:relative}.main-nav a:hover{color:var(--aubergine);transform:translateY(-2px)rotate(-1deg)}.main-nav a.is-active{background:var(--aubergine);color:#fff;transform:rotate(1deg);box-shadow:0 6px 16px #5a2a7a47}.logout-form{justify-self:end}.logout-form button{width:42px;height:42px;box-shadow:2px 3px 0 var(--sky);cursor:pointer;background:#fffdf9d9;border:2px solid #5a2a7a1f;border-radius:50%;place-items:center;padding:0;transition:background .18s,transform .18s;display:grid}.logout-form button:hover{background:#fff;transform:rotate(-10deg)scale(1.05)}.logout-form svg,.page-arrow svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:20px}.site-main{width:100%}.story-view{width:min(1240px,100% - 48px);margin:0 auto;padding:18px 0 40px}.story-heading{justify-content:space-between;align-items:end;width:min(1050px,100% - 104px);margin:0 auto 18px;display:flex}.story-heading p{color:var(--plum);font-family:var(--display);letter-spacing:.04em;text-transform:none;margin:0 0 4px;font-size:.92rem;font-weight:400}.story-heading h1{font-family:var(--display);letter-spacing:.02em;margin:0;font-size:clamp(1.55rem,3vw,2.15rem);font-weight:400}.story-heading h1 span{color:var(--coral);font-family:var(--body);margin:0 .2em;font-size:.68em;display:inline-block}.story-heading .story-count{color:#3a1a4d80;letter-spacing:.08em;background:#fffdf9bf;border:2px dashed #5a2a7a38;border-radius:999px;margin:0 0 2px;padding:8px 14px;font-size:.72rem;transform:rotate(2deg)}.story-count span{color:var(--aubergine);font-family:var(--display);font-size:1.25rem}.book-stage{grid-template-columns:56px minmax(0,1050px) 56px;justify-content:center;align-items:center;display:grid;position:relative}.book{cursor:grab;perspective:1800px;touch-action:pan-y;-webkit-user-select:none;user-select:none;height:min(clamp(500px,49vw,620px),100dvh - 220px);min-height:480px;position:relative}.book.is-dragging{cursor:grabbing}.book:before,.book:after{content:"";background:linear-gradient(#c9b0dc,#b89acc);border-radius:0 0 26px 26px;height:24px;position:absolute;bottom:-10px;left:10px;right:10px;box-shadow:0 22px 40px #3a1a4d38}.book:after{background:linear-gradient(#efe6f7,#e5d7f2);height:14px;bottom:-5px;left:18px;right:18px}.book-spread{z-index:2;background:linear-gradient(90deg, #5a2a7a0a, transparent 18%), var(--paper);height:100%;box-shadow:0 26px 60px var(--shadow), 0 4px 10px #3a1a4d1a, inset 0 0 0 1px #ffffffa6;transform-style:preserve-3d;border:3px solid #5a2a7a24;border-radius:22px 26px 24px 20px;grid-template-columns:1fr 1fr;display:grid;position:relative;overflow:hidden}.book-spread:before{z-index:6;content:"";pointer-events:none;background:linear-gradient(#0000,#5a2a7a2e 12% 88%,#0000);border-radius:999px;width:3px;position:absolute;top:14px;bottom:14px;left:calc(50% - 1px)}.book-spread:after{z-index:5;content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#3a1a4d1a,#ffffff8c,#0000);width:28px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.story-visual{background:radial-gradient(circle at 20% 20%, #ffe8a359, transparent 40%), var(--lavender);min-width:0;position:relative;overflow:hidden}.story-image{object-fit:cover;object-position:center;pointer-events:none;width:100%;height:100%;transition:transform 1s}.scene-cover .story-image{object-position:center 28%}.scene-sunset .story-image{animation:9s ease-in-out infinite alternate breathe}.scene-ezone .story-image{object-position:center 35%}.story-image.panorama-two{object-position:0% center;animation:11s ease-in-out infinite alternate panorama-two}.story-image.panorama-three{object-position:0% center;animation:14s ease-in-out infinite alternate panorama-three}.story-image.focus-island{object-position:70% center;animation:8s ease-in-out infinite alternate island-breathe}.visual-shade{pointer-events:none;background:linear-gradient(#0000 65%,#230b2e33);position:absolute;inset:0}.photo-corner{pointer-events:none;border-color:#fff9;width:45px;height:45px;position:absolute}.photo-corner--top{border-top:2px solid;border-left:2px solid;top:17px;left:17px}.photo-corner--bottom{border-bottom:2px solid;border-right:2px solid;bottom:17px;right:17px}.story-copy{background:radial-gradient(circle at 88% 12%,#ffe8a359,#0000 28%),radial-gradient(circle at 12% 88%,#b8e8d447,#0000 30%),linear-gradient(#fffdf9fa,#fff9f0f5),repeating-linear-gradient(#0000 0 27px,#9b6bb814 27px 28px);flex-direction:column;justify-content:space-between;min-width:0;padding:clamp(28px,4vw,54px);display:flex;position:relative}.story-copy:before{content:"✦";color:#ef8a788c;text-align:center;border:2.5px dashed #9b6bb838;border-radius:50%;width:72px;height:72px;font-size:1.4rem;line-height:68px;position:absolute;top:12%;right:8%;transform:rotate(12deg)}.copy-topline{z-index:1;justify-content:space-between;align-items:start;gap:18px;display:flex;position:relative}.story-day{background:var(--butter);max-width:62%;color:var(--aubergine);letter-spacing:.04em;text-transform:none;border-radius:999px;margin:0;padding:8px 14px;font-size:clamp(.72rem,1.15vw,.84rem);font-weight:800;transform:rotate(-2deg);box-shadow:2px 3px #5a2a7a1f}.travel-stamp{width:82px;min-width:82px;height:82px;box-shadow:3px 4px 0 var(--mint);color:var(--plum);font-family:var(--display);letter-spacing:.02em;text-align:center;text-transform:none;background:#fffdf9d9;border:3px solid #5a2a7a59;border-radius:50%;place-items:center;padding:10px;font-size:.72rem;font-weight:400;line-height:1.15;animation:5s ease-in-out infinite stamp-wiggle;display:grid;position:relative;transform:rotate(9deg)}.travel-stamp:before{content:"";opacity:.7;border:1.5px dashed;border-radius:50%;position:absolute;inset:6px}.copy-center{z-index:2;margin:auto 0;padding:18px 0;position:relative}.copy-center h2,.copy-center .story-title{max-width:440px;color:var(--aubergine);font-family:var(--display);letter-spacing:.01em;text-wrap:balance;margin:0 0 18px;font-size:clamp(2.2rem,4.2vw,3.7rem);font-weight:400;line-height:.98}.copy-center blockquote,.copy-center .story-body{color:#3a1a4dd6;max-width:430px;margin:0;font-size:clamp(1rem,1.55vw,1.18rem);font-weight:600;line-height:1.7}.copy-footer{color:#3a1a4d80;letter-spacing:.03em;justify-content:space-between;align-items:center;gap:14px;min-height:34px;font-size:.78rem;font-weight:800;display:flex}.copy-footer p{margin:0}.swipe-note span{animation:1.8s ease-in-out infinite swipe-hint;display:inline-block}.page-number{background:var(--sky);width:34px;height:34px;color:var(--aubergine);font-family:var(--display);border:2px solid #5a2a7a2e;border-radius:50%;place-items:center;font-size:.85rem;display:grid;box-shadow:2px 2px #5a2a7a1f}.restart-button{background:var(--aubergine);box-shadow:3px 4px 0 var(--coral);color:#fff;cursor:pointer;border:0;border-radius:999px;padding:10px 16px;font-size:.78rem;font-weight:800;transition:transform .16s}.restart-button:hover{transform:translateY(-2px)rotate(-2deg)}.page-arrow{z-index:8;width:48px;height:48px;box-shadow:3px 4px 0 var(--butter);cursor:pointer;background:#fffdf9eb;border:2px solid #5a2a7a24;border-radius:50%;place-items:center;padding:0;transition:transform .18s,background .18s,opacity .18s;display:grid;position:relative}.page-arrow:hover:not(:disabled){background:#fff;transform:scale(1.1)rotate(-4deg)}.page-arrow:disabled{cursor:default;opacity:.18}.page-dots{justify-content:center;gap:8px;margin-top:26px;display:flex}.page-dots button{cursor:pointer;background:#5a2a7a33;border:0;border-radius:50%;width:10px;height:10px;padding:0;transition:width .2s,background .2s,border-radius .2s;box-shadow:1px 1px #ffe8a3cc}.page-dots button.is-active{background:var(--aubergine);border-radius:999px;width:28px}.rain,.bubbles,.clouds,.hearts{pointer-events:none;position:absolute;inset:0;overflow:hidden}.rain i{top:-15%;left:calc(var(--rain-x,1) * 9%);width:1px;height:56px;animation:1.8s linear infinite rain-fall;animation-delay:calc(var(--rain-x,1) * -.21s);background:linear-gradient(#0000,#e1d8f1a6);position:absolute;transform:rotate(13deg)}.rain i:first-child{--rain-x:1}.rain i:nth-child(2){--rain-x:2}.rain i:nth-child(3){--rain-x:3}.rain i:nth-child(4){--rain-x:4}.rain i:nth-child(5){--rain-x:5}.rain i:nth-child(6){--rain-x:6}.rain i:nth-child(7){--rain-x:7}.rain i:nth-child(8){--rain-x:8}.rain i:nth-child(9){--rain-x:9}.rain i:nth-child(10){--rain-x:10}.bubbles i{bottom:-40px;left:calc(var(--bubble-x,1) * 11%);width:calc(11px + var(--bubble-x,1) * 2px);height:calc(11px + var(--bubble-x,1) * 2px);animation:5s ease-in infinite bubble-rise;animation-delay:calc(var(--bubble-x,1) * -.62s);border:1px solid #ffffffc7;border-radius:50%;position:absolute;box-shadow:inset 2px 2px 3px #fff6}.bubbles i:first-child{--bubble-x:1}.bubbles i:nth-child(2){--bubble-x:2}.bubbles i:nth-child(3){--bubble-x:3}.bubbles i:nth-child(4){--bubble-x:4}.bubbles i:nth-child(5){--bubble-x:5}.bubbles i:nth-child(6){--bubble-x:6}.bubbles i:nth-child(7){--bubble-x:7}.bubbles i:nth-child(8){--bubble-x:8}.clouds i{filter:blur(4px);background:#ffffff61;border-radius:50%;width:110px;height:30px;animation:11s linear infinite cloud-drift;position:absolute;left:-30%}.clouds i:first-child{animation-delay:-2s;top:18%}.clouds i:nth-child(2){width:160px;animation-delay:-7s;top:54%}.clouds i:nth-child(3){width:80px;animation-delay:-4s;top:77%}.hearts i{bottom:-30px;left:calc(var(--heart-x,1) * 16%);color:#ffffffc7;font-size:calc(16px + var(--heart-x,1) * 2px);animation:4.8s ease-in infinite heart-float;animation-delay:calc(var(--heart-x,1) * -.75s);font-style:normal;position:absolute}.hearts i:first-child{--heart-x:1}.hearts i:nth-child(2){--heart-x:2}.hearts i:nth-child(3){--heart-x:3}.hearts i:nth-child(4){--heart-x:4}.hearts i:nth-child(5){--heart-x:5}.about-view{grid-template-columns:minmax(0,.9fr) minmax(380px,1.1fr);align-items:center;gap:clamp(40px,7vw,100px);width:min(1100px,100% - 64px);min-height:calc(100vh - 92px);margin:0 auto;padding:50px 0 72px;display:grid}.about-copy{z-index:2;position:relative}.about-eyebrow{background:var(--mint);color:var(--aubergine);letter-spacing:.04em;text-transform:none;border-radius:999px;margin:0 0 14px;padding:7px 14px;font-size:.78rem;font-weight:800;display:inline-block;transform:rotate(-2deg);box-shadow:2px 3px #5a2a7a1a}.about-copy h1{font-family:var(--display);letter-spacing:-.035em;margin:0 0 28px;font-size:clamp(4.2rem,9vw,7.6rem);font-weight:400;line-height:.78}.about-copy h1 span{color:var(--violet);margin-left:.55em;display:block}.about-copy>p:not(.about-eyebrow){color:#3a1a4dbd;max-width:510px;margin:0 0 15px;font-size:1.05rem;font-weight:600;line-height:1.7}.about-copy .about-lead{color:var(--ink);font-size:clamp(1.2rem,2.2vw,1.45rem);font-weight:800;line-height:1.45}.story-link{background:var(--aubergine);box-shadow:3px 5px 0 var(--coral);color:#fff;cursor:pointer;border:0;border-radius:999px;margin-top:22px;padding:14px 20px;font-size:.9rem;font-weight:800;transition:transform .18s,box-shadow .18s}.story-link:hover{box-shadow:4px 8px 0 var(--coral);transform:translateY(-3px)rotate(-2deg)}.about-photo-wrap{justify-self:center;width:min(100%,520px);padding:28px 58px 43px 36px;position:relative}.about-photo-wrap:before{background:linear-gradient(135deg, var(--lavender), #b78ad3);content:"";border-radius:44% 56% 48% 52%;position:absolute;inset:8% 2% 0 12%;transform:rotate(-3deg);box-shadow:18px 22px #e4837652}.polaroid{z-index:2;cursor:pointer;background:#fffdf8;margin:0;padding:14px 14px 65px;transition:transform .35s cubic-bezier(.2,.8,.2,1);position:relative;transform:rotate(4.5deg);box-shadow:0 24px 48px #35144547,0 3px 7px #3514451f,5px 6px #ffe8a38c}.polaroid:hover{transform:rotate(1.2deg)scale(1.015)}.polaroid-stage{aspect-ratio:1;background:#efe6f5;width:100%;position:relative;overflow:hidden}.polaroid-slide{object-fit:cover;filter:saturate(.94)contrast(1.02);opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .7s,transform 1.2s;position:absolute;inset:0;transform:scale(1.04)}.polaroid-slide.is-active{opacity:1;z-index:1;transform:scale(1)}.polaroid figcaption{z-index:2;color:var(--aubergine);font-family:var(--display);font-size:1.65rem;position:absolute;bottom:19px;right:20px;transform:rotate(-2deg)}.polaroid-dots{z-index:3;gap:6px;display:flex;position:absolute;bottom:22px;left:16px}.polaroid-dots button{cursor:pointer;background:#4d246f38;border:0;border-radius:50%;width:8px;height:8px;padding:0;transition:transform .16s,background .16s}.polaroid-dots button.is-active{background:var(--aubergine);transform:scale(1.2)}.polaroid img{aspect-ratio:1;object-fit:cover;filter:saturate(.94)contrast(1.02);width:100%;display:block}.tape{z-index:3;clip-path:polygon(4% 4%,100% 0,95% 100%,0 92%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#dec8eebd;width:98px;height:34px;position:absolute;top:-15px;left:50%;transform:translate(-50%)rotate(-4deg)}.photo-note{z-index:4;color:var(--aubergine);font-family:var(--display);text-align:center;margin:0;font-size:1.08rem;line-height:1.1;position:absolute;bottom:11%;right:-20px;transform:rotate(-7deg)}.photo-note span{font-family:var(--body);font-size:1.8rem;display:block}.doodle{z-index:4;color:#fff;font-family:var(--display);text-shadow:0 3px 10px #35144526;line-height:1;position:absolute}.doodle--heart{font-size:4rem;top:1%;right:8%;transform:rotate(11deg)}.doodle--star{color:var(--coral);font-family:var(--body);font-size:3.4rem;bottom:2%;left:4%}.access-body{background:radial-gradient(circle at 14% 20%,#ffe8a373 0 18px,#0000 19px),radial-gradient(circle at 84% 76%,#b8e8d459 0 22px,#0000 23px),linear-gradient(145deg,#4a1f68,#7a459c 54%,#a878c4);place-items:center;min-height:100dvh;padding:28px;display:grid;overflow:hidden}.access-body:before,.access-body:after{content:"";border:2px dashed #ffffff2e;border-radius:50%;position:fixed}.access-body:before{width:430px;height:430px;top:-180px;right:-100px}.access-body:after{width:520px;height:520px;bottom:-240px;left:-160px}.access-card{z-index:2;text-align:center;background:#fffdf9f5;border:3px solid #ffffff8c;border-radius:36px 42px 34px 40px;width:min(100%,440px);padding:90px 54px 42px;position:relative;transform:rotate(-.8deg);box-shadow:0 34px 80px #1c072761,8px 10px #ffe8a359}.access-moon{background:var(--lavender);width:98px;height:98px;box-shadow:0 13px 28px #3514453b, 4px 5px 0 var(--butter);color:var(--aubergine);font-family:var(--display);border:7px solid #ffffff94;border-radius:50% 46% 52% 48%;place-items:center;font-size:2.7rem;animation:4.8s ease-in-out infinite brand-bob;display:grid;position:absolute;top:-46px;left:50%;transform:translate(-50%)rotate(-5deg)}.access-eyebrow{background:var(--mint);color:var(--aubergine);letter-spacing:.04em;text-transform:none;border-radius:999px;margin:0 0 8px;padding:6px 12px;font-size:.74rem;font-weight:800;display:inline-block}.access-card h1{color:var(--aubergine);font-family:var(--display);margin:0;font-size:4rem;font-weight:400;line-height:1}.access-copy{color:#351445ad;margin:15px auto 28px;font-size:.95rem;line-height:1.6}.access-form{text-align:left}.access-form label{color:var(--aubergine);margin:0 0 8px 3px;font-size:.72rem;font-weight:800;display:block}.access-input-wrap{background:var(--mist);border:1px solid #4d246f29;border-radius:15px;transition:border-color .16s,background .16s;position:relative}.access-input-wrap:focus-within{border-color:var(--violet);background:#fff}.access-input-icon{z-index:2;color:var(--violet);pointer-events:none;position:absolute;top:50%;left:17px;transform:translateY(-50%)}.access-input-wrap input{z-index:2;width:100%;height:56px;color:var(--aubergine);letter-spacing:.28em;background:0 0;border:0;border-radius:15px;padding:0 52px 0 45px;font-size:1.85rem;line-height:1;position:relative}.access-input-wrap input[type=text]{letter-spacing:.04em;font-size:1.05rem}.access-input-wrap input:focus{outline:none}.access-reveal{z-index:3;width:38px;height:38px;color:var(--violet);cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;transition:background .16s,color .16s;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.access-reveal:hover,.access-reveal:focus-visible{color:var(--aubergine);background:#7c4a9e1f;outline:none}.access-reveal svg{width:22px;height:22px}.access-error{color:#a73552;margin:9px 3px 0;font-size:.76rem;line-height:1.4}.access-form button[type=submit]{background:var(--aubergine);color:#fff;cursor:pointer;border:0;border-radius:15px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:52px;margin-top:18px;font-weight:800;transition:transform .18s,box-shadow .18s;display:flex;box-shadow:0 11px 24px #4d246f3d}.access-form button[type=submit]:hover{transform:translateY(-2px);box-shadow:0 15px 30px #4d246f4d}.access-footer{color:#35144573;margin:24px 0 0;font-size:.69rem}.view-enter-active,.view-leave-active{transition:opacity .25s,transform .25s}.view-enter-from,.view-leave-to{opacity:0;transform:translateY(8px)}.flip-next-enter-active,.flip-next-leave-active,.flip-previous-enter-active,.flip-previous-leave-active{transition:opacity .28s,transform .44s cubic-bezier(.22,.72,.2,1)}.flip-next-enter-from{opacity:0;transform-origin:0;transform:translate(45px)rotateY(-7deg)}.flip-next-leave-to,.flip-previous-enter-from{opacity:0;transform-origin:100%;transform:translate(-45px)rotateY(7deg)}.flip-previous-leave-to{opacity:0;transform-origin:0;transform:translate(45px)rotateY(-7deg)}@keyframes breathe{to{transform:scale(1.045)}}@keyframes panorama-two{0%,18%{object-position:2% center;transform:scale(1.04)}82%,to{object-position:98% center;transform:scale(1.04)}}@keyframes panorama-three{0%,15%{object-position:0% center;transform:scale(1.03)}85%,to{object-position:100% center;transform:scale(1.03)}}@keyframes island-breathe{to{object-position:95% center;transform:scale(1.035)}}@keyframes swipe-hint{0%,to{transform:translate(0)}50%{transform:translate(-6px)}}@keyframes brand-bob{0%,to{transform:rotate(-8deg)translateY(0)}50%{transform:rotate(-4deg)translateY(-3px)}}@keyframes stamp-wiggle{0%,to{transform:rotate(9deg)}50%{transform:rotate(5deg)}}@keyframes rain-fall{to{transform:translate(18px,760px)rotate(13deg)}}@keyframes bubble-rise{0%{opacity:0;transform:translateY(0)scale(.7)}20%{opacity:.82}to{opacity:0;transform:translateY(-580px)scale(1.3)}}@keyframes cloud-drift{to{transform:translate(780px)}}@keyframes heart-float{0%{opacity:0;transform:translateY(0)rotate(-8deg)}20%{opacity:1}to{opacity:0;transform:translateY(-590px)rotate(18deg)}}@media (width<=800px){.site-header{grid-template-columns:auto 1fr auto;width:calc(100% - 28px);min-height:74px}.brand>span:last-child{display:none}.brand-mark{width:35px;height:35px}.main-nav{justify-self:center}.main-nav a{padding:8px 12px;font-size:.77rem}.story-view{width:calc(100% - 24px);padding:18px 0 28px}.story-heading{width:100%;margin-bottom:10px;padding:0 4px}.story-heading>div>p{display:none}.book-stage{display:block}.book{height:min(680px,100dvh - 164px);min-height:535px}.book-spread{border-radius:17px;grid-template-rows:minmax(0,54%) minmax(0,46%);grid-template-columns:1fr}.book-spread:after{background:linear-gradient(#0000,#3514451a,#ffffff73,#0000);width:auto;height:18px;inset:54% 0 auto;transform:translateY(-50%)}.story-copy{padding:22px 25px 18px}.copy-topline{align-items:center}.story-day{max-width:75%;margin-top:0;font-size:.64rem}.travel-stamp{width:48px;min-width:48px;height:48px;padding:6px;font-size:.42rem}.copy-center{padding:8px 0}.copy-center h2{margin-bottom:8px;font-size:clamp(1.78rem,8vw,2.35rem);line-height:1}.copy-center blockquote{font-size:clamp(.78rem,3.3vw,.93rem);line-height:1.45}.copy-footer{font-size:.62rem}.page-arrow{background:#fffdf8e6;width:39px;height:39px;position:absolute;top:27%;transform:translateY(-50%)}.page-arrow--previous{left:10px}.page-arrow--next{right:10px}.page-arrow:hover:not(:disabled){transform:translateY(-50%)scale(1.06)}.page-arrow:disabled{opacity:0}.page-dots{gap:6px;margin-top:16px}.about-view{grid-template-columns:1fr;gap:64px;width:min(100% - 40px,600px);min-height:auto;padding:56px 0 90px}.about-copy h1{font-size:clamp(4.4rem,22vw,7rem)}.about-photo-wrap{grid-row:1;width:min(100%,430px);padding:24px 47px 30px 27px}.photo-note{right:-6px}}@media (width<=460px){.access-body{padding:18px}.access-card{border-radius:27px;padding:75px 25px 31px}.access-moon{width:88px;height:88px}.access-card h1{font-size:3.55rem}.main-nav{gap:2px;padding:4px}.main-nav a{padding:8px 9px;font-size:.7rem}.logout-form button{width:34px;height:34px}.story-heading h1{font-size:1.2rem}.book{height:calc(100dvh - 158px);min-height:510px;max-height:650px}.book-spread{grid-template-rows:minmax(0,51%) minmax(0,49%)}.book-spread:after{top:51%}.story-copy{padding:17px 20px 14px}.copy-center h2{font-size:clamp(1.55rem,7.8vw,2rem)}.copy-center blockquote{font-size:.78rem;line-height:1.4}.story-day{max-width:calc(100% - 45px);font-size:.57rem}.travel-stamp{width:42px;min-width:42px;height:42px;font-size:.37rem}.page-number{width:25px;height:25px}.about-copy h1 span{margin-left:.25em}}.edit-fab{z-index:40;color:#4d246f73;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffdf8b8;border:1px solid #4d246f1f;border-radius:14px;place-items:center;width:42px;height:42px;transition:color .16s,background .16s,box-shadow .16s;display:grid;position:fixed;bottom:18px;right:18px;box-shadow:0 8px 22px #3514451a}.edit-fab:hover,.edit-fab:focus-visible,.edit-fab.is-active{color:var(--aubergine);background:#fffdf8f2;outline:none;box-shadow:0 10px 28px #35144529}.edit-fab svg{width:18px;height:18px}.edit-hint{z-index:40;color:#3514459e;background:#fffdf8e6;border-radius:999px;margin:0;padding:8px 12px;font-size:.72rem;font-weight:700;position:fixed;bottom:26px;right:70px;box-shadow:0 8px 20px #3514451f}.story-body:before{content:"“"}.story-body:after{content:"”"}.story-title.is-editable,.story-body.is-editable .story-body-text{outline-offset:4px;cursor:text;border-radius:8px;outline:1.5px dashed #7c4a9e73}.story-title.is-editable:focus,.story-body.is-editable .story-body-text:focus{outline-color:var(--violet);background:#ffffff8c}.site-shell.is-editing .book{cursor:default}@media (width<=720px){.edit-fab{width:40px;height:40px;bottom:12px;right:12px}.edit-hint{max-width:calc(100vw - 90px);bottom:18px;right:58px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}