/* Skypine website refinements v2026.10.25.26; English-only public UI. */
.main-nav{gap:22px}
.nav-dropdown{position:relative;align-self:stretch;display:flex;align-items:center}
.nav-dropdown>summary{list-style:none;font-size:12.5px;font-weight:700;letter-spacing:-.005em;color:#3d4a55;cursor:pointer;display:flex;align-items:center;gap:7px;padding:14px 0;user-select:none}
.nav-dropdown>summary::-webkit-details-marker{display:none}
.nav-dropdown>summary:after{content:'';display:inline-block;width:6px;height:6px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.nav-dropdown>summary:hover,.nav-dropdown>summary.active,.nav-dropdown[open]>summary{color:#16808d}
.nav-dropdown-panel{position:absolute;top:calc(100% - 3px);left:-15px;width:max-content;min-width:248px;max-width:min(350px,95vw);padding:9px;background:#fff;z-index:90;border:1px solid #dce5e6;box-shadow:0 15px 28px #102b4440;border-radius:7px}
.nav-dropdown-panel>a,.nav-dropdown-panel>form>button{display:block;width:100%;border:0;background:transparent;border-radius:4px;text-align:left;color:#243b50;font-size:13px;font-weight:650;padding:11px 12px;white-space:normal}
.nav-dropdown-panel>a:hover,.nav-dropdown-panel>form>button:hover,.nav-dropdown-panel>a:focus-visible{background:#eaf3f3;color:#176f78}
.nav-account .nav-dropdown-panel{right:0;left:auto}
.main-nav>.nav-cta{margin-left:4px}
.about-poster-photo{background:#13263e;padding:0;height:475px;isolation:isolate}
.about-poster-photo .about-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% center;z-index:0}
.about-poster-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,22,40,.93),rgba(9,32,53,.1) 66%),linear-gradient(90deg,rgba(9,32,53,.42),transparent 90%);z-index:1}
.about-poster-photo>span{position:absolute;top:26px;left:33px;z-index:3;font-size:16px;letter-spacing:.23em;color:#fff}
.about-poster-photo>.about-tree{position:absolute;top:20px;right:22px;left:auto;bottom:auto;width:37px;height:45px;object-fit:contain;z-index:3;filter:drop-shadow(0 1px 2px #173451aa)}
.about-poster-photo>p{position:absolute;bottom:63px;left:33px;right:25px;z-index:3;font-size:clamp(21px,2.4vw,28px);line-height:1.25;margin:0;color:#fff;text-shadow:0 2px 12px #102239}
.about-poster-photo>small{position:absolute;bottom:30px;left:33px;right:20px;z-index:3;font-size:9px;color:#f8f8f8;text-shadow:0 2px 9px #102239}
.footer-visual-address{margin:12px 0;max-width:270px}
.footer-visual-address img{width:100%;max-width:270px;height:auto;filter:brightness(0) invert(1);opacity:.86}
.contact-email-display{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:13px}
.contact-visual-address{width:clamp(185px,70%,300px);height:auto;object-fit:contain}
.cs-module{overflow:hidden;padding:0 0 20px}
.cs-module img{display:block;width:100%;height:128px;object-fit:cover;object-position:center;margin:0 0 16px;background:#edf3f8;border-radius:12px 12px 0 0}
.cs-module h3,.cs-module p{margin-left:17px;margin-right:17px}
.cs-hero-illustration{padding:10px;transform:none}
.cs-hero-illustration img{height:295px;object-position:center}
@media(min-width:1001px){.main-nav{gap:21px}.main-nav>a{font-size:12.5px}}
@media(max-width:1100px){.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:78px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:16px max(23px,5vw) 24px;background:#fbfaf6;box-shadow:0 15px 30px #101e3120;max-height:calc(100vh - 78px);overflow-y:auto}.main-nav.open{display:flex}.main-nav>a{padding:12px 5px;border-bottom:1px solid #e3e1dc}.nav-dropdown{display:block;align-self:auto;border-bottom:1px solid #e3e1dc}.nav-dropdown>summary{padding:14px 5px}.nav-dropdown-panel{position:static;box-shadow:none;border:0;border-left:2px solid #bed7d8;border-radius:0;background:#f4f7f7;width:100%;max-width:none;padding:3px 9px;margin:0 0 7px}.nav-dropdown-panel>a{font-size:13px;padding:11px}.main-nav>.nav-cta{margin:14px 0 0;padding:16px}.site-header{height:78px}}
@media(max-width:640px){.about-poster-photo{height:385px}.about-poster-photo>p{left:22px;bottom:65px;right:15px;font-size:22px}.about-poster-photo>small{left:22px;bottom:27px}.about-poster-photo>span{left:22px}.cs-module{display:block}.cs-module img{grid-row:auto;grid-column:auto;width:100%;height:168px}.cs-module h3,.cs-module p{margin-left:18px;margin-right:18px}.cs-module p{grid-column:auto}}

/* v27: concise navigation and secured application correspondence UI. */
.main-nav{gap:16px}
.reply-panel{border:1px solid #d9e2e9;background:#f8fbfd;padding:clamp(18px,2vw,30px);border-radius:14px;margin:30px 0}
.reply-panel h2,.reply-panel h3{margin-top:0}.reply-timeline{list-style:none;margin:18px 0;padding:0;display:grid;gap:12px}
.reply-timeline li{border:1px solid #dce7ed;border-radius:11px;padding:16px 18px;background:#fff;overflow-wrap:anywhere;white-space:normal}
.reply-timeline li.reply-from-customer{border-left:4px solid #4c779c}.reply-timeline li.reply-from-admin{border-left:4px solid #238b76}
.reply-timeline p{margin:6px 0;line-height:1.65;overflow-wrap:anywhere}
.reply-panel textarea{width:100%}.reply-inbox-table{width:100%;border-collapse:collapse}.reply-inbox-table th,.reply-inbox-table td{text-align:left;padding:13px 10px;border-bottom:1px solid #dbe4ea;vertical-align:top}
.reply-inbox-table td{overflow-wrap:anywhere}.reply-inbox-table a{font-weight:700}
@media(max-width:750px){.reply-inbox-table th:nth-child(3),.reply-inbox-table td:nth-child(3){display:none}.reply-panel{margin:18px 0}}

/* v28: genuinely different real-photo modules, accessible widths and a consistent editorial crop */
.cs-module-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.cs-module{border-radius:15px;box-shadow:0 8px 24px rgba(19,54,84,.065)}
.cs-module img{display:block;width:100%;height:auto;aspect-ratio:880/540;object-fit:cover;object-position:center;background:#e5edf4;border-radius:14px 14px 0 0}
.cs-module h3{font-size:19px;margin:17px 21px 8px}.cs-module p{font-size:14px;line-height:1.6;margin:0 21px 22px}
@media(max-width:900px){.cs-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.cs-module-grid{grid-template-columns:1fr;gap:14px}.cs-module{display:block}.cs-module img{width:100%;height:auto;aspect-ratio:880/540}.cs-module h3,.cs-module p{margin-left:18px;margin-right:18px}}