@import url('./branding/tokens.css');
@import url('./branding/components.css');
*{box-sizing:border-box}body{margin:0;background:var(--sand);color:var(--soil);font-family:var(--font-body);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--leaf);outline-offset:5px}button{border:0}a{color:inherit}.skip{position:absolute;top:-80px;left:20px;z-index:5;background:var(--clay);color:var(--soil);padding:12px}.skip:focus{top:10px}.page-shell{max-width:1512px;padding:0 6.4%;margin:auto}.site-header{height:120px;display:flex;align-items:center;gap:44px}.brand{font-size:42px;display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--soil)}.brand span{color:var(--soil);font-family:var(--font-wordmark);font-size:inherit;line-height:1}.brand img{width:1.12em;height:1.12em;object-fit:contain;mix-blend-mode:darken;flex-shrink:0}.site-header nav{display:flex;justify-content:center;gap:34px;margin:auto}.site-header nav button,.site-header nav a{background:none;padding:12px 0;font-size:13px;font-weight:500;white-space:nowrap;text-decoration:none}.chevron{margin-left:6px;color:var(--soil)}.button{display:inline-flex;align-items:center;justify-content:center;gap:27px;background:var(--clay);color:var(--soil);border-radius:9px;font-size:13px;font-weight:550;padding:17px 23px}.button span{font-size:19px;font-weight:400}.header-cta{padding:12px 19px}.hero{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:12px;min-height:665px;padding:68px 0 64px}.eyebrow{font-size:10px;letter-spacing:1.55px;font-weight:600;display:flex;align-items:center;gap:9px;margin:0 0 28px}.eyebrow>span,.status-dot{height:6px;width:6px;background:var(--leaf);border-radius:50%;display:inline-block;flex-shrink:0}h1{font-family:var(--font-heading);font-weight:400;color:var(--soil);font-size:clamp(54px,5.5vw,83px);letter-spacing:-2.5px;line-height:1.08;margin:0 0 34px}.mobile-break{display:none}.more{position:relative;white-space:nowrap}.more svg{position:absolute;left:0;bottom:-14px;width:100%;height:19px;fill:none;stroke:var(--leaf);stroke-width:3;stroke-linecap:round}.intro{font-size:16px;line-height:1.85;color:var(--soil);margin:0}.hero-actions{display:flex;align-items:center;gap:24px;margin:31px 0 21px}.text-button{padding:10px 0;background:none;font-size:12px;font-weight:550}.text-button span{margin-left:9px}.microcopy{font-size:10px;color:var(--soil);display:flex;align-items:center;gap:7px}.little-star{font-size:18px;color:var(--soil)}.hero-foot{border-top:1px solid #26251e20;display:flex;align-items:center;justify-content:space-between;padding:27px 0 31px}.hero-foot p{margin:0;color:var(--soil);font-size:15px;font-weight:600}.hero-foot p span{font-weight:400;color:var(--soil);margin-left:5px}.hero-foot>div{display:flex;gap:24px;align-items:center}.hero-foot>div>span{display:flex;gap:9px;align-items:center;font-size:11px;color:var(--soil)}.hero-foot svg{height:17px;width:17px;fill:none;stroke:var(--leaf);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.hero-foot i{height:14px;width:1px;background:#26251e25}.design-controls{border-top:1px dashed #26251e25;padding:18px 24px;display:flex;align-items:center;justify-content:center;gap:20px;color:var(--soil);font-size:10px}.design-controls>span{font-size:8px;letter-spacing:1.3px}.design-controls fieldset{border:0;padding:0;display:flex;align-items:center;gap:3px;margin:0}.design-controls legend{float:left;margin-right:9px;padding-top:6px}.design-controls button{background:transparent;padding:6px 9px;border-radius:4px;font-size:10px}.design-controls button[aria-pressed=true]{background:var(--clay);color:var(--soil)}.design-controls small{font-size:9px;color:var(--soil)}[data-header=pill] .site-header{height:78px;margin-top:23px;padding:0 23px;border:1px solid #18433222;border-radius:60px;background:#eeeee5}[data-header=pill] .hero{padding-top:87px}[data-header=minimal] .site-header{border-bottom:0}[data-header=minimal] .brand img{display:none}[data-header=minimal] .site-header nav{margin-right:0;gap:24px}[data-header=minimal] .header-cta{background:transparent;color:var(--soil);border:1px solid var(--jungle)}
@media(min-width:1500px){.hero{min-height:730px}}
@media(max-width:1100px){.page-shell{padding:0 5%}.site-header{gap:25px}.site-header nav{gap:22px}h1{font-size:65px}.hero-actions{gap:15px}.button{gap:16px}.hero{min-height:620px}.design-controls{flex-wrap:wrap;gap:12px}}
@media(max-width:760px){.page-shell{padding:0 24px}.site-header{height:94px;gap:15px;flex-wrap:wrap;justify-content:space-between}.brand{font-size:34px}.site-header nav{order:3;justify-content:space-between;width:100%;gap:15px;padding:0 0 12px}.site-header nav button,.site-header nav a{font-size:11px;padding:0}.site-header{height:124px;padding:18px 0}.header-cta{font-size:11px;padding:10px 14px}.hero{grid-template-columns:1fr;padding:46px 0 30px;gap:25px}.eyebrow{font-size:8px;letter-spacing:1.1px;margin-bottom:23px}h1{font-size:clamp(49px,9vw,70px);letter-spacing:-1.8px;margin-bottom:31px}.intro{font-size:14px}.hero-actions{gap:20px;margin-top:25px}.primary{padding:16px 18px;font-size:12px}.text-button{font-size:11px}.hero-foot{gap:22px;flex-direction:column;align-items:flex-start;padding:25px 0}.hero-foot p{font-size:13px}.hero-foot>div{gap:20px}.design-controls{padding:18px 14px;gap:14px 8px}.design-controls>span,.design-controls small{width:100%;text-align:center}[data-header=pill] .site-header{height:118px;border-radius:24px;padding:15px 18px;margin-top:15px}[data-header=pill] .hero{padding-top:37px}[data-header=minimal] .site-header nav{margin:0;gap:12px}}
@media(max-width:370px){.page-shell{padding:0 18px}.hero-actions{gap:12px}.desktop-break{display:none}h1{font-size:47px}.hero-foot p span{display:block;margin:5px 0 0}}

/* Keep annotation, media and caption in the same normal-flow stack. */
.hero-art{min-width:0;width:100%;max-width:530px;justify-self:center;display:grid;align-content:center;gap:0}
.hero-art .brand-callout{justify-self:end;margin-inline-end:6%;max-inline-size:94%}
.hero-art__image{width:100%;aspect-ratio:1.3;overflow:hidden}
.monkey{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 48%;mix-blend-mode:darken}
.art-caption{display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;font-size:8px;line-height:1.6;letter-spacing:1.5px;margin-block-start:12px}
@media(max-width:760px){.hero-art{max-width:480px;margin-inline:auto}.art-caption{font-size:7px}.hero-actions{flex-wrap:wrap}}