html{scroll-padding-top:0}
.direction-page{background:#f9f7ef;color:#163c2d}
.direction-header{padding:26px var(--gutter);display:flex;align-items:center;gap:28px;background:#06392c;color:#fff;min-height:100px}
.direction-header .logo{margin-right:auto}
.direction-header a{text-decoration:none}
.direction-back{font-size:13px;font-weight:700;min-height:44px;display:flex;gap:12px;align-items:center}
.direction-involve{display:flex;align-items:center;gap:24px;background:#f4d56a;color:#06392c;padding:14px 22px;border-radius:30px;font-size:14px;font-weight:800;min-height:48px}
.direction-involve:hover{background:#ffe582}
.direction-intro{max-width:1440px;margin:auto;padding:76px var(--gutter) 55px}
.direction-eyebrow{display:flex;align-items:center;gap:11px;font-size:11px;line-height:1.7;letter-spacing:1.4px;font-weight:800}
.direction-eyebrow span{color:#c8941e;font-size:17px;line-height:1;flex:none}
.direction-intro h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(42px,5.4vw,80px);line-height:1.12;letter-spacing:-.055em;margin:23px 0 30px;font-weight:800}
.direction-intro h1>span{color:#5b7c5d}
.direction-intro-bottom{display:flex;align-items:center;justify-content:space-between;gap:48px}
.direction-intro-bottom>p{font-size:17px;line-height:1.8;max-width:590px;margin:0;color:#4d6253}
.direction-handwritten{font-family:Caveat,'Segoe Print',cursive;font-size:34px;line-height:1.1;font-weight:600;transform:rotate(-3deg);color:#446447}
.direction-tabs{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#f9f7eff2;backdrop-filter:blur(15px);border-block:1px solid #d4ddcc;padding-inline:var(--gutter)}
.direction-tabs a{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 24px;font-size:15px;font-weight:700;text-decoration:none;border-right:1px solid #d4ddcc;min-height:64px;transition:background .2s ease}
.direction-tabs a:first-child{border-left:1px solid #d4ddcc}
.direction-tabs a:hover,.direction-tabs a:focus-visible{background:#e9efdf}
.direction-tabs span{color:#62855d;font-size:23px}
.direction-story{max-width:1440px;margin:auto;padding:85px var(--gutter);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:clamp(40px,7vw,110px);align-items:center;scroll-margin-top:76px}
.direction-story+.direction-story{border-top:1px solid #dbe2d2}
.direction-photo{margin:0;position:relative;aspect-ratio:4/5;max-height:620px;isolation:isolate}
.direction-photo img{border-radius:12px 90px 12px 12px;object-fit:cover;box-shadow:0 15px 40px #183d2914}
.direction-photo figcaption{position:absolute;bottom:20px;left:18px;right:18px;text-align:center;background:#fffdf5f2;padding:14px;font-family:Caveat,'Segoe Print',cursive;font-size:25px;font-weight:600;line-height:1.2;border-radius:3px;box-shadow:0 4px 25px #0b241d12}
.education-photo img{object-position:62% 50%}
.direction-reverse .direction-photo{order:2}
.direction-reverse .direction-photo img{border-radius:90px 12px 12px 12px}
.volunteer-photo{aspect-ratio:1}
.volunteer-photo img{object-position:53% 50%}
.europe-photo{aspect-ratio:1.2}
.europe-photo img{object-position:50% 50%}
.solidarity-photo{max-width:440px;width:100%;justify-self:center}
.solidarity-photo img{object-position:50% 50%}
.direction-copy h2{font:800 clamp(32px,3.1vw,48px)/1.15 Manrope,Arial,sans-serif;letter-spacing:-.045em;margin:17px 0 25px}
.direction-copy h2 em{font-style:normal;color:#63825c}
.direction-copy p:not(.direction-eyebrow){font-size:16px;line-height:1.8;color:#4a6050;margin:0 0 22px}
.direction-copy h3{font-size:13px;line-height:1.6;margin:28px 0 12px;font-weight:800;color:#27533a}
.direction-ideas{list-style:none;padding:0;margin:0 0 25px;border-top:1px solid #d6dfce}
.direction-ideas li{font-size:14px;line-height:1.75;padding:13px 2px 13px 25px;position:relative;border-bottom:1px solid #d6dfce;color:#46604c}
.direction-ideas li:before{content:'';width:5px;height:5px;border-radius:50%;background:#b58a32;position:absolute;left:3px;top:24px}
.direction-copy .direction-invitation{font-size:14px;color:#5b6e59}
.direction-cta{display:inline-flex;justify-content:space-between;align-items:center;gap:26px;min-height:54px;max-width:100%;border-radius:30px;padding:13px 15px 13px 24px;background:#104430;color:#fff;font-size:14px;font-weight:700;line-height:1.5;text-decoration:none;transition:transform .3s ease,background .3s ease}
.direction-cta>span:last-child{display:grid;place-items:center;width:30px;height:30px;border:1px solid #ffffff50;border-radius:50%;font-size:21px;flex:none;transition:transform .3s ease}
.direction-cta:hover{background:#1b5a40;transform:translateY(-2px)}
.direction-cta:hover>span:last-child{transform:rotate(45deg)}
.direction-secondary{display:flex;width:fit-content;align-items:center;gap:18px;min-height:44px;margin-top:14px;text-underline-offset:5px;font-size:13px;font-weight:700}
.direction-secondary span{font-size:20px}
.direction-closing{padding:70px var(--gutter);text-align:center;background:#e7eddb;border-radius:55% 55% 0 0/40px 40px 0 0}
.direction-closing>.direction-handwritten{font-size:36px;margin:15px 0 25px}
.direction-closing h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(28px,3vw,42px);line-height:1.3;letter-spacing:-.035em;margin:0 0 28px}
.direction-closing .direction-demo-note{font-size:12px;line-height:1.7;max-width:570px;color:#5c7057;margin:25px auto 0}
.direction-demo-note a{white-space:normal;overflow-wrap:anywhere;text-underline-offset:3px}
.direction-footer{padding:45px var(--gutter) 30px;background:#06392c;color:#fff;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:30px}
.direction-footer .footer-logo{font-size:38px}
.direction-footer nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.direction-footer nav a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;text-decoration:none;color:#e6eddd}
.direction-footer nav a:hover{text-decoration:underline;text-underline-offset:4px}
.direction-footer>p{flex-basis:100%;border-top:1px solid #ffffff30;padding-top:22px;margin:0;font-size:12px;color:#bdcfba}
@media(min-width:1600px){.direction-header,.direction-tabs,.direction-footer{padding-inline:max(var(--gutter),calc((100vw - 1280px)/2))}}
@media(max-width:850px){.direction-intro{padding-top:50px}.direction-intro-bottom{gap:25px}.direction-handwritten{font-size:29px}.direction-story{gap:35px;padding-block:65px}.direction-copy h2{font-size:34px}.direction-photo figcaption{font-size:22px;padding:12px;left:10px;right:10px;bottom:10px}.direction-tabs a{padding-inline:16px}}
@media(max-width:650px){
 .direction-header{padding:18px 22px;gap:16px;min-height:88px}.direction-header .logo strong{font-size:34px}.direction-header .logo small{font-size:8px}.direction-back{display:none}.direction-involve{padding:11px 15px;gap:10px;font-size:12px;min-height:44px}.direction-involve span{font-size:18px}
 .direction-intro{padding:45px 22px 35px}.direction-intro h1{font-size:43px;margin:20px 0 25px}.direction-intro-bottom{display:block}.direction-intro-bottom>p{font-size:16px}.direction-intro-bottom .direction-handwritten{display:block;margin:28px 0 0;font-size:29px;transform:rotate(-2deg)}
 .direction-tabs{padding:0 12px;grid-template-columns:repeat(4,minmax(0,1fr))}.direction-tabs a{padding:13px 3px;justify-content:center;font-size:12px;min-height:52px;border:0}.direction-tabs a:first-child{border:0}.direction-tabs span{display:none}
 .direction-story{grid-template-columns:1fr;padding:42px 22px 52px;gap:36px;scroll-margin-top:60px}.direction-reverse .direction-photo{order:0}.direction-photo{width:100%;max-width:440px;aspect-ratio:1;justify-self:center}.education-photo{aspect-ratio:4/5;max-height:460px}.direction-photo img{border-top-right-radius:65px}.direction-reverse .direction-photo img{border-top-left-radius:65px}.direction-photo figcaption{font-size:25px;left:16px;right:16px;bottom:15px}.solidarity-photo{max-width:350px;aspect-ratio:4/5}.europe-photo{aspect-ratio:1.2}.direction-copy h2{font-size:35px}.direction-copy p:not(.direction-eyebrow){font-size:16px}.direction-copy .direction-invitation{font-size:14px}.direction-copy .direction-eyebrow{margin-top:0}.direction-cta{font-size:13px;padding-left:20px;gap:18px}
 .direction-closing{padding:48px 22px;border-radius:55% 55% 0 0/22px 22px 0 0}.direction-closing h2{font-size:29px}.direction-closing>.direction-handwritten{font-size:31px}.direction-footer{padding:38px 22px 25px;gap:24px}.direction-footer nav{gap:4px 22px}.direction-footer .footer-logo{font-size:38px}
}
@media(max-width:360px){.direction-header{padding-inline:16px;gap:10px}.direction-header .logo strong{font-size:30px}.direction-involve{padding-inline:12px}.direction-tabs a{font-size:11px}.direction-intro h1{font-size:37px}.direction-copy h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.direction-cta:hover,.direction-cta:hover>span:last-child{transform:none}}

.direction-tabs a[aria-current="location"]{background:#e1ead3;color:#123f2c;box-shadow:inset 0 -3px 0 #aa8730}
.direction-tabs a[aria-current="location"] span{color:#214e36}