/* Children's publishing homepage: warm illustration, clear packages, real portfolio work. */
body.storybook-home{background:#fbf8f2}
body.storybook-home .opening>main.storybook-main{padding:0;background:#ffffff;overflow:hidden}
body.storybook-home .opening>aside{background:#ffffff}
body.storybook-home .eyebrow{font:700 11px/1.5 Arial,Helvetica,sans-serif;letter-spacing:2px;color:#3f5b8c}
body.storybook-home h1,body.storybook-home h2,body.storybook-home h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-1px;color:#171513}
body.storybook-home .story-hero{position:relative;isolation:isolate;min-height:610px;background:#fcf5eb;display:flex;align-items:center;padding:38px clamp(30px,4vw,64px);overflow:hidden}
.story-hero-art{position:absolute;z-index:-2;inset:0 0 0 auto;width:79%;height:100%;object-fit:cover;object-position:right center}
.story-hero:after{position:absolute;content:'';z-index:-1;inset:0;background:linear-gradient(90deg,#fcf5eb 0%,#fcf5ebf2 23%,#fcf5eb70 37%,transparent 52%);pointer-events:none}
.story-hero-copy{width:46%;max-width:510px;position:relative;z-index:1}
body.storybook-home .story-hero h1{font-size:clamp(54px,5.15vw,80px);line-height:.99;letter-spacing:-2.5px;margin:12px 0 18px}
.story-hero h1>span{display:block}
body.storybook-home .story-hero h1 .story-warm{color:#8b4233}
.story-hero-description{font:17px/1.4 Arial,Helvetica,sans-serif;max-width:31ch;color:#393530;margin:0 0 18px}
.story-hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.story-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #3f5b8c;border-radius:999px;background:#3f5b8c;color:#fff;padding:11px 23px;font:600 13px/1.3 Arial,Helvetica,sans-serif;text-align:center;transition:background .18s,color .18s;min-height:42px;max-width:100%}
.story-button.outline{color:#3f5b8c;background:#fff8}
.story-button:hover{background:#7c1926;color:#fff}
.story-button.outline:hover{background:#3f5b8c;color:#fff}
.story-hero-note{position:absolute;top:32px;right:26px;transform:rotate(-7deg);font:italic 29px/1.05 Georgia,serif;letter-spacing:-1px;text-align:center;color:#362b23;max-width:130px}
.story-hero-note span{display:block;color:#e47e8d;font-size:44px;line-height:1.15}
.story-packages{padding:30px clamp(22px,2.4vw,38px) 25px;scroll-margin-top:20px;background:linear-gradient(180deg,#ffffff,#fffcf9)}
.story-section-heading{text-align:center;margin:0 auto 25px;max-width:930px}
body.storybook-home .story-section-heading h2{font-size:clamp(30px,2.8vw,43px);line-height:1.12;letter-spacing:-1.3px;margin:4px 0 10px}
.story-section-heading>p:not(.eyebrow){font-size:15px;line-height:1.5;color:#514c45}
.story-package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.story-package{display:flex;flex-direction:column;min-width:0;border:1px solid #ede5dc;border-radius:10px;background:#fffdfb;overflow:hidden;box-shadow:0 5px 20px #64492f06}
.story-package-art{display:block;aspect-ratio:1.42;background:#f3e9dc;overflow:hidden}
.story-package-art img{width:100%;height:100%;object-fit:contain;padding:12px;transition:transform .25s}
.story-package-art:hover img{transform:scale(1.025)}
.story-package:nth-child(2) .story-package-art{background:#f3ede3}
.story-package:nth-child(3) .story-package-art{background:#eee9db}
.story-package-copy{padding:20px 22px 19px;display:flex;flex-direction:column;flex:1}
.story-package-heading{display:flex;align-items:center;gap:13px;margin-bottom:13px}
.story-icon{display:flex;align-items:center;justify-content:center;border-radius:50%;width:58px;height:58px;flex-shrink:0;color:#39251e}
.story-icon svg{width:31px;height:31px}
.story-icon.peach{background:#f7d8c3}.story-icon.blue{background:#cee3e9}.story-icon.sage{background:#dce9d5}.story-icon.pink{background:#f5d9d6}
body.storybook-home .story-package h3{font-size:25px;line-height:1.04;letter-spacing:-.6px;margin:0 0 5px}
.story-price{color:#3f5b8c;font:bold 24px/1.1 Arial,Helvetica,sans-serif;letter-spacing:-.5px}
.story-package-description{font-size:15px;line-height:1.5;color:#514c45;margin-bottom:12px;min-height:4.5em}
.story-package ul{list-style:none;padding:0;margin:0 0 20px;color:#514c45;font-size:13px;line-height:1.5}
.story-package li{position:relative;padding-left:21px;margin:4px 0}
.story-package li:before{content:'✓';position:absolute;left:0;color:#3f5b8c;font-weight:bold;font-size:17px;line-height:1.15}
.story-package .story-button{margin:auto auto 0;min-width:145px;padding:9px 20px;border-radius:10px;min-height:39px}
.story-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:24px clamp(20px,3vw,48px);background:#faece7}
.story-benefits article{text-align:center;padding:0 23px;position:relative}
.story-benefits article+article:before{content:'';width:1px;background:#dfc9bf;position:absolute;left:0;top:20px;bottom:10px}
.story-benefits svg{width:35px;height:35px;color:#3f5b8c;margin:0 auto 7px}
body.storybook-home .story-benefits h3{font-size:19px;line-height:1.08;letter-spacing:-.35px;margin-bottom:8px}
.story-benefits p{font-size:13px;line-height:1.4;color:#514c45;max-width:22ch;margin:auto}
.story-feature{display:grid;grid-template-columns:1fr 1fr;min-height:320px;background:#ffffff}
.story-feature-art{background:#f2e7d9;display:flex;align-items:center;justify-content:center;overflow:hidden;max-height:360px;padding:18px}
.story-feature-art img{width:100%;height:auto;aspect-ratio:2.45;object-fit:cover;object-position:center 69%;max-height:none}
.story-feature-copy{padding:40px clamp(25px,4vw,65px);align-self:center}
body.storybook-home .story-feature h2{font-size:clamp(32px,3vw,45px);line-height:1.1;letter-spacing:-1.2px;margin:8px 0 15px}
.story-feature-copy>p:not(.eyebrow){font-size:16px;line-height:1.5;color:#514c45;margin:0 0 20px;max-width:40ch}
.story-more{display:grid;grid-template-columns:1.35fr repeat(3,minmax(0,1fr));gap:0;background:#f0f4e9;padding:28px clamp(24px,3.5vw,56px)}
.story-more>div{padding-right:25px}
body.storybook-home .story-more h2{font-size:32px;line-height:.97;letter-spacing:-.9px;margin:0 0 12px}
.story-more>div p{font-size:14px;line-height:1.5;color:#514c45;max-width:31ch}
.story-more article{padding:0 16px;text-align:center;border-left:1px solid #d7ddd0;display:flex;flex-direction:column;align-items:center}
.story-more .story-icon{width:55px;height:55px;margin-bottom:12px}
body.storybook-home .story-more h3{font:bold 14px/1.3 Arial,Helvetica,sans-serif;letter-spacing:0;margin-bottom:7px}
.story-more article p{font-size:13px;line-height:1.35;color:#514c45;margin-bottom:12px;max-width:25ch}
.story-more article a{font:bold 12px/1.4 Arial,sans-serif;color:#3f5b8c;margin-top:auto}
body.storybook-home .story-footer{margin:0;border-top:1px solid #e8dfd3;padding:30px clamp(25px,4vw,65px);background:#ffffff;display:flex;align-items:center;justify-content:space-between;gap:24px}
body.storybook-home .story-footer h2{font-size:30px;line-height:1.15;letter-spacing:-.8px;margin-top:6px}
@media(min-width:1600px){body.storybook-home .story-hero{min-height:660px}}
@media(min-width:1280px){body.storybook-home .opening>aside .profession{margin-top:24px;line-height:1.5}body.storybook-home .opening>aside .short-rule{width:100%;margin:22px 0 16px}}
@media(max-width:1100px){body.storybook-home .story-hero{min-height:570px}.story-hero-copy{width:47%;max-width:430px}body.storybook-home .story-hero h1{font-size:61px}.story-hero-note{right:18px;font-size:25px;max-width:110px}.story-package-copy{padding:18px 16px}.story-package-heading{gap:10px}.story-package .story-icon{width:47px;height:47px}.story-package .story-icon svg{width:27px;height:27px}body.storybook-home .story-package h3{font-size:23px}.story-package-description{font-size:14px}.story-more{padding-inline:25px}.story-more article{padding-inline:12px}.story-benefits article{padding:0 17px}}
@media(max-width:800px){body.storybook-home .story-hero{min-height:540px;padding:32px}.story-hero-copy{width:49%}body.storybook-home .story-hero h1{font-size:54px}.story-hero-description{font-size:15px;max-width:28ch}.story-button{font-size:12px;padding:10px 17px}.story-hero-note{display:none}.story-package-grid{gap:11px}.story-package-copy{padding:16px 13px}.story-package-heading{display:block}.story-package .story-icon{margin-bottom:12px;width:42px;height:42px}.story-package-description{min-height:6em}.story-package ul{font-size:12px}.story-benefits article{padding:0 10px}.story-benefits p{font-size:12px}.story-more{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:25px}.story-more>div{grid-column:1/-1;text-align:center;padding:0}.story-more>div h2 br{display:none}.story-more>div p{max-width:65ch;margin:auto}.story-more article:nth-child(2){border-left:0}.story-feature-copy{padding:28px}.story-feature-copy>p:not(.eyebrow){font-size:14px}}
@media(max-width:600px){body.storybook-home .story-hero{display:flex;flex-direction:column;align-items:stretch;padding:30px 24px 0;min-height:0}.story-hero-copy{width:100%;max-width:none}.story-hero-art{position:relative;inset:auto;z-index:0;width:calc(100% + 48px);max-width:none;height:auto;aspect-ratio:1.5;object-fit:cover;object-position:center;order:2;margin:15px -24px 0}.story-hero:after{display:none}body.storybook-home .story-hero h1{font-size:clamp(45px,10vw,60px);line-height:1.02;letter-spacing:-1.8px;max-width:11ch;margin:11px 0 16px}.story-hero h1>span{display:inline}.story-hero h1>span:after{content:' '}.story-hero-description{max-width:38ch;font-size:16px}.story-hero-actions{gap:10px}.story-hero-actions .story-button{font-size:13px}.story-packages{padding:30px 20px}.story-section-heading{margin-bottom:22px}body.storybook-home .story-section-heading h2{font-size:32px}.story-section-heading>p:not(.eyebrow){font-size:14px}.story-package-grid{grid-template-columns:1fr;gap:22px;max-width:430px;margin:auto}.story-package-art{aspect-ratio:1.6}.story-package-copy{padding:22px}.story-package-heading{display:flex;gap:14px}.story-package .story-icon{width:55px;height:55px;margin:0}body.storybook-home .story-package h3{font-size:27px}.story-package-description{min-height:0;font-size:15px}.story-package ul{font-size:14px}.story-package .story-button{margin-top:3px}.story-benefits{grid-template-columns:1fr 1fr;gap:27px 14px;padding:28px 20px}.story-benefits article{padding:0 8px}.story-benefits article+article:before{display:none}.story-benefits p{font-size:13px}body.storybook-home .story-benefits h3{font-size:20px}.story-feature{grid-template-columns:1fr}.story-feature-art{height:300px;max-height:none}.story-feature-copy{padding:30px 25px}.story-feature-copy>p:not(.eyebrow){font-size:15px}.story-more{grid-template-columns:1fr;gap:24px;padding:30px 24px}.story-more>div{text-align:left}.story-more>div p{margin:0;max-width:40ch}.story-more article{border:0;border-top:1px solid #d7ddd0;padding:23px 0 0;display:grid;grid-template-columns:58px 1fr;text-align:left;align-items:start;column-gap:17px}.story-more .story-icon{grid-row:1/4;margin:0}.story-more article p{max-width:35ch;margin-bottom:8px}.story-more article a{grid-column:2}body.storybook-home .story-more h2{font-size:34px}body.storybook-home .story-footer{display:block;padding:30px 24px}body.storybook-home .story-footer h2{font-size:30px;margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.story-button,.story-package-art img{transition:none}}

/* Phone-specific artwork and centered homepage sections. */
.story-hero-media{display:contents}
@media(max-width:600px){
 body.storybook-home .story-hero-copy{text-align:center}
 body.storybook-home .story-hero h1{margin-left:auto;margin-right:auto}
 body.storybook-home .story-hero-description{margin-left:auto;margin-right:auto}
 body.storybook-home .story-hero-actions{justify-content:center}
 body.storybook-home .story-hero-media{display:block;order:2;width:calc(100% + 48px);max-width:none;margin:15px -24px 0}
 body.storybook-home .story-hero-media .story-hero-art{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;max-width:100%;margin:0}
 body.storybook-home .story-more>div{text-align:center}
 body.storybook-home .story-more>div p{margin-left:auto;margin-right:auto}
 body.storybook-home .story-more article{display:flex;flex-direction:column;align-items:center;text-align:center}
 body.storybook-home .story-more .story-icon{margin:0 auto 13px;grid-row:auto}
 body.storybook-home .story-more article p{margin-left:auto;margin-right:auto}
 body.storybook-home .story-more article a{grid-column:auto}
}

/* Keep phone portrait and landscape content in normal document flow. */
body.storybook-home{--brand-surface:#ffffff;background:#ffffff}
body.storybook-home .opening>main.storybook-main,
body.storybook-home .story-packages,
body.storybook-home .story-benefits,
body.storybook-home .story-feature,
body.storybook-home .story-more,
body.storybook-home .story-footer{background:#ffffff}
body.storybook-home .story-hero{background:#ffffff}
body.storybook-home .story-hero:after{background:linear-gradient(90deg,#ffffff 0%,#fffffff2 23%,#ffffff70 37%,transparent 52%)}
@media(max-width:1000px){
 body.storybook-home .story-hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:30px 24px 0}
 body.storybook-home .story-hero-copy{position:relative;inset:auto;width:100%;max-width:700px;margin:0 auto;text-align:center;flex:none}
 body.storybook-home .story-hero h1{font-size:clamp(42px,7.5vw,64px);line-height:1.03;letter-spacing:-1.8px;max-width:15ch;margin:8px auto 18px}
 body.storybook-home .story-hero h1>span{display:inline}
 body.storybook-home .story-hero h1>span:after{content:' '}
 body.storybook-home .story-hero-description{max-width:43ch;font-size:16px;margin:0 auto 20px}
 body.storybook-home .story-hero-actions{justify-content:center;gap:10px}
 body.storybook-home .story-hero-media{display:block;position:relative;inset:auto;order:2;width:calc(100% + 48px);max-width:none;margin:22px -24px 0;flex:none;z-index:0}
 body.storybook-home .story-hero-media .story-hero-art{display:block;position:static;inset:auto;width:100%;height:auto;max-width:100%;aspect-ratio:auto;object-fit:contain;margin:0;transform:none;z-index:auto}
 body.storybook-home .story-hero:after{display:none}
}
body.storybook-home{-webkit-text-size-adjust:100%;text-size-adjust:100%}

/* Separate package information from starting an inquiry. */
.story-package-copy>.package-start{display:flex;justify-content:center;margin-top:12px;width:100%}
.package-more{margin-top:16px}
.package-more>summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;width:100%}
.package-more>summary::-webkit-details-marker{display:none}
.package-more>summary:focus-visible{outline:2px solid #3f5b8c;outline-offset:4px}
.package-more-content{padding:16px 0 4px;font-size:14px;line-height:1.6}
.package-more-content h4{font-size:17px;margin:10px 0 6px}
.package-more-content p{margin:0 0 12px}
.package-more[open]>summary span{transform:rotate(45deg)}

/* Let the featured artwork lead, with a distinct closing invitation. */
@media(min-width:801px){body.storybook-home .story-feature{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}body.storybook-home .story-feature-art{padding:10px;min-height:350px;max-height:none}body.storybook-home .story-feature-copy{padding:32px clamp(24px,3vw,44px)}}
body.storybook-home .story-footer{background:#3f5b8c;color:#fff;border-top:0}
body.storybook-home .story-footer .eyebrow,body.storybook-home .story-footer h2{color:#fff}
body.storybook-home .story-footer .story-button{background:#fff;color:#3f5b8c;border-color:#fff}
body.storybook-home .story-footer .story-button:hover{background:#f0e9ea}

/* Scope-specific pricing details; cards stack inside narrow package columns. */
.standard-format-pricing{display:grid;gap:10px;margin:18px 0 24px;min-width:0}
.standard-format-pricing>div{padding:14px;background:#f7f2ed;border:1px solid #e4d9d1;border-radius:8px;min-width:0}
.standard-format-pricing dt{font-weight:700;color:#3f5b8c;line-height:1.4}
.standard-format-pricing dd{margin:5px 0 0;line-height:1.5}
.standard-format-pricing .format-price{font-weight:700}
.standard-page-examples{border-left:3px solid #3f5b8c;padding:0 0 0 14px;margin:18px 0}
.standard-page-examples h5{font:700 15px Arial,sans-serif;margin:16px 0 8px}
.standard-page-examples ul{padding-left:0;min-height:0}
.package-more-content{overflow-wrap:anywhere}
body.storybook-home .story-benefits{background:#f5e9e9}
body.storybook-home .story-more{background:#eaf0e8}