.reality-section{position:relative;padding:120px 0 104px;background:var(--bg);isolation:isolate}
.reality-container{width:calc(100% - 88px);max-width:1440px;margin:0 auto}
.reality-layout{display:grid;grid-template-columns:.94fr 1fr;gap:clamp(64px,8vw,150px);align-items:start}
.reality-heading{position:sticky;top:64px;padding-bottom:30px}
.reality-heading h2{font:500 clamp(38px,3.4vw,64px)/1.09 var(--heading);letter-spacing:-.045em;margin:0;max-width:590px}
.reality-heading h2>.reality-title-line{display:block;color:var(--paper)}
.reality-heading h2>.title-orange{color:var(--orange)}
.reality-phrases{position:relative;margin-top:58px;min-height:230px;max-width:100%;isolation:isolate}
.reality-phrase{position:absolute;inset:0 auto auto 0;font:500 clamp(36px,3.7vw,66px)/1.08 var(--heading);letter-spacing:-.055em;margin:0;opacity:0;transform:translateY(22px);filter:blur(5px);pointer-events:none;transition:opacity .35s ease,transform .65s cubic-bezier(.16,1,.3,1),filter .55s ease;color:var(--paper)}
.reality-phrase>span,.reality-phrase>em,.reality-inline-phrase>span,.reality-inline-phrase>em{display:block}
.reality-phrase em,.reality-inline-phrase em{color:var(--orange);font-style:normal}
.reality-phrase.is-active{opacity:1;transform:none;filter:none;transition-delay:.12s}
.phrase-fracture>span{display:inline-block}
.reality-phrase.is-active .phrase-fracture>span:first-child{animation:phrase-reassemble-left .8s cubic-bezier(.16,1,.3,1) both}
.reality-phrase.is-active .phrase-fracture>span:last-child{animation:phrase-reassemble-right 1s cubic-bezier(.16,1,.3,1) both}
@keyframes phrase-reassemble-left{from{opacity:0;transform:translate(-12px,7px) rotate(-3deg)}to{opacity:1;transform:none}}
@keyframes phrase-reassemble-right{from{opacity:0;transform:translate(15px,-6px) rotate(2deg)}to{opacity:1;transform:none}}
.reality-inline-phrase{display:none}
.reality-problems{padding-top:7px}
.problem-row{position:relative;box-sizing:border-box;min-height:clamp(340px,48svh,510px);padding:65px 0 90px 25px;border-top:1px solid var(--line)}
.problem-row:first-child{padding-top:0;border-top:0;min-height:clamp(290px,42svh,445px)}
.problem-row:last-child{padding-bottom:45px;min-height:340px}
.problem-row:before{content:'';position:absolute;left:0;top:75px;width:5px;height:5px;background:#706c68;border-radius:50%;transition:background .35s,box-shadow .35s}
.problem-row:first-child:before{top:9px}
.problem-row h3{font:500 clamp(19px,1.35vw,24px)/1.35 var(--heading);letter-spacing:-.025em;color:var(--paper);margin:0 0 20px;transition:color .35s}
.problem-row p:not(.reality-inline-phrase){font-size:18px;line-height:1.8;color:#b4b1ac;margin:0;max-width:660px}
.problem-row code{font:400 .85em var(--mono);color:var(--paper);background:#ffffff09;border-bottom:1px solid #ffffff26;padding:3px 5px;border-radius:3px;white-space:nowrap}
.problem-row.is-current:before{background:var(--orange);box-shadow:0 0 14px #ff5a1f55}
.problem-row.is-current h3{color:var(--orange)}
.reality-motion .reality-title-line{--line-reveal:clamp(0,calc((var(--intro,1) - var(--line-order)*.08)*1.5),1);opacity:var(--line-reveal);transform:translateY(calc((1 - var(--line-reveal))*35px));clip-path:inset(0 0 calc((1 - var(--line-reveal))*100%) 0)}
.reality-motion .problem-row{opacity:calc(.48 + var(--row-reveal,1)*.52);transform:translateY(calc((1 - var(--row-reveal,1))*25px));transition:opacity .2s}
.reality-motion .problem-row:after{content:'';position:absolute;left:0;right:0;top:-1px;height:1px;background:#ffffff38;transform:scaleX(var(--row-reveal,1));transform-origin:left;opacity:.7}
.reality-motion .problem-row:first-child:after{display:none}
.reality-conclusion{margin-top:35px;border-top:1px solid var(--line);padding-top:47px;overflow:hidden}
.reality-conclusion>p{font:400 clamp(24px,2.3vw,37px)/1.45 var(--heading);letter-spacing:-.025em;color:#8f8b85;max-width:1130px;margin:0}
.reality-conclusion strong{color:var(--paper);font-weight:400}
.unfinished-strip{display:flex;gap:8px;margin-top:30px;mask-image:linear-gradient(90deg,#000 70%,transparent);overflow:hidden;white-space:nowrap;user-select:none}
.unfinished-tab{display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid #ffffff11;border-bottom:0;border-radius:6px 6px 0 0;color:#6f6b67;font:10px var(--mono);background:#ffffff02}
.unfinished-tab i{display:block;width:7px;height:9px;border:1px solid #726b63;border-radius:1px}
.unfinished-tab:nth-child(2){opacity:.8}.unfinished-tab:nth-child(3){opacity:.6}.unfinished-tab:nth-child(4){opacity:.4}
.reality-answer{position:relative;border-top:1px solid #ff5a1f6b;display:grid;grid-template-columns:.4fr 1fr;gap:80px;padding:43px 0 0;margin-top:0}
.answer-label{font:500 18px var(--body);color:var(--orange);display:flex;gap:12px;align-items:center;align-self:start;padding-top:5px}
.answer-label>span{height:1px;width:28px;background:var(--orange)}
.reality-answer>p{margin:0;font-size:clamp(22px,1.8vw,29px);line-height:1.5;letter-spacing:-.015em;color:#a5a19b}
.reality-answer strong{font-weight:400;color:var(--paper)}
.reality-motion .reality-conclusion>p{opacity:calc(.25 + var(--conclusion-reveal,1)*.75);transform:translateY(calc((1 - var(--conclusion-reveal,1))*35px))}
.reality-motion .unfinished-tab{--tab-reveal:clamp(0,calc(var(--conclusion-reveal,1)*1.5 - var(--tab-order)*.13),1);transform:translate(calc((1 - var(--tab-reveal))*32px),calc((1 - var(--tab-reveal))*30px));opacity:calc(var(--tab-reveal)*.8)}
.unfinished-tab:nth-child(1){--tab-order:0}.unfinished-tab:nth-child(2){--tab-order:1}.unfinished-tab:nth-child(3){--tab-order:2}.unfinished-tab:nth-child(4){--tab-order:3}
.reality-motion .reality-answer:before{content:'';position:absolute;left:0;right:0;top:-1px;height:1px;background:var(--orange);transform:scaleX(var(--answer-reveal,1));transform-origin:left}
.reality-motion .reality-answer>p{opacity:calc(.2 + var(--answer-reveal,1)*.8);transform:translateY(calc((1 - var(--answer-reveal,1))*40px))}
.reality-motion .answer-label{opacity:var(--answer-reveal,1);transform:translateX(calc((1 - var(--answer-reveal,1))*-24px))}
@media(min-width:1700px){.reality-section{padding-top:132px}.reality-layout{grid-template-columns:1fr 1fr}.reality-heading h2{font-size:62px}}
@media(max-width:1100px){.reality-container{width:calc(100% - 56px)}.reality-layout{grid-template-columns:.9fr 1.1fr;gap:48px}.reality-heading h2{font-size:42px}.reality-phrase{font-size:clamp(34px,4.3vw,47px)}.reality-phrases{margin-top:45px;min-height:190px}.problem-row{padding-left:20px;min-height:350px}.problem-row h3{font-size:19px}.problem-row p:not(.reality-inline-phrase){font-size:16px}.reality-answer{gap:45px;grid-template-columns:.32fr 1fr}.reality-answer>p{font-size:22px}}
@media(max-height:760px) and (min-width:701px){.reality-heading{top:30px}.reality-heading h2{font-size:clamp(34px,3.2vw,50px)}.reality-phrases{margin-top:30px;min-height:170px}.reality-phrase{font-size:clamp(33px,3.2vw,48px)}}
@media(max-width:700px){.reality-section{padding:70px 0 66px}.reality-container{width:calc(100% - 44px)}.reality-layout{display:block}.reality-heading{position:relative;top:auto;padding:0 0 42px}.reality-heading h2{font-size:clamp(35px,9.2vw,49px);line-height:1.09;max-width:470px}.reality-phrases{display:none}.reality-inline-phrase{display:block;font:500 clamp(30px,8vw,40px)/1.09 var(--heading);letter-spacing:-.045em;color:var(--paper);margin:0 0 27px}.reality-problems{padding-top:0}.problem-row,.problem-row:first-child,.problem-row:last-child{padding:42px 0 55px;min-height:0;border-top:1px solid var(--line)}.problem-row:before{display:none}.problem-row h3{font-size:17px;margin-bottom:15px;line-height:1.4}.problem-row p:not(.reality-inline-phrase){font-size:16px;line-height:1.75}.reality-conclusion{margin-top:0;padding-top:30px}.reality-conclusion>p{font-size:24px;line-height:1.45}.unfinished-strip{margin-top:26px}.unfinished-tab{font-size:9px;padding:8px 10px}.reality-answer{display:block;padding-top:26px}.answer-label{font-size:15px;padding:0;margin-bottom:19px}.answer-label>span{width:20px}.reality-answer>p{font-size:20px;line-height:1.55}}
@media(prefers-reduced-motion:reduce){.reality-phrase{transition:none;transform:none;filter:none}.reality-phrase .phrase-fracture>span{animation:none!important}.reality-motion .reality-title-line,.reality-motion .problem-row,.reality-motion .reality-conclusion>p,.reality-motion .unfinished-tab,.reality-motion .reality-answer>p,.reality-motion .answer-label{opacity:1;transform:none;filter:none;clip-path:none}.problem-row h3{transition:none}}

/* One pinned frame: intro alone, then a single question and its explanation. */
.reality-story{position:relative}
.reality-sequential .reality-story{height:440svh}
.reality-sequential .reality-layout{position:sticky;top:0;min-height:100svh;box-sizing:border-box;padding:75px 0;align-content:center;align-items:start}
.reality-sequential .reality-heading{position:relative;top:auto;padding:0;display:grid;min-height:285px}
.reality-sequential .reality-heading>h2,.reality-sequential .reality-phrases{grid-area:1/1}
.reality-sequential .reality-heading>h2{opacity:0;visibility:hidden;transform:translateY(-16px);transition:opacity .3s,transform .5s,visibility .3s}
.reality-sequential[data-story-step="0"] .reality-heading>h2{opacity:1;visibility:visible;transform:none;transition-delay:.15s}
.reality-sequential .reality-title-line{opacity:1;transform:none;clip-path:none}
.reality-sequential .reality-phrases{margin:0;min-height:0;display:block}
.reality-sequential .reality-phrase{font-size:clamp(38px,3.7vw,66px);visibility:hidden;transition:opacity .3s,transform .6s cubic-bezier(.16,1,.3,1),filter .5s,visibility .3s}
.reality-sequential .reality-phrase.is-active{visibility:visible;transition-delay:.15s}
.reality-sequential .reality-problems{display:grid;padding:8px 0 0;min-height:265px}
.reality-sequential .problem-row,.reality-sequential .problem-row:first-child,.reality-sequential .problem-row:last-child{grid-area:1/1;min-height:0;padding:0;border:0;opacity:0;visibility:hidden;transform:translateY(18px);transition:opacity .3s,transform .65s cubic-bezier(.16,1,.3,1),visibility .3s;pointer-events:none}
.reality-sequential .problem-row.is-current{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition-delay:.18s}
.reality-sequential .problem-row:before,.reality-sequential .problem-row:after,.reality-sequential .problem-row h3{display:none}
.reality-sequential .problem-row p{font-size:clamp(18px,1.1vw,20px);line-height:1.65;margin:0;text-wrap:pretty}
.problem-row p+p{margin-top:1.1em!important}
.reality-sequential .reality-inline-phrase{display:none}
@media(max-width:1100px){.reality-sequential .reality-phrase{font-size:clamp(34px,4.3vw,47px)}.reality-sequential .problem-row p{font-size:17px}.reality-sequential .reality-heading{min-height:230px}}
@media(max-height:760px) and (min-width:701px){.reality-sequential .reality-layout{padding:45px 0}.reality-sequential .reality-heading{min-height:230px}.reality-sequential .reality-phrase{font-size:clamp(33px,3.2vw,48px)}}
@media(max-width:700px){.reality-sequential .reality-story{height:430svh}.reality-sequential .reality-layout{display:grid;grid-template-columns:1fr;gap:26px;padding:40px 0;align-content:center}.reality-sequential .reality-heading{min-height:clamp(160px,39vw,210px)}.reality-sequential .reality-heading h2{font-size:clamp(31px,8vw,42px)}.reality-sequential .reality-phrase{font-size:clamp(34px,9vw,47px)}.reality-sequential .reality-problems{min-height:245px;padding:0}.reality-sequential .problem-row p{font-size:16px;line-height:1.7}}
@media(prefers-reduced-motion:reduce){.reality-story{height:auto}.reality-layout{position:static;min-height:0;display:block}.reality-heading{position:static;margin-bottom:45px}.reality-phrases{display:none}.problem-row,.problem-row:first-child,.problem-row:last-child{min-height:0;padding:30px 0 45px;border:0}.problem-row:before,.problem-row:after{display:none}.problem-row h3{display:block}}
