@import url('/brand-fonts.css');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f3ee;color:#242720;font:16px/1.65 'El Messiri',Arial,sans-serif}a{color:inherit}button,input,textarea{font:inherit}header{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px clamp(24px,4vw,72px);background:#f5f3ee}.brand{text-decoration:none;font-size:24px;font-weight:600;letter-spacing:.13em;white-space:nowrap}.brand span{display:block;font-size:9px;font-weight:500;letter-spacing:.44em;line-height:1}nav{display:flex;gap:clamp(12px,2vw,30px);flex-wrap:wrap;align-items:center}nav a{text-decoration:none}.header-nav>a{font-size:13px;text-transform:uppercase;letter-spacing:.09em}.languages{display:flex;gap:0;border:1px solid #b8baaf;border-radius:999px;overflow:hidden;margin-right:10px}.languages a{padding:4px 10px;font-size:11px;letter-spacing:.1em}.languages [aria-current]{color:white;background:#3d4839}.landing header{position:absolute;top:0;left:0;right:0;background:transparent;color:#fff}.landing .languages{border-color:#fff9}.landing .languages [aria-current]{background:#fff;color:#2f332c}.landing main{padding:0;max-width:none}.hero{min-height:100svh;position:relative;color:white;display:flex;align-items:end;overflow:hidden;padding:180px clamp(24px,5vw,80px) 80px}.hero-image{position:absolute;inset:0;background:url('/portal-hero.webp') center 57%/cover no-repeat;transform:scale(1.005)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,19,16,.65),rgba(15,19,16,.12) 78%),linear-gradient(0deg,rgba(11,15,12,.45),transparent 55%)}.hero-content{z-index:1;position:relative;max-width:900px}.eyebrow,.section-index{font-size:11px;letter-spacing:.19em;text-transform:uppercase;font-weight:600}.hero h1{font:400 clamp(64px,11vw,180px)/.9 'El Messiri',Arial,sans-serif;letter-spacing:-.065em;margin:34px 0 22px}.hero h1 em{font-weight:400;display:block;letter-spacing:-.07em}.hero-statement{font:400 clamp(27px,3.5vw,52px)/1.1 'El Messiri',Arial,sans-serif;max-width:650px;margin:0 0 18px}.hero .intro{font-size:17px;max-width:530px;line-height:1.55}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 12px}.primary,.secondary,button{display:inline-flex;align-items:center;justify-content:center;padding:13px 25px;border:1px solid #c6cdc0;border-radius:100px;text-decoration:none;background:white;color:#293229;cursor:pointer;font:500 14px 'El Messiri',Arial,sans-serif}.hero .primary{background:#fff;border-color:#fff;color:#243026}.hero .secondary{background:transparent;border-color:#fffb;color:#fff}.hero-note{font-size:12px;opacity:.85}.hero-scroll{z-index:1;position:absolute;bottom:35px;right:clamp(24px,5vw,80px);font-size:12px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none}.editorial,.panel{display:block;padding:clamp(48px,6vw,90px) clamp(24px,5vw,80px)}.editorial h2,.panel h2{font:400 clamp(38px,5.5vw,82px)/1.09 'El Messiri',Arial,sans-serif;letter-spacing:-.045em;max-width:800px;margin:0}.editorial p:not(.section-index),.panel p:not(.section-index){font-size:19px;max-width:650px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:0 clamp(24px,5vw,80px) clamp(80px,9vw,140px)}.features article{border-top:1px solid #aeb5a7;padding-top:28px}.features span{font:italic 17px 'El Messiri',Arial,sans-serif;color:#758172}.features h3{font:400 30px 'El Messiri',Arial,sans-serif;margin:30px 0 12px}.features p{max-width:350px;color:#5b6259}.panel{background:#dce1d6}.panel .primary{margin-top:20px;background:#344439;color:#fff;border-color:#344439}.muted{font-size:13px!important;color:#697468}main{max-width:1160px;margin:auto;padding:40px 28px}.narrow{max-width:720px;margin:45px auto 100px}.narrow h1{font:400 clamp(42px,6vw,76px)/1.07 'El Messiri',Arial,sans-serif;letter-spacing:-.05em;margin:28px 0}.narrow>p{max-width:630px}.narrow form{margin-top:36px}label{display:block;margin:21px 0;font-size:14px;font-weight:500}input:not([type=checkbox]),textarea{display:block;width:100%;padding:14px 16px;border:1px solid #bfc8b9;border-radius:7px;background:white;color:#242720;margin-top:8px}input:focus,button:focus-visible,a:focus-visible{outline:2px solid #61745d;outline-offset:3px}.check{display:flex;gap:9px;align-items:baseline;flex-wrap:wrap}.check input{flex:none}.notice{background:#f0e7d4;padding:18px;border-radius:7px}.error{color:#9c3020}button:disabled{opacity:.5;cursor:not-allowed}footer{border-top:1px solid #d7dacf;padding:35px clamp(24px,5vw,80px);display:flex;justify-content:space-between;gap:30px;font-size:12px;color:#626b5e}.legal h2{margin-top:32px}.legal li{margin:12px 0}@media(max-width:750px){header{padding:18px 20px;align-items:start}.header-nav{justify-content:end;gap:7px}.header-nav>a{font-size:11px}.languages{order:-1;width:100%;justify-content:end;border:0;margin:0}.landing .languages{border:0}.hero{padding:150px 22px 85px;min-height:760px}.hero h1{font-size:clamp(61px,15vw,110px)}.hero-scroll{right:22px}.editorial,.panel{grid-template-columns:1fr;gap:25px}.features{grid-template-columns:1fr;gap:45px}.narrow{margin-top:25px}footer{flex-direction:column}}

.hero-languages{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-top:35px;font-size:12px}.hero-languages span{font-size:10px;letter-spacing:.14em;opacity:.8;margin-right:8px}.hero-languages a{text-decoration:none;border-bottom:1px solid transparent}.hero-languages a[aria-current]{border-color:white}

.brand{font-weight:400;letter-spacing:.02em}.hero h1,.hero h1 em,.editorial h2,.panel h2,.narrow h1{letter-spacing:normal;line-height:1.2}.hero h1{margin-top:20px}.hero h1 em{font-size:.72em}.primary,.secondary,button{line-height:1.5}.hero-statement{line-height:1.3}
