/* ClarityPOD and BrandPOD share one product chapter system.
   The optical artwork is decorative; every essential word stays sharp. */
.offering-page :is(.clarity-feature,.brandpod-feature){min-height:0;gap:72px;background:var(--paper)}
:is(.clarity-feature-identity,.brandpod-feature-identity){display:flex;flex-direction:column;align-items:flex-start;gap:16px}
:is(.clarity-feature,.brandpod-feature) .offering-product-name{font-size:clamp(72px,7.778vw,112px);line-height:1.04;letter-spacing:-.04em}
:is(.clarity-feature-descriptor,.brandpod-feature-descriptor){font-size:24px;line-height:32px;letter-spacing:-.015em}
:is(.clarity-feature-main,.brandpod-feature-main){align-items:center}
:is(.clarity-feature-copy,.brandpod-feature-copy){gap:32px}
.offering-main :is(.clarity-feature-title,.brandpod-feature-title){font-size:clamp(48px,4.8vw,72px);line-height:1.02;letter-spacing:-.035em;font-weight:700;text-wrap:balance}
:is(.clarity-feature-copy,.brandpod-feature-copy)>.offering-body{max-width:46ch}
:is(.clarity-feature-copy,.brandpod-feature-copy)>.offering-button{margin-top:8px}
.clarity-lens-stage{position:relative;aspect-ratio:1;width:100%;min-width:0;container-type:inline-size;overflow:hidden;isolation:isolate;background:var(--paper)}
.clarity-lens-word{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;display:flex;align-items:baseline;white-space:nowrap;font-family:HeartLausanne,Lausanne,sans-serif;font-size:14.5cqw;font-weight:100;line-height:1;letter-spacing:-.05em;filter:blur(calc((1 - var(--clarity-focus,0)) * max(7px,2.1cqw)));pointer-events:none}
.clarity-lens-word>strong{font-weight:800;background:var(--heart-gradient);background-clip:text;-webkit-background-clip:text;color:transparent}
.clarity-lens-canvas,.clarity-lens-fallback{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.clarity-lens-canvas{z-index:2}
.clarity-lens-fallback{z-index:3;object-fit:contain}
.clarity-lens-stage[data-state=ready] .clarity-lens-fallback{visibility:hidden}
:is(.clarity-feature-output-band,.brandpod-feature-output-band){display:flex;flex-direction:column;gap:56px;padding-top:48px;border-top:1px solid rgb(24 27 24 / .16)}
:is(.clarity-feature-outputs,.brandpod-feature-outputs){row-gap:56px}
:is(.clarity-feature-output,.brandpod-feature-output){display:flex;flex-direction:column;gap:20px;min-width:0}
:is(.clarity-feature-output,.brandpod-feature-output) h4{font-size:36px;line-height:42px;letter-spacing:-.025em;font-weight:700;max-width:28ch;text-wrap:balance;hyphens:auto;overflow-wrap:anywhere}
:is(.clarity-feature-output,.brandpod-feature-output)>.offering-body{font-size:20px;line-height:29px;max-width:43ch}
:is(.clarity-feature-scope,.brandpod-feature-scope){max-width:none}
@media(max-width:1100px){
 .offering-main :is(.clarity-feature-title,.brandpod-feature-title){font-size:48px}
 :is(.clarity-feature-output,.brandpod-feature-output) h4{font-size:28px;line-height:34px}
}
@media(max-width:800px){
 :is(.clarity-feature-main,.brandpod-feature-main){gap:32px}
 .clarity-lens-stage{max-width:640px;justify-self:center}
 :is(.clarity-feature-outputs,.brandpod-feature-outputs){grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px}
}
@media(max-width:700px){
 .offering-page :is(.clarity-feature,.brandpod-feature){gap:48px}
 :is(.clarity-feature,.brandpod-feature) .offering-product-name{font-size:clamp(52px,14.36vw,72px)}
 :is(.clarity-feature-descriptor,.brandpod-feature-descriptor){font-size:20px;line-height:28px}
 .offering-main :is(.clarity-feature-title,.brandpod-feature-title){font-size:clamp(36px,9.74vw,44px);line-height:1.05}
 :is(.clarity-feature-copy,.brandpod-feature-copy){gap:28px}
 :is(.clarity-feature-output-band,.brandpod-feature-output-band){gap:40px;padding-top:40px}
 :is(.clarity-feature-outputs,.brandpod-feature-outputs){grid-template-columns:minmax(0,1fr);gap:40px}
 :is(.clarity-feature-output,.brandpod-feature-output){gap:16px}
 :is(.clarity-feature-output,.brandpod-feature-output) h4{font-size:25px;line-height:31px}
}
@media(prefers-reduced-motion:reduce){
 .clarity-lens-word{filter:none}
}

.brandpod-feature .brandpod-wordmark>span{font-family:HeartLausanne,Lausanne,sans-serif;font-weight:100;color:#111}
.brandpod-feature .brandpod-wordmark>strong{font-family:HeartLausanne,Lausanne,sans-serif;font-weight:800;background:var(--heart-gradient);background-clip:text;-webkit-background-clip:text;color:transparent}