.clarity-section{--cl-ink:#0C1F4B;--cl-mint:#F4EEE6;position:relative;background:var(--cl-mint);color:var(--cl-ink);isolation:isolate;scroll-margin-top:90px}
.clarity-stage{position:relative;padding:clamp(24px,5vw,72px);overflow:clip}
.clarity-top{position:relative;display:flex;justify-content:space-between;align-items:center;gap:24px;z-index:3}
.clarity-top h2{font:400 clamp(24px,2.7vw,34px)/1.1 var(--serif);margin:0;text-wrap:balance}
.clarity-skip{font-size:12px;text-decoration:none;white-space:nowrap}
.clarity-intro{position:relative;z-index:2;max-width:750px;margin:65px 0}
.clarity-intro p{font:400 clamp(30px,4.5vw,60px)/1.14 var(--serif);text-wrap:balance;margin:0}
.clarity-theatre{display:none;pointer-events:none;z-index:3}
.clarity-copy{position:relative;z-index:3;display:flex;gap:40px}
.clarity-step{flex:1;max-width:50ch}
.clarity-step h3{font:400 32px/1.1 var(--serif);margin:0 0 14px}
.clarity-step p{font:400 17px/1.6 var(--sans);margin:0;text-wrap:pretty}
.clarity-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:65px;font:400 13px/1.4 var(--sans);position:relative;z-index:3}
.clarity-progress{display:flex;gap:8px}.clarity-progress span{width:32px;height:2px;background:currentColor;opacity:.35}.clarity-progress span.is-current{opacity:1}
.clarity-link{text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:5px}
.clarity-section a:focus-visible{outline:2px solid currentColor;outline-offset:6px}
.clarity-wash,.clarity-grain{display:none}
.clarity-section.is-enhanced{height:260svh;background:#752D39;color:#F4EEE6;scroll-margin-top:0}
.is-enhanced .clarity-stage{position:sticky;top:0;height:100svh;padding:0;contain:layout paint}
.is-enhanced .clarity-wash{display:block;position:absolute;inset:0;pointer-events:none;z-index:0}
.is-enhanced .clarity-wash:nth-of-type(1){z-index:0}
.is-enhanced .clarity-top{position:absolute;left:5vw;right:5vw;top:105px}
.is-enhanced .clarity-intro{position:absolute;left:5vw;top:24%;margin:0;max-width:75%;pointer-events:none;z-index:3}
.is-enhanced .clarity-intro p{font-size:clamp(30px,4vw,54px)}
.is-enhanced .clarity-theatre{display:block;position:absolute;inset:0;font-family:var(--serif)}
.clarity-letter{position:absolute;top:0;left:0;display:block;white-space:pre;line-height:1;transform-origin:50% 60%;will-change:transform,opacity;font-family:var(--serif);font-weight:400}
.is-enhanced .clarity-copy{position:absolute;left:5vw;right:5vw;top:79%;display:block}
.is-enhanced .clarity-step{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;margin:0}
.is-enhanced .clarity-step.is-active{position:relative;clip-path:none;width:auto;height:auto;overflow:visible;max-width:650px}
.is-enhanced .clarity-step h3{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
.is-enhanced .clarity-bottom{position:absolute;bottom:32px;left:5vw;right:5vw;margin:0}
.is-enhanced .clarity-grain{display:block;position:absolute;inset:0;z-index:1;opacity:.045;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.7' filter='url(%23n)'/%3E%3C/svg%3E")}
@media(max-width:767px){.clarity-top{align-items:flex-start;flex-direction:column;gap:14px}.clarity-copy{flex-direction:column;gap:35px}.clarity-bottom{flex-wrap:wrap}.clarity-section.is-enhanced{height:220svh}.is-enhanced .clarity-top{top:95px;left:24px;right:24px;gap:12px}.is-enhanced .clarity-top h2{font-size:24px}.is-enhanced .clarity-intro{left:24px;right:24px;max-width:none;top:27%}.is-enhanced .clarity-intro p{font-size:30px}.is-enhanced .clarity-copy{top:78%;left:24px;right:24px}.is-enhanced .clarity-step p{font-size:16px}.is-enhanced .clarity-bottom{left:24px;right:24px;bottom:24px;font-size:11px}.clarity-progress span{width:23px}}
@media(max-height:570px) and (min-width:768px){.is-enhanced .clarity-top{top:85px}.is-enhanced .clarity-intro{top:30%}.is-enhanced .clarity-intro p{font-size:26px}.is-enhanced .clarity-copy{top:81%}.is-enhanced .clarity-bottom{bottom:15px}}
@media(prefers-reduced-motion:reduce){.clarity-intro span{color:inherit!important}.clarity-section{height:auto}.clarity-wash,.clarity-grain{display:none!important}}