*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f0e6;color:#183b38;font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}.topbar{height:82px;padding:0 7vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9d1c3;background:#f5f0e6;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.16em;font-weight:600}.brand b{color:#b95e3d}.brand-mark{width:31px;height:31px;border:1px solid #b95e3d;border-radius:50%;display:grid;place-items:center;font-family:"Playfair Display";font-size:19px;color:#b95e3d}.topbar nav{display:flex;gap:30px;align-items:center;font-size:13px}.topbar nav a:hover,.text-link:hover{color:#b95e3d}.nav-cta{border:1px solid #183b38;padding:10px 17px;border-radius:30px}.menu-toggle{display:none;border:0;background:none;font-size:24px;color:#183b38}.hero{min-height:690px;padding:90px 7vw 65px;display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center;position:relative;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:.22em;font-weight:700;color:#b65e40}.hero h1,.intro-grid h2,.section-heading h2,.resources h2,.contact h2{font-family:"Playfair Display",serif;font-weight:500;letter-spacing:-.04em}.hero h1{font-size:clamp(48px,6vw,82px);line-height:1.04;margin:22px 0}.hero h1 em,.intro-grid h2 em,.resources h2 em,.contact h2 em{color:#b65e40;font-weight:500}.intro{font-size:17px;line-height:1.8;max-width:540px;color:#53645e}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:34px}.button{display:inline-block;padding:15px 22px;border-radius:2px;font-size:13px;font-weight:600}.button-primary{background:#183b38;color:#fff}.button-primary:hover{background:#b65e40}.text-link{font-size:13px;font-weight:600;border-bottom:1px solid #b65e40;padding-bottom:5px}.hero-art{height:490px;position:relative;display:flex;align-items:center;justify-content:center}.hero-art img{position:relative;z-index:2;width:min(75%,360px);height:440px;object-fit:cover;object-position:top;border-radius:180px 180px 8px 8px;box-shadow:20px 20px 0 #d9c9ae}.art-orbit{position:absolute;border:1px solid #b65e40;border-radius:50%;width:440px;height:440px}.orbit-two{width:520px;height:520px;border-color:#d9c9ae}.hero-note{position:absolute;z-index:3;background:#d9c9ae;padding:10px 17px;border-radius:50%;font-family:"Playfair Display";font-style:italic}.note-a{top:70px;left:0;transform:rotate(-12deg)}.note-b{right:-4px;bottom:80px;transform:rotate(8deg);background:#dce0d1}.hero-stamp{position:absolute;right:12%;top:5px;z-index:3;background:#b65e40;color:#fff;border-radius:50%;width:92px;height:92px;display:grid;place-content:center;text-align:center;font-size:10px;letter-spacing:.14em;line-height:1.6;transform:rotate(12deg)}.hero-bottom{position:absolute;bottom:25px;left:7vw;right:7vw;display:flex;justify-content:space-between;color:#7d877e;font-size:9px;letter-spacing:.2em}.intro-band{background:#e8e1d4;padding:85px 12vw}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.intro-grid h2,.section-heading h2,.resources h2,.contact h2{font-size:clamp(38px,4vw,58px);line-height:1.12;margin:8px 0}.intro-grid p{line-height:1.85;color:#52625d;font-size:15px}.section-pad{padding:100px 7vw}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}.section-heading>p{max-width:350px;color:#66736c;line-height:1.7;font-size:14px}.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.lesson-card{min-height:310px;padding:30px;background:#e9e3d8;display:flex;flex-direction:column;align-items:flex-start}.lesson-card.featured{background:#183b38;color:#f5f0e6}.card-index{font-size:9px;letter-spacing:.18em;color:#b65e40}.lesson-card h3{font-family:"Playfair Display";font-size:34px;font-weight:500;line-height:1.1;margin:34px 0 12px}.lesson-card p{font-size:13px;line-height:1.75;color:inherit;opacity:.78;max-width:320px}.lesson-card .text-link{margin-top:auto}.topics{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.topics span{border:1px solid #c9c1b3;padding:10px 14px;border-radius:30px;font-size:11px;color:#53645e}.quote-section{padding:90px 18vw;background:#d8dfd2;text-align:center}.quote-section blockquote{font-family:"Playfair Display";font-size:clamp(28px,4vw,48px);line-height:1.25;margin:25px auto;max-width:900px}.quote-section>span{font-size:10px;letter-spacing:.2em;color:#b65e40}.project-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px}.project{min-height:260px;padding:27px;display:flex;flex-direction:column;justify-content:flex-end;background:#183b38;color:#f5f0e6}.project span{font-size:10px;color:#d7a47f}.project h3{font-family:"Playfair Display";font-size:30px;font-weight:500;margin:18px 0 4px}.project p{font-size:13px;line-height:1.6;max-width:270px;opacity:.8}.project-warm{background:#b65e40}.project-light{background:#dce0d1;color:#183b38}.resources{background:#183b38;color:#f5f0e6;display:flex;justify-content:space-between;align-items:center;overflow:hidden}.resources-copy{max-width:600px}.resources h2{font-size:clamp(44px,5vw,68px)}.resources-copy>p:not(.eyebrow){line-height:1.8;color:#d1d9d0;max-width:530px}.button-light{background:#f5f0e6;color:#183b38;margin-top:15px}.resource-symbol{font-family:"Playfair Display";font-size:260px;color:#b65e40;line-height:1;position:relative;margin-right:8vw}.resource-symbol span{position:absolute;font-size:100px;right:-20px;bottom:-15px;color:#d9c9ae}.contact{text-align:center}.contact>p:not(.eyebrow){max-width:540px;margin:22px auto;color:#65736c;line-height:1.8}.contact-name{font-family:"Playfair Display";font-size:25px;color:#183b38!important;margin-top:55px!important}.contact-name span{display:block;font:10px "DM Sans";letter-spacing:.16em;color:#b65e40;margin-top:8px}.contact .button{margin-top:12px}footer{padding:27px 7vw;border-top:1px solid #d9d1c3;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#69756e}footer .brand{color:#183b38} @media(max-width:800px){.topbar{height:68px;padding:0 5vw}.menu-toggle{display:block}.topbar nav{display:none;position:absolute;top:68px;left:0;right:0;background:#f5f0e6;padding:20px 6vw;flex-direction:column;align-items:flex-start;border-bottom:1px solid #d9d1c3}.topbar nav.open{display:flex}.hero{grid-template-columns:1fr;padding:65px 7vw 75px;gap:10px}.hero-art{height:420px}.hero-art img{height:370px;width:270px}.art-orbit{width:340px;height:340px}.orbit-two{width:390px;height:390px}.hero-stamp{right:8%;top:0}.intro-band{padding:65px 8vw}.intro-grid{grid-template-columns:1fr;gap:12px}.section-pad{padding:70px 7vw}.section-heading{display:block}.section-heading>p{margin-top:18px}.lesson-grid,.project-grid{grid-template-columns:1fr}.lesson-card{min-height:270px}.quote-section{padding:70px 9vw}.resources{display:block}.resource-symbol{font-size:150px;margin:30px 0 0 55%}.contact h2{font-size:43px}footer{padding:25px 6vw;gap:15px;flex-wrap:wrap}}.languages{display:flex;gap:4px;align-items:center}.languages button{border:1px solid transparent;background:transparent;color:#53645e;font:600 10px "DM Sans";letter-spacing:.08em;padding:7px 8px;cursor:pointer}.languages button.active{border-color:#b65e40;color:#b65e40;border-radius:2px}.lesson-note{max-width:850px;margin:28px 0 0;color:#65736c;font-size:13px;line-height:1.8}.social-links{display:flex;flex-wrap:wrap;gap:18px;margin-top:28px}.social-links a{font-size:12px;border-bottom:1px solid #b65e40;padding-bottom:5px}.catalog{background:#e8e1d4}.score-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.score{background:#f5f0e6;padding:22px;min-height:190px;display:flex;flex-direction:column;align-items:flex-start}.score.free{background:#dce0d1}.score h3{font:500 24px "Playfair Display";margin:0 0 12px}.score p{font-size:11px;line-height:1.7;color:#65736c;margin:0 0 18px}.score a{font-size:11px;font-weight:700;color:#b65e40;margin-top:auto;border-bottom:1px solid #b65e40;padding-bottom:4px}.events{background:#dce0d1}.contact-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.button-outline{border:1px solid #183b38;color:#183b38;margin-top:12px}.centered{justify-content:center}.resources .social-links a{color:#f5f0e6}.resources .social-links a:hover{color:#d9c9ae}
@media(max-width:800px){.languages{margin-left:auto;margin-right:12px}.topbar nav{top:68px}.score-grid{grid-template-columns:1fr 1fr}.hero-art{margin-top:15px}}
@media(max-width:480px){.score-grid{grid-template-columns:1fr}.languages button{padding:6px 5px;font-size:9px}.brand{font-size:11px;letter-spacing:.1em}.hero h1{font-size:47px}.hero-art{height:370px}.hero-art img{height:330px;width:240px}.art-orbit{width:300px;height:300px}.orbit-two{width:345px;height:345px}}
