:root{--page-gutter:clamp(32px,5vw,80px);--line:rgba(32,36,43,.18);--shadow:0 12px 32px rgba(32,36,43,.10)}
.page-home{background:var(--color-coral-stage)}
.page-home main{background:var(--color-paper)}
.hero{position:relative;background:var(--color-coral-stage);overflow:hidden;padding:48px 0 80px}
.hero__inner{display:grid;grid-template-columns:minmax(0,49fr) minmax(0,51fr);gap:clamp(24px,2vw,40px);min-height:700px;align-items:center}
.hero__copy{position:relative;z-index:2;padding-bottom:12px}
.hero__eyebrow{margin-bottom:22px;text-transform:uppercase;letter-spacing:.055em;font-size:17px}
.hero__title-wrap{position:relative;width:max-content;max-width:none}
.hero h1{position:relative;z-index:1;color:var(--color-paper);font-size:clamp(5.7rem,7.25vw,7.5rem);font-weight:700;line-height:.98;letter-spacing:-.045em}
.hero h1 span{display:block;white-space:nowrap}
.hero h1 .hero__title-bottom{position:relative;display:inline-block;isolation:isolate;margin-top:.01em;padding:0 .07em .12em .02em;color:var(--color-ink)}
.hero__title-bottom>span{position:relative;z-index:1}
.hero__swash-art{position:absolute;z-index:0;left:-.045em;top:-.015em;width:108%;height:110%;color:var(--color-accent)}
.hero__rays,.hero__arrow,.hero__spark,.hero__cross{position:absolute;z-index:3;color:var(--color-accent);pointer-events:none}
.hero__rays{left:-52px;top:26px;width:50px;height:80px}
.hero__arrow{right:-114px;top:-65px;width:158px;height:76px}
.hero__spark{right:-37px;bottom:-2px;width:38px;height:38px}
.hero__cross{left:-34px;bottom:14px;width:28px;height:28px}
.hero__body{position:relative;z-index:2;max-width:520px;margin-top:32px}
.hero__actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:38px}
.hero__actions .offer{margin-top:6px}
.hero__provenance{margin-top:48px;font-size:16px;font-weight:700}
.hero__visual{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:640px;padding:110px 0 32px}

.hero__family{position:relative;z-index:1;display:block;width:112%;max-width:none;height:auto;object-fit:contain;flex:none}

.hero__pages{position:absolute;inset:0 0 auto;height:80%;pointer-events:none}
.hero__page{position:absolute;display:flex;flex-direction:column;width:37%;aspect-ratio:3/4;padding:14px;background:var(--color-paper);border:1px solid rgba(32,36,43,.12);box-shadow:0 12px 25px rgba(32,36,43,.18);border-radius:3px;overflow:hidden}
.hero__page img{width:100%;min-height:0;flex:1;object-fit:contain}
.hero__page p{font-family:Fredoka,Arial,sans-serif;font-weight:500;font-size:clamp(13px,1.25vw,19px);line-height:1.12;text-align:center;margin:0 0 10px}
.hero__page span{font-size:10px;text-align:center;margin-top:8px}
.hero__page--left{left:2%;top:38px;transform:rotate(-16deg)}
.hero__page--left p{margin:10px 0 0}
.hero__page--centre{left:32%;top:0;transform:rotate(-2deg)}
.hero__page--right{right:0;top:45px;transform:rotate(14deg)}

.hero__preview-label{position:absolute;z-index:3;left:50%;transform:translateX(-50%);bottom:0;margin:0;background:var(--color-accent);border-radius:16px;padding:5px 12px;font-size:14px;font-weight:700;white-space:nowrap}
.paper-transition{position:absolute;bottom:-1px;left:0;width:100%;height:68px}
.story-layout{display:grid;grid-template-columns:minmax(0,28fr) minmax(0,72fr);gap:42px;align-items:start}
.story-intro{position:relative;padding-top:56px}
.story-intro h2{margin-bottom:26px}
.story-intro>p{max-width:330px}
.story-intro>p+p{margin-top:22px}
.story-occasions{font-weight:700}
.story-prompt{font-size:18px}
.story-intro__arrow{width:118px;height:76px;margin:28px 0 0 44%;color:var(--color-primary)}
.brush-underline,.finale-underline{position:relative;display:inline-block;isolation:isolate}
.brush-underline svg,.finale-underline svg{position:absolute;z-index:-1;left:0;bottom:-.08em;width:100%;height:.28em;overflow:visible}
.brush-underline path,.finale-underline path{fill:none;stroke:var(--color-accent);stroke-width:19;stroke-linecap:round}
.studio-frame{min-width:0;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--color-paper);box-shadow:var(--shadow)}
.studio-bar{display:flex;align-items:center;gap:16px;padding:14px 20px;background:var(--color-primary);min-height:68px}
.studio-bar__brand{font-family:Fredoka,Arial,sans-serif;font-weight:600;font-size:23px;color:var(--color-ink);white-space:nowrap}
.studio-bar__brand span{font-family:Atkinson,Arial,sans-serif;font-weight:400;font-size:18px}
.studio-bar__badge{margin-left:auto;border:1px solid var(--color-ink);border-radius:30px;padding:4px 10px;font-size:13px;font-weight:700;white-space:nowrap}
.studio-reset{min-height:44px;border:0;background:transparent;color:var(--color-ink);font-size:15px;font-weight:700;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.studio-grid{display:grid;grid-template-columns:minmax(0,30fr) minmax(0,70fr)}
.studio-fields{min-width:0;padding:30px 22px 36px}
.studio-fields h3{font-size:clamp(24px,2vw,30px);margin-bottom:22px}
.field{display:block;margin-top:16px}
.field span{display:block;font-size:16px;font-weight:700;margin-bottom:7px}
.field input{display:block;width:100%;min-width:0;min-height:48px;padding:9px 12px;border:1.5px solid var(--color-ink);border-radius:10px;background:var(--color-paper);color:var(--color-ink);font-size:16px;line-height:1.3}
.studio-helper{margin:24px 0 0;color:var(--color-ink);font-size:15px;line-height:1.4}
.sample-input-message{min-height:22px;margin-top:12px;color:var(--color-ink);font-size:14px;font-weight:700}
.studio-preview{display:block;min-width:0;padding:24px;border-left:1px solid var(--line)}
.studio-preview__label{font-size:16px;font-weight:700;margin-bottom:12px}
.storybook-reader{min-width:0;outline:none}
.storybook-reader:focus-visible{outline:3px solid var(--color-blue);outline-offset:4px}
.sample-page{display:flex;flex-direction:column;overflow:hidden;width:100%;border:1px solid var(--line);border-radius:9px;background:var(--color-paper);box-shadow:0 6px 15px rgba(32,36,43,.1)}
.sample-page__cover-heading{display:none;min-height:48px;padding:10px 20px;text-align:center;align-items:center;justify-content:center;flex-direction:column}
.sample-page--cover .sample-page__cover-heading{display:flex}
.sample-page__cover-heading p{font-size:15px;font-weight:700}
.sample-page__art{width:100%;aspect-ratio:4/3;overflow:hidden;background:var(--color-paper)}
.sample-page__art img{width:100%;height:100%;object-fit:contain}
.reader-transcript{margin-top:12px;border:1px solid var(--line);border-radius:9px;background:var(--color-paper)}
.reader-transcript summary{min-height:44px;padding:9px 14px;font-size:15px;font-weight:700;cursor:pointer}
.reader-transcript h4{margin:0 14px 7px;font-family:Fredoka,Arial,sans-serif;font-size:21px;font-weight:600}
.reader-transcript p{margin:0 14px 16px;font-size:16px;line-height:1.45}
.reader-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}
.reader-nav{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;min-width:96px;padding:7px 10px;border:1.5px solid var(--color-ink);border-radius:10px;background:var(--color-paper);color:var(--color-ink);font-size:15px;font-weight:700}
.reader-nav:disabled{opacity:.38;cursor:not-allowed}
#reader-status{font-size:15px;font-weight:700;text-align:center}
.reader-thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:16px}
.reader-thumb{min-width:0;min-height:76px;padding:4px;border:2px solid var(--line);border-radius:7px;background:var(--color-paper);color:var(--color-ink);font-size:11px;font-weight:700;line-height:1.15;text-align:center}
.reader-thumb[aria-current=page]{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}
.reader-thumb img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:3px}
.reader-thumb span{display:block;margin-top:4px}
.reader-expand{margin-top:12px}
.reader-note{margin-top:18px;font-size:15px;line-height:1.4}
.reader-cta{display:flex;align-items:center;gap:18px;margin-top:16px}
.reader-cta strong{font-family:Fredoka,Arial,sans-serif;font-size:33px;white-space:nowrap}
.digital-cover{width:min(100%,300px);aspect-ratio:3/4;overflow:hidden;border-radius:8px;background:var(--color-paper);box-shadow:0 7px 18px rgba(32,36,43,.17)}
.digital-cover__heading{position:relative;z-index:1;display:flex;min-height:42px;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:8px;text-align:center;background:var(--color-paper)}
.digital-cover__heading span{background:var(--color-accent);padding:2px 7px;border-radius:9px;font-size:10px;font-weight:700}
.digital-cover img{width:100%;height:calc(100% - 42px);object-fit:contain;object-position:center}
.formats{padding-bottom:0;overflow:hidden}
.formats h2{margin-bottom:42px}
.formats h2 span{color:var(--color-coral-stage)}
.formats__grid{width:min(100%,1440px);margin-inline:auto;display:grid;grid-template-columns:minmax(0,62fr) minmax(0,38fr)}
.digital-format{padding:0 clamp(32px,5vw,80px) 90px;min-width:0}
.digital-format__visual{display:flex;align-items:flex-end;gap:24px;min-height:430px}
.device-preview{flex:0 0 48%;max-width:340px;padding:10px;border:8px solid var(--color-ink);border-radius:24px;background:var(--color-ink);box-shadow:0 12px 22px rgba(32,36,43,.15);transform:rotate(-3deg)}
.device-preview .digital-cover{width:100%;box-shadow:none}
.interior-preview{display:flex;flex-direction:column;flex:1;max-width:300px;height:280px;overflow:hidden;border:7px solid var(--color-paper);border-radius:8px;background:var(--color-paper);box-shadow:0 8px 18px rgba(32,36,43,.15);transform:rotate(3deg)}
.interior-preview img{width:100%;height:100%;object-fit:contain}
.interior-preview p{display:grid;place-items:center;flex:1;padding:7px 10px;font-size:13px;line-height:1.2;text-align:center}
.digital-format__copy{display:grid;grid-template-columns:auto 1fr;gap:6px 32px;align-items:end;margin-top:50px}
.digital-format__copy h3{grid-column:1/-1}
.format-price{font-family:Fredoka,Arial,sans-serif;font-weight:600;line-height:1;letter-spacing:-.03em}
.format-price--digital{position:relative;isolation:isolate;grid-row:2/4;font-size:88px;color:var(--color-ink)}
.format-price--digital span{position:relative;z-index:1}
.format-price--digital .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.format-price--digital svg{position:absolute;z-index:0;left:-3%;bottom:.05em;width:105%;height:.35em;overflow:visible}
.format-price--digital path{fill:none;stroke:var(--color-accent);stroke-width:21;stroke-linecap:round}
.digital-format__copy>p:not(.format-price){font-size:18px}
.digital-format__copy .btn{justify-self:start;grid-column:1/-1;margin-top:18px}
.hardcopy-format{display:flex;flex-direction:column;justify-content:flex-end;min-width:0;padding:40px clamp(32px,4vw,64px) 58px;background:var(--color-primary)}
.hardcopy-format__art{display:flex;align-items:flex-end;justify-content:center;min-height:400px}
.book-preview{position:relative;width:min(75%,290px);aspect-ratio:3/4;overflow:hidden;border:7px solid var(--color-paper);border-left-width:14px;border-radius:3px 8px 8px 3px;background:var(--color-paper);box-shadow:-8px 10px 18px rgba(32,36,43,.2);transform:rotate(-2deg)}
.book-preview::before{content:'';position:absolute;z-index:2;top:0;bottom:0;left:0;width:7px;border-right:1px solid var(--line);background:rgba(32,36,43,.08)}
.book-preview .digital-cover__heading{padding:8px 7px}
.book-preview img{width:100%;height:calc(100% - 42px);object-fit:contain}
.hardcopy-format__copy{margin-top:36px}
.coming-soon{display:inline-block;margin-bottom:12px;padding:6px 12px;border-radius:20px;background:var(--color-accent);font-size:14px;font-weight:700}
.hardcopy-format h3{color:var(--color-ink)}
.format-price--hardcopy{margin:12px 0 8px;color:var(--color-ink);font-size:56px}
.hardcopy-format__copy>p:not(.format-price):not(.coming-soon){font-size:18px;font-weight:700}
.colouring-section{border-top:7px solid var(--color-primary)}
.colouring-layout{display:grid;grid-template-columns:minmax(0,35fr) minmax(0,65fr);gap:48px;align-items:center}
.colouring-intro .eyebrow{display:inline-block;padding:8px 14px;border-radius:22px;background:var(--color-primary);margin-bottom:25px}
.colouring-intro h2{margin-bottom:28px}
.colour-loop{position:relative;display:inline-block}
.colour-loop svg{position:absolute;left:-5%;top:-10%;width:110%;height:120%;overflow:visible;pointer-events:none}
.colour-loop path{fill:none;stroke:var(--color-primary);stroke-width:7;stroke-linecap:round}
.colouring-intro>p:not(.eyebrow){max-width:380px;margin-bottom:28px}
.colouring-studio{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--color-paper);box-shadow:var(--shadow)}
.colouring-studio:focus{outline:none}
.colouring-studio:focus-visible{outline:3px solid var(--color-blue);outline-offset:4px}
.colouring-studio__bar{display:flex;align-items:center;gap:14px;min-height:78px;padding:12px 20px;border-bottom:1px solid var(--line)}
.palette-mark{color:var(--color-primary);font-size:29px;line-height:1}
.colouring-studio__bar h3{font-size:26px}
.colouring-download{min-height:44px;margin-left:auto;padding:9px 16px;font-size:15px;white-space:nowrap}
.colouring-studio__label{padding:10px 20px;font-size:15px;font-weight:700}
.colouring-canvas{position:relative;width:calc(100% - 40px);aspect-ratio:4/3;margin:0 20px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff}
.colouring-canvas img{width:100%;height:100%;object-fit:cover;transition:transform .18s ease,object-position .18s ease}
.colouring-canvas img.view-full{object-fit:contain}
.colouring-canvas img.view-children{transform:scale(1.8);object-position:center 78%}
.colouring-canvas img.view-parents{transform:scale(1.7);object-position:center 16%}
.colouring-views{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px 20px 0}
.colouring-view{min-width:0;min-height:44px;display:flex;align-items:center;flex-direction:column;gap:4px;padding:5px;border:2px solid var(--line);border-radius:8px;background:transparent;color:var(--color-ink);font-size:14px;font-weight:700;line-height:1.25;transition:border-color .16s ease}
.colouring-view.is-selected{border-color:var(--color-primary)}
.colouring-view__thumb{display:block;width:100%;aspect-ratio:16/8;overflow:hidden;border-radius:4px;background:#fff}
.colouring-view__thumb img{width:100%;height:100%;object-fit:cover}
.colouring-view[data-view=children] img{transform:scale(1.7);object-position:center 80%}
.colouring-view[data-view=parents] img{transform:scale(1.7);object-position:center 15%}
.colouring-studio__note{padding:12px 20px 18px;font-size:14px}
.faq-section{padding-top:40px}
.faq-wrap{max-width:920px}
.faq-wrap h2{position:relative;display:inline-block;margin-bottom:30px}
.faq-mark{position:absolute;right:-38px;top:-13px;width:30px;height:34px;color:var(--color-accent)}
.faq-list{border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{position:relative;min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 42px 14px 0;list-style:none;cursor:pointer;font-size:19px;font-weight:700}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:'+';position:absolute;right:0;font-family:Fredoka,Arial,sans-serif;font-size:27px}
.faq-list details[open] summary::after{content:'−'}
.faq-list details p{padding:0 30px 22px 0;font-size:18px}
.finale{position:relative;overflow:hidden;background:var(--color-coral-stage);padding:88px 0 0}
.finale__inner{display:grid;grid-template-columns:minmax(0,44fr) minmax(0,56fr);gap:40px;align-items:end;min-height:550px}
.finale__copy{position:relative;z-index:2;align-self:center;padding-bottom:60px}
.finale h2{color:var(--color-paper)}
.finale__copy>p:not(.offer){max-width:440px;margin:30px 0 38px}
.finale__copy .offer{margin-top:16px}
.finale__family{position:relative;z-index:1;align-self:end;width:100%;max-height:590px;object-fit:contain;object-position:center bottom}
.finale__ledge{position:absolute;z-index:0;bottom:0;left:0;right:0;height:38px;background:var(--color-paper)}
.sample-dialog{position:fixed;width:min(1000px,calc(100% - 24px));max-height:94dvh;margin:auto;padding:0;border:1px solid var(--line);border-radius:20px;background:var(--color-paper);color:var(--color-ink);box-shadow:0 20px 70px rgba(32,36,43,.25);overflow-y:auto}
.sample-dialog::backdrop{background:rgba(32,36,43,.65)}
.sample-dialog__close{position:sticky;z-index:5;top:10px;left:calc(100% - 54px);display:grid;place-items:center;width:44px;height:44px;margin:10px 10px -54px auto;border:1px solid var(--line);border-radius:50%;background:var(--color-paper);color:var(--color-ink);font-size:29px;line-height:1}
.sample-dialog__inner{width:min(100%,860px);margin-inline:auto;padding:42px 24px 32px}
.sample-dialog__inner h2{margin-bottom:22px;padding-right:60px}
.sample-dialog .reader-expand{display:none}
.sample-dialog .reader-transcript p{font-size:18px}
@media(max-width:1100px){.story-layout{grid-template-columns:1fr}.story-intro{display:grid;grid-template-columns:1fr 1fr;column-gap:30px}.story-intro h2{grid-column:1/-1}.story-intro>p{margin-bottom:0}.story-steps{gap:10px}.colouring-layout{grid-template-columns:1fr}}
@media(max-width:1000px){.colouring-intro{max-width:600px}}
@media(max-width:900px){.hero__inner,.finale__inner{grid-template-columns:1fr}.hero__inner{min-height:0}.hero__copy{padding-bottom:0}.hero__visual{min-height:0;max-width:700px;margin-inline:auto}.hero__family{width:100%;max-width:100%}.finale__inner{gap:0}.finale__copy{padding-bottom:24px}.finale__family{max-width:700px;margin-inline:auto}}
@media(max-width:800px){.formats__grid{grid-template-columns:1fr}.digital-format{padding-bottom:64px}.hardcopy-format{padding:32px var(--page-gutter) 50px}.hardcopy-format__art{min-height:300px}.book-preview{max-width:230px}}
@media(max-width:700px){:root{--page-gutter:20px}.hero{padding:30px 0 65px}.hero__eyebrow{margin-bottom:18px}.hero__body{margin-top:20px}.hero__actions{margin-top:28px;gap:9px}.hero__visual{width:100%;min-width:0;margin-top:28px;padding-bottom:30px}.hero__preview-label{bottom:0;font-size:11px}.paper-transition{height:30px}.story-intro{display:block}.story-intro h2{margin-bottom:20px}.story-intro>p{margin-bottom:28px}.story-steps{font-size:17px;gap:12px}.story-steps span{width:36px;height:36px;font-size:20px}.studio-frame{margin-top:34px}.studio-bar{flex-wrap:wrap;gap:8px 12px;padding:12px}.studio-bar__brand{font-size:19px}.studio-bar__brand span{font-size:15px}.studio-bar__badge{margin-left:auto}.studio-reset{margin-left:auto}.studio-grid{grid-template-columns:1fr}.studio-fields{padding:24px 20px}.studio-preview{border-left:0;border-top:1px solid var(--line);padding:24px 20px}.character-group{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.character{font-size:13px;min-height:82px}.character__icon{width:34px;height:34px;font-size:18px}.formats h2{margin-bottom:20px}.digital-format{padding-inline:var(--page-gutter)}.digital-format__visual{min-height:300px;gap:12px}.device-preview{border-width:6px;padding:7px}.interior-preview{height:210px}.digital-format__copy{grid-template-columns:1fr;gap:4px;margin-top:35px}.format-price--digital{grid-row:auto;font-size:72px}.digital-format__copy h3,.digital-format__copy .btn{grid-column:1}.format-price--hardcopy{font-size:44px}.colouring-intro h2{margin-bottom:20px}.colouring-studio__bar{flex-wrap:wrap;gap:8px;padding:12px 14px}.colouring-studio__bar h3{font-size:23px}.colouring-download{flex-basis:100%;margin-left:0}.colouring-studio__label{padding-inline:14px}.colouring-canvas{width:calc(100% - 28px);margin-inline:14px}.colouring-views{gap:6px;padding-inline:14px}.colouring-view{font-size:12px}.colouring-studio__note{padding-inline:14px}.faq-section{padding-top:20px}.faq-list summary{font-size:18px}.finale{padding-top:64px}.finale__copy>p:not(.offer){margin:22px 0 28px}.finale__family{margin-top:18px}.sample-dialog__inner{grid-template-columns:1fr;gap:26px;padding:58px 24px 28px}.sample-dialog__cover .digital-cover{width:min(100%,250px)}}
@media(max-width:380px){.studio-bar__badge{order:3;margin-left:0}.character-group{grid-template-columns:repeat(2,minmax(0,1fr))}.digital-format__visual{min-height:230px}.interior-preview{height:150px}.colouring-view__thumb{aspect-ratio:1.5}}

@media(max-width:900px){.hero h1{font-size:clamp(2.5rem,6.5vw,3.75rem)}.hero__visual{padding-top:105px}.hero__pages{inset-inline:3%}.hero__page p{font-size:clamp(13px,2.4vw,19px)}}
@media(max-width:700px){.hero h1{font-size:clamp(1.75rem,8.6vw,3rem)}.hero__inner{gap:26px}.hero__visual{margin-top:24px;padding-top:72px}.hero__page{padding:7px;width:36%}.hero__page p{font-size:10px;margin-bottom:5px}.hero__page span{font-size:7px;margin-top:4px}.hero__page--left{top:25px}.hero__page--right{top:28px}.hero__page--left p{margin-top:5px}}
@media (min-width:901px) and (max-width:1100px){.hero__inner{grid-template-columns:1fr;gap:0}.hero__copy{padding-bottom:0}.hero__visual{max-width:720px;margin-inline:auto}.hero h1{font-size:clamp(5rem,8vw,6rem)}}
@media(max-width:900px){.hero h1{font-size:clamp(4rem,8vw,5.5rem)}.hero__title-wrap{max-width:100%}.hero__rays{left:-34px;top:18px;width:36px}.hero__arrow{right:-60px;top:-40px;width:110px}.hero__spark{right:-25px;bottom:-4px;width:28px}.hero__provenance{margin-top:32px}}
@media(max-width:700px){.hero__eyebrow{font-size:14px;margin-bottom:16px}.hero h1{font-size:clamp(2.55rem,12.7vw,4.25rem);letter-spacing:-.05em}.hero__title-bottom{margin-left:0}.hero__swash-art{left:-.025em;width:104%;height:106%}.hero__rays{left:-19px;top:12px;width:22px;height:40px}.hero__arrow{right:2px;top:-37px;width:78px;height:42px}.hero__spark{right:-9px;bottom:-2px;width:20px;height:20px}.hero__body{margin-top:22px}.hero__actions{margin-top:28px}.hero__provenance{margin-top:24px;font-size:14px}.hero__visual{margin-top:18px}}

@media(max-width:1100px){
  .story-layout{grid-template-columns:1fr;gap:30px}
  .story-intro{display:block;padding-top:0}
  .story-intro h2{margin-bottom:20px}
  .story-intro>p{max-width:720px}
  .story-intro__arrow{display:none}
}
@media(max-width:800px){
  .studio-grid{grid-template-columns:1fr}
  .studio-fields{padding:28px 24px}
  .studio-preview{border-left:0;border-top:1px solid var(--line)}
}
@media(max-width:700px){
  .faq-mark{display:none}
  .hero__arrow{display:none}
  .format-price--digital{font-size:clamp(3.25rem,15vw,4.5rem)}
  .hero h1{font-size:clamp(2.65rem,13.2vw,4.25rem);line-height:.98}
  .hero__cross{display:none}
  .hero__spark{right:-12px}
  .story-intro>p+p{margin-top:17px}
  .story-prompt{font-size:17px}
  .studio-bar{flex-wrap:wrap}
  .studio-bar__badge{margin-left:auto}
  .studio-reset{margin-left:auto}
  .studio-preview{padding:20px 16px}
  .sample-page__cover-heading{min-height:48px;padding:10px 12px}
  .reader-thumbs{display:flex;gap:8px;overflow-x:auto;padding:2px 1px 10px;scroll-snap-type:x proximity}
  .reader-thumb{flex:0 0 82px;scroll-snap-align:start}
  .reader-controls{gap:5px}
  .reader-nav{min-width:82px;font-size:14px}
  .reader-cta{flex-wrap:wrap}
  .sample-dialog__inner{display:block;padding:58px 16px 24px}
  .sample-dialog__inner h2{font-size:34px}
}
@media(max-width:380px){
  .studio-bar__badge{order:3}
  .reader-nav span{display:none}
  .reader-nav{min-width:48px}
  .hero__arrow{right:14px;top:-35px}
}

.offer--bundle{display:flex;flex-direction:column;align-items:flex-start;gap:4px;max-width:530px;line-height:1.25}
.offer--bundle strong{font-family:Fredoka,Arial,sans-serif;font-size:clamp(26px,2.3vw,34px);font-weight:700;letter-spacing:-.02em}
.bundle-value{font-size:15px;font-weight:700}
.digital-format__copy .bundle-value{font-size:16px}
.sample-page__art{aspect-ratio:1}
.reader-thumb img{aspect-ratio:1}

@media(max-width:700px){
  .offer--bundle{font-size:16px}
  .offer--bundle strong{font-size:28px}
  .reader-cta strong{font-size:28px}
}

/* All content is visible without JavaScript. Entrance states are enabled only
   after the observer has been registered. */
@keyframes hero-stroke{from{stroke-dashoffset:740}to{stroke-dashoffset:0}}
@keyframes hero-arrow-stroke{from{stroke-dashoffset:210}to{stroke-dashoffset:0}}
@keyframes hero-settle{from{transform:translateY(10px)}to{transform:translateY(0)}}
.motion-ready .hero__swash-art path{stroke-dasharray:740;animation:hero-stroke 450ms cubic-bezier(.2,.7,.2,1) both}
.motion-ready .hero__arrow path{stroke-dasharray:210;animation:hero-arrow-stroke 450ms cubic-bezier(.2,.7,.2,1) both}
.motion-ready .hero__visual{animation:hero-settle 450ms cubic-bezier(.2,.7,.2,1) both}
.motion-ready [data-reveal]{will-change:transform,opacity}
.motion-ready [data-reveal=studio-copy]{transition:transform 350ms cubic-bezier(.2,.7,.2,1),opacity 350ms ease}
.motion-ready [data-reveal=studio-frame]{transition:transform 480ms cubic-bezier(.2,.7,.2,1) 80ms,opacity 480ms ease 80ms}
.motion-ready [data-reveal=digital-product]{transition:transform 500ms cubic-bezier(.2,.7,.2,1),opacity 500ms ease}
.motion-ready [data-reveal=hardcopy]{transition:transform 450ms cubic-bezier(.2,.7,.2,1),opacity 450ms ease}
.motion-ready [data-reveal=colour-copy]{transition:transform 360ms cubic-bezier(.2,.7,.2,1),opacity 360ms ease}
.motion-ready [data-reveal=colour-art]{transition:transform 420ms cubic-bezier(.2,.7,.2,1) 80ms,opacity 420ms ease 80ms}
.motion-ready [data-reveal=faq-title]{transition:opacity 250ms ease}
.motion-ready [data-reveal=finale-family]{transition:transform 500ms cubic-bezier(.2,.7,.2,1),opacity 500ms ease}
.motion-ready [data-reveal=studio-copy]:not(.is-in-view){opacity:0;transform:translateY(12px)}
.motion-ready [data-reveal=studio-frame]:not(.is-in-view){opacity:0;transform:translateY(20px)}
.device-preview{transform:rotate(-2deg)}
.motion-ready [data-reveal=digital-product]:not(.is-in-view){opacity:0;transform:translateY(18px) rotate(-4deg)}
.motion-ready [data-reveal=digital-product].is-in-view{transform:translateY(0) rotate(-2deg)}
.motion-ready [data-reveal=hardcopy]:not(.is-in-view){opacity:0;transform:translateY(12px)}
.motion-ready [data-reveal=colour-copy]:not(.is-in-view){opacity:0;transform:translateX(-10px)}
.motion-ready [data-reveal=colour-art]:not(.is-in-view){opacity:0;transform:translateX(16px)}
.motion-ready [data-reveal=faq-title]:not(.is-in-view){opacity:0}
.motion-ready [data-reveal=finale-family]:not(.is-in-view){opacity:0;transform:translateY(20px)}
.motion-ready [data-reveal]:focus-within{opacity:1!important;transform:none!important}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .motion-ready .hero__swash-art path,.motion-ready .hero__arrow path,.motion-ready .hero__visual{animation:none!important}
  .motion-ready [data-reveal]{opacity:1!important;transform:none!important;transition:none!important;will-change:auto}
  .motion-ready [data-reveal=digital-product]{transform:rotate(-2deg)!important}
}

/* Illustrated scroll story revision, 2026-10-21. Base states stay visible. */
.reviews-section{padding:88px 0 96px;background:var(--color-paper)}
.reviews-label{margin-bottom:12px;text-transform:uppercase;letter-spacing:.06em}
.reviews-section h2{max-width:950px;font-size:clamp(42px,5.3vw,70px);line-height:1.02}
.reviews-underline{position:relative;display:inline-block;isolation:isolate;white-space:nowrap}
.reviews-underline svg{position:absolute;z-index:-1;left:0;bottom:-.13em;width:100%;height:.32em;overflow:visible}
.reviews-underline path{fill:none;stroke:var(--color-accent);stroke-width:17;stroke-linecap:round}
.reviews-disclosure{margin:22px 0 42px;font-size:16px}
.reviews-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,42px);align-items:start}
.review-item{min-width:0;margin:0}
.review-item:nth-child(2){margin-top:22px}
.review-photo{position:relative;aspect-ratio:4/3;background:#eee9dd;transform:rotate(-1deg);box-shadow:0 10px 22px rgba(32,36,43,.11)}
.review-item:nth-child(2) .review-photo{transform:rotate(1.4deg)}
.review-item:nth-child(3) .review-photo{transform:rotate(-.8deg)}
.review-photo img{display:block;width:100%;height:100%;object-fit:cover}
.review-tape{position:absolute;top:-11px;left:42%;width:65px;height:25px;background:rgba(255,214,112,.74);transform:rotate(-3deg)}
.review-item blockquote{margin:25px 0 12px;font-family:Fredoka,Arial,sans-serif;font-size:clamp(20px,2vw,26px);font-weight:550;line-height:1.23}
.review-item figcaption>span{font-size:14px;font-weight:700;color:var(--color-ink)}
.formats{padding-top:72px}
.formats__heading h2{margin:0 0 40px;line-height:.98;font-size:clamp(42px,5vw,70px)}
.formats-title__first,.formats-title__swash{display:block;width:max-content;max-width:100%;color:var(--color-ink)!important}
.formats-title__swash{position:relative;isolation:isolate;margin-top:.08em;padding:.01em .1em .15em .02em;white-space:nowrap}
.formats-title__swash>span{position:relative;z-index:1;color:var(--color-ink)!important}
.formats-title__swash svg{position:absolute;z-index:0;top:-.05em;left:-.04em;width:105%;height:110%;color:var(--color-accent)}
.digital-format{padding-bottom:80px}
.digital-format__visual{position:relative;display:block;width:min(100%,660px);min-height:0;padding:0 8% 24px 16%}
.device-preview{position:relative;display:block;max-width:465px;width:100%;padding:10px;border-width:9px;border-radius:29px;box-shadow:0 17px 30px rgba(32,36,43,.19)}
.showcase{position:relative;background:var(--color-paper);border-radius:13px;overflow:hidden;text-align:center}
.showcase__label{margin:0;padding:13px 10px 9px;font-size:14px;font-weight:700}
.showcase__screen{position:relative;width:100%;aspect-ratio:1;background:var(--color-paper)}
.showcase__image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity 220ms ease}
.showcase__image.is-current{opacity:1}
.showcase__progress{height:3px;margin:0 12px;background:rgba(32,36,43,.14)}
.showcase__progress span{display:block;width:100%;height:100%;background:var(--color-primary);transform:scaleX(0);transform-origin:left center}
.showcase__status{margin:8px 0 2px;font-size:14px;font-weight:700}
.showcase__controls{display:flex;justify-content:center;gap:8px;padding:5px 9px 11px}
.showcase__controls[hidden],.showcase__progress[hidden]{display:none}
.showcase__controls button{display:grid;place-items:center;min-width:44px;min-height:44px;padding:6px 10px;border:1px solid var(--color-ink);border-radius:50px;background:var(--color-paper);color:var(--color-ink);font-size:16px;font-weight:700;cursor:pointer}
.showcase__controls button:hover{background:var(--color-accent)}
.showcase__controls button:focus-visible,.footer-story__replay:focus-visible{outline:3px solid var(--color-blue);outline-offset:3px}
.bonus-stack{position:absolute;z-index:2;left:0;bottom:23px;width:30%;max-width:175px;transform:rotate(-8deg);filter:drop-shadow(0 8px 11px rgba(32,36,43,.2))}
.bonus-stack__backing{position:absolute;z-index:-1;inset:5px -6px -5px 7px;transform:rotate(8deg);background:white;border:1px solid var(--line)}
.bonus-stack img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center;background:white;border:7px solid white}
.bonus-stack p{padding:5px 3px;background:var(--color-paper);font-size:12px;font-weight:700;text-align:center}
.digital-format__arrow{position:absolute;right:0;bottom:-40px;width:105px;height:75px;color:var(--color-primary);transform:rotate(14deg)}
.digital-format__copy{grid-template-columns:minmax(0,1fr);gap:8px;margin-top:58px}
.digital-format__copy h3,.digital-format__copy .btn{grid-column:auto}
.format-price--digital{grid-row:auto;display:flex;align-items:baseline;gap:10px;margin:5px 0;font-size:clamp(66px,6vw,94px)}
.format-price--digital small{font-family:Atkinson,Arial,sans-serif;font-size:18px;letter-spacing:0}
.format-price--digital>span{flex:none;white-space:nowrap}
.format-price--digital small{position:relative;z-index:2;display:inline-block;flex:none;align-self:flex-end;margin-bottom:.3em;color:var(--color-ink);font-weight:700;line-height:1}
.digital-format__copy .format-meta,.digital-format__copy .format-bonus{font-size:20px;font-weight:700}
.digital-format__copy .format-bonus{color:var(--color-ink)}
.digital-format__copy .bundle-value{font-size:15px;font-weight:700}
.digital-format__copy .btn{margin-top:12px}
.hardcopy-format__art{min-height:390px}
.finale h2{display:flex;flex-direction:column;align-items:flex-start;line-height:1.02;letter-spacing:-.035em}
.finale-title__little{font-size:clamp(39px,3.4vw,49px)}
.finale-title__big{font-size:clamp(48px,4.6vw,66px)}
.finale-title__story{position:relative;isolation:isolate;margin-top:.08em;padding:.02em .1em .14em .02em;color:var(--color-ink);font-size:clamp(57px,5.5vw,80px);white-space:nowrap}
.finale-title__story svg{position:absolute;z-index:-1;left:-.04em;top:-.02em;width:108%;height:110%;color:var(--color-accent)}
.finale__copy>p:not(.offer){margin-top:36px}
.site-footer{position:relative;overflow:hidden;padding:0 0 62px;border-top:0}
.footer-story{position:relative;height:250px;max-width:1200px;color:var(--color-accent)}
.footer-story__paths{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.footer-story__dots,.footer-story__book{color:var(--color-ink)}
.footer-story__dots{opacity:.45}
.footer-story__star{color:var(--color-accent)}
.footer-story__paper{position:absolute;width:58px;aspect-ratio:1;padding:4px;background:white;box-shadow:0 4px 9px rgba(32,36,43,.15)}
.footer-story__paper img{display:block;width:100%;height:100%;object-fit:cover}
.footer-story__paper--one{left:67%;top:24%;transform:rotate(-13deg)}
.footer-story__paper--two{left:45%;top:47%;transform:rotate(8deg)}
.footer-story__paper--three{left:27%;top:53%;transform:rotate(-8deg)}
.site-footer__inner{position:relative;z-index:1;align-items:end}
.site-footer img{width:240px;max-width:100%;height:auto}
.site-footer__identity p{margin:13px 0 0;font-size:18px;font-weight:700}
.site-footer a{color:var(--color-ink)}
.footer-story__replay{min-height:44px;margin-top:16px;padding:6px 0;border:0;border-bottom:2px solid var(--color-ink);background:transparent;color:var(--color-ink);font:700 15px Atkinson,Arial,sans-serif;cursor:pointer}
.footer-story__replay[hidden]{display:none}
.motion-ready [data-reveal=review-item]{transition:transform 380ms cubic-bezier(.2,.7,.2,1) var(--reveal-delay),opacity 380ms ease var(--reveal-delay)}
.motion-ready [data-reveal=review-item]:not(.is-in-view){opacity:0;transform:translateY(14px)}
.motion-ready [data-reveal=bonus-sheet]{transition:transform 400ms cubic-bezier(.2,.7,.2,1),opacity 400ms ease}
.motion-ready [data-reveal=bonus-sheet]:not(.is-in-view){opacity:0;transform:translateX(-10px) rotate(-8deg)}
.motion-ready [data-reveal=bonus-sheet].is-in-view{transform:translateX(0) rotate(-8deg)}
.motion-ready [data-reveal=faq-row]{transition:transform 300ms cubic-bezier(.2,.7,.2,1) var(--faq-delay,0ms),opacity 300ms ease var(--faq-delay,0ms)}
.faq-list details:nth-child(2){--faq-delay:8ms}
.faq-list details:nth-child(3){--faq-delay:16ms}
.faq-list details:nth-child(4){--faq-delay:24ms}
.faq-list details:nth-child(5){--faq-delay:32ms}
.motion-ready [data-reveal=faq-row]:not(.is-in-view){opacity:0;transform:translateY(8px)}
@keyframes finale-swash-draw{from{stroke-dashoffset:1700}to{stroke-dashoffset:0}}
.motion-ready [data-reveal=finale-swash].is-in-view path{stroke-dasharray:1700;animation:finale-swash-draw 400ms ease both}
@keyframes trail-draw{from{stroke-dashoffset:1400}to{stroke-dashoffset:0}}
@keyframes paper-arrive-one{from{opacity:0;transform:translate(22px,-25px) rotate(-25deg)}to{opacity:1;transform:rotate(-13deg)}}
@keyframes paper-arrive-two{from{opacity:0;transform:translate(22px,-30px) rotate(-8deg)}to{opacity:1;transform:rotate(8deg)}}
@keyframes paper-arrive-three{from{opacity:0;transform:translate(20px,-24px) rotate(-23deg)}to{opacity:1;transform:rotate(-8deg)}}
@keyframes star-brighten{from{opacity:.1}to{opacity:1}}
.footer-story.is-animating .footer-story__trail{stroke-dasharray:1400;animation:trail-draw 900ms ease both}
.footer-story.is-animating .footer-story__paper--one{animation:paper-arrive-one 700ms ease 900ms both}
.footer-story.is-animating .footer-story__paper--two{animation:paper-arrive-two 700ms ease 1000ms both}
.footer-story.is-animating .footer-story__paper--three{animation:paper-arrive-three 700ms ease 1100ms both}
.footer-story.is-animating .footer-story__star{animation:star-brighten 400ms ease 1650ms both}
@media(max-width:900px){.reviews-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.review-item:nth-child(2){margin-top:0}.reviews-grid .review-item:last-child{grid-column:1/-1;max-width:450px}.finale-title__big{font-size:clamp(43px,7vw,64px)}}
@media(max-width:800px){.formats{padding-top:58px}.digital-format__visual{margin-inline:auto}.hardcopy-format__art{min-height:310px}.footer-story{height:210px}}
@media(max-width:700px){.reviews-section{padding:56px 0}.reviews-section h2{font-size:clamp(37px,9vw,47px)}.reviews-underline{white-space:normal}.reviews-disclosure{margin:18px 0 32px}.reviews-grid{grid-template-columns:1fr;gap:32px}.reviews-grid .review-item:last-child{grid-column:auto;max-width:none}.review-item blockquote{font-size:22px}.formats__heading h2{font-size:clamp(35px,9vw,43px);margin-bottom:28px}.digital-format__visual{width:min(100%,480px);padding:0 5% 16px 10%}.device-preview{border-width:7px;padding:6px}.bonus-stack{width:28%;bottom:14px}.digital-format__arrow{width:70px;right:0;bottom:-35px}.digital-format__copy{margin-top:48px}.format-price--digital{font-size:clamp(58px,17vw,76px)}.finale h2{max-width:100%}.finale-title__little,.finale-title__big{font-size:clamp(32px,8vw,42px)}.finale-title__story{font-size:clamp(48px,11vw,63px)}.footer-story{height:150px}.footer-story__paper{width:32px;padding:2px}.site-footer__inner{gap:30px}.site-footer__identity p{font-size:16px}}
@media(max-width:380px){.formats__heading h2{font-size:34px}.finale-title__little,.finale-title__big{font-size:31px}.finale-title__story{font-size:47px}.bonus-stack p{font-size:9px}.showcase__label,.showcase__status{font-size:12px}}
@media(prefers-reduced-motion:reduce){.showcase__image{transition:none}.footer-story.is-animating .footer-story__trail,.footer-story.is-animating .footer-story__paper,.footer-story.is-animating .footer-story__star,.motion-ready [data-reveal=finale-swash].is-in-view path{animation:none!important}.motion-ready [data-reveal=review-item],.motion-ready [data-reveal=bonus-sheet],.motion-ready [data-reveal=faq-row]{transition:none!important;opacity:1!important;transform:none!important}}

/* Six candid illustrations arranged as three labelled review stories. */
.reviews-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.review-item:nth-child(2){margin-top:24px}
.review-collage{display:grid;gap:8px;min-width:0}
.review-collage__pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.review-photo{min-width:0;aspect-ratio:4/3;overflow:visible}
.review-photo img{object-fit:contain;aspect-ratio:4/3}
.review-collage__pair .review-photo:nth-child(1){transform:rotate(1.4deg)}
.review-collage__pair .review-photo:nth-child(2){transform:rotate(-1.3deg)}
.review-collage--couple .review-photo--detail{transform:rotate(-1deg)}
@media(max-width:800px){.reviews-grid{grid-template-columns:1fr;gap:32px}.review-item:nth-child(2){margin-top:0}.reviews-grid .review-item:last-child{grid-column:auto;max-width:none}.review-collage{max-width:620px}}

/* Formats: offer and product share the first desktop view. */
@media(min-width:1100px){
  .formats__grid{grid-template-columns:minmax(0,70fr) minmax(0,30fr)}
  .digital-format{display:grid;grid-template-columns:minmax(0,55fr) minmax(0,45fr);align-items:center;gap:24px;padding:0 clamp(26px,3vw,44px) 60px}
  .digital-format__visual{grid-column:1;grid-row:1;width:100%;min-width:0;min-height:0;margin:0;padding:0 0 24px 9%}
  .digital-format__copy{grid-column:2;grid-row:1;min-width:0;margin:0;align-self:center}
  .device-preview{max-width:400px;width:100%}
  .bonus-stack{width:25%;max-width:115px;bottom:24px}
  .digital-format__arrow{right:-10px;bottom:10px;width:78px}
  .format-price--digital{font-size:clamp(59px,5.5vw,80px)}
  .format-price--digital small{font-size:16px}
  .digital-format__copy>p:not(.format-price){font-size:17px}
  .digital-format__copy .format-meta,.digital-format__copy .format-bonus{font-size:18px}
  .hardcopy-format{justify-content:flex-start;padding:24px clamp(22px,3vw,44px) 44px}
  .hardcopy-format__art{min-height:0;justify-content:flex-start}
  .book-preview{width:min(100%,230px)}
  .hardcopy-format__copy{margin-top:24px}
}
@media(min-width:800px) and (max-width:1099px){
  .digital-format{display:flex;flex-direction:column;padding-bottom:56px}
  .digital-format__copy{order:0;margin:0}
  .digital-format__visual{order:1;margin:30px auto 0}
  .hardcopy-format{justify-content:flex-start}
  .hardcopy-format__art{min-height:0;justify-content:flex-start}
  .book-preview{width:min(100%,230px)}
  .hardcopy-format__copy{margin-top:24px}
}
@media(max-width:799px){
  .digital-format{display:flex;flex-direction:column}
  .digital-format__copy{order:0;margin:0}
  .digital-format__visual{order:1;min-height:0;margin:34px auto 0}
  .hardcopy-format{justify-content:flex-start}
  .hardcopy-format__art{min-height:0;justify-content:flex-start}
  .book-preview{width:min(68%,230px)}
  .hardcopy-format__copy{margin-top:24px}
}
@media(max-width:380px){.bonus-stack{display:none}}

/* Fictional review carousel design preview, 2026-10-21. */
.reviews-section{padding:72px 0 80px;background:var(--color-paper);overflow:hidden}
.review-symbols{position:absolute;width:0;height:0;overflow:hidden}
.reviews-intro{display:flex;align-items:end;justify-content:space-between;gap:24px}
.reviews-section h2{max-width:none;margin:0;font-size:clamp(38px,3.5vw,48px);line-height:1.08}
.reviews-label{margin-bottom:11px}
.reviews-summary{display:flex;flex-direction:column;align-items:flex-end;flex:none;gap:2px;padding-bottom:7px;line-height:1.3}
.reviews-summary strong{font-family:Fredoka,Arial,sans-serif;font-size:24px;font-weight:600;color:var(--color-ink)}
.reviews-summary span{font-size:16px;font-weight:700}
.reviews-disclosure{max-width:1050px;margin:23px 0 17px;font-size:16px;line-height:1.45}
.reviews-action{display:flex;align-items:center;gap:16px;margin-bottom:26px}
.reviews-action p{font-size:15px}
.reviews-action button,.review-row__arrows button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid var(--color-ink);border-radius:50px;background:var(--color-paper);color:var(--color-ink);font:700 15px Atkinson,Arial,sans-serif;cursor:pointer}
.reviews-action button{padding:8px 17px}
.reviews-action button:hover,.review-row__arrows button:hover{background:var(--color-accent)}
.reviews-action button:focus-visible,.review-row__arrows button:focus-visible,.review-row__viewport:focus-visible{outline:3px solid var(--color-blue);outline-offset:2px}
.reviews-action button[hidden],.review-row__arrows[hidden]{display:none}
.reviews-rows{display:grid;gap:22px}
.review-row{min-width:0}
.review-row__toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;width:min(100% - 2 * var(--page-gutter),1280px);margin:0 auto 10px}
.review-row__toolbar p{font-size:15px;font-weight:700}
.review-row__arrows{display:flex;gap:8px}
.review-row__arrows button{font-size:20px;line-height:1}
.review-row__viewport{width:100%;overflow-x:auto;overscroll-behavior-x:contain;contain:layout paint;scrollbar-width:thin;scrollbar-color:rgba(32,36,43,.35) transparent}
.review-row__track{display:flex;align-items:flex-start;gap:18px;width:max-content;min-width:100%;padding:2px var(--page-gutter) 12px}
.review-card{display:flex;flex-direction:column;flex:none;box-sizing:border-box;width:320px;min-width:0;padding:18px;border:1px solid rgba(32,36,43,.18);border-radius:16px;background:#fff;color:var(--color-ink);box-shadow:none}
.review-stars{display:flex;align-items:center;width:100px;height:20px;margin-bottom:13px;color:#24764B}
.review-stars svg{display:block;width:100px;height:20px;overflow:visible}
.review-stars--four use:last-child{opacity:.2}
.review-card h3{margin:0 0 8px;font-family:Fredoka,Arial,sans-serif;font-size:20px;font-weight:600;line-height:1.2}
.review-card__body{margin:0;font-size:16px;line-height:1.45}
.review-card__media{display:grid;gap:6px;max-width:100%;margin:13px 0 0}
.review-card__media--3{grid-template-columns:minmax(0,2.1fr) minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr))}
.review-card__media--3 .review-card__photo:first-child{grid-row:1/3}
.review-card__media--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.review-card__photo{min-width:0;overflow:hidden;border-radius:5px;background:#f2eee6}
.review-card__photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
.review-card__person{display:flex;align-items:center;gap:9px;margin-top:16px}
.review-card__avatar{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:var(--color-accent);color:var(--color-ink);font-family:Fredoka,Arial,sans-serif;font-size:16px;font-weight:700}
.review-card__person strong{display:block;font-size:16px;line-height:1.2}
.review-card__person small{display:block;font-size:14px;line-height:1.2}
.review-card__badge{display:flex;align-items:center;gap:5px;margin:13px 0 0;color:#24764B;font-size:14px;font-weight:700;line-height:1.2}
.review-card__badge svg{display:block;flex:none;width:18px;height:18px}
@media(max-width:700px){.reviews-section{padding:48px 0 56px}.reviews-intro{display:block}.reviews-section h2{font-size:clamp(30px,8vw,38px)}.reviews-summary{align-items:flex-start;gap:1px;margin-top:18px}.reviews-summary strong{font-size:22px}.reviews-disclosure{margin:20px 0 12px}.reviews-action{justify-content:space-between;margin-bottom:20px}.reviews-action p{font-size:14px}.review-card{width:280px}.review-row__toolbar{margin-bottom:8px}.review-row__track{gap:18px}}

/* Subtle sample verification treatment, 2026-10-22. */
.review-card__badge{gap:4px;font-size:12px;font-weight:400;line-height:1.3}
.review-card__badge svg{width:14px;height:14px}

/* Five-step illustrated journey, 2026-10-22. Base content remains visible. */
.story-section{padding:82px 0 90px;background:var(--color-paper)}
.how-heading .eyebrow{margin-bottom:14px;color:var(--color-ink);letter-spacing:.08em}
.how-heading h2{max-width:960px;font-size:clamp(46px,5vw,70px);line-height:1.03}
.how-heading>p:last-child{max-width:640px;margin-top:19px;font-size:20px}
.how-timeline{position:relative;margin-top:52px}
.how-path{position:absolute;z-index:0;top:172px;left:2%;width:96%;height:70px;color:var(--color-coral-stage);pointer-events:none}
.how-steps{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,1.6vw,24px);margin:0;padding:0;list-style:none}
.how-step{min-width:0}
.how-step__art{position:relative;display:flex;align-items:center;justify-content:center;height:180px;min-width:0}
.how-step__number{position:relative;z-index:2;display:grid;place-items:center;width:40px;height:40px;margin:14px 0 18px;border-radius:50%;background:var(--color-coral-stage);color:var(--color-paper);font-family:Fredoka,Arial,sans-serif;font-size:23px;font-weight:700;line-height:1}
.how-step__copy h3{margin:0 0 10px;font-family:Fredoka,Arial,sans-serif;font-size:clamp(21px,1.8vw,25px);font-weight:600;line-height:1.12}
.how-step__copy p{font-size:17px;line-height:1.45}
.how-photo{width:min(82%,160px);height:160px;padding:6px;background:white;border:1px solid var(--line);box-shadow:0 8px 17px rgba(32,36,43,.12);transform:rotate(-5deg)}
.how-photo img{display:block;width:100%;height:100%;object-fit:contain}
.how-step__motif--upload{position:absolute;right:3%;bottom:8px;width:34px;height:34px;color:var(--color-coral-stage)}
.how-characters{position:relative;display:grid;place-items:end center;width:100%;height:100%}
.how-characters>span{position:absolute;bottom:6px;left:13%;width:74%;height:30px;border-radius:50%;background:var(--color-accent)}
.how-characters img{position:relative;z-index:1;display:block;max-width:100%;width:auto;height:170px;object-fit:contain}
.how-prompt{position:absolute;left:0;top:20px;z-index:2;width:68%;min-height:125px;padding:12px;background:#f5efe3;border:1px solid var(--line);box-shadow:0 7px 13px rgba(32,36,43,.11);transform:rotate(-4deg)}
.how-prompt__mark{display:block;color:var(--color-coral-stage);font-size:18px;line-height:1}
.how-prompt__mark svg{display:block;width:18px;height:18px}
.how-prompt p{font-size:12px;font-weight:700;line-height:1.3}
.how-prompt__image{position:absolute;right:0;bottom:6px;width:47%;aspect-ratio:1;object-fit:contain;border:5px solid var(--color-paper);box-shadow:0 7px 13px rgba(32,36,43,.12);transform:rotate(6deg)}
.how-order{position:relative;display:flex;align-items:center;gap:7px;width:100%;max-width:205px;min-height:132px;padding:11px;background:#fff;border:1px solid var(--line);box-shadow:0 7px 14px rgba(32,36,43,.1);transform:rotate(2deg)}
.how-order img{flex:none;width:40%;aspect-ratio:1;object-fit:contain}
.how-order div{display:flex;flex-direction:column;gap:6px;min-width:0}
.how-order strong{font-family:Fredoka,Arial,sans-serif;font-size:13px;line-height:1.1}
.how-order span{font-size:10px;line-height:1.2}
.how-order b{font-size:12px}
.how-order__check{position:absolute;right:-12px;bottom:-15px;width:42px;height:42px;color:#24764B}
.how-delivery{position:relative;width:100%;height:170px}
.how-delivery__tablet{position:absolute;left:5%;top:5px;width:68%;padding:6px;border:6px solid var(--color-ink);border-radius:12px;background:var(--color-ink);box-shadow:0 7px 15px rgba(32,36,43,.16)}
.how-delivery__tablet img{display:block;width:100%;aspect-ratio:1;object-fit:contain}
.how-delivery__sheet{position:absolute;right:4%;bottom:3px;width:45%;padding:5px;background:white;border:1px solid var(--line);box-shadow:0 7px 12px rgba(32,36,43,.12);transform:rotate(8deg)}
.how-delivery__sheet img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain}
.how-delivery__arrow{position:absolute;right:0;top:0;width:31px;height:31px;color:var(--color-coral-stage)}
.how-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px 18px;margin-top:53px}
.how-actions p{flex-basis:100%;font-size:15px;text-align:center}
@media(max-width:1099px){.story-section{padding:64px 0 72px}.how-timeline{margin-top:42px}.how-path{display:none}.how-steps{display:grid;grid-template-columns:1fr;gap:42px}.how-steps::before{content:'';position:absolute;left:19px;top:20px;bottom:24px;border-left:3px dashed var(--color-coral-stage)}.how-step{display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-areas:'number art' '. copy';gap:0 12px}.how-step__number{grid-area:number;align-self:start;margin:0}.how-step__art{grid-area:art;justify-content:flex-start;height:170px}.how-step__copy{grid-area:copy;margin-top:13px}.how-step__copy h3{font-size:24px}.how-photo{height:160px;max-width:170px}.how-characters{max-width:210px}.how-prompt{max-width:170px}.how-prompt__image{max-width:110px}.how-order{max-width:235px}.how-delivery{max-width:225px}}
@media(max-width:700px){.story-section{padding:52px 0 62px}.how-heading h2{font-size:clamp(35px,8vw,48px)}.how-heading>p:last-child{font-size:18px}.how-step__copy h3{font-size:23px}.how-actions{justify-content:flex-start;margin-top:42px}.how-actions p{text-align:left}}
@media(max-width:380px){.how-steps{gap:38px}.how-step__art{height:155px}.how-photo{height:145px}.how-characters img{height:150px}.how-prompt{min-height:115px}.how-step__copy h3{font-size:21px}.how-order{max-width:215px}}
@keyframes how-line-draw{from{stroke-dashoffset:1500}to{stroke-dashoffset:0}}
.motion-ready .how-path.is-in-view path{stroke-dasharray:1500;animation:how-line-draw 600ms ease both}
.motion-ready [data-reveal=how-step]{transition:opacity 500ms ease var(--how-delay,0ms),transform 500ms cubic-bezier(.2,.7,.2,1) var(--how-delay,0ms)}
.motion-ready [data-reveal=how-step]:not(.is-in-view){opacity:0;transform:translateY(18px)}
.how-step:nth-child(2){--how-delay:60ms}.how-step:nth-child(3){--how-delay:90ms}.how-step:nth-child(4){--how-delay:90ms}.how-step:nth-child(5){--how-delay:90ms}
.motion-ready .how-step--photo.is-in-view .how-photo{animation:hero-settle 500ms ease both}
@media(prefers-reduced-motion:reduce){.motion-ready .how-path.is-in-view path,.motion-ready .how-step--photo.is-in-view .how-photo{animation:none!important}.motion-ready [data-reveal=how-step]{opacity:1!important;transform:none!important;transition:none!important}}

/* Formats restore the original paper and coral product composition. */
.formats{position:relative;overflow:hidden;padding:0;background:var(--color-paper)}
.formats__grid{position:relative;display:grid;grid-template-columns:minmax(0,60fr) minmax(0,40fr);width:100%;max-width:none;margin:0}
.digital-format{display:block;min-width:0;padding:52px clamp(48px,4vw,64px) 64px;background:var(--color-paper)}
.digital-format h2{max-width:820px;margin:0;font-size:clamp(56px,5vw,76px);line-height:.99}
.digital-format h2 span{display:block;color:var(--color-coral-stage)}
.formats-art{display:grid;grid-template-columns:minmax(0,52fr) minmax(0,44fr);gap:4%;align-items:center;max-width:850px;margin-top:32px}
.formats-art__tablet{min-width:0;width:min(100%,330px);margin-inline:auto}
.formats-art .device-preview{display:block;width:100%;max-width:none;padding:6px;border:7px solid var(--color-ink);border-radius:22px;background:var(--color-ink);box-shadow:0 12px 22px rgba(32,36,43,.16);transform:rotate(-2deg)}
.formats-art .showcase{border-radius:10px}
.formats-art .showcase__label{padding:6px 5px 4px;font-size:12px}
.formats-art .showcase__screen{aspect-ratio:1}
.formats-art .showcase__status{margin:5px 0 0;font-size:13px}
.formats-art .showcase__progress{margin:3px 0 0}
.formats-art .showcase__controls{gap:8px;padding:5px 0 0}
.formats-art .showcase__controls button{min-width:44px;min-height:44px}
.formats-spreads{display:grid;gap:12px;min-width:0}
.formats-spread{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:5px;border:1px solid var(--line);border-radius:5px;background:var(--color-paper);box-shadow:0 8px 16px rgba(32,36,43,.14)}
.formats-spread:nth-child(1){transform:rotate(2deg)}.formats-spread:nth-child(2){transform:rotate(-2deg)}
.formats-spread::after{content:'';position:absolute;left:50%;top:5px;bottom:5px;width:1px;background:rgba(32,36,43,.22);box-shadow:2px 0 5px rgba(32,36,43,.12)}
.formats-spread img{display:block;width:100%;aspect-ratio:1;object-fit:contain}
.digital-format__copy{display:block;margin-top:28px}
.digital-format__copy h3{margin-bottom:13px;font-size:clamp(28px,2.6vw,36px)}
.digital-format__offer{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:20px;align-items:center}
.digital-format__offer .format-price--digital{display:flex;align-items:baseline;gap:8px;grid-row:auto;margin:0;color:var(--color-coral-stage);font-size:clamp(64px,5.4vw,80px);white-space:nowrap}
.digital-format__offer .format-price--digital small{font-size:16px;color:var(--color-ink)}
.digital-format__details p{margin:0 0 6px;font-size:17px;font-weight:700;line-height:1.3}
.digital-format__details .bundle-value{font-size:15px}
.digital-format__actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:18px}
.digital-format__actions .btn{margin:0}
.hardcopy-format{position:relative;display:block;min-width:0;padding:142px clamp(32px,3vw,40px) 54px;background:var(--color-coral-stage)}
.hardcopy-format::before{content:'';position:absolute;z-index:2;top:0;bottom:0;left:-18px;width:20px;background:var(--color-paper);clip-path:polygon(0 0,100% 0,72% 9%,96% 18%,66% 28%,90% 38%,68% 48%,100% 57%,64% 68%,88% 80%,58% 91%,100% 100%,0 100%)}
.hardcopy-format__art{position:relative;display:block;width:100%;min-height:0;height:390px}
.hardcopy-format__pedestal{position:absolute;z-index:0;left:1%;right:3%;bottom:4px;height:60px;border-radius:50%;background:#E6533A;box-shadow:0 9px 17px rgba(32,36,43,.14)}
.hardcopy-format .book-preview{position:absolute;z-index:1;left:1%;bottom:25px;width:60%;max-width:270px;aspect-ratio:4/5;transform:rotate(-1deg)}
.hardcopy-format .book-preview img{width:100%;height:100%;object-fit:contain}
.hardcopy-format__mum{position:absolute;z-index:2;right:0;bottom:0;width:45%;height:100%;object-fit:contain;object-position:right bottom}
.hardcopy-format__copy{margin-top:23px}
.hardcopy-format .coming-soon{margin-bottom:10px}
.hardcopy-format h3{font-size:clamp(28px,2.7vw,39px);color:var(--color-paper)}
.hardcopy-format .format-price--hardcopy{margin:10px 0;color:var(--color-paper);font-size:clamp(44px,3.5vw,52px)}
.hardcopy-format__copy>p:not(.format-price):not(.coming-soon){font-size:17px;color:var(--color-ink)}
@media(max-width:1099px){.formats__grid{grid-template-columns:1fr}.digital-format{padding:48px var(--page-gutter) 56px}.digital-format h2{font-size:clamp(36px,6vw,60px)}.formats-art{max-width:720px}.hardcopy-format{padding:48px var(--page-gutter) 48px}.hardcopy-format::before{left:0;right:0;top:-17px;bottom:auto;width:100%;height:18px;clip-path:polygon(0 0,9% 26%,18% 8%,29% 40%,41% 17%,53% 35%,64% 11%,76% 38%,89% 13%,100% 33%,100% 100%,0 100%)}.hardcopy-format__art{max-width:560px;height:340px;margin-inline:auto}.hardcopy-format .book-preview{max-width:240px}.hardcopy-format__copy{max-width:560px;margin:22px auto 0}}
@media(max-width:700px){.digital-format{padding:42px var(--page-gutter) 48px}.digital-format h2{font-size:clamp(36px,8.5vw,44px)}.formats-art{grid-template-columns:minmax(0,58fr) minmax(0,42fr);gap:9px;margin-top:26px}.formats-art__tablet{width:100%}.formats-art .device-preview{border-width:5px;padding:4px}.formats-art .showcase__label{font-size:10px}.formats-art .showcase__status{font-size:12px}.formats-spreads{gap:9px}.formats-spread{padding:3px}.digital-format__offer{grid-template-columns:1fr;gap:7px}.digital-format__copy{margin-top:22px}.digital-format__copy h3{font-size:28px}.digital-format__offer .format-price--digital{font-size:clamp(59px,14vw,76px)}.digital-format__actions{align-items:stretch}.digital-format__actions .btn{width:100%}.hardcopy-format__art{height:310px}.hardcopy-format .book-preview{width:58%;max-width:220px}.hardcopy-format__mum{width:44%}.hardcopy-format h3{font-size:31px}}
@media(max-width:380px){.formats-art{display:flex;flex-direction:column;align-items:center}.formats-art__tablet{width:min(100%,235px)}.formats-spreads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;margin-top:16px}.digital-format__offer .format-price--digital{font-size:59px}.hardcopy-format__art{height:265px}.hardcopy-format .book-preview{width:57%;max-width:180px}}

/* Large cream-on-coral family finish with a soft paper join. */
.finale{position:relative;overflow:hidden;padding:76px 0 0;background:var(--color-coral-stage)}
.finale__inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,41fr) minmax(0,59fr);gap:12px;align-items:end;min-height:610px}
.finale__copy{align-self:center;padding:0 0 115px}
.finale h2{display:flex;flex-direction:column;align-items:flex-start;gap:0;margin:0;color:var(--color-paper);font-size:clamp(58px,4.75vw,76px);line-height:1.04;letter-spacing:-.04em}
.finale h2 span{color:var(--color-paper)}
.finale__copy>p:not(.offer){max-width:510px;margin:27px 0 31px;color:var(--color-ink);font-size:20px}
.finale__copy .offer{max-width:450px;margin-top:16px;color:var(--color-ink);font-size:16px;font-weight:700}
.finale__family{position:relative;z-index:2;align-self:end;display:block;width:100%;max-height:none;height:auto;margin:0;object-fit:contain;object-position:center bottom}
.finale__wave{position:absolute;z-index:1;bottom:-1px;left:0;width:100%;height:155px}
@media(max-width:900px){.finale{padding-top:60px}.finale__inner{grid-template-columns:1fr;gap:0;min-height:0}.finale__copy{padding:0}.finale h2{font-size:clamp(43px,7vw,61px)}.finale__family{width:100%;max-width:720px;margin:28px auto 0}.finale__wave{height:110px}}
@media(max-width:380px){.finale h2{font-size:clamp(39px,10vw,47px)}.finale__copy>p:not(.offer){font-size:18px}.finale__wave{height:76px}}

/* Ocean product sample, bundle comparison and enlarged family finish, 2026-10-22. */
.price-pair{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;line-height:1.1}
.price-pair__value{display:block;color:var(--color-ink);font-family:Atkinson,Arial,sans-serif;font-size:.42em;font-weight:700;letter-spacing:0;line-height:1.3}
.price-pair__value s{text-decoration-thickness:2px;text-decoration-color:currentColor}
.price-pair__current{display:block;white-space:nowrap}
.hero .price-pair{margin-top:4px}
.hero .price-pair__current{color:var(--color-ink)}
.how-order b{display:flex;flex-direction:column;align-items:flex-start;gap:2px;font-size:12px;line-height:1.1}
.how-order b .price-pair__value{font-size:10px}
.how-order b .price-pair__current{font-size:13px}
.digital-format__copy{padding:clamp(20px,2vw,28px);border:1px solid rgba(32,36,43,.18);border-radius:20px;background:var(--color-paper)}
.digital-format__offer .format-price--digital{display:flex;flex-direction:column;align-items:flex-start;gap:2px;white-space:normal;line-height:1}
.digital-format__offer .format-price--digital .price-pair__value{font-size:clamp(23px,2.2vw,33px)}
.digital-format__offer .format-price--digital .price-pair__current{display:flex;align-items:baseline;gap:8px;white-space:nowrap}
.reader-cta .price-pair{font-size:33px;white-space:normal}
.reader-cta .price-pair__value{font-size:15px}
.finale .offer .price-pair{margin-top:7px}
.finale .offer .price-pair__value{font-size:16px}
.finale .offer .price-pair__current{font-family:Fredoka,Arial,sans-serif;font-size:clamp(28px,2.6vw,38px);font-weight:700}
.formats{border-bottom:0}
.colouring-section{border-top:0}
.hardcopy-format .book-preview{left:1%;bottom:28px;width:65%;max-width:300px;aspect-ratio:1;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;transform:perspective(800px) rotateY(-8deg) rotate(-1deg);transform-style:preserve-3d}
.hardcopy-format .book-preview::before{content:none}
.book-preview__pages{position:absolute;z-index:0;inset:3px -8px -6px 8px;border:1px solid rgba(32,36,43,.25);border-radius:2px 7px 7px 2px;background:repeating-linear-gradient(to right,#fffdf6 0 1px,#e7dfd0 1px 2px);box-shadow:7px 10px 16px rgba(32,36,43,.22)}
.book-preview__spine{position:absolute;z-index:3;top:0;bottom:0;left:-10px;width:14px;border-radius:3px 0 0 3px;background:linear-gradient(90deg,#116377,#247e8d 54%,#165c70);box-shadow:inset -2px 0 2px rgba(0,0,0,.22)}
.hardcopy-format .book-preview img{position:relative;z-index:2;display:block;width:100%;height:100%;aspect-ratio:1;object-fit:cover;border:3px solid rgba(32,36,43,.22);border-left:0;border-radius:0 5px 5px 0;box-shadow:0 4px 8px rgba(32,36,43,.12)}
.hardcopy-format__mum{right:8px;bottom:0;width:62%;height:420px;object-position:right bottom}
.hardcopy-format__art{overflow:visible}
.finale__inner{width:min(calc(100% - 80px),1360px);grid-template-columns:minmax(0,35fr) minmax(0,65fr);gap:0}
.finale h2 .finale-title__story{position:relative;isolation:isolate;width:max-content;max-width:100%;margin-top:.1em;padding:.02em .1em .12em .02em;color:var(--color-ink);font-size:clamp(64px,5.5vw,82px);white-space:nowrap}
.finale-title__story svg{position:absolute;z-index:-1;inset:-.04em auto auto -.04em;width:109%;height:111%;color:var(--color-accent)}
.finale__family{width:100%;max-width:none}
@media(max-width:1099px){.digital-format__copy{max-width:720px}.hardcopy-format .book-preview{max-width:245px}.hardcopy-format__mum{right:0;width:57%;height:100%}}
@media(max-width:900px){.finale__inner{width:100%;grid-template-columns:1fr}.finale__copy{width:calc(100% - 2*var(--page-gutter));margin-inline:auto}.finale__family{width:100%;max-width:900px;margin:28px auto 0}}
@media(max-width:700px){.digital-format__copy{padding:20px}.digital-format__offer .format-price--digital .price-pair__value{font-size:25px}.hardcopy-format .book-preview{width:65%;max-width:235px}.hardcopy-format__mum{width:58%}.finale h2 .finale-title__story{font-size:clamp(41px,11vw,58px)}.finale .offer .price-pair__current{font-size:30px}}
@media(max-width:380px){.digital-format__offer .format-price--digital .price-pair__value{white-space:normal}.digital-format__offer .format-price--digital .price-pair__value s{display:block}.hardcopy-format .book-preview{width:64%;max-width:190px}.hardcopy-format__mum{width:58%}.finale h2 .finale-title__story{font-size:clamp(38px,11.7vw,45px)}.hero .price-pair__current{font-size:27px}}
@media(prefers-reduced-motion:reduce){.motion-ready [data-reveal=finale-swash].is-in-view path{animation:none!important}}