/* Shared finishing details. Keep cinematic stage geometry and artwork intact. */
:root{--asp-ivory:#f5f2eb;--asp-charcoal:#171717;--asp-rose:#b67869;--asp-rule:#ccc6bd;--asp-section-space:clamp(72px,8vw,120px)}
/* MYZ reference: SUITE regular, tiny arrow, rolling letters and hover rule. */
@font-face{font-family:AispSuite;src:url('../fonts/suite/SUITE-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
.asp-contact-pill,.asp-wacus-ending .asp-contact-pill,#image-cube .asp-cube-contact.asp-contact-pill{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;width:auto;max-width:100%;min-height:44px;padding:14px 0;border:0;border-radius:0;background:transparent;color:#ffffe3;font:400 12px/16px AispSuite,sans-serif;letter-spacing:normal;text-decoration:none}
.asp-contact-pill .asp-cta-label{display:inline-flex;text-transform:uppercase}
.asp-cta-char{position:relative;display:inline-block;overflow:hidden;line-height:1;margin-bottom:-.05em;padding-bottom:.05em}
.asp-cta-char>span{display:block;transition:transform .3s ease-out;transition-delay:var(--delay)}
.asp-cta-char>span+span{position:absolute;left:0;top:100%}
.asp-contact-pill svg{flex:none;width:10px;height:10px}
.asp-contact-pill::before{content:'';position:absolute;left:0;right:0;bottom:12px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .3s ease-out}
#image-cube .asp-cube-contact.asp-contact-pill::after{display:none}
@media(hover:hover){.asp-contact-pill:hover .asp-cta-char>span{transform:translateY(-100%)}.asp-contact-pill:hover::before{transform:scaleX(1);transform-origin:left}.asp-wacus-ending .asp-contact-pill:hover,#image-cube .asp-cube-contact.asp-contact-pill:hover{color:#ffffe3;background:transparent}}
.asp-contact-pill:focus-visible{outline:2px solid #cf9285;outline-offset:4px}
.asp-contact-pill:focus-visible::before{transform:scaleX(1)}
.faq-section.mellow-faq{padding:var(--asp-section-space) clamp(24px,4vw,64px);background:var(--asp-ivory);color:var(--asp-charcoal)}
.mellow-faq__container{max-width:1320px}
.mellow-faq__header{padding-bottom:48px;grid-template-columns:1fr 1fr}
.mellow-faq__header h2,.asp-rayray-awards .asp-method-heading{font-weight:500;letter-spacing:-.045em}
.mellow-faq__header p{font-size:12px;font-weight:600;letter-spacing:.08em;color:#765349}
.mellow-faq__item{position:relative;border-color:var(--asp-rule)}
.mellow-faq__item::after{content:'';position:absolute;bottom:-1px;left:0;width:48px;height:2px;background:var(--asp-rose);pointer-events:none}
.mellow-faq__question{padding:26px 0;background:transparent;color:var(--asp-charcoal);grid-template-columns:1fr 1fr}
.mellow-faq__question::before{background:#eae4db;z-index:-1}
.mellow-faq__number,.mellow-faq__details{mix-blend-mode:normal}
.mellow-faq__number{color:#996052;font-size:13px;font-weight:600;letter-spacing:.1em}
.mellow-faq__category{font-size:11px;letter-spacing:.06em;color:#6b625b}
.mellow-faq__details{gap:0 20px}
.mellow-faq__answer-inner{padding:0 0 28px}
.mellow-faq__answer p{color:#50504e;line-height:1.65}
.asp-ending-base{padding-top:32px;padding-bottom:40px}
.asp-ending-identity .asp-footer-brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}
.asp-footer-brand .asp-nexus{display:grid;grid-template-columns:repeat(2,8px);gap:3px;width:auto;height:auto}
.asp-footer-brand .asp-nexus i{position:static;display:block;width:8px;height:8px;border-radius:50%;background:#f5f2ee}
.asp-footer-brand .asp-nexus i:last-child{background:#cf9285}
@media(max-width:1199px){.mellow-faq__header{grid-template-columns:1fr}.mellow-faq__question{grid-template-columns:32px minmax(0,1fr);column-gap:16px}.mellow-faq__answer-inner{max-width:100%;padding-left:48px}}
@media(max-width:767px){
 .main-visual .main-scroll .asp-opening-value{font-size:17px;line-height:1.6;bottom:calc(100% + 10 * var(--asp-stable-vh,1svh))}
 .mellow-faq__header{row-gap:24px;padding-bottom:36px}
 .mellow-faq__question{padding:24px 0}
 .mellow-faq__details{gap:16px}
 .asp-ending-base{gap:24px}
}

@media(prefers-reduced-motion:reduce){.asp-contact-pill,.asp-contact-pill span{transition:none}}



/* Keep normal and visited states identical to the reference. */
.asp-wacus-ending .asp-contact-pill:link,.asp-wacus-ending .asp-contact-pill:visited{color:#ffffe3}
@media(prefers-reduced-motion:reduce){.asp-cta-char>span,.asp-contact-pill::before{transition:none}.asp-contact-pill:hover .asp-cta-char>span{transform:none}}

/* Bring the falling cubes closer to the closing invitation. */
@media(prefers-reduced-motion:no-preference){
 .asp-wacus-ending .asp-ending-stage{margin-top:calc(-12 * var(--asp-stable-vh,1svh))}
}