/* Scoped extension of the approved XMLA futuristic lifestyle presentation. */
body.xmla-portfolio-wave-active #main :is(.xrs-wrap,.xrs-shell){width:calc(100% - 64px)!important;max-width:1240px!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important}
body.xmla-portfolio-wave-active #main :is(.xrs-band,.xrs-section,.xrs-main,.xrs-form-section){padding-top:48px!important;padding-bottom:48px!important;background:#0b1c2b!important;color:#cbdde8!important;min-height:0!important}
body.xmla-portfolio-wave-active #main :is(.xrs-section.alt,.xrs-band.soft,.xrs-section.xds-band,.xrs-section--journey){background:linear-gradient(120deg,#112e40,#0e2535)!important;border-block:1px solid #32556855}
body.xmla-portfolio-wave-active #main :is(.xrs-section-head,.xrs-heading,.xrs-quick-head,.xrs-group-head){gap:30px!important;align-items:end!important;margin-bottom:28px!important}
body.xmla-portfolio-wave-active #main :is(.xrs-band,.xrs-section,.xrs-main,.xrs-form-section) h2{font:500 clamp(28px,3vw,42px)/1.25 Oswald,Arial,sans-serif!important;color:#edf7ff!important;letter-spacing:0!important;text-shadow:none!important}
body.xmla-portfolio-wave-active #main :is(.xrs-band,.xrs-section,.xrs-main,.xrs-form-section) h3{color:#edf7ff!important;font-size:25px!important;line-height:1.3!important}
body.xmla-portfolio-wave-active #main :is(.xrs-band,.xrs-section,.xrs-main) p{color:#c5d9e5!important;font:400 16px/1.75 Arial,sans-serif!important}
body.xmla-portfolio-wave-active #main :is(.xrs-kicker,.xrs-eyebrow){color:#87e0e8!important;font:700 11px/1.6 Arial,sans-serif!important;letter-spacing:1.3px!important}
body.xmla-portfolio-wave-active #main :is(.xrs-start-grid,.xrs-link-grid,.xrs-step-grid,.xrs-card-grid,.xrs-week-grid,.xrs-tool-grid,.xrs-service-grid,.xrs-promise-grid,.xrs-sheet-grid,.xrs-use-grid,.xrs-fit-grid,.xrs-faq-grid,.xrs-pricing-grid,.xrs-grid-3,.xrs-grid-4,.xrs-cards,.xrs-grid,.xrs-lane-grid,.xrs-track-grid,.xrs-cap-grid,.xrs-process-grid,.xrs-principle-grid,.xrs-route-grid,.xrs-package-grid,.xrs-decision-grid,.xrs-timeline,.xrs-metric-grid,.xrs-coverage-grid,.xrs-flow,.xrs-price-grid,.xrs-pricing,.xrs-signal-grid,.xrs-process,.xrs-work-grid,.xrs-outcome-grid){gap:22px!important;min-width:0}
body.xmla-portfolio-wave-active #main :is(.xrs-tool,.xrs-service,.xrs-promise,.xrs-sheet,.xrs-use,.xrs-price-card,.xrs-process-item,.xrs-card,.xrs-track,.xrs-route,.xrs-panel,.xrs-step,.xrs-package,.xrs-lane,.xrs-plan,.xrs-signal,.xrs-compare,.xrs-metric,.xrs-outcome){padding:26px!important;border:1px solid #3c6177!important;border-radius:12px!important;background:linear-gradient(140deg,#203d52,#132a3c)!important;box-shadow:none!important;transform:none!important;min-height:0!important;color:#c5d9e5!important}
body.xmla-portfolio-wave-active #main :is(.xrs-tool,.xrs-service,.xrs-promise,.xrs-sheet,.xrs-use,.xrs-price-card,.xrs-process-item,.xrs-card,.xrs-track,.xrs-route,.xrs-panel,.xrs-step,.xrs-package,.xrs-lane,.xrs-plan,.xrs-signal,.xrs-compare,.xrs-metric,.xrs-outcome)::before{content:none!important}
body.xmla-portfolio-wave-active #main :is(.xrs-tool,.xrs-service,.xrs-promise,.xrs-sheet,.xrs-use,.xrs-price-card,.xrs-process-item,.xrs-card,.xrs-track,.xrs-route,.xrs-panel,.xrs-step,.xrs-package,.xrs-lane,.xrs-plan,.xrs-signal,.xrs-compare,.xrs-metric,.xrs-outcome)::after{content:none!important}
body.xmla-portfolio-wave-active #main :is(.xrs-tool,.xrs-service,.xrs-promise,.xrs-sheet,.xrs-use,.xrs-price-card,.xrs-process-item,.xrs-card,.xrs-track,.xrs-route,.xrs-panel,.xrs-step,.xrs-package,.xrs-lane,.xrs-plan,.xrs-signal,.xrs-compare,.xrs-metric,.xrs-outcome) p{margin-bottom:14px!important}
body.xmla-portfolio-wave-active #main :is(.xrs-tool,.xrs-service,.xrs-promise,.xrs-sheet,.xrs-use,.xrs-price-card,.xrs-process-item,.xrs-card,.xrs-track,.xrs-route,.xrs-panel,.xrs-step,.xrs-package,.xrs-lane,.xrs-plan,.xrs-signal,.xrs-compare,.xrs-metric,.xrs-outcome) ul{margin-top:16px!important}
body.xmla-portfolio-wave-active #main :is(.xrs-chip,.xrs-badge){background:#194b64!important;border:1px solid #467c96!important;border-radius:6px!important;color:#aeedf0!important}
body.xmla-portfolio-wave-active #main :is(.xrs-btn,.xrs-button,.xrs-quick-btn,.xrs-sheet-link){border-radius:9px!important;min-height:46px!important;color:#ecfaff!important;background:#183d54!important;border:1px solid #558da5!important;margin-bottom:0!important}
body.xmla-portfolio-wave-active #main :is(.xrs-btn,.xrs-button,.xrs-quick-btn,.xrs-sheet-link):hover{background:#24647f!important;color:#fff!important;border-color:#89dfe8!important}
body.xmla-portfolio-wave-active #main :is(.xrs-btn,.xrs-button,.xrs-quick-btn,.xrs-sheet-link):focus-visible{outline:3px solid #8de4e9!important;outline-offset:4px!important}
body.xmla-portfolio-wave-active #main :is(.xrs-actions,.xrs-cta-row,.xrs-cta-actions,.xrs-sheet-actions){display:flex!important;flex-wrap:wrap!important;gap:12px!important}
body.xmla-portfolio-wave-active #main :is(.xrs-final){padding:48px 0!important;margin:0!important;background:linear-gradient(130deg,#10283d,#103a46)!important;color:#c5d9e5!important}
body.xmla-portfolio-wave-active #main :is(.xrs-final) h2{color:#edf7ff!important;font-size:clamp(30px,3vw,44px)!important;line-height:1.25!important}
body.xmla-portfolio-wave-active #main :is(.xrs-final) p{color:#c5d9e5!important;line-height:1.75!important}
body.xmla-portfolio-wave-active #main :is(.xrs-form-grid){gap:36px!important;align-items:start!important}
body.xmla-portfolio-wave-active #main :is(.xrs-form-intro){background:transparent!important;border:0!important;padding:10px 0!important;box-shadow:none!important}
body.xmla-portfolio-wave-active #main :is(.xrs-form-intro) p{color:#c5d9e5!important;line-height:1.75!important}
body.xmla-portfolio-wave-active #main :is(.xrs-form-card){background:#142e42!important;border:1px solid #4b7489!important;border-radius:12px!important;padding:28px!important;color:#eaf7ff!important}
body.xmla-portfolio-wave-active #main .xgen-content{background:transparent!important;color:#c5d9e5!important}
body.xmla-portfolio-wave-active #main .xgen-content :is(h2,h3,h4){color:#edf7ff!important}
body.xmla-portfolio-wave-active #main .xgen-content :is(p,li){color:#c5d9e5!important;line-height:1.8!important}
body.xmla-portfolio-wave-active #main .xgen-content a{color:#8bdfec!important}
body.xmla-portfolio-wave-active #main :is(#development-tracks,#theme-tracks,#platform-tracks,#upgrade-paths,#website-upgrade-request,#plans,#speed-audit-form,#optimization-options){scroll-margin-top:180px}
body.xmla-portfolio-wave-active #main .xn-hero .xmla-sitewide-hero-render{display:none!important}
body.xmla-portfolio-wave-active #main .xn-help .xn-image{aspect-ratio:1.35}
@media(min-width:1500px){body.xmla-portfolio-wave-active #main :is(.xrs-wrap,.xrs-shell){max-width:1400px!important}}
@media(max-width:1000px){body.xmla-portfolio-wave-active #main :is(.xrs-start-grid,.xrs-link-grid,.xrs-step-grid,.xrs-card-grid,.xrs-week-grid,.xrs-tool-grid,.xrs-service-grid,.xrs-promise-grid,.xrs-sheet-grid,.xrs-use-grid,.xrs-fit-grid,.xrs-faq-grid,.xrs-pricing-grid,.xrs-grid-3,.xrs-grid-4,.xrs-cards,.xrs-grid,.xrs-lane-grid,.xrs-track-grid,.xrs-cap-grid,.xrs-process-grid,.xrs-principle-grid,.xrs-route-grid,.xrs-package-grid,.xrs-decision-grid,.xrs-timeline,.xrs-metric-grid,.xrs-coverage-grid,.xrs-flow,.xrs-price-grid,.xrs-pricing,.xrs-signal-grid,.xrs-process,.xrs-work-grid,.xrs-outcome-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:700px){body.xmla-portfolio-wave-active #main :is(.xrs-wrap,.xrs-shell){width:calc(100% - 40px)!important}body.xmla-portfolio-wave-active #main :is(.xrs-band,.xrs-section,.xrs-main,.xrs-form-section,.xrs-final){padding-top:36px!important;padding-bottom:36px!important}body.xmla-portfolio-wave-active #main :is(.xrs-start-grid,.xrs-link-grid,.xrs-step-grid,.xrs-card-grid,.xrs-week-grid,.xrs-tool-grid,.xrs-service-grid,.xrs-promise-grid,.xrs-sheet-grid,.xrs-use-grid,.xrs-fit-grid,.xrs-faq-grid,.xrs-pricing-grid,.xrs-grid-3,.xrs-grid-4,.xrs-cards,.xrs-grid,.xrs-lane-grid,.xrs-track-grid,.xrs-cap-grid,.xrs-process-grid,.xrs-principle-grid,.xrs-route-grid,.xrs-package-grid,.xrs-decision-grid,.xrs-timeline,.xrs-metric-grid,.xrs-coverage-grid,.xrs-flow,.xrs-price-grid,.xrs-pricing,.xrs-signal-grid,.xrs-process,.xrs-work-grid,.xrs-outcome-grid){grid-template-columns:1fr!important}body.xmla-portfolio-wave-active #main :is(.xrs-section-head,.xrs-split,.xrs-form-grid,.xrs-xgen-grid){display:grid!important;grid-template-columns:1fr!important;gap:22px!important}body.xmla-portfolio-wave-active #main :is(.xrs-form-card){padding:20px!important}body.xmla-portfolio-wave-active #main .xgen-grid{grid-template-columns:1fr!important}}
body.xmla-portfolio-wave-active #main #portfolio-gallery .xbp-ux-gallery-restored>.row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important;margin:0!important;width:100%!important}
body.xmla-portfolio-wave-active #main #portfolio-gallery .gallery-col{padding:0!important;width:100%!important;max-width:100%!important;flex-basis:auto!important;min-width:0}
body.xmla-portfolio-wave-active #main #portfolio-gallery .gallery-box{padding:14px!important;border:1px solid #35596e;border-radius:12px;background:#183345}
body.xmla-portfolio-wave-active #main #portfolio-gallery .box-image{border-radius:12px!important;overflow:hidden}
body.xmla-portfolio-wave-active #main .xrs-device-grid{gap:22px!important}
body.xmla-portfolio-wave-active #main .xrs-download{display:inline-flex;align-items:center;min-height:46px;padding:10px 20px!important;background:#176078!important;color:#fff!important;border:1px solid #63bacb!important;border-radius:9px!important}
body.xmla-portfolio-wave-active #main .xrs-download:hover{background:#247e96!important;color:#fff!important}
body.xmla-portfolio-wave-active #main .xrs-download:focus-visible{outline:3px solid #a5f0f4;outline-offset:4px}
body.xmla-portfolio-wave-active #main :is(#devices,#portfolio-gallery,#video-player){scroll-margin-top:170px}
@media(max-width:700px){body.xmla-portfolio-wave-active #main #portfolio-gallery .xbp-ux-gallery-restored>.row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}body.xmla-portfolio-wave-active #main .xrs-device-grid{grid-template-columns:1fr!important}}
/* Download wrappers contain the vendor controls, rather than being buttons. */
body.xmla-portfolio-wave-active #main div.xrs-download,body.xmla-portfolio-wave-active #main div.xrs-download:hover{display:block!important;min-height:0!important;padding:0!important;background:transparent!important;border:0!important;outline:0!important}
body.xmla-portfolio-wave-active #main .xrs-download iframe{max-width:100%!important;border-radius:8px}
/* Keep the design directory and original artwork available below its new hero. */
body.page-id-19477.xmla-next-design-portfolio main#main.xbp-page > #portfolio-gallery.xbp-gallery-section{display:block!important}