/* Four transparent characters enter the room before their words appear. */
.road-voices,.home-voices{position:relative;isolation:isolate;color:#e9dbc1;overflow:hidden}.road-voices{background:#171513;padding:85px 0 0}.home-voices{background:#211c18;padding:76px 0 40px}.voices-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:28px}.voices-heading h2{font-size:clamp(51px,5.5vw,80px);font-weight:400}.voices-heading .chapter-caption{font-size:10px;letter-spacing:1.2px;color:#ac9471;margin-bottom:16px}.voices-pencil{font:27px/1.5 Hand,cursive;color:#b59970;transform:rotate(-3deg);margin:0 20px 5px 0}.home-voices .voices-heading h2{font-size:clamp(47px,4.8vw,70px)}
.character-scenes{position:relative}.character-entrance{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:500px;isolation:isolate}.character-entrance:before{content:'';position:absolute;z-index:-1;left:2%;bottom:3%;width:57%;height:85%;pointer-events:none;background:radial-gradient(ellipse at 45% 60%,#8b624222,transparent 65%)}.character-entrance+.character-entrance{margin-top:-28px}.character-figure{height:480px;position:relative;margin:0;align-self:end;pointer-events:none;mask-image:linear-gradient(#000 0%,#000 76%,transparent 99%)}.character-figure img{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:saturate(.65) sepia(.08);max-width:none}.character-speech{position:relative;padding:20px 0 30px 45px;z-index:1}.character-speech blockquote{margin:0}.character-speech blockquote>p{font:400 clamp(31px,3.4vw,50px)/1.25 var(--display);letter-spacing:-.02em;margin:0 0 24px}.character-speech em{font-style:normal;color:#c7966c}.character-speech footer{display:flex;flex-direction:column;gap:7px}.character-speech cite{font:25px/1.4 Hand,cursive;font-style:normal;color:#c8b394}.character-speech footer a{font:10px/1.7 var(--mono);color:#a8957b;width:fit-content;text-underline-offset:5px}.character-speech footer a:hover{text-decoration:underline;color:#ead7b7}.speech-trace{position:absolute;width:75px;height:53px;left:-44px;top:26px;overflow:visible;transform:rotate(-7deg)}.speech-trace path{fill:none;stroke:#b09772;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:160;stroke-dashoffset:0}.scene-pencil{font:24px/1.6 Hand,cursive;color:#a68e6c;margin:26px 0 0 7px;transform:rotate(-3deg)}
.entrance-right .character-figure{grid-column:2;grid-row:1}.entrance-right .character-speech{grid-column:1;grid-row:1;padding:20px 46px 30px 20px}.entrance-right:before{left:auto;right:0}.entrance-right .speech-trace{left:auto;right:-35px;transform:scaleX(-1) rotate(-7deg)}.sam-entrance .character-figure{height:490px}.sam-entrance .character-speech{padding-left:65px}.sam-entrance .character-speech blockquote>p{font-size:clamp(40px,4.6vw,65px)}.bobby-entrance .character-figure{height:425px;overflow:hidden}.bobby-entrance .character-figure img{position:absolute;left:-18%;width:136%;height:110%;bottom:0}.bobby-entrance .character-speech blockquote>p{font-size:clamp(30px,3vw,45px)}.cas-entrance{min-height:565px}.cas-entrance .character-figure{height:560px}.cas-entrance .character-figure img{object-position:55% bottom}.cas-entrance .character-speech blockquote>p{font-size:clamp(29px,2.8vw,42px)}.cas-entrance .character-speech em{color:#a8bab7}.cas-entrance .speech-trace{top:40px}.voices-transition{font:26px/1.5 Hand,cursive;text-align:center;color:#a18a69;margin:0;padding:30px 10px 41px;border-top:1px solid #8d75552b}.voices-footnote{display:flex;gap:30px;align-items:flex-start;justify-content:space-between;border-top:1px solid #aa8d6533;margin-top:25px;padding-top:22px;font-size:12px;line-height:1.7;color:#a48e73}.voices-footnote>p{margin:0}.voices-footnote details{max-width:430px}.voices-footnote summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px}.voices-footnote details p{margin:12px 0 0}.voices-footnote details a{text-decoration:underline;text-underline-offset:3px}
/* Each scene is one trigger: character first, the speaking line 0.55s later. */
.voices-ready .character-figure{opacity:0;transform:translate(-66px,22px) rotate(-2deg);transition:opacity .9s ease,transform 1.15s cubic-bezier(.16,.72,.22,1)}.voices-ready .entrance-right .character-figure{transform:translate(66px,22px) rotate(2deg)}.voices-ready .character-speech{opacity:0;transform:translate(-18px,8px);transition:opacity .75s ease .55s,transform .85s cubic-bezier(.16,.72,.22,1) .55s}.voices-ready .entrance-right .character-speech{transform:translate(18px,8px)}.voices-ready .speech-trace path{stroke-dashoffset:160;transition:stroke-dashoffset .8s ease .45s}.voices-ready [data-character-seen=true] .character-figure,.voices-ready [data-quote-seen=true] .character-speech,.voices-ready .character-entrance:focus-within .character-figure,.voices-ready .character-entrance:focus-within .character-speech{opacity:1;transform:none}.voices-ready [data-quote-seen=true] .speech-trace path{stroke-dashoffset:0}
[data-motion=still] .character-figure,[data-motion=still] .character-speech{opacity:1!important;transform:none!important;transition:none!important}[data-motion=still] .speech-trace path{stroke-dashoffset:0!important;transition:none!important}
@media(max-width:1100px){.voices-heading{gap:26px}.voices-pencil{font-size:24px;margin-right:0}.character-entrance{min-height:430px}.character-figure{height:410px}.character-speech{padding-left:25px}.character-speech blockquote>p{font-size:clamp(30px,3.5vw,41px)}.character-speech cite{font-size:23px}.speech-trace{width:55px;left:-32px;top:30px}.sam-entrance .character-figure{height:420px}.sam-entrance .character-speech{padding-left:30px}.entrance-right .character-speech{padding-right:28px;padding-left:10px}.entrance-right .speech-trace{right:-28px}.bobby-entrance .character-figure{height:360px}.bobby-entrance .character-speech blockquote>p{font-size:33px}.cas-entrance{min-height:500px}.cas-entrance .character-figure{height:490px}.cas-entrance .character-speech blockquote>p{font-size:32px}.scene-pencil{font-size:22px;line-height:1.45}}
@media(max-width:760px){.road-voices{padding-top:54px}.home-voices{padding:52px 0 33px}.voices-heading{display:block;margin-bottom:21px}.voices-heading h2{font-size:clamp(46px,11.5vw,65px)}.voices-heading .chapter-caption{font-size:8px;letter-spacing:.6px}.voices-pencil{font-size:24px;margin:20px 0 0 5px;line-height:1.45}.home-voices .voices-heading h2{font-size:clamp(43px,10vw,58px)}.character-entrance{grid-template-columns:minmax(0,1fr);min-height:0;padding-top:13px}.character-entrance+.character-entrance{margin-top:18px}.character-figure,.sam-entrance .character-figure{grid-column:1!important;grid-row:1!important;height:330px;width:calc(100% + 30px);margin-inline:-15px}.character-figure img{object-position:center bottom}.character-speech,.entrance-right .character-speech,.sam-entrance .character-speech{grid-column:1!important;grid-row:2!important;padding:0 9px 25px 23px;margin-top:-34px}.character-speech blockquote>p,.bobby-entrance .character-speech blockquote>p,.cas-entrance .character-speech blockquote>p{font-size:clamp(29px,8vw,39px);line-height:1.28;text-shadow:0 3px 14px #100d0c}.sam-entrance .character-speech{padding-left:42px}.sam-entrance .character-speech blockquote>p{font-size:clamp(38px,10vw,49px)}.character-speech cite{font-size:24px}.character-speech footer a{font-size:9px}.character-speech blockquote>p br{display:none}.dean-entrance .character-speech blockquote>p br{display:block}.character-speech blockquote>p{margin-bottom:17px}.speech-trace,.entrance-right .speech-trace{width:48px;height:48px;left:-9px;right:auto;top:-31px;transform:rotate(60deg)}.scene-pencil{font-size:22px;line-height:1.5;margin-top:18px}.bobby-entrance .character-figure{height:290px}.bobby-entrance .character-figure img{width:145%;left:-22.5%;height:110%}.cas-entrance{min-height:0}.cas-entrance .character-figure{height:435px}.cas-entrance .character-figure img{object-position:55% bottom}.cas-entrance .speech-trace{top:-32px}.character-entrance:before{width:100%;height:66%;top:0;left:0;right:auto}.voices-transition{font-size:24px;text-align:left;padding:24px 10px 28px;line-height:1.5}.voices-footnote{display:block;margin-top:15px;font-size:11px}.voices-footnote>p{margin-bottom:10px}.voices-ready .character-figure{transform:translate(-38px,18px) rotate(-1deg)}.voices-ready .entrance-right .character-figure{transform:translate(38px,18px) rotate(1deg)}.voices-ready [data-character-seen=true] .character-figure{transform:none}}
@media(max-width:380px){.character-figure,.sam-entrance .character-figure{height:285px}.bobby-entrance .character-figure{height:255px}.cas-entrance .character-figure{height:390px}.character-speech,.entrance-right .character-speech{padding-left:17px}.sam-entrance .character-speech{padding-left:30px}}
@media(prefers-reduced-motion:reduce){.voices-ready .character-figure,.voices-ready .character-speech{opacity:1;transform:none;transition:none}.voices-ready .speech-trace path{stroke-dashoffset:0;transition:none}}