/* Editorial Aether pages: the same typography and optical surfaces throughout. */
:root{--public-paper:#f8f9f5;--public-ink:#171c20;--public-serif:'adobe-caslon-pro','Big Caslon',Georgia,serif;--public-ease:cubic-bezier(.16,1,.3,1)}
.aether-overline{font:11px/1.3 'Arial Narrow',Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.aether-glass-cta{display:inline-flex;align-items:center;gap:24px;padding:18px 24px;border-radius:40px;text-decoration:none;color:var(--public-ink);font:14px/1.2 'Helvetica Neue',Arial,sans-serif;background:linear-gradient(130deg,#ffffff70,#eaf0f323);box-shadow:var(--aether-glass-shadow);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);transition:transform .4s var(--public-ease),box-shadow .4s}
.aether-glass-cta:hover{transform:translateY(-3px);box-shadow:var(--aether-glass-shadow),0 16px 30px #152c3912}
.aether-glass-cta:active{transform:scale(.97)}
.aether-level-intro{padding-top:35px!important;padding-bottom:30px!important}
.aether-level-composition{display:grid;grid-template-columns:1.1fr 1fr;gap:5vw;align-items:center;min-height:620px}
.aether-level-copy h1{font:400 clamp(70px,7.4vw,130px)/.9 var(--public-serif)!important;letter-spacing:-.06em!important;margin:30px 0!important}
.aether-level-copy h1 em{display:inline!important;font:inherit!important;font-style:italic!important;color:inherit!important}
.aether-level-copy>p:not(.aether-overline){max-width:410px;font:17px/1.65 'Helvetica Neue',Arial,sans-serif;color:#59605f;margin-bottom:32px}
.aether-level-film{position:relative;margin:0;aspect-ratio:1/1.06;overflow:hidden;border-radius:160px 160px 32px 32px;background:#e9ede7;box-shadow:inset 0 1px #fff,0 28px 70px #25372e16}
.aether-level-film video{width:100%;height:100%;object-fit:cover;display:block}
.aether-level-film figcaption{position:absolute;inset:auto 20px 20px;display:flex;align-items:center;justify-content:space-between;padding:14px 22px;background:#ffffff36;backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);border-radius:40px;box-shadow:var(--aether-glass-shadow);font:11px 'Helvetica Neue',Arial,sans-serif}
.aether-level-film strong{font:italic 38px/.8 var(--public-serif)}
.aether-level-switch{display:flex;gap:6px;width:max-content;margin:24px auto;padding:6px;border-radius:40px;box-shadow:var(--aether-glass-shadow);background:#ffffff40;backdrop-filter:blur(18px)}
.aether-level-switch a{padding:14px 26px;border-radius:30px;text-decoration:none;font:16px Arial,sans-serif;transition:background .3s,transform .3s}
.aether-level-switch a[aria-current]{background:#fff9;box-shadow:var(--aether-glass-shadow)}
.aether-level-switch a:hover{transform:translateY(-2px)}
body.level-detail{background:radial-gradient(ellipse at 80% 20%,#dce9e730,transparent 50%),var(--public-paper)}
body.level-detail .chapters-stage{padding-top:80px}
body.level-detail .chapter-inspector{border:0;background:linear-gradient(140deg,#ffffff6b,#e8eff030);box-shadow:var(--aether-glass-shadow);backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);border-radius:32px}
body.level-detail .chapter-trigger{border-radius:18px;padding:20px 16px;transition:background .3s,transform .35s var(--public-ease)}
body.level-detail .chapter-trigger[aria-current=true]{background:#e5edeb7d;transform:translateX(4px)}
body.level-detail .resource-link{padding-block:20px}
.animations-hero{min-height:620px;padding-top:80px!important;position:relative}
.animations-hero h1{font-size:clamp(75px,9vw,150px)!important;line-height:.9!important;letter-spacing:-.06em!important;max-width:1000px}
.animations-hero h1 em{margin-left:7vw!important;white-space:nowrap}
.animations-hero__atom{opacity:.3!important;width:clamp(170px,25vw,330px)!important}
.animations-panel{border-radius:32px!important;border:0!important;background:linear-gradient(140deg,#ffffff73,#e7eff333)!important;box-shadow:var(--aether-glass-shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.animations-levels{border-radius:40px;padding:6px;background:#ffffff52;box-shadow:var(--aether-glass-shadow)}
.animations-levels button{border-radius:30px!important;border:0!important;background:transparent!important;min-height:48px}
.animations-levels button[aria-selected=true]{background:#ffffff8f!important;color:#14242c!important;box-shadow:var(--aether-glass-shadow)}
.animations-resource{border-radius:22px!important;background:#ffffff30!important;border:1px solid #ffffff73!important;transition:transform .4s var(--public-ease),background .3s!important}
.animations-resource:hover{transform:translateY(-4px)!important;background:#ffffff85!important}
.aether-library-search{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;align-items:center;margin:0 0 35px;padding:20px 25px;border-radius:28px;box-shadow:var(--aether-glass-shadow);background:#ffffff40;font:13px/1.4 Arial,sans-serif}
.aether-library-search input{min-height:48px;border:1px solid #445a672b;border-radius:30px;padding:12px 20px;background:#ffffff78;font:15px Arial,sans-serif;min-width:0}
.aether-library-search [role=status]:empty{display:none}
.aether-games{background:radial-gradient(ellipse at 85% 8%,#d3e0ea6b,transparent 50%),var(--public-paper);color:var(--public-ink);margin:0;font-family:'Helvetica Neue',Arial,sans-serif}
.aether-games main{max-width:1320px;width:calc(100% - 64px);margin:60px auto 100px}
.aether-games-hero{position:relative;padding:50px 0 65px;display:grid;grid-template-columns:1.4fr 1fr;gap:50px;align-items:center}
.aether-games h1{font:400 clamp(72px,9vw,150px)/.9 var(--public-serif);letter-spacing:-.06em;margin:20px 0 35px}.aether-games h1 em{font-weight:400}
.aether-games-hero p{max-width:480px;font-size:17px;line-height:1.7;color:#5b6265}
.aether-games-object{width:100%;max-height:390px;object-fit:contain;filter:drop-shadow(0 25px 30px #42525e22);animation:aether-object-float 7s ease-in-out infinite}
.aether-lock-label{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:30px;font:11px/1.2 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;box-shadow:var(--aether-glass-shadow);background:#ffffff55}
.aether-games-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.aether-game-card{display:flex;flex-direction:column;position:relative;min-height:310px;padding:32px;border-radius:32px;background:linear-gradient(140deg,#ffffff73,#e7eff32b);box-shadow:var(--aether-glass-shadow);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:transform .5s var(--public-ease)}
.aether-game-card:hover{transform:translateY(-5px)}.aether-game-card>span{font:12px Arial,sans-serif;letter-spacing:.06em;color:#647076}
.aether-game-card h2{font:italic 48px/.95 var(--public-serif);letter-spacing:-.04em;margin:30px 0 15px}.aether-game-card p{font-size:15px;line-height:1.65;max-width:400px;color:#586066}.aether-game-card a{margin-top:auto;padding-top:20px;font-size:13px;color:inherit;text-underline-offset:6px}
.aether-locked-copy{max-width:800px;padding:40px;border-radius:32px;background:#ffffff40;box-shadow:var(--aether-glass-shadow);margin:20px 0 60px}.aether-locked-copy h2{font:italic 44px var(--public-serif);margin:0 0 20px}.aether-locked-copy p{line-height:1.7;color:#586066}
@keyframes aether-object-float{50%{transform:translateY(-14px) rotate(3deg)}}
@media(max-width:700px){
.aether-level-composition{grid-template-columns:1fr;gap:30px;min-height:0;padding-top:24px}.aether-level-copy h1{font-size:clamp(58px,14vw,92px)!important}.aether-level-copy>p:not(.aether-overline){font-size:15px}.aether-level-film{aspect-ratio:1.15;border-radius:110px 110px 28px 28px}.aether-level-switch a{padding:13px 22px}.aether-level-switch{margin-top:30px}
.animations-hero{padding-top:35px!important;min-height:480px}.animations-hero h1{font-size:clamp(52px,13vw,90px)!important}.animations-hero h1 em{margin-left:0!important;white-space:normal}.animations-hero__atom{right:-20px!important;opacity:.14!important}.aether-library-search{grid-template-columns:1fr;padding:18px}.animations-panel{padding:22px!important}
.aether-games main{width:calc(100% - 32px);margin-top:15px}.aether-games-hero{grid-template-columns:1fr;gap:5px;padding-top:25px}.aether-games h1{font-size:clamp(62px,15vw,100px)}.aether-games-object{max-height:220px}.aether-games-grid{grid-template-columns:1fr}.aether-game-card{padding:26px;min-height:280px}.aether-locked-copy{padding:26px}
}
@media(prefers-reduced-motion:reduce){.aether-games-object,.aether-glass-cta,.aether-game-card,.animations-resource,.chapter-trigger{animation:none!important;transition:none!important;transform:none!important}}
@media(prefers-reduced-transparency:reduce){.aether-game-card,.aether-locked-copy,.animations-panel,.chapter-inspector,.aether-level-film figcaption{background:#f0f3ef!important;backdrop-filter:none!important}}
.animations-hero h1,.animations-hero h1>span{font-family:var(--public-serif)!important;font-weight:400!important;text-transform:none!important;letter-spacing:-.055em!important}.aether-games a{color:inherit;text-underline-offset:5px}
/* Each level echoes its film through its own palette and chrome still-life.
   Objects remain free on the page: no arched crop or caption capsule. */
body.level-detail{--level-ink:#234e38;--level-soft:#dce9dd;--level-accent:#629071;background:#fff!important}
body.level-detail[data-level='5e']{--level-ink:#875060;--level-soft:#f4e1e8;--level-accent:#bf7291}
body.level-detail[data-level='4e']{--level-ink:#794c5a;--level-soft:#ece7d8;--level-accent:#b5738c}
body.level-detail[data-level='3e']{--level-ink:#345e78;--level-soft:#dceaf2;--level-accent:#7296b0}
.aether-level-art{position:relative;isolation:isolate;margin:0;min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center;overflow:visible}
.aether-theme-index{position:absolute;top:15px;right:5px;z-index:-1;font:italic clamp(130px,20vw,300px)/1 var(--public-serif);color:var(--level-soft);letter-spacing:-.1em;pointer-events:none}
.aether-theme-object{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply;animation:aether-theme-hover 9s ease-in-out infinite;transform-origin:center 65%}
.aether-level-art figcaption{display:flex;justify-content:space-between;gap:20px;font:11px/1.4 'Arial Narrow',Arial,sans-serif;text-transform:uppercase;letter-spacing:.05em;padding:16px 0;border-bottom:1px solid var(--level-accent);color:var(--level-ink)}
.level-detail .aether-overline{color:var(--level-ink)}.level-detail .aether-level-copy h1 em{color:var(--level-ink)!important}
.level-detail .aether-glass-cta{background:color-mix(in srgb,var(--level-soft) 30%,white);box-shadow:inset 0 0 0 1px #fff9,0 4px 16px #172a3812;color:var(--level-ink)}
.level-detail .aether-level-switch{background:none;box-shadow:none;border-bottom:1px solid var(--level-accent);border-radius:0;padding:0;gap:25px}.level-detail .aether-level-switch a{border-radius:0;padding:12px 16px;box-shadow:none;background:none}.level-detail .aether-level-switch a[aria-current]{background:none;box-shadow:none;border-bottom:2px solid var(--level-ink);color:var(--level-ink)}
body.level-detail .chapter-inspector{border-radius:0;background:color-mix(in srgb,var(--level-soft) 25%,white);box-shadow:none;border-top:1px solid var(--level-accent);backdrop-filter:none}
body.level-detail .chapter-trigger{border-radius:0}.level-detail .chapter-trigger[aria-current=true]{background:color-mix(in srgb,var(--level-soft) 40%,white)!important;color:var(--level-ink)}
.level-detail .chapters-heading>span,.level-detail .inspector-meta{color:var(--level-ink)}
body[data-level='4e'] .aether-level-art:after{content:'';position:absolute;top:16%;left:2%;width:22px;height:22px;background:conic-gradient(var(--level-accent) 25%,transparent 0 50%,var(--level-accent) 0 75%,transparent 0);background-size:11px 11px;opacity:.65}
body[data-level='5e'] .aether-level-art:after{content:'✧';position:absolute;left:5%;top:20%;font:70px/1 Georgia,serif;color:var(--level-accent);animation:aether-theme-shimmer 5s ease-in-out infinite;pointer-events:none}
body[data-level='3e'] .aether-theme-object{animation-duration:12s}body[data-level='6e'] .aether-theme-object{animation-duration:10s}
@keyframes aether-theme-hover{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(1deg)}}
@keyframes aether-theme-shimmer{50%{opacity:.3;transform:scale(.85)}}
@media(max-width:700px){.aether-level-art{width:100%;max-width:440px;margin:0 auto}.aether-theme-index{font-size:160px;top:0}.aether-level-art figcaption{font-size:10px}.aether-theme-object{max-height:390px}.aether-level-composition{gap:18px}.aether-level-switch{gap:12px!important}}
@media(prefers-reduced-motion:reduce){.aether-theme-object,.aether-level-art:after{animation:none!important;transform:none!important}}

/* Games: a cover and numbered collection, separate from the animation library. */
.aether-games{background:#f8f8f4}
.aether-games main.games-edition{width:min(1280px,calc(100% - 64px));margin:30px auto 90px}
.games-cover{position:relative;border-bottom:1px solid #22313a30;padding-bottom:35px}
.games-edition-line{display:flex;justify-content:space-between;gap:20px;font:12px/1.4 'Studio Arial Narrow',Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em;padding:18px 0}
.games-cover h1{position:relative;z-index:1;text-align:center;font:400 clamp(90px,14vw,210px)/.95 'Studio Arial Narrow',Arial,sans-serif;letter-spacing:-.06em;margin:35px 0 0}
.games-cover h1 em{font-family:'adobe-caslon-pro',Georgia,serif}
.games-controller{position:relative;z-index:2;margin:-20px auto -35px;width:min(660px,66vw);padding:0 24px;pointer-events:none}
.games-controller img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 28px 28px #162e5515);animation:games-controller-float 9s ease-in-out infinite}
.games-cover-caption{display:flex;justify-content:space-between;align-items:end;gap:30px;position:relative;z-index:3}
.games-cover-caption p{max-width:390px;font:15px/1.7 'Helvetica Neue',Arial,sans-serif;margin:0;color:#52616a}
.games-cover-caption a{display:inline-flex;align-items:center;gap:32px;min-height:52px;border-radius:999px;padding:14px 24px;background:#ffffff70;box-shadow:var(--aether-glass-shadow);text-decoration:none;font-size:14px}
.games-cover-caption a span{font-size:24px}
.games-projects{scroll-margin-top:24px}
.games-project{display:grid;grid-template-columns:60px minmax(0,1fr) 150px 120px;gap:30px;align-items:center;border-bottom:1px solid #22313a30;padding:38px 0;transition:padding .35s var(--public-ease),background .35s}
.games-project:hover{padding-inline:16px;background:#e6ecea40}
.games-project-number{font:italic 32px/1 'adobe-caslon-pro',Georgia,serif;color:#74848d}
.games-project h2{font:400 clamp(30px,3.3vw,50px)/1.1 'Studio Arial Narrow',Arial,sans-serif;letter-spacing:-.03em;margin:0 0 10px}
.games-project p{margin:0;font:14px/1.6 'Helvetica Neue',Arial,sans-serif;color:#59656d}
.games-project-state{font:11px/1.5 'Studio Arial Narrow',Arial,sans-serif;text-transform:uppercase;letter-spacing:.07em;color:#657480}
.games-project>a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;font:14px/1.4 'Helvetica Neue',Arial,sans-serif;text-decoration:none}
.games-project>a span{font-size:27px}
.games-available{padding:60px 0 0;display:flex;justify-content:space-between;align-items:center;gap:30px}
.games-available p{font:12px 'Studio Arial Narrow',Arial,sans-serif;text-transform:uppercase;letter-spacing:.05em;color:#59656d}
.games-available a{font:italic clamp(24px,3vw,40px)/1.2 'adobe-caslon-pro',Georgia,serif;text-decoration:none}
@keyframes games-controller-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}
@media(max-width:700px){
 .aether-games main.games-edition{width:calc(100% - 32px);margin-top:12px}
 .games-edition-line{font-size:10px}
 .games-cover h1{font-size:clamp(76px,19vw,135px);margin-top:32px}
 .games-controller{width:100%;max-width:460px;margin:0 auto;padding:16px}
 .games-cover-caption{display:block}.games-cover-caption a{margin-top:24px}
 .games-project{grid-template-columns:32px minmax(0,1fr);gap:14px;padding:28px 0}
 .games-project h2{font-size:32px}.games-project-state{grid-column:2}.games-project>a{grid-column:2;max-width:140px}
 .games-project:hover{padding-inline:0}
 .games-available{display:block;padding-top:35px}.games-available a{display:block;margin-top:20px}
}
@media(prefers-reduced-motion:reduce){.games-controller img{animation:none}.games-project{transition:none}}
.games-controller{box-sizing:border-box}
