/* Original transparent lettering is framed in CSS; source artwork stays intact. */
.cute-title{position:relative;max-width:100%;width:660px}
/* Native lazy loading needs a layout box before the load event can fire. */
.cute-title>.cute-title-art{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;pointer-events:none}
.cute-title.cute-ready{aspect-ratio:var(--cute-ratio);overflow:hidden;line-height:1}
.cute-title.cute-ready>.cute-title-text{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.cute-title.cute-ready>.cute-title-art{opacity:1;position:absolute;right:auto;bottom:auto;width:var(--art-width);height:var(--art-height);left:var(--art-left);top:var(--art-top);max-width:none;object-fit:fill}
.cute-title-story,.cute-title-protection,.cute-title-comfort,.cute-title-colors,.cute-title-contact{margin-inline:auto}
.cute-title-story{width:690px}
.cute-title-research{width:min(630px,54vw)}
.cute-title-protection{width:720px}
.cute-title-evidence{width:560px}
.cute-title-comfort{width:640px}
.cute-title-wear{width:min(600px,44vw)}
.cute-title-colors{width:620px}
.cute-title-faq{width:420px}
.cute-title-contact{width:580px}
.contact h2.cute-title{margin-inline:auto}
.evidence-grid>div,.faq>div{min-width:0}
.hero h1.cute-hero-title.lettering-ready{aspect-ratio:var(--cute-ratio);overflow:hidden;margin-top:32px;margin-bottom:32px}
.hero h1.cute-hero-title>.hero-lettering{width:var(--art-width);height:var(--art-height);left:var(--art-left);top:var(--art-top);right:auto;bottom:auto;object-fit:fill}
@media(max-width:760px){
 .cute-title{width:min(100%,440px);max-width:100%}
 .cute-title-research{width:min(100%,440px)}
 .cute-title-wear{width:min(84vw,380px)}
 .cute-title-faq{width:min(100%,300px)}
 .cute-title-contact{width:min(100%,390px)}
 .cute-title-colors,.cute-title-comfort{width:calc(100% - 48px)}
 .hero h1.cute-hero-title{width:100%;max-width:480px}
 .hero h1.cute-hero-title.lettering-ready{margin-top:28px;margin-bottom:24px}
}