/* Keep the accepted cinematic art direction. Refine hierarchy and the path to an enquiry. */
body{padding-bottom:0!important}
.header-controls{display:flex;align-items:center;gap:18px}
header .language-switch{margin:0;padding:3px;border:1px solid #f7f5e54d;border-radius:99px;background:#15281d2b;backdrop-filter:blur(8px)}
header .language-switch button{color:#f7f5e5!important;min-width:44px;min-height:44px}
header .language-switch button[aria-pressed=true]{background:#eef0dd!important;color:#1a2d22!important}
.storyboard-mode header .language-switch{border-color:#243d2b40;background:transparent}
.storyboard-mode header .language-switch button{color:#243d2b!important}
.storyboard-mode header .language-switch button[aria-pressed=true]{background:#243d2b!important;color:#f7f4e9!important}
.hero-occasions{font-family:var(--sans);font-size:12px;line-height:1.8;letter-spacing:.02em;color:#eeeeda;margin-top:20px}
.hero-facts{margin-top:13px}
.hero-bottom-right{display:flex;align-items:center;gap:35px}
.hero-watch,.quiet-reading{font-family:var(--sans);font-size:12px;line-height:1.5;letter-spacing:.02em;background:transparent;border:0;border-bottom:1px solid currentColor;border-radius:0;padding:12px 0;min-height:44px;color:inherit;cursor:pointer}
.hero-watch{display:inline-flex;align-items:center;gap:14px;color:#eff0d9}
.hero-watch>span{display:inline-grid;place-items:center;width:33px;height:33px;border:1px solid #e8ecd36e;border-radius:50%;font-size:10px}
.hero-bottom .quiet-reading{font-size:11px;color:#e5e7c1b3}
.script-cover .quiet-reading{margin-top:24px;display:block;font-size:11px}
.view-switch{position:static!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;box-shadow:none!important;background:transparent!important;border:0!important;backdrop-filter:none!important;max-width:none!important;padding:0!important;margin:18px 0 0!important;gap:3px;justify-content:flex-start;grid-column:1/-1;justify-self:start}
.view-switch>button{min-height:44px;font-size:11px!important;padding:9px 15px!important;border:1px solid #66765b55!important;border-radius:3px!important}
.view-switch>button[aria-pressed=true]{background:#223a2c!important;color:#faf6e9!important}
.footer .footer-inner{padding-bottom:15px}
.footer-brand{max-width:200px}
.idea-scenes{margin-top:34px}
.intro .intro-grid{align-items:start}
.intro-copy>p{font-size:16px;line-height:1.8;max-width:540px}
.intro{padding-block:66px}
.moments{padding-top:70px}
.case-facts{margin:17px 0 0;padding:0}
.case-facts dt{font-size:10px;letter-spacing:.08em;text-transform:uppercase;line-height:1.7;margin-top:15px}
.case-facts dd{font-size:14px;line-height:1.7;margin:5px 0 0;max-width:470px}
.case-facts dt:first-child{margin-top:0}
.occasion-links{display:flex;gap:12px 24px;flex-wrap:wrap;margin:19px 0 23px}
.occasion-links a{font-size:12px;min-height:44px;display:inline-flex;align-items:center;gap:10px;border-bottom:1px solid #647b5d66}
.family-path{display:flex;justify-content:space-between;gap:25px;align-items:center;border-top:1px solid #60725255;margin-top:30px;padding-top:23px}
.family-path p{font-size:14px;line-height:1.6;margin:0}
.family-path a{font-size:13px;min-height:44px;display:inline-flex;align-items:center;gap:16px;border-bottom:1px solid #60725266}
.scope-panel{border-top:1px solid #60725255;margin-top:55px;padding-top:38px}
.scope-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-start;margin-bottom:35px}
.scope-heading h3{font-family:var(--serif);font-weight:400;font-size:46px;line-height:1.15;letter-spacing:-.035em;margin:0;max-width:630px}
.scope-options{display:grid;grid-template-columns:1.2fr 1fr;gap:8%}
.scope-options article{border-top:1px solid #60725255;padding-top:23px}
.scope-options h4{font-family:var(--serif);font-weight:400;font-size:27px;margin:0 0 18px}
.scope-options p,.scope-note{font-size:13px;line-height:1.8;max-width:570px}
.scope-price{font-size:14px!important;margin:17px 0!important}
.scope-price.strong{font-family:var(--sans);font-size:18px!important;line-height:1.7!important;color:inherit}
.scope-note{opacity:.76}
.format-facts{margin:0}
.format-facts dt{font-size:12px;font-weight:600;line-height:1.7;margin-top:17px}
.format-facts dt:first-child{margin-top:0}
.format-facts dd{font-size:13px;line-height:1.8;margin:4px 0 0;opacity:.82}
.scope-contact{display:inline-flex;align-items:center;gap:30px;min-height:44px;font-size:13px;border-bottom:1px solid #60725266;margin-top:24px}
.enquiry-occasion{margin-bottom:25px}
.enquiry-occasion select{display:block;width:100%;min-height:48px;background:transparent;border:0;border-bottom:1px solid #e5e9d07a;border-radius:0;font-family:var(--sans);font-size:16px;color:inherit;padding:10px 5px}
.enquiry-occasion select option{background:#20362a;color:#f9f4e8}
input[type=date]{min-width:0;min-height:48px;color-scheme:dark;font-size:16px;max-width:100%;width:100%}
input[type=date]::-webkit-date-and-time-value{text-align:left}
form textarea{font-size:16px}
.family-start-price{font-family:var(--sans);font-size:14px!important;line-height:1.7!important;margin:21px 0 0!important;color:#e2dfc1!important}
.family-start-price+.quiet-reading{display:inline-block;font-size:11px;margin-top:12px;color:#e2dfc1b8}
.story-follow{padding-top:8px;padding-bottom:35px}
.story-follow .text-link{display:inline-flex;gap:25px;align-items:center;min-height:44px;border-bottom:1px solid #60725266;font-size:13px}
.family-scope{display:grid;grid-template-columns:.85fr 1.15fr;gap:9%;padding-top:49px;padding-bottom:49px;margin-block:25px;border-top:1px solid #60725266;border-bottom:1px solid #60725266}
.family-scope h2{font-size:clamp(36px,4vw,54px);line-height:1.13}
.family-scope>div>p:not(.eyebrow){font-size:14px;line-height:1.8}
.family-scope .scope-price{margin-top:0!important}
.family-scope .scope-note{font-size:12px}
.enquire .form-row #story-builder{margin:0;padding:0;background:none;border:0}
#party-size[hidden]{display:none!important}
.hero-copy>.quiet-reading{color:#f1ecd7}
.comic-cover .quiet-reading{display:block;margin-top:18px;font-size:11px}
.section-kicker:has(.eyebrow:only-child){justify-content:flex-start}
@media(min-width:901px){
 .hero-content{padding-top:190px}
 .hero-content h1{font-size:clamp(82px,8vw,126px);line-height:1.02}
 .hero-description{max-width:540px}
 .hero-bottom{bottom:28px}
}
@media(max-width:900px){
 header.header{display:grid;grid-template-columns:1fr auto;gap:9px 18px;padding-top:18px;padding-bottom:14px;align-items:center}
 .header-controls{display:contents}
 header .wordmark,header .brand{grid-column:1;grid-row:1}
 header .brand-logo{max-width:143px;height:auto}
 header .site-switch{grid-column:1/-1;grid-row:2;justify-self:stretch;display:flex;width:100%;max-width:none;min-height:40px}
 header .site-switch>*{flex:1;text-align:center;display:flex;align-items:center;justify-content:center;min-height:38px;font-size:10px;white-space:normal}
 header .language-switch{grid-column:2;grid-row:1;justify-self:end}
 header .language-switch button{padding:8px 10px!important;font-size:11px!important}
 .hero-bottom-right{gap:22px}
 .scope-options{gap:40px}
}
@media(max-width:600px){
 .hero-content{padding-top:166px!important}
 .hero-content h1{font-size:clamp(57px,15vw,72px);line-height:1.05}
 .hero-content .hero-description{font-size:14px;line-height:1.8;margin-top:24px;max-width:340px}
 .hero-occasions{font-size:10px;line-height:1.7;margin-top:17px}
 .hero-facts{font-size:10px!important;line-height:1.8;margin-top:9px}
 .hero-bottom-right{display:flex;gap:16px;align-items:flex-start;flex-direction:column}
 .hero-bottom{bottom:20px}
 .hero-watch{font-size:12px;padding:8px 0}
 .hero-bottom .quiet-reading{font-size:10px;padding:6px 0;min-height:36px}
 .intro{padding-block:38px}
 .intro-copy>p{font-size:14px;line-height:1.8}
 .moments{padding-top:42px}
 .case-facts dt{font-size:10px;margin-top:14px}
 .case-facts dd{font-size:13px;line-height:1.7}
 .occasion-links{gap:5px 18px;margin:15px 0 21px}
 .occasion-links a{font-size:11px;min-height:44px}
 .family-path{align-items:flex-start;flex-direction:column;gap:9px;margin-top:22px;padding-top:18px}
 .family-path p{font-size:13px}
 .family-path a{font-size:12px}
 .scope-panel{margin-top:35px;padding-top:28px}
 .scope-heading{display:block;margin-bottom:25px}
 .scope-heading h3{font-size:35px;margin-top:17px}
 .scope-options{display:block}
 .scope-options article+article{margin-top:30px}
 .scope-options h4{font-size:24px}
 .scope-price.strong{font-size:16px!important}
 .scope-options p,.format-facts dd{font-size:12px;line-height:1.8}
 .scope-contact{margin-top:18px}
 .view-switch{margin-top:15px!important}
 .view-switch>button{font-size:10px!important;min-height:44px!important;padding:9px 12px!important}
 .footer .footer-inner{padding-bottom:0}
 .family-start-price{font-size:12px!important;margin-top:17px!important}
 .hero-copy>.quiet-reading{font-size:10px}
 .family-scope{grid-template-columns:1fr;gap:24px;padding-block:31px;margin-block:10px}
 .family-scope h2{font-size:36px}
 .family-scope>div>p:not(.eyebrow){font-size:13px;line-height:1.8}
 .family-scope .scope-note{font-size:11px}
 .story-follow{padding-bottom:27px}
 .story-follow .text-link{font-size:12px}
 .enquire .form-row #story-builder{margin-bottom:23px}
 html[lang=zh-Hans] .hero-content h1{font-size:clamp(44px,12.5vw,59px);line-height:1.2}
 html[lang=zh-Hans] .hero-content .hero-description{font-size:14px;line-height:1.9}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}
.hero .hero-bottom .hero-bottom-right button.hero-watch,.hero .hero-bottom .hero-bottom-right a.quiet-reading{background:transparent;border:0;border-bottom:1px solid #f0f0d685;border-radius:0;color:#eef0d6;font-family:var(--sans);font-size:12px!important;letter-spacing:.01em!important;text-transform:none!important;padding:10px 0;box-shadow:none;min-width:0;min-height:44px}
.hero .hero-bottom .hero-bottom-right button.hero-watch:hover,.hero .hero-bottom .hero-bottom-right a.quiet-reading:hover{background:transparent;color:white}
.intro-copy>.quiet-reading{font-size:11px;opacity:.78;margin-top:12px}
.storyboard-scope-note,.comic-scope-note{font-family:var(--sans);font-size:12px!important;line-height:1.8!important;opacity:.78;margin-top:24px}
.script-cover-copy>.quiet-reading{font-family:var(--sans);display:inline-flex;gap:18px;align-items:center;margin-right:20px}
.script-cover-copy>.reading-back{font-size:10px;opacity:.7}
/* The Family header occupies its own space; mobile hero items keep a deliberate reading order. */
@media(max-width:900px){.family-site header.header{height:auto;min-height:120px}}
@media(max-width:600px){
 .family-site .hero-price-reading{order:6}
 .family-site .hero-copy>.eyebrow{padding-top:5px}
 .family-site .hero-picture>img{aspect-ratio:2/3;object-fit:cover}
}
@media(max-width:600px){
 .family-site .hero-description{order:2}
 .family-site .hero-facts{order:3}
 .family-site .hero-price-reading{order:4}
 .family-site .hero-art{order:5}
 .family-site .hero-price-reading .family-start-price{margin-top:0!important}
}
@media(max-width:900px){header.header{height:auto;min-height:140px}}
.family-site .family-detail-art,.family-site .family-route-art{aspect-ratio:3/2;align-self:center}
.family-site .family-detail-art>img,.family-site .family-route-art>img{aspect-ratio:3/2;width:100%;height:auto;object-fit:cover}
