/* New local draft. The inherited sheet supplies the original paper, type,
   brush and portrait-player language; these rules replace its scene system. */
:root{--paper:#f5f1e9;--ink:#292b27;--red:#883c2d;--section-pad:clamp(28px,5vw,76px)}
body{overflow-x:hidden}button,input,a{-webkit-tap-highlight-color:transparent}button{font-family:inherit}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--red);outline-offset:5px}button{cursor:pointer}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.skip-link{position:fixed;top:-70px;left:15px;z-index:100;background:var(--paper);padding:12px}.skip-link:focus{top:15px}.quiet-nav{position:absolute;inset:22px 30px auto auto;z-index:20;font:12px/1.4 Arial,sans-serif}.quiet-nav a{text-decoration:none;opacity:.78}.quiet-nav a:hover{text-decoration:underline;opacity:1}
.page-section{position:relative;min-height:100svh;scroll-margin:0}.hero{height:100svh;min-height:600px;max-height:none;display:grid;place-items:center;isolation:isolate;background:var(--paper)}.hero:before,.hero:after{content:none}.hero-comparison{position:absolute;inset:0;overflow:hidden}.hero-art{position:absolute;inset:0;display:block}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero-negative{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.hero-divider{position:absolute;top:0;bottom:0;left:var(--split);width:1px;background:#5d584b66;box-shadow:0 0 2px #f5f1e9;pointer-events:none;z-index:3}.hero-divider span{position:absolute;top:72%;left:50%;transform:translate(-50%,-50%);width:46px;height:46px;border:1px solid #645e4f66;background:#f5f1e9dd;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:8px;color:#665e51;font:23px Georgia;box-shadow:0 2px 10px #292b2710}.hero-divider b{font-weight:400}.comparison-range{appearance:none;-webkit-appearance:none;position:absolute;left:-22px;top:calc(72% - 22px);margin:0;width:calc(100% + 44px);height:44px;z-index:5;background:transparent;cursor:ew-resize;touch-action:pan-y}.comparison-range::-webkit-slider-runnable-track{height:1px;background:transparent}.comparison-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:44px;height:44px;margin-top:-21px;background:transparent;border:0;border-radius:50%}.comparison-range::-moz-range-track{height:1px;background:transparent}.comparison-range::-moz-range-thumb{width:44px;height:44px;background:transparent;border:0}.comparison-range:focus-visible{outline:none}.hero-comparison:has(.comparison-range:focus-visible) .hero-divider span{outline:2px solid var(--red);outline-offset:4px}
.hero .title{width:min(84%,1100px);transform:translateY(-10svh);padding:20px 0;pointer-events:none;z-index:4}.title:before{inset:-9vh -2vw -5vh;background:radial-gradient(ellipse,rgba(245,241,233,.96) 14%,rgba(245,241,233,.85) 47%,rgba(245,241,233,.36) 68%,transparent 81%);backdrop-filter:blur(2px)}.title h1{font-size:clamp(66px,8.5vw,138px);letter-spacing:-.055em;line-height:.98;font-weight:400}.title h1 span{display:block;color:var(--red);font-style:italic}.hero .byline{font-size:clamp(21px,2vw,30px);margin-top:20px}.subtitle{font-size:clamp(17px,1.55vw,23px);line-height:1.45;max-width:600px;margin:20px auto 0;text-wrap:balance}.opening-next{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);z-index:5;padding:10px 18px;text-decoration:none;font-size:26px;color:var(--red)}
.editorial-layout{width:100%;max-width:1600px;min-height:100svh;margin:auto;padding:52px var(--section-pad);display:grid;grid-template-columns:48% 1fr;gap:5%;align-items:center}.editorial-art{width:100%;position:relative}.editorial-art picture{display:block}.editorial-art img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;mix-blend-mode:multiply}.copy{padding:0;max-width:620px}.intro{background:linear-gradient(var(--paper),#f4eee3)}.intro .copy h2{font-size:clamp(36px,4.05vw,66px);line-height:1.15}.intro .intro-lead{font-size:clamp(21px,2vw,30px);line-height:1.4;margin:0 0 26px}.copy em,.question em{color:var(--red);font-style:normal;white-space:normal;background-image:url('assets/brush-highlight.svg');background-position:left 64%;background-size:0% .84em;background-repeat:no-repeat;box-decoration-break:clone;-webkit-box-decoration-break:clone}.copy em.ink-revealed,.question em.ink-revealed{background-size:100% .84em;transition:background-size 1.4s cubic-bezier(.4,0,.2,1)}
.atlas{background:linear-gradient(#f4eee3,#f0f1eb);display:flex;align-items:center;padding:34px var(--section-pad)}.atlas-inner{width:min(1160px,100%);margin:auto}.atlas h2{font-size:clamp(25px,2.45vw,36px);font-weight:400;line-height:1.25;letter-spacing:-.025em;max-width:900px;margin:0 auto 20px;text-align:center;text-wrap:balance}.categories{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:20px}.category{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-decoration:none;text-align:center;border:1px solid transparent;border-radius:3px;padding:7px 7px 10px;min-width:0;transition:background .2s,border-color .2s}.category img{width:100%;height:78px;object-fit:contain;mix-blend-mode:multiply;display:block}.category span{font-size:16px;line-height:1.2;max-width:150px;margin-top:5px;min-height:39px;display:grid;align-content:center}.category:hover{background:#e7e3d54a}.category[aria-selected=true]{background:#e8e0d280;border-color:#883c2d40;color:var(--red)}.question-panel ol{list-style:none;padding:0;margin:0}.question{border-top:1px solid #8c82732b;padding:15px 8px 14px}.question p{font-size:clamp(23px,2.1vw,30px);line-height:1.22;letter-spacing:-.018em;text-wrap:pretty;margin:0}.voices{display:flex;flex-wrap:wrap;column-gap:21px;row-gap:5px;margin-top:9px;color:#756d61;font:13px/1.35 Arial,sans-serif}.voices span+span:before{content:'·';position:relative;left:-10px;margin-right:-5px;color:#a59682}.fallback-category{font-size:24px;font-weight:400;margin:28px 8px 12px}.js .fallback-category{display:none}.no-js .question-panel{margin-bottom:30px}
.video-feature{padding:40px 0;background:#f0eee5;display:grid;align-items:center}.video-layout.scene{width:100%;min-height:0;max-width:1400px;grid-template-columns:48% 1fr;gap:4%;padding:0 var(--section-pad)}.video-collage.art{height:min(79svh,650px);min-height:0;max-height:none;aspect-ratio:auto}.portrait-player{width:auto;height:min(73svh,560px);max-width:100%;aspect-ratio:9/16}.video-copy.copy{max-width:540px;padding:0}.video-copy h2{font-size:clamp(30px,3.35vw,51px);line-height:1.15}.video-copy.copy p{font-size:clamp(19px,1.8vw,26px);line-height:1.4;margin-top:24px}.video-copy .film-navigation{margin-top:26px}.video-collage .speaker-fragment{width:145px;height:155px}.video-collage .fragment-one{left:-4%;top:14%}.video-collage .fragment-two{right:-4%;bottom:10%}.collage-disc{max-width:96%}.collage-orbit{max-width:100%}
.show{background:linear-gradient(#f0eee5,#f5eeea)}.show-copy p,.host-copy p{font-size:clamp(20px,1.8vw,27px);line-height:1.48;margin-top:22px}.show-copy p:first-child,.host-copy p:first-child{margin-top:0}.guest-frames{aspect-ratio:4/3;position:relative;isolation:isolate}.guest-frame{position:absolute;inset:0;opacity:0;transition:opacity .65s ease-in-out}.guest-frame.is-current{opacity:1}.guest-pause{display:block;margin:8px auto 0;padding:10px 14px;background:transparent;border:0;color:#766b5d;font:12px/1.4 Arial,sans-serif;text-decoration:underline;text-underline-offset:4px}.host-section{background:#f5eeea}.host-copy p:first-child{font-size:clamp(27px,2.6vw,40px);line-height:1.28}.closing{background:linear-gradient(#f5eeea,var(--paper));padding:80px 7vw;min-height:100svh}.closing-copy{max-width:920px}.closing h2{font-size:clamp(42px,5vw,76px)}.closing p{margin-top:40px}.email-address{color:var(--ink);text-decoration:none}.email-address:hover{text-decoration:underline}
@media(min-width:1000px) and (min-height:650px){.js .atlas .question{min-height:91px}.js .page-section{height:100svh;min-height:100svh}.js .editorial-layout{height:100%;min-height:0}.js .atlas{padding-top:24px;padding-bottom:24px}.js .atlas .category img{height:clamp(68px,10vh,92px)}}
@media(min-width:1000px) and (max-height:760px){.show-copy p{font-size:20px;line-height:1.43;margin-top:16px}.editorial-layout{padding-top:32px;padding-bottom:32px}.video-copy h2{font-size:36px}.question{padding-top:12px;padding-bottom:12px}.category span{font-size:15px}.atlas h2{font-size:28px;margin-bottom:15px}.categories{margin-bottom:14px}.voices{font-size:12px;margin-top:8px}}
@media(max-width:999px){.page-section{min-height:auto}.hero{min-height:580px;height:92svh}.editorial-layout{min-height:80svh;padding:65px 6vw;gap:4%}.copy{order:0;text-align:left}.copy h2{font-size:34px}.show-copy p,.host-copy p{font-size:19px}.atlas{padding:55px 6vw}.categories{gap:6px}.category{padding:5px}.category img{height:65px}.category span{font-size:14px}.question p{font-size:24px}.video-feature{padding:55px 0}.video-layout.scene{padding:0 6vw}.video-collage.art{height:570px}.portrait-player{height:480px}.video-copy h2{font-size:33px}.video-copy.copy p{font-size:20px}.closing{min-height:75svh}}
@media(max-width:700px){.quiet-nav{top:18px;right:20px;font-size:11px}.hero{min-height:570px;height:95svh;max-height:920px}.hero .title{width:90%;transform:translateY(-11svh)}.title h1{font-size:clamp(48px,12.3vw,83px);line-height:1.04}.hero .byline{font-size:21px;margin-top:16px}.subtitle{font-size:17px;line-height:1.45;max-width:290px;margin-top:20px}.title:before{inset:-7vh -3vw -5vh}.hero-divider span{width:44px;height:44px}.editorial-layout{display:flex;flex-direction:column;min-height:0;padding:65px 25px 42px;gap:25px}.editorial-art{width:100%;max-width:540px;order:2}.editorial-layout .copy{width:100%;order:1;text-align:center;max-width:530px}.intro .intro-lead{font-size:21px;margin:0 0 18px}.intro .copy h2{font-size:32px;line-height:1.2}.atlas{padding:48px 22px 52px}.atlas h2{font-size:27px;margin-bottom:22px;line-height:1.25}.categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:24px}.category{padding:7px 8px 10px}.category img{height:77px}.category span{font-size:16px;margin-top:3px;min-height:38px}.question{padding:20px 2px}.question p{font-size:24px;line-height:1.28}.voices{font-size:12px;column-gap:14px;row-gap:7px;line-height:1.5;margin-top:12px}.voices span+span:before{left:-7px;margin-right:-3px}.video-feature{padding:58px 0 55px}.video-layout.scene{display:flex;flex-direction:column;gap:24px;padding:0 24px}.video-copy.copy{display:contents}.video-copy h2{order:1;font-size:30px;text-align:center;max-width:450px}.video-copy.copy p{order:2;font-size:19px;text-align:center;max-width:340px;margin:0}.video-copy .film-navigation{order:3;margin:0}.video-collage.art{order:4;height:auto;width:100%;padding:12px 0;min-height:0;max-height:none}.portrait-player{width:min(290px,calc(100vw - 82px));height:auto;aspect-ratio:9/16}.film-sound{order:5}.video-collage .speaker-fragment{display:none}.video-copy noscript{order:6;text-align:center}.show-copy p,.host-copy p{font-size:20px;line-height:1.52;margin-top:20px}.host-copy p:first-child{font-size:29px;line-height:1.25}.guest-pause{margin-top:2px}.closing{padding:80px 25px 95px;min-height:100svh}.closing h2{font-size:34px;line-height:1.2}.closing p{font-size:20px;line-height:1.6;margin-top:32px}}
@media(max-width:360px){.title h1{font-size:46px}.hero .byline{font-size:20px}.question p{font-size:22px}.voices{column-gap:11px;font-size:11px}.category span{font-size:15px}.atlas{padding-left:18px;padding-right:18px}.closing h2{font-size:30px}.closing p{font-size:18px}}
@media(max-height:649px) and (min-width:701px){.hero{height:100svh;min-height:440px}.hero .title{transform:translateY(-5svh)}.title h1{font-size:70px}.hero .byline{font-size:22px;margin-top:10px}.subtitle{font-size:18px;margin-top:12px}.editorial-layout{min-height:0}.video-collage.art{height:500px}.portrait-player{height:450px}}
@media(prefers-reduced-motion:reduce){.guest-frame{transition:none}.copy em,.question em{background-size:100% .84em!important;transition:none!important}.hero .title{transform:translateY(-8svh)}}
.no-js .comparison-range,.no-js .hero-divider,.no-js .guest-pause{display:none}.no-js .category{border-color:#883c2d20}.no-js .copy em,.no-js .question em{background-size:100% .84em}
.js .page-section.flow-oversize{height:auto;min-height:100svh}
/* Fixed shared scene below the four changing guest layers. The soft mask limits
   each generated layer to the guest on the right, preserving Michael and the
   background. Its percentages are intentionally easy to tune against artwork. */
.guest-base{position:absolute;inset:0}.guest-frame{mask-image:radial-gradient(ellipse 34% 49% at 70% 53%,#000 0%,#000 58%,transparent 82%);-webkit-mask-image:radial-gradient(ellipse 34% 49% at 70% 53%,#000 0%,#000 58%,transparent 82%)}
/* Apply paper blending once to the composite, not to overlapping frames. */
.guest-frames{mix-blend-mode:multiply}.guest-frames img{mix-blend-mode:normal}
.guest-frame{mask-image:url('assets/guest-region-mask.svg');-webkit-mask-image:url('assets/guest-region-mask.svg');mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}
.guest-scene{position:relative}.guest-pause{position:absolute;right:8px;bottom:8px;width:44px;height:44px;padding:0;margin:0;display:grid;place-items:center;border-radius:50%;background:#f5f1e9d9;text-decoration:none;font-size:0;z-index:3;opacity:.7}.guest-pause:hover,.guest-pause:focus-visible{opacity:1}.guest-pause:before{content:'';width:10px;height:13px;border-left:3px solid #675e50;border-right:3px solid #675e50}.guest-pause[aria-pressed=true]:before{border:0;background:#675e50;clip-path:polygon(0 0,100% 50%,0 100%);width:12px}
.quiet-nav a{background:#f5f1e9d9;padding:8px 10px;border-radius:2px}
.hero-family-lock{z-index:2;pointer-events:none;mask-image:radial-gradient(ellipse 15% 22% at 49% 79%,#000 0%,#000 76%,transparent 99%);-webkit-mask-image:radial-gradient(ellipse 15% 22% at 49% 79%,#000 0%,#000 76%,transparent 99%)}
@media(max-width:700px){.voices{font-size:14px;line-height:1.5;column-gap:17px;row-gap:4px}.hero-family-lock{mask-image:radial-gradient(ellipse 25% 15% at 50% 86%,#000 0%,#000 83%,transparent 99%);-webkit-mask-image:radial-gradient(ellipse 25% 15% at 50% 86%,#000 0%,#000 83%,transparent 99%)}}
@media(max-width:700px){.category img{height:58px}.show .editorial-art,.host-section .editorial-art{order:0}.host-section .editorial-art{max-width:310px}.guest-pause{right:0;bottom:0}}
.hero-family-lock{mask-image:radial-gradient(ellipse 15% 22% at 49% 79%,#000 0%,#000 92%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 15% 22% at 49% 79%,#000 0%,#000 92%,transparent 100%)}
@media(max-width:700px){.hero-family-lock{mask-image:radial-gradient(ellipse 25% 15% at 50% 86%,#000 0%,#000 95%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 25% 15% at 50% 86%,#000 0%,#000 95%,transparent 100%)}}

/* D86: standard document scrolling, distinct inherited section tones,
   unified category wordmarks, and lighter show hierarchy. */
html{scroll-behavior:auto!important;scroll-snap-type:none!important}
body{scroll-snap-type:none!important}
.page-section{scroll-snap-align:none}
.intro{background:#f0e7d9}.atlas{background:#e8ede4}.video-feature{background:#f5f1e9}.show{background:#f1e4de}.host-section{background:#f0e7d9}.closing{background:#f5f1e9}
.categories{gap:10px;margin-bottom:23px}.category{justify-content:center;padding:6px 4px;min-height:100px;border-radius:2px}.category img{height:90px;width:100%;mix-blend-mode:normal}.category[aria-selected=true]{background:#f5f1e966;border-color:#883c2d55}.category:hover{background:#f5f1e94d}
.show-copy h2{font-weight:400;font-size:clamp(34px,3.3vw,48px);letter-spacing:-.035em;line-height:1.1;margin:0 0 24px}
.show-copy p{font-size:clamp(19px,1.62vw,23px);line-height:1.5;margin-top:19px}
.editorial-art img{mix-blend-mode:normal}
.hero-comparison.is-hinting .hero-divider span{animation:handle-hint 2.6s ease-in-out 3}
@keyframes handle-hint{0%,62%,100%{transform:translate(-50%,-50%)}72%{transform:translate(calc(-50% - 4px),-50%)}84%{transform:translate(calc(-50% + 4px),-50%)}}
@media(min-width:1000px) and (min-height:650px){.js .atlas .category img{height:90px}.show .editorial-layout{grid-template-columns:48% 1fr;gap:5%}}
@media(max-width:700px){.categories{gap:7px;margin-bottom:22px}.category{min-height:84px;padding:2px 3px}.category img{height:79px}.show-copy h2{font-size:34px;line-height:1.12;margin-bottom:22px}.show-copy p{font-size:19px;line-height:1.5;margin-top:18px}}
@media(prefers-reduced-motion:reduce){.hero-comparison.is-hinting .hero-divider span{animation:none}}

/* Generated alpha only; original artwork RGB remains untouched. */
.intro .editorial-art img{mask-image:url('assets/intro-cutout-d86.webp');-webkit-mask-image:url('assets/intro-cutout-d86.webp')}
.host-section .editorial-art img{mask-image:url('assets/host-cutout-d86.webp');-webkit-mask-image:url('assets/host-cutout-d86.webp')}
.intro .editorial-art img,.host-section .editorial-art img{mask-mode:alpha;mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}

@media(min-width:701px) and (max-width:999px){.categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.category{min-height:96px}.category img{height:88px}}

/* D94: selected Spotlight hierarchy, exact supplied bios and read-ready paint. */
.atlas-inner{width:min(1080px,100%)}
.atlas h2{max-width:none;font-size:clamp(26px,2.35vw,34px);margin-bottom:34px;text-wrap:initial}
.categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px 32px;margin-bottom:27px}
.category{display:flex;align-items:flex-start;justify-content:center;text-align:left;border:0;border-radius:0;min-height:48px;padding:10px 4px;color:#555c51}
.category img{display:none}
.category-label{display:inline;font-size:19px;line-height:1.3;max-width:none;min-height:0;margin:0;background-image:url('assets/brush-highlight.svg');background-repeat:no-repeat;background-position:left 65%;background-size:0% .85em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.category span{display:inline;font-size:19px;line-height:1.3;max-width:none;min-height:0;margin:0}
.category:hover,.category[aria-selected=true]{background:transparent;border:0}
.category:hover{color:var(--red)}
.category[aria-selected=true]{color:var(--red)}
.category[aria-selected=true] .category-label.ink-revealed{background-size:100% .85em;transition:background-size 1.8s cubic-bezier(.3,0,.2,1)}
.question{padding:19px 4px;min-height:0;border-color:#8c827335;transition:padding .2s}
.question-button{display:block;width:100%;min-height:44px;padding:3px 0;border:0;background:none;text-align:left;color:#5c6358;font:24px/1.3 Georgia,'Times New Roman',serif;letter-spacing:-.018em;text-wrap:pretty}
.question-button:hover{color:var(--ink)}
.question:not(.is-active) em{color:inherit;background:none!important}
.question.is-active{padding-top:23px;padding-bottom:25px}
.question.is-active .question-button{color:var(--ink);font-size:clamp(29px,2.65vw,36px);line-height:1.24}
.voices{font-size:17px;line-height:1.45;column-gap:24px;row-gap:6px;margin-top:16px;color:#625e54}
.voices span{white-space:nowrap}
.voices span+span:before{left:-12px;margin-right:-5px}
.copy em.ink-revealed,.question em.ink-revealed,.closing em.ink-revealed{transition:background-size 1.8s cubic-bezier(.3,0,.2,1)}
.closing em{background-image:url('assets/brush-highlight.svg');background-position:left 64%;background-size:0% .84em;background-repeat:no-repeat;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.closing em.ink-revealed{background-size:100% .84em}
.show-copy h2,.host-copy h2{font-size:clamp(35px,3.3vw,48px);font-weight:400;line-height:1.15;letter-spacing:-.035em;margin:0 0 25px}
.show-copy p{font-size:clamp(19px,1.48vw,22px);line-height:1.5;margin-top:20px}
.host-copy .host-role{font-size:clamp(21px,1.8vw,26px);line-height:1.4;margin-top:0}
.host-copy p{font-size:clamp(20px,1.65vw,25px);line-height:1.5}
@media(min-width:1000px) and (min-height:650px){.js .atlas .question{min-height:0}.js .show.page-section,.js .host-section.page-section{height:auto;min-height:100svh}.show .editorial-layout,.host-section .editorial-layout{min-height:100svh}}
@media(min-width:1000px) and (max-height:760px){.atlas h2{font-size:29px;margin-bottom:25px}.categories{margin-bottom:19px}.question{padding:14px 4px}.question.is-active{padding:19px 4px}.question.is-active .question-button{font-size:31px}.voices{font-size:17px}.show-copy p{font-size:19px;margin-top:16px}}
@media(max-width:999px){.categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 22px}.category{min-height:50px}.category span{font-size:17px}.question-button{font-size:22px}.question.is-active .question-button{font-size:30px}.voices{font-size:16px}}
@media(max-width:700px){.atlas{padding:55px 24px 58px}.atlas h2{font-size:27px;line-height:1.25;text-align:left;margin-bottom:24px}.categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 17px;margin-bottom:22px}.category{min-height:51px;padding:8px 0}.category span{font-size:17px;line-height:1.3}.question{padding:17px 0}.question-button{font-size:21px;line-height:1.35}.question.is-active{padding:20px 0 23px}.question.is-active .question-button{font-size:28px;line-height:1.25}.voices{font-size:16px;line-height:1.5;column-gap:21px;row-gap:5px;margin-top:14px}.voices span+span:before{left:-10px;margin-right:-5px}.show-copy h2,.host-copy h2{font-size:34px;margin-bottom:22px}.show-copy p{font-size:19px;line-height:1.5;margin-top:19px}.host-copy .host-role{font-size:21px;line-height:1.4}.host-copy p{font-size:20px;line-height:1.5}}
@media(max-width:360px){.atlas{padding-left:20px;padding-right:20px}.category span{font-size:16px}.question.is-active .question-button{font-size:26px}.question-button{font-size:20px}.voices{font-size:15px}}
@media(prefers-reduced-motion:reduce){.question{transition:none}.category[aria-selected=true] .category-label{background-size:100% .85em;transition:none!important}.closing em{background-size:100% .84em!important;transition:none!important}}
.no-js .category{border:0}.no-js .category-label{background:none}

/* D95: minor framing correction, shared by every reveal layer. No new hero art. */
.hero-art img{transform:translateX(var(--hero-reframe-x,0px)) scale(var(--hero-reframe-scale,1));transform-origin:center}
@media(min-width:701px){.hero-family-lock{mask-image:radial-gradient(ellipse 15% 22% at 50% 79%,#000 0%,#000 92%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 15% 22% at 50% 79%,#000 0%,#000 92%,transparent 100%)}}

/* New hero: paired generated vignettes, responsive placement, one fixed family. */
.hero-v7{background:var(--paper);min-height:600px}
.hero-world{position:absolute;inset:0;background:var(--paper);overflow:hidden}
.hero-world.hero-positive{z-index:0}
.hero-world.hero-negative{z-index:1;background:#e9ece8}
.hero-tile{position:absolute;aspect-ratio:1;width:31vw;max-width:470px;margin:0;overflow:hidden;pointer-events:none}
.hero-tile img{position:absolute;left:0;top:0;width:200%;height:100%;max-width:none;display:block;object-fit:fill;transform:none}
.hero-positive .hero-tile img{left:-100%}
.hero-negative .hero-tile img{filter:saturate(.66) brightness(.90)}
.hero-work{left:-1vw;top:-2vw}
.hero-agency{right:-1vw;top:-2vw}
.hero-belonging{left:-1vw;bottom:12px;width:32vw}
.hero-village{right:-1vw;bottom:12px;width:34vw}
.hero-family-anchor{position:absolute;width:clamp(250px,25vw,380px);height:auto;left:50%;bottom:28px;transform:translateX(-53%);z-index:2;pointer-events:none}
.hero-v7 .title{z-index:4}
.hero-v7 .title:before{inset:-20px 3vw -20px;background:radial-gradient(ellipse,rgba(245,241,233,.94) 12%,rgba(245,241,233,.65) 55%,transparent 78%);backdrop-filter:none}
.hero-v7 .hero-divider{z-index:3}
.hero-v7 .hero-divider span{top:68%}
.hero-v7 .comparison-range{top:calc(68% - 22px)}
.hero-v7 .opening-next{bottom:0;padding:3px 14px;font-size:21px;line-height:1.2}
@media(min-width:701px) and (max-height:700px){
 .hero-v7{min-height:540px}
 .hero-v7 .title{transform:translateY(-8svh)}
 .hero-v7 .title h1{font-size:86px;line-height:.98}
 .hero-v7 .byline{font-size:22px;margin-top:14px}
 .hero-v7 .subtitle{font-size:18px;line-height:1.4;margin-top:15px}
 .hero-v7 .hero-tile{width:29vw;max-width:340px}
 .hero-v7 .hero-work,.hero-v7 .hero-agency{top:-28px}
 .hero-v7 .hero-belonging,.hero-v7 .hero-village{bottom:6px}
 .hero-v7 .hero-family-anchor{width:220px;bottom:25px}
}
@media(min-width:701px) and (max-width:999px){
 .hero-v7 .hero-tile{width:35vw}
 .hero-v7 .hero-work,.hero-v7 .hero-agency{top:0}
 .hero-v7 .hero-belonging,.hero-v7 .hero-village{bottom:12px}
 .hero-v7 .title h1{font-size:clamp(62px,8.4vw,84px)}
 .hero-v7 .hero-family-anchor{width:230px}
}
@media(max-width:700px){
 .hero-v7{min-height:650px;height:100svh;max-height:none}
 .hero-v7 .hero-tile{width:54vw;max-width:none}
 .hero-v7 .hero-work{left:-2vw;top:-6px}
 .hero-v7 .hero-agency{right:-2vw;top:-6px}
 .hero-v7 .hero-belonging{left:-2vw;bottom:132px}
 .hero-v7 .hero-village{right:-2vw;bottom:132px}
 .hero-v7 .title{transform:translateY(-10svh);width:92%;padding:12px 0}
 .hero-v7 .title:before{inset:-14px -3px -14px;background:radial-gradient(ellipse,rgba(245,241,233,.90),rgba(245,241,233,.55) 60%,transparent 82%)}
 .hero-v7 .title h1{font-size:clamp(46px,12vw,68px);line-height:1.02}
 .hero-v7 .byline{font-size:20px;margin-top:13px}
 .hero-v7 .subtitle{font-size:16px;line-height:1.4;margin-top:14px;max-width:290px}
 .hero-v7 .hero-family-anchor{width:160px;bottom:29px}
 .hero-v7 .hero-divider span{top:53%;width:40px;height:40px;font-size:21px}
 .hero-v7 .comparison-range{top:calc(53% - 22px)}
}
@media(max-width:360px){
 .hero-v7 .hero-belonging,.hero-v7 .hero-village{bottom:119px}
 .hero-v7 .hero-family-anchor{width:140px;bottom:28px}
 .hero-v7 .title{transform:translateY(-9svh)}
 .hero-v7 .title h1{font-size:44px}
 .hero-v7 .byline{font-size:19px}
 .hero-v7 .subtitle{font-size:15px;max-width:270px}
}
@media(prefers-reduced-motion:reduce){.hero-v7 .title{transform:translateY(-10svh)}}
/* Keep the monkey-bar frame fully inside the top edge at every size. */
.hero-v7 .hero-agency{top:4px}
/* Visual review: preserve whole figures on short windows and keep phone faces
   inside the screen rather than using desktop-style edge overscan. */
@media(min-width:1000px) and (min-height:701px){.hero-work,.hero-agency{max-width:400px}}
@media(min-width:701px) and (max-height:700px){.hero-v7 .hero-tile{max-width:calc((100svh - 30px)/2)}.hero-v7 .hero-work{top:0}}
@media(max-width:700px){.hero-v7 .hero-tile{width:52vw}.hero-v7 .hero-work,.hero-v7 .hero-belonging{left:0}.hero-v7 .hero-agency,.hero-v7 .hero-village{right:0}}

/* Place the control below the measured title block, not through the descriptor. */
.hero-v7 .hero-divider span{top:var(--handle-y,68%)}
.hero-v7 .comparison-range{top:calc(var(--handle-y,68%) - 22px)}

/* D100 mobile: one inquiry at a time; the complete set stays discoverable. */
.mobile-topic-chooser,.mobile-question-nav{display:none}
@media(max-width:700px){
 .js .atlas .categories{display:none}
 .js .mobile-topic-chooser{display:block;margin:0 0 19px}
 .mobile-topic-count{font:14px/1.3 Arial,sans-serif;color:#625e54;text-align:right;margin:0 0 4px}
 .mobile-topic-label{display:block;position:relative}
 .mobile-topic-label:after{content:'';position:absolute;right:8px;top:17px;width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);pointer-events:none;color:var(--red)}
 .mobile-topic-label select{appearance:none;-webkit-appearance:none;display:block;width:100%;min-height:48px;padding:8px 28px 8px 1px;border:0;border-bottom:1px solid #8c827355;border-radius:0;background:transparent;color:var(--red);font:19px/1.3 Georgia,'Times New Roman',serif}
 .mobile-topic-label select:focus-visible{outline:2px solid var(--red);outline-offset:5px}
 .js .atlas .question:not(.is-active){display:none}
 .js .atlas .question-panels{min-height:236px}
 .js .atlas .question.is-active{border:0;padding-top:9px;padding-bottom:12px}
 .js .mobile-question-nav{display:grid;grid-template-columns:46px 1fr 46px;align-items:center;gap:14px;margin-top:15px;padding-top:16px;border-top:1px solid #8c827335}
 .mobile-question-nav span{text-align:center;color:#625e54;font:15px/1.4 Arial,sans-serif}
 .mobile-question-nav button{min-width:44px;min-height:44px;border:1px solid #8c827355;border-radius:50%;background:transparent;color:var(--red);font:24px/1 Georgia,'Times New Roman',serif}
 .mobile-question-nav button:hover{background:#f5f1e966}
}
@media(max-width:360px){.mobile-topic-label select{font-size:18px}.js .atlas .question-panels{min-height:250px}}

/* D100: each state is a complete frame, composed from the exact accepted assets.
   The five aspect-ratio exports keep scene placement close to its reviewed layout. */
.hero-composite .hero-art img{object-fit:fill}
.hero-composite .hero-positive{z-index:0}
.hero-composite .hero-negative{z-index:1}

/* CW-IN40: match original headline scale and blend the denser side frame. */

.hero-composite .title:before{inset:-9vh -5vw -6vh;background:radial-gradient(ellipse,rgba(245,241,233,.98) 14%,rgba(245,241,233,.88) 43%,rgba(245,241,233,.45) 67%,transparent 83%);backdrop-filter:none}
@media(min-width:1000px) and (min-height:601px){.hero-composite .title{transform:translateY(-11svh)}.hero-composite .title h1{font-size:clamp(80px,7.9vw,138px)}.hero-composite .byline{margin-top:16px}.hero-composite .subtitle{margin-top:14px}}
