:root{--ink:#2e3c32;--forest:#315b4e;--orange:#dd845c;--muted:#7b877d;--bg:#fcf9f2;--line:#e9e5da;--serif:"Fraunces",Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px "DM Sans",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.hidden{display:none!important}h1,h2,h3{font:500 1em var(--serif);letter-spacing:-.055em}em{font-weight:400;color:var(--orange)}.topline{background:#315b4e;color:white;text-align:center;font-size:11px;padding:11px;letter-spacing:.04em}header{max-width:1370px;margin:auto;padding:17px 5%;height:84px;display:flex;align-items:center;justify-content:space-between;gap:22px}.logo{font:700 29px var(--serif);letter-spacing:-.07em;white-space:nowrap}.logo span{color:var(--orange)}header nav{display:flex;gap:28px;font-size:12px;font-weight:700}header nav a:hover{color:var(--orange)}.header-right{display:flex;align-items:center;gap:17px}.btn{border:1px solid #dd845c;background:#dd845c;color:#fff;padding:14px 23px;border-radius:8px;font-weight:800;font-size:12px;box-shadow:0 4px 0 #bb724721}.btn:hover{filter:brightness(.95)}.btn.sm{padding:11px 16px}.btn.large{padding:18px 28px;font-size:13px}.btn.wide{width:100%}.btn.inverted{background:#fff;border-color:#fff;color:#315b4e}.btn.disabled{opacity:.48;cursor:not-allowed}.ghost,.textlink{border:0;background:transparent;font-size:12px;color:#456553;font-weight:800}.textlink{text-decoration:underline;padding:12px 0}.eyebrow{font-size:10px;letter-spacing:.15em;color:#b57556;font-weight:800}.hero{max-width:1370px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;padding:80px 5% 110px}.hero h1{font-size:clamp(56px,5.4vw,85px);line-height:1.08;margin:20px 0 26px}.hero p{font-size:16px;color:var(--muted);line-height:1.85;max-width:495px}.hero-buttons{display:flex;align-items:center;gap:24px;margin:27px 0}.hero-buttons a{font-size:12px;font-weight:800}.hero .subproof{font-size:11px;margin-top:38px}.hero-illustration{position:relative;background:#e6eddb;border-radius:50%;height:545px;display:grid;place-items:center}.large-book{height:440px;width:305px;background:#edc995;border:10px solid #f8e6c5;border-left:16px solid #cd975f;box-shadow:21px 24px 0 #9db49b,24px 28px 30px #3c513a35;transform:rotate(-7deg);padding:18px;text-align:center;position:relative}.large-book>small{font-size:9px;letter-spacing:.14em;color:#8e684a}.cover-picture{background:linear-gradient(180deg,#e1eacb,#8bb69a);height:235px;border-radius:130px 130px 14px 14px;margin:18px 7px 14px;position:relative;overflow:hidden}.sun{position:absolute;right:20px;top:20px;font-size:38px}.people{position:absolute;bottom:26px;left:22px;font-size:76px}.flowers{position:absolute;bottom:0;left:20px;font-size:24px}.large-book h2{font-size:28px;color:#4f765d;margin:3px 0 7px}.large-book i{color:#d67851}.handwritten{position:absolute;top:65px;right:-13px;width:95px;height:95px;background:#fff2dd;border:2px dashed #c8966b;border-radius:100%;display:grid;place-items:center;font:500 17px var(--serif);transform:rotate(12deg)}.ribbon{background:#f5e8d9;color:#a67b61;text-align:center;padding:25px;white-space:nowrap;overflow:hidden;font:italic 19px var(--serif)}.section{max-width:1370px;margin:auto;padding:100px 5%}.center{text-align:center}.section h2{font-size:clamp(40px,4.5vw,62px);line-height:1.16;margin:14px 0 22px}.center>p{color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:31px;margin-top:55px}.step-picture{border-radius:140px 140px 12px 12px;height:240px;display:grid;place-items:center;font-size:87px}.step-green{background:#e2e9d9}.step-peach{background:#fae7d4}.step-blue{background:#e5ebef}.steps small{display:block;margin-top:26px;font-size:10px;color:#bb7859;font-weight:800;letter-spacing:.1em}.steps h3{font-size:26px;margin:12px 0}.steps p{color:var(--muted);line-height:1.8;font-size:13px}.theme-section{max-width:none;background:#f7f1e8}.theme-section>.eyebrow,.theme-section>h2,.theme-grid{max-width:1210px;margin-left:auto;margin-right:auto}.theme-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:35px}.theme-card{padding:0 0 18px;text-align:left;border:1px solid var(--line);background:white;border-radius:12px;overflow:hidden}.theme-card:hover{transform:translateY(-4px)}.theme-image{height:280px;display:grid;place-items:center;font-size:90px;position:relative}.theme-image small{position:absolute;bottom:19px;font-size:22px;letter-spacing:6px}.forest{background:linear-gradient(140deg,#c4d7a6,#609479)}.stars{background:linear-gradient(140deg,#46507e,#ada8d3)}.ocean{background:linear-gradient(140deg,#b6dee1,#5b9ea8)}.jungle{background:linear-gradient(140deg,#ebd5a0,#c9ab72)}.theme-card h3{font-size:23px;margin:20px 17px 7px}.theme-card p{color:#ae7964;font-size:11px;margin:0 17px;font-weight:700}.packs{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1000px;margin:50px auto 34px}.packs article{padding:30px;text-align:center;border:1px solid var(--line);background:#fff;border-radius:17px}.packs .featured{border:2px solid #91ab98;background:#f0f3eb}.packs h3{font-size:27px;margin:8px}.packs p{color:var(--muted)}.pack-icon{font-size:52px}.packs strong{color:#5c7564}.endcap{padding:100px 25px;text-align:center;color:#fff;background:#315b4e}.endcap h2{font-size:clamp(45px,6vw,77px);margin:20px 0 30px}.endcap h2 em{color:#f2c4a6}.endcap .eyebrow{color:#e6bca0}footer{max-width:1370px;margin:auto;padding:45px 5%}footer p,footer small{color:var(--muted);font-size:11px}.auth-card{max-width:440px;margin:90px auto;padding:40px;background:#fff;border:1px solid var(--line);border-radius:18px}.auth-card h2{font-size:38px;line-height:1.2}.auth-card p{line-height:1.65;color:var(--muted)}label{display:block;font-size:12px;font-weight:700;margin:18px 0 10px}input:not([type=radio]):not([type=checkbox]):not([type=file]),textarea,select{display:block;width:100%;padding:14px;border:1px solid #d9dfd6;border-radius:8px;background:white;margin:8px 0;outline:none}input:focus,textarea:focus{border-color:#80a48d!important}.app-heading{max-width:1200px;margin:35px auto 25px;padding:0 5%;display:flex;justify-content:space-between;align-items:center;gap:15px}.app-heading h2{font-size:49px;margin:12px 0}.app-heading p{color:var(--muted)}.balance{max-width:1100px;margin:10px auto 20px;padding:16px 20px;background:#e7eee3;border:1px solid #cbdcc7;border-radius:11px;font-size:13px;color:#4d6b50}.library-grid{max-width:1200px;margin:22px auto 100px;padding:0 5%;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.saved-card{border:1px solid var(--line);background:#fff;padding:15px;border-radius:14px;text-align:left}.saved-illustration{height:185px;background:#e5e9dd;border-radius:8px;display:grid;place-items:center;font-size:82px}.saved-card h3{font-size:24px}.saved-card p{font-size:12px;color:var(--muted)}.empty-library{grid-column:1/-1;padding:70px 30px;text-align:center;background:white;border-radius:14px}.empty-library h3{font-size:30px}.wizard{max-width:1210px;margin:30px auto 100px;padding:0 5%;display:grid;grid-template-columns:1.2fr .8fr;gap:60px}.wizard-main{background:#fff;border-radius:15px;padding:25px;border:1px solid var(--line)}.step-head{display:flex;gap:17px;align-items:flex-start}.step-head>b{width:37px;height:37px;background:#efdfcd;color:#ab755b;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.step-head h3{font-size:28px;margin:0}.step-head p{font-size:12px;line-height:1.6;color:var(--muted)}.step-head.second{margin-top:32px}.family-options{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:15px 0 24px}.family-options label{margin:0;padding:14px;border:1px solid #dce2d8;border-radius:9px;font-size:12px;cursor:pointer}.member-card{border:1px solid var(--line);padding:17px;border-radius:11px;background:#faf9f5;margin:12px 0}.member-card h4{margin:2px 0;font-size:14px}.member-card .twocol{display:grid;grid-template-columns:1fr 1fr;gap:12px}.member-card .form-label{margin:10px 0}.member-card input[type=file]{display:block;margin:9px 0;font-size:11px;max-width:100%}.template-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.template-option{background:#fff;padding:17px;border:1px solid var(--line);border-radius:9px;text-align:left}.template-option.selected{border:2px solid var(--orange);background:#fff7ef}.template-option strong,.template-option small{display:block}.template-option small{margin-top:7px;color:var(--muted);font-size:11px}.form-label{margin-top:20px}.guardian{display:flex!important;gap:9px;align-items:flex-start;line-height:1.6;font-weight:500;margin:25px 0}.guardian input{margin-top:3px}.wizard-side{text-align:center;padding:30px;border-radius:18px;background:#e5ebde;height:max-content}.wizard-side>h3{font-size:24px}.book-preview{background:#e9d0a4;width:245px;max-width:100%;min-height:340px;margin:25px auto;transform:rotate(6deg);box-shadow:13px 15px 0 #b1c0a8;display:grid;place-items:center;padding:20px}.book-preview>div{font-size:89px}.book-preview small{font-size:9px;letter-spacing:.12em;color:#896f51}.book-preview h3{font-size:25px;color:#52735d}.wizard-side>p{font-size:12px;line-height:1.6;color:var(--muted)}.small-balance{font-size:11px;padding:10px}.editor-header{padding:17px 5%;background:#fff;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}.editor-header h3{font-size:19px;margin:0}.editor-header small{color:var(--muted)}.editor-shell{display:grid;grid-template-columns:190px 1fr;max-width:1370px;margin:0 auto}.editor-shell aside{padding:20px 15px;background:#f4f1e9;display:flex;flex-direction:column;gap:9px}.page-link{border:1px solid var(--line);background:#fff;border-radius:8px;padding:12px;font-size:12px;text-align:left}.page-link.active{border:2px solid var(--orange)}.editor-center{padding:30px 5%;max-width:1050px}.spread{display:grid;grid-template-columns:1fr 1fr;background:#fff;min-height:450px;border-radius:8px;overflow:hidden;box-shadow:0 15px 40px #4b553020}.spread-image{background:linear-gradient(120deg,#d6e8cd,#98b8aa);min-height:450px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.spread-image span{font-size:125px}.spread-image small{position:absolute;bottom:20px;font-size:9px;letter-spacing:.15em;color:#547d64}.spread-text{position:relative;padding:35px;display:grid;place-items:center;background:#fffef9;border-left:3px solid #efeadc}.spread-text>div{font:21px/1.8 var(--serif);outline:0;white-space:pre-wrap;min-height:190px;width:100%}.spread-text>div:focus{background:#fff6e6}.spread-text small{position:absolute;bottom:23px;right:32px;color:#919b92}.pager{display:flex;justify-content:space-between;gap:10px;margin:22px 0;font-size:11px;color:var(--muted)}.image-edit{padding:28px;background:#fff;border:1px solid var(--line);border-radius:12px;margin:35px 0}.image-edit h3{font-size:28px}.image-edit p,.notice{color:var(--muted);font-size:12px;line-height:1.7}.notice{margin-top:10px}.note{font-size:12px;color:#987656;line-height:1.6}#toast{position:fixed;right:24px;bottom:24px;background:#315b4e;color:white;padding:16px 22px;border-radius:10px;max-width:340px;box-shadow:0 10px 28px #0004;display:none;z-index:99}#toast.show{display:block}@media(max-width:850px){header nav{display:none}.hero{grid-template-columns:1fr}.hero-illustration{height:450px}.theme-grid{grid-template-columns:repeat(2,1fr)}.wizard{gap:20px}.app-heading h2{font-size:37px}.editor-center{padding:20px}}@media(max-width:640px){header{padding:13px 4%}.header-right{gap:4px}.header-right .ghost{font-size:10px}.btn.sm{font-size:10px;padding:10px}.logo{font-size:24px}.hero{padding:46px 5% 65px}.hero h1{font-size:54px}.hero-illustration{height:390px}.large-book{transform:rotate(-7deg) scale(.75)}.ribbon{font-size:14px;padding:18px}.section{padding:70px 5%}.section h2{font-size:42px}.steps{grid-template-columns:1fr}.step-picture{height:205px}.theme-grid{gap:11px}.theme-image{height:175px;font-size:65px}.theme-image small{font-size:15px;letter-spacing:0}.theme-card h3{font-size:18px}.packs{grid-template-columns:1fr}.auth-card{margin:30px 4%;padding:25px}.wizard{display:block;margin:20px auto 65px}.wizard-side{display:none}.wizard-main{padding:17px}.app-heading{display:block}.app-heading>div:last-child{margin-top:15px}.family-options,.template-options{grid-template-columns:1fr}.library-grid{grid-template-columns:1fr}.editor-shell{display:block}.editor-shell aside{display:flex;flex-direction:row;overflow-x:auto;padding:12px}.page-link{flex:none}.editor-center{padding:14px}.spread,.spread-image{min-height:320px}.spread-image span{font-size:74px}.spread-text{padding:16px}.spread-text>div{font-size:13px;line-height:1.75}.image-edit{padding:18px}}.studio-extras{display:flex;gap:10px;align-items:center}.studio-extras .ghost{white-space:nowrap}.danger{color:#ae5149!important}.generated-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}.reference-portraits{position:absolute;inset:15% 0 15%;display:flex;justify-content:center;align-items:center;gap:13px;flex-wrap:wrap;z-index:2;padding:15px}.face-sticker{width:30%;max-width:150px;text-align:center;background:#fff9ef;border:5px solid #fff9ef;box-shadow:0 8px 20px #264e4336;border-radius:100px 100px 14px 14px;padding-bottom:6px;transform:rotate(-4deg)}.face-sticker:nth-child(even){transform:rotate(6deg)}.face-sticker img{width:100%;height:100px;object-fit:cover;border-radius:100%;display:block}.face-sticker span{font-size:11px;font-weight:800;color:#4a6354}.parent-count-label{margin:15px 0!important;color:#496951;font-size:12px!important;font-weight:700}.image-edit #generateAllArt{margin-left:12px}@media(max-width:650px){.editor-header{flex-wrap:wrap}.studio-extras{width:100%;justify-content:space-between}.reference-portraits{gap:6px}.face-sticker{width:45%}.face-sticker img{height:65px}.face-sticker span{font-size:9px}.image-edit #generateAllArt{margin:10px 0 0}}
.pack-price{font:600 30px var(--serif);color:#315b4e;margin:13px 0}.packs article>strong{font-size:11px}

.sandbox-guide{background:#243e34;color:#fff;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;padding:12px 20px;font-size:12px;position:relative;z-index:10}.sandbox-guide span{opacity:.88}.sandbox-guide a{color:#ffd1a6;font-weight:800;text-decoration:underline}@media(max-width:650px){.sandbox-guide{font-size:11px;text-align:center;gap:6px}}

.hardcover-launch{padding:60px max(20px,7vw);background:linear-gradient(135deg,#f6ecd8,#e9f0e5);text-align:center}
.hc-intro{max-width:680px;margin:12px auto 30px;color:#506b5b}
.hc-offer{display:grid;grid-template-columns:1fr 1.1fr;gap:32px;max-width:980px;margin:0 auto;text-align:left;border:1px solid #e4dbc9;background:#fffefa;border-radius:24px;padding:30px;box-shadow:0 18px 42px #233b2817}
.hc-visual{background:radial-gradient(circle,#f6d6af,#b6cfbb);min-height:340px;border-radius:18px;display:grid;place-items:center}
.hc-book{width:230px;height:230px;display:flex;flex-direction:column;justify-content:space-between;text-align:center;padding:25px;background:linear-gradient(135deg,#376758,#6a9a7e);color:white;border-radius:4px 16px 16px 4px;box-shadow:10px 12px #294e42,17px 18px 23px #25403955;transform:rotate(-5deg);font-family:Georgia,serif}
.hc-book div{font-size:48px}.hc-book strong{font-size:22px}.hc-book small{font-size:11px;letter-spacing:1px}
.hc-details h3{font-family:Fraunces,Georgia,serif;font-size:26px;margin:10px 0}
.hc-status{font-size:10px;letter-spacing:1.3px;font-weight:800;color:#ab7453}
.hc-price{font-size:39px;font-weight:800;color:#285642;margin:17px 0}.hc-price small{font-size:14px;font-weight:500}
.hc-details p{font-size:14px;line-height:1.6;color:#587060}
.hc-promo{margin:24px 0}.hc-promo label{font-size:13px;font-weight:700}.hc-promo-row{display:flex;gap:9px;margin:8px 0}
.hc-promo input{flex:1;min-width:0;padding:12px;border:1px solid #ccd8ce;border-radius:10px}
#hardcoverPromoResult{font-size:12px;color:#4d7159;min-height:24px}
.hc-totals{display:grid;grid-template-columns:1fr auto;gap:10px;padding:16px 0;border-top:1px solid #e5e9e0;margin-bottom:18px}
.hc-details>.btn{width:100%;margin-bottom:10px}.hc-details>small{display:block;color:#758579;font-size:11px}
.family-cast{background:#f9fbf8;border:1px solid #dce4da;border-radius:14px;margin:12px 0 18px;padding:17px}
.family-cast legend{font-weight:800;font-size:14px}.family-cast p{font-size:13px;color:#557060;margin:4px 0 12px}
.family-cast-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.family-cast-grid label{border:1px solid #d6e2d9;background:white;border-radius:10px;display:flex;align-items:center;gap:6px;padding:10px 8px;font-size:13px}
.theme-image.xmas{background:linear-gradient(135deg,#9ecca8,#e8cdbc)}.theme-image.hanukkah{background:linear-gradient(135deg,#a9cde7,#e6ddf5)}.theme-image.eid{background:linear-gradient(135deg,#9fbcae,#edddaf)}
@media(max-width:760px){.hc-offer{grid-template-columns:1fr;padding:19px;gap:23px}.hc-visual{min-height:260px}.hc-book{width:190px;height:190px}.hardcover-launch{padding:40px 14px}.family-cast-grid{grid-template-columns:repeat(2,1fr)}}

/* 2026 editorial refresh: a quieter storybook identity and accessible motion */
:root{--forest:#24483f;--orange:#b96b4f;--ink:#283b33;--bg:#faf8f2;--line:#e8e5d9}
body{background:var(--bg)}
.topline{padding:10px 14px;background:#264b42;letter-spacing:.12em;font-size:10px;text-transform:uppercase;font-weight:700}
.topline-star{color:#f5d6a8;padding:0 10px;font-size:12px}
header{height:auto;min-height:82px}
header nav a{transition:color .2s ease}
.btn{background:#b96b4f;border-color:#b96b4f;border-radius:5px;box-shadow:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.btn:hover{filter:none;background:#a95941;transform:translateY(-2px);box-shadow:0 8px 18px #8b492526}
.btn:focus-visible,.ghost:focus-visible,a:focus-visible,.theme-card:focus-visible{outline:3px solid #dc9c70;outline-offset:4px}
.logo{letter-spacing:-.065em}.logo span:first-child{font-size:.7em;margin-right:4px}
.hero{min-height:670px;padding:62px 5% 80px;gap:6vw;grid-template-columns:1.05fr .95fr}
.hero h1{font-size:clamp(56px,5.7vw,92px);line-height:1.055;letter-spacing:-.075em;max-width:650px}
.hero h1 em{display:block;font-style:italic;color:#a96b51;letter-spacing:-.075em}
.hero p{font-size:16px;line-height:1.9;max-width:510px;color:#63756c}
.hero .eyebrow{letter-spacing:.19em;color:#956e52}
.hero-buttons{margin-top:34px}.hero-buttons>a{border-bottom:1px solid #a4aaa0;padding-bottom:5px}
.hero .subproof{margin-top:48px;color:#6d806e;font-size:12px}
.subproof-dot{padding:0 10px;color:#b8987e}
.hero-illustration{height:540px;isolation:isolate;border-radius:46% 54% 50% 50%/50% 48% 52% 50%;background:radial-gradient(ellipse at 54% 34%,#eff1e6 0,#e4e9da 55%,#d8e4d3 100%);overflow:visible}
.hero-aura{position:absolute;border:1px solid #cad9c2;border-radius:50%;pointer-events:none}
.aura-one{width:84%;height:83%;transform:rotate(-19deg)}.aura-two{width:112%;height:55%;transform:rotate(27deg);border-color:#e2e4cc}
.large-book{width:325px;height:468px;z-index:2;background:#f4e7ce;border:9px solid #faf1de;border-left:16px solid #c58f69;box-shadow:15px 22px 0 #9ab19b,22px 30px 37px #344a3b36;transform:rotate(-8deg);padding:19px 16px 18px;transition:transform .5s cubic-bezier(.2,.75,.25,1),box-shadow .5s}
.hero-illustration:hover .large-book{transform:rotate(-4deg) translateY(-8px);box-shadow:19px 29px 0 #9ab19b,26px 37px 45px #344a3b32}
.large-book>small{font-size:9px;color:#7d6a50;letter-spacing:.17em}
.cover-picture{margin:17px 6px 15px;height:253px;overflow:hidden;background:linear-gradient(180deg,#243e54 0%,#456b70 43%,#e7b98a 100%);position:relative;border-radius:135px 135px 8px 8px}
.cover-moon{position:absolute;top:43px;right:49px;width:55px;height:55px;border-radius:50%;background:#f7e1b1;box-shadow:0 0 0 10px #f7e1b10c,0 0 35px #f9e4ad7c}
.cover-star{position:absolute;color:#f6eac7;font-size:16px;animation:twinkle 3s ease-in-out infinite}.cover-star-one{top:27px;left:37px}.cover-star-two{top:90px;left:89px;animation-delay:1.1s}.cover-star-three{top:117px;right:30px;font-size:12px;animation-delay:2.1s}
.cover-hill{position:absolute;border-radius:50% 50% 0 0;width:145%;left:-23%;height:135px;bottom:-52px}.cover-hill-back{background:#587b69;transform:rotate(-9deg);bottom:-28px}.cover-hill-front{background:#304f43;transform:rotate(8deg);bottom:-66px;left:-10%}
.cover-house{position:absolute;bottom:57px;left:90px;width:61px;height:49px;background:#e5b98d;z-index:2;border-radius:2px;box-shadow:inset 0 -10px #b98463}.cover-house:before{content:'';position:absolute;top:-23px;left:-11px;width:0;height:0;border-left:42px solid transparent;border-right:42px solid transparent;border-bottom:27px solid #825e52}.cover-house span{position:absolute;left:23px;bottom:0;width:15px;height:29px;background:#425952;border-radius:7px 7px 0 0}.cover-house:after{content:'';position:absolute;top:12px;right:11px;width:10px;height:10px;background:#f9dea4;box-shadow:0 0 12px #fee3a0}
.large-book h2{font-size:29px;line-height:1.15;margin:10px 0 11px;color:#385d4c}.large-book i{color:#b56e50}
.book-caption{position:absolute;bottom:-21px;right:-15px;z-index:4;background:#fbf8ee;color:#536f60;box-shadow:0 9px 28px #3b503026;border:1px solid #e4e1d5;padding:13px 19px;font:italic 16px var(--serif);transform:rotate(3deg);white-space:nowrap}
.book-caption span{font:22px Georgia,serif;color:#bb8067;vertical-align:middle;margin-right:7px}
.sparkle{position:absolute;z-index:3;color:#bc9869;line-height:1;pointer-events:none;animation:twinkle 3.5s ease-in-out infinite}
.sparkle-one{font-size:31px;top:35px;left:14%}.sparkle-two{font-size:20px;top:17%;right:6%;animation-delay:.8s}.sparkle-three{font-size:26px;bottom:95px;left:8%;animation-delay:1.5s}.sparkle-four{font-size:16px;bottom:19%;right:7%;animation-delay:2.3s}
@keyframes twinkle{0%,100%{opacity:.5;transform:scale(.8) rotate(-8deg)}48%{opacity:1;transform:scale(1.2) rotate(8deg)}}
.ribbon{background:#e8e9db;color:#4d6858;font:italic clamp(17px,2vw,24px) var(--serif);padding:25px 10px;letter-spacing:-.015em}.ribbon span{color:#b87954;padding:0 16px}
.section h2{letter-spacing:-.065em}.steps{gap:27px}.steps article{min-width:0}
.step-picture{height:245px;position:relative;overflow:hidden;border-radius:145px 145px 10px 10px}.step-picture:after{content:'';position:absolute;inset:22px;border:1px solid #ffffff7a;border-radius:125px 125px 5px 5px;pointer-events:none}
.step-green{background:#e0e9d9}.step-peach{background:#f2dfce}.step-blue{background:#dfe9e8}
.step-art{position:relative;display:block;width:155px;height:150px}
.step-art-family i{position:absolute;background:#6e8c79;border-radius:60% 60% 20% 20%;box-shadow:inset -10px -10px #456a5b22}
.step-art-family i:nth-child(1){width:72px;height:94px;bottom:5px;left:3px}.step-art-family i:nth-child(2){width:72px;height:94px;bottom:5px;right:3px;background:#af8467}.step-art-family i:nth-child(3){width:68px;height:79px;bottom:-4px;left:43px;background:#ddbb90;z-index:2}
.step-art-family i:before{content:'';position:absolute;border-radius:50%;height:49px;width:49px;top:-35px;left:12px;background:inherit}
.step-art-book{width:160px;height:115px;transform:rotate(-8deg);filter:drop-shadow(10px 12px 4px #7a64552a)}.step-art-book i{position:absolute;width:50%;height:100%;background:#fffaf0;border:2px solid #ba947b;top:0}.step-art-book i:first-child{left:0;border-radius:8px 2px 7px 7px;transform:skewY(-8deg)}.step-art-book i:last-child{right:0;border-radius:2px 8px 7px 7px;transform:skewY(8deg)}.step-art-book i:after{content:'';position:absolute;top:26px;left:15px;width:48px;border-top:2px solid #c4ac98;box-shadow:0 12px #c4ac98,0 24px #c4ac98}
.step-art-keepsake{display:grid;place-items:center;color:#dfbd8b;font-size:70px;background:#426e69;border:8px solid #d0b29c;width:145px;height:150px;box-shadow:14px 13px #35595830;transform:rotate(7deg)}.step-art-keepsake i{position:absolute;width:55px;height:55px;border:2px solid #f0e3c9;border-radius:50%}
.theme-section{background:#f6f2e9}.theme-grid{gap:22px}
.theme-card{background:#fffdf8;border:1px solid #e7e2d6;border-radius:10px 10px 7px 7px;transition:transform .3s ease,box-shadow .3s ease, border-color .3s ease;box-shadow:0 2px 0 #f0ece1}
.theme-card:hover{transform:translateY(-6px);border-color:#c9baa6;box-shadow:0 14px 28px #39352c15}
.theme-image{height:235px;overflow:hidden;position:relative;background:linear-gradient(155deg,#dbe5cb,#739f83)}
.theme-image:before,.theme-image:after{content:'';position:absolute;width:200px;height:200px;border-radius:50%;border:1px solid #ffffff78;top:20px;left:50%;transform:translateX(-50%)}.theme-image:after{width:154px;height:154px;top:43px;border-color:#ffffff90}
.theme-orbit{position:absolute;width:150%;height:45%;border-radius:50%;bottom:-29%;left:-25%;transform:rotate(-8deg);background:#375d4975}
.theme-symbol{position:relative;z-index:2;font:normal 105px/1 Georgia,serif;color:#fdf4da;transform:translateY(-6px);text-shadow:0 8px 26px #1b36212c;transition:transform .35s ease}
.theme-card:hover .theme-symbol{transform:translateY(-11px) rotate(7deg)}
.theme-tagline{position:absolute;z-index:3;bottom:19px;left:15px;right:15px;text-align:center;color:#fff9e9;font:italic 14px var(--serif);text-shadow:0 1px 10px #17261e88}
.theme-image.stars{background:linear-gradient(135deg,#283753,#737da0)}.theme-image.ocean{background:linear-gradient(145deg,#5d9ca9,#aed2c8)}.theme-image.jungle{background:linear-gradient(145deg,#b8b183,#778f69)}.theme-image.xmas{background:linear-gradient(145deg,#385f55,#a9b6a0)}.theme-image.hanukkah{background:linear-gradient(145deg,#526b91,#b6b3cb)}.theme-image.eid{background:linear-gradient(145deg,#5a807d,#9ebeb3)}
.theme-card h3{font-size:23px;margin:19px 16px 7px}.theme-card p{padding-bottom:4px}
.hc-offer{border-radius:13px;box-shadow:0 16px 45px #28372d16}.hc-visual{border-radius:9px}.packs article{border-radius:12px}
@media(max-width:980px){header nav{gap:13px}.header-right{gap:9px}.hero{gap:30px}.hero-illustration{height:465px}.large-book{transform:rotate(-8deg) scale(.85)}.hero-illustration:hover .large-book{transform:rotate(-5deg) scale(.85)}.book-caption{font-size:13px;right:0}.hero h1{font-size:clamp(48px,6.5vw,72px)}}
@media(max-width:850px){.hero{grid-template-columns:1fr;gap:48px}.hero-illustration{max-width:580px;width:100%;justify-self:center}.hero h1{max-width:690px}.hero p{max-width:600px}}
@media(max-width:640px){header{gap:8px}.header-right #installApp{display:none}.hero{padding:42px 6% 85px}.hero h1{font-size:clamp(46px,12vw,62px);line-height:1.04}.hero p{font-size:15px;line-height:1.75}.hero .subproof{margin-top:27px;font-size:10px}.hero-illustration{height:365px;max-width:410px}.large-book{transform:rotate(-8deg) scale(.7)}.hero-illustration:hover .large-book{transform:rotate(-5deg) scale(.7)}.sparkle-one{top:12px}.book-caption{right:-4px;bottom:-25px;font-size:11px;padding:9px 11px}.book-caption span{font-size:15px}.ribbon{white-space:normal;line-height:1.4;padding:17px 10px;font-size:18px}.ribbon span{padding:0 5px}.step-picture{height:205px}.theme-image{height:165px}.theme-symbol{font-size:80px}.theme-image:before{width:140px;height:140px;top:12px}.theme-image:after{width:100px;height:100px;top:32px}.theme-tagline{font-size:11px;bottom:10px;line-height:1.25}.theme-card h3{font-size:17px}.topline{letter-spacing:.055em;font-size:9px}.topline-star{padding:0 3px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* Safe illustrated story cards: dimensions do not depend on inherited type sizing. */
.theme-section{text-align:center;padding-top:90px;padding-bottom:100px}
.theme-section>.eyebrow,.theme-section>h2{max-width:1150px;margin-left:auto;margin-right:auto}
.theme-lede{margin:0 auto 15px;font-size:15px;line-height:1.7;color:#65766a;max-width:620px}
.theme-explore{display:inline-flex;margin-bottom:22px;color:#295b4a;font-weight:700;font-size:13px;gap:9px;align-items:center;text-decoration:underline;text-underline-offset:5px}
.theme-grid{text-align:left;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;max-width:1260px}
.story-tile{min-width:0;padding:0;background:#fffdf9;overflow:hidden;display:flex;flex-direction:column;border:1px solid #e5e0d4;border-radius:13px}
.story-tile .theme-image{display:block;position:relative;width:100%;height:auto;aspect-ratio:6/4.4;font-size:initial!important;line-height:normal!important;overflow:hidden}
.story-tile .theme-artwork{display:block;width:100%;height:100%;object-fit:cover;max-width:100%;transition:transform .5s ease}
.story-tile .theme-image:before,.story-tile .theme-image:after,.story-tile .theme-orbit{display:none!important}
.story-tile:hover .theme-artwork{transform:scale(1.035)}
.story-tile .theme-copy{padding:21px 21px 24px;flex:1;min-height:108px}
.story-tile .theme-copy h3{font:600 clamp(18px,1.5vw,23px)/1.25 var(--serif);margin:0 0 10px;color:#283b33;letter-spacing:-.025em;overflow-wrap:break-word}
.story-tile .theme-copy p{font:500 12px/1.55 'DM Sans',sans-serif;margin:0;color:#8d796c;overflow-wrap:break-word}
@media(max-width:950px){.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.theme-grid{gap:14px}.story-tile .theme-copy{padding:14px 13px 16px;min-height:125px}.story-tile .theme-copy h3{font-size:17px}.story-tile .theme-copy p{font-size:11px}.theme-section{padding-top:68px;padding-bottom:75px}}

/* Family creator improvements */
.creator-progress{display:flex;justify-content:space-between;gap:12px;margin-bottom:29px;border-bottom:1px solid #e5e8e0;padding-bottom:19px;font-weight:700;font-size:11px;color:#8c9a8f}.creator-progress span.active{color:#315b4e}.creator-progress span{white-space:nowrap}
.creator-hint{font-size:12px;line-height:1.65;color:#687b6b;margin:15px 0}.creator-hint a{text-decoration:underline;font-weight:700;color:#366854}
.photo-preview{display:flex;gap:8px;margin:12px 0;flex-wrap:wrap}.photo-preview img{width:80px;height:80px;border-radius:8px;object-fit:cover;border:2px solid #e6e8de}
.creator-review{padding:18px;background:#f0f5eb;border:1px solid #d5e3d2;border-radius:9px;display:grid;gap:7px;margin:22px 0}.creator-review strong{font-size:13px;color:#315b4e}.creator-review span{font-size:14px;font-weight:700}.creator-review small{font-size:11px;color:#637766}
@media(max-width:550px){.creator-progress{gap:6px;font-size:9px}.photo-preview img{width:68px;height:68px}}

.print-preflight-status{font-size:12px;line-height:1.7;background:#fff4e5;color:#835a3c;border:1px solid #ecdcc4;border-radius:8px;padding:13px;margin-top:13px;min-height:0}.print-preflight-status:empty{display:none}.print-preflight-status.ready{background:#eef6ed;color:#365d43;border-color:#d8e7d4}#printPreflight{margin-top:14px;display:block;padding:12px 0;text-decoration:underline;text-underline-offset:4px}

.hc-shipping-preview{margin:16px 0 20px;padding:18px;background:#f3f7f0;border:1px solid #dce6d7;border-radius:10px;text-align:left}.hc-shipping-preview>label{margin:0 0 9px;font-weight:800;color:#355b49;font-size:13px}.hc-shipping-row{display:flex;gap:9px;align-items:center}.hc-shipping-row input{min-width:0;flex:1;background:#fff!important;margin:0!important;text-transform:uppercase}.hc-shipping-row .ghost{background:#e0eadd;padding:14px 12px;border-radius:8px;white-space:nowrap;font-size:12px}.hc-shipping-results{margin:14px 0 0;font-size:12px;color:#577062;line-height:1.65}.shipping-options-list{padding:0;margin:0 0 12px;list-style:none}.shipping-options-list li{display:flex;justify-content:space-between;gap:14px;padding:8px 0;border-bottom:1px solid #dce7da}.shipping-options-list li strong{white-space:nowrap;color:#315b4e}.hc-shipping-results small{color:#6f7c70;font-size:11px;line-height:1.6}

/* 2026-11 illustrated redesign: replace decorative CSS silhouettes with actual storybook artwork */
.hero-illustration{position:relative;display:block;background:transparent!important;height:auto;min-height:0;border-radius:0!important;overflow:visible;padding:0;margin:0;isolation:isolate}
.hero-illustration .hero-art-frame{position:relative;aspect-ratio:1.18;overflow:hidden;border:12px solid #fdf8ec;border-left:17px solid #b78a6f;border-radius:5px 18px 18px 5px;background:#d7d9c7;box-shadow:18px 20px 0 #90ae98,23px 28px 35px #21392a30;transform:rotate(2deg);transition:transform .35s ease}
.hero-art-frame img{width:100%;height:100%;display:block;object-fit:cover;object-position:11% center}
.hero-art-label{position:absolute;bottom:18px;left:12px;background:#fffaf0e9;color:#42614e;letter-spacing:.11em;font-size:9px;line-height:1.4;font-weight:800;padding:9px 11px;border-radius:4px;max-width:90%}
.hero-art-caption{position:absolute;right:-18px;bottom:-42px;background:#fffaf0;padding:15px 17px;font:italic 16px var(--serif);transform:rotate(-2deg);box-shadow:0 7px 28px #28463121;border-radius:4px;color:#456a59;z-index:2;max-width:90%}.hero-art-caption span{color:#c38957}
.hero-illustration .hero-aura,.hero-illustration .aura-one,.hero-illustration .aura-two,.hero-illustration .sparkle,.hero-illustration .large-book,.hero-illustration .book-caption{display:none!important}
.step-picture{position:relative;overflow:hidden;display:block;border-radius:160px 160px 12px 12px!important;padding:0;background:#dedfd2;height:265px}
.step-picture img{display:block;width:100%;height:100%;object-fit:cover;object-position:14% center;transition:transform .45s ease}
.steps article:hover .step-picture img{transform:scale(1.04)}
.step-picture:after{content:'';display:block;position:absolute;inset:0;border:1px solid #f9f6e855;border-radius:inherit;pointer-events:none}
.story-tile .theme-image{background:#dde5dc!important}.story-tile .theme-artwork{object-fit:cover;object-position:17% center!important}
@media(max-width:980px){.hero-illustration .hero-art-frame{aspect-ratio:1.25}.hero-art-caption{right:0;bottom:-31px;font-size:12px}.step-picture{height:235px}}
@media(max-width:850px){.hero-illustration{max-width:550px!important;min-height:0!important;margin:20px auto 36px}.hero-art-frame{aspect-ratio:1.3!important}}
@media(max-width:640px){.hero-illustration{height:auto!important;max-width:90%!important}.hero-illustration .hero-art-frame{border-width:8px 8px 8px 11px;aspect-ratio:1.16!important}.hero-art-label{font-size:8px;bottom:12px}.hero-art-caption{font-size:12px;padding:10px;bottom:-29px}.step-picture{height:235px}}
@media(prefers-reduced-motion:reduce){.step-picture img,.hero-art-frame{transition:none!important}}


/* Gallery containment hotfix. Isolate the eight-story grid from legacy hero and image styles. */
#themes.theme-section{position:relative;display:block;clear:both;width:100%;max-width:none;min-height:0;margin:0;padding:88px max(24px,calc((100vw - 1280px)/2)) 108px;overflow:hidden;background:#f8f4ec!important;color:#283b33;text-align:center;isolation:isolate}
#themes.theme-section::before,#themes.theme-section::after{content:none!important}
#themes.theme-section>.eyebrow{display:block;color:#a56b4f;font-size:11px;font-weight:800;letter-spacing:.18em;margin:0 auto 12px}
#themes.theme-section>h2{display:block;position:static;max-width:960px;font-size:clamp(35px,4.1vw,62px);line-height:1.16;color:#283b33;letter-spacing:-.055em;margin:0 auto 18px}
#themes.theme-section>h2 em{color:#b96b4f}
#themes.theme-section>.theme-lede{display:block;position:static;max-width:640px;margin:0 auto 15px;color:#65756b;font-size:16px;line-height:1.7}
#themes.theme-section>.theme-explore{display:inline-flex;position:static;margin:0 auto 36px;color:#315b4e;font-size:13px;font-weight:700;align-items:center;gap:8px}
#themes .theme-grid{position:relative!important;inset:auto!important;float:none!important;display:grid!important;width:100%;max-width:1280px;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:22px!important;margin:0 auto!important;padding:0!important;align-items:stretch;justify-content:center;background:transparent!important;transform:none!important}
#themes .theme-card.story-tile{position:relative!important;inset:auto!important;float:none!important;display:flex!important;flex-direction:column;width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#fffdf8!important;border:1px solid #e5ddcf!important;border-radius:13px!important;text-align:left;box-shadow:0 5px 18px #403b2a0d;transform:none}
#themes .story-tile:hover{transform:translateY(-4px)}
#themes .story-tile .theme-image{position:relative!important;inset:auto!important;display:block!important;flex:none!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:4/4.5!important;padding:0!important;margin:0!important;overflow:hidden!important;border:0!important;border-radius:0!important;background:#e9e6db!important}
#themes .story-tile .theme-artwork{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;min-height:0!important;margin:0!important;padding:0!important;object-fit:cover!important;object-position:12% center!important;opacity:1!important;border:0!important;border-radius:0!important;transform:none}
#themes .story-tile:hover .theme-artwork{transform:scale(1.025)}
#themes .story-tile .theme-copy{position:relative!important;display:block!important;inset:auto!important;flex:1!important;min-height:120px!important;width:100%!important;padding:20px 18px 22px!important;margin:0!important;background:#fffdf8!important;opacity:1!important;visibility:visible!important}
#themes .story-tile .theme-copy h3{display:block!important;position:static!important;font:600 21px/1.25 var(--serif)!important;letter-spacing:-.025em;color:#283b33!important;margin:0 0 9px!important;text-shadow:none!important;opacity:1!important}
#themes .story-tile .theme-copy p{display:block!important;position:static!important;font:500 12px/1.5 'DM Sans',sans-serif!important;color:#776e65!important;margin:0!important;padding:0!important;text-shadow:none!important;opacity:1!important}
@media(max-width:1050px){#themes .theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}#themes.theme-section{padding:72px 5% 85px}#themes .story-tile .theme-image{aspect-ratio:4/3.7!important}}
@media(max-width:580px){#themes.theme-section{padding:58px 18px 72px}#themes.theme-section>h2{font-size:clamp(34px,9vw,47px)}#themes.theme-section>.theme-lede{font-size:14px}#themes .theme-grid{gap:12px!important}#themes .story-tile .theme-image{aspect-ratio:4/5!important}#themes .story-tile .theme-copy{padding:13px 11px 17px!important;min-height:116px!important}#themes .story-tile .theme-copy h3{font-size:16px!important}#themes .story-tile .theme-copy p{font-size:11px!important}}


/* Clear consumer launch messaging; do not display inactive print checkout forms. */
.hc-promo,.hc-totals,.hc-shipping-preview{display:none!important}
.faq-section{max-width:none;background:#fffdf8;padding:88px max(20px,calc((100vw - 1000px)/2)) 100px}
.faq-section .center{max-width:850px;margin:0 auto 36px}
.faq-section h2{font-size:clamp(32px,4.2vw,52px)}
.faq-list{max-width:900px;margin:auto;border-top:1px solid #e2ded3}
.faq-list details{border-bottom:1px solid #e2ded3;padding:0 6px}
.faq-list summary{list-style:none;cursor:pointer;font:600 clamp(17px,2vw,22px)/1.35 var(--serif);letter-spacing:-.025em;color:#294b3d;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 3px}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:'+';font:400 25px 'DM Sans',sans-serif;color:#ad7050}
.faq-list details[open] summary:after{content:'−'}
.faq-list p{margin:0 30px 24px 3px;max-width:730px;color:#60746b;font:400 14px/1.85 'DM Sans',sans-serif}
.faq-list p a{color:#9a6248;text-decoration:underline;text-underline-offset:3px}
@media(max-width:640px){.faq-section{padding:64px 20px 74px}.faq-list summary{padding:19px 2px}.faq-list p{font-size:13px}}

/* Artwork QA: inspect the complete panorama instead of accepting a cropped preview. */
.art-preview-dialog{border:0;border-radius:14px;max-width:min(94vw,1300px);max-height:92vh;width:1100px;padding:16px 18px 24px;background:#fffdf8;color:#294439;box-shadow:0 18px 80px #1a2e2566}
.art-preview-dialog::backdrop{background:#14261dbb}
.art-preview-dialog>button{display:block;margin:0 0 14px auto;background:#e7efe5;padding:9px 14px;border-radius:6px}
.art-preview-dialog img{width:100%;height:auto;max-height:70vh;object-fit:contain;display:block;background:#e6e7df;border-radius:5px}
.art-preview-dialog p{text-align:center;margin:14px auto 0;font-size:12px;line-height:1.6;color:#61776b;max-width:780px}
#inspectArtwork{display:inline-block;margin:10px 10px 5px 0;padding:9px 14px;border:1px solid #b9cdbf;border-radius:6px}
@media(max-width:640px){.art-preview-dialog{max-width:96vw;padding:12px}.art-preview-dialog img{max-height:58vh}}


/* Story artwork uses wide 2:1 scenes. Do not force them into portrait crops. */
#themes .story-tile .theme-image{aspect-ratio:2/1!important;min-height:0!important;background:#f0eadf!important}
#themes .story-tile .theme-artwork{object-fit:contain!important;object-position:center!important;transform:none!important}
#themes .story-tile:hover .theme-artwork{transform:none!important}
#themes .story-tile .theme-copy{min-height:116px!important}
@media(max-width:1050px){#themes .story-tile .theme-image{aspect-ratio:2/1!important}}
@media(max-width:580px){
 #themes .story-tile .theme-image{aspect-ratio:2/1!important}
 #themes .story-tile .theme-copy{min-height:120px!important}
 #themes .story-tile .theme-copy h3{font-size:15px!important}
}


/* Gift-first customer experience, designed to stay readable on a phone. */
.gift-guide{padding:76px max(22px,calc((100vw - 1240px)/2)) 78px;background:#f0efe5;position:relative;isolation:isolate}
.gift-intro{max-width:760px;text-align:center;margin:0 auto 34px}
.gift-intro h2{font:500 clamp(32px,4vw,55px)/1.16 var(--serif);letter-spacing:-.055em;margin:15px 0}
.gift-intro p{color:#60766b;font-size:15px;line-height:1.7}
.gift-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:1240px;margin:auto}
.gift-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:10px;min-width:0;min-height:212px;padding:24px 21px 20px;background:#fffcf4;border:1px solid #e6ded1;border-radius:15px;color:#2d4b3b;box-shadow:0 4px 14px #233c2c0c;transition:transform .22s ease,box-shadow .22s ease}
.gift-card:hover,.gift-card:focus-visible{transform:translateY(-3px);box-shadow:0 10px 26px #283c3023}
.gift-card>span:first-child{font-size:30px;line-height:1.2}
.gift-card strong{font:600 22px/1.15 var(--serif);letter-spacing:-.035em}
.gift-card small{color:#708174;font-size:12px;line-height:1.6;min-height:40px}
.gift-action{margin-top:auto;color:#a66147;font-size:12px;font-weight:800}
.gift-birthday{background:#fff3e8}.gift-christmas{background:#eff3e8}.gift-hanukkah{background:#f0edf8}.gift-eid{background:#fff5e4}
.gift-footnote{margin:22px auto 0;max-width:780px;font-size:11px;color:#68786d;line-height:1.6;text-align:center}
.hero{position:relative;isolation:isolate}
.hero::before,.hero::after{content:'✦';position:absolute;pointer-events:none;color:#d3a56f;opacity:.48;font-size:20px;animation:gentle-twinkle 5s ease-in-out infinite}
.hero::before{top:13%;right:40%}.hero::after{bottom:19%;right:4%;font-size:14px;animation-delay:2s}
@keyframes gentle-twinkle{0%,100%{opacity:.15;transform:scale(.86) rotate(-10deg)}50%{opacity:.65;transform:scale(1.12) rotate(10deg)}}
.hero-illustration .hero-art-frame{transition:transform .35s ease,box-shadow .35s ease}
.hero-illustration:hover .hero-art-frame{transform:rotate(0deg) translateY(-3px)}
#themes .theme-card.story-tile{transition:transform .24s ease,box-shadow .24s ease}
#themes .story-tile:hover{transform:translateY(-4px)}
#themes .story-tile .theme-image{aspect-ratio:2/1!important}
#themes .story-tile .theme-artwork{object-fit:contain!important;object-position:center!important}
.hc-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:9px}
.hc-price .price-value{font:600 clamp(34px,4vw,51px)/1.1 var(--serif)}
.hc-price small{max-width:230px;font-size:11px;line-height:1.5}
footer small a{display:inline-block;min-height:40px;padding:12px 4px;text-decoration:underline;text-underline-offset:3px}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #cc855e;outline-offset:3px}
@media(max-width:1024px){.gift-guide{padding:62px 5% 72px}.gift-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gift-card{min-height:185px}}
@media(max-width:700px){
 header{height:auto;min-height:68px;padding:10px 18px!important;gap:6px;flex-wrap:wrap}
 header .logo{font-size:25px;letter-spacing:-.055em}
 header nav{display:none!important}
 header .header-right{display:flex;gap:8px;margin-left:auto}
 #installApp{display:none!important}
 #getStarted{font-size:11px;min-height:42px;padding:10px 12px}
 #authTop{min-height:44px;padding:8px}
 #openBooks{min-height:44px}
 .hero{padding:30px 22px 72px!important;gap:26px!important}
 .hero h1{font-size:clamp(39px,10vw,57px)!important;line-height:1.08!important;margin:12px 0 15px!important}
 .hero p{font-size:14px!important;line-height:1.7!important}
 .hero-buttons{display:flex;gap:14px;flex-wrap:wrap;margin:20px 0!important}
 .hero-buttons .btn{min-height:48px}
 .hero-buttons a{min-height:44px;display:inline-flex;align-items:center}
 .hero-illustration{width:min(100%,420px)!important;margin:0 auto 10px!important}
 .hero-illustration .hero-art-frame{aspect-ratio:1.3!important}
 .gift-guide{padding:49px 18px 53px}
 .gift-intro h2{font-size:33px}
 .gift-intro p{font-size:13px}
 .gift-grid{gap:10px}
 .gift-card{padding:17px 14px;min-height:188px;border-radius:12px}
 .gift-card>span:first-child{font-size:26px}
 .gift-card strong{font-size:18px}
 .gift-card small{font-size:11px}
 .gift-action{font-size:11px}
 #themes.theme-section{padding:55px 18px 70px!important}
 #themes .theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
 #themes .theme-copy{min-height:106px!important;padding:14px 12px 16px!important}
 #themes .theme-copy h3{font-size:16px!important}
 #themes .theme-copy p{font-size:11px!important}
 .editor-shell{min-width:0}
 .studio-extras{flex-wrap:wrap;gap:9px}
 .studio-extras button{min-height:42px;white-space:normal!important}
 #generateImage,#generateAllArt,#printPreflight,.image-edit button{min-height:44px}
 .gift-footnote{font-size:11px}
 .faq-section{padding:56px 18px 65px}
 .legal{margin-top:24px}
}
@media(max-width:380px){#getStarted{padding:9px;font-size:10px}.logo{font-size:22px!important}.gift-card strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){.hero::before,.hero::after{animation:none}.hero-illustration .hero-art-frame,.gift-card,#themes .story-tile{transition:none!important}.hero-illustration:hover .hero-art-frame,.gift-card:hover,#themes .story-tile:hover{transform:none}}


/* The book editor must never require horizontal panning on iPad or iPhone. */
#editor,#create{max-width:100%;min-width:0}
#editor .editor-shell,#editor .editor-center,#editor .spread,#editor .image-edit{min-width:0}
#editor .spread{grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%}
#editor .spread-text,#editor .spread-image{min-width:0}
#editor .spread-text>div{overflow-wrap:anywhere;word-break:normal}
#editor .studio-extras{flex-wrap:wrap}
#editor .image-edit textarea{box-sizing:border-box;max-width:100%;width:100%}
#editor .editor-header{gap:12px;flex-wrap:wrap}
@media(max-width:1100px){
 #editor .editor-shell{display:flex!important;flex-direction:column!important;width:100%!important;max-width:100%!important}
 #editor .editor-shell>aside{display:flex!important;flex-direction:row!important;overflow-x:auto!important;max-width:100%!important;min-width:0!important;flex-wrap:nowrap!important}
 #editor .page-link{flex:0 0 auto;min-width:128px}
 #editor .editor-center{width:100%!important;max-width:100%!important;min-width:0!important;padding:18px 4%!important}
 #editor .spread{width:100%!important;min-width:0!important}
}
@media(max-width:540px){
 #editor .spread{display:flex!important;flex-direction:column!important}
 #editor .spread-image{min-height:230px!important}
 #editor .spread-text{min-height:210px!important;padding:20px 18px!important}
 #editor .pager{gap:8px;flex-wrap:wrap;justify-content:space-between}
 #editor .pager>span{width:100%;order:-1;text-align:center}
 #editor .studio-extras button{max-width:100%}
}

/* Family resemblance: clear portrait guidance and private side-by-side review. */
.member-card .photo-guidance{font-size:12px;line-height:1.65;color:#53685e;background:#f4f7ed;padding:12px 14px;border:1px solid #dde5d7;border-radius:10px;margin:10px 0}
.member-card .photo-quality-status{font-size:12px;line-height:1.5;color:#34584a;margin:9px 0}
.member-card .photo-preview{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.member-card .photo-preview img{width:90px;height:90px;object-fit:cover;object-position:center 28%;border-radius:12px;border:2px solid #dfdfd4;box-shadow:0 2px 10px #233a2c12}
.likeness-comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:14px;margin:12px 0 24px}
.likeness-person{margin:0;max-width:220px;background:#f7f6f0;padding:10px;border-radius:12px;border:1px solid #e3e0d8}
.likeness-person img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;object-position:center 28%;border-radius:7px}
.likeness-person figcaption{font-size:11px;line-height:1.4;color:#486356;margin-top:8px}
.art-preview-dialog h3{font:600 22px/1.2 var(--serif);margin:22px 0 8px}
.art-preview-dialog>p{line-height:1.65}
.art-preview-dialog:modal{max-height:90dvh;overflow-y:auto}
@media(max-width:480px){.likeness-comparison{grid-template-columns:repeat(2,minmax(0,1fr))}.member-card .photo-preview img{width:78px;height:78px}}

/* Creator responsive regression: prevent file inputs and two-column details from stretching iPads. */
#create .wizard{box-sizing:border-box;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);max-width:100%}
#create .wizard-main,#create .wizard-side,#create .member-card,#create .member-card label{min-width:0;max-width:100%;box-sizing:border-box}
#create .member-card .twocol{grid-template-columns:repeat(2,minmax(0,1fr))}
#create .member-card input[type=file],#create .member-card input[type=text],#create .member-card input[type=number],#create .member-card .person-name,#create .member-card .person-age,#create .member-card .person-traits{box-sizing:border-box;max-width:100%;width:100%;min-width:0}
#create .creator-progress{max-width:100%;min-width:0;flex-wrap:wrap;gap:8px}
#create .photo-guidance,#create .photo-quality-status{overflow-wrap:anywhere}
@media(max-width:1100px){
 #create .wizard{display:block!important;max-width:760px;margin:22px auto 80px;padding:0 4%}
 #create .wizard-side{display:none!important}
 #create .wizard-main{width:100%;padding:22px;box-sizing:border-box}
}
@media(max-width:480px){
 #create .wizard{padding:0 14px!important;margin:18px auto 45px}
 #create .wizard-main{padding:16px 14px}
 #create .member-card{padding:13px}
 #create .member-card .twocol{grid-template-columns:1fr;gap:0}
}


/* SALON STORIES GREEN BRAND SYSTEM: shared with icon, samples and app. */
:root{--forest:#214e3e;--green:#214e3e;--ink:#263f32;--orange:#b7784b;--bg:#fafaf4;--brand-soft:#edf5e9;--brand-deep:#173b31;--line:#dce6dc}
body{color:var(--ink);background:var(--bg);overflow-x:clip}
.logo.brand-lockup{display:inline-flex;align-items:center;gap:9px;max-width:100%;white-space:nowrap;color:var(--forest);font:700 clamp(21px,2.3vw,27px)/1.05 var(--serif);letter-spacing:-.065em;text-decoration:none}
.logo.brand-lockup .brand-symbol{width:35px;height:35px;display:block;flex:none;border-radius:9px}
.logo.brand-lockup .brand-wordmark{color:var(--forest);display:inline-block}
.logo.brand-lockup .brand-period{color:#c37851}
header .brand-lockup{min-width:0}
header .header-right{min-width:0}
.btn{background:var(--forest);border-color:var(--forest);color:#fff;box-shadow:0 4px 0 #163c301c}
.btn:hover{background:#2a6753;border-color:#2a6753;filter:none}
.btn.inverted{background:#fff;border-color:#fff;color:var(--forest)}
.ghost,.textlink,.hero-buttons a{color:var(--forest)}
.eyebrow{color:#4c8067}
em{color:#458267}
.topline{background:var(--brand-deep);color:#fff}
.topline-star{display:inline-block;color:#b5d8b8;animation:brand-pulse 4s ease-in-out infinite}
.topline-star:last-child{animation-delay:2s}
.theme-section .theme-explore,.gift-action{color:#2f7559}
.hero{position:relative;isolation:isolate}
.hero-illustration{position:relative;overflow:visible!important;isolation:isolate}
.hero-art-frame{position:relative;z-index:2}
.hero-magic{position:absolute;inset:-8% -7%;z-index:1;pointer-events:none;overflow:hidden;border-radius:40px}
.magic-star{position:absolute;font:26px/1 var(--serif);color:#9bbd91;opacity:.65;animation:magic-float 6.3s ease-in-out infinite}
.magic-a{top:13%;left:7%;font-size:33px;animation-delay:-.7s}
.magic-b{top:8%;right:12%;font-size:22px;animation-delay:-2.8s}
.magic-c{bottom:14%;left:12%;font-size:18px;animation-delay:-3.3s}
.magic-d{bottom:24%;right:7%;font-size:28px;animation-delay:-1.3s}
.magic-trail{position:absolute;inset:21% 9%;border:1px dashed #8db59a66;border-radius:50%;transform:rotate(-17deg);animation:orbit-drift 13s ease-in-out infinite alternate}
@keyframes magic-float{0%,100%{opacity:.23;transform:translate3d(0,8px,0) rotate(-9deg) scale(.86)}50%{opacity:.8;transform:translate3d(8px,-12px,0) rotate(14deg) scale(1.1)}}
@keyframes orbit-drift{from{transform:rotate(-18deg) translateY(-2px)}to{transform:rotate(-8deg) translateY(7px)}}
@keyframes brand-pulse{0%,100%{opacity:.45;transform:scale(.85)}50%{opacity:1;transform:scale(1.17)}}
.hero-art-frame{transition:transform .6s ease,box-shadow .6s ease}
.hero-illustration:hover .hero-art-frame{transform:translateY(-5px) rotate(.5deg)}
#hardcover .hc-details .hc-price{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:flex-start;gap:10px;margin:12px 0 4px}
.hc-original{font-size:24px;letter-spacing:-.04em;font-weight:600;color:#89968d;text-decoration:line-through;text-decoration-thickness:2px}
#hardcover .price-value{font-size:clamp(36px,4vw,51px);color:var(--forest)}
.hc-sale-tag{font:800 10px/1.4 'DM Sans',sans-serif;letter-spacing:.065em;color:#23553f;border-radius:999px;border:1px solid #b9d5c0;background:#e5f2e4;padding:6px 11px}
.hc-price-note{font-size:12px!important;line-height:1.6!important;color:#557565!important;margin:7px 0 20px!important}
#hardcover .hc-promo,#hardcover .hc-totals{display:block!important;max-width:100%}
#hardcover .hc-promo{padding:15px 17px;border:1px solid #d7e4d9;border-radius:12px;background:#f3f8ee;margin:18px 0}
#hardcover .hc-promo-row{display:flex;gap:9px;align-items:stretch}
#hardcover .hc-promo-row input{flex:1;min-width:0;background:#fff;font-size:14px;border-radius:8px}
#hardcover .hc-promo-row button{min-width:82px;box-shadow:none}
#hardcover #hardcoverPromoResult{font-size:12px;line-height:1.55;min-height:0;margin-top:8px;color:#395e49}
#hardcover .hc-totals{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:7px 16px;background:#fff;border:1px solid #e0e9df;border-radius:11px;padding:16px;margin-bottom:17px;font-size:13px}
#hardcover .hc-totals strong{font-size:19px;color:var(--forest)}
header nav a:hover{color:#2b7b5b}
.gift-card:hover,.story-tile:hover{border-color:#b5d2bb}
footer .brand-lockup{margin:4px auto 16px}
@media(max-width:1100px){
 .hero{grid-template-columns:1fr!important;max-width:760px!important;gap:24px!important;margin:auto!important;padding:48px 5% 67px!important;text-align:center}
 .hero>div:first-child{min-width:0}
 .hero h1{max-width:700px;margin:14px auto 18px}
 .hero p{margin-left:auto;margin-right:auto}
 .hero-buttons{justify-content:center}
 .hero .subproof{max-width:640px;margin-left:auto;margin-right:auto}
 .hero-illustration{width:min(100%,570px)!important;margin:0 auto!important}
 .hero-art-caption{text-align:center}
 .hero-magic{inset:-6% 0}
 .topline{font-size:11px}
}
@media(max-width:700px){
 header{padding:10px 15px!important;min-height:70px;display:flex;justify-content:space-between;gap:8px!important;flex-wrap:nowrap!important}
 header .logo.brand-lockup{gap:6px;font-size:clamp(19px,5vw,24px);flex-shrink:1}
 header .brand-lockup .brand-symbol{width:29px;height:29px}
 header .header-right{display:flex!important;gap:5px!important;margin-left:auto;flex-shrink:0}
 header #authTop{font-size:10px;padding:7px 4px}
 header #getStarted{font-size:10px!important;padding:10px 9px!important;min-height:42px;max-width:130px;line-height:1.1}
 header #openBooks{font-size:10px;max-width:70px}
 .hero{padding:31px 19px 60px!important;text-align:center!important;gap:24px!important}
 .hero h1{font-size:clamp(37px,9.5vw,55px)!important;margin:10px auto 16px!important;text-wrap:balance;line-height:1.13!important}
 .hero .eyebrow{font-size:10px;max-width:340px;margin:0 auto;line-height:1.7}
 .hero p{font-size:14px!important;max-width:460px;margin:0 auto!important;line-height:1.65!important}
 .hero-buttons{justify-content:center!important;margin:22px auto 14px!important;gap:12px}
 .hero-buttons .btn{min-height:48px}
 .hero .subproof{margin:16px auto 0!important;font-size:10px!important}
 .hero-illustration{width:min(100%,430px)!important;margin:auto!important}
 .hero-art-frame{width:100%;max-width:100%}
 .hero-magic{inset:-6% 0}
 .hero-art-caption{max-width:100%;font-size:12px;line-height:1.5}
 .topline{font-size:10px;line-height:1.4;padding:9px 10px}
 #themes.theme-section h2,#themes.theme-section .theme-lede,.gift-intro h2,.gift-intro p{text-align:center}
 #themes.theme-section h2{max-width:100%;font-size:clamp(32px,8vw,43px);margin-left:auto;margin-right:auto;text-wrap:balance}
 #themes.theme-section .theme-lede{margin-left:auto;margin-right:auto}
 #themes .theme-copy{display:flex!important;flex-direction:column;align-items:center;text-align:center!important}
 #hardcover .hc-details{text-align:center}
 #hardcover .hc-details .hc-price{justify-content:center}
 #hardcover .hc-promo{text-align:left}
 #hardcover .hc-price-note{text-align:center}
 #hardcover .hc-totals{text-align:left}
 .gift-card{align-items:center;text-align:center}
 .gift-card small{min-height:40px}
 footer{text-align:center;padding-left:18px;padding-right:18px}
 footer .brand-lockup{justify-content:center}
}
@media(max-width:385px){
 header .brand-lockup .brand-symbol{width:26px;height:26px}
 header .logo.brand-lockup{font-size:19px}
 header #getStarted{font-size:9px!important;padding:8px!important;max-width:111px}
 header #authTop{font-size:9px}
 .topline{font-size:9px}
 #hardcover .hc-promo-row{flex-wrap:wrap}
 #hardcover .hc-promo-row button{width:100%}
}
@media(prefers-reduced-motion:reduce){
 .magic-star,.magic-trail,.topline-star{animation:none!important}
 .hero-art-frame{transition:none!important}
 .hero-illustration:hover .hero-art-frame{transform:none}
}

/* Final brand polish: every expressive accent belongs to the evergreen family. */
.hero h1 em,#themes h2 em,#hardcover h2 em,#credits h2 em,.gift-intro h2 em{color:#49866b!important}
.hero .eyebrow,#themes .eyebrow,#hardcover .eyebrow,.gift-guide .eyebrow{color:#52826d!important}
.logo.brand-lockup{letter-spacing:-.035em}
.hc-visual{position:relative;display:flex!important;flex-direction:column;justify-content:center;align-items:center;gap:17px;padding:25px 20px!important;background:radial-gradient(ellipse at 50% 40%,#e4f0e2 0%,#b4d1b7 100%)!important}
.hc-book{position:relative;display:flex!important;flex-direction:column;justify-content:flex-start!important;align-items:center;gap:8px;width:min(100%,253px)!important;height:285px!important;max-width:260px;overflow:hidden;background:#285747!important;padding:13px 14px 12px!important;box-shadow:10px 12px 0 #1d4538,14px 19px 24px #1736293d!important;transform:rotate(-5deg);border:1px solid #b1c8ac;border-radius:3px 13px 13px 3px!important;color:#fff}
.hc-book .hc-book-imprint{font:700 10px/1.1 Georgia,serif;letter-spacing:.12em;color:#dfefda}
.hc-book .hc-book-cover-art{width:100%;height:146px;object-fit:contain;object-position:center;background:#214e3e;border:2px solid #82b196;border-radius:5px;display:block;flex:none}
.hc-book strong{font:600 20px/1.15 var(--serif);color:#fff;letter-spacing:-.02em;margin:3px 0 0;text-align:center}
.hc-book .hc-book-byline{font:500 10px/1.3 Georgia,serif;letter-spacing:.09em;color:#e1efdd}
.hc-cover-caption{font-size:10px;line-height:1.5;color:#365a43;text-align:center;max-width:250px}
@media(max-width:700px){
 .hc-visual{min-height:368px;padding:22px 15px!important}
 .hc-book{width:235px!important;height:277px!important}
 .hc-book .hc-book-cover-art{height:140px}
 .hc-book strong{font-size:19px}
 .hc-cover-caption{max-width:275px}
}

/* True small-screen header layout: prevent Sign in touching the wordmark. */
@media(max-width:360px){
 header{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:6px!important;padding:10px 12px 12px!important}
 header .logo.brand-lockup{flex:1 1 100%;justify-content:center;max-width:100%;font-size:22px!important}
 header .header-right{flex:1 1 100%;display:flex!important;justify-content:center;align-items:center;gap:15px!important;margin:0!important}
 header #authTop{font-size:12px!important;min-height:36px;padding:7px 9px}
 header #getStarted{min-height:39px;max-width:150px;font-size:11px!important;padding:9px 13px!important}
 header #openBooks{font-size:11px!important;min-height:36px}
}

/* First-hardcover offer: promotional value is public; the code itself is private. */
.topline{display:flex;align-items:center;justify-content:center;gap:12px;min-height:39px;padding:7px 16px}
.topline-offer{appearance:none;border:0;background:transparent;color:#fff;cursor:pointer;font:500 12px/1.5 'DM Sans',sans-serif;letter-spacing:.01em;text-align:center;padding:0 4px}
.topline-offer strong{font-weight:750;color:#c8e7cc}
.topline-offer:hover,.topline-offer:focus-visible{text-decoration:underline;text-underline-offset:3px}
#hardcover .hc-welcome{display:flex;align-items:flex-start;gap:13px;background:#eff6eb;border:1px solid #c5ddc8;border-radius:14px;text-align:left;margin:17px 0 22px;padding:17px}
.hc-welcome-icon{display:flex;align-items:center;justify-content:center;background:#d8e9d6;border-radius:50%;width:38px;height:38px;min-width:38px;color:#214e3e;font-size:23px}
.hc-welcome strong{font:700 18px/1.35 Georgia,serif;color:#214e3e;display:block}
.hc-welcome p{font-size:12px!important;color:#526f5d!important;line-height:1.65!important;margin:7px 0 12px!important}
.hc-welcome .btn{min-height:41px;white-space:normal}
.dashboard-welcome{margin-top:13px;max-width:570px;border:1px solid #c5ddc8;border-radius:14px;background:#edf5e9;padding:14px 18px}
.dashboard-welcome strong{color:#214e3e;font:700 16px/1.4 Georgia,serif}
.dashboard-welcome p{font:400 12px/1.55 'DM Sans',sans-serif;color:#486756;margin:7px 0 10px}
.dashboard-welcome button{font-size:12px;padding:6px 0}
@media(max-width:700px){
 .topline{padding:9px 12px;gap:8px}
 .topline-offer{font-size:11px;line-height:1.45}
 #hardcover .hc-welcome{margin:14px 0;padding:15px 12px;gap:9px}
 #hardcover .hc-welcome strong{font-size:17px}
 #hardcover .hc-welcome p{font-size:12px!important}
 .dashboard-welcome{text-align:left}
}
@media(max-width:360px){.topline-offer{font-size:10px}.topline{padding:8px 10px}.hc-welcome-icon{width:30px;height:30px;min-width:30px}}
@media(prefers-reduced-motion:reduce){.topline-star{animation:none!important}}

.newsletter-block{background:#eaf2e7;padding:62px 5% 70px;color:#214e3e;border-top:1px solid #d0dfcf}
.newsletter-inner{max-width:1120px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);align-items:center;gap:55px}
.newsletter-inner h2{font:600 clamp(30px,4vw,44px)/1.14 var(--serif);letter-spacing:-.035em;margin:12px 0 17px}
.newsletter-inner p{font-size:14px;line-height:1.7;max-width:520px;color:#486a55}
#newsletterForm{border:1px solid #cbdcc9;border-radius:16px;background:#fff;padding:24px;display:flex;flex-direction:column;gap:10px;box-shadow:0 12px 35px #16432b0c}
#newsletterForm>label:first-child{font-size:13px;font-weight:700}
#newsletterEmail{font:14px 'DM Sans',sans-serif;min-height:46px;width:100%;background:#fff;border:1px solid #c2d3c3;border-radius:8px;padding:10px 12px;box-sizing:border-box}
#newsletterForm .newsletter-consent{display:flex;align-items:flex-start;gap:10px;font:12px/1.55 'DM Sans',sans-serif;color:#57715c;margin:2px 0 8px}
#newsletterForm .newsletter-consent input{width:16px;height:16px;flex:none;margin-top:2px;accent-color:#214e3e}
#newsletterForm .btn{align-self:start;min-height:44px}
#newsletterResult{margin:0;font-size:12px!important;line-height:1.5;color:#365b44;min-height:15px}
@media(max-width:800px){.newsletter-inner{grid-template-columns:1fr;gap:20px;text-align:center}.newsletter-inner p{margin:0 auto 14px}.newsletter-block{padding:48px 20px}.newsletter-inner h2{font-size:36px}#newsletterForm{text-align:left;max-width:500px;width:100%;margin:auto;box-sizing:border-box}}
@media(max-width:380px){.newsletter-block{padding:35px 14px}#newsletterForm{padding:16px}}

/* Show the same panoramic spread across both facing editor pages. */
.spread.has-panorama .spread-image,.spread.has-panorama .spread-text{background-repeat:no-repeat;background-size:200% 100%}
.spread.has-panorama .spread-image{background-position:left center}
.spread.has-panorama .spread-text{background-position:right center;background-color:transparent;border-left:2px solid #fffc}
.spread.has-panorama .spread-image #illustrationEmoji,.spread.has-panorama .spread-image small{display:none}
.spread.has-panorama .spread-text>div{background:rgba(255,252,242,.93);border-radius:12px;padding:18px;box-sizing:border-box;font-size:clamp(12px,1.5vw,20px);line-height:1.5;max-height:420px;overflow:auto}
.spread.has-panorama .spread-text>div:focus{background:#fff8e9}
.batch-approval-dialog{width:min(1100px,94vw);max-height:90vh;border:1px solid #d2dfce;border-radius:16px;padding:24px;color:#214e3e;overflow:auto}
.batch-approval-dialog::backdrop{background:rgba(14,32,25,.68)}
.batch-approval-dialog h2{font:600 29px Georgia,serif;margin:0 0 8px}
.batch-approval-dialog p{font:14px/1.5 system-ui;margin:0 0 20px}
.batch-approval-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.batch-approval-grid figure{margin:0;background:#f6f8f1;border:1px solid #dbe6d7;border-radius:10px;padding:8px}
.batch-approval-grid img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:contain}
.batch-approval-grid figcaption{font:12px system-ui;padding:6px}
.batch-approval-controls{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap;margin-top:20px}
@media(max-width:680px){.batch-approval-grid{grid-template-columns:1fr}.batch-approval-dialog{padding:12px}}

/* Commercial UX correction: protect word spacing, align gift art, compare one book in two formats. */
.hero h1{font-size:clamp(45px,4.5vw,72px)!important;line-height:1.14!important;letter-spacing:-.022em!important;word-spacing:.09em!important;max-width:745px!important}
.hero h1 .hero-headline-line{display:block!important;letter-spacing:-.022em!important;word-spacing:.09em!important}
.gift-intro{max-width:1080px!important;margin:0 auto 36px!important}
.gift-intro h2{max-width:1050px!important;line-height:1.17!important;font-size:clamp(34px,3.9vw,54px)!important;letter-spacing:-.022em!important;word-spacing:.08em!important;text-wrap:balance}
.gift-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;max-width:1280px!important}
.gift-grid .gift-card{display:flex!important;flex-direction:column!important;text-align:left!important;align-items:stretch!important;overflow:hidden;padding:0!important;min-height:0!important;background:#fffdf8!important}
.gift-grid .gift-art{display:block;width:100%;aspect-ratio:1.85;background:#e9f0e5;overflow:hidden}
.gift-grid .gift-art img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.gift-grid .gift-copy{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:9px;flex:1;padding:17px}
.gift-grid .gift-copy strong{font:600 clamp(17px,1.45vw,22px)/1.2 var(--serif);letter-spacing:-.01em}
.gift-grid .gift-copy small{font:400 12px/1.6 'DM Sans',sans-serif;color:#64786c;min-height:38px}
.gift-grid .gift-copy .gift-action{font:700 12px 'DM Sans',sans-serif;margin-top:auto}
.offering-intro{text-align:center;padding:66px 20px 22px;max-width:1040px;margin:auto}
.offering-intro h2{font-size:clamp(34px,4vw,52px);line-height:1.15;letter-spacing:-.02em;margin:12px 0}
.offering-intro h2 em{color:#49866b}.offering-intro p{color:#697d71;line-height:1.6}
.offering-comparison{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch;max-width:1380px;margin:0 auto 65px;padding:0 24px}
.offering-comparison>section{min-width:0;margin:0!important;padding:24px!important;border:1px solid #dce6d9;border-radius:18px;background:#fffefa}
.offering-comparison>section h2{font-size:clamp(29px,2.8vw,42px);line-height:1.14;letter-spacing:-.025em;margin:10px 0 15px}
.offering-comparison .hc-offer{display:flex!important;flex-direction:column;max-width:100%;padding:12px;box-shadow:none;border:0;gap:15px}
.offering-comparison .hc-visual{min-height:170px!important;max-height:225px;overflow:hidden;padding:12px!important}
.offering-comparison .hc-book{width:160px!important;height:164px!important;max-height:165px;transform:none!important;padding:10px!important}
.offering-comparison .hc-book-cover-art{max-height:95px!important}
.offering-comparison .hc-intro{max-width:540px;margin:0 auto 14px}
.offering-comparison .hc-details{text-align:left!important}
.offering-comparison .hc-details .hc-price{justify-content:flex-start!important}
.offering-comparison .hc-details h3{font-size:22px}
.offering-comparison .packs{grid-template-columns:1fr!important;max-width:100%;margin:20px auto;gap:12px}
.offering-comparison .packs article{padding:19px!important;text-align:left;display:grid;grid-template-columns:1fr auto;gap:5px 12px}
.offering-comparison .pack-icon{display:none}
.offering-comparison .packs h3{font-size:23px;margin:0}
.offering-comparison .packs p{font-size:12px;margin:0}
.offering-comparison .packs .pack-price{grid-column:2;grid-row:1 / 3;font-size:24px;margin:0}
.offering-comparison .packs strong{grid-column:1 / -1;font-size:12px}
@media(max-width:1020px){.gift-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.offering-comparison{grid-template-columns:1fr;max-width:760px}}
@media(max-width:650px){.hero h1{font-size:clamp(34px,9vw,54px)!important;letter-spacing:-.02em!important}.gift-intro h2{font-size:clamp(30px,7.5vw,42px)!important}.gift-grid{gap:10px!important}.gift-grid .gift-copy{padding:12px;gap:6px}.gift-grid .gift-copy strong{font-size:16px}.gift-grid .gift-copy small{font-size:11px;min-height:50px}.offering-comparison{padding:0 12px;gap:16px}.offering-comparison>section{padding:18px 14px!important}}
@media(max-width:375px){.gift-grid{grid-template-columns:1fr!important}.gift-grid .gift-copy small{min-height:0}}

/* Visual QA follow-up: no clipped hardcover mockup and no unused pricing panel. */
.offering-comparison #credits{align-self:start!important}
.offering-comparison .hc-visual{max-height:none!important;min-height:282px!important;overflow:visible!important}
.offering-comparison .hc-book{height:218px!important;max-height:none!important;width:183px!important;padding:12px!important;gap:5px!important}
.offering-comparison .hc-book-cover-art{max-height:106px!important}

/* Focused editor: book review first, operator controls removed from customer UI. */
#studioExtras{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
#studioExtras .book-advanced{position:relative}
#studioExtras .book-advanced summary{font:600 11px 'DM Sans',sans-serif;cursor:pointer;padding:12px}
#studioExtras .book-advanced #deleteBook{position:absolute;right:0;z-index:20;white-space:nowrap;background:#fff;padding:12px}
#studioExtras #luluPrintProof,#studioExtras #luluCoverProof,#studioExtras #preparePrintArtwork,#printPreflight,#printPreflightResult,#approveArtwork,.art-approval-status{display:none!important}
.premium-cover-dialog{width:min(1050px,95vw);max-height:95vh;overflow:auto;padding:22px;border:1px solid #c9dcc8;border-radius:18px;color:#274636}
.premium-cover-dialog::backdrop{background:#13271cbd}
.premium-cover-head,.premium-cover-actions{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap}
.premium-cover-head h2{font:600 27px Georgia,serif}
.premium-cover-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:16px 0}
.premium-front-cover,.premium-back-cover{aspect-ratio:.83;min-height:420px;overflow:hidden;border-radius:9px;padding:24px;box-shadow:0 12px 28px #1b352a2a}
.premium-front-cover{display:flex;flex-direction:column;gap:12px;background:#244a3f;color:#fdf3d7;text-align:center}
.premium-front-heading{flex:none}
.premium-front-heading small,.premium-front-cover>span,.premium-back-cover>small{font:700 10px 'DM Sans',sans-serif;letter-spacing:.13em}
.premium-front-heading h3{font:500 clamp(24px,3vw,39px)/1.1 Georgia,serif;margin:13px 0;overflow-wrap:anywhere}
.premium-front-cover>img{min-height:0;flex:1;width:100%;object-fit:contain;border:1px solid #dfd9a766;border-radius:3px}
.premium-front-cover #premiumCoverEmpty{flex:1;display:grid;place-items:center;background:#3b6456;color:#e3e8d9;padding:25px;font:15px/1.6 'DM Sans',sans-serif}
.premium-back-cover{display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;background:#eeeadd;color:#244a3f;border:1px solid #d3ccb7}
.premium-back-cover h3{font:500 30px/1.2 Georgia,serif;max-width:260px;margin:50px auto 0}
.premium-back-cover>p{font:15px/1.6 Georgia,serif;max-width:270px}
.premium-back-footer{border-top:1px solid #9caa91;padding-top:20px;display:flex;gap:14px;align-items:center;justify-content:center}
.premium-back-footer img{width:96px;height:96px;background:white}
.premium-back-footer p{font:12px/1.5 'DM Sans',sans-serif;text-align:left}
.premium-cover-note{font:12px/1.5 'DM Sans',sans-serif;color:#607669}
@media(max-width:690px){.premium-cover-layout{grid-template-columns:1fr}.premium-cover-dialog{padding:15px}.premium-front-cover,.premium-back-cover{min-height:360px;max-height:540px}.editor-header{flex-wrap:wrap}#studioExtras{justify-content:center;width:100%}}

/* Keep editor controls readable. Avoid forced negative tracking on customer actions. */
#editor .image-edit h3{letter-spacing:0!important;word-spacing:.09em!important;line-height:1.28!important;font-size:clamp(25px,2.5vw,34px)!important}
#editor .editor-header{gap:12px}
#editor .editor-header h3{font-size:25px;letter-spacing:-.015em}

/* Premium cover review: full-image square cover with clear title-safe space. */
.premium-cover-dialog .premium-cover-layout{align-items:start}
.premium-cover-dialog .premium-front-cover{aspect-ratio:1!important;min-height:0!important;position:relative!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;padding:0!important;background:#254636!important}
.premium-cover-dialog .premium-front-cover>img{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;z-index:0!important;border:0!important;border-radius:0!important}
.premium-cover-dialog .premium-front-heading{position:relative!important;z-index:1!important;padding:20px 17px 58px!important;background:linear-gradient(#123a2fc9,#193f319c,transparent)!important}
.premium-cover-dialog .premium-front-heading h3{font:500 clamp(22px,2.7vw,38px)/1.1 Georgia,serif!important;overflow-wrap:break-word;letter-spacing:-.02em!important;text-shadow:0 2px 5px #071c149e}
.premium-cover-dialog .premium-front-cover>span{position:relative!important;z-index:1!important;margin-top:auto!important;padding:22px 10px 12px!important;background:linear-gradient(transparent,#153b31c9)}
.premium-cover-dialog #premiumCoverEmpty{position:relative!important;z-index:0;min-height:160px!important;flex:1!important}
.premium-cover-dialog .premium-back-cover{aspect-ratio:1!important;min-height:0!important;justify-content:space-between!important;border:6px solid #fff4da!important;box-shadow:0 9px 24px #1939292e}
.premium-cover-dialog .premium-back-cover h3{font:500 clamp(23px,2.6vw,34px)/1.14 Georgia,serif!important;margin:18px auto 0!important}
.premium-cover-dialog .premium-back-footer img{width:86px!important;height:86px!important}

/* Personal dedication fields are shared by the web creator and the iOS flow. */
.dedication-fields{background:#f8f7ed;border:1px solid #e1e7d9;border-radius:14px;padding:20px;margin:18px 0}
.dedication-fields h3{font:600 23px/1.3 "Fraunces",Georgia,serif;color:#2c5946;margin:0 0 5px}
.dedication-fields>p{font-size:13px;line-height:1.6;color:#64796a;margin:0 0 15px}
.dedication-names{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.dedication-fields .form-label{display:flex;flex-direction:column;gap:7px;margin-bottom:12px}
.dedication-fields input,.dedication-fields textarea{width:100%;min-width:0;max-width:100%;border:1px solid #cad9ce;border-radius:9px;padding:12px 14px;background:white;font:14px/1.5 "DM Sans",sans-serif;color:#263d32}
@media(max-width:560px){.dedication-names{grid-template-columns:1fr}.dedication-fields{padding:15px}}

/* Refined motion: no wandering stars or shifting artwork on hover. */
.hero-magic,.magic-star,.magic-trail,.topline-star{display:none!important;animation:none!important}
.hero-art-frame,.hero-illustration:hover .hero-art-frame{transition:none!important;transform:none!important}
.story-tile,.gift-card,.world-button{transform:none!important;transition:border-color .15s ease,box-shadow .15s ease!important}
.story-tile:hover,.gift-card:hover{transform:none!important}

/* Editorial section artwork: distinct moments, less human crowding, no
   hover translation. Third panel has a book-like reading frame. */
.gift-guide .gift-art img{object-fit:cover!important;object-position:center 47%!important}
.gift-guide .gift-art{overflow:hidden!important}
.step-picture{overflow:hidden}
.step-picture img{width:100%;height:100%;object-fit:cover;object-position:center}
.step-picture.keepsake-preview{position:relative;background:#e9e5df}
.step-picture.keepsake-preview img{width:78%!important;height:82%!important;max-height:82%!important;object-fit:cover!important;
 border:8px solid #fffaf0;border-radius:5px 12px 12px 5px;box-shadow:10px 12px 0 #32544129,16px 20px 24px #29412a38;
 transform:rotate(-4deg);filter:saturate(.9)}
.step-picture.keepsake-preview:after{content:'YOUR OWN STORY';position:absolute;bottom:15px;right:18px;
 background:#fbf7eaed;padding:7px 11px;border:1px solid #d7dacb;border-radius:4px;
 font:700 9px/1.2 'DM Sans',sans-serif;letter-spacing:.14em;color:#335d49}