:root{--ink:#031e20;--petrol:#06383a;--petrol-2:#0b4a4c;--petrol-3:#10595b;--emerald:#087f72;--sand:#e8d8b8;--ivory:#f7f5ef;--aqua:#35c9c0;--line:#e6e1d4;--muted:#56696a;--body:#3d5354;--mist:#b9cfcd;--haze:#d5e2e0;--mint:#ddf3f0;--bubble:#f1eee5;--card-line:#ece7db;--ease-out:cubic-bezier(.16, 1, .3, 1);--font-sans:var(--font-archivo);--font-serif:var(--font-instrument);--font-ar:var(--font-arabic)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--ink);color:var(--ivory);font-family:var(--font-sans);font-synthesis-weight:none;margin:0}img,svg{display:block}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p,ul,ol,figure,blockquote{margin:0}ul,ol{padding:0;list-style:none}:lang(ar),.ar{font-family:var(--font-ar)}.wrap{max-width:1240px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}.eyebrow{letter-spacing:.1em;text-transform:uppercase;font-size:13px;font-weight:600}.dot{background:var(--aqua);border-radius:99px;flex:none;width:8px;height:8px}.serif{font-family:var(--font-serif);letter-spacing:-.02em;font-style:italic;font-weight:400}.kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--aqua);font-size:15px}.pad-x{padding-inline:clamp(20px,3.4vw,48px)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--aqua);outline-offset:3px}.js-motion .mask>span{transform:translateY(112%)}.js-motion .fade-up,.js-motion .reveal{opacity:0}.mask{vertical-align:top;padding:0 .02em .1em;display:inline-block;overflow:hidden}.mask>span{display:inline-block}.pill{transition:transform .6s var(--ease-out), background-color .4s ease, color .4s ease}.pill .arr{transition:transform .6s var(--ease-out)}@media (hover:hover){.pill:hover{transform:scale(1.045)}.pill:hover .arr{transform:translate(5px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pill,.pill .arr{transition:none}}[id]{scroll-margin-top:104px}.sec{padding-block:clamp(88px,11vw,152px)}.sec-light{background:var(--ivory);color:var(--petrol)}.sec-petrol{background:var(--petrol)}.inner{max-width:1240px;margin-inline:auto}.h2{letter-spacing:-.045em;text-wrap:balance;max-width:18ch;font-size:clamp(38px,4.8vw,72px);font-weight:300;line-height:1}.h2 .serif{color:var(--aqua)}.sec-light .h2 .serif{color:var(--emerald)}.h3{letter-spacing:-.02em;font-size:24px;font-weight:500;line-height:1.2}.intro{max-width:56ch;color:var(--mist);font-size:19px;line-height:1.55}.sec-light .intro{color:var(--body)}.label{letter-spacing:.1em;text-transform:uppercase;color:var(--aqua);font-size:13px;font-weight:600;line-height:1.4}.sec-light .label{color:var(--emerald)}.btn{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:56px;padding:0 28px;font-size:17px;font-weight:600;display:inline-flex}.btn-light{background:var(--ivory);color:var(--ink)}.btn-dark{background:var(--ink);color:var(--ivory)}.btn-ghost{color:var(--ivory);border:1px solid #f7f5ef47;font-weight:500}.btn-note{max-width:44ch;color:var(--mist);font-size:15px;line-height:1.5}.sec-light .btn-note{color:var(--muted)}.text-link{min-height:32px;text-decoration:underline;text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);text-underline-offset:5px;align-items:center;gap:8px;font-weight:600;transition:text-decoration-color .3s;display:inline-flex}.text-link:hover{text-decoration-color:currentColor}.ticks{flex-direction:column;gap:12px;display:flex}.ticks li{padding-left:26px;line-height:1.5;position:relative}.ticks li:before{content:"";opacity:.55;background:currentColor;width:10px;height:2px;position:absolute;top:.62em;left:2px}.page-head{padding-top:clamp(148px,18vw,220px);padding-bottom:clamp(56px,7vw,96px)}.page-head h1{letter-spacing:-.05em;text-wrap:balance;max-width:16ch;font-size:clamp(44px,6.4vw,96px);font-weight:300;line-height:.98}.page-head h1 .serif{color:var(--aqua)}.page-head .intro{margin-top:28px}.prose{max-width:68ch;color:var(--body);flex-direction:column;gap:20px;font-size:18px;line-height:1.65;display:flex}.prose h2{letter-spacing:-.02em;color:var(--petrol);margin-top:28px;font-size:28px;font-weight:500;line-height:1.2}.prose a{color:var(--emerald);text-underline-offset:4px;text-decoration:underline}@media (width<=720px){.intro,.prose{font-size:17px}}
