/* Build 60: 10K FAQ extension panel, cinematic closing stage and editorial footer. */

/* Keep the FAQ's main navigation as one deliberate row. Extra topics open as a panel. */
@media(min-width:1025px){
 .editorial-site .faq.faq-expanded{height:max(760px,100svh)!important;min-height:760px!important;max-height:1080px!important;overflow:hidden!important}
 .editorial-site .faq .more-faq{position:absolute!important;z-index:8!important;right:0!important;bottom:126px!important;width:min(455px,38vw)!important;margin:0!important;padding:30px 32px 24px!important;display:grid!important;grid-template-columns:1fr!important;gap:0!important;background:#f7faf9!important;box-shadow:0 30px 90px rgba(14,42,58,.16)!important;transform-origin:right bottom!important}
 .editorial-site .faq .more-faq .faq-question{min-height:64px!important;padding:15px 0!important;display:grid!important;grid-template-columns:44px 1fr!important;align-items:center!important;gap:0!important;border-top:1px solid rgba(14,42,58,.12)!important}
 .editorial-site .faq .more-faq .faq-question::before{display:none!important}
 .editorial-site .faq .more-faq .faq-question strong{max-width:none!important;font-size:14px!important}
 .editorial-site .faq .more-faq .faq-question:hover{transform:translateX(5px)!important}
}

.editorial-site .faq .faq-more-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;margin:0 0 18px!important}
.editorial-site .faq .faq-more-head>span{color:var(--ink)!important;font-size:10px!important;font-weight:700!important;letter-spacing:.14em!important;text-transform:uppercase!important}
.editorial-site .faq .faq-more-head button{min-height:36px!important;padding:5px 0!important;border:0!important;background:transparent!important;color:var(--muted)!important;font-size:10px!important}
.editorial-site .faq .faq-more-head button:hover{color:var(--teal)!important}
.editorial-site .faq #more-faq-button{align-items:center!important;gap:12px!important;color:var(--ink)!important;letter-spacing:.04em!important;transition:opacity .2s ease!important}
.editorial-site .faq #more-faq-button[aria-expanded="true"]{opacity:0!important;pointer-events:none!important}
.editorial-site .faq #more-faq-button span{display:grid!important;place-items:center!important;width:28px!important;height:28px!important;border-radius:50%!important;background:rgba(36,127,135,.1)!important;color:var(--teal)!important;font-size:9px!important;font-weight:700!important}

@media(min-width:721px) and (max-width:1024px){
 .editorial-site .faq.faq-expanded{height:max(820px,100svh)!important;min-height:820px!important;overflow:hidden!important}
 .editorial-site .faq .more-faq{position:absolute!important;z-index:8!important;right:0!important;bottom:112px!important;width:min(470px,64vw)!important;margin:0!important;padding:28px 30px 22px!important;display:grid!important;grid-template-columns:1fr!important;gap:0!important;background:#f7faf9!important;box-shadow:0 28px 75px rgba(14,42,58,.16)!important}
 .editorial-site .faq .more-faq .faq-question{min-height:61px!important;padding:14px 0!important;display:grid!important;grid-template-columns:42px 1fr!important;align-items:center!important;gap:0!important;border-top:1px solid rgba(14,42,58,.12)!important}
 .editorial-site .faq .more-faq .faq-question::before{display:none!important}
 .editorial-site .faq .more-faq .faq-question strong{font-size:13px!important}
}

@media(max-width:720px){
 .editorial-site .faq.faq-expanded{overflow:hidden!important}
 .editorial-site .faq .more-faq{position:absolute!important;z-index:8!important;left:0!important;right:0!important;bottom:126px!important;width:100%!important;max-width:none!important;margin:0!important;padding:24px 22px 20px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:0 20px!important;overflow:visible!important;background:#f7faf9!important;box-shadow:0 24px 68px rgba(14,42,58,.17)!important}
 .editorial-site .faq .more-faq .faq-more-head{grid-column:1/-1!important}
 .editorial-site .faq .more-faq .faq-question{flex:none!important;width:100%!important;min-height:76px!important;padding:14px 0!important;display:grid!important;grid-template-columns:30px 1fr!important;align-items:center!important;gap:0!important;transform:none!important;border-top:1px solid rgba(14,42,58,.12)!important}
 .editorial-site .faq .more-faq .faq-question::before{display:none!important}
 .editorial-site .faq .more-faq .faq-question strong{font-size:12px!important}
}

html.section-motion .editorial-site .faq .more-faq:not([hidden]){animation:faq-more-enter .42s cubic-bezier(.2,.75,.2,1) both!important}
@keyframes faq-more-enter{from{opacity:0;transform:translate3d(22px,12px,0) scale(.985)}to{opacity:1;transform:none}}

/* The moving reef becomes the final editorial stage instead of a conventional CTA block. */
.editorial-site .closing{position:relative!important;width:100%!important;height:max(720px,100svh)!important;min-height:720px!important;margin:0!important;padding:0!important;display:block!important;isolation:isolate!important;overflow:hidden!important;background:#0e2a3a!important}
.editorial-site .closing .closing-layout{position:relative!important;z-index:3!important;width:min(calc(100% - var(--gutter)*2),1320px)!important;height:100%!important;min-height:inherit!important;margin-inline:auto!important;padding:clamp(72px,9vh,108px) 0 clamp(78px,10vh,116px)!important;display:grid!important;grid-template-columns:minmax(520px,1.18fr) minmax(330px,.7fr)!important;gap:clamp(90px,10vw,170px)!important;align-items:end!important}
.editorial-site .closing .closing-title,
.editorial-site .closing .closing-action{position:relative!important;z-index:2!important;opacity:1!important;transform:none!important}
.editorial-site .closing .closing-kicker{display:block!important;margin:0 0 30px!important;color:#c4dcde!important;font-size:9px!important;font-weight:700!important;line-height:1.3!important;letter-spacing:.19em!important;text-transform:uppercase!important}
.editorial-site .closing h2{max-width:10.5ch!important;margin:0!important;color:#fff!important;font-size:clamp(68px,6.2vw,98px)!important;font-weight:400!important;line-height:.96!important;letter-spacing:-.066em!important;text-shadow:0 2px 24px rgba(0,24,36,.2)!important}
.editorial-site .closing .closing-action{padding-bottom:4px!important}
.editorial-site .closing .closing-action>p:not(.cta-note){max-width:32ch!important;margin:0 0 30px!important;color:#e6f0f1!important;font-size:clamp(16px,1.3vw,19px)!important;line-height:1.65!important;text-shadow:0 1px 16px rgba(0,24,36,.34)!important}
.editorial-site .closing .closing-action .button{width:auto!important;min-width:248px!important;min-height:56px!important;margin:0!important;padding:17px 24px!important;font-size:12px!important}
.editorial-site .closing .closing-action .cta-note{margin:13px 0 0!important;color:#c8dcde!important;font-size:10px!important;line-height:1.5!important}
.editorial-site .closing .closing-image{position:absolute!important;inset:0!important;z-index:0!important;width:100%!important;height:100%!important;background:#0e2a3a url('assets/reef.jpg') center/cover no-repeat!important;transform:none!important}
.editorial-site .closing .closing-image::after{background:linear-gradient(180deg,rgba(7,32,45,.12) 0%,rgba(7,32,45,.08) 56%,#0e2a3a 100%),linear-gradient(90deg,rgba(7,32,45,.91) 0%,rgba(7,32,45,.66) 44%,rgba(7,32,45,.18) 78%,rgba(7,32,45,.08) 100%)!important}

/* Continue the underwater atmosphere into a quiet, signed-off footer. */
.editorial-site footer{position:relative!important;margin:0!important;padding:96px 0 28px!important;background:#0e2a3a!important;color:#e9f1f2!important}
.editorial-site .footer-editorial{display:grid!important;grid-template-columns:1.25fr .72fr 1fr!important;gap:clamp(54px,7vw,112px)!important;align-items:start!important;padding-top:34px!important;border-top:1px solid rgba(229,241,242,.18)!important}
.editorial-site .footer-signature .wordmark{display:inline-flex!important;flex-direction:column!important;color:#fff!important;font-size:clamp(44px,4.2vw,64px)!important;font-weight:700!important;line-height:.78!important;letter-spacing:-.055em!important}
.editorial-site .footer-signature .wordmark span{margin-top:16px!important;color:#bcd3d6!important;font-size:9px!important;font-weight:700!important;line-height:1!important;letter-spacing:.34em!important}
.editorial-site .footer-signature p{max-width:29ch!important;margin:38px 0 0!important;color:#b9cdd0!important;font-size:14px!important;line-height:1.72!important}
.editorial-site footer .footer-label{display:block!important;margin:4px 0 23px!important;color:#7fa4a9!important;font-size:9px!important;font-weight:700!important;letter-spacing:.16em!important;text-transform:uppercase!important}
.editorial-site footer .socials{margin:0!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:2px!important}
.editorial-site footer .socials button{min-height:48px!important;padding:9px 0!important;display:flex!important;align-items:center!important;gap:13px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#e6eff0!important;font-size:12px!important}
.editorial-site footer .socials button:hover{background:transparent!important;color:#77c1c5!important;transform:translateX(4px)!important}
.editorial-site footer .socials img{width:20px!important;height:20px!important;filter:brightness(0) invert(1)!important;opacity:.9!important}
.editorial-site footer .footer-navigation{justify-self:stretch!important;width:100%!important}
.editorial-site footer .footer-navigation nav{display:grid!important;grid-template-columns:1fr!important;gap:0!important;padding:0!important;border:0!important}
.editorial-site footer .footer-navigation nav button{min-height:42px!important;padding:7px 0!important;border:0!important;background:transparent!important;color:#d8e5e7!important;font-size:11px!important;line-height:1.45!important;text-align:left!important}
.editorial-site footer .footer-navigation nav button:hover{color:#77c1c5!important;text-decoration:none!important;transform:translateX(4px)!important}
.editorial-site footer .footer-bottom{margin-top:84px!important;padding-top:22px!important;border-top:1px solid rgba(229,241,242,.12)!important;color:#89a8ad!important;font-size:9px!important}
.editorial-site footer .made-in{display:flex!important;align-items:center!important;gap:5px!important}
.editorial-site footer .made-in svg{fill:#77c1c5!important}
.editorial-site footer .preview-note{margin-top:15px!important;color:#688f95!important;font-size:8px!important}

html.section-motion .editorial-site .closing .closing-kicker,
html.section-motion .editorial-site .closing h2,
html.section-motion .editorial-site .closing .closing-action>*{opacity:0!important;transform:translate3d(0,28px,0)!important}
html.section-motion .editorial-site .closing.closing-cued .closing-kicker{opacity:1!important;transform:none!important;transition:opacity .55s ease .12s,transform .72s cubic-bezier(.2,.75,.2,1) .12s!important}
html.section-motion .editorial-site .closing.closing-cued h2{opacity:1!important;transform:none!important;transition:opacity .75s ease .25s,transform .95s cubic-bezier(.2,.75,.2,1) .25s!important}
html.section-motion .editorial-site .closing.closing-cued .closing-action>p:first-child{opacity:1!important;transform:none!important;transition:opacity .65s ease .48s,transform .82s cubic-bezier(.2,.75,.2,1) .48s!important}
html.section-motion .editorial-site .closing.closing-cued .closing-action .button{opacity:1!important;transform:none!important;transition:opacity .6s ease .62s,transform .8s cubic-bezier(.2,.75,.2,1) .62s,background .25s ease!important}
html.section-motion .editorial-site .closing.closing-cued .closing-action .cta-note{opacity:1!important;transform:none!important;transition:opacity .55s ease .74s,transform .7s cubic-bezier(.2,.75,.2,1) .74s!important}
html.section-motion .editorial-site footer .footer-editorial>*{opacity:0!important;transform:translate3d(0,24px,0)!important}
html.section-motion .editorial-site footer.footer-cued .footer-editorial>*{opacity:1!important;transform:none!important;transition:opacity .64s ease var(--footer-delay,0ms),transform .78s cubic-bezier(.2,.75,.2,1) var(--footer-delay,0ms)!important}

@media(min-width:721px) and (max-width:1024px){
 .editorial-site .closing{height:max(760px,100svh)!important;min-height:760px!important}
 .editorial-site .closing .closing-layout{grid-template-columns:1.05fr .75fr!important;gap:60px!important}
 .editorial-site .closing h2{font-size:64px!important}
 .editorial-site .closing .closing-action>p:not(.cta-note){font-size:15px!important}
 .editorial-site .footer-editorial{grid-template-columns:1fr .7fr 1fr!important;gap:48px!important}
}

@media(max-width:720px){
 .editorial-site .closing{height:auto!important;min-height:720px!important}
 .editorial-site .closing .closing-layout{width:calc(100% - var(--gutter)*2)!important;height:auto!important;min-height:720px!important;padding:74px 0 76px!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-items:stretch!important;gap:52px!important}
 .editorial-site .closing h2{max-width:9.5ch!important;font-size:clamp(48px,13vw,60px)!important;line-height:.98!important}
 .editorial-site .closing .closing-kicker{margin-bottom:24px!important}
 .editorial-site .closing .closing-action{max-width:310px!important;padding:0!important}
 .editorial-site .closing .closing-action>p:not(.cta-note){font-size:14px!important;line-height:1.68!important}
 .editorial-site .closing .closing-action .button{min-width:0!important;width:auto!important;min-height:54px!important}
 .editorial-site .closing .closing-image::after{background:linear-gradient(180deg,rgba(7,32,45,.34) 0%,rgba(7,32,45,.24) 34%,rgba(7,32,45,.68) 73%,#0e2a3a 100%)!important}
 .editorial-site footer{padding:68px 0 26px!important}
 .editorial-site .footer-editorial{grid-template-columns:1fr!important;gap:50px!important;padding-top:30px!important}
 .editorial-site .footer-signature .wordmark{font-size:46px!important}
 .editorial-site .footer-signature p{margin-top:30px!important;font-size:13px!important}
 .editorial-site footer .socials{flex-direction:row!important;gap:26px!important}
 .editorial-site footer .footer-navigation nav{grid-template-columns:1fr 1fr!important;gap:4px 24px!important}
 .editorial-site footer .footer-bottom{margin-top:58px!important;gap:10px!important}
 .editorial-site footer .made-in{align-items:flex-start!important}
}

@media(prefers-reduced-motion:reduce){
html:not(.site-motion-opt-in):not(.scrub) .editorial-site .closing .closing-kicker,
html:not(.site-motion-opt-in):not(.scrub) .editorial-site .closing h2,
html:not(.site-motion-opt-in):not(.scrub) .editorial-site .closing .closing-action>*,
html:not(.site-motion-opt-in):not(.scrub) .editorial-site footer .footer-editorial>*{opacity:1!important;transform:none!important;transition:none!important}
html:not(.site-motion-opt-in):not(.scrub) .editorial-site .faq .more-faq:not([hidden]){animation:none!important}
}
