/* First slide: the approved 16:9 olive image, ivory, and live accessible text. */
.hp-card-carousel[data-active-card="0"],.hp-card-carousel .hp-collaboration{background:#F4EFE7;color:#2B2B2B}
.hp-card-carousel .hp-hero-wrap{background:#F4EFE7;background-image:none;overflow:hidden;isolation:isolate;display:flex;align-items:center;min-height:640px;padding:58px 4.3% 100px}
.hp-card-carousel .hp-hero-copy{position:relative;width:50%;max-width:none;z-index:2;padding:0}
.hp-card-carousel .hp-intro{color:#2F4A3F}
.hp-card-carousel .hp-collaboration h1{color:#2B2B2B;font-size:clamp(30px,2.65vw,46px);line-height:1.5;text-wrap:initial}
.hp-card-carousel .hp-hero-description{color:#2B2B2B}
.hp-hero-buttons .hp-detail-button{background:#2F4A3F;border-color:#2F4A3F;color:#F4EFE7;border-radius:0}
.hp-hero-buttons .hp-detail-button:focus-visible{outline-color:#2F4A3F}
.hp-card-carousel .hp-hero-art{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;transform:none;margin:0;z-index:0;border:0;border-radius:0;background:none;overflow:visible;isolation:auto}
.hp-card-carousel .hp-hero-art img{opacity:1;position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover;object-position:right center;mask-image:none;z-index:0}
.hp-card-carousel .hp-hero-art figcaption{top:auto!important;bottom:26px;left:auto!important;right:4.3%;transform:none;width:auto;max-width:45%;font-size:11px;line-height:1.6;color:#6B6B6B;text-align:right;padding:0;margin:0;z-index:1}
.hp-card-carousel[data-active-card="0"] .hp-card-controls button{color:#2F4A3F!important}
.hp-card-carousel[data-active-card="0"] .hp-card-controls button:focus-visible{outline-color:#2F4A3F}
.hp-card-carousel[data-active-card="0"] .hp-card-controls .hp-card-counter,.hp-card-carousel[data-active-card="0"] .hp-card-controls .hp-card-counter>b{color:#2B2B2B}
.hp-card-carousel[data-active-card="0"] .hp-card-controls .hp-card-counter>span,.hp-card-carousel[data-active-card="0"] .hp-card-controls .hp-card-caption{color:#6B6B6B}
@media(hover:hover) and (pointer:fine){.hp-hero-buttons .hp-detail-button:hover{background:#233e33;border-color:#233e33;color:#fff}.hp-card-carousel[data-active-card="0"] .hp-card-controls button:hover{background:#2F4A3F0d}}
@media(min-width:1450px){.hp-card-carousel .hp-hero-wrap{min-height:720px}}
@media(min-width:701px) and (max-width:1050px){.hp-card-carousel .hp-hero-wrap{min-height:590px}.hp-card-carousel .hp-collaboration h1{font-size:29px}.hp-card-carousel .hp-hero-description{font-size:15px}.hp-card-carousel .hp-hero-art img{object-fit:cover;object-position:70% center}.hp-card-carousel .hp-hero-art figcaption{font-size:10px;max-width:40%}}
@media(max-width:700px){.hp-card-carousel .hp-hero-wrap{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:40px 24px 100px;gap:12px;background:#F4EFE7;background-image:none}.hp-card-carousel .hp-hero-copy{width:100%;max-width:none}.hp-card-carousel .hp-collaboration h1{font-size:clamp(27px,7.3vw,40px);line-height:1.5}.hp-card-carousel .hp-hero-art{position:relative;inset:auto;width:calc(100% + 48px);max-width:none;height:auto;aspect-ratio:1.16;transform:none;margin:0 -24px 16px;z-index:0}.hp-card-carousel .hp-hero-art img{object-fit:cover;object-position:right center;mask-image:none}.hp-card-carousel .hp-hero-art figcaption{bottom:-18px;left:24px!important;right:24px;width:auto;max-width:none;transform:none;font-size:10px;text-align:center}}
@media(max-width:360px){.hp-card-carousel .hp-hero-wrap{padding-left:20px;padding-right:20px}.hp-card-carousel .hp-collaboration h1{font-size:25px}.hp-card-carousel .hp-hero-art{width:calc(100% + 40px);margin-left:-20px;margin-right:-20px}}


/* Final banner typography: two families, Regular only, no extra overlay labels. */
.hp-card-carousel .hp-hero-wrap{aspect-ratio:16/9;min-height:0;padding-top:40px;padding-bottom:96px}
.hp-card-carousel .hp-hero-copy{width:60%;max-width:850px}
body.site-typography .hp-card-carousel .hp-collaboration .hp-intro{font-size:16px!important;font-weight:400!important;color:#2F4A3F!important;letter-spacing:.08em!important;margin-bottom:24px}
body.site-typography .hp-card-carousel .hp-collaboration h1{font-family:MaruBuri,serif!important;font-size:clamp(32px,3.3vw,52px);font-weight:400!important;line-height:1.45;letter-spacing:0!important;margin-bottom:28px}
body.site-typography .hp-card-carousel .hp-hero-description{font-family:Pretendard,sans-serif!important;font-size:16.5px!important;font-weight:400!important;line-height:1.85!important}
body.site-typography .hp-card-carousel .hp-hero-description .hp-specialty{font-weight:400!important;color:#2F4A3F;background:linear-gradient(transparent 60%,rgba(47,74,63,.15) 60%);box-decoration-break:clone;-webkit-box-decoration-break:clone}
body.site-typography .hp-card-carousel .hp-detail-button{font-family:Pretendard,sans-serif!important;font-weight:400!important;border:0}
/* A light veil follows the user's left-side soil fade, leaving the tree unobscured. */
.hp-card-carousel .hp-hero-art::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(244,239,231,.9) 0%,rgba(244,239,231,.75) 34%,rgba(244,239,231,.38) 49%,rgba(244,239,231,0) 67%)}
.hp-card-carousel .hp-hero-art figcaption{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(min-width:1600px){body.site-typography .hp-card-carousel .hp-hero-description{font-size:17px!important}}
@media(min-width:701px) and (max-width:1050px){.hp-card-carousel .hp-hero-wrap{min-height:590px;aspect-ratio:auto}.hp-card-carousel .hp-hero-copy{width:57%}body.site-typography .hp-card-carousel .hp-collaboration h1{font-size:32px}.hp-card-carousel .hp-hero-art::after{background:linear-gradient(90deg,rgba(244,239,231,.96) 0%,rgba(244,239,231,.85) 40%,rgba(244,239,231,.35) 57%,transparent 73%)}}
@media(max-width:700px){.hp-card-carousel .hp-hero-wrap{aspect-ratio:auto;min-height:0;padding:40px 24px 100px}.hp-card-carousel .hp-hero-copy{width:100%;max-width:none}body.site-typography .hp-card-carousel .hp-collaboration h1{font-size:clamp(30px,8vw,42px);line-height:1.55;letter-spacing:0!important}body.site-typography .hp-card-carousel .hp-hero-description{font-size:16px!important}.hp-card-carousel .hp-hero-art::after{display:none}.hp-card-carousel .hp-hero-art{margin-bottom:0}}
@media(max-width:360px){.hp-card-carousel .hp-hero-wrap{padding-left:20px;padding-right:20px}body.site-typography .hp-card-carousel .hp-collaboration h1{font-size:28px}}

/* Equal, live-text partners to the right of the approved olive tree. */
.hp-tree-annotations{position:absolute;inset:0;z-index:1;pointer-events:none}
.hp-tree-label{position:absolute;line-height:1.6;white-space:nowrap}
body.site-typography .hp-card-carousel .hp-tree-label,body.site-typography .hp-card-carousel .hp-tree-label span{font-family:MaruBuri,serif!important;font-size:15px!important;font-weight:400!important;letter-spacing:0!important}
.hp-tree-label i{position:absolute;display:block;height:1px;background:currentColor;opacity:.6;transform-origin:left center}
.hp-tree-label-teeth{left:78%;top:53.4%;color:#2F4A3F}
.hp-tree-label-gums{left:77.2%;top:79.5%;color:#F4EFE7}
@media(max-width:700px){body.site-typography .hp-card-carousel .hp-tree-label,body.site-typography .hp-card-carousel .hp-tree-label span{font-size:13px!important}.hp-tree-label{gap:7px}}

/* Equal-size, restrained contrast labels over both light foliage and dark soil. */
.hp-tree-label span{display:block;padding:6px 10px;background:rgba(36,56,47,.88);color:#F4EFE7;text-shadow:none;border-radius:0}
.hp-tree-label i{opacity:.85}
@media(max-width:700px){.hp-tree-label span{padding:5px 8px}}