/* Classic-only overrides. No selector below restyles the 3D view. */
.classic-art,.classic-ambience{display:none}
.classic-header-logo{display:none}
.simple-mode .classic-header-logo{display:block;width:220px;height:auto;max-width:calc(100% - 156px);margin-right:auto;object-fit:contain}
body.simple-mode{background:#0b0c0c}
.simple-mode .masthead{padding:30px 4%;background:linear-gradient(#080909aa,transparent);pointer-events:none}
.simple-mode .masthead #mode{pointer-events:auto}
.simple-mode #journey{padding:0 0 72px;height:auto;isolation:isolate}
.simple-mode #entry-copy{isolation:isolate;z-index:1;max-width:none;width:100%;padding:125px 24px 72px;margin:0;overflow:hidden;text-align:center}
.simple-mode #entry-copy:before{content:'';position:absolute;inset:32px 0 -32px;z-index:-2;background:var(--classic-hero-image,url('assets/classic-entrance-v97-repaired.webp')) center top/cover no-repeat;mask-image:linear-gradient(transparent,#000 65px);-webkit-mask-image:linear-gradient(transparent,#000 65px)}
.simple-mode #entry-copy:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#08090922,#080909a6 45%,#0b0c0ce8 87%,#0b0c0c)}
.simple-mode #entry-copy .intro{max-width:760px;margin:0 auto;text-align:center}
.simple-mode #entry-copy .intro h1{max-width:530px;width:90%;margin:0 auto}
.simple-mode #entry-copy .intro h1 img{transform:none;filter:drop-shadow(0 5px 18px #0008)}
.simple-mode #entry-copy .slogan{font-size:clamp(32px,3.3vw,48px);line-height:1.15;margin:25px 0 0;text-align:center}
.simple-mode #entry-copy .slogan span{font-size:.67em;margin-top:10px}
.simple-mode #entry-copy #program{width:100%;max-width:660px;margin:30px auto 0;text-align:center;padding:0;background:none;border-radius:0}
.simple-mode #entry-copy #program .eyebrow{font-size:12px;letter-spacing:.17em;margin:0 0 18px}
.simple-mode #entry-copy #program>p:not(.eyebrow){font-size:14px;line-height:1.85;margin:0 0 14px;color:#ede8df}
.simple-mode #entry-copy #program>p:last-child{margin-bottom:0}
.simple-mode .benefits{position:relative;inset:auto;width:min(1120px,calc(100% - 64px));max-width:none;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;pointer-events:auto}
.simple-mode .benefit:is(#benefit-0,#benefit-1,#benefit-2,#benefit-3,#benefit-4,#benefit-5){position:relative;inset:auto;width:100%;max-width:none;min-width:0;min-height:0;max-height:none;margin:0;padding:30px;overflow:visible;transform:none!important;text-align:left;background:linear-gradient(145deg,#20212766,#0b0d107d 48%,#100c0e99);border:1px solid #ffffff16;border-radius:22px;backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);box-shadow:0 12px 36px #0002,inset 0 1px 0 #ffffff0f,inset 0 -1px 0 #db263b13}
.simple-mode .benefit:is(#benefit-0,#benefit-1,#benefit-2,#benefit-3,#benefit-4,#benefit-5) h2{color:#fff;font-size:26px;line-height:1.2;letter-spacing:-.035em;margin:0 0 18px}
.simple-mode .benefit:is(#benefit-0,#benefit-1,#benefit-2,#benefit-3,#benefit-4,#benefit-5) .eyebrow{font-size:11px;line-height:1.5;letter-spacing:.13em;margin:0 0 12px}
.simple-mode .benefit:is(#benefit-0,#benefit-1,#benefit-2,#benefit-3,#benefit-4,#benefit-5)>p:not(.eyebrow):not(.benefit-foot),.simple-mode .benefit:is(#benefit-0,#benefit-1,#benefit-2,#benefit-3,#benefit-4,#benefit-5) .benefit-foot{font-size:14px;line-height:1.75;margin:0 0 15px;max-width:none}
.simple-mode .benefit:is(#benefit-0,#benefit-1,#benefit-2,#benefit-3,#benefit-4,#benefit-5) .benefit-foot{margin:20px 0 0;padding-top:18px}
.simple-mode .benefit>p:last-child{margin-bottom:0!important}
.simple-mode .classic-art{display:flex;align-items:center;justify-content:center;height:192px;margin:0 0 25px;background:none}
.simple-mode .classic-art img{display:block;width:216px;max-width:100%;height:192px;object-fit:contain}
.simple-mode .classic-art--support img{height:182px}
.simple-mode #benefit-4 .moments-art{display:none}
.simple-mode #benefit-5 .finish-logo{width:min(390px,100%);height:192px;object-fit:contain;margin:0 auto 25px}
.simple-mode #benefit-2 .home-link,.simple-mode #benefit-5 .home-link{width:fit-content;max-width:100%;margin:24px 0 0;padding:13px 19px;font-size:14px;border-radius:var(--cta-radius)}
.simple-mode #replay{display:none!important}
@media(max-width:700px){
 .simple-mode .masthead{padding:calc(12px + env(safe-area-inset-top)) 17px 12px}
 .simple-mode .classic-header-logo{width:174px;height:34px;max-width:calc(100% - 122px)}
 .simple-mode #entry-copy{padding:105px 22px 48px}
 .simple-mode #entry-copy .intro h1{width:100%;max-width:360px}
 .simple-mode #entry-copy .slogan{font-size:30px;margin-top:20px}
 .simple-mode #entry-copy .slogan span{font-size:20px;line-height:1.35}
 .simple-mode #entry-copy #program{margin-top:26px}
 .simple-mode #entry-copy #program>p:not(.eyebrow){font-size:13px;line-height:1.8}
 .simple-mode .benefits{grid-template-columns:1fr;width:calc(100% - 32px);gap:18px}
 .simple-mode .benefit:is(#benefit-0,#benefit-1,#benefit-2,#benefit-3,#benefit-4,#benefit-5){padding:24px;border-radius:20px}
 .simple-mode .benefit:is(#benefit-0,#benefit-1,#benefit-2,#benefit-3,#benefit-4,#benefit-5) h2{font-size:24px}
 .simple-mode .benefit:is(#benefit-0,#benefit-1,#benefit-2,#benefit-3,#benefit-4,#benefit-5)>p:not(.eyebrow):not(.benefit-foot),.simple-mode .benefit:is(#benefit-0,#benefit-1,#benefit-2,#benefit-3,#benefit-4,#benefit-5) .benefit-foot{font-size:13px}
}

/* Soft atmosphere begins below the hero, with no hard top edge. */
.simple-mode .classic-ambience{display:block;position:absolute;inset:760px 0 0;z-index:-1;overflow:hidden;pointer-events:none;mask-image:linear-gradient(transparent,#000 260px,#000 calc(100% - 180px),transparent);-webkit-mask-image:linear-gradient(transparent,#000 260px,#000 calc(100% - 180px),transparent)}
.simple-mode .classic-ambience i{position:absolute;display:block;width:1300px;height:650px;border-radius:50%;background:radial-gradient(ellipse at 50% 50%,#cf102b80 0%,#a40b2457 25%,#72091926 46%,transparent 72%)}
/* Sweeping light ribbons reuse CSS shapes instead of more images. */
.simple-mode .classic-ambience i:before,.simple-mode .classic-ambience i:after{content:'';position:absolute;border-radius:50%;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 28%,#000 72%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 28%,#000 72%,transparent)}
.simple-mode .classic-ambience i:after{inset:100px -80px;border-top:2px solid #f23b53a6;border-bottom:1px solid #ba173a42;box-shadow:0 -7px 22px #df163c3d,inset 0 7px 18px #bc10312b;transform:rotate(-8deg)}
.simple-mode .classic-ambience i:before{inset:125px -40px;border-top:1px solid #ff8c957d;border-bottom:1px solid #e8294933;box-shadow:0 -3px 12px #ef294f36;transform:rotate(-11deg)}
.simple-mode .classic-ambience i:nth-child(1){left:-530px;top:50px;transform:translate3d(0,var(--classic-drift,0px),0) rotate(-25deg)}
.simple-mode .classic-ambience i:nth-child(2){right:-540px;top:590px;transform:translate3d(0,calc(var(--classic-drift,0px) * -.65),0) rotate(22deg)}
.simple-mode .classic-ambience i:nth-child(3){left:-460px;top:1180px;transform:translate3d(0,calc(var(--classic-drift,0px) * .45),0) rotate(-18deg)}
@media(max-width:700px){
 .simple-mode .classic-ambience i{opacity:.75}
 .simple-mode .classic-ambience i:nth-child(1){top:160px}
 .simple-mode .classic-ambience i:nth-child(2){top:1550px}
 .simple-mode .classic-ambience i:nth-child(3){top:2870px}
}

/* Only pointer-capable classic cards animate; 3D transforms stay untouched. */
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .simple-mode .classic-art{position:relative;isolation:isolate}
 .simple-mode .classic-art img{position:relative;z-index:1}
 .simple-mode .classic-art:before{content:'';position:absolute;left:50%;top:50%;width:260px;height:260px;max-width:100%;background:url('assets/icon-glow-v103.png?v=2') center/contain no-repeat;pointer-events:none;opacity:0;transition:opacity .55s ease;animation:classic-icon-glow-turn 7s linear infinite paused;z-index:0}
 .simple-mode .benefit:is(:hover,:focus-visible) .classic-art:before{opacity:.95;animation-play-state:running}
 .simple-mode .benefit:is(#benefit-0,#benefit-1,#benefit-2,#benefit-3,#benefit-4,#benefit-5){transition:transform .52s cubic-bezier(.22,1,.36,1),box-shadow .52s cubic-bezier(.22,1,.36,1),border-color .52s ease;transform-origin:center;}
 .simple-mode .benefit:is(#benefit-0,#benefit-1,#benefit-2,#benefit-3,#benefit-4,#benefit-5):is(:hover,:focus-visible){transform:translateY(-4px) scale(1.018)!important;border-color:#ef637238;box-shadow:0 24px 65px #0006,0 0 36px #be18351c,inset 0 1px 0 #ffffff1a;z-index:4}
 .simple-mode .benefit .classic-art img,.simple-mode .benefit .finish-logo{transition:transform .65s cubic-bezier(.22,1,.36,1);transform-origin:center}
 .simple-mode .benefit:is(:hover,:focus-visible) .classic-art img,.simple-mode .benefit:is(:hover,:focus-visible) .finish-logo{transform:translateY(-9px) scale(1.055)}
}
@keyframes classic-icon-glow-turn{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}

/* Touch-sized layouts have no hover: keep the shared glow gently turning. */
@media(max-width:700px) and (prefers-reduced-motion:no-preference){
 .simple-mode .classic-art{position:relative;isolation:isolate}
 .simple-mode .classic-art img{position:relative;z-index:1}
 .simple-mode .classic-art:before{content:'';position:absolute;left:50%;top:50%;width:220px;height:220px;max-width:100%;background:url('assets/icon-glow-v103.png?v=2') center/contain no-repeat;pointer-events:none;opacity:.85;animation:classic-icon-glow-turn 9s linear infinite;z-index:0}
}

@media(max-width:700px){
 .simple-mode .benefit:is(#benefit-0,#benefit-1,#benefit-2,#benefit-3,#benefit-4,#benefit-5){backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
}