/* Only the new video hero is adapted. Source navigation and footer retain their cascade. */
#top.unified-hero{width:100%;max-width:none;margin:0;min-height:870px;padding:170px max(5.2vw,32px) 135px;display:flex;align-items:center;isolation:isolate;overflow:hidden;background:#f4efe3}
#top .hero-media{position:absolute;inset:0;z-index:-3;background:url('/assets/hero/poster.jpg') 65% center/cover no-repeat}
#top .hero-media video{display:block;width:100%;height:100%;object-fit:cover;object-position:65% center;opacity:1;transition:opacity .2s}
#top .hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(244,239,227,.97) 0%,rgba(244,239,227,.9) 27%,rgba(244,239,227,.69) 44%,rgba(244,239,227,.12) 65%,transparent 80%),linear-gradient(0deg,rgba(244,239,227,.94),transparent 18%)}
#top .hero-copy{top:0;padding:0;max-width:660px;width:52%;z-index:1}
#top h1{font-size:clamp(49px,4.25vw,66px);line-height:1.13;letter-spacing:-.04em;margin-top:28px;color:#292b27}
#top .hero-lead{font:22px/1.43 var(--serif);letter-spacing:-.026em;color:#384a36;max-width:550px;margin:32px 0 35px}
#top .hero-audiences{margin-top:28px;gap:30px}
#top .hero-audiences a{color:#344b35;min-height:44px}
#top .actions{margin-top:26px}
#top .hero-buy-link{background:#f4efe3e8;border:1px solid #28523a;color:#28523a}
#top .hero-buy-link:hover{background:#e7eadc;color:#234a34}
#top .hero-copy .eyebrow{font-size:10px;line-height:1.6;color:#526047}
#top .hero-baseline{left:max(5.2vw,32px);right:max(5.2vw,32px);bottom:0;min-height:85px;align-items:center;padding:18px 0;color:#394c36;border-top:1px solid #344b353b;z-index:2}
#top .hero-baseline>span{display:block}
#top .hero-baseline .hero-caption{font-size:12px;letter-spacing:0}
#top .hero-field-note{position:absolute;right:5.2vw;top:125px;color:#29422c;font:14px/1.5 var(--serif);border-top:1px solid #29422c55;padding:10px 13px;background:#f4efe3d9;backdrop-filter:blur(6px)}
#top .video-toggle{display:flex;gap:10px;align-items:center;justify-content:center;min-width:113px;min-height:44px;padding:10px 15px;border:1px solid #36523966;border-radius:99px;background:#f4efe3cc;color:#28432e;font:12px/1.4 var(--body);cursor:pointer}
#top .video-toggle:hover{background:#fff9ef}
#top .video-icon{font-size:17px;width:16px}
#top.video-still .hero-media video{opacity:0}
#top :is(a,button):focus-visible{outline:2px solid #285c3b;outline-offset:5px}
@media(min-width:1800px){#top.unified-hero{min-height:940px}#top .hero-copy{max-width:750px}#top h1{font-size:74px}#top .hero-lead{max-width:580px}}
@media(min-width:761px) and (max-width:1150px){#top.unified-hero{min-height:820px;padding:150px 40px 125px}#top .hero-copy{width:59%;max-width:590px}#top h1{font-size:47px}#top .hero-lead{font-size:20px;max-width:500px}#top .hero-shade{background:linear-gradient(90deg,#f4efe3f5 0%,#f4efe3df 33%,#f4efe39e 53%,#f4efe300 83%),linear-gradient(0deg,#f4efe3f0,transparent 18%)}#top .hero-baseline{left:40px;right:40px}#top .hero-field-note{right:40px;max-width:180px}}
@media(max-width:760px){
#top.unified-hero{padding:130px 20px 0;min-height:0;display:block;background:#f4efe3}
#top .hero-copy{width:100%;max-width:560px;margin:0 auto;padding:0;top:0}
#top h1{font-size:clamp(33px,9vw,47px);line-height:1.16;letter-spacing:-.044em;margin-top:25px}
#top .hero-opening{display:inline}
#top .hero-lead{font:18px/1.5 var(--serif);letter-spacing:-.02em;max-width:520px;margin:25px 0 26px}
#top .hero-copy .eyebrow{font-size:9px;letter-spacing:.09em;max-width:310px}
#top .hero-audiences{gap:22px;margin-top:16px;flex-wrap:wrap}
#top .hero-audiences a{font-size:11px;gap:10px}
#top .actions{align-items:flex-start;flex-direction:row}
#top .hero-media{position:relative;inset:auto;margin:30px -20px 0;width:calc(100% + 40px);height:clamp(295px,79vw,460px);background-position:86% center;z-index:0}
#top .hero-media video{object-position:86% center}
#top .hero-shade{inset:auto 0 115px;height:70px;display:none}
#top .hero-media::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#f4efe3 0%,transparent 17%,transparent 88%,#f4efe3 100%);pointer-events:none}
#top .hero-field-note{position:static;margin:23px 0 -12px;padding:0;border:0;font-size:12px;color:#526047;background:none;backdrop-filter:none}
#top .hero-baseline{position:relative;left:auto;right:auto;bottom:auto;display:grid;grid-template-columns:1fr auto;gap:12px;margin-top:0;padding:20px 0 25px;min-height:100px}
#top .hero-baseline>span{display:block;font-size:9px}
#top .hero-baseline .hero-caption{grid-column:1;grid-row:2;font-size:11px;line-height:1.5;max-width:220px}
#top .video-toggle{grid-column:2;grid-row:1/3;min-width:95px;font-size:11px;padding:9px 12px}
}
@media(prefers-reduced-motion:reduce){#top .hero-media video{transition:none}#top.unified-hero:not(.video-user-play) .hero-media video{opacity:0}html{scroll-behavior:auto}}

/* Typography refinement and the two own product lines. */
#top h1{font-kerning:normal;letter-spacing:-.042em;text-wrap:balance;line-height:1.12}
#top .hero-lead{font:400 17px/1.65 var(--body);letter-spacing:0;max-width:485px;margin:26px 0 25px;color:#374634;text-wrap:pretty}
#top .hero-product-lines{display:grid;grid-template-columns:1fr 1fr;max-width:550px;border-block:1px solid #354a3540;margin:0}
#top .hero-product-line{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:18px 18px 19px 0;color:#2c432e;min-width:0}
#top .hero-product-line+ .hero-product-line{border-left:1px solid #354a3540;padding-left:23px;padding-right:0}
#top .hero-line-label{font:500 9px/1.5 var(--body);text-transform:uppercase;letter-spacing:.13em;color:#5b634a;margin-bottom:9px}
#top .hero-line-name{font:400 clamp(20px,1.6vw,24px)/1.3 var(--serif);letter-spacing:-.035em}
#top .hero-line-purpose{font:400 12px/1.55 var(--body);margin-top:8px;color:#4e5d43;max-width:220px}
#top .hero-line-arrow{position:absolute;right:16px;top:17px;font:12px/1 var(--body);color:#65774e}
#top .hero-product-line+ .hero-product-line .hero-line-arrow{right:0}
#top .hero-product-line:hover .hero-line-name{color:#167536}
#top .hero-audiences{margin-top:18px}
@media(min-width:761px) and (max-width:1150px){#top .hero-lead{font-size:16px;max-width:450px}#top .hero-line-name{font-size:21px}#top .hero-product-line+ .hero-product-line{padding-left:20px}}
@media(max-width:760px){
#top.unified-hero{padding-top:117px}
#top h1{font-size:clamp(32px,9.5vw,46px);line-height:1.14;letter-spacing:-.047em;margin-top:24px;text-wrap:balance}
#top .hero-lead{font:400 15px/1.65 var(--body);letter-spacing:0;margin:23px 0 22px}
#top .hero-product-line{padding:17px 12px 17px 0}
#top .hero-product-line+ .hero-product-line{padding-left:18px}
#top .hero-line-label{font-size:8px;letter-spacing:.1em;margin-bottom:10px}
#top .hero-line-name{font-size:23px;line-height:1.25;letter-spacing:-.04em}
#top .hero-line-name>span{display:block}
#top .hero-line-purpose{font-size:11px;line-height:1.55;max-width:145px;margin-top:10px}
#top .hero-line-arrow{top:18px;right:8px;font-size:10px}
#top .hero-audiences{margin-top:14px}
}
@media(max-width:360px){#top .hero-line-name{font-size:21px}#top .hero-product-line+ .hero-product-line{padding-left:13px}}