/* OC-SCN-089: fixed original crown and ground, separate replaceable brand marks. */
.ref-hero[data-concept="defne-089"]{height:calc(100svh - var(--header-height));min-height:570px;background:#087e51}
.ref-hero[data-concept="defne-089"]:before{z-index:0;background:linear-gradient(180deg,#087e51 0,rgba(8,126,81,0) 24%),linear-gradient(90deg,rgba(8,126,81,.14),rgba(8,126,81,0) 62%)}
.ref-crown-ground{position:absolute;inset:0;z-index:-1;pointer-events:none}
.ref-crown-ground img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
[data-concept="defne-089"] .ref-hero-content{width:calc(86 * var(--hero-u));padding:calc(3 * var(--hero-u)) 0 calc(4 * var(--hero-u));gap:0}
[data-concept="defne-089"] .ref-hero-copy{width:44%}
[data-concept="defne-089"] .ref-hero-copy>h1,[data-concept="defne-089"] .ref-hero-copy>p,[data-concept="defne-089"] .oc-hero-actions{position:relative;z-index:3}
[data-concept="defne-089"] .ref-hero-copy p{font-size:clamp(17px,calc(1.14 * var(--hero-u)),22px);line-height:1.65;max-width:calc(33 * var(--hero-u));letter-spacing:normal;margin-top:calc(1.7 * var(--hero-u))}
[data-concept="defne-089"] .ref-scene{width:min(49vw,calc(100svh - 170px),910px);aspect-ratio:1;right:calc(50% - 43 * var(--hero-u));top:50%;bottom:auto;transform:translateY(-49%)}
.ref-crown-picture,.ref-crown-image{display:block;width:100%;height:100%;object-fit:contain}
.ref-crown-brand{position:absolute;transform:translate(-50%,-50%) rotate(var(--turn));z-index:2}
.ref-crown-surface{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:16% / 27%;background:linear-gradient(135deg,#f7f5e8,#dce5ce);border:1px solid #e2ead5;box-shadow:3px 7px 0 #9bae91,6px 14px 0 #45624c,12px 23px 27px #12392733}
.ref-crown-surface:after{content:'';position:absolute;inset:5%;border:1px solid #b4c6a580;border-radius:14% / 24%;pointer-events:none}
.ref-crown-brand img{display:block;object-fit:contain;width:77%;height:59%;mix-blend-mode:multiply;filter:grayscale(1);opacity:.87}
.ref-crown-brand--illy img{height:62%;width:65%}
.ref-crown-glint{position:absolute;inset:-45% -85%;pointer-events:none;background:linear-gradient(110deg,transparent 40%,#ffffec12 46%,#fffff4b3 50%,#ffffec24 54%,transparent 60%);opacity:0;transform:translateX(-72%);animation:ref-crown-glint 20s cubic-bezier(.4,0,.2,1) infinite;animation-delay:var(--glint-delay);animation-play-state:paused}
.ref-crown-light{position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(125deg,#faffdfb8 4%,#efffd044 43%,transparent 75%);mask-image:url('crown-1254.webp');mask-size:100% 100%;mask-repeat:no-repeat;opacity:0;animation:ref-crown-light 16s ease-in-out 2s infinite;animation-play-state:paused}
.ref-crown-running .ref-crown-light,.ref-crown-running .ref-crown-glint{animation-play-state:running}
@keyframes ref-crown-glint{0%{opacity:0;transform:translateX(-72%)}2%{opacity:.15}6%{opacity:.68}11%{opacity:0;transform:translateX(72%)}100%{opacity:0;transform:translateX(72%)}}
@keyframes ref-crown-light{0%,22%,100%{opacity:0}44%{opacity:.24}63%{opacity:.1}82%{opacity:0}}
@media(max-width:899px),(max-width:1200px) and (max-aspect-ratio:1/1){
 .ref-hero[data-concept="defne-089"]{display:grid;grid-template-columns:minmax(0,1fr);height:auto;min-height:calc(100svh - var(--header-height));padding:24px max(22px,calc((100vw - 560px)/2)) 28px;row-gap:18px;align-content:start}
 [data-concept="defne-089"] .ref-hero-content,[data-concept="defne-089"] .ref-hero-copy,[data-concept="defne-089"] .oc-hero-controls{display:contents}
 [data-concept="defne-089"] .ref-hero-copy h1{grid-row:1;font-size:clamp(33px,9.1vw,50px);line-height:1.1;max-width:none}
 [data-concept="defne-089"] .ref-hero-copy p{grid-row:2;max-width:460px;width:auto;font-size:14px;line-height:1.55;margin:0}
 [data-concept="defne-089"] .oc-hero-actions{grid-row:3;margin:0;pointer-events:auto}
 [data-concept="defne-089"] .oc-hero-button{width:225px;min-height:46px;padding:10px 18px;font-size:15px;border-radius:12px}
 [data-concept="defne-089"] .ref-scene{position:relative;grid-row:4;width:min(100% + 14px,460px);height:auto;right:auto;top:auto;bottom:auto;transform:none;justify-self:center;margin:0}
 [data-concept="defne-089"] .oc-hero-partners{grid-row:5;position:relative;z-index:3;justify-self:center;align-self:start;width:235px;max-width:100%;height:80px;min-height:80px;padding:8px 15px;gap:20px;border-radius:13px;margin:0}
 .ref-crown-ground img{object-position:38% bottom}
 .ref-crown-surface{box-shadow:1px 3px 0 #9bae91,2px 5px 0 #45624c,5px 9px 12px #12392730}
}
@media(max-width:380px){.ref-hero[data-concept="defne-089"]{padding:22px 18px 24px;row-gap:16px}[data-concept="defne-089"] .ref-hero-copy p{font-size:13px}}
@media(max-width:899px) and (min-aspect-ratio:1/1){
 .ref-hero[data-concept="defne-089"]{display:block;height:auto;min-height:390px;padding:0}
 [data-concept="defne-089"] .ref-hero-content{display:flex;min-height:390px;height:auto;width:calc(100% - 48px);padding:24px 0;gap:0;align-items:flex-start;justify-content:center}
 [data-concept="defne-089"] .ref-hero-copy{display:block;width:49%}
 [data-concept="defne-089"] .ref-hero-copy h1{font-size:30px;max-width:none}
 [data-concept="defne-089"] .ref-hero-copy p{font-size:12px;line-height:1.5;max-width:none;margin-top:14px}
 [data-concept="defne-089"] .oc-hero-actions{margin-top:16px}
 [data-concept="defne-089"] .oc-hero-partners{align-self:flex-start;margin-top:18px;width:210px;height:70px;min-height:70px;right:auto;bottom:auto}
 [data-concept="defne-089"] .ref-scene{position:absolute;right:16px;top:50%;width:min(45%,365px);max-width:none;transform:translateY(-50%)}
}
@media(prefers-reduced-motion:reduce){.ref-crown-light,.ref-crown-glint{display:none;animation:none!important}}
