@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--paper:#f5f0e6;--ink:#252b27;--red:#9f3e32;--gold:#d8b55f;--line:#d9d2c4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--gold);outline-offset:6px}.wrap{width:min(1120px,calc(100% - 80px));margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:28px 0;border-bottom:1px solid var(--line)}.brand{font-family:'Libre Caslon Display',Georgia,serif;font-size:32px;line-height:1.1}.brand span{display:block;font-family:'DM Sans',sans-serif;font-size:10px;letter-spacing:2px;margin-top:8px}nav{display:flex;gap:34px;align-items:center;font-size:14px}.nav-contact{border-bottom:1px solid var(--red);padding:8px 0;color:var(--red)}.nav-contact span{margin-left:16px}.hero{display:grid;grid-template-columns:1.4fr 1fr;gap:80px;align-items:center;padding:78px 0 86px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;margin:0 0 22px;color:var(--red)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400}h1,h2{font-family:'Libre Caslon Display',Georgia,serif;line-height:1.04;letter-spacing:-1.7px}h1{font-size:clamp(64px,7.7vw,104px);margin-bottom:27px}h1 em{color:var(--red);font-weight:400}h2{font-size:54px;margin-bottom:26px}.intro{font-size:19px;max-width:435px;margin-bottom:29px}.button{display:inline-flex;background:var(--red);color:#fff9ef;padding:16px 22px;gap:22px;align-items:center;font-size:14px;font-weight:600;transition:background .2s}.button:hover{background:#793025}.small{font-size:13px;margin:12px 0 0;color:#60645d}.hero-note{background:#e5dcc5;padding:36px 33px 30px;text-align:center;border-radius:180px 180px 0 0;min-height:415px;border-bottom:5px solid var(--gold);display:flex;flex-direction:column;justify-content:center}.motif{font-size:62px;color:var(--red);line-height:1;margin-bottom:23px}.arabic{font-family:Georgia,serif;font-size:53px;line-height:1.5;color:var(--red);margin-bottom:0}.welcome{font-family:'Libre Caslon Display',Georgia,serif;font-size:29px;margin-bottom:28px}.note-bottom{border-top:1px solid #c9bda1;padding-top:23px;font-size:14px}.note-bottom p{margin-bottom:14px}.note-bottom span{font-size:12px;text-transform:uppercase;letter-spacing:1.2px}.ribbon{background:var(--ink);color:var(--paper);display:flex;justify-content:center;gap:55px;padding:18px 24px;font-size:14px;letter-spacing:.5px}.ribbon span:nth-child(even){color:var(--gold)}.lessons{padding:85px 0}.section-heading{margin-bottom:38px}.lesson-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:68px}.lesson-grid article{border-top:1px solid var(--line);padding:28px 0 22px;position:relative;padding-left:47px}.number{position:absolute;left:0;top:32px;color:var(--red);font-size:12px}h3{font-family:'Libre Caslon Display',Georgia,serif;font-size:30px;line-height:1.2;margin-bottom:16px}.lesson-grid p{font-size:16px;color:#555b54;max-width:430px}.details{display:grid;grid-template-columns:1.25fr 1fr;gap:100px;padding:0 0 90px;align-items:start}.tutor{padding-top:28px;border-top:1px solid var(--line)}.tutor h2{font-size:45px}.tutor>p:last-child{max-width:480px;color:#555b54}.price{padding:35px 38px;background:#e5dcc5}.price h3{font-family:'DM Sans',sans-serif;font-size:18px}.amount{font-family:'Libre Caslon Display',Georgia,serif;font-size:69px;line-height:1.1;margin-bottom:20px}.amount span{font-family:'DM Sans',sans-serif;font-size:16px;letter-spacing:0}.price hr{border:0;border-top:1px solid #c6baa0;margin:23px 0}.price>p:last-child{margin-bottom:0}.contact{background:var(--red);color:var(--paper);padding:64px 0}.contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.contact .eyebrow{color:#f0cf8a}.contact h2{font-size:64px}.contact p{margin-bottom:0}.contact-links a{font-size:clamp(17px,2vw,24px);display:flex;justify-content:space-between;gap:10px;padding:21px 0;border-bottom:1px solid #ffffff55;overflow-wrap:anywhere}.contact-links a:hover{color:#f0cf8a}.contact-links p{font-size:13px;margin-top:21px}footer{display:flex;justify-content:space-between;align-items:center;padding:28px 0}footer .brand{font-size:26px}footer p{font-size:13px;margin:0}.skip{position:absolute;top:-100px;left:15px;background:var(--ink);color:white;padding:12px;z-index:10}.skip:focus{top:10px}@media(max-width:800px){.wrap{width:calc(100% - 40px)}header{padding:22px 0}nav{gap:20px}nav>a:not(.nav-contact){display:none}.brand{font-size:27px}.hero{gap:30px;padding:48px 0;grid-template-columns:1fr}.hero-copy{max-width:600px}h1{font-size:78px}.hero-note{min-height:300px;border-radius:150px 150px 0 0;max-width:420px;width:100%;margin:10px auto 0;padding-top:30px}.motif{margin-bottom:10px;font-size:44px}.arabic{font-size:43px}.welcome{margin-bottom:18px}.note-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;text-align:left}.note-bottom p{margin:0}.note-bottom span{text-align:right}.ribbon{gap:20px;font-size:12px}.lessons{padding:55px 0}.lesson-grid{gap:0 30px}.details{gap:30px;grid-template-columns:1fr;padding-bottom:55px}.contact-inner{grid-template-columns:1fr;gap:22px}.contact{padding:48px 0}.contact h2{font-size:54px}.contact-links a{font-size:22px}}@media(max-width:500px){h1{font-size:66px}h2{font-size:43px}.eyebrow{font-size:11px;letter-spacing:1.5px}.intro{font-size:17px}.button{padding:15px 16px;font-size:13px;gap:12px}.lesson-grid{grid-template-columns:1fr}.ribbon{gap:12px;font-size:11px;padding:16px 10px}.tutor h2{font-size:40px}.price{padding:30px}footer{gap:20px}footer p{max-width:120px;text-align:right}.contact-links a{font-size:19px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.services{padding-bottom:80px}.service-link{color:var(--red);border-bottom:1px solid var(--red);padding-bottom:6px}.service-link span{margin-left:15px}
/* Revised content hierarchy */
.hero{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:60px;align-items:start;padding:70px 0 60px}
.hero h1{font-size:clamp(4rem,7.5vw,6.6rem);line-height:1.08;margin-bottom:18px;letter-spacing:-2px}
.location{font-size:1.65rem;line-height:1.4;color:var(--red);margin-bottom:30px}
.hero-copy>p:not(.small):not(.location){max-width:620px}.intro{font-size:1.2rem;margin-bottom:20px}.hero-copy .button{margin-top:10px}
.hero-note{margin-top:25px}.note-bottom span{font-size:.875rem;letter-spacing:0;text-transform:none;display:block}
.lessons{padding:35px 0 60px}.details{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:70px}
.tutor h2,.price h2{font-size:3rem}.tutor>p,.tutor>p:last-child{max-width:650px;color:#555b54;margin-bottom:22px}
.services h2{font-size:3.3rem}.contact h2{font-size:3.7rem}.contact-links p,.small{font-size:.875rem}
@media(max-width:800px){.hero{grid-template-columns:1fr;padding:45px 0;gap:20px}.hero h1{font-size:clamp(3.6rem,10vw,5.5rem)}.hero-note{margin:10px auto 0}.details{grid-template-columns:1fr;gap:28px}.location{font-size:1.4rem}.services h2{font-size:2.7rem}.note-bottom{display:block;text-align:center}.note-bottom p{margin-bottom:14px}.note-bottom span{text-align:center}.contact h2{font-size:3rem}}
@media(max-width:500px){.hero h1{font-size:3.65rem;letter-spacing:-1.5px}.tutor h2,.price h2{font-size:2.5rem}.services h2{font-size:2.4rem}.contact h2{font-size:2.7rem}.services{padding-bottom:55px}}

.cost-section{padding-bottom:65px}.cost-section .price{max-width:650px}.tutor-section{padding-bottom:75px}.tutor-section .tutor{max-width:800px}.tutor-section .tutor>p{max-width:800px}@media(max-width:800px){.cost-section,.tutor-section{padding-bottom:50px}}

.contact-links .contact-detail{font-size:clamp(17px,2vw,24px);padding:21px 0;margin:0;border-bottom:1px solid #ffffff55;overflow-wrap:anywhere;user-select:text}@media(max-width:800px){.contact-links .contact-detail{font-size:22px}}@media(max-width:500px){.contact-links .contact-detail{font-size:19px}}
