@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+Arabic:wght@400;500;600;700&family=Playfair+Display:wght@500;600&display=swap');
:root{--ink:#092f39;--paper:#fbfaf5;--green:#184e42;--yellow:#f8d45b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans','Noto Sans Arabic',sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{border-bottom:1px solid #183f3920;background:var(--paper);position:sticky;top:0;z-index:5}.nav{max-width:1280px;margin:auto;display:flex;align-items:center;gap:36px;padding:22px 40px}.brand{font-size:26px;font-weight:700;letter-spacing:-1px;direction:ltr}.brand span{color:#49765b;font-size:15px;margin-inline-start:8px}.links{display:flex;gap:28px;margin-inline:auto;font-size:14px}.langs{display:flex;border:1px solid #c9d4cc;border-radius:30px;padding:4px;direction:ltr}.langs button{border:0;background:none;padding:7px 11px;border-radius:20px;font-size:14px;color:var(--ink)}.langs button.active{background:var(--green);color:white}.hero{max-width:1280px;margin:auto;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:64px;padding:66px 40px 70px}.eyebrow{font-size:14px;letter-spacing:1px;font-weight:600;display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';width:25px;height:2px;background:#9b7420}h1{font-family:'Playfair Display','Noto Sans Arabic',serif;font-size:clamp(40px,4.5vw,68px);font-weight:500;line-height:1.12;letter-spacing:-1.8px;margin:24px 0}html[dir=rtl] h1{line-height:1.55;letter-spacing:0;font-size:clamp(38px,4vw,58px)}h1 em{font-style:normal;color:#397054;position:relative}.intro{line-height:1.9;font-size:18px;max-width:510px;color:#4e6264}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.button{display:inline-flex;justify-content:center;align-items:center;padding:16px 24px;border-radius:8px;background:var(--green);color:white;font-weight:600;min-height:52px;border:1px solid var(--green)}.button.secondary{background:transparent;color:var(--green)}.small-note{font-size:14px;margin-top:24px;color:#687775}.photo-wrap{position:relative;padding-bottom:18px}.photo{width:100%;aspect-ratio:1/1.06;object-fit:cover;border-radius:160px 160px 20px 20px;display:block;background:#303435}.photo-note{position:absolute;bottom:0;inset-inline-start:-22px;background:var(--yellow);padding:20px 27px;border-radius:10px;box-shadow:0 6px 20px #092f3910;transform:rotate(-3deg);font-size:18px;font-weight:600}.photo-note small{display:block;font-size:13px;margin-top:6px;font-weight:400}.ribbon{background:var(--green);color:white}.ribbon-inner{max-width:1200px;margin:auto;display:flex;justify-content:space-between;gap:20px;padding:26px 40px;font-size:15px}.ribbon span:before{content:'✦';color:var(--yellow);margin-inline-end:12px}section.content{max-width:1200px;margin:auto;padding:78px 40px}.section-top{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px}h2{font-family:'Playfair Display','Noto Sans Arabic',serif;font-size:38px;font-weight:500;margin:12px 0;line-height:1.4}.section-top p{max-width:380px;line-height:1.8;color:#526a69}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid #cad5cf;padding:30px;border-radius:12px;background:#fffdf8}.number{font-size:14px;color:#60746a}.card h3{font-size:23px;margin:25px 0 12px}.card p{line-height:1.8;color:#536864}.tag{font-size:14px;border-top:1px solid #dce2dc;padding-top:18px;margin-top:24px;color:var(--green)}.about{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about p{line-height:1.9;color:#526866;font-size:18px}.quote{background:#eaf0e7;padding:40px;border-radius:12px;font-family:'Playfair Display',serif;font-size:34px;line-height:1.4}.quote small{font-family:'DM Sans','Noto Sans Arabic',sans-serif;display:block;font-size:14px;margin-top:24px}.practice{background:#f4d66c;border-radius:16px;padding:42px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.exercise{background:var(--paper);border-radius:12px;padding:28px;text-align:center}.german{font-size:27px;direction:ltr;margin:20px 0;font-weight:500}.answer{background:var(--green);color:white;border:0;border-radius:6px;padding:12px 20px}.translation{min-height:55px;margin:15px 0 0;line-height:1.7}.contact{background:var(--green);color:var(--paper);text-align:center;padding:64px 24px}.contact p{line-height:1.8}.contact .button{background:var(--yellow);color:var(--ink);border:0;margin-top:14px}footer{max-width:1200px;margin:auto;padding:25px 40px;display:flex;justify-content:space-between;gap:15px;font-size:14px;color:#566d66}a:focus-visible,button:focus-visible{outline:3px solid #c08a00;outline-offset:4px}@media(max-width:850px){.nav{padding:18px 22px;gap:16px;flex-wrap:wrap}.links{order:3;width:100%;justify-content:center}.langs{margin-inline-start:auto}.hero{grid-template-columns:1fr;padding:36px 24px 46px;gap:35px}.hero-copy{max-width:600px}.photo-wrap{max-width:500px;width:100%;margin:auto}.photo-note{inset-inline-start:0}.ribbon-inner{flex-wrap:wrap;justify-content:center;padding:23px}.cards{grid-template-columns:1fr}.section-top,.about,.practice{display:block}.section-top p{max-width:none}.quote{margin-top:30px}.exercise{margin-top:28px}section.content{padding:48px 24px}.practice{padding:28px}footer{padding:25px 24px;flex-wrap:wrap}h2{font-size:32px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.consultation{border:1px solid #cad5cf;border-radius:16px;padding:42px;display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center;background:#eaf0e7}.consultation p,.consult-points{line-height:1.85;color:#526866}.consult-points{padding-inline-start:22px}.consult-points li{margin:10px 0}.consult-book{background:var(--paper);padding:30px;border-radius:12px}.consult-book h3{font-size:24px;margin:0 0 15px}.consult-book .button{width:100%;text-align:center}.consult-book .small-note{font-size:14px}@media(max-width:850px){.consultation{grid-template-columns:1fr;padding:25px;gap:20px}}

.moments-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;align-items:start}.moment{margin:0;min-width:0}.moment-image{aspect-ratio:1/1.13;background:#fff;border:1px solid #cad5cf;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}.moment-image img{display:block;width:100%;height:100%;object-fit:contain}.moment figcaption{padding:22px 2px 0}.moment h3{font-size:23px;line-height:1.5;margin:0 0 12px}.moment p{line-height:1.8;color:#536864;margin:0}@media(max-width:850px){.moments-grid{gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.moments-grid{grid-template-columns:1fr;gap:34px}.moment{max-width:480px;width:100%;margin-inline:auto}}

.contact-methods{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:center;align-items:center}.consult-actions{display:grid;gap:12px}.contact .button.secondary{background:transparent;color:var(--paper);border:1px solid #ffffff88}.contact-methods a:not(.button){overflow-wrap:anywhere}footer .contact-methods{justify-content:flex-start}

@media(max-width:1080px){.nav{flex-wrap:wrap;gap:18px}.nav .links{order:3;width:100%;justify-content:center;flex-wrap:wrap}.nav .langs,.nav .blog-langs{margin-inline-start:auto}.article-toc{top:155px}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;inset-inline-start:15px;top:-100px;background:var(--yellow);padding:12px;z-index:20}.skip:focus{top:12px}.blog-langs{display:flex;direction:ltr;gap:3px;border:1px solid #c9d4cc;border-radius:30px;padding:4px}.blog-langs a{padding:7px 11px;border-radius:20px;font-size:14px}.blog-langs a[aria-current]{background:var(--green);color:white}.blog-shell{max-width:1200px;margin:auto;padding:50px 40px 75px}.blog-intro{max-width:820px;margin-bottom:38px}.blog-intro h1{font-size:clamp(36px,4.4vw,58px);line-height:1.25}.blog-intro p{font-size:18px;line-height:1.85;color:#526866;max-width:720px}.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.blog-card{padding:28px;border:1px solid #cad5cf;border-radius:12px;background:#fffdf8;display:flex;flex-direction:column;min-width:0}.blog-card-meta{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;color:#49705e;font-size:14px}.blog-card h2,.blog-card h3{font-family:'DM Sans','Noto Sans Arabic',sans-serif;font-size:25px;line-height:1.5;font-weight:600;margin:20px 0 12px}.blog-card p{line-height:1.8;color:#526866;margin:0 0 22px}.text-link{font-size:16px;font-weight:600;color:var(--green);text-decoration:underline;text-underline-offset:5px;margin-top:auto;align-self:flex-start}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0 18px}.filters[hidden],.blog-card[hidden]{display:none}.filter{border:1px solid #c9d4cc;background:transparent;color:var(--green);padding:10px 16px;border-radius:22px;font-size:14px}.filter[aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}.results{font-size:14px;color:#526866;margin:0 0 22px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0 0 30px;font-size:14px;color:#526866}.breadcrumbs li+li:before{content:'/';padding-inline-end:10px}.breadcrumbs a{text-decoration:underline;text-underline-offset:4px}.article-header{max-width:950px;margin-bottom:38px}.article-header h1{font-size:clamp(32px,4vw,52px);line-height:1.25;letter-spacing:-.7px;margin:20px 0}.article-meta{font-size:14px;color:#526866;display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.article-header .summary{font-size:20px;line-height:1.85;color:#526866}.article-layout{display:grid;grid-template-columns:230px minmax(0,750px);gap:52px;align-items:start}.article-toc{position:sticky;top:120px;background:#eaf0e7;border-radius:10px;padding:22px;font-size:15px;line-height:1.8}.article-toc strong{display:block;margin-bottom:12px}.article-toc ol{padding-inline-start:21px;margin:0}.article-toc li{margin-bottom:12px}.article-toc a:hover{text-decoration:underline}.article-body{font-size:18px;line-height:1.9;overflow-wrap:break-word;min-width:0}.article-body>p{margin-top:0}.article-body h2{font-family:'DM Sans','Noto Sans Arabic',sans-serif;font-weight:600;font-size:26px;line-height:1.5;margin:38px 0 14px}.article-body p{color:#314c4c}.article-body [lang=de]{unicode-bidi:isolate}.article-exercise{background:#f6dea0;border-radius:12px;padding:24px;margin:32px 0}.article-exercise h2{margin-top:0}.article-exercise p{margin-bottom:0}.article-sources{font-size:16px;border-top:1px solid #cad5cf;margin-top:35px}.article-sources a{text-decoration:underline;text-underline-offset:4px}.related{margin-top:60px}.related .blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.related .blog-card h3{font-size:20px}.blog-cta{background:var(--green);color:var(--paper);text-align:center;padding:55px 24px}.blog-cta p{max-width:650px;margin:15px auto 26px;line-height:1.9}.blog-cta .button{background:var(--yellow);color:var(--ink);border:0}.homepage-blog .blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.homepage-blog .blog-card h3{font-size:22px}.homepage-blog .blog-more{margin-top:30px}html[dir=rtl] .article-header h1,html[dir=rtl] .blog-intro h1{line-height:1.6;letter-spacing:0}.blog-shell h1,.blog-shell h2,.blog-shell h3{overflow-wrap:break-word}@media(max-width:1000px){.article-layout{grid-template-columns:190px minmax(0,1fr);gap:30px}.related .blog-grid{grid-template-columns:1fr 1fr}}@media(max-width:850px){.blog-shell{padding:35px 24px 48px}.article-layout{display:block}.article-toc{position:static;margin-bottom:30px}.article-toc ol{columns:2;column-gap:30px}.article-toc li{break-inside:avoid}.blog-grid,.homepage-blog .blog-grid{grid-template-columns:1fr 1fr}.blog-langs{margin-inline-start:auto}.blog-card{padding:24px}.article-header h1{font-size:36px}.article-body{font-size:18px}}@media(max-width:600px){.blog-grid,.related .blog-grid,.homepage-blog .blog-grid{grid-template-columns:1fr}.article-toc ol{columns:1}.blog-card h2{font-size:23px}.article-header h1{font-size:32px}.nav .links{gap:15px;flex-wrap:wrap}.article-header .summary{font-size:18px}}

.blog-card-image{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:8px;margin-bottom:20px;background:#eaf0e7}.article-cover{max-width:950px;margin:0 0 40px}.article-cover-image{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:14px;background:#eaf0e7}

.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.product-card{border:1px solid #cad5cf;border-radius:14px;overflow:hidden;background:#fffdf8;display:flex;flex-direction:column;min-width:0}.product-kind{background:#eaf0e7;color:var(--green);padding:16px 28px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:14px;font-weight:600}.product-card[data-kind=grammar] .product-kind{background:#f6dea0;color:var(--ink)}.product-card[data-kind=vocabulary] .product-kind{background:#e2edf4;color:#294855}.product-content{padding:28px;display:flex;flex-direction:column;flex:1}.product-content h2{font-family:'DM Sans','Noto Sans Arabic',sans-serif;font-size:27px;font-weight:600;line-height:1.5;margin:0 0 14px}.product-buy{margin-top:auto;padding-top:20px;border-top:1px solid #dce2dc;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.product-price{font-size:15px;color:#526866}.product-buy .button{font-size:15px;padding:13px 19px}.product-note{background:#eaf0e7;border-inline-start:3px solid var(--green);padding:18px 22px;border-radius:8px;font-size:16px;line-height:1.85;margin:0 0 35px}.nav a[aria-current=page]{font-weight:700;text-decoration:underline;text-underline-offset:5px}@media(max-width:700px){.product-grid{grid-template-columns:1fr}.product-content,.product-kind{padding:23px}.product-content h2{font-size:25px}.product-buy .button{width:100%}}