/* Psikofiloloji Academy: lightweight spatial design, no WebGL or paid assets.
   All essential content remains semantic HTML; 3D layers are decorative. */
.academy-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: radial-gradient(ellipse at 78% 41%, #315e5b 0, #1a4142 30%, #102c31 68%, #0e252b 100%);
  color: #f7f4eb;
}
.academy-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .23;
  background-image: linear-gradient(#b7d0bf24 1px, transparent 1px), linear-gradient(90deg, #b7d0bf24 1px, transparent 1px);
  background-size: 76px 76px;
  mask-image: linear-gradient(90deg, transparent 20%, #000 100%);
  pointer-events: none;
}
.academy-hero-grid {display:grid; grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr); gap:clamp(1.5rem,4vw,5rem); align-items:center; min-height:625px; padding-top:4rem; padding-bottom:4rem}
.academy-hero-copy {position:relative; z-index:2}
.academy-hero .eyebrow,.academy-hero .academy-hero-eyebrow {font-size:.72rem; font-weight:700; letter-spacing:.2em; color:#d7bd86; text-transform:uppercase}
.academy-hero h1 {max-width:12ch; font-size:clamp(3.1rem,5.5vw,6.15rem); letter-spacing:-.052em; line-height:1.02; margin:.9rem 0 1.4rem; text-wrap:balance}
.academy-hero h1 em {color:#d9c49d; font-weight:400}
.academy-hero-lede {font-size:clamp(1rem,1.5vw,1.12rem); line-height:1.75; color:#d6e1db; max-width:51ch}
.academy-hero-actions {display:flex;flex-wrap:wrap;align-items:center;gap:.95rem;margin:2rem 0 1.75rem}
.academy-main-link {min-height:48px;padding:.75rem 1.1rem;display:inline-flex;align-items:center;gap:1.25rem;background:#f2ebdc;color:#163337;border:1px solid #f2ebdc;text-decoration:none;font-size:.88rem;font-weight:700;border-radius:3px}
.academy-main-link:hover {color:#173b3e;background:#fffaf0}
.academy-soft-link {min-height:48px;display:inline-flex;align-items:center;gap:.4rem;padding:.65rem .3rem;color:#f7f3e8;font-size:.88rem;text-underline-offset:5px}
.academy-soft-link:hover {color:#e9c887}
.academy-hero-footnote {display:flex;align-items:center;gap:.7rem;font-size:.69rem;color:#c1d1c8;letter-spacing:.08em;line-height:1.6;text-transform:uppercase}
.academy-hero-footnote::before {content:"";width:23px;height:1px;background:#d9bb83;flex-shrink:0}
.academy-interactive {border:1px solid #d7e8d71c; border-radius:12px; padding:1.2rem 1.2rem 1.35rem; background:linear-gradient(140deg,#ffffff0e,#ffffff03 48%,#07191d33); box-shadow:0 24px 70px #07191c55; min-width:0}
.academy-exhibit-top {display:flex;justify-content:space-between;gap:1rem;align-items:center;color:#c9d9d0;font-size:.67rem;letter-spacing:.13em;text-transform:uppercase}
.academy-exhibit-top span:last-child {color:#d8be8c}
.academy-stage {height:340px;display:grid;place-items:center;position:relative;perspective:950px; overflow:hidden; isolation:isolate}
.academy-stage::before {content:"";position:absolute;inset:9% 14%;border-radius:50%;background:radial-gradient(circle,#e6b9791f,transparent 66%);filter:blur(18px)}
.academy-stage::after {content:"";position:absolute;inset:13px 0; border:1px solid #ffffff12; border-radius:50%; transform:scaleX(.84); pointer-events:none}
.academy-camera {width:258px;height:258px;position:relative;transform-style:preserve-3d;transform:rotateX(-14deg) rotateY(var(--lens-angle,0deg));transition:transform 850ms cubic-bezier(.22,1,.36,1)}
.academy-orbit-system {position:absolute;inset:0;transform-style:preserve-3d;animation:academy-revolve 48s linear infinite}
.academy-orbit {position:absolute;inset:13px;border-radius:50%;border:1.5px solid #d2b67e80;box-shadow:0 0 22px #b6c8a315;transform-style:preserve-3d}
.academy-orbit--a {transform:rotateX(73deg) rotateZ(22deg)}
.academy-orbit--b {transform:rotateY(73deg) rotateZ(-17deg);border-color:#85b7afaa}
.academy-orbit--c {transform:rotateX(36deg) rotateY(60deg);border-color:#d5cfba5e}
.academy-core {position:absolute;inset:61px;display:grid;place-items:center;transform:translateZ(30px);border-radius:50%; background:radial-gradient(circle at 29% 22%,#e4d5b1,#8da9a2 40%,#2b5759 69%,#123236 100%);box-shadow:inset -22px -21px 33px #0c2c33ae,0 17px 44px #06151781,0 0 40px #ccba8452}
.academy-core::after {content:"";position:absolute;inset:13%;border-radius:50%;border:1px solid #ffffff3a;transform:rotateY(45deg)}
.academy-core span {font:italic 3.3rem/1 Georgia,serif; color:#faf5df; text-shadow:0 2px 18px #092225a9;transform:translateZ(1px)}
.academy-node {position:absolute;display:grid;place-items:center;min-width:74px;min-height:35px;padding:.36rem .56rem;transform-style:preserve-3d;border:1px solid #a9c8b2bb;border-radius:30px;background:#102e36f2;color:#f2e5ca;font-size:.54rem;font-weight:700;letter-spacing:.085em;text-align:center;white-space:nowrap;box-shadow:0 7px 21px #061a1fbf}
.academy-node--concepts {top:10px;left:90px;transform:translateZ(125px)}
.academy-node--evidence {top:111px;left:-29px;transform:translateZ(70px)}
.academy-node--practice {bottom:18px;right:-34px;transform:translateZ(95px)}
.academy-stardust {position:absolute;width:4px;height:4px;background:#e5c892;border-radius:50%;box-shadow:0 0 9px #dcbf7f;opacity:.9}
.academy-stardust--1{left:10%;top:24%}.academy-stardust--2{left:79%;top:14%;opacity:.5}.academy-stardust--3{left:89%;top:77%}.academy-stardust--4{left:25%;bottom:16%;opacity:.6}
.academy-interactive[data-lens=evidence] .academy-camera {--lens-angle:100deg}
.academy-interactive[data-lens=practice] .academy-camera {--lens-angle:230deg}
.academy-interactive[data-motion=paused] .academy-orbit-system {animation-play-state:paused}
.academy-interactive.is-offscreen .academy-orbit-system,.academy-interactive.is-outside-viewport .academy-orbit-system {animation-play-state:paused}
@keyframes academy-revolve {to{transform:rotateY(360deg)}}
.academy-exhibit-controls {border-top:1px solid #ffffff26;padding-top:1.2rem}
.academy-exhibit-controls>p {color:#c2d5cd;font-size:.67rem;text-transform:uppercase;letter-spacing:.14em;margin-bottom:.65rem}
.academy-lenses {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}
.academy-lens {background:#ffffff09;border:1px solid #ffffff38;color:#e2e7db;min-height:42px;padding:.52rem .35rem;font-size:.78rem;border-radius:3px;white-space:normal}
.academy-lens:hover,.academy-lens[aria-pressed=true] {background:#d7c59f;color:#153238;border-color:#d7c59f}
.academy-focus-description {min-height:2.75em;margin-top:.85rem;color:#dce6df;font-size:.83rem;line-height:1.5}
.academy-focus-footer {display:flex;justify-content:space-between;gap:1rem;align-items:center;flex-wrap:wrap;margin-top:.65rem}
.academy-focus-footer a {font-size:.78rem;color:#f1dfb7;text-underline-offset:4px}
.academy-focus-footer a:hover {color:#fff8e7}
.academy-motion-toggle {font-size:.73rem;min-height:40px;background:transparent;color:#dae4dc;border:1px solid #ffffff30;padding:.45rem .7rem}
.academy-motion-toggle:hover {background:#ffffff1c}
.academy-paths {padding-top:3.75rem;padding-bottom:2rem}
.academy-section-intro {display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.85rem;padding-bottom:1.3rem;border-bottom:1px solid var(--line)}
.academy-section-intro h2 {font-size:clamp(2.2rem,3.8vw,3.6rem);margin:.3rem 0}
.academy-section-intro p {max-width:38ch;color:var(--muted);font-size:.91rem}
.academy-path-grid .card {background:#fffdfa;position:relative;display:flex;flex-direction:column;min-height:255px;border-color:#d6d9d2;box-shadow:0 12px 30px #183b3a07;transition:transform 260ms,box-shadow 260ms,border-color 260ms}
.academy-path-grid .card::before {content:"";position:absolute;left:0;top:0;right:0;height:3px;background:linear-gradient(90deg,#1b5153,#c9ac75);opacity:.72}
.academy-path-grid .card:hover,.academy-path-grid .card:focus-within {transform:translateY(-5px);box-shadow:0 22px 35px #173b3d1c;border-color:#a3b6ae}
.academy-path-grid .card h2 {font-size:clamp(1.48rem,1.8vw,1.88rem);margin:.65rem 0}
.academy-path-grid .card p {font-size:.86rem;line-height:1.65}
.academy-path-grid .card .more {margin-top:auto;padding-top:1.25rem;font-size:.8rem;font-weight:650}
.academy-path-grid .eyebrow {font-size:.61rem;letter-spacing:.11em;margin-bottom:.25rem}
.academy-supporting {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.3rem;margin:1rem auto 3rem}
.academy-supporting .learning-studio-link {width:100%;max-width:none;margin:0;padding:1.6rem;border-radius:4px;background:#e9ede7;border:1px solid #c8d4cb}
.academy-supporting .learning-studio-link h2 {font-size:1.5rem}
.academy-supporting .learning-studio-link p {font-size:.9rem;color:var(--muted);margin:.7rem 0}
.academy-supporting .learning-studio-link a {font-size:.86rem;font-weight:650}
.academy-home-teaser {display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;gap:clamp(1rem,5vw,6rem);margin-bottom:4rem;padding:2.6rem clamp(1.5rem,5vw,4.5rem);border:1px solid #d4d9ce;background:linear-gradient(120deg,#e3eae3,#f4f0e6 65%);overflow:hidden}
.academy-home-copy {max-width:55ch;position:relative;z-index:1}
.academy-home-copy h2 {font-size:clamp(2.15rem,3.8vw,3.65rem);margin:.3rem 0 1rem;letter-spacing:-.045em}
.academy-home-copy h2 em {color:#35615b;font-weight:400}
.academy-home-copy p:not(.eyebrow) {color:#435a59;font-size:.97rem;line-height:1.8;max-width:50ch}
.academy-home-copy .academy-home-cta {display:inline-flex;align-items:center;min-height:46px;margin-top:1.3rem;padding:.6rem .95rem;background:#143d3e;color:#fffaf0;text-decoration:none;font-size:.85rem;border-radius:3px}
.academy-home-copy .academy-home-cta:hover{background:#275756;color:#fff}
.academy-home-art {min-height:295px;display:grid;place-items:center;position:relative;perspective:900px}
.academy-home-art::before{content:"";position:absolute;width:250px;height:120px;bottom:15px;border-radius:50%;filter:blur(20px);background:#173c3b30}
.academy-home-stack {position:relative;width:205px;height:250px;transform-style:preserve-3d;transform:rotateX(16deg) rotateY(-21deg) rotateZ(-7deg);transition:transform 500ms}
.academy-home-teaser:hover .academy-home-stack {transform:rotateX(9deg) rotateY(-9deg) rotateZ(-4deg) translateY(-8px)}
.academy-home-sheet{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:1.3rem;border:1px solid #9baea59f;box-shadow:12px 21px 24px #153b3930;background:#f8f5ed;transform-style:preserve-3d}
.academy-home-sheet span{font-size:.58rem;letter-spacing:.17em;font-weight:700;color:#3e5f5a}
.academy-home-sheet strong{font:italic 2.5rem/1.1 Georgia,serif;color:#173a3b;font-weight:400}
.academy-home-sheet i{width:66px;height:1px;background:#ab8655;display:block}
.academy-home-sheet--back {transform:translate3d(-31px,-16px,-42px) rotateZ(-15deg);background:#d1ddd3}
.academy-home-sheet--mid {transform:translate3d(24px,1px,-20px) rotateZ(10deg);background:#d2e4dc}
.academy-home-sheet--front {transform:translateZ(32px);background:linear-gradient(145deg,#fffdfa,#e3e8df)}
.academy-home-art[aria-hidden=true] {pointer-events:none}
@media(max-width:1050px) {
 .academy-hero-grid {grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);gap:1rem}
 .academy-hero h1 {font-size:clamp(2.7rem,5.6vw,4.7rem)}
 .academy-path-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
 .academy-home-teaser {gap:1.5rem}
}
@media(max-width:760px) {
 .academy-hero-grid {grid-template-columns:1fr;gap:1.8rem;padding-top:3.3rem;padding-bottom:2.7rem}
 .academy-hero h1{font-size:clamp(2.75rem,11vw,4.6rem);max-width:15ch}
 .academy-interactive {width:100%;max-width:500px;margin:0 auto}
 .academy-stage {height:300px}
 .academy-camera {transform:scale(.84) rotateX(-14deg) rotateY(var(--lens-angle,0deg))}
 .academy-section-intro {display:block}
 .academy-section-intro p{max-width:none;margin-top:.6rem}
 .academy-path-grid {grid-template-columns:1fr}
 .academy-path-grid .card {min-height:auto}
 .academy-supporting {grid-template-columns:1fr}
 .academy-home-teaser {grid-template-columns:1fr;padding:1.7rem;gap:.5rem;margin-bottom:2rem}
 .academy-home-art {order:2;min-height:235px}
 .academy-home-stack {transform:scale(.8) rotateX(16deg) rotateY(-21deg) rotateZ(-7deg)}
 .academy-home-teaser:hover .academy-home-stack {transform:scale(.8) rotateX(16deg) rotateY(-21deg) rotateZ(-7deg)}
}
@media(max-width:390px) {
 .academy-stage {height:266px}
 .academy-camera {transform:scale(.71) rotateX(-14deg) rotateY(var(--lens-angle,0deg))}
 .academy-interactive {padding:.95rem}
 .academy-lens {font-size:.72rem}
 .academy-hero-actions {gap:.4rem}
}
@media(prefers-reduced-motion:reduce) {
 .academy-orbit-system {animation:none!important}
 .academy-camera,.academy-home-stack,.academy-path-grid .card {transition:none!important}
 .academy-path-grid .card:hover,.academy-path-grid .card:focus-within{transform:none}
 .academy-motion-toggle {display:none}
}
@media print {
 .academy-orbit-system {animation:none!important}
 .academy-hero {color:#182c30;background:white}
 .academy-interactive {display:none}
}
