:root{--brown:#6b432f;--cream:#f4ecdf;--orange:#d86632;--black:#171513;--white:#fffaf4;--line:#dccdbb;--serif:Georgia,serif;--sans:Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--black);font:16px/1.65 var(--sans)}a{text-decoration:none;color:inherit}header{height:80px;padding:0 7%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(255,250,244,.97);z-index:5}.logo{font:700 29px var(--serif);letter-spacing:-1px}.logo span{font-weight:400}nav{display:flex;gap:28px;font-size:13px;font-weight:700}nav a:hover{color:var(--orange)}#menu{display:none;background:none;border:0;font-size:24px}.hero{min-height:680px;background:var(--cream);padding:80px 8%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.hero small,.section small,.statement small,.book small,.contact small{letter-spacing:2.5px;font-size:11px;font-weight:800;color:var(--orange)}h1{font:700 clamp(55px,7vw,95px)/.92 var(--serif);letter-spacing:-4px;margin:18px 0 28px}h1 i{font-weight:400}h2{font:700 clamp(40px,5vw,65px)/1 var(--serif);letter-spacing:-2px;margin:15px 0 28px}h3{font-family:var(--serif)}p{color:#584e46}.hero p{max-width:590px;font-size:18px}.btn{display:inline-block;background:var(--orange);color:white;border:0;border-radius:99px;padding:13px 23px;font-weight:800;font-size:13px;margin-top:12px}.light{background:var(--white);color:var(--black)}.art{height:500px;background:var(--brown);border-radius:50% 50% 0 0;display:grid;place-items:center}.card{background:var(--cream);width:55%;padding:38px;box-shadow:20px 20px var(--orange)}.card b{display:block;font:700 60px var(--serif);line-height:1}.card span{font-size:11px;font-weight:800;letter-spacing:1px}.card p{font-size:12px}.statement{text-align:center;padding:120px 8%}.statement h2{font-weight:400}.statement em{color:var(--brown)}.section{padding:95px 8%}.two{display:grid;grid-template-columns:1fr 1fr;gap:80px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:45px}.program{min-height:370px;padding:28px;display:flex;flex-direction:column}.program:hover{transform:translateY(-5px)}.orange{background:var(--orange);color:white}.cream{background:#e8dccb}.brown{background:var(--brown);color:white}.black{background:var(--black);color:white}.program h3{font-size:34px;line-height:1;margin:70px 0 12px}.program p{font-size:13px;color:inherit;opacity:.82}.program strong{margin-top:auto;font-size:12px}.feature{display:grid;grid-template-columns:1fr 1fr;background:var(--brown);color:white}.feature>div:first-child{padding:90px 12%}.feature p{color:#f7eee4}.hmys{background:var(--orange);display:grid;place-items:center;font:700 85px var(--serif)}.event{max-width:900px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:40px 0;display:grid;grid-template-columns:150px 1fr;gap:40px}.event>div{background:var(--orange);color:white;padding:20px;text-align:center}.event b,.event span{display:block;font-size:11px;letter-spacing:2px}.event strong{display:block;font:700 65px/1 var(--serif)}.event h3{font-size:42px;margin:8px 0}.book{background:var(--brown);color:white;padding:100px 8%;text-align:center}.book p{color:#f4e9dc;max-width:650px;margin:auto}.book form{max-width:600px;margin:35px auto 0;display:grid;gap:12px}.book input,.book select,.book textarea{padding:14px;border:0;background:var(--cream);font:inherit}.book textarea{min-height:120px}.book #note{font-size:12px}.contact{text-align:center;padding:100px 8%}.contact a{color:var(--orange);font-weight:800}footer{background:var(--black);color:white;padding:55px 8%;display:flex;justify-content:space-between;align-items:end}footer p{color:#aaa;font-size:11px}.logo.light{color:white}@media(max-width:850px){#menu{display:block}nav{display:none;position:absolute;left:0;right:0;top:80px;background:var(--white);padding:20px 7%;flex-direction:column}.open{display:flex!important}.hero,.two,.feature{grid-template-columns:1fr}.hero{padding:65px 7%}.art{height:400px}.grid{grid-template-columns:1fr 1fr}.hmys{min-height:300px}.section{padding:70px 7%}footer{display:block}}@media(max-width:520px){.grid{grid-template-columns:1fr}.program h3{margin-top:45px}.event{grid-template-columns:1fr}.hero h1{letter-spacing:-2px}}
