:root{--paper:#fbf5e8;--ink:#294a47;--orange:#b95b2b;--muted:#60716a;--line:#294a4730}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.8 Arial,sans-serif}a{color:inherit;text-underline-offset:4px}.wrap{width:min(1120px,calc(100% - 80px));margin:auto}h1,h2,h3{font-family:Georgia,serif;line-height:1.12;font-weight:400}h1,h2,h3,p,figure{margin-top:0}h1{font-size:clamp(48px,6vw,79px);letter-spacing:-2.8px;margin-bottom:25px}h2{font-size:45px;letter-spacing:-1px;margin-bottom:25px}h3{font-size:32px}h1 em,h2 em{color:var(--orange)}p{margin-bottom:22px}.eyebrow{font-size:10px;font-weight:bold;letter-spacing:2px;color:#8b542e;line-height:1.6;margin-bottom:20px}.draft-note{text-align:center;background:#294a47;color:#fff;padding:7px 15px;font-size:9px;letter-spacing:.4px}.nav{display:flex;justify-content:space-between;align-items:center;padding-block:25px;border-bottom:1px solid var(--line);gap:25px}.brand{font:700 30px/1.1 Georgia,serif;text-decoration:none;color:var(--orange)}.brand span{display:block;font:8px/1.6 Arial;letter-spacing:2px;color:var(--ink);margin-top:8px}.nav nav{display:flex;gap:25px;font-size:12px}.nav nav a{text-decoration:none}.hero{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding-block:65px 75px}.hero-copy>p:not(.eyebrow){font-size:18px;color:var(--muted);max-width:440px}.button{display:inline-flex;gap:30px;align-items:center;border-radius:5px;background:var(--ink);color:white;font-size:13px;font-weight:bold;text-decoration:none;padding:13px 23px;box-shadow:0 4px 0 #16322f}.button:hover{background:#39645f}.hero-art{position:relative;padding:15px 5px 30px}.hero-photo{background:#fffdfa;padding:13px 13px 43px;transform:rotate(4deg);box-shadow:0 7px 22px #294a471c}.hero-photo img{display:block;width:100%;height:auto}.postmark{position:absolute;right:-5px;top:-15px;width:110px;height:110px;border:2px dashed #9c572e;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;font-weight:bold;line-height:1.6;color:#884824;transform:rotate(12deg);background:#f6d894ed}.note{position:absolute;bottom:0;left:20px;background:#e1e7d7;padding:13px 20px;transform:rotate(-6deg);font:italic 18px/1.4 Georgia,serif}.travel-tags{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:27px;font-size:10px;color:var(--muted)}.travel-tags span:not(:last-child)::after{content:'·';margin-left:18px}.passport{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:center;padding-block:45px;border-top:1px dashed var(--line)}.passport h2{font-size:37px;margin-bottom:0}.passport nav{display:flex;flex-wrap:wrap;gap:13px}.passport nav a{display:flex;align-items:center;gap:9px;border:1px solid #294a4755;border-radius:3px;padding:7px 12px;text-decoration:none;font-size:12px;background:#fff8}.passport nav a:hover{background:#e6e8d8}.passport nav span{font-size:9px;color:#a45c30}.journey{position:relative}.stop{position:relative;padding-block:55px;border-top:1px dashed #294a4725}.stop:nth-child(odd){background:#f1efe4}.stop-inner{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.cover-postcard{position:relative;padding:20px;background:color-mix(in srgb,var(--stop) 45%,var(--paper));border-radius:12px;max-width:440px}.cover-postcard img{display:block;width:100%;height:auto;border-radius:3px;box-shadow:0 6px 12px #294a4720}.stamp{position:absolute;top:1px;right:-12px;border:1px dashed #294a4790;color:#294a47;background:#fffbe9;padding:5px 12px;transform:rotate(8deg);font-size:10px;letter-spacing:2px;font-weight:bold}.story>p:not(.eyebrow):not(.credits):not(.award){color:var(--muted);font-size:17px}.stop:nth-child(even) .cover-postcard{order:2}.stop:nth-child(even) .story{order:1}.story h2{font-size:40px}.award{font-size:12px;color:#806132}details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:25px 0}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:15px;padding:13px 0;font-size:12px;font-weight:bold}summary::-webkit-details-marker{display:none}.less{display:none}details[open] .more{display:none}details[open] .less{display:inline}details[open] summary>span:last-child{transform:rotate(45deg)}details>p{font-size:14px}.placeholder{color:#6e776d;background:#fff7;border-left:2px solid #bfa473;padding:12px;font-size:12px!important}.credits{font-size:10px;color:var(--muted);margin:19px 0 0}.bedtime{padding-block:70px;background:#e3ebe7;border-block:1px solid #294a4720}.feature{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.feature figure{margin:0;transform:rotate(-3deg)}.feature figure img{display:block;width:100%;height:auto;box-shadow:0 8px 15px #294a4720}.feature h2{font-size:44px}.feature>div>p:not(.eyebrow):not(.credits){font-size:16px;color:var(--muted)}.friend{padding-block:70px}.friend-intro{text-align:center;max-width:700px;margin:0 auto 45px}.friend-intro p:not(.eyebrow){font-size:17px;color:var(--muted)}.friend-book{display:grid;grid-template-columns:.65fr 1.35fr;gap:65px;max-width:850px;margin:auto;align-items:center;padding:35px;background:#ecebdc;border-radius:9px}.friend-book figure{margin:0}.friend-book img{width:100%;height:auto;display:block;box-shadow:0 5px 12px #294a4720}.friend-book h3{font-size:30px;margin-bottom:15px}.friend-book>div>p:not(.eyebrow):not(.credits){font-size:15px;color:var(--muted)}.closing{text-align:center;padding-block:25px 65px}.closing h2{font-size:45px}.text-link{font-size:13px}footer{border-top:1px dashed var(--line);padding-block:30px;display:flex;justify-content:space-between;align-items:end;gap:25px;font-size:10px;color:var(--muted)}footer strong{font:24px Georgia,serif;color:var(--orange)}footer p{margin:6px 0 0}.skip{position:absolute;top:-100px}.skip:focus{top:8px;left:8px;background:white;padding:10px;z-index:10}:focus-visible{outline:3px solid var(--orange);outline-offset:5px}@media(max-width:850px){.wrap{width:calc(100% - 48px)}.hero{gap:35px}.stop-inner{gap:45px}.story h2{font-size:32px}.passport{gap:30px}.nav nav{gap:15px;font-size:11px}.feature{gap:40px}.feature h2{font-size:36px}.friend-book{gap:35px}.postmark{width:85px;height:85px;font-size:10px}}@media(max-width:600px){.wrap{width:calc(100% - 36px)}.nav{align-items:start}.brand{font-size:25px}.nav nav{flex-wrap:wrap;justify-content:flex-end;max-width:140px;font-size:10px;gap:8px 13px}.hero{grid-template-columns:1fr;padding-block:40px 50px;gap:35px}h1{font-size:60px}.hero-art{max-width:400px;margin:auto;padding-inline:12px}.hero-copy>p:not(.eyebrow){font-size:17px}.passport{grid-template-columns:1fr;padding-block:35px;gap:25px}.passport h2{font-size:32px}.passport nav{gap:9px}.passport nav a{font-size:11px}.stop{padding-block:38px}.stop-inner{grid-template-columns:1fr;gap:30px}.cover-postcard{width:100%;max-width:350px;margin:auto;padding:15px}.stop:nth-child(even) .cover-postcard{order:0}.story h2{font-size:35px}.story>p:not(.eyebrow):not(.credits):not(.award){font-size:16px}.feature{grid-template-columns:1fr;gap:40px}.feature figure{max-width:340px;margin:auto}.bedtime{padding-block:45px}.feature h2{font-size:36px}.friend{padding-block:45px}.friend-intro h2{font-size:35px}.friend-book{grid-template-columns:1fr;gap:30px;padding:25px}.friend-book figure{max-width:210px;margin:auto}.friend-book h3{font-size:29px}.closing h2{font-size:35px}.closing{padding-bottom:45px}footer{flex-wrap:wrap;align-items:start;gap:20px}.draft-note{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.series-intro{border-top:1px dashed var(--line);padding-block:55px;display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:start}.series-heading h2{font-size:34px;line-height:1.2}.series-tagline{font:italic 22px/1.5 Georgia,serif;color:var(--orange)}.age-label{display:inline-block;font-size:11px;padding:7px 13px;background:#e4e9d8;border-radius:4px}.series-includes h3{font:400 26px/1.3 Georgia,serif;margin-bottom:20px}.series-includes{font-size:14px;color:var(--muted)}.series-includes ul,.full-description ul{padding-left:21px}.series-includes li,.full-description li{margin-bottom:10px}.full-description{font-size:15px;line-height:1.8;color:var(--muted);padding:5px 0 10px}.full-description h3{font-size:23px;line-height:1.35;margin:25px 0 17px;color:var(--ink)}.full-description p{margin-bottom:19px}@media(max-width:600px){.series-intro{grid-template-columns:1fr;gap:25px;padding-block:35px}.series-heading h2{font-size:29px}.series-tagline{font-size:21px}.full-description{font-size:14px}}

/* Brighter Amsterdam greens, Himalayan blues, and sunny orange. */
:root{--paper:#fffaf0;--ink:#164f58;--orange:#bd5021;--muted:#42666a;--line:#1a6a7135}.hero{padding-top:55px}.hero-art{min-height:490px;padding:12px 25px 30px 0}.hero-art>.hero-photo:first-child{width:78%;transform:rotate(-6deg);padding:10px 10px 30px;background:#fff;position:relative;z-index:1}.hero-photo-secondary{position:absolute;right:0;bottom:28px;width:57%;padding:9px 9px 28px;transform:rotate(8deg);z-index:2}.note{z-index:4;bottom:-8px;left:0;background:#def4b1}.postmark{z-index:5;top:-12px;right:0;width:125px;height:155px;border:0;border-radius:0;background:#fff5d1;color:#15595a;transform:rotate(10deg);display:flex;flex-direction:column;justify-content:space-between;padding:13px 9px;outline:2px solid #1c6c72;outline-offset:-9px;box-shadow:3px 5px 0 #15595a25;clip-path:polygon(0 3%,4% 3%,4% 0,12% 0,12% 3%,20% 3%,20% 0,28% 0,28% 3%,36% 3%,36% 0,44% 0,44% 3%,52% 3%,52% 0,60% 0,60% 3%,68% 3%,68% 0,76% 0,76% 3%,84% 3%,84% 0,92% 0,92% 3%,100% 3%,100% 97%,96% 97%,96% 100%,88% 100%,88% 97%,80% 97%,80% 100%,72% 100%,72% 97%,64% 97%,64% 100%,56% 100%,56% 97%,48% 97%,48% 100%,40% 100%,40% 97%,32% 97%,32% 100%,24% 100%,24% 97%,16% 97%,16% 100%,8% 100%,8% 97%,0 97%)}.stamp-heading{font-size:8px;letter-spacing:1px}.stamp-cat{font-size:25px;color:#d56b26;line-height:1}.stamp-message{font-size:14px;line-height:1.35;font-weight:900}.stamp-footer{font-size:6px;letter-spacing:.5px;line-height:1.4}.stop:nth-child(odd){background:#e6f5ef}.stop:nth-child(even){background:#e5f3fc}.bedtime{background:#cfecf2}.friend-book{background:#e5f3c8}.age-label,.travel-tags{color:#18575b}.age-label{background:#dff0ac}.passport nav a{background:#fff}.cover-postcard{background:color-mix(in srgb,var(--stop) 55%,#fff)}.series-includes{column-count:1}.series-includes h3{color:#18575b}.series-includes ul{margin-bottom:25px}@media(max-width:850px){.hero-art{min-height:410px}.postmark{width:105px;height:135px}.stamp-message{font-size:12px}.stamp-heading{font-size:7px}.stamp-footer{font-size:5px}}@media(max-width:600px){.hero-art{min-height:390px;width:100%;padding-right:15px}.hero-photo-secondary{bottom:25px}.postmark{right:0;top:-5px}.note{font-size:16px;bottom:-8px}.hero{padding-bottom:65px}}@media(max-width:380px){.hero-art{min-height:340px}.postmark{width:90px;height:120px}}

/* Mr Muffins' single Polaroid portrait. */
.hero-art{min-height:0;padding:12px 20px 35px 5px}.hero-art>.hero-photo.hero-portrait:first-child{width:100%;padding:13px 13px 19px;transform:rotate(3deg);background:#fffefa;box-shadow:0 8px 23px #164f5825}.hero-portrait img{width:100%;height:auto;display:block}.polaroid-caption{display:block;text-align:center;font:italic 17px/1.5 Georgia,serif;color:#3b625e;padding-top:17px}.hero-art .postmark{right:-8px;top:-17px}.hero-art .note{left:0;bottom:-14px}@media(max-width:600px){.hero-art{min-height:0;padding:12px 14px 35px 4px}.polaroid-caption{font-size:15px}.hero-art .postmark{right:-3px;top:-15px}}

.travel-snapshots{position:relative;margin-top:35px;padding:0 12px 20px 0;display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:start}.travel-polaroid{margin:0;background:#fffefa;padding:9px 9px 15px;box-shadow:0 5px 15px #164f5820;transform:rotate(-5deg)}.travel-polaroid:nth-child(2){transform:rotate(6deg);margin-top:55px}.travel-polaroid img{display:block;width:100%;height:auto}.travel-polaroid figcaption{font:italic 13px/1.5 Georgia,serif;text-align:center;color:#3b625e;margin-top:12px}.stamp{white-space:nowrap}@media(max-width:600px){.travel-snapshots{max-width:430px;margin-inline:auto;gap:12px}.travel-polaroid:nth-child(2){margin-top:35px}.travel-polaroid figcaption{font-size:12px}}

.stamp{text-transform:uppercase}