.academy-hero{min-height:520px;padding:90px 6vw;display:grid;grid-template-columns:1fr .8fr;align-items:center;background:radial-gradient(circle at 70% 20%,#493d32,#181512 50%);color:#fff}.academy-hero h1{font:500 clamp(58px,8vw,110px)/.86 Georgia,serif;letter-spacing:-.06em;max-width:850px;margin:18px 0 25px}.academy-hero p{max-width:650px;line-height:1.7;color:#d9d0c7}.academy-hero a{display:inline-block;margin-top:22px;color:#ff6a57;font-weight:800}.academy-hero-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px;transform:rotate(-3deg)}.academy-hero-cards span{display:grid;place-items:center;aspect-ratio:1.35;background:#f24b3a;font:500 clamp(28px,4vw,60px) Georgia,serif}.academy-hero-cards span:nth-child(2),.academy-hero-cards span:nth-child(3){background:#f3eee7;color:#171411}.academy-hero-cards span:last-child{background:url('/images/behind-scenes.png') center/cover;text-shadow:0 2px 15px #000}.academy-shell{padding:70px 5vw;background:#ece7df}.academy-tracks{display:grid;grid-template-columns:1fr 1fr .7fr;gap:8px;margin-bottom:20px}.academy-tracks>button{border:0;background:#fff;padding:22px;display:grid;grid-template-columns:auto 1fr;gap:3px 15px;text-align:left;cursor:pointer}.academy-tracks>button.active{background:#f24b3a;color:#fff}.track-icon{grid-row:1/3;font-size:34px}.academy-tracks small{opacity:.65}.academy-progress{background:#211e1b;color:#fff;padding:19px 22px;display:grid;grid-template-columns:1fr auto;gap:10px}.academy-progress i{grid-column:1/-1;height:5px;background:#514a43}.academy-progress em{display:block;height:100%;width:0;background:#f24b3a;transition:.3s}.academy-reader{display:grid;grid-template-columns:350px minmax(0,1fr);min-height:700px}.academy-reader>aside{background:#211e1b;color:#fff}.academy-reader>aside button{width:100%;border:0;border-bottom:1px solid #413b35;background:none;color:#fff;padding:20px;display:grid;grid-template-columns:auto 1fr auto;gap:15px;text-align:left;cursor:pointer}.academy-reader>aside button.active{background:#f24b3a}.academy-reader>aside button>span{font:500 25px Georgia,serif}.academy-reader>aside button div{display:grid;gap:5px}.academy-reader>aside small{line-height:1.35;opacity:.6}.academy-reader>aside i{font-style:normal}.academy-reader article{background:#fff}.reader-cover{display:grid;grid-template-columns:minmax(260px,.7fr) 1fr;min-height:420px}.reader-cover img{width:100%;height:100%;object-fit:cover}.reader-cover>div{padding:55px}.reader-cover span{color:#f24b3a;font:500 32px Georgia,serif}.reader-cover h2{font:500 clamp(45px,5vw,75px)/.92 Georgia,serif;letter-spacing:-.04em;margin:18px 0}.reader-cover p{line-height:1.65;color:#685f56}.reader-cover .done{background:#2e7455}.reader-pages{padding:15px 55px 55px}.reader-pages section{display:grid;grid-template-columns:55px 1fr;gap:15px;padding:25px 0;border-top:1px solid #ddd5cb}.reader-pages section span{color:#f24b3a;font-weight:900}.reader-pages p{margin:0;line-height:1.8}.reader-pages aside{background:#f2ede6;border-left:4px solid #f24b3a;padding:22px;margin-top:20px}.reader-pages aside p{margin-top:8px}.frame-lab{background:#171411;color:#fff;padding:80px 6vw;display:grid;grid-template-columns:.7fr 1.3fr;gap:7vw;align-items:center}.frame-copy h2{font:500 clamp(50px,6vw,85px)/.9 Georgia,serif;margin:15px 0}.frame-copy>p{color:#cfc5ba;line-height:1.7}.game-score{font:500 30px Georgia,serif;margin-top:30px}.camera-game{background:#2a2521;padding:24px}.game-viewfinder{height:290px;display:grid;place-items:center;position:relative;background:linear-gradient(rgba(0,0,0,.12),rgba(0,0,0,.5)),url('/images/outdoor-nature-golden.png') center/cover;overflow:hidden}.game-viewfinder:before,.game-viewfinder:after{content:'';position:absolute;background:#fff4;inset:33.333% 0 auto;height:1px}.game-viewfinder:after{inset:0 33.333% auto;width:1px;height:100%}.focus-box{width:90px;height:110px;border:2px solid #fff8}.game-viewfinder span{position:absolute;left:14px;top:14px;font-weight:900;letter-spacing:.12em}.game-viewfinder i{position:absolute;inset:0;background:#fff;opacity:.3;pointer-events:none;transition:.2s}.game-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0}.game-controls label{display:grid;gap:8px;font-size:11px;font-weight:900;text-transform:uppercase}.game-controls input{width:100%;accent-color:#f24b3a}.game-controls output{font:500 21px Georgia,serif}.camera-game>strong{margin-left:15px;color:#ff806f}
@media(max-width:900px){.academy-hero{grid-template-columns:1fr}.academy-hero-cards{max-width:520px;margin-top:50px}.academy-reader{grid-template-columns:280px 1fr}.reader-cover{grid-template-columns:1fr}.reader-cover img{height:300px}.frame-lab{grid-template-columns:1fr}}
@media(max-width:680px){.academy-hero{padding:65px 5vw}.academy-hero h1{font-size:57px}.academy-shell{padding:40px 0}.academy-tracks{grid-template-columns:1fr 1fr;margin:0 4vw 15px}.academy-progress{grid-column:1/-1}.academy-reader{display:block}.academy-reader>aside{display:flex;overflow:auto;scroll-snap-type:x mandatory}.academy-reader>aside button{min-width:260px;scroll-snap-align:start}.reader-cover img{height:260px}.reader-cover>div{padding:30px 22px}.reader-cover h2{font-size:45px}.reader-pages{padding:8px 22px 35px}.frame-lab{padding:55px 4vw}.game-viewfinder{height:230px}.game-controls{grid-template-columns:1fr}.camera-game>strong{display:block;margin:15px 0 0}}
.portal-top>div:last-child{flex-wrap:wrap;justify-content:flex-end}