@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#213f39;--green:#397c71;--pink:#df69a5;--mint:#edf7f2;--line:#d5e4dd;--yellow:#fff1bf}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Heebo,Arial,sans-serif;background:#fff;font-size:17px;line-height:1.7}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #bc3e80;outline-offset:5px}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:24px;border-bottom:1px solid var(--line);background:#f8fcfa}.logo{font-size:44px;font-weight:900;letter-spacing:-3px;line-height:1}.logo span{color:var(--pink)}.logo i{color:var(--pink);font-style:normal;font-size:26px;vertical-align:top;letter-spacing:0}nav{display:flex;gap:27px;font-size:15px;font-weight:500}.small-button,.button{display:inline-flex;align-items:center;justify-content:center;background:var(--green);color:white;border:0;border-radius:50px;padding:12px 25px;font-weight:700}.button{padding:15px 31px;font-size:18px}.button.pink{background:var(--pink);color:#fff}.button.outline{background:transparent;color:var(--green);border:1px solid var(--green)}.menu{display:none;background:none;border:0;font-size:25px}.hero{background:var(--mint);display:grid;grid-template-columns:1fr 1fr;min-height:615px;overflow:hidden}.hero-copy{padding:70px 10% 65px 6%;align-self:center}.eyebrow{font-size:14px;letter-spacing:1px;font-weight:700;color:var(--green);display:block;margin-bottom:15px}.hero h1{font-size:clamp(42px,4.6vw,72px);line-height:1.18;letter-spacing:-2px;margin:0 0 26px;font-weight:900}.hero h1 em{font-style:normal;color:var(--pink)}.hero p{font-size:20px;max-width:470px;margin:0 0 28px}.hero-image{width:100%;height:100%;object-fit:cover;min-height:520px}.hero-note{font-size:14px!important;margin-top:18px!important}.section{padding:80px 6%;max-width:1450px;margin:auto}.section h2{font-size:36px;line-height:1.3;margin:0 0 15px}.center{text-align:center}.lead{font-size:19px;max-width:660px;margin:0 auto 40px;color:#537067}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin:50px 0}.step{position:relative;text-align:center}.step b{font-size:43px;color:var(--pink);font-weight:400}.step h3{font-size:21px;margin:12px 0 7px}.step p{font-size:16px;max-width:220px;margin:auto;color:#537067}.soft{background:var(--mint)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}.section-head a{border-bottom:1px solid var(--green)}.books{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.book{text-align:center;display:block}.cover{position:relative;aspect-ratio:0.8;background:#dcece4;overflow:hidden;border-radius:4px 12px 12px 4px;box-shadow:-7px 9px 0 #cee0d6,0 17px 26px #1d40351a;transition:transform .2s}.book:hover .cover{transform:translateY(-6px) rotate(-1deg)}.cover img{height:100%;width:100%;object-fit:cover}.cover h3{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#f8f5e8 55%);padding:45px 14px 20px;margin:0;font-size:24px;color:#283c49}.book h4{font-size:19px;margin:23px 0 3px}.book p{font-size:14px;margin:0;color:#60756c}.tag{display:inline-block;border-radius:40px;background:#f9e4ee;color:#934469;padding:5px 14px;font-size:14px}.split{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.split img{width:100%;border-radius:120px 120px 15px 15px;max-height:500px;object-fit:cover}.split p{font-size:18px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px}.features article{padding:30px;background:#fff;border:1px solid var(--line);border-radius:15px}.features h3{margin:0 0 12px}.banner{background:var(--yellow);text-align:center;padding:70px 20px}.banner h2{font-size:38px;margin:0 0 15px}.banner p{margin:0 0 25px}footer{text-align:center;background:#213f39;color:#fff;padding:55px 20px}footer .logo{display:inline-block}footer p{color:#cee0d6}footer div{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;margin:25px 0}footer small{color:#b6ccc4}.page-title{background:var(--mint);text-align:center;padding:65px 20px}.page-title h1{font-size:45px;margin:0 0 10px}.page-title p{margin:0}.filters{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:42px}.filters button{border:1px solid var(--line);border-radius:30px;background:white;padding:9px 25px;color:var(--ink)}.filters button[aria-pressed=true]{background:var(--green);color:white}.prose{max-width:830px;margin:auto;padding:65px 25px}.prose h2{margin-top:35px}.prose p{font-size:18px}details{border-bottom:1px solid var(--line);padding:22px 0}summary{cursor:pointer;font-size:20px;font-weight:600}.wizard{max-width:1050px;margin:auto;padding:55px 25px;display:grid;grid-template-columns:1.15fr 1fr;gap:60px}.form-group{margin-bottom:20px}label{display:block;font-weight:600;margin-bottom:7px}input,select,textarea{width:100%;border:1px solid #b6ccc4;border-radius:9px;padding:12px;background:#fff;color:var(--ink)}textarea{resize:vertical}.upload{padding:25px;border:2px dashed #b6ccc4;border-radius:12px;background:var(--mint)}.upload p,.help{font-size:14px;color:#60756c}.preview{background:var(--mint);padding:30px;border-radius:20px;align-self:start;position:sticky;top:25px}.preview .cover{max-width:290px;margin:0 auto 25px}.preview p{text-align:center;font-size:14px}.check{display:flex;gap:10px;font-size:14px;align-items:start}.check input{width:20px;margin-top:6px}.check label{font-weight:400}.notice{background:#fff5d9;border:1px solid #edd494;padding:16px 20px;border-radius:10px;font-size:15px;margin:20px 0}.status:empty{display:none}.status{padding:16px;margin-top:20px;border-radius:10px;background:#fff5d9}button:disabled{cursor:not-allowed;opacity:.55}.selected-photo{max-width:110px;max-height:110px;object-fit:cover;border-radius:12px;margin-top:12px}.hidden{display:none!important}@media(max-width:1000px){nav{gap:14px;font-size:14px}header{padding:0 4%}.small-button{display:none}.hero-copy{padding:45px 8%}.books{grid-template-columns:repeat(3,1fr)}.split{gap:35px}}@media(max-width:700px){header{height:80px}.logo{font-size:37px}.menu{display:block}nav{display:none;position:absolute;top:80px;right:0;left:0;background:#f8fcfa;z-index:10;padding:25px;box-shadow:0 10px 20px #0001}nav.open{display:flex;flex-direction:column}.hero{grid-template-columns:1fr}.hero-copy{text-align:center;padding:45px 25px}.hero h1{font-size:47px}.hero p{font-size:18px;margin-left:auto;margin-right:auto}.hero-image{min-height:0;height:330px}.section{padding:55px 24px}.section h2{font-size:30px}.steps{grid-template-columns:1fr 1fr;gap:25px 18px;margin:30px 0}.step h3{font-size:18px}.step p{font-size:15px}.books{grid-template-columns:1fr 1fr;gap:25px 20px}.cover h3{font-size:19px;padding-bottom:15px}.book h4{font-size:17px}.split,.features,.wizard{grid-template-columns:1fr;gap:25px}.split img{max-height:350px}.section-head{align-items:start;gap:15px}.section-head a{font-size:14px;white-space:nowrap}.preview{position:static;grid-row:1;padding:20px}.preview .cover{max-width:180px}.page-title h1{font-size:36px}footer div{gap:15px}.banner h2{font-size:31px}}
.story-page{margin:40px 0;break-inside:avoid}.story-page img{width:100%;border-radius:15px}.story-page p{font-size:23px;line-height:1.8;text-align:center;padding:15px 10px}.reader-actions{display:flex;gap:12px;flex-wrap:wrap}.dedication{white-space:pre-wrap;font-style:italic;text-align:center}progress{width:100%;accent-color:var(--green)}@media print{header,footer,.reader-actions,.page-title{display:none!important}.prose{padding:0;max-width:none}.story-page{break-before:page;margin:0}.story-page img{max-height:70vh;object-fit:contain;border-radius:0}.story-page p{font-size:22px}}
/* Expanded catalogue and guided book creation */
html{scroll-behavior:smooth;scroll-padding-top:24px}body.dialog-open{overflow:hidden}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.text-button{display:inline-block;padding:0;background:none;border:0;color:var(--green);font-weight:600;text-decoration:underline;text-underline-offset:5px;font-size:15px;cursor:pointer}.back-link{display:block;font-size:14px;margin-bottom:24px;color:#4e6e62}.section-head p{margin:12px 0 0;color:#587469;max-width:550px}.cover{aspect-ratio:.8;background:#e9efdf;border-radius:4px 13px 13px 4px;box-shadow:-5px 5px 0 #d0d8cf,0 12px 25px #2547391a}.cover:after{content:'';position:absolute;inset:0;pointer-events:none;border-right:6px solid #ffffff35;box-shadow:inset -4px 0 10px #0001}.cover-lettering{position:absolute;inset:auto 0 0;padding:38px 12px 22px;background:linear-gradient(transparent,#fffaf0ed 40%,#fffaf0 100%);text-align:center}.cover-lettering h3{position:static;font-size:25px;line-height:1.2;padding:6px 0;margin:0;background:none;letter-spacing:-.4px;color:#273e39}.cover-brand{display:block;font-size:13px;letter-spacing:-.6px;font-weight:800;color:#46645d}.cover-name{display:block;font-size:16px;line-height:1.4;margin-top:6px;font-weight:600;color:#864766}.cover-button{display:block;padding:0;border:0;background:none;width:100%;text-align:inherit;border-radius:10px;color:inherit}.book-card{min-width:0;text-align:right}.book-card .cover{transition:transform .25s,box-shadow .25s}.book-card .cover-button:hover .cover{transform:translateY(-5px) rotate(-1deg);box-shadow:-5px 7px 0 #c9d6cc,0 18px 30px #25473925}.card-copy{padding:22px 2px 12px}.book-meta{display:flex;align-items:center;gap:8px;color:#597367;font-size:13px;margin:0 0 6px}.card-copy h3{font-size:20px;line-height:1.35;min-height:54px;margin:0 0 7px}.book-description{font-size:15px;line-height:1.65;color:#587068;margin:0 0 16px;min-height:75px}.card-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;justify-content:space-between}.choose-button{border:1px solid #417b6a;border-radius:28px;background:transparent;padding:7px 16px;display:inline-block;color:var(--green);font-size:14px;font-weight:700}.choose-button:hover{background:#e4eee7}.card-actions .text-button{font-size:13px}.catalogue-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:45px 28px}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.girl-shelf{background:#fdf2f7}.boy-shelf{background:#eef6f7}.shelf-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 84px)/4);gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 6px 22px;scrollbar-width:thin;scrollbar-color:#b5c9be transparent}.shelf-track .book-card{scroll-snap-align:start}.shelf-link{white-space:nowrap;font-weight:600;font-size:16px}.shelf-controls{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:20px}.shelf-controls span{font-size:14px;color:#587068}.shelf-controls button,.page-controls button{width:44px;height:44px;background:transparent;border:1px solid #b5c9be;border-radius:50%;color:var(--ink);font-size:22px}.shelf-controls button:hover{background:#fff}.demo-section{background:#faf9f0;overflow:hidden}.demo-cover{max-width:360px;position:relative;margin:auto;transform:rotate(5deg)}.floating-preview{position:absolute;bottom:26px;left:-65px;padding:18px 25px;background:var(--green);border:5px solid #faf9f0;border-radius:50px;color:#fff;font-weight:700;transform:rotate(-5deg)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:45px;text-align:right}.pricing-grid article{border:1px solid var(--line);border-radius:20px;padding:30px;display:flex;align-items:start;flex-direction:column}.plan-number{font-size:32px;font-weight:300;color:#bf638e;line-height:1}.pricing-grid h3{font-size:23px;margin:20px 0 6px}.pricing-grid p{font-size:16px;color:#587068;min-height:56px;margin:0}.pricing-grid ul{padding-right:18px;line-height:2;font-size:15px}.price-pending{display:block;font-size:14px;padding:20px 0;margin-top:auto}.featured-plan{background:#edf7f2;border-color:#609984!important}.pricing-grid .button{font-size:16px;padding:10px 20px}.readers-section{background:#fcf6f0}.readers-section img{border-radius:24px;max-height:370px}.reasons{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:45px}.reason{display:grid;grid-template-columns:135px 1fr;gap:25px;padding:26px 0;border-top:1px solid var(--line)}.reason img{width:135px;height:170px;object-fit:cover;border-radius:16px}.reason h3{font-size:22px;margin:7px 0 12px}.reason p{margin:0;font-size:16px;color:#587068}.reason-number{font-size:14px;font-weight:700;color:var(--pink)}.reason:last-child{grid-column:1/-1;max-width:740px;margin:auto}.articles-section{background:var(--mint)}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.article-card{background:#fff;border-radius:18px;overflow:hidden;display:block;border:1px solid #e2ebe4;transition:transform .2s}.article-card:hover{transform:translateY(-4px)}.article-card img{width:100%;height:220px;object-fit:cover}.article-card>div{padding:25px}.article-card h3{font-size:23px;line-height:1.45;margin:0 0 12px}.article-card p{font-size:16px;color:#587068}.article-more{font-size:15px;color:var(--green);font-weight:700}.newsletter{background:#fff1c9}.newsletter img{border-radius:160px 160px 20px 20px;max-height:430px}.newsletter-note{font-size:15px!important;color:#6e6951}.article-hero{width:100%;max-height:430px;object-fit:cover;border-radius:20px;margin-bottom:25px}.article-intro{font-size:23px!important;font-weight:500}.selection-toolbar{display:flex;align-items:end;gap:18px;flex-wrap:wrap;background:#f5f9f6;padding:22px;border-radius:16px}.selection-toolbar label{margin:0;font-size:13px;font-weight:500;min-width:100px}.selection-toolbar label>span{display:block;margin-bottom:6px}.selection-toolbar input,.selection-toolbar select{padding:10px 12px;font-size:15px}.search-label{flex:1;min-width:190px!important}.segmented{display:flex;padding:5px;background:#e6eee9;border-radius:30px;flex-shrink:0}.segmented button{background:transparent;border:0;border-radius:25px;padding:10px 18px;color:#446359;font-size:15px}.segmented button[aria-pressed=true]{background:var(--green);color:white;box-shadow:0 2px 8px #214d371a}.segmented button span{font-size:12px;margin-right:7px;opacity:.8}.results-heading{display:flex;align-items:center;justify-content:space-between;margin:25px 0;color:#587469;font-size:14px}.results-heading .text-button{font-size:14px}.empty-state{grid-column:1/-1;text-align:center;padding:60px;background:#f8faf8;border-radius:20px}.detail-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:90px;align-items:center}.detail-layout h1{font-size:52px;line-height:1.2;margin:18px 0 25px}.detail-description{font-size:23px;color:#587068}.detail-cover{width:min(100%,430px);margin:auto;transform:rotate(-3deg)}.detail-cover .cover-lettering h3{font-size:36px}.detail-facts{display:flex;gap:35px;padding:20px 0;border-block:1px solid var(--line);margin:28px 0}.detail-facts span{display:flex;flex-direction:column;font-size:13px;color:#587068}.detail-facts b{font-size:22px;color:var(--ink)}.form-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:25px 0}.form-actions .button{font-size:16px}.book-dialog{max-width:1000px;width:calc(100% - 40px);padding:0;border:0;border-radius:24px;color:var(--ink);overflow:auto;max-height:90dvh;box-shadow:0 30px 100px #0004}.book-dialog::backdrop{background:#122f2ad4;backdrop-filter:blur(5px)}.dialog-close{position:absolute;top:14px;left:14px;z-index:2;width:42px;height:42px;background:#fff;border:1px solid #d9e3dc;border-radius:50%;font-size:28px;color:var(--ink)}.sample-spread{display:grid;grid-template-columns:1fr 1.15fr}.sample-art{background:#eaf2eb;padding:45px 35px;display:flex;align-items:center;flex-direction:column;justify-content:center}.sample-art .cover{width:100%;max-width:310px}.sample-label{font-size:13px;color:#5e7467;margin-top:24px}.sample-copy{padding:55px 38px;display:flex;flex-direction:column;justify-content:center}.sample-copy h2{font-size:31px;line-height:1.3;margin:20px 0}.sample-copy .tag{align-self:start}.sample-text{font-size:22px;line-height:1.9;min-height:170px}.page-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:15px 0;font-size:14px}.sample-copy .button{font-size:16px;margin-top:8px}.builder-header{background:var(--mint);padding:30px 5% 40px;text-align:center}.builder-header h1{font-size:43px;margin:30px 0 10px;outline:none}.builder-header>p{color:#587068;margin:0 auto;max-width:700px;font-size:18px}.builder-header .back-link{text-align:right;max-width:1180px;margin:0 auto 24px}.builder-progress{display:flex;justify-content:center;gap:30px}.builder-progress button{display:flex;align-items:center;gap:9px;background:none;border:0;color:#6d8478;font-size:14px;padding:5px}.builder-progress b{font-weight:500}.builder-progress span{width:30px;height:30px;display:grid;place-items:center;border:1px solid #b6cdbd;border-radius:50%;font-size:14px}.builder-progress [aria-current=step]{color:#24493b}.builder-progress [aria-current=step] span{background:var(--green);color:#fff;border-color:var(--green)}.builder-progress button:disabled{opacity:.75}.builder-content{max-width:1300px;margin:auto;padding:50px 40px 80px}.recipient-options{display:grid;grid-template-columns:1fr 1fr;gap:35px;max-width:880px;margin:0 auto 30px}.recipient-card{position:relative;min-height:420px;border:0;border-radius:24px;overflow:hidden;background:#edf5ee;text-align:right;color:var(--ink);padding:0;box-shadow:0 10px 32px #273f3510;transition:transform .25s}.recipient-card:hover{transform:translateY(-7px)}.recipient-card img{width:100%;height:420px;object-fit:cover;display:block}.recipient-card>span{position:absolute;inset:auto 0 0;padding:60px 30px 30px;background:linear-gradient(transparent,#f8ecf0ed 45%,#f8ecf0 100%)}.recipient-card.boy>span{background:linear-gradient(transparent,#e5f0eded 45%,#e5f0ed 100%)}.recipient-card small{display:block;font-size:14px}.recipient-card strong{display:block;font-size:40px;line-height:1.3;margin:5px 0 15px}.recipient-card b{font-size:17px;border-bottom:1px solid var(--green);padding-bottom:4px}.is-selected .cover{outline:3px solid var(--green);outline-offset:5px}.is-selected .choose-button{background:var(--green);color:#fff}.selection-bar{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:5;display:flex;align-items:center;gap:18px;width:min(760px,calc(100% - 30px));padding:14px 20px;background:#fff;box-shadow:0 8px 45px #123d3940;border:1px solid #cadaD0;border-radius:18px}.selection-bar img{height:56px;width:46px;object-fit:cover;border-radius:5px}.selection-bar div{display:flex;flex-direction:column;margin-left:auto}.selection-bar small{font-size:12px;color:#617a6d}.selection-bar strong{font-size:17px}.selection-bar .button{font-size:15px;padding:12px 20px}.personalization-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:80px;max-width:1050px;margin:auto}.form-intro h2{font-size:30px;margin:12px 0 25px}.form-row{display:grid;grid-template-columns:1fr 120px;gap:20px}.photo-zone{background:#f5faf6;border:2px dashed #a8c5b4;border-radius:16px;padding:28px;text-align:center}.photo-zone.dragging{background:#e1f0e3;border-color:#397c71}.photo-zone p{margin:6px 0}.photo-zone strong{display:block;font-size:18px}.upload-symbol{font-size:40px;color:var(--green);line-height:1.3;display:block}.upload-action{display:inline-block;border:1px solid var(--green);border-radius:30px;padding:9px 22px;margin:18px 0 10px;color:var(--green);font-size:15px;cursor:pointer}.photo-tips{padding:20px 0;font-size:14px;color:#60776b}.photo-tips p{margin:4px 0}.upload-thumb{width:100px;height:100px;object-fit:cover;border-radius:12px;margin:0 auto 12px}.has-photo strong{font-size:14px;overflow-wrap:anywhere}.label-row{display:flex;justify-content:space-between;gap:15px;font-size:13px;color:#61776d}.label-row small{font-weight:400}.consent-row{display:flex;align-items:start;gap:10px;font-size:14px;font-weight:400;margin-top:22px}.consent-row input{width:18px;height:18px;flex-shrink:0;margin-top:5px;accent-color:var(--green)}.consent-row a{text-decoration:underline}.field-error{color:#ab3550;font-size:15px}.personal-preview{position:sticky;top:30px;align-self:start;background:#eef5ee;border-radius:24px;padding:30px;text-align:center}.personal-preview .cover{max-width:280px;margin:auto}.personal-preview .cover-lettering h3{font-size:27px}.preview-caption{margin:26px 0 20px}.preview-caption strong{font-size:21px}.preview-caption p{font-size:13px;color:#607568;line-height:1.6}.preview-facts{display:flex;justify-content:center;gap:12px;font-size:12px;color:#526e60;padding:17px 0;border-block:1px solid #ceded2;margin-bottom:20px}.review-layout{max-width:1000px;margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}.review-book{padding:30px;background:#eef5ed;border-radius:22px}.review-book p{font-size:13px;color:#587067;text-align:center;margin:24px 0 0}.review-copy h2{font-size:34px;margin:10px 0}.review-copy>p{font-size:18px;color:#587068}.review-details{margin:26px 0}.review-details>div{display:flex;justify-content:space-between;align-items:center;padding:14px 0;gap:20px;border-bottom:1px solid var(--line);font-size:15px}.review-details dt{color:#587068}.review-details dd{margin:0;font-weight:600}.review-photo{width:64px;height:64px;border-radius:12px;object-fit:cover}.dedication-preview{background:#fff7e1;border-radius:14px;padding:22px;margin:20px 0;white-space:pre-wrap;font-size:16px}.availability-panel{margin:25px 0 20px;background:#f4f7f4;border-radius:14px;padding:18px;font-size:15px;color:#4c6859}#generation-status{margin-top:20px;color:#9f3e53}#step-title:focus-visible{outline:0}
@media(max-width:1050px){.catalogue-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shelf-track{grid-auto-columns:calc((100% - 56px)/3)}.reasons{grid-template-columns:1fr}.reason:last-child{max-width:none;margin:0}.personalization-layout{gap:35px}.builder-progress{gap:12px}.builder-progress b{font-size:13px}.detail-layout{gap:40px}.card-actions{align-items:start;flex-direction:column}.article-card h3{font-size:21px}nav{gap:15px;font-size:14px}.pricing-grid article{padding:25px 20px}.review-layout{gap:35px}}
@media(max-width:700px){.catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.related-grid>.book-card:last-child{display:none}.card-copy h3{font-size:18px;min-height:48px}.book-description{font-size:14px;min-height:92px}.book-meta{font-size:12px;gap:4px;flex-wrap:wrap}.cover-lettering{padding:28px 8px 12px}.cover-lettering h3{font-size:20px}.cover-brand{font-size:11px}.cover-name{font-size:14px}.choose-button{padding:7px 11px;font-size:13px}.shelf-track{grid-auto-columns:72%;gap:26px}.shelf-track .cover-lettering h3{font-size:25px}.shelf-track .book-description{min-height:0}.shelf-track .card-actions{flex-direction:row;align-items:center}.shelf-controls{gap:14px}.shelf-controls span{font-size:12px}.shelf-link{font-size:14px;white-space:normal}.section-head{align-items:start;gap:20px}.section-head p{font-size:16px}.demo-cover{width:70%;margin:10px auto 35px}.floating-preview{left:-45px;font-size:14px;padding:12px 18px}.demo-section .split>div:last-child{text-align:center}.pricing-grid{grid-template-columns:1fr;gap:20px}.pricing-grid article{padding:28px}.pricing-grid p{min-height:0}.reason{grid-template-columns:85px 1fr;gap:18px}.reason img{width:85px;height:120px;border-radius:12px}.reason h3{font-size:21px}.reason p{font-size:16px}.article-grid{grid-template-columns:1fr;gap:24px}.newsletter img{max-height:330px}.selection-toolbar{gap:15px;padding:18px}.selection-toolbar>.segmented{width:100%;justify-content:center}.selection-toolbar .search-label{min-width:100%!important}.selection-toolbar label{flex:1}.segmented button{font-size:14px;padding:9px 15px}.detail-layout{grid-template-columns:1fr;gap:40px}.detail-cover{grid-row:1;width:66%}.detail-cover .cover-lettering h3{font-size:27px}.detail-layout h1{font-size:38px}.detail-description{font-size:20px}.sample-spread{grid-template-columns:1fr}.sample-art{padding:30px 65px 20px}.sample-art .cover{max-width:155px}.sample-art .cover-lettering h3{font-size:17px}.sample-copy{padding:28px 25px}.sample-copy h2{font-size:26px;margin:16px 0}.sample-text{font-size:19px;min-height:100px}.sample-label{font-size:12px;margin-top:16px}.book-dialog{width:calc(100% - 24px);max-height:92dvh}.builder-content{padding:30px 22px 110px}.builder-header{padding:22px 20px 35px}.builder-header h1{font-size:32px;line-height:1.3;margin-top:26px}.builder-header>p{font-size:16px}.builder-progress{gap:2px;justify-content:space-between}.builder-progress button{flex-direction:column;gap:7px;flex:1;padding:4px 0}.builder-progress b{font-size:11px;max-width:78px;line-height:1.5}.builder-progress span{width:27px;height:27px;font-size:13px}.recipient-options{gap:18px;grid-template-columns:1fr}.recipient-card,.recipient-card img{height:315px;min-height:0}.recipient-card img{object-position:center 28%}.recipient-card>span{padding:60px 24px 22px}.recipient-card strong{font-size:33px}.selection-bar{bottom:10px;padding:11px;gap:9px;border-radius:13px;flex-wrap:wrap}.selection-bar img{height:40px;width:32px}.selection-bar strong{font-size:14px}.selection-bar small{font-size:11px}.selection-bar .button{width:100%;padding:10px;font-size:15px}.personalization-layout{display:flex;flex-direction:column;gap:25px}.personal-preview{position:static;padding:22px;order:2}.personal-preview .cover{max-width:210px}.form-row{grid-template-columns:1fr 95px;gap:12px}.photo-zone{padding:22px 15px}.photo-zone strong{font-size:16px}.form-actions .button{width:100%;font-size:15px}.review-layout{grid-template-columns:1fr;gap:30px}.review-book{width:75%;margin:auto;padding:20px}.review-book .cover-lettering h3{font-size:23px}.review-copy h2{font-size:30px}.review-copy>.button{width:100%;font-size:15px}.review-details>div{font-size:14px}.reader-actions .button{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{scroll-behavior:auto!important;transition:none!important}}

.builder-navigation{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1180px;margin:0 auto 24px;text-align:right}.builder-navigation .builder-back{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:10px 18px;font-size:15px;background:#fff}.builder-back span{font-size:21px;line-height:1}.builder-home{font-size:14px;color:#4e6e62;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}@media(max-width:700px){.builder-navigation{gap:12px;flex-wrap:wrap}.builder-navigation .builder-back{font-size:14px;padding:9px 14px}.builder-home{font-size:13px}}

/* Real face-check and cover-generation progress. */
.face-processing{display:grid;grid-template-columns:100px minmax(0,1fr);gap:24px;margin-top:24px;padding:25px;border:1px solid #cce2dd;border-radius:22px;background:linear-gradient(135deg,#f0faf6,#fff8f6);text-align:right}
.face-processing.has-error{border-color:#edb9b5;background:#fff7f5}
.face-scan{position:relative;align-self:start;overflow:hidden;border-radius:16px;line-height:0;background:#e1ebe7;box-shadow:0 8px 24px #284c4320}
.face-scan img{display:block;width:100%;height:auto}
.scan-line{position:absolute;left:0;right:0;top:0;height:3px;background:#50ae91;box-shadow:0 0 16px 5px #5dcda488;animation:face-scan 2s ease-in-out infinite alternate}
.scan-stopped .scan-line{display:none}
.face-found{position:absolute;border:2px solid #167b62;border-radius:18%;box-shadow:0 0 0 1px #fff8}
.face-progress-copy h3{font-size:1.25rem;margin:10px 0 14px}
.face-progress-copy .tag{font-size:.72rem}
.face-progress-copy .field-error{margin:12px 0;line-height:1.8}
.face-stages{list-style:none;padding:0;margin:0;display:grid;gap:10px;font-size:.85rem;color:#737e77}
.face-stages li{display:flex;align-items:center;gap:9px}
.face-stages li>span{display:inline-grid;place-items:center;flex:0 0 25px;height:25px;border-radius:50%;background:#e6eee9;font-size:.75rem}
.face-stages .complete{color:#197d63}.face-stages .complete>span{background:#d7eee4}
.face-stages .active{color:#253e34;font-weight:700}.face-stages .active>span{color:transparent;border:2px solid #c7e4d9;border-top-color:#248467;background:transparent;animation:face-spin .9s linear infinite}
.personalized-cover-label{color:#187459!important;font-weight:700}
@keyframes face-scan{to{top:calc(100% - 3px)}}
@keyframes face-spin{to{transform:rotate(360deg)}}
@media(max-width:600px){.face-processing{grid-template-columns:62px minmax(0,1fr);gap:14px;padding:18px}.face-progress-copy h3{font-size:1.1rem}.face-progress-copy .button{width:100%}}
@media(prefers-reduced-motion:reduce){.scan-line,.face-stages .active>span{animation:none}.scan-line{top:50%}}

.face-retry-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px}

.photo-checks{list-style:none;padding:0;display:grid;gap:7px;margin:16px 0;font-size:.88rem}.photo-checks li{display:flex;align-items:center;gap:9px}.photo-checks li span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#d4ede4;color:#245b4a;font-weight:800}.photo-checks .failed span{background:#ffeadf;color:#993c1e}

/* Full story preview keeps the illustration uncropped, including on phones. */
.sample-art.has-interior{padding:22px;background:#f8f1e5;display:flex;flex-direction:column;justify-content:center}.sample-page-image{display:block;width:100%;height:auto;object-fit:contain;border-radius:10px;box-shadow:0 12px 30px #533c2418}.has-interior .sample-label{text-align:center;line-height:1.5}.book-dialog:has(.has-interior){max-width:1120px}.book-dialog:has(.has-interior) .sample-spread{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
@media(max-width:700px){.book-dialog:has(.has-interior) .sample-spread{grid-template-columns:1fr}.sample-art.has-interior{padding:18px 35px 10px}.sample-page-image{max-height:42dvh;width:auto;max-width:100%;margin:auto}.book-dialog:has(.has-interior) .sample-copy{padding:18px 24px}.book-dialog:has(.has-interior) .sample-text{min-height:0}}
@media(max-width:700px){.book-dialog:has(.has-interior) .sample-page-image{max-height:32dvh}.book-dialog:has(.has-interior) .sample-copy h2{font-size:24px;margin:10px 0}.book-dialog:has(.has-interior) .sample-text{font-size:18px;line-height:1.65;margin:12px 0}.book-dialog:has(.has-interior) .page-controls{margin:14px 0}.book-dialog:has(.has-interior) .help{font-size:12px;margin:10px 0}}

/* Full-width film behind the hero copy. */
.hero.hero-video{position:relative;isolation:isolate;display:flex;align-items:stretch;justify-content:flex-start;min-height:calc(100svh - 96px);padding:0 clamp(28px,10vw,160px);background:#23483e;box-sizing:border-box}
.hero-film,.hero-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
.hero-film{object-fit:cover;object-position:center}
.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(12,38,32,.22),rgba(12,38,32,.04) 70%)}
.hero-video .hero-copy{box-sizing:border-box;align-self:stretch;display:flex;flex-direction:column;justify-content:center;align-items:center;width:min(100%,460px);padding:42px 32px;text-align:center;background:rgba(255,255,255,.34);backdrop-filter:blur(3.3px);-webkit-backdrop-filter:blur(3.3px);border-inline:1px solid #ffffff60;border-radius:0;box-shadow:0 0 70px #10282020}
.hero-video h1{font-size:clamp(42px,4vw,64px);line-height:1.15;margin-bottom:24px}
.hero-video p{margin-left:auto;margin-right:auto;font-size:19px}
.hero-video .hero-note{margin-bottom:12px}
.hero-playback{position:absolute;bottom:20px;right:24px;display:flex;align-items:center;gap:8px;border:1px solid #ffffff70;border-radius:999px;padding:10px 16px;background:#173c35bf;color:white;cursor:pointer;font:inherit;font-size:13px;backdrop-filter:blur(8px)}
.hero-playback:focus-visible{outline:3px solid white;outline-offset:4px}
@media(max-width:700px){.hero.hero-video{min-height:calc(100svh - 80px);padding:0 20px;justify-content:center}.hero-video .hero-copy{padding:40px 22px 78px;border-radius:0;background:rgba(255,255,255,.34)}.hero-video h1{font-size:clamp(38px,9vw,48px)}.hero-video p{font-size:17px}.hero-video .button{font-size:16px}.hero-playback{right:20px;bottom:16px}.hero-film{object-position:center}}

/* Illustrated, staggered how-it-works path. */
.how-journey{overflow:hidden;background:radial-gradient(ellipse at 85% 12%,#d6ebe580,transparent 55%),radial-gradient(ellipse at 12% 78%,#f1d8e780,transparent 55%),#f5faf7}
.journey-heading{max-width:760px;margin:0 auto 56px}.journey-path{list-style:none;padding:0;margin:0 auto 65px;max-width:980px;display:flex;flex-direction:column;gap:90px}
.journey-step{position:relative;display:flex;align-items:center;gap:30px;width:75%;min-height:200px;margin:0;isolation:isolate}
.journey-step:nth-child(even){align-self:flex-end}.journey-step:nth-child(odd){align-self:flex-start}
.journey-art{position:relative;flex:0 0 200px;height:200px}.journey-art img{width:100%;height:100%;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 10px 14px #32574912)}
.journey-number{position:absolute;top:0;inset-inline-start:-4px;font-size:64px;line-height:1;font-weight:300;letter-spacing:-4px;color:#26473c;z-index:2}
.journey-copy{text-align:start;max-width:460px}.journey-copy h3{font-size:32px;line-height:1.25;margin:0 0 12px}.journey-copy p{font-size:19px;line-height:1.7;margin:0;color:#446056}
.journey-arrow{position:absolute;width:85px;height:74px;bottom:-87px;inset-inline-start:45%;color:#ed65b2;transform:rotate(14deg)}.journey-step:nth-child(even) .journey-arrow{transform:scaleX(-1) rotate(14deg)}
@media(max-width:700px){.how-journey>.section{padding:60px 22px}.journey-heading{margin-bottom:38px}.journey-heading h2{font-size:32px}.journey-path{gap:68px;margin-bottom:48px}.journey-step{width:94%;gap:12px;min-height:150px}.journey-art{flex-basis:118px;height:140px}.journey-number{font-size:45px;top:3px;inset-inline-start:0}.journey-copy h3{font-size:23px;margin-bottom:8px}.journey-copy p{font-size:16px;line-height:1.6}.journey-arrow{width:57px;height:54px;bottom:-63px;inset-inline-start:42%}}
/* Bring the two adjacent book shelves closer together. */
.girl-shelf>.section{padding-bottom:28px}
.girl-shelf+.boy-shelf>.section{padding-top:32px}
@media(max-width:700px){.girl-shelf>.section{padding-bottom:20px}.girl-shelf+.boy-shelf>.section{padding-top:24px}}

/* Original Bookli dragon identity. */
.logo:has(img){display:inline-flex;align-items:center;flex-shrink:0;line-height:1}.logo img{display:block;width:190px;height:auto;object-fit:contain}footer .logo img{width:210px}@media(max-width:700px){.logo img{width:150px}footer .logo img{width:190px}}

/* Quantity price list, designed for the Bookli catalogue. */
.bookli-pricing{background:radial-gradient(ellipse at 8% 80%,#efdfeb,transparent 55%),radial-gradient(ellipse at 92% 15%,#d9eee6,transparent 60%),#f6faf7}.pricing-intro{max-width:820px;margin:0 auto 34px}.pricing-intro h2{font-size:48px;margin-bottom:20px}.pricing-note{font-size:16px;color:#597367;line-height:1.7}.price-sheet{max-width:950px;margin:auto;background:#ffffffb8;border:1px solid #fff;border-radius:30px;box-shadow:0 12px 55px #304a4210;overflow:hidden}.price-sheet-heading{display:flex;justify-content:space-between;align-items:center;padding:28px 40px 18px;background:linear-gradient(110deg,#fff9,#e7f4ed99)}.price-sheet-heading h3{font-size:26px;margin:12px 0 0}.price-sheet-heading img{object-fit:contain}.price-table-wrap{padding:0 36px}.price-table{width:100%;border-collapse:collapse;text-align:center;table-layout:fixed}.price-table th,.price-table td{padding:20px 12px;border-bottom:1px solid #dce8e1}.price-table thead th{font-size:23px;border-bottom:2px solid #80a798;padding-top:22px}.price-table thead small{display:block;font-size:13px;font-weight:400;color:#597367;margin-top:6px}.price-table tbody th{text-align:start;font-size:18px;font-weight:500}.price-table tbody tr:last-child>*{border-bottom:0}.price-table tbody tr:hover{background:#ecf5ef80}.price-table .group-price{background:#e5f2eb80}.quantity-tag{display:block;font-size:12px;color:#597367;margin-top:4px}.price-pending-cell{color:#668376;font-size:17px}.price-sheet-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 36px;background:#eef5f0}.price-sheet-footer p{font-size:16px;margin:0;max-width:360px}.price-sheet-footer .button{font-size:16px;white-space:nowrap}.pricing-footnote{text-align:center;font-size:14px;color:#60756a;margin:20px auto 0;max-width:800px}.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}@media(max-width:700px){.pricing-intro h2{font-size:38px}.price-sheet{border-radius:22px}.price-sheet-heading{padding:20px}.price-sheet-heading h3{font-size:22px}.price-sheet-heading img{width:75px;height:75px}.price-table-wrap{padding:0 12px}.price-table th,.price-table td{padding:18px 6px}.price-table thead th{font-size:19px}.price-table thead small{font-size:11px}.price-table tbody th{font-size:15px}.price-sheet-footer{flex-direction:column;text-align:center;padding:24px 18px}.price-sheet-footer .button{white-space:normal;width:100%}.price-pending-cell{font-size:15px}}

.tier-price{display:block;font-size:23px;font-weight:700;color:#285e49}.tier-discount{display:block;font-size:14px;color:#648373;margin-top:4px}@media(max-width:700px){.tier-price{font-size:20px}.tier-discount{font-size:12px}}

/* Stable, compact photo validation and cover progress. */
.preview-status-card{display:flex;align-items:flex-start;gap:14px;padding:20px;margin-top:20px;min-height:140px;box-sizing:border-box;border:1px solid #d7e7df;border-radius:18px;background:#f2f7f3}
.preview-status-copy{flex:1;min-width:0}
.preview-status-copy h3{margin:0 0 8px;font-size:20px}
.preview-status-copy .help{margin:0 0 12px;min-height:42px}
.preview-status-indicator{flex:0 0 22px;width:22px;height:22px;margin-top:3px;box-sizing:border-box;border:2px solid #c8ddd5;border-top-color:#427f72;border-radius:50%;animation:preview-status-spin 1s linear infinite}
.preview-status-card.has-error .preview-status-indicator{animation:none;border-color:#a85c60;color:#a85c60;text-align:center;line-height:18px;font-weight:700}
@keyframes preview-status-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.preview-status-indicator{animation:none}}

.photo-enlarge{display:inline-flex;padding:0;border:0;border-radius:16px;background:transparent;cursor:zoom-in}
.photo-enlarge:focus-visible{outline:3px solid #427f72;outline-offset:4px}
.photo-enlarge .review-photo{display:block;margin:0}
.photo-lightbox{padding:48px 12px 12px;border:0;border-radius:20px;background:#fff;max-width:94vw;max-height:92dvh;box-sizing:border-box}
.photo-lightbox::backdrop{background:rgba(15,35,31,.78)}
.photo-lightbox img{display:block;max-width:calc(94vw - 24px);max-height:calc(92dvh - 60px);width:auto;height:auto;object-fit:contain;border-radius:10px}
.photo-lightbox-close{position:absolute;top:4px;inset-inline-end:8px;width:40px;height:40px;border:0;border-radius:50%;background:#edf4ef;color:#203e37;font-size:30px;cursor:pointer}
.single-field{display:block}.binding-picker{border:1px solid #efbad7;border-radius:22px;padding:18px;margin:24px 0;background:linear-gradient(115deg,#f0faf7,#fff1f8)}.binding-picker legend{padding:0 10px;font-weight:700;font-size:22px}.binding-options{display:flex;flex-wrap:wrap;gap:12px}.binding-options label{position:relative;flex:1;min-width:140px;cursor:pointer}.binding-options input{position:absolute;opacity:0}.binding-options span{display:block;text-align:center;padding:14px;border:2px solid transparent;border-radius:30px;background:#fff}.binding-options input:checked+span{border-color:#ca4f96;background:#fbe4f2}.binding-options input:focus-visible+span{outline:3px solid #427f72;outline-offset:3px}.binding-price{font-size:22px;font-weight:700;margin:18px 0 0}.binding-price small{display:block;font-size:13px;font-weight:400}.upload-guide{margin:24px 0;padding:20px;border-radius:22px;background:linear-gradient(130deg,#edf8f3,#fff2f8)}.upload-guide h3{font-size:23px;margin:0 0 8px}.upload-guide>p{font-size:15px;margin:0 0 16px}.photo-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.guide-example{margin:0;overflow:hidden;border-radius:16px;background:#fff}.guide-art{aspect-ratio:1;background-image:url('/assets/guides/photo-guide.png');background-size:300% 200%}.guide-example figcaption{font-size:13px;padding:8px;line-height:1.4;min-height:52px}.guide-example figcaption span{font-size:20px;color:#bc4c64;margin-inline-end:5px}.guide-example.recommended{outline:2px solid #4b957d}.guide-example.recommended span{color:#25866a}.cart-link{white-space:nowrap;display:flex;align-items:center;gap:6px;font-weight:700;min-height:44px}.cart-link .basket-icon{flex-shrink:0}.cart-link span{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 5px;border-radius:20px;background:#e6f1eb}.cart-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px;align-items:start}.cart-items{display:grid;gap:20px}.cart-item{display:grid;grid-template-columns:155px 1fr;gap:24px;padding:24px;border:1px solid #dce9e2;border-radius:24px;background:#fff}.cart-item h2{font-size:25px;margin:0 0 8px}.cart-item-copy>p{margin:8px 0}.cart-item label{display:block;font-size:14px}.cart-item select,.cart-item input,.cart-item textarea{padding:10px;border:1px solid #bdcfc5;border-radius:10px;background:white;font:inherit;max-width:100%}.cart-item select{display:block;margin-top:6px;width:100%}.cart-item textarea{width:100%;min-height:100px;margin:12px 0}.cart-cover .cover-lettering{padding:8px}.cart-cover .cover h3{font-size:15px}.cart-cover .cover-name{font-size:12px}.cart-cover .cover-brand{font-size:10px}.cart-quantity{display:flex;gap:8px;align-items:end;margin:16px 0}.cart-quantity input{display:block;width:75px;text-align:center}.cart-quantity button{height:42px;min-width:42px;border:1px solid #bdd4c8;border-radius:12px;background:#eef6f0;font-size:23px;cursor:pointer}.cart-quantity button:disabled{opacity:.4;cursor:default}.cart-summary{padding:24px;border-radius:24px;background:#edf5ef;position:sticky;top:110px}.cart-summary h2{font-size:25px}.cart-summary .button{display:block;text-align:center;margin:16px 0}.cart-summary .text-button{display:block;text-align:center}.cart-total{display:flex;justify-content:space-between;gap:12px;border-block:1px solid #c7dacf;padding:18px 0}.cart-total strong{font-size:27px}.cart-remove{color:#a8445c;margin-top:14px}.cart-dedication{white-space:pre-wrap}.cart-item summary{cursor:pointer}.cart-page h1{margin-top:22px}
@media(max-width:800px){.cart-layout{grid-template-columns:1fr}.cart-summary{position:static}.cart-item{grid-template-columns:110px 1fr;padding:16px;gap:16px}.cart-item h2{font-size:21px}.photo-guide-grid{gap:8px}.upload-guide{padding:14px}.guide-example figcaption{font-size:12px}.cart-link{font-size:14px}header{gap:10px}}

/* Bookli shopping bag */
.cart-world{min-height:75vh;background:radial-gradient(ellipse at 100% 12%,#f8ddeb80,transparent 58%),radial-gradient(ellipse at 0 65%,#c8eee480,transparent 60%),#f8fbf9;padding:24px 0 64px}.cart-page{max-width:1240px}.cart-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.cart-eyebrow{font-size:13px;letter-spacing:.04em;color:#608277}.cart-heading h1{display:flex;align-items:center;gap:14px;font-size:42px;margin:8px 0}.cart-count{display:grid;place-items:center;font-size:17px;width:34px;height:34px;border-radius:50%;background:#fff;border:1px solid #d9e7df}.cart-heading .back-link{font-size:15px;border-bottom:1px solid #76978b;padding:6px 0}.cart-layout{grid-template-columns:minmax(0,1fr) 340px;gap:28px}.cart-items{gap:0;border-top:2px solid #db72ad}.cart-item{grid-template-columns:118px minmax(0,1fr) 100px;border:0;border-bottom:1px solid #d8bacc;border-radius:0;background:transparent;padding:28px 0;gap:24px}.cart-item h2{font-size:24px;line-height:1.3;margin:5px 0 10px}.cart-item-kicker{font-size:12px;color:#658577}.cart-child{font-size:17px}.cart-cover{align-self:start;filter:drop-shadow(-5px 8px 7px #294d3320);transition:transform .2s}.cart-cover:hover{transform:rotate(-2deg)}.cart-controls{display:flex;align-items:end;gap:20px;margin:18px 0}.cart-item select{width:auto;font-size:14px;padding:9px 12px;border-color:#ccdbd3;background:#ffffffb8}.cart-quantity{margin:0;display:block;font-size:14px}.cart-quantity>div{display:flex;border:1px solid #ccdbd3;border-radius:10px;overflow:hidden;margin-top:6px;background:#ffffffb8}.cart-quantity input{appearance:textfield;-moz-appearance:textfield;width:38px;padding:0;border:0;border-radius:0;background:transparent;height:39px;font-size:15px}.cart-quantity input::-webkit-inner-spin-button{appearance:none}.cart-quantity button{height:39px;min-width:32px;border:0;border-radius:0;background:transparent;font-size:20px}.cart-item-end{display:flex;flex-direction:column;align-items:end;justify-content:space-between;gap:24px}.cart-remove{display:grid;place-items:center;width:36px;height:36px;margin:0;border:0;border-radius:50%;background:transparent;color:#6c8278;cursor:pointer}.cart-remove:hover{background:#f7dfe8;color:#a53c6f}.cart-line-price{text-align:end;display:flex;flex-direction:column;gap:4px}.cart-line-price>strong{font-size:25px}.cart-line-price del{font-size:14px;color:#7e8f87}.cart-line-price small{font-size:12px;color:#658173}.cart-discount{font-size:11px;background:#e0f1e7;color:#367455;border-radius:20px;padding:4px 8px;white-space:nowrap;margin-top:6px}.cart-details{font-size:14px;color:#597b6a;margin-top:14px}.cart-details summary{display:flex;gap:16px;width:fit-content;list-style:none}.cart-details summary::-webkit-details-marker{display:none}.cart-details[open] summary span{transform:rotate(45deg)}.cart-summary{border:1px solid #fff;border-radius:24px;background:#ffffffbd;box-shadow:0 12px 40px #2e514c08;padding:26px;backdrop-filter:blur(10px)}.cart-summary h2{margin:6px 0 28px;font-size:26px}.cart-summary-row{display:flex;justify-content:space-between;gap:16px;margin:18px 0;font-size:15px}.cart-summary-row small{font-size:13px;color:#77867e}.cart-savings{color:#348062}.cart-total{margin-top:22px;border-bottom:0;padding-bottom:0;align-items:center}.cart-total strong{font-size:30px}.cart-price-note,.cart-storage-note{font-size:12px;line-height:1.7;color:#74847b}.cart-summary .cart-checkout{font-size:16px;padding:15px 10px;box-shadow:0 5px 18px #d1539620;margin:24px 0}.cart-payment-preview{border-top:1px solid #e3e9e5;padding-top:17px;text-align:center}.cart-payment-preview>span{font-size:12px;color:#61796c}.cart-payment-preview>div{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:10px 0}.cart-payment-preview>div span{font-size:11px;padding:5px 7px;border:1px solid #e0e7e2;border-radius:6px;background:#fff;color:#65766c}.cart-payment-preview small{font-size:11px;color:#7f8c83}.cart-storage-note{text-align:center;margin-top:20px}.cart-saving-banner{display:flex;justify-content:space-between;gap:16px;border-radius:14px;padding:14px 20px;margin-bottom:24px;background:#e6f3ec;font-size:14px;color:#39755c}.cart-empty{max-width:600px;text-align:center;margin:25px auto;padding:24px}.cart-empty img{width:160px}.cart-empty h2{font-size:30px}.cart-empty p{color:#738478}.cart-empty .button{margin-top:16px}
@media(max-width:1000px){.cart-layout{grid-template-columns:1fr}.cart-summary{position:static}.cart-item{grid-template-columns:125px minmax(0,1fr) 110px}.cart-payment-preview>div{gap:12px}}
@media(max-width:560px){.cart-world{padding-top:12px}.cart-heading{align-items:start;gap:12px}.cart-heading h1{font-size:28px;gap:8px}.cart-heading .back-link{font-size:12px;white-space:nowrap;margin-top:30px}.cart-eyebrow{font-size:11px}.cart-item{grid-template-columns:85px minmax(0,1fr);gap:16px;padding:22px 0}.cart-item h2{font-size:20px}.cart-item-kicker{font-size:10px}.cart-item-end{grid-column:1/-1;flex-direction:row;align-items:center}.cart-line-price{flex-direction:row;align-items:center;gap:10px;flex-wrap:wrap}.cart-line-price>strong{font-size:22px}.cart-line-price small{display:none}.cart-discount{margin-top:0}.cart-controls{gap:10px;flex-wrap:wrap;margin:12px 0}.cart-item select{max-width:100%;font-size:12px}.cart-saving-banner{flex-direction:column;gap:5px;font-size:12px}.cart-summary{padding:22px}.cart-count{width:28px;height:28px;font-size:14px}.cart-empty{padding:12px}.cart-empty h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.cart-cover{transition:none}.cart-cover:hover{transform:none}}

.new-book-label{display:inline-block;padding:2px 8px;border-radius:999px;background:#f6dbea;color:#84385d;font-size:12px;line-height:1.5;font-weight:700}

/* Shared interaction feedback; disabled actions keep their inactive appearance. */
.logo{border-radius:16px}
/* Text actions receive the same visible feedback as filled buttons. */
:is(.text-button,.back-link,.shelf-link,.builder-home,header nav a,footer div a,.card-copy h3 a,.prose a:not(.button),.consent-row a,.contact-consent a,.contact-phone,.kg-price-pill,.kg-calculation>a,.kg-all-prices a,summary){
 --link-highlight:#fce3f1;--link-ink:#902b62;
 border-radius:5px;box-decoration-break:clone;-webkit-box-decoration-break:clone;
 transition:background-color .18s ease,color .18s ease,box-shadow .18s ease,text-decoration-color .18s ease;
}
footer div a{--link-highlight:#62344f;--link-ink:#ffe1f1}
@media(hover:hover){
 :is(.text-button,.back-link,.shelf-link,.builder-home,header nav a,footer div a,.card-copy h3 a,.prose a:not(.button),.consent-row a,.contact-consent a,.contact-phone,.kg-price-pill,.kg-calculation>a,.kg-all-prices a,summary):not(:disabled):not([aria-disabled=true]):hover{
  background-color:var(--link-highlight);color:var(--link-ink);box-shadow:0 0 0 5px var(--link-highlight);filter:none;
  text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px;
 }
}
:is(.text-button,.back-link,.shelf-link,.builder-home,header nav a,footer div a,.card-copy h3 a,.prose a:not(.button),.consent-row a,.contact-consent a,.contact-phone,.kg-price-pill,.kg-calculation>a,.kg-all-prices a,summary):not(:disabled):not([aria-disabled=true]):focus-visible{
 background-color:var(--link-highlight);color:var(--link-ink);outline:2px solid currentColor;outline-offset:6px;
 box-shadow:0 0 0 5px var(--link-highlight);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px;
}
@media(prefers-reduced-motion:reduce){
 :is(.text-button,.back-link,.shelf-link,.builder-home,header nav a,footer div a,.card-copy h3 a,.prose a:not(.button),.consent-row a,.contact-consent a,.contact-phone,.kg-price-pill,.kg-calculation>a,.kg-all-prices a,summary){transition:none}
}
:is(button,.button,.choose-button,.small-button,.contact-whatsapp,.cart-group-contact,.cart-link,.logo){transition:background-color .18s ease,color .18s ease,box-shadow .18s ease,filter .18s ease,translate .18s ease}
@media(hover:hover){
 :is(button,.button,.choose-button,.small-button,.contact-whatsapp,.cart-group-contact,.cart-link,.logo):not(:disabled):not([aria-disabled=true]):hover{filter:brightness(1.08);box-shadow:0 0 0 3px #d95a9e40,0 7px 18px #30594c18}
 :is(.button,.small-button,.contact-whatsapp,.cart-group-contact,.logo):not(:disabled):not([aria-disabled=true]):hover{translate:0 -2px}
 .button.outline:not(:disabled):not([aria-disabled=true]):hover{background:#e4f2ee;color:#205b50}
 :is(.text-button,.filters button,.cart-quantity button,.menu,.cart-link):not(:disabled):not([aria-disabled=true]):hover{background-color:#e4f2ee;color:#205b50}
 .text-button:not(:disabled):hover{text-decoration-thickness:2px}
}
:is(button,.button,.choose-button,.small-button,.contact-whatsapp,.cart-group-contact,.cart-link,.logo):not(:disabled):not([aria-disabled=true]):focus-visible{outline:3px solid #bc3e80;outline-offset:4px;box-shadow:0 0 0 6px #f8d9eb}
@media(prefers-reduced-motion:reduce){
 :is(button,.button,.choose-button,.small-button,.contact-whatsapp,.cart-group-contact,.cart-link,.logo){transition:none;translate:none!important}
}

@media(hover:hover){.article-card:hover .article-more{color:#902b62;background:#fce3f1;border-radius:5px;box-shadow:0 0 0 5px #fce3f1;text-decoration:underline;text-underline-offset:5px}}

/* Main invitation: an illustrated-book cue, rich color, and a quiet hover sheen. */
.create-cta:is(.button,.small-button){
 position:relative;isolation:isolate;overflow:hidden;gap:11px;min-height:54px;
 padding:9px 18px 9px 12px;border:1px solid #ffffff45;border-radius:999px;
 background:linear-gradient(115deg,#a52f75 0%,#ca3889 48%,#a62368 100%);background-size:180% 100%;
 color:#fff;font-weight:800;white-space:nowrap;line-height:1.4;text-decoration:none;
 box-shadow:inset 0 1px 0 #ffffff55,0 4px 0 #872052,0 9px 24px #b52d7840;
 transition:background-position .35s ease,box-shadow .2s ease,translate .2s ease;
}
.create-cta::before{content:'';position:absolute;inset:-50% auto -50% -65%;width:38%;background:linear-gradient(90deg,transparent,#ffffff30,transparent);rotate:24deg;pointer-events:none;transition:left .55s ease}
.create-cta-icon{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border:1px solid #ffffff35;border-radius:50%;background:#ffffff18;box-shadow:inset 0 1px 0 #ffffff25}
.create-cta-label{position:relative}
.create-cta-arrow{display:grid;place-items:center;width:24px;font-size:23px;font-weight:400;transition:translate .2s ease}
.hero-video .create-cta.button{gap:12px;min-height:64px;max-width:100%;padding:11px 19px;font-size:18px;margin-top:10px}
.hero-video .create-cta-icon{width:38px;height:38px}
@media(hover:hover){
 .create-cta:is(.button,.small-button):not(:disabled):not([aria-disabled=true]):hover{background-position:100% 0;filter:none;translate:0 -3px;box-shadow:inset 0 1px 0 #ffffff65,0 5px 0 #872052,0 0 0 4px #ed91c132,0 14px 32px #b52d7852}
 .create-cta:hover::before{left:125%}
 .create-cta:hover .create-cta-arrow{translate:-3px 0}
 [dir=ltr] .create-cta .create-cta-arrow{rotate:180deg}
 [dir=ltr] .create-cta:hover .create-cta-arrow{translate:3px 0}
}
.create-cta:is(.button,.small-button):active{translate:0 1px;box-shadow:inset 0 1px 0 #ffffff40,0 2px 0 #872052,0 5px 15px #b52d7830}
@media(min-width:701px) and (max-width:1100px){header .create-cta.small-button{gap:7px;padding-inline:12px;font-size:13px}header .create-cta-icon{width:29px;height:29px}header .create-cta-arrow{display:none}}
@media(max-width:700px){.hero-video .create-cta.button{gap:9px;padding:10px 14px;font-size:16px;min-height:60px}.hero-video .create-cta-icon{width:32px;height:32px}.hero-video .create-cta-arrow{width:20px}}
@media(max-width:380px){.hero-video .create-cta.button{white-space:normal}.hero-video .create-cta-icon{display:none}}
@media(prefers-reduced-motion:reduce){.create-cta:is(.button,.small-button),.create-cta::before,.create-cta-arrow{transition:none}.create-cta::before{display:none}.create-cta:hover .create-cta-arrow{translate:none}}
/* Native language names stay readable in either layout. */
.language-switch{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;min-height:42px;padding:8px 12px;border:1px solid #c3dad2;border-radius:22px;background:#fff9;color:#285b50;font-family:inherit;font-size:14px;font-weight:600;line-height:1.2;cursor:pointer;transition:background .18s,box-shadow .18s,transform .18s;white-space:nowrap}
.language-switch:hover:not(:disabled){background:#fce7f4;border-color:#e783b9;box-shadow:0 4px 16px #d34e9425;transform:translateY(-1px)}
.language-switch:focus-visible{outline:3px solid #398977;outline-offset:3px}.language-switch:disabled{opacity:.55;cursor:wait}
.edition-notice{padding:13px 16px;background:#edf7f3;border:1px solid #d6e9e0;border-radius:14px;font-size:15px;color:#356554}.edition-notice small{display:block;margin-top:4px;font-size:13px}
.cart-controls{flex-wrap:wrap}.cart-controls label{min-width:90px}
html[dir=ltr] :is(.builder-navigation,.face-processing){text-align:left}
html[dir=ltr] .hero-video h1{font-size:clamp(38px,3.4vw,55px);letter-spacing:-1.5px;line-height:1.13}
html[dir=ltr] .hero-copy .create-cta{font-size:17px}
html[dir=ltr] .cover-lettering h3{line-height:1.15;overflow-wrap:break-word}
html[dir=ltr] .shelf-link{white-space:normal}
html[dir=ltr] :is(.card-copy,.prose,.contact-form,.review-copy,.sample-copy){text-align:start}
html[dir=ltr] .journey-number{font-variant-numeric:tabular-nums}
html[dir=ltr] .create-cta:hover .create-cta-arrow{transform:translateX(4px)}
input[name=child],input[name=name],input[name=groupName],textarea,.cart-child strong,.review-details dd{unicode-bidi:plaintext}
@media(min-width:701px) and (max-width:1250px){header{gap:14px;padding-inline:3%}header nav{gap:13px;font-size:13px}header .logo img{width:145px}header .small-button{display:none}}
@media(max-width:700px){.language-switch{padding:8px 10px;font-size:13px;min-height:40px}.language-switch svg{width:16px;height:16px}header{gap:9px}header .logo img{width:130px}html[dir=ltr] .hero-video h1{font-size:clamp(36px,9vw,46px)}html[dir=ltr] .hero-copy .create-cta{font-size:15px}.builder-progress b{overflow-wrap:break-word}.edition-notice{font-size:14px}.cart-controls{align-items:start}.cart-item select{max-width:100%}}
@media(max-width:370px){header{padding-inline:12px;gap:6px}header .logo img{width:110px}.language-switch{font-size:12px;padding-inline:8px}}
@media(prefers-reduced-motion:reduce){.language-switch{transition:none}.language-switch:hover{transform:none}}

html[dir=ltr] :is(.page-controls button,.shelf-controls button,.builder-back span){transform:scaleX(-1)}
html[dir=ltr] header nav a{white-space:nowrap}
html[dir=ltr] .hero-copy .create-cta-arrow{transform:scaleX(-1)}
@media(min-width:1251px) and (max-width:1440px){html[dir=ltr] header{padding-inline:3%;gap:16px}html[dir=ltr] header nav{gap:17px}html[dir=ltr] header .logo img{width:155px}html[dir=ltr] header .create-cta{font-size:14px;padding-inline:16px}}

/* A small, tactile basket and matching purchase actions. */
/* Solid contrast behind the smaller hero text, even on bright video frames. */
.hero-video .hero-copy>.eyebrow{
 display:inline-flex;align-items:center;justify-content:center;max-width:100%;
 padding:8px 17px;border:1px solid #ffffff80;border-radius:999px;
 background:#214e43;color:#fff;font-size:14px;line-height:1.5;font-weight:700;letter-spacing:.2px;
 box-shadow:0 3px 12px #173c3526;
}
.hero-video .hero-copy>.text-button{
 display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-height:44px;
 padding:10px 18px;border:1px solid #fff;border-radius:999px;background:#fffaf5;color:#214e43;
 font-size:15px;font-weight:700;line-height:1.5;text-decoration:none;box-shadow:0 3px 12px #173c3526;
}
@media(hover:hover){
 .hero-video .hero-copy>.text-button:not(:disabled):not([aria-disabled=true]):hover{background:#fce3f1;border-color:#e5a6c7;color:#902b62;box-shadow:0 0 0 3px #ffffff60,0 5px 15px #71325125;text-decoration:underline;text-underline-offset:4px}
}
.hero-video .hero-copy>.text-button:focus-visible{background:#fce3f1;color:#902b62;outline:3px solid #902b62;outline-offset:4px;box-shadow:0 0 0 7px #fffaf5}

header .cart-link{
 position:relative;flex-shrink:0;justify-content:center;gap:9px;min-height:48px;padding:8px 12px;
 border:1px solid #d5e7df;border-radius:999px;background:linear-gradient(135deg,#fff,#eef8f3);
 color:#285f52;box-shadow:inset 0 1px 0 #fff,0 3px 0 #d5e4dc,0 6px 15px #2a665313;text-decoration:none;
 transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,translate .2s ease;
}
header .cart-link .basket-icon{width:25px;height:25px;transition:rotate .22s ease,scale .22s ease}
header .cart-link [data-cart-count]{
 min-width:27px;height:27px;padding:0 7px;border:1px solid #ffffff70;border-radius:50px;
 background:linear-gradient(135deg,#c4438d,#a12b6c);color:#fff;font-size:13px;line-height:1;font-weight:800;
 font-variant-numeric:tabular-nums;box-shadow:0 2px 6px #9c2e652a;transition:scale .22s ease;
}
.button:is(#add-to-cart,.kg-add-cart,.cart-checkout){
 position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:12px;
 width:100%;min-height:60px;padding:17px 24px;border:1px solid #ffffff50;border-radius:20px;overflow:hidden;
 background:linear-gradient(115deg,#ad347a,#ce4795 50%,#a52c72);background-size:180% 100%;
 color:#fff;font-size:17px;font-weight:800;line-height:1.5;text-align:center;text-decoration:none;
 box-shadow:inset 0 1px 0 #ffffff50,0 4px 0 #872458,0 9px 22px #b52d782b;
 transition:background-position .3s ease,box-shadow .2s ease,translate .2s ease;
}
.button:is(#add-to-cart,.kg-add-cart,.cart-checkout)::before{
 content:'';flex-shrink:0;width:25px;height:25px;background:currentColor;
 mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 9 4-6m6 0 4 6M3 9h18l-2 11H5L3 9Z'/%3E%3Cpath d='M9 13v3m6-3v3'/%3E%3C/svg%3E") center/contain no-repeat;
}
.button:is(#add-to-cart,.kg-add-cart,.cart-checkout)::after{content:'';position:absolute;inset:-50% auto -50% -60%;width:32%;rotate:24deg;background:linear-gradient(90deg,transparent,#ffffff28,transparent);pointer-events:none;transition:left .55s ease}
.cart-summary .button:is(#add-to-cart,.kg-add-cart,.cart-checkout){font-size:15px;padding-inline:16px;gap:9px}
.cart-quantity>div{border-color:#d8e4dd;border-radius:14px;box-shadow:0 2px 7px #315c4810}
.cart-quantity button{min-width:40px;height:42px;color:#387361;font-weight:600}
.cart-quantity input{height:42px;font-weight:700;color:#285649}
.cart-remove{width:40px;height:40px;border:1px solid #dde8e0;background:#ffffffa6}
@media(hover:hover){
 header .cart-link:not(:disabled):not([aria-disabled=true]):hover{background:linear-gradient(135deg,#fff,#fce4f1);border-color:#e5a6c7;color:#a13070;filter:none;translate:0 -2px;box-shadow:inset 0 1px 0 #fff,0 4px 0 #e6bfd4,0 0 0 4px #efb4d326,0 9px 22px #aa357622}
 header .cart-link:hover .basket-icon{rotate:-7deg;scale:1.08}
 header .cart-link:hover [data-cart-count]{scale:1.07}
 .button:is(#add-to-cart,.kg-add-cart,.cart-checkout):not(:disabled):not([aria-disabled=true]):hover{background-position:100% 0;filter:none;translate:0 -2px;box-shadow:inset 0 1px 0 #ffffff70,0 5px 0 #872458,0 0 0 4px #ed91c130,0 14px 28px #b52d7845}
 .button:is(#add-to-cart,.kg-add-cart,.cart-checkout):not(:disabled):not([aria-disabled=true]):hover::after{left:130%}
 .cart-quantity button:not(:disabled):not([aria-disabled=true]):hover{background:#fce3f1;color:#902b62;box-shadow:inset 0 0 0 1px #edb0cf;filter:none}
 .cart-remove:not(:disabled):not([aria-disabled=true]):hover{background:#fce3eb;border-color:#e5a7bc;color:#a02b55;box-shadow:0 0 0 3px #f9dce750;filter:none}
}
header .cart-link:focus-visible,.button:is(#add-to-cart,.kg-add-cart,.cart-checkout):focus-visible{outline:3px solid #923366;outline-offset:5px}
header .cart-link:active{translate:0 1px;box-shadow:inset 0 1px 0 #fff,0 1px 0 #d5e4dc}
.button:is(#add-to-cart,.kg-add-cart,.cart-checkout):not(:disabled):active{translate:0 1px;box-shadow:inset 0 1px 0 #ffffff50,0 1px 0 #872458,0 4px 12px #b52d7820}
.button:is(#add-to-cart,.kg-add-cart,.cart-checkout):disabled{opacity:.55;cursor:wait;translate:none;box-shadow:inset 0 1px 0 #ffffff35}
@media(max-width:700px){
 header .cart-link{gap:6px;min-height:44px;padding:7px 9px}
 header .cart-link .basket-icon{width:22px;height:22px}
 header .cart-link [data-cart-count]{min-width:22px;height:22px;padding-inline:5px;font-size:12px}
 .button:is(#add-to-cart,.kg-add-cart,.cart-checkout){padding:16px 18px;gap:10px;font-size:16px}
}
@media(prefers-reduced-motion:reduce){
 header .cart-link,header .cart-link .basket-icon,header .cart-link [data-cart-count],.button:is(#add-to-cart,.kg-add-cart,.cart-checkout),.button:is(#add-to-cart,.kg-add-cart,.cart-checkout)::after{transition:none}
 header .cart-link:hover .basket-icon,header .cart-link:hover [data-cart-count]{rotate:none;scale:none}
 .button:is(#add-to-cart,.kg-add-cart,.cart-checkout)::after{display:none}
}