/* Additional Figma pages use the same 1920 × 1080 composition and page-turn controller. */
.detail-page,.case-review,.reflection-page{height:calc(56.25 * var(--page-unit));min-height:0;padding:0;font-family:var(--font-chinese);font-variation-settings:normal;overflow:hidden}
.detail-page,.case-review{color:#fff;background:#000}
.detail-kicker{position:absolute;left:3.177083%;top:12.12963%;font-family:var(--font-portfolio);font-weight:500;font-size:calc(1.875 * var(--page-unit));line-height:1.3}
.detail-heading{position:absolute;font-size:calc(1.666667 * var(--page-unit));font-weight:400;line-height:1.4;white-space:nowrap}
.detail-copy{position:absolute;width:34.895833%;font-size:calc(1.041667 * var(--page-unit));font-weight:400;line-height:1.4}
.detail-copy p+p{margin-top:calc(1.458333 * var(--page-unit))}
.detail-phone{position:absolute;width:17.152%;margin:0}
.detail-phone img{display:block;width:100%;height:auto}
.detail-phone figcaption{position:absolute;bottom:calc(100% + calc(2.96875 * var(--page-unit)));left:50%;translate:-50% 0;white-space:nowrap;background:#fff;color:#000;border-radius:99px;padding:calc(.78125 * var(--page-unit)) calc(2.239583 * var(--page-unit));font-family:var(--font-portfolio);font-weight:700;font-size:calc(1.041667 * var(--page-unit));line-height:1.25}
.detail-waiting .detail-heading{left:5.520833%;top:33.703704%}
.detail-waiting .detail-copy{left:5.520833%;top:55.925926%}
.detail-waiting .phone-a{left:79.010417%;top:25.462963%}
.detail-active .detail-kicker{left:87.604167%;top:14.814815%}
.detail-active .detail-heading{left:50%;top:44.351852%}
.detail-active .detail-copy{left:50.520833%;top:62.314815%}
.detail-active .phone-a{left:7.447917%;top:25.185185%}
.detail-active .phone-b{left:27.083333%;top:25.185185%}
.detail-results .detail-heading{left:50.052083%;top:46.666667%}
.detail-results .detail-copy{left:50.416667%;top:64.814815%;width:40.104167%}
.detail-results .phone-a{left:6.927083%;top:26.018519%}
.detail-results .phone-b{left:27.447917%;top:26.111111%}
.detail-results .detail-phone figcaption{bottom:calc(100% + calc(3.229167 * var(--page-unit)))}
.review-kicker{position:absolute;left:4.270833%;top:8.333333%;font-size:calc(1.666667 * var(--page-unit));font-weight:500;line-height:.5375;letter-spacing:1.2px;color:#999}
.case-review>h2{position:absolute;left:4.270833%;top:12.368333%;font-size:calc(1.979167 * var(--page-unit));font-weight:500;line-height:1.3;letter-spacing:-.03em}
.review-grid{position:absolute;left:4.270833%;right:1.666667%;top:25.092593%;display:grid;grid-template-columns:repeat(4,1fr);gap:calc(6.40625 * var(--page-unit))}
.review-number{display:block;font-family:'Zen Kaku Gothic Antique',sans-serif;font-weight:900;font-size:calc(2.083333 * var(--page-unit));line-height:1.2;color:#999}
.review-grid h3{height:calc(2.5 * var(--page-unit));margin-top:calc(1.614583 * var(--page-unit));font-size:calc(1.25 * var(--page-unit));font-weight:500;line-height:1.003333}
.review-grid article:nth-child(3) h3{white-space:nowrap}
.review-grid p{margin-top:calc(1.145833 * var(--page-unit));font-size:calc(1.041667 * var(--page-unit));line-height:1.5;color:#999}
.review-word{position:absolute;left:-4.84375%;top:49.62963%;white-space:pre;font-family:'TikTok Sans',sans-serif;font-size:calc(23.4375 * var(--page-unit));font-weight:800;line-height:1.4;letter-spacing:1.2px;color:transparent;-webkit-text-stroke:1px rgb(255 255 255 / .8);pointer-events:none}
.reflection-page{color:#000;background:transparent}
.reflection-page>.chapter-number{position:absolute;left:3.541667%;top:19.722222%;font-size:calc(5 * var(--page-unit));color:rgb(0 0 0 / .6)}
.reflection-page>.section-title{position:absolute;left:3.541667%;top:40.648148%;width:20.9375%;font-size:calc(2.708333 * var(--page-unit));line-height:1.25}
.reflection-note{position:absolute;z-index:-1;pointer-events:none;left:36.5625%;top:24.061%;width:66.177708%;height:95.653981%;transform-origin:0 0;transform:rotate(-15deg)}
.reflection-copy{position:absolute;left:42.8125%;top:41.296296%;width:46.354167%}
.reflection-copy h3{font-size:calc(1.666667 * var(--page-unit));font-weight:600;line-height:1.4;margin-bottom:calc(1.979167 * var(--page-unit))}
.reflection-copy p{font-size:calc(1.25 * var(--page-unit));font-weight:400;line-height:1.4}
.reflection-copy p+p{margin-top:calc(1.75 * var(--page-unit))}
.growth-list{position:absolute;left:41.510417%;top:20.462963%;width:46.40625%;height:61.111111%}
.growth-list article{position:absolute;width:100%;top:0}
.growth-list article:nth-child(2){top:33.333333%}.growth-list article:nth-child(3){top:66.666667%}.growth-list article:nth-child(4){top:100%}
.growth-list h3{font-size:calc(1.25 * var(--page-unit));font-weight:500;line-height:1.4}
.growth-list p{margin-top:calc(1.5625 * var(--page-unit));font-size:calc(1.041667 * var(--page-unit));font-weight:400;line-height:1.4;color:#000c}
.growth-list article:last-child p{margin-top:calc(1.5625 * var(--page-unit))}
.header{transition:opacity .35s ease;background:none}
.header nav a{transition:color .45s ease}
.header .brand{transition:filter .45s ease}
body.light-scene .header nav a{color:#000}
body.light-scene .header .brand{filter:invert(1)}
body.review-scene .header{opacity:0;pointer-events:none}
body.review-scene .header>*{pointer-events:none}
body.review-scene .header:focus-within{opacity:1}
html:has(body.light-scene){scrollbar-color:rgb(0 0 0 / .2) transparent}
body.light-scene::-webkit-scrollbar-thumb{background:rgb(0 0 0 / .2)}
html:has(body.light-scene)::-webkit-scrollbar-thumb{background:rgb(0 0 0 / .2)}
/* Copy and matrix positions changed in the latest draft. */

 .replay-copy{left:36.71875%;top:62.777778%;width:34.166667%;height:auto;display:block;font-size:calc(1.041667 * var(--page-unit))}
 .replay-copy p,.progress-copy p{color:#999}
 .replay-copy p+p{margin-top:calc(.885417 * var(--page-unit))}.replay-copy p:last-child{margin-top:calc(4.114583 * var(--page-unit));color:#fff}
 .replay-phone{left:74.208565%;top:19.439911%;width:18.557467%}
 .progress-copy{left:3.177083%;top:21.666667%;width:35.3125%;font-size:calc(1.041667 * var(--page-unit))}
 .progress-copy p+p{margin-top:calc(.364583 * var(--page-unit))}.progress-copy p:last-child{margin-top:calc(3.59375 * var(--page-unit));color:#fff}
 .final-page .story-title{top:13.055556%}
 .final-copy{left:3.177083%;top:21.111111%;width:25.989583%;font-size:calc(1.041667 * var(--page-unit))}
 .final-copy p+p,.final-copy p:last-child{margin-top:calc(1.822917 * var(--page-unit))}
 .final-summary{left:30.989583%;top:80.925926%;width:22.8125%;font-size:calc(1.041667 * var(--page-unit))}



@media(prefers-reduced-motion:reduce){.header,.header nav a,.header .brand{transition:none}}
html:has(body.light-scene){background:#fff}
@supports selector(::-webkit-scrollbar){html:has(body.light-scene){scrollbar-width:auto;scrollbar-color:auto}}
.detail-phone .top-supporter{position:absolute;width:20.9%;height:auto;left:9.2%;top:38.7%;pointer-events:none}

.review-word{font-family:var(--font-portfolio);font-variation-settings:"wght" 800,"wdth" 100,"opsz" 36;color:#000;-webkit-text-stroke:1.5px rgb(255 255 255 / .8);paint-order:stroke fill}
.phone-screen{position:relative;width:100%}

.detail-phone .top-supporter{clip-path:polygon(20% 0,80% 0,80% 65%,50% 87%,20% 65%)}
