:root{color-scheme:light;--paper:#fbf7ef;--ink:#22354a;--muted:#5d6974;--gold:#bd8a38;--line:#ded8cd}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-underline-offset:4px}a:hover{text-decoration-thickness:2px}button,input,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #277aa3;outline-offset:4px}.guide{max-width:1040px;margin:auto;padding:36px 32px 28px}.back{font-size:14px}header{padding:58px 0 34px;max-width:760px}.eyebrow{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.1;letter-spacing:-.035em}h1{font-size:clamp(44px,7vw,78px);margin-bottom:24px}h2{font-size:clamp(30px,4vw,43px)}h3{font-size:22px;line-height:1.3;margin-bottom:12px}p{margin-bottom:18px}.intro{font-size:21px;line-height:1.6;max-width:690px}.opening{display:grid;grid-template-columns:1fr 340px;gap:64px;align-items:center;border-block:1px solid var(--line);padding:38px 0;margin-bottom:60px}.opening p{max-width:470px}.opening iframe{border:0;width:100%;height:760px;background:#f2e8d6;border-radius:16px}.quiet,.references{font-size:13px;color:var(--muted)}.button{display:inline-block;border-radius:999px;padding:12px 22px;background:var(--ink);color:white;text-decoration:none;font-size:15px;font-weight:600;min-height:48px}.text-link{display:inline-block;margin:14px 12px}.reasons{margin-top:32px}.reasons article{display:grid;grid-template-columns:52px 1fr;gap:18px;padding:27px 0;border-top:1px solid var(--line)}.reasons article>div{max-width:760px}.number{color:var(--gold);font-size:13px;padding-top:4px;font-weight:700}dl{font-size:15px;margin:16px 0}dl>div{margin-bottom:12px}dt{font-weight:700}dd{margin:0}.references{margin-bottom:0}.gentle{padding:36px 0 24px;border-top:1px solid var(--line)}details{border-top:1px solid var(--line);padding:18px 0;font-size:15px}summary{font-weight:600;cursor:pointer;min-height:30px}details[open] summary{margin-bottom:20px}li{margin-bottom:12px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px;font-size:12px;color:var(--muted)}button{font:inherit;cursor:pointer}.print-button{background:transparent;border:1px solid var(--line);border-radius:24px;min-height:44px;padding:8px 18px;color:var(--ink)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.film-page{background:transparent;font-size:14px;line-height:1.4}.film-shell{width:100%;margin:auto;max-width:540px}.film{position:relative;width:100%;aspect-ratio:9/16;overflow:hidden;background:#edddc5;isolation:isolate;container-type:inline-size}.room{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transform:scale(1.06)}.scene-wash{position:absolute;inset:0;background:linear-gradient(#fcf5e9ed 0%,#fcf5e9a6 23%,transparent 42%,transparent 62%,#24364a 77%)}.film-heading{position:absolute;top:6%;left:8%;right:8%;font-family:Georgia,serif;font-size:8.5cqw;line-height:1.06;letter-spacing:-.035em;z-index:5}.film-heading span{font-size:7.3cqw;color:#76572f}.actor{position:absolute;object-fit:contain;transform-origin:center bottom}.child{width:47%;left:0;bottom:28%;z-index:8}.parent{width:53%;right:-2%;bottom:28%;z-index:7}.book{position:absolute;left:35%;bottom:29%;width:31%;height:12%;z-index:10;display:flex;transform:rotate(-7deg);filter:drop-shadow(0 6px 2px #0003)}.page{height:100%;width:50%;background:#fff7df;border:2px solid #8c5a35;padding:10% 5%}.page-left{border-radius:8px 0 0 8px;transform:skewY(8deg);background:#f9e5bd}.page-right{border-radius:0 8px 8px 0;transform:skewY(-8deg)}.page-left span{height:2px;background:#b08b5c;display:block;margin:20% 0}.page-right img{width:100%;height:100%;object-fit:contain}.caption-area{position:absolute;bottom:0;left:0;right:0;height:25%;padding:8% 7% 5%;color:white;background:#24364a;z-index:30}.caption-area p:first-child{font-size:5.1cqw;line-height:1.43;margin-bottom:0;font-weight:500}.film-counter{position:absolute;bottom:6%;right:7%;font-size:3cqw;color:#d8cfbd;margin:0}.speech{position:absolute;z-index:20;font-weight:700;background:#fff7df;border-radius:50%;padding:3% 5%;font-size:5cqw;color:#70462f;opacity:0}.child-speech{top:39%;left:13%;transform:rotate(-7deg)}.parent-speech{top:33%;right:9%;transform:rotate(6deg)}.focus-ring{position:absolute;z-index:12;width:13%;height:8%;border:3px solid #c48c32;border-radius:50%;left:51%;bottom:31%;opacity:0}.ending{position:absolute;inset:0;z-index:40;display:flex;flex-direction:column;justify-content:center;padding:12%;background:#24364a;color:#fff7df;opacity:0;visibility:hidden}.ending p{font:10cqw/1.12 Georgia,serif;letter-spacing:-.04em}.ending span{font-size:4cqw;margin-top:12%;color:#e1bc77}.film-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px 8px 3px}.film-controls button{background:var(--ink);color:white;border:0;min-width:44px;min-height:44px;border-radius:24px;padding:8px 14px;font-size:13px}.film-controls button:disabled{opacity:.45;cursor:default}.film-controls input{width:100%;margin:8px 0;accent-color:var(--ink);min-height:24px}.film-controls output{font-size:12px;color:var(--muted);width:100%}.film-note{font-size:12px;color:var(--muted);margin:8px}.recording .film-shell{max-width:none}.recording .film{width:100vw;height:100vh;aspect-ratio:auto}.recording .film-controls,.recording .film-note{display:none}
@media(max-width:700px){.guide{padding:24px 22px}.opening{grid-template-columns:1fr;gap:24px;padding:28px 0}.opening iframe{width:min(100%,340px);justify-self:center;height:760px}header{padding-top:36px}.intro{font-size:18px}.reasons article{grid-template-columns:28px 1fr;gap:10px}footer{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{body{font-size:11pt;background:white;color:black}.guide{max-width:none;padding:0}header{padding:0}h1{font-size:30pt}h2{font-size:21pt}h3{font-size:14pt}.opening{display:block;margin:0;padding:12pt 0}.opening iframe,.button,.text-link,.back,.print-button{display:none}.opening .quiet{display:none}.reasons article{break-inside:avoid;padding:12pt 0}.references{font-size:8pt}details:not([open]){display:none}footer{margin-top:12pt}a{color:black}dl{font-size:10pt}}