:root{--paper:#fffaf1;--ink:#483e39;--berry:#b62e50;--pink:#f2c8cb;--line:#e5d9ca}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Trebuchet MS',Arial,sans-serif;font-size:17px;line-height:1.65}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--berry);outline-offset:5px}header{max-width:1320px;margin:auto;padding:28px 48px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:24px}.wordmark{text-decoration:none;color:var(--berry);font-family:'Arial Rounded MT Bold','Trebuchet MS',sans-serif;font-weight:1000;font-size:30px;line-height:1;letter-spacing:-1.5px;transform:rotate(-2deg)}.wordmark span{display:block;font-size:10px;letter-spacing:.35px;margin-top:7px}nav{display:flex;align-items:center;gap:34px}nav a{text-decoration:none;font-size:14px;font-weight:700;padding:7px 0}nav a[aria-current]{color:var(--berry);border-bottom:2px solid var(--berry)}nav a:last-child{border:1px solid var(--line);padding:9px 23px;border-radius:50px}nav a:hover,.text-link:hover{color:var(--berry)}.wrap{max-width:1224px;margin:auto;padding-left:36px;padding-right:36px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center;padding-top:74px;padding-bottom:95px}.eyebrow{font-size:11px;letter-spacing:2.8px;font-weight:800;color:var(--berry);margin:0 0 23px}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-2.7px;line-height:1.06;margin:0 0 28px}h1{font-size:clamp(44px,5.5vw,76px)}h2{font-size:clamp(39px,4.2vw,58px)}em{font-weight:400;color:var(--berry)}.intro{font-size:18px;line-height:1.85;max-width:465px}.actions{display:flex;gap:27px;align-items:center;margin-top:33px}.button{display:inline-flex;gap:22px;align-items:center;padding:14px 24px;background:var(--berry);color:white;text-decoration:none;border-radius:50px;font-size:14px;font-weight:700;box-shadow:0 5px 0 #8e224113}.button:hover{background:#95213f}.button span{font-size:22px}.text-link{font-size:14px;font-weight:700;text-underline-offset:5px}.cover-stage{position:relative;display:flex;align-items:center;justify-content:center;padding:30px 10px 50px}.cover-stage:before{content:'';position:absolute;inset:0 -10px;background:#f6dfd7;border-radius:48% 52% 46% 54%;transform:rotate(-8deg);z-index:-1}.book{width:100%;aspect-ratio:1.17;overflow:hidden;position:relative;border-radius:2px 6px 6px 2px;transform:rotate(3deg);box-shadow:10px 20px 28px #58403a28,3px 3px 0 #ddc8b5,6px 5px 0 #fff5e4}.book img{width:200%;max-width:none;position:absolute;right:0;top:0;height:100%}.little-star{position:absolute;top:-27px;right:-7px;font-size:72px;color:var(--berry);transform:rotate(12deg)}.scribble{position:absolute;bottom:-3px;right:5px;font:italic 24px Georgia,serif;transform:rotate(-6deg);color:var(--berry)}.story-section{background:#f4eee2;border-top:1px solid var(--line);padding:88px 0}.story-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center}.portrait{text-align:center}.grandma-art{position:relative;width:280px;height:365px;overflow:hidden;margin:auto;mix-blend-mode:multiply}.grandma-art img{position:absolute;width:1490px;max-width:none;left:-856px;top:-206px}.portrait-caption{display:block;color:var(--berry);font:italic 23px Georgia,serif;transform:rotate(-4deg);margin-top:15px}.story-copy p{font-size:16px}.story-copy blockquote{margin:30px 0 0;border-left:2px solid var(--pink);padding-left:25px;font-family:Georgia,serif;font-size:19px;line-height:1.75}.story-copy cite{display:block;font-family:'Trebuchet MS',sans-serif;font-style:normal;font-size:14px;color:var(--berry);font-weight:bold;margin-top:17px}footer{max-width:1320px;margin:auto;padding:32px 48px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;color:#776b60}footer a{text-decoration:none}.footer-title{font:italic 18px Georgia,serif}.reader-heading{text-align:center;padding-top:55px}.reader-heading h1{font-size:56px;margin-bottom:14px}.reader-heading p:last-child{margin:0 0 38px}.reader{padding-bottom:64px}.reader-toolbar,.reader-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:13px}.reader-toolbar{margin-bottom:15px}.reader-toolbar a{text-underline-offset:4px}.spread-stage{background:white;box-shadow:0 8px 28px #483e3917;border:1px solid var(--line)}.spread-stage img{display:block;width:100%;height:auto}.reader-controls{margin:24px 0}.reader-controls button{border:1px solid var(--line);border-radius:40px;padding:10px 22px;background:transparent;font-size:14px;cursor:pointer}.reader-controls button:hover:not(:disabled){background:var(--berry);color:white}.reader-controls button:disabled{opacity:.35;cursor:default}.page-dots{letter-spacing:6px;color:var(--berry)}.thumbnails{display:grid;grid-template-columns:repeat(7,1fr);gap:14px}.thumb{padding:5px;background:transparent;border:1px solid transparent;border-radius:5px;cursor:pointer;color:var(--ink)}.thumb[aria-pressed=true]{border-color:var(--berry);background:#f3e4de}.thumb img{width:100%;display:block}.thumb span{font-size:11px}.reader-note{text-align:center;font:italic 22px Georgia,serif;margin-top:38px;color:var(--berry)}.secondary-layout{display:grid;grid-template-columns:.9fr 1fr;gap:95px;align-items:center;min-height:75vh;padding-top:70px;padding-bottom:90px}.secondary-layout h1,.contact-layout h1{font-size:60px}.availability{background:#efe8db;border-radius:8px;padding:17px 22px;display:inline-flex;align-items:center;gap:10px;font-size:14px;margin-top:24px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--berry)}.muted{font-size:14px;color:#756a61;margin-bottom:28px}.contact-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center;min-height:75vh;padding-top:65px;padding-bottom:80px}.contact-layout .text-link{display:block;margin-top:28px}.skip{position:fixed;top:-100px;background:white;padding:10px;z-index:20}.skip:focus{top:10px}@media(max-width:800px){header{padding:22px 24px;flex-direction:column;gap:22px}nav{gap:24px}nav a{font-size:13px}nav a:last-child{padding:5px 13px}.wrap{padding-left:25px;padding-right:25px}.hero{gap:52px;padding-top:45px;padding-bottom:62px;grid-template-columns:1fr}.hero-copy{max-width:550px}.hero h1{font-size:59px}.cover-stage{max-width:460px;width:90%;margin:auto}.hero .cover-stage{margin-top:10px}.story-layout{grid-template-columns:1fr;gap:45px}.story-section{padding:55px 0}.story-layout .portrait{order:2}.story-copy{max-width:560px;margin:auto}footer{padding:25px;flex-direction:column;gap:10px}.secondary-layout,.contact-layout{grid-template-columns:1fr;gap:50px;padding-top:50px;padding-bottom:60px}.secondary-layout>div:first-child{order:2}.secondary-layout h1,.contact-layout h1{font-size:49px}.reader-heading h1{font-size:43px}.reader-heading{padding-top:38px}.thumbnails{gap:4px}.thumb{padding:2px}.page-dots{font-size:10px;letter-spacing:2px}.reader-controls button{padding:9px 14px}.actions{gap:22px}.intro{font-size:17px}.button{padding:12px 19px}}@media(prefers-reduced-motion:no-preference){.button,.thumb,nav a{transition:background .18s,color .18s}.book{transition:transform .3s}.book:hover{transform:rotate(0deg)}}

/* Use the supplied title lettering and isolate Grandma from the printed page. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero h1.cover-lettering{margin:0 0 32px;line-height:1}
.title-art{display:block;position:relative;width:100%;max-width:510px;aspect-ratio:610/275;overflow:hidden;mix-blend-mode:multiply;clip-path:polygon(0 0,100% 0,100% 100%,10% 100%,10% 38%,0 38%)}
.title-art img{position:absolute;width:335.738%;max-width:none;left:-217.705%;top:-41.818%;height:auto}
.grandma-art{width:275px;height:auto;aspect-ratio:275/425;clip-path:polygon(0 0,76% 0,76% 35%,100% 35%,100% 100%,0 100%)}
.grandma-art img{width:744.727%;left:-421.818%;top:-67.059%;height:auto}
.contact-layout .grandma-art{width:100%;max-width:365px}
.reader-heading{padding-bottom:30px}
@media(max-width:800px){.contact-layout .grandma-art{max-width:310px}.title-art{max-width:480px}}

.contact-dancing{padding-bottom:65px;max-width:1000px}.right-page-art{position:relative;width:100%;aspect-ratio:1600/1214;overflow:hidden}.right-page-art img{display:block;position:absolute;width:200%;max-width:none;height:100%;right:0;top:0}

.contact-layout{max-width:1380px;grid-template-columns:.8fr 1.35fr;gap:28px}.dancing-illustration{width:100%}.dancing-illustration img{display:block;width:100%;height:auto}@media(max-width:800px){.contact-layout{grid-template-columns:1fr;gap:30px}.dancing-illustration{width:100%}}