/* Section194 offline framing/desktop study only; load after exact Native63 CSS. */
@media (max-width:620px) {
 .hero .hero-summary {margin-bottom:1rem;}
 .mobile-hero-slide[data-photo="setting-sun"] {height:calc(100% - 70px);}
 .mobile-hero-slide[data-photo="sailboat"] {height:calc(100% - 200px);}
 .mobile-hero-slide[data-photo="purple-marina"] {height:calc(100% - 280px);}
 .mobile-hero-slide[data-photo="daytime-pool"] {height:calc(100% - 280px);}
}
@media (min-width:621px) {
 .hero {isolation:isolate;}
 .hero > .hero-picture,.hero > .hero-shade {display:none;}
 .mobile-hero-scenes {display:block;position:absolute;inset:0;z-index:0;pointer-events:none;}
 .mobile-hero-scenes:not([data-loaded]) {background:#172b3b;}
 .mobile-hero-scenes::after {content:"";position:absolute;inset:0;z-index:3;background:linear-gradient(90deg,rgba(3,29,36,.54),rgba(3,29,36,.22) 56%,rgba(3,29,36,.03)),linear-gradient(0deg,rgba(3,29,36,.42),transparent 62%);}
 .mobile-hero-slide {display:block;position:absolute;inset:0;opacity:0;transition:opacity 1100ms ease-in-out;}
 .mobile-hero-slide.is-outgoing {opacity:1;z-index:1;}
 .mobile-hero-slide.is-current {opacity:1;z-index:2;}
 .mobile-hero-slide img {width:100%;height:100%;max-width:none;object-fit:cover;}
 .mobile-hero-slide[data-photo="setting-sun"] img {object-position:50% 35%;}
 .mobile-hero-slide[data-photo="sailboat"] img {object-position:57% 50%;}
 .mobile-hero-slide[data-photo="purple-marina"] img {object-position:50% 70%;filter:saturate(1.12) contrast(1.04);}
 .mobile-hero-slide[data-photo="daytime-pool"] img {object-position:50% 66%;}
 .hero-rotation-controls {display:flex;position:absolute;z-index:4;right:1.5rem;bottom:1.5rem;gap:0;color:#fff;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(8,26,35,.18);}
 .hero-rotation-controls button {display:grid;place-items:center;width:44px;height:44px;font-size:16px;border:0;border-radius:999px;color:inherit;background:transparent;cursor:pointer;}
 .hero-rotation-controls [data-hero-scene] span {width:3px;height:3px;background:currentColor;opacity:.55;border-radius:50%;}
 .hero-rotation-controls [aria-pressed="true"][data-hero-scene] span {width:5px;height:5px;opacity:1;box-shadow:0 0 0 2px rgba(255,255,255,.12);}
 .hero-rotation-controls [data-hero-pause] span {font-size:13px;opacity:.85;}
 .hero-rotation-controls button:focus-visible {outline:3px solid white;outline-offset:2px;}
}
@media(prefers-reduced-motion:reduce) {.mobile-hero-slide {transition:none;}}
@media(forced-colors:active) {.hero-rotation-controls {background:Canvas;color:CanvasText;border-color:CanvasText;}.hero-rotation-controls button{border:1px solid ButtonText;}}