/* Animated school mark, kept separate from the reading and navigation layers. */
.l38-editorial-hero{min-height:660px}.l38-hero-panel{margin-left:auto;margin-right:auto;width:min(100%,1200px);padding-right:38%;z-index:2}.l38-hero-panel h1{font-size:clamp(3rem,5vw,5.6rem)}.l38-hero-panel p{max-width:32em}.l38-hero-note,.l38-hero-edition{z-index:3}.l38-hero-emblem{position:absolute;z-index:1;right:max(3%,calc((100% - 1370px)/2));top:50%;width:clamp(290px,33vw,475px);aspect-ratio:1;transform:translateY(-50%);pointer-events:none}.l38-emblem-parallax{position:absolute;inset:0;transform:translate3d(var(--emblem-x,0px),var(--emblem-y,0px),0);transition:transform .8s cubic-bezier(.2,.7,.2,1)}.l38-emblem-halo{position:absolute;inset:13%;border-radius:50%;background:radial-gradient(circle,#fff8 0%,#ffffff25 45%,transparent 72%);filter:blur(12px);animation:l38-halo 9s ease-in-out infinite alternate}.l38-emblem-orbit{position:absolute;inset:2%;border:1px solid #334d4d38;border-radius:50%;animation:l38-orbit 32s linear infinite}.l38-emblem-orbit--inner{inset:11%;border-color:#ffffff9c;transform:rotate(23deg) scaleX(.76);animation:l38-orbit-alt 24s linear infinite}.l38-emblem-orbit i{position:absolute;left:50%;top:-4px;width:8px;height:8px;border-radius:50%;background:#7a397d;box-shadow:0 0 0 5px #ffffff4d}.l38-emblem-orbit--inner i{background:#168a70;width:6px;height:6px}.l38-emblem-float{position:absolute;inset:12%;animation:l38-float 8s ease-in-out infinite}.l38-emblem-float img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}.l38-emblem-logo{filter:blur(0);animation:l38-resolve 1.8s cubic-bezier(.2,.7,.2,1) both}.l38-emblem-glow{filter:blur(24px);opacity:.24;transform:scale(1.08);animation:l38-glow 8s ease-in-out infinite alternate}.l38-emblem-mark{position:absolute;color:#4b3e8c;font-size:23px;line-height:1}.l38-emblem-mark--one{left:7%;top:28%;animation:l38-spark 6s ease-in-out infinite}.l38-emblem-mark--two{right:10%;bottom:18%;font-size:18px;color:#17856d;animation:l38-spark 7s ease-in-out infinite reverse}.l38-hero-emblem.is-paused *{animation-play-state:paused!important}
@keyframes l38-resolve{from{filter:blur(13px);opacity:.25;transform:scale(.93)}to{filter:blur(0);opacity:1;transform:scale(1)}}@keyframes l38-float{0%,100%{transform:translate3d(0,0,0) rotate(-3deg)}50%{transform:translate3d(0,-12px,0) rotate(3deg)}}@keyframes l38-orbit{to{transform:rotate(360deg)}}@keyframes l38-orbit-alt{from{transform:rotate(23deg) scaleX(.76)}to{transform:rotate(-337deg) scaleX(.76)}}@keyframes l38-glow{from{opacity:.16;transform:scale(1)}to{opacity:.34;transform:scale(1.12)}}@keyframes l38-halo{from{opacity:.5;transform:scale(.94)}to{opacity:1;transform:scale(1.08)}}@keyframes l38-spark{0%,100%{opacity:.45;transform:scale(.8)}50%{opacity:1;transform:scale(1.12)}}
@media(max-width:900px){.l38-editorial-hero{display:flex;flex-direction:column;align-items:stretch;padding-top:72px;padding-bottom:55px}.l38-hero-panel{width:100%;padding:26px 0 0;margin:0}.l38-hero-panel h1{font-size:clamp(2.6rem,8vw,4rem)}.l38-hero-emblem{position:relative;top:auto;right:auto;transform:none;align-self:center;width:min(72vw,310px);margin:16px auto 0}.l38-hero-edition{bottom:14px}}
@media(max-width:480px){.l38-editorial-hero{padding:70px 24px 46px}.l38-hero-panel p{font-size:1rem}.l38-hero-emblem{width:min(72vw,280px);margin-top:12px}.l38-emblem-glow{filter:blur(16px)}}
@media(prefers-reduced-motion:reduce){.l38-hero-emblem *{animation:none!important;transition:none!important}.l38-emblem-parallax{transform:none}.l38-emblem-logo{filter:none;opacity:1}.l38-emblem-glow{opacity:.2}}
html[data-motion="reduce"] .l38-hero-emblem *{animation:none!important;transition:none!important}html[data-motion="reduce"] .l38-emblem-parallax{transform:none}html[data-motion="reduce"] .l38-emblem-logo{filter:none;opacity:1}
/* Seven magnetic fragments retain the original mark and settle back after interaction. */
.l38-hero-emblem.is-interactive{pointer-events:auto;cursor:grab;touch-action:none;outline:none;z-index:3;user-select:none;-webkit-user-select:none}.l38-hero-emblem.is-interactive:focus-visible{outline:3px solid #324f84;outline-offset:5px;border-radius:50%}.l38-hero-emblem.is-engaged{cursor:grabbing}.l38-hero-emblem.is-engaged .l38-emblem-float{animation-play-state:paused}.l38-emblem-pieces{position:absolute;inset:0;perspective:750px;transform-style:preserve-3d;animation:l38-resolve 1.8s cubic-bezier(.2,.7,.2,1) both}.l38-emblem-piece{position:absolute;inset:0;transform-origin:50% 50%;transform-style:preserve-3d;will-change:transform;pointer-events:none}.l38-emblem-piece img{user-select:none;-webkit-user-drag:none}.l38-hero-emblem.is-interactive .l38-emblem-logo{visibility:hidden}.l38-emblem-hint{position:absolute;left:50%;bottom:-12px;transform:translateX(-50%);font-size:.62rem;letter-spacing:.1em;font-weight:800;color:#344e50;white-space:nowrap;opacity:.7;pointer-events:none}.l38-hero-emblem:hover .l38-emblem-hint,.l38-hero-emblem:focus-visible .l38-emblem-hint{opacity:1}.l38-hero-note{pointer-events:none}
@media(prefers-reduced-motion:reduce){.l38-hero-emblem.is-interactive .l38-emblem-logo{visibility:visible}.l38-emblem-pieces,.l38-emblem-hint{display:none}.l38-hero-emblem.is-interactive{cursor:default;touch-action:pan-y}}
html[data-motion="reduce"] .l38-hero-emblem.is-interactive .l38-emblem-logo{visibility:visible}html[data-motion="reduce"] .l38-emblem-pieces,html[data-motion="reduce"] .l38-emblem-hint{display:none}html[data-motion="reduce"] .l38-hero-emblem.is-interactive{cursor:default;touch-action:pan-y}
.l38-emblem-piece svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.l38-emblem-float{animation-duration:18s}.l38-emblem-orbit--outer{animation-duration:55s}.l38-emblem-orbit--inner{animation-duration:46s}.l38-emblem-glow{animation-duration:16s}.l38-emblem-halo{animation-duration:18s}

/* The complete composition tilts together; its layers drift at different depths. */
.l38-hero-emblem{perspective:1100px}
.l38-emblem-parallax{transform-style:preserve-3d;transform:translate3d(var(--scene-x,0px),var(--scene-y,0px),var(--scene-depth,0px)) rotateX(var(--scene-rx,0deg)) rotateY(var(--scene-ry,0deg)) rotateZ(var(--scene-rz,0deg));transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.l38-emblem-float{translate:calc(var(--scene-x, 0px) * .35) calc(var(--scene-y, 0px) * .35) calc(var(--scene-depth, 0px) * 1.4);transition:translate 1s cubic-bezier(.2,.7,.2,1)}
.l38-emblem-orbit--outer{translate:calc(var(--scene-x, 0px) * -.3) calc(var(--scene-y, 0px) * -.3) calc(var(--scene-depth, 0px) * -.65);transition:translate 1s cubic-bezier(.2,.7,.2,1)}
.l38-emblem-orbit--inner{translate:calc(var(--scene-x, 0px) * -.15) calc(var(--scene-y, 0px) * -.15) calc(var(--scene-depth, 0px) * .3);transition:translate 1s cubic-bezier(.2,.7,.2,1)}
@media(prefers-reduced-motion:reduce){.l38-emblem-parallax{transform:none}.l38-emblem-float,.l38-emblem-orbit{translate:none}}
html[data-motion="reduce"] .l38-emblem-parallax{transform:none}html[data-motion="reduce"] .l38-emblem-float,html[data-motion="reduce"] .l38-emblem-orbit{translate:none}