/* The final frame holds while the F-01 record stays readable. */
.hero{min-height:840px}
.hero-media:before{content:'';position:absolute;inset:0;background:url('assets/hero-poster.png') 61% center/cover no-repeat;opacity:0}
.hero.is-static-frame .hero-media:before{opacity:1}
.hero.is-static-frame .hero-media video{opacity:0}
.hero-case{position:absolute;z-index:6;top:122px;right:var(--gutter);width:min(31vw,362px);background:#f9faf6;border:1px solid #ffffffc9;border-radius:19px;box-shadow:0 20px 65px #18302620,0 4px 16px #1725190e;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transform:translate(var(--case-from-x,0px),var(--case-from-y,0px)) scale(.055);transform-origin:center;transition:transform .8s cubic-bezier(.16,1,.3,1),opacity .3s ease,visibility 0s .8s}
.is-case-open .hero-case{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0,0) scale(1);transition:transform .8s cubic-bezier(.16,1,.3,1),opacity .3s ease,visibility 0s}
.hero-case-header{height:54px;display:flex;align-items:center;justify-content:space-between;padding:7px 12px 7px 19px;border-bottom:1px solid #e0e5da}
.hero-case-header>div{display:flex;align-items:center;gap:10px}.hero-case-header h2{font-size:23px;font-weight:500;letter-spacing:-.05em}.hero-case-header>div>span:last-child{font-size:8px;letter-spacing:.13em;color:#65725e;margin-left:4px}.hero-case-dot{width:10px;height:10px;border-radius:50%;background:#f3c343;box-shadow:0 0 0 3px #fff,0 0 0 4px #d9decf}.hero-case-close{width:36px;height:36px;border-radius:50%;font-size:22px;color:#66715e;display:grid;place-items:center}.hero-case-close:hover{background:#eaf0e2}.hero-case-close:active{transform:scale(.95)}
.hero-case-photo{margin:0;padding:10px 10px 0;position:relative}.hero-case-photo img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:10px}.hero-case-photo figcaption{position:absolute;bottom:8px;left:18px;background:#ffffffd9;color:#4b5346;border-radius:4px;padding:4px 6px;font-size:6px;letter-spacing:.07em}
.hero-case-reading{padding:18px 20px 16px}.hero-case-features>p{font-size:9px;letter-spacing:.1em;color:#64745a;margin-bottom:9px}.hero-case-features ul{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:1fr;gap:5px;font-size:12px;line-height:1.25;color:#3a4934}.hero-case-features li{padding-left:10px;position:relative}.hero-case-features li:before{content:'';position:absolute;left:0;top:5px;width:3px;height:3px;border-radius:50%;background:#8ea779}.hero-case-diagnosis{border-top:1px solid #dbe2d3;margin-top:14px;padding-top:12px;display:flex;justify-content:space-between;align-items:center;gap:15px}.hero-case-diagnosis>span{font-size:7px;letter-spacing:.08em;line-height:1.5;max-width:110px;color:#6e765f}.hero-case-diagnosis strong{font-size:27px;font-weight:500;letter-spacing:-.05em;color:#4f352d}.hero-case-histology{display:flex;align-items:center;gap:11px;padding:12px 20px;background:#e8efdf;border-top:1px solid #d7e0cd;font-size:9px;color:#4f6743}.hero-case-histology strong{display:block;font-size:10px;font-weight:500;color:#283c21;margin-top:3px}.hero-case-histology>span:last-child{margin-left:auto;font-size:19px}.hero-histology-icon{width:28px;height:32px;border:1px solid #adbf9a;border-radius:5px;display:grid;place-items:center;font-size:23px}.hero-case-histology:hover{background:#dce8cf}
.hero-case-reading,.hero-case-histology{opacity:0;transform:translateY(8px);transition:opacity .35s ease,transform .45s cubic-bezier(.2,0,0,1)}.is-case-open .hero-case-reading{opacity:1;transform:none;transition-delay:.24s}.is-case-open .hero-case-histology{opacity:1;transform:none;transition-delay:.36s}
.hero-point{position:absolute;z-index:5;left:var(--hero-point-x,75%);top:var(--hero-point-y,50%);width:52px;height:52px;border-radius:50%;transform:translate(-50%,-50%);border:2px solid #ffffffbf;box-shadow:0 0 0 6px #ffffff24;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,box-shadow .25s ease}.is-film-complete:not(.is-case-open) .hero-point{opacity:1;visibility:visible;pointer-events:auto}.hero-point:hover{box-shadow:0 0 0 9px #ffffff60}.hero-point>span{position:absolute;left:calc(100% + 9px);top:50%;transform:translateY(-50%);display:flex;gap:12px;white-space:nowrap;background:#f8faf0e8;border:1px solid #ffffffb5;border-radius:30px;padding:9px 12px;font-size:11px}.hero-point i{font-style:normal}
@media(min-width:1600px){.hero-case{width:378px;top:116px}.hero-case-photo{padding:10px 18px 0}}
@media(min-width:951px) and (max-width:1150px){.hero-content{max-width:54%}.hero h1{font-size:clamp(68px,7.2vw,82px)}.hero-case{top:142px;width:31vw}.hero-case-reading{padding:15px 16px}.hero-case-photo figcaption{font-size:5px}.hero-case-diagnosis strong{font-size:24px}.hero-case-histology{padding:12px 16px}.hero-buttons{flex-direction:column;align-items:flex-start;gap:14px}}
@media(max-width:950px){.hero{min-height:0;height:1130px}.hero-content{padding-top:137px;max-width:570px}.hero h1{font-size:72px}.hero-case{top:645px;left:var(--gutter);right:var(--gutter);width:auto;max-width:640px;margin:0 auto}.hero-case-inside{display:grid;grid-template-columns:42% 58%;align-items:center}.hero-case-photo{padding:12px}.hero-case-photo figcaption{position:static;text-align:center;font-size:6px;line-height:1.5;padding:6px 0 0;background:none}.hero-case-reading{padding:16px 18px 16px 9px}.hero-case-features ul{font-size:12px;gap:7px}.hero-case-diagnosis{display:block;margin-top:14px;padding-top:12px}.hero-case-diagnosis>span{max-width:none;font-size:7px}.hero-case-diagnosis strong{display:block;margin-top:5px;font-size:29px}.hero-case-histology{padding:10px 18px}.hero-case-header{height:50px}.hero-case-header h2{font-size:23px}.hero-media video{object-position:75% center}.hero-media:before{background-position:75% center}.hero-point>span{left:auto;right:calc(100% + 9px)}.hero-shade{background:linear-gradient(180deg,#f6f7f3ee 0%,#f6f7f3cc 35%,#f6f7f310 67%),linear-gradient(90deg,#f6f7f390,transparent)}.hero-description{font-size:17px}}
@media(max-width:520px){.hero{height:1015px}.hero-content{padding-top:133px}.hero h1{font-size:clamp(50px,14.8vw,70px)}.hero-description{font-size:15px}.hero-case{top:591px;left:19px;right:19px;border-radius:16px}.hero-case-header{height:48px;padding-left:15px}.hero-case-header>div{gap:8px}.hero-case-header>div>span:last-child{font-size:7px}.hero-case-header h2{font-size:22px}.hero-case-inside{grid-template-columns:40% 60%;align-items:start}.hero-case-photo{padding:14px 7px 14px 12px}.hero-case-photo img{border-radius:7px}.hero-case-photo figcaption{font-size:5px;letter-spacing:.03em;padding-top:8px}.hero-case-reading{padding:17px 13px 16px 9px}.hero-case-features>p{font-size:6px;letter-spacing:.075em;margin-bottom:10px}.hero-case-features ul{font-size:10px;line-height:1.4;gap:6px}.hero-case-features li{padding-left:8px}.hero-case-diagnosis>span{font-size:6px;letter-spacing:.05em}.hero-case-diagnosis strong{font-size:27px}.hero-case-histology{padding:10px 13px;font-size:8px}.hero-case-histology strong{font-size:9px}.hero-case-close{width:36px;height:36px}.hero-point{width:48px;height:48px}.hero-media video{opacity:1}.hero-case-photo,.hero-case-reading{min-width:0}}
@media(max-width:360px){.hero-case{top:563px}.hero{height:1000px}.hero-case-inside{grid-template-columns:36% 64%}.hero-case-reading{padding-left:5px}.hero-case-header>div>span:last-child{font-size:6px}.hero-case-features ul{font-size:9px}.hero-case-histology strong{font-size:8px}}
@media(prefers-reduced-motion:reduce){.hero-case,.hero-case-reading,.hero-case-histology{transition:none;transform:none}.hero-point{transition:none}}

@media(max-width:520px){.hero{height:945px}.hero-buttons{gap:12px}.hero .watch-link{padding:4px 0}.hero-case{top:clamp(542px,calc(45vw + 384.5px),600px)}.hero-case-reading{padding:14px 11px 12px 8px}.hero-case-features>p{margin-bottom:8px}.hero-case-features ul{line-height:1.3;gap:4px}.hero-case-diagnosis{margin-top:10px;padding-top:10px}.hero-case-diagnosis strong{font-size:24px;margin-top:3px}.hero-case-histology{padding-top:8px;padding-bottom:8px}}
@media(max-width:360px){.hero-case{top:542px}.hero{height:945px}}