/*
Theme Name: Brookdom
Author: Two Shoes Media
Description: The official Brookdom storybook website.
Version: 1.0.23
Text Domain: brookdom
*/
:root{--ink:#26372b;--green:#173e32;--gold:#c4a260;--paper:#f6f0e3;--muted:#62685d;--line:#dcd3bf}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.65 Georgia,serif}a{color:inherit}img{display:block;max-width:100%;height:auto}button,input,select{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #ba8531;outline-offset:5px}.skip{position:absolute;top:-100px}.skip:focus{top:10px;background:white;z-index:100;padding:15px}.site-header{background:var(--green);color:#fff6df;display:flex;align-items:center;justify-content:space-between;padding:16px max(5vw,22px);gap:25px;border-bottom:1px solid #b99b5b60}.brand{display:flex;align-items:flex-start;text-decoration:none;position:relative}.brand img{width:175px}.brand sup{font:14px Arial;margin-left:4px;margin-top:23px}.site-nav{display:flex;gap:28px;align-items:center;font:15px/1.4 Arial,sans-serif}.site-nav a{text-decoration:none;padding:10px 0}.site-nav a:hover{text-decoration:underline;text-underline-offset:6px}.site-nav .account{border:1px solid #cab47880;padding:10px 18px;border-radius:4px}.hero{display:grid;grid-template-columns:48% 52%;min-height:670px;background:#173e32;color:#fff6e4}.hero-copy{padding:85px 6vw 75px max(5vw,22px);align-self:center}.eyebrow{font:12px/1.5 Arial,sans-serif;letter-spacing:.19em;text-transform:uppercase;color:#99783c;margin:0 0 20px}.hero .eyebrow{color:#dcc28b}h1,h2,h3{font-weight:400;line-height:1.1;margin:0 0 24px}h1{font-size:clamp(42px,5vw,76px);letter-spacing:-.04em}h2{font-size:clamp(34px,3.5vw,48px);letter-spacing:-.025em}h3{font-size:28px}p{margin:0 0 22px}.hero-copy>p:not(.eyebrow){max-width:440px;color:#e1e5d6;font-size:20px}.hero-art{position:relative;overflow:hidden;min-height:550px}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center 47%;position:absolute}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#173e32 0%,transparent 24%)}.actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:30px}.button,.woocommerce button.button,.woocommerce a.button,.woocommerce input.button{display:inline-block;border:1px solid var(--green);border-radius:4px;background:var(--green);color:white;padding:13px 25px;font:15px/1.4 Arial,sans-serif;text-decoration:none;cursor:pointer;font-weight:600}.hero .button{background:#e5c884;border-color:#e5c884;color:#25352c}.text-link{font:15px Arial,sans-serif;text-underline-offset:5px}.section{padding:80px max(5vw,22px);max-width:1440px;margin:auto}.intro{text-align:center;max-width:770px;margin:0 auto 42px}.intro p{color:var(--muted)}.realm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.realm-card{border-bottom:1px solid var(--line);padding-bottom:24px}.realm-image{height:300px;overflow:hidden;border-radius:150px 150px 3px 3px;margin-bottom:23px;background:#ded6c4}.realm-image img{width:100%;height:100%;object-fit:cover;object-position:center 28%;transition:transform .8s}.realm-card:hover img{transform:scale(1.035)}.realm-card p{font-size:17px;color:var(--muted)}.realm-card h3{margin-bottom:12px}.tag{display:inline-block;font:11px Arial;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);padding:7px 10px;border-radius:3px}.soft{background:#ebe4d3;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.three h3{font-size:25px}.three p{font-size:17px;color:var(--muted)}.number{font:italic 35px Georgia;color:#93743e;margin-bottom:20px}.family{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.family p{color:var(--muted)}.note{font:14px/1.65 Arial,sans-serif;color:var(--muted);border-left:3px solid var(--gold);padding:12px 20px}.page-head{padding:65px max(5vw,22px) 45px;max-width:1100px;margin:auto}.page-head h1{font-size:clamp(40px,5vw,62px)}.page-body{max-width:1000px;padding:0 max(5vw,22px) 80px;margin:auto;min-height:35vh}.page-body h2{font-size:32px;margin-top:40px}.page-body h3{font-size:25px}.page-body li{margin-bottom:12px}.site-footer{background:#173e32;color:#dbe1d3;padding:44px max(5vw,22px);font:14px/1.7 Arial,sans-serif;display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.site-footer a{margin-right:24px;text-underline-offset:5px}.site-footer strong{font:25px Georgia;color:#efdcae}.site-footer small{display:block;margin-top:12px}.return-app{position:fixed;bottom:20px;right:20px;z-index:100;box-shadow:0 5px 25px #0004;background:#e5c884;color:#183d31;border-color:#e5c884}.return-app[hidden]{display:none}.woocommerce input.input-text,.woocommerce input[type=email],.woocommerce input[type=password],.woocommerce input[type=text]{width:100%;padding:12px;border:1px solid #b4b8a8;border-radius:4px;background:#fffdf7}.woocommerce form .form-row{margin-bottom:20px}.woocommerce form.login,.woocommerce form.register{border:1px solid var(--line);padding:28px;border-radius:6px}.woocommerce h2{font-size:30px}.woocommerce a{color:#245b44}.woocommerce-error,.woocommerce-info,.woocommerce-message{background:#ede7d9!important;border-top-color:#91763f!important}.woocommerce-account .woocommerce-MyAccount-navigation{line-height:2}.woocommerce-privacy-policy-text{font-size:14px}.woocommerce ul.products li.product .price{color:var(--green)}.notice{padding:18px 22px;background:#e9e1cf;border-radius:4px}.empty-shop{text-align:center;padding:40px 15px}.woocommerce-breadcrumb{display:none}
@media(max-width:760px){.site-header{padding:14px 20px;flex-wrap:wrap;gap:10px}.brand img{width:140px}.brand sup{margin-top:16px}.site-nav{gap:20px;width:100%;justify-content:space-between;font-size:14px}.site-nav .account{padding:7px 10px}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:45px 24px 30px}.hero-art{min-height:390px;order:0}.hero-art:after{background:linear-gradient(#173e32,transparent 20%)}.hero-copy>p:not(.eyebrow){font-size:18px}.section{padding:50px 24px}.realm-grid,.three,.family{grid-template-columns:1fr;gap:35px}.realm-image{height:330px;max-width:450px;margin-left:auto;margin-right:auto}.realm-card{text-align:center}.three{gap:24px}.three .number{margin-bottom:9px}.site-footer{padding:35px 24px}.page-head{padding-top:45px}.return-app{bottom:12px;right:12px}.family{gap:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
details{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-size:20px;line-height:1.45}details p{padding:16px 0 0;margin:0;color:var(--muted);font-size:17px}summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}@media(max-width:760px){.site-nav{flex-wrap:wrap;justify-content:flex-start;gap:8px 20px}.site-nav .account{margin-left:auto}}

.hero-art>img{object-position:center top}.hero-logo{position:absolute;top:18px;left:50%;transform:translateX(-50%);width:60%;z-index:2}.hero-logo img{position:static;width:100%;height:auto;filter:drop-shadow(0 2px 3px #14251bbb)}.hero-logo sup{position:absolute;right:-20px;top:52%;font:24px/1 Arial;color:#fff4d7;text-shadow:0 1px 3px #000}.hero-art:after{pointer-events:none}@media(max-width:760px){.hero-logo{width:55%;top:12px}.hero-art>img{object-position:center 12%}}

.brand img{width:225px}@media(max-width:760px){.brand img{width:180px}}

.brand img{width:310px}.brand sup{font-size:16px;margin-top:30px}@media(max-width:760px){.brand img{width:245px}.brand sup{margin-top:24px}}

/* Keep the complete castle and its logo within the opening desktop view. */
.site-header{justify-content:flex-end;padding:10px max(5vw,22px);min-height:64px}.hero{grid-template-columns:42% 58%;height:calc(100svh - 64px);min-height:0}.admin-bar .hero{height:calc(100svh - 96px)}.hero-copy{padding:30px 4vw 30px 5vw}.hero h1{font-size:clamp(36px,4.3vw,64px)}.hero-art{min-height:0;height:100%;width:100%;max-width:calc((100svh - 64px)*1.25);justify-self:center}.admin-bar .hero-art{max-width:calc((100svh - 96px)*1.25)}.hero-art>img{height:auto;width:100%;object-fit:initial}.hero-logo{width:58%;top:12px}.hero-art:after{background:linear-gradient(90deg,#173e32,transparent 12%)}
@media(max-width:760px){.site-header{min-height:60px;padding:8px 18px}.site-nav{justify-content:center}.hero,.admin-bar .hero{height:auto;display:flex;flex-direction:column}.hero-art,.admin-bar .hero-art{order:-1;max-width:none;height:70svh;min-height:350px;max-height:620px}.hero-art>img{width:100%;height:auto}.hero-copy{padding:30px 24px 40px}.hero-art:after{background:linear-gradient(0deg,#173e32,transparent 12%)}.hero-logo{width:58%}}

/* Homepage navigation shares the left column; artwork reaches the top. */
.home .site-header{position:absolute;top:0;left:0;width:42%;z-index:5;padding:20px 3vw;border:0;min-height:0;background:transparent;justify-content:flex-start}.home.admin-bar .site-header{top:32px}.home .site-nav{flex-wrap:wrap;gap:8px 22px}.home .hero{height:100svh}.home.admin-bar .hero{height:calc(100svh - 32px)}.home .hero-copy{padding-top:105px}.home .hero-art{max-width:calc(100svh * 1.25)}.home.admin-bar .hero-art{max-width:calc((100svh - 32px)*1.25)}
@media(max-width:760px){.home .site-header,.home.admin-bar .site-header{position:static;width:100%;padding:10px 18px}.home .site-nav{width:100%;justify-content:center}.home .hero,.home.admin-bar .hero{height:auto}.home .hero-copy{padding-top:30px}.home .hero-art,.home.admin-bar .hero-art{max-width:none}}

@media(min-width:761px){.home .hero{grid-template-columns:58% 42%}.home .hero-art{grid-column:1;grid-row:1}.home .hero-copy{grid-column:2;grid-row:1;padding-left:3vw;padding-right:4vw}.home .site-header{left:auto;right:0}.home .hero-art:after{background:linear-gradient(270deg,#173e32,transparent 12%)}}

.publisher-logo{width:180px;height:auto;border-radius:4px;margin-bottom:18px}

.book-catalog article{padding:28px 0 40px;border-bottom:1px solid var(--line)}.book-catalog h2{margin-top:15px}.book-prices{list-style:none;padding:0;max-width:400px}.book-prices li{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:10px 0}.shop-app>img{width:280px;background:var(--green);padding:18px;border-radius:8px}

.site-header .site-nav a,.site-footer a{color:inherit}

.illustrated-page{max-width:1250px;margin:auto;padding:0 5vw 75px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(230px,1fr);gap:50px;align-items:start}.illustrated-copy h2{font-size:30px;margin-top:32px}.character-art{position:sticky;top:65px;padding-top:20px}.character-art img{width:100%;height:auto;object-fit:contain}.character-standing img{max-width:270px;margin:auto}.realm-stories{max-width:1120px;padding:0 5vw 70px;margin:auto}.realm-story{display:grid;grid-template-columns:300px 1fr;gap:50px;align-items:center;padding:30px 0;border-bottom:1px solid var(--line)}.realm-story>img{width:300px;height:330px;object-fit:cover;object-position:center 28%;border-radius:90px 90px 6px 6px}.realm-story h2{font-size:36px}.book-prices{max-width:620px}.book-prices li{display:grid;grid-template-columns:1fr auto;gap:10px}.book-prices .button{grid-column:1/-1;justify-self:start}.order-note{padding:22px;background:#ebe4d3;border-radius:6px}.order-note h2{font-size:25px}.order-note p{font-size:16px;margin-bottom:0}@media(max-width:760px){.illustrated-page{grid-template-columns:1fr;gap:24px;padding:0 24px 45px}.character-art{position:static;grid-row:1;max-width:300px;justify-self:center;padding:0}.character-standing img{max-width:160px}.realm-story{grid-template-columns:1fr;gap:24px}.realm-story>img{width:100%;max-width:350px;justify-self:center}.realm-story h2{font-size:30px}}

/* Raise the copy beneath navigation on portrait tablets. */
@media (min-width:761px) and (orientation:portrait){.home .hero-copy{align-self:start;padding-top:180px}}

.fishing-scene{position:relative;margin-bottom:16%}.hook-line{position:absolute;left:4.4%;top:77.5%;height:5.5%;width:1px;background:#827252}.character-art .worm-hook{position:absolute;width:14%;height:auto;max-width:none;left:-4.14%;top:82%}

/* Share the title row with the character and keep the whole illustration on screen. */
.illustrated-page{padding-top:50px}.illustrated-page .page-head{padding:0 0 35px;margin:0}.illustrated-page .page-head h1{font-size:clamp(38px,4.5vw,58px)}
@media(min-width:761px){.character-art{top:65px;padding-top:0;justify-self:center;width:100%}.character-standing img{width:min(270px,calc((100svh - 150px)*.667))}.character-sitting{max-width:calc((100svh - 150px)/1.1)}}
@media(max-width:760px){.illustrated-page{padding-top:30px}.character-art{grid-row:auto}.illustrated-page .page-head{padding-bottom:20px}}

.book-catalog .book-section-title{margin-top:48px;font-size:38px}
.app-preview h1{font-size:44px}.app-preview section{padding:30px 0;border-bottom:1px solid var(--line);scroll-margin-top:45px}.preview-nav{display:flex;gap:24px;flex-wrap:wrap}.app-preview label{display:block;margin-bottom:18px}.app-preview input,.app-preview select{display:block;max-width:100%;padding:12px;margin-top:8px;border:1px solid var(--line);background:#fffaf0;font:inherit}.preview-offers{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:25px}.app-preview [role=status]{margin-top:18px}#preview-reset{margin-top:35px}

@media(min-width:761px) and (orientation:portrait){.home .hero,.home.admin-bar .hero{height:auto}.home .hero-art,.home.admin-bar .hero-art{height:auto;aspect-ratio:1400/1871;max-width:none;align-self:start}}

/* A quiet, finished invitation beneath the portrait tablet opening scene. */
.hero-divider{display:none}
@media(min-width:761px) and (orientation:portrait){
 .home .hero{min-height:100svh;grid-template-rows:auto minmax(150px,1fr)}
 .home.admin-bar .hero{min-height:calc(100svh - 32px)}
 .hero-divider{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:28px 24px 32px;color:#e3c993;text-decoration:none;font-size:clamp(20px,2.5vw,27px);border-bottom:1px solid #b99b5b80}
 .divider-ornament{display:flex;align-items:center;gap:18px;font-size:19px;line-height:1}
 .divider-ornament:before,.divider-ornament:after{content:"";width:85px;height:1px;background:linear-gradient(90deg,transparent,#b99b5b)}
 .divider-ornament:after{transform:rotate(180deg)}
 .divider-down{font:26px/1 Georgia,serif;color:#b99b5b}
}