/* The original V10 book stage, with the current title and printed covers. */
.hero.hero-v15{background:linear-gradient(120deg,#051126,#07192f 64%,#061326);isolation:isolate;overflow:hidden;min-height:0}
.hero-v15:before{background:radial-gradient(ellipse at 80% 42%,#146cbe36,transparent 63%),radial-gradient(ellipse at 35% 100%,#28b6bd12,transparent 55%)}
.hero-v15:after{opacity:.17;background-size:76px 76px}
.hero-v15 .hero-ambient{position:absolute;inset:0;pointer-events:none;z-index:1;will-change:transform}
.hero-v15 .ambient-main{top:5%;left:1.2%;font-size:clamp(120px,15vw,310px);letter-spacing:-.075em;-webkit-text-stroke:1px #aaddff20;color:transparent}
.hero-v15 .ambient-secondary{right:-4%;bottom:-1%;font-size:clamp(110px,13.8vw,280px);letter-spacing:-.07em;color:#afdcff0b}
.hero-v15 .hero-inner{grid-template-columns:1fr 1.08fr;gap:25px;min-height:690px}
.hero-v15 .hero-copy{position:relative;z-index:3;padding:67px 0 69px}
.hero-v15 .hero-kicker{border:1px solid #53d9e73b;background:#2aa0cc12;padding:9px 13px;border-radius:100px;letter-spacing:1.5px;color:#84e1ec;font-size:9px}
.hero-v15 .hero-kicker .tiny-dot{height:6px;width:6px;background:#67deea;box-shadow:0 0 12px #6ce1e8}
.hero-v15 h1{font-size:clamp(64px,6.25vw,92px);line-height:1.02;font-weight:800;letter-spacing:-5.7px;margin:29px 0 27px;max-width:620px}
.hero-v15 h1 em{display:inline-block;position:relative;color:#a7ede4;background:none;-webkit-text-fill-color:initial;padding-bottom:10px}
.hero-v15 .hero-copy>p{font-size:15px;line-height:1.9;color:#a5bad0;max-width:440px;margin-bottom:31px}
.hero-v15 .hero-actions{gap:11px}
.hero-v15 .hero-actions .btn{font-size:12px;padding:17px 21px}
.hero-v15 .btn-ghost{border-color:#47648275;color:#c8d9e8;background:#ffffff03}
.hero-v15 .hero-meta{flex-wrap:wrap;gap:13px 20px;margin-top:31px;font-size:10px;font-weight:700;letter-spacing:.1px;color:#b0c8dc}
.hero-v15 .hero-meta .icon{width:16px;height:16px;color:#75dbe5}
.hero-v15 .hero-signature{margin-top:33px}
.hero-v15 .hero-stage{height:600px;transform:none;transform-origin:center;margin:0;width:100%;min-width:0;left:auto;perspective:1200px;isolation:isolate;user-select:none}
.hero-v15 .stage-book{padding:0;height:auto;aspect-ratio:2/3;transform-style:preserve-3d;border:1px solid #dbeeff38;transition:filter .32s ease,box-shadow .32s ease;will-change:transform}
.hero-v15 .stage-book img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.hero-v15 .stage-book.math{width:42.4%;left:0;right:auto;top:24%;transform:rotate(-12deg);z-index:1}
.hero-v15 .stage-book.bio{width:44%;right:0;left:auto;top:22%;transform:rotate(12deg);z-index:1}
.hero-v15 .stage-book.ro{width:48%;left:25%;right:auto;top:16%;transform:rotate(-1deg);z-index:2}
.hero-v15 .stage-book:hover,.hero-v15 .stage-book:focus-visible{z-index:15!important;filter:brightness(1.1) saturate(1.03)!important;box-shadow:18px 40px 80px #000c,0 0 25px #3c9eff22}
.hero-v15 .stage-book:focus-visible{outline:3px solid #8de7e2;outline-offset:6px}
.hero-v15 .stage-halo{width:81%;height:79%;top:14%;right:2%;border-color:#55bffc1f}
.hero-v15 .stage-glow{filter:blur(30px)}
.hero-v15 .hero-drift-note{left:4%;bottom:13px;font-size:8px;letter-spacing:2.7px;color:#7fa6c9}
.hero-v15 .floating-label.label-one{right:-4px;bottom:55px;z-index:18;font-size:11px;letter-spacing:0;padding:14px 18px;pointer-events:none;animation:floatBadge 7s ease-in-out infinite}
.hero-v15 .stage-caption{right:0;bottom:14px;font-size:8px;letter-spacing:2px;color:#7da0c2}
.hero-v15 .hero-edge{border-top-color:#8cafd620}
.product-art img{object-fit:contain}
@media(max-width:1100px){
 .hero-v15 .hero-inner{gap:17px;min-height:650px}
 .hero-v15 h1{font-size:clamp(60px,6.3vw,76px);letter-spacing:-4.7px}
 .hero-v15 .hero-stage{height:550px}
 .hero-v15 .hero-copy{padding:60px 0}
 .hero-v15 .hero-meta{font-size:9px;gap:12px 17px}
 .hero-v15 .floating-label.label-one{font-size:10px;bottom:65px;padding:12px 15px}
 .hero-v15 .stage-caption{font-size:7px;letter-spacing:1.4px}
 .hero-v15 .hero-drift-note{font-size:7px;letter-spacing:1.5px}
}
@media(max-width:900px){
 .hero-v15 .hero-inner{grid-template-columns:1fr;gap:0;min-height:0}
 .hero-v15 .hero-copy{padding:60px 0 15px;max-width:620px}
 .hero-v15 h1{font-size:clamp(62px,9vw,82px);letter-spacing:-4.8px}
 .hero-v15 .hero-stage{height:570px;width:min(100%,590px);max-width:590px;justify-self:center;margin-top:8px}
 .hero-v15 .stage-book.math{top:23%}.hero-v15 .stage-book.bio{top:20%}
 .hero-v15 .floating-label.label-one{bottom:42px;right:0;font-size:12px}
 .hero-v15 .stage-caption,.hero-v15 .hero-drift-note{bottom:8px;font-size:7px}
 .hero-v15 .hero-signature{display:none}
 .hero-v15 .ambient-main{top:4%;font-size:25vw;letter-spacing:-.07em}
 .hero-v15 .ambient-secondary{font-size:22vw;bottom:1%}
 .hero-v15 .hero-meta{font-size:10px;gap:18px 23px}
}
@media(max-width:580px){
 .hero-v15 .hero-copy{padding:43px 0 9px}
 .hero-v15 h1{font-size:clamp(49px,12.4vw,69px);letter-spacing:-3.4px;margin:27px 0 24px}
 .hero-v15 .hero-kicker{font-size:8px;letter-spacing:1px;padding:9px 11px}
 .hero-v15 .hero-copy>p{font-size:13px;line-height:1.9;max-width:420px;margin-bottom:26px}
 .hero-v15 .hero-actions{flex-direction:row;flex-wrap:nowrap;gap:9px}
 .hero-v15 .hero-actions .btn{padding:15px 12px;font-size:10px;flex:1;justify-content:center}
 .hero-v15 .hero-meta{gap:12px 17px;font-size:9px;line-height:1.4;margin-top:25px}
 .hero-v15 .hero-meta .icon{width:14px;height:14px}
 .hero-v15 .hero-stage{height:390px;margin-top:10px;width:100%;left:auto;transform:none;margin-left:0}
 .hero-v15 .stage-book.math{top:25%}.hero-v15 .stage-book.bio{top:23%}.hero-v15 .stage-book.ro{top:17%}
 .hero-v15 .floating-label.label-one{bottom:37px;font-size:10px;padding:11px 13px;gap:9px;border-radius:12px}
 .hero-v15 .floating-label .icon{width:20px;height:20px}
 .hero-v15 .stage-caption{font-size:6px;letter-spacing:1.4px;bottom:6px;right:0}
 .hero-v15 .hero-drift-note{font-size:6px;letter-spacing:1px;bottom:6px;left:0}
 .hero-v15 .stage-halo{top:10%;height:78%}
 .hero-v15 .hero-edge{font-size:7px;letter-spacing:1.1px;padding:18px 0}
 .hero-v15 .hero-edge a{font-size:8px;gap:6px;letter-spacing:0}
}
@media(max-width:370px){
 .hero-v15 .hero-stage{height:355px}
 .hero-v15 .hero-meta{font-size:8px;gap:11px 13px}
 .hero-v15 .hero-kicker{font-size:7px;letter-spacing:.8px}
 .hero-v15 h1{font-size:47px}
 .hero-v15 .hero-actions .btn{padding:14px 10px;font-size:9px}
 .hero-v15 .floating-label.label-one{font-size:9px;bottom:29px}
}
@media(prefers-reduced-motion:reduce){
 .hero-v15 .hero-ambient,.hero-v15 .stage-book{will-change:auto}
 .hero-v15 .ambient-word,.hero-v15 .ambient-flare,.hero-v15 .floating-label.label-one{animation:none!important}
 .hero-v15 .stage-book:hover,.hero-v15 .stage-book:focus-visible{transform:translateY(-6px)!important}
}
