/* Private full-width review layouts. Scene paths retain their source shapes and colors. */
@media(min-width:1024px){
 body:is(.landing-sample-a,.landing-sample-b,.landing-sample-c){--sample-header-height:100px}
 body:is(.landing-sample-a,.landing-sample-b,.landing-sample-c) .hero{position:relative;width:100%;max-width:none;height:calc(100svh - var(--sample-header-height));min-height:560px;margin:0;isolation:isolate}
 body:is(.landing-sample-a,.landing-sample-b,.landing-sample-c) .hero-illustration{position:absolute;inset:0;width:100%;height:100%}
 body:is(.landing-sample-a,.landing-sample-b,.landing-sample-c) .hero-illustration svg{display:block;width:100%;height:100%;overflow:hidden}
 body:is(.landing-sample-a,.landing-sample-b,.landing-sample-c) .hero-copy{position:absolute;inset:auto;z-index:2;width:max-content;max-width:90%;margin:0;font-size:clamp(28px,2.5vw,43px);line-height:1.45;letter-spacing:.08em;transform-origin:center}
 body:is(.landing-sample-a,.landing-sample-b,.landing-sample-c) .hero-copy span{padding:12px 8px}
 body:is(.landing-sample-a,.landing-sample-b,.landing-sample-c) .hero .intro{position:absolute;inset:auto;z-index:2;margin:0;font-size:clamp(13px,1.03vw,17px);line-height:2.2;letter-spacing:.01em}
 body.landing-sample-a .hero{--landing-stage-height:max(480px,calc(100svh - var(--sample-header-height)));height:var(--landing-stage-height);min-height:0}
 body.landing-sample-a .hero-illustration{height:var(--landing-stage-height);bottom:auto}
 body.landing-sample-a .hero-copy{right:var(--landing-content-left,5%);top:calc(var(--landing-stage-height) * .04)}
 body.landing-sample-a .hero .intro{left:var(--landing-content-left,5%);top:auto;bottom:calc(var(--landing-stage-height) * .07);width:calc(var(--landing-content-width,90vw) * .41)}
 body.landing-sample-a .hero.landing-intro-below{height:auto;padding-top:var(--landing-stage-height);padding-bottom:28px}
 body.landing-sample-a .hero.landing-intro-below .intro{position:relative;inset:auto;width:var(--landing-content-width,90%);max-width:1280px;margin:24px 0 0 var(--landing-content-left,5%)}
 body.landing-sample-b .hero-copy{left:0;right:0;top:20px;margin-inline:auto;display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:clamp(30px,2.6vw,46px);line-height:1.35;letter-spacing:.05em}
 body.landing-sample-b .hero-copy span{writing-mode:horizontal-tb;padding:7px 14px}
 body.landing-sample-b .hero .intro{left:var(--landing-content-left,5%);bottom:20px;width:var(--landing-content-width,90%);text-align:center;font-size:clamp(13px,.98vw,16px);line-height:1.8}
 body.landing-sample-c .hero-copy{left:var(--landing-content-left,5%);top:8%;font-size:clamp(27px,2.55vw,43px)}
 body.landing-sample-c .hero .intro{left:var(--landing-content-left,5%);top:60%;width:calc(var(--landing-content-width,90vw) * .30);max-width:510px;font-size:clamp(13px,.98vw,16px);line-height:2.1}
 body.landing-sample-c .hero .intro p{text-wrap:balance}
}
@media(min-width:1024px) and (max-width:1050px){body:is(.landing-sample-a,.landing-sample-b,.landing-sample-c){--sample-header-height:80px}}
@media(min-width:1024px) and (max-height:800px){
 body:is(.landing-sample-a,.landing-sample-c) .hero-copy{font-size:clamp(25px,2.2vw,34px)}
 body:is(.landing-sample-a,.landing-sample-b,.landing-sample-c) .hero .intro{font-size:13px;line-height:1.9}
 body.landing-sample-c .hero .intro{top:57%;line-height:1.8}
}
body.landing-sample-a .hero .intro{font-size:clamp(13px,1.3vw,20px)}
@media(min-width:761px) and (max-width:1023px){
 body.landing-sample-a .hero .intro{position:relative;inset:auto;width:calc(100% - 60px);margin:24px auto 0}
}