:root{--ink:#263c31;--green:#345745;--paper:#f6f4eb;--line:#d5d7ca;--cream:#e9e9dc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #4e8a73;outline-offset:4px}h1,h2,p{margin:0}h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.055em}.preview{background:#1d3528;color:#fff;text-align:center;padding:7px 12px;font-size:10px;letter-spacing:.1em}.utility{height:29px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;background:#dddfd3;color:#647162;font-size:11px}.nav{height:80px;display:flex;align-items:center;gap:35px;padding:0 4.5vw;background:#f4f5eeeb;border-bottom:1px solid #ffffff70}.brand{display:flex;align-items:center;gap:12px;font-family:Georgia,serif;font-size:29px;font-weight:600;letter-spacing:-.05em}.brand img{width:43px;height:43px;object-fit:cover;border-radius:11px}.nav nav{margin:auto;display:flex;gap:29px;font-size:13px}.nav .button{padding:11px 21px}.button{border:0;border-radius:40px;background:var(--green);color:#fff;padding:15px 25px;font-weight:650;box-shadow:0 9px 20px #294a331a}.button.light{background:#f7f8f0;color:var(--ink);border:1px solid var(--line);box-shadow:none}.hero{min-height:610px;display:grid;grid-template-columns:44% 56%;align-items:center;gap:18px;padding:45px 5vw;background:linear-gradient(90deg,#f0f0e8c9,#f0f0e872),url('assets/learning-studio.webp') center/cover}.hero-copy{padding-left:8px}.eyebrow{font-size:12px;letter-spacing:.14em;color:#5f725e;margin-bottom:31px}.hero h1{font-size:clamp(52px,5vw,78px);line-height:1.1}.hero .lead{font:500 22px Georgia,serif;margin:31px 0;color:#5a6c5a}.hero .sub{font-size:12px;color:#607061;margin-top:14px}.board{height:460px;background:#f8f9f4eb;border:10px solid #eff1ebc5;border-radius:20px;box-shadow:0 15px 40px #3a4a3a27;transform:perspective(1200px) rotateY(-4deg) rotateZ(-1deg);display:flex;flex-direction:column;overflow:hidden}.boardtop{height:53px;padding:0 23px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d5dbd1;font-size:13px}.boardtop span:last-child{color:#89948b}.boardcore{flex:1;display:flex;align-items:center;justify-content:center;gap:20px;padding:12px}.boardcore svg{width:58%;height:245px}.boardcore aside{width:27%;height:190px;border-radius:6px;background:#edf1e9;display:grid;place-items:center}.boardcore aside svg{width:90%;height:150px}.boardcontrols{height:60px;padding:10px 20px;display:flex;align-items:center;gap:10px;font-size:11px;color:#607165}.boardcontrols input{flex:1;accent-color:#476c4f}.boardcontrols button{border:1px solid #d8ded2;background:#f4f5f0;padding:10px;border-radius:8px}.boardfoot{height:52px;border-top:1px solid #dfe2d8;display:flex;justify-content:space-between;align-items:center;padding:0 22px;font-size:13px}.subjects{padding:90px 5vw;background:#e6eadd}.subjects-head{display:flex;align-items:end;justify-content:space-between;gap:25px}.subjects h2,.mia h2,.planner h2{font-size:clamp(43px,4.5vw,67px);line-height:1.1}.subjects p{max-width:420px;line-height:1.6;color:#536957}.poster{position:relative;margin-top:35px;height:485px;border-radius:20px;overflow:hidden;background:#18372e}.poster img{width:100%;height:100%;object-fit:cover}.poster-label{position:absolute;left:27px;top:25px;color:#fff;font-size:12px;letter-spacing:.1em}.poster-bottom{position:absolute;bottom:25px;left:27px;right:27px;color:#fff;display:flex;justify-content:space-between}.subject-tabs{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.subject-tabs button{border:1px solid #becbbd;border-radius:999px;padding:9px 17px;background:transparent;color:#43604d}.subject-tabs button.on{background:var(--green);color:#fff}.mia{min-height:550px;display:grid;grid-template-columns:53% 47%;align-items:center;background:#ebece3}.mia-art{height:550px;position:relative;background:url('assets/louvre.webp') center/cover}.mia-art img{position:absolute;height:380px;bottom:0;left:20%;filter:drop-shadow(0 12px 25px #243b3290)}.mia-copy{padding:50px 8vw}.mia-copy p,.planner p{font-size:17px;line-height:1.7;color:#607162;margin:20px 0 27px}.planner{display:grid;grid-template-columns:45% 55%;align-items:center;padding:70px 6vw;min-height:540px}.planner img{width:100%;max-height:460px;object-fit:contain}.fine{background:#20382c;color:#d9e6d8;text-align:center;padding:45px;font-size:14px}.fine strong{font:500 30px Georgia,serif;display:block;margin-bottom:10px}@media(max-width:800px){.nav nav{display:none}.hero{grid-template-columns:1fr;gap:30px;padding:48px 24px}.hero h1{font-size:52px}.board{height:390px;transform:none}.subjects{padding:60px 24px}.subjects-head{display:block}.subjects p{margin-top:15px}.poster{height:310px}.mia,.planner{grid-template-columns:1fr}.mia-art{height:420px}.planner{padding:50px 24px}.planner img{order:-1}.boardcore svg{width:65%}.boardcore aside{width:28%}}@media(max-width:480px){.utility span:last-child,.nav .button{display:none}.nav{height:66px}.brand{font-size:23px}.hero h1{font-size:47px}.hero .lead{font-size:19px}.board{height:300px;border-width:5px}.boardcore{gap:5px}.boardcore svg{height:150px}.boardcore aside{height:110px}.boardcore aside svg{height:90px}.boardcontrols{font-size:9px}.boardcontrols button{padding:7px}.boardfoot{font-size:10px}.subjects h2,.mia h2,.planner h2{font-size:42px}.poster{height:230px}.mia-art{height:350px}.mia-art img{height:280px}.mia-copy{padding:45px 24px}}