/*
Theme Name: Pennymores World
Theme URI: https://pennymores.com/
Author: Pennymores Story Studio
Description: A governed, editorial block theme for the Pennymores story world.
Version: 0.2.1
Text Domain: pennymores-world
*/

/* WordPress reads theme metadata from this file. Visual rules live in theme.json. */

/* Quill & Spell product page */
.pm-quillspell{--qs-navy:#101b32;--qs-plum:#5f3b67;--qs-gold:#e5c783;--qs-paper:#f7f2ea;overflow:hidden}.qs-hero{background:var(--qs-navy);color:#fff;padding:clamp(3.5rem,8vw,7rem) 0 5rem}.qs-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.86fr);gap:clamp(2rem,7vw,8rem);align-items:center}.qs-hero-copy{max-width:650px}.qs-hero .pm-kicker{color:var(--qs-gold)}.qs-hero h1{font-size:clamp(4rem,8vw,8.5rem);line-height:.86;letter-spacing:-.07em;margin:.8rem 0 1.5rem}.qs-hero h1 span{color:var(--qs-gold);font-family:Georgia,serif;font-weight:400}.qs-lead{font:clamp(1.4rem,2.2vw,2rem)/1.24 Georgia,serif;max-width:620px}.qs-body{color:rgba(255,255,255,.72);font-size:1.08rem;line-height:1.65;max-width:570px}.pm-btn-gold{background:var(--qs-gold);color:var(--qs-navy)}.pm-btn-ghost{border:1px solid rgba(255,255,255,.38);color:#fff}.qs-proof-line{display:flex;align-items:center;gap:.8rem;margin-top:2rem;color:rgba(255,255,255,.62);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.qs-proof-line i{width:4px;height:4px;border-radius:50%;background:var(--qs-gold)}.qs-box-stage{text-align:center}.qs-box-wrap{position:relative;max-width:560px;margin:auto;filter:drop-shadow(0 24px 35px rgba(0,0,0,.34))}.qs-box-wrap img{display:block;width:100%;height:auto}.qs-box-title{position:absolute;top:17%;left:24%;width:52%;color:#3b2942;text-align:center;font-family:Georgia,serif;line-height:1}.qs-box-title strong{display:block;font-size:clamp(1.4rem,3vw,2.5rem);letter-spacing:-.04em}.qs-box-title em{color:#b98a48;font-style:normal}.qs-box-title small{display:block;margin-top:.45rem;font:700 .55rem/1.2 system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase}.qs-caption{color:rgba(255,255,255,.55);font-size:.78rem;letter-spacing:.03em}.qs-ribbon{background:var(--qs-gold);color:var(--qs-navy);padding:1.1rem 0}.qs-ribbon-inner{display:flex;justify-content:space-between;gap:1rem;align-items:center;font-size:.76rem;letter-spacing:.1em;text-transform:uppercase}.qs-ribbon strong{font-family:Georgia,serif;font-size:1.2rem;letter-spacing:0;text-transform:none}.qs-two-col{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,8vw,8rem);align-items:start}.qs-explain>p{font-size:1.2rem;line-height:1.7;margin-top:0}.qs-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.qs-steps article{border-top:2px solid #b98a48;padding-top:1rem}.qs-steps b{color:var(--qs-plum);font-size:.75rem;letter-spacing:.1em}.qs-steps h3{margin:.7rem 0 .4rem;color:var(--qs-navy);font-size:1.5rem}.qs-steps p{font-size:.93rem;color:rgba(23,36,59,.68);line-height:1.5}.qs-modes{background:var(--qs-paper);padding:clamp(4rem,8vw,8rem) 0}.qs-section-heading{max-width:720px}.qs-section-heading h2{font-size:clamp(2.4rem,5vw,5rem);line-height:.98;letter-spacing:-.05em;margin:.3rem 0 1.1rem}.qs-section-heading>p:last-child{font-size:1.1rem;color:rgba(23,36,59,.68);line-height:1.6}.qs-mode-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:2.5rem}.qs-mode-card{border-radius:24px;padding:clamp(1.5rem,4vw,3rem);min-height:300px;display:flex;flex-direction:column;justify-content:flex-end}.qs-mode-family{background:#fff;border:1px solid rgba(23,36,59,.14)}.qs-mode-advanced{background:var(--qs-plum);color:#fff}.qs-mode-advanced .qs-mode-number,.qs-mode-advanced .qs-note{color:var(--qs-gold)}.qs-mode-number{color:var(--qs-plum);font-size:.75rem;letter-spacing:.14em;font-weight:800}.qs-mode-card h3{font-size:2.1rem;margin:.65rem 0 .5rem}.qs-mode-card p{line-height:1.6;margin:.2rem 0}.qs-note{margin-top:1rem!important;font-size:.8rem;letter-spacing:.03em;opacity:.8}.qs-cards-section{background:#fff}.qs-card-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem;margin-top:2.5rem}.qs-card-gallery figure{margin:0}.qs-card-gallery img{width:100%;aspect-ratio:825/1125;display:block;object-fit:cover;border-radius:18px;box-shadow:0 15px 28px rgba(23,36,59,.15)}.qs-card-gallery figcaption{font-size:.82rem;color:rgba(23,36,59,.65);margin-top:.8rem}.qs-pennymores{background:var(--qs-navy);color:#fff;padding:clamp(4rem,8vw,8rem) 0}.qs-pennymores .pm-kicker,.qs-final-cta .pm-kicker{color:var(--qs-gold)}.qs-pennymores h2,.qs-final-cta h2{font-size:clamp(2.5rem,5vw,5.2rem);line-height:.98;letter-spacing:-.05em;margin:.3rem 0}.qs-pennymores p{font-size:1.15rem;line-height:1.7;color:rgba(255,255,255,.76)}.qs-final-cta{background:var(--qs-plum);color:#fff;padding:clamp(4rem,8vw,7rem) 0}.qs-final-cta>div{max-width:760px}.qs-final-cta p:not(.pm-kicker){font-size:1.15rem;line-height:1.6;color:rgba(255,255,255,.8);max-width:600px;margin:1.2rem 0 2rem}@media(max-width:900px){.qs-hero-grid,.qs-two-col{grid-template-columns:1fr}.qs-hero-copy{max-width:720px}.qs-box-stage{max-width:600px;margin:auto}.qs-card-gallery{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.qs-hero h1{font-size:clamp(3.6rem,18vw,6rem)}.qs-proof-line{flex-wrap:wrap;line-height:1.6}.qs-ribbon-inner{display:block;text-align:center}.qs-ribbon-inner span{display:none}.qs-ribbon strong{font-size:1.05rem}.qs-steps,.qs-mode-grid{grid-template-columns:1fr}.qs-mode-card{min-height:240px}.qs-card-gallery{gap:.75rem}.qs-card-gallery img{border-radius:12px}.qs-card-gallery figcaption{font-size:.75rem}}

/* Character-led box language: teal field, coral/gold accents, and card-like rhythm. */
.pm-quillspell{--qs-teal:#087b7b;--qs-coral:#d84c50;--qs-ink:#10243a;--qs-gold:#f1bd58}
.qs-hero{background:var(--qs-teal);background-image:radial-gradient(circle at 12% 18%,rgba(241,189,88,.13) 0 2px,transparent 3px),radial-gradient(circle at 84% 28%,rgba(255,255,255,.12) 0 1px,transparent 2px)}
.qs-box-title{top:7%;left:15%;width:70%}

/* Quill & Spell origin story */
.qs-origin{background:#fffaf1;color:var(--qs-ink);padding:clamp(4.5rem,8vw,8rem) 0}
.qs-origin-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2.5rem,7vw,7rem);align-items:center}
.qs-origin-copy h2{font-size:clamp(2.5rem,5vw,5rem);line-height:.98;letter-spacing:-.05em;margin:.35rem 0 1.35rem;max-width:650px}
.qs-origin-copy>p:not(.pm-kicker):not(.qs-origin-signoff){font-size:1.08rem;line-height:1.72;color:rgba(16,36,58,.76);max-width:620px}
.qs-origin-signoff{font-family:Georgia,'Times New Roman',serif;color:var(--qs-plum);font-size:1.16rem;margin-top:1.45rem}
.qs-origin-prototype{margin:0;transform:rotate(1.5deg)}
.qs-origin-photo-stack{display:grid;grid-template-columns:1.12fr .88fr;gap:1rem;align-items:start}
.qs-origin-prototype img{display:block;width:100%;border:10px solid #fff;box-shadow:0 20px 38px rgba(16,36,58,.2)}
.qs-origin-prototype img+img{margin-top:3.25rem;transform:rotate(-2.5deg)}
.qs-origin-prototype figcaption{margin-top:1rem;padding-left:.35rem;font-size:.82rem;line-height:1.5;letter-spacing:.02em;color:rgba(16,36,58,.62);transform:rotate(-1.5deg)}
@media (max-width:900px){.qs-origin-grid{grid-template-columns:1fr}.qs-origin-prototype{max-width:720px}}
@media (max-width:560px){.qs-origin-photo-stack{grid-template-columns:1fr}.qs-origin-prototype img+img{margin-top:0}}
.qs-hero .pm-kicker{color:#ffe2a0}.qs-hero h1 span{color:#ffe2a0}.qs-proof-line i{background:var(--qs-coral)}
.qs-ribbon{background:var(--qs-coral);color:#fff}.qs-ribbon strong{color:#fff}.qs-steps article{border-top-color:var(--qs-coral)}
.qs-mode-family{box-shadow:inset 0 5px 0 var(--qs-coral)}.qs-mode-advanced{background:var(--qs-teal);box-shadow:inset 0 5px 0 var(--qs-gold)}
.qs-pennymores{background:var(--qs-teal)}.qs-final-cta{background:var(--qs-coral)}
.qs-card-gallery img{box-shadow:0 14px 25px rgba(8,123,123,.18)}
.qs-product-showcase{background:#f0d99f;padding:clamp(3.5rem,7vw,7rem) 0;color:var(--qs-ink)}
.qs-showcase-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(2rem,6vw,6rem);align-items:center}.qs-showcase-grid h2{font-size:clamp(2.5rem,5vw,5rem);line-height:.98;letter-spacing:-.05em;margin:.35rem 0 1rem}.qs-showcase-grid>div>p:last-child{font-size:1.12rem;line-height:1.65;color:rgba(16,36,58,.72);max-width:500px}.qs-showcase-grid figure{margin:0}.qs-showcase-grid img{display:block;width:100%;border-radius:22px;box-shadow:0 22px 38px rgba(16,36,58,.22)}.qs-showcase-grid figcaption,.qs-tabletop figcaption{font-size:.78rem;color:rgba(16,36,58,.6);margin-top:.75rem}.qs-tabletop{margin:2.5rem 0 0}.qs-tabletop img{display:block;width:100%;border-radius:22px;box-shadow:0 18px 34px rgba(16,36,58,.15)}
@media(max-width:900px){.qs-showcase-grid{grid-template-columns:1fr}}

/* Keep the box title inside the artwork's top cartouche. */
.qs-box-title{top:7%;left:15%;width:70%}