.maidpro-page { display:block !important; pointer-events:auto !important; height:auto !important; min-height:0 !important; color:#f7f8fa; background:#0e1e33; }
.maidpro-page * { box-sizing:border-box; }
.maidpro-content { color:inherit; }
.maidpro-content h1,.maidpro-content h2,.maidpro-content p { margin:0; color:inherit; }
.maidpro-content h1,.maidpro-content h2 { font-weight:400; }
.maidpro-content h2 { font-size:clamp(32px,3.5vw,50px); line-height:1.15; text-wrap:balance; }
.maidpro-shell { width:calc(100% - clamp(44px,11vw,160px)); max-width:1280px; margin-inline:auto; }
.maidpro-hero { position:relative; isolation:isolate; height:clamp(420px,44vw,660px); }
.maidpro-hero > img { display:block; width:100%; height:100%; object-fit:cover; object-position:center 57%; }
.maidpro-hero::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 50%,rgba(7,23,37,.8)); pointer-events:none; }
.maidpro-hero h1 { position:absolute; z-index:1; left:clamp(22px,5.5vw,80px); bottom:clamp(32px,4vw,56px); font-size:clamp(56px,6vw,88px); line-height:1.05; }
.maidpro-intro { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); align-items:start; gap:clamp(32px,5vw,72px); padding-block:clamp(40px,6vw,80px); }
.maidpro-deck,.maidpro-copy { font-size:clamp(18px,1.4vw,21px); line-height:1.65; }
.maidpro-deck { color:#c2ccd7; }
.maidpro-copy p { max-width:65ch; }
.maidpro-copy p+p { margin-top:1.1em; }
.maidpro-story { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); align-items:center; gap:clamp(32px,5vw,72px); }
.maidpro-art { display:block; width:100%; min-width:0; margin:0; padding:0; border:0; background:none; cursor:zoom-in; }
.maidpro-art img { display:block; width:100%; height:auto; object-fit:contain; }
.maidpro-art:focus-visible { outline:2px solid #99dfea; outline-offset:6px; }
.maidpro-film { min-width:0; width:100%; aspect-ratio:16/9; background:#071725; }
.maidpro-film .local-video { display:block; width:100%; height:auto; aspect-ratio:16/9; }
.maidpro-lead-film { max-width:1080px; margin-block:clamp(40px,6vw,80px) 0; }
.maidpro-chapter { padding-top:clamp(48px,6vw,88px); }
.maidpro-chapter > h2 { margin-bottom:28px; }
.maidpro-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(32px,5vw,72px); }
.maidpro-columns p+p { margin-top:0; }
.maidpro-gap { margin-top:clamp(24px,3vw,40px); }
.maidpro-feature { max-width:1080px; margin-inline:auto; }
.maidpro-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(24px,3vw,40px); align-items:center; }
.maidpro-touchpoints { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:clamp(32px,5vw,72px); align-items:center; }
.maidpro-touchpoints > :first-child { max-width:460px; margin-inline:auto; }
.maidpro-section-intro { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:clamp(32px,5vw,72px); margin-bottom:36px; }
.maidpro-seasonal { padding-bottom:clamp(40px,5vw,72px); }
@media(max-width:900px) {
 .maidpro-intro,.maidpro-section-intro { grid-template-columns:1fr; gap:24px; }
 .maidpro-story { grid-template-columns:1fr; gap:32px; }
 .maidpro-story .maidpro-copy { max-width:72ch; }
 .maidpro-story > .maidpro-art { max-width:700px; margin-inline:auto; }
}
@media(max-width:600px) {
 .maidpro-hero { height:auto; }
 .maidpro-hero > img { height:auto; object-fit:contain; }
 .maidpro-hero::after { display:none; }
 .maidpro-hero h1 { position:static; padding:28px 22px 0; font-size:48px; }
 .maidpro-intro { padding-block:32px 36px; }
 .maidpro-pair,.maidpro-columns,.maidpro-touchpoints { grid-template-columns:1fr; gap:24px; }
 .maidpro-section-intro { margin-bottom:28px; }
 .maidpro-touchpoints > :first-child { max-width:320px; }
}