/* Shared first-screen system. Page-specific photography and focal points stay local. */
:root{--youree-hero-height:520px;--youree-hero-title:clamp(44px,5vw,72px);--youree-hero-space:28px;--youree-editorial-title:clamp(38px,4.4vw,60px)}
body main .youree-hero{min-height:var(--youree-hero-height);display:flex;align-items:center;justify-content:center;text-align:center;color:#fff}
.youree-hero .youree-hero-copy{max-width:1040px;padding-block:64px;margin-inline:auto}
body .youree-hero .youree-hero-copy h1{max-width:1000px;margin-inline:auto;font-size:var(--youree-hero-title);font-weight:500;line-height:1.08;letter-spacing:-.055em;text-wrap:balance}
.youree-hero h1 em{font-weight:400}
.youree-hero .youree-hero-shade{background:linear-gradient(180deg,#10212ba3,#10212bc7)}
.youree-hero .youree-hero-kicker{display:inline-flex;align-items:center;min-height:28px;margin:0 0 22px;padding:6px 13px;border:0;border-radius:100px;background:#fafaf7;color:#162938;font-size:9px;font-weight:650;line-height:1.5;letter-spacing:.12em}
.youree-hero .youree-hero-copy>p:not(.youree-hero-kicker){max-width:660px;margin:22px auto 0;color:#f0f2ee;font-size:14px;line-height:1.85;text-wrap:pretty}
.youree-hero .youree-hero-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:26px;margin-top:var(--youree-hero-space)}
.youree-hero .youree-hero-primary{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:46px;margin:0;padding:12px 24px;border:1px solid #fafaf7;border-radius:100px;background:#fafaf7;color:#162938;font-size:11px;font-weight:600;line-height:1.6;text-decoration:none;transition:background .2s,border-color .2s}
.youree-hero .youree-hero-copy>.youree-hero-primary{margin-top:var(--youree-hero-space)}
.youree-hero .youree-hero-primary:hover{background:#e5e9df;border-color:#e5e9df;color:#162938}
.youree-hero .youree-hero-secondary{display:inline-flex;align-items:center;gap:12px;margin:0;padding-bottom:5px;border-bottom:1px solid #ffffff8a;color:#fff;font-size:11px;line-height:1.6}
.youree-hero :is(a,button):focus-visible{outline:3px solid #e1c38b;outline-offset:5px}
.youree-hero .about-hero-meta{display:none}
/* Text-led catalog, editorial and unfinished information pages share a type scale. */
body .yrc-heading h1,body .page-heading h1,body .journal-article-header h1,body .news-article-header h1{font-size:var(--youree-editorial-title);font-weight:500;line-height:1.12;letter-spacing:-.045em;text-wrap:balance;overflow-wrap:anywhere}
body .yrc-heading{padding-block:16px 42px}
body .yrc-heading p{font-size:14px;line-height:1.85;margin-top:22px}
body .page-heading{padding-top:32px;padding-bottom:40px}
body .yrc-product-summary h1{font-size:clamp(36px,3.8vw,52px);font-weight:500;line-height:1.12;letter-spacing:-.045em}
/* The home and product detail retain their product-led first-screen compositions. */
body .hero h1{font-size:clamp(44px,4.5vw,64px);font-weight:500;line-height:1.08;letter-spacing:-.05em}
body .hero .button,body .yrc-product-summary .yrc-button{border-radius:100px;min-height:46px}
@media(max-width:767px){:root{--youree-hero-height:540px;--youree-hero-title:clamp(36px,9.2vw,44px);--youree-hero-space:25px;--youree-editorial-title:36px}.youree-hero .youree-hero-copy{padding-block:36px}.youree-hero .youree-hero-kicker{font-size:8px;min-height:26px;margin-bottom:20px;padding:6px 12px}.youree-hero .youree-hero-copy>p:not(.youree-hero-kicker){max-width:440px;margin-top:20px;font-size:12px;line-height:1.85}.youree-hero .youree-hero-copy>p:not(.youree-hero-kicker) br{display:none}.youree-hero .youree-hero-actions{flex-direction:column;gap:20px}.youree-hero .youree-hero-primary{min-height:44px;font-size:10px;padding:11px 20px;gap:18px}.youree-hero .youree-hero-secondary{font-size:10px}.youree-hero h1{overflow-wrap:normal}body .hero h1{font-size:clamp(36px,9.5vw,44px)}body .yrc-heading{padding-block:8px 30px}body .yrc-heading p{font-size:13px;margin-top:20px}body .page-heading{padding-block:25px 32px}body .yrc-product-summary h1{font-size:36px}}