.about-signature { color:#0d234b; background:#fff; }
.as-container { width:min(1280px,calc(100% - 80px)); margin-inline:auto; }
.about-signature h1,.about-signature h2,.about-signature h3 { font-family:var(--font-heading); letter-spacing:-.035em; }
.about-signature h2 { font-size:clamp(24px,2.8vw,36px); line-height:1.15; margin:0 0 15px; }.about-signature h2 span { color:#1374ff; }
.about-signature h3 { font-size:14px; margin:0 0 6px; }
.about-signature p { font-size:14px; line-height:1.6; color:#566e93; margin:0 0 14px; }
.about-signature .as-eyebrow { font-size:10px; font-weight:700; letter-spacing:.2em; color:#0784ff; margin-bottom:12px; }
.about-signature .button { background:linear-gradient(110deg,#00bbed,#0563ff); border-radius:6px; min-height:45px; font-size:12px; padding:12px 24px; }.about-signature .button.outline { background:#021b3490; border-color:#bdcfdf; box-shadow:none; }.as-actions { display:flex; flex-wrap:wrap; gap:16px; }
.as-hero { color:#fff; padding:28px 0 26px; background:linear-gradient(90deg,#00142ceb,#03203c50),url('../images/resort-hero.webp') center 55%/cover; }
.as-breadcrumb { font-size:11px; display:flex; gap:10px; color:#cdd9e9; margin-bottom:28px; }
.as-hero-grid { display:grid; grid-template-columns:1fr 1fr; gap:55px; align-items:center; }.as-hero h1 { font-size:clamp(38px,4.2vw,60px); line-height:1.04; margin:0 0 20px; }.as-hero h1 span { color:#2fcaf0; }.about-signature .as-hero p:not(.as-eyebrow) { color:#e7eef6; max-width:470px; font-size:16px; }.about-signature .as-hero .as-eyebrow { color:#ffc466; }
.as-network { position:relative; min-height:350px; border:1px solid #548ccb60; border-radius:13px; background:linear-gradient(130deg,#0b2c5970,#001b3690); backdrop-filter:blur(8px); overflow:hidden; }
.as-network-center { position:absolute; width:145px; height:145px; border:3px solid #08a9ff; border-radius:50%; top:50%; left:50%; transform:translate(-50%,-50%); display:flex; flex-direction:column; align-items:center; justify-content:center; background:#06264af0; box-shadow:0 0 28px #079eff65,inset 0 0 30px #0a89f02a; z-index:2; }.as-network-center strong { font-size:46px; line-height:1; letter-spacing:-.06em; }.as-network-center span { font-size:22px; font-weight:700; }
.as-orbit { position:absolute; width:210px; height:210px; border:1px solid #2fbcff40; border-radius:50%; top:50%; left:50%; transform:translate(-50%,-50%); box-shadow:0 0 0 14px #038bff0b,0 0 0 30px #038bff06; }.as-orbit::before,.as-orbit::after { content:""; position:absolute; background:#1ca7ff30; width:450px; height:1px; top:50%; left:50%; transform:translate(-50%,-50%) rotate(30deg); }.as-orbit::after { transform:translate(-50%,-50%) rotate(-30deg); }
.as-node { position:absolute; display:flex; align-items:center; gap:10px; padding:10px; border:1px solid #3c7eb456; border-radius:12px; background:#06213bcc; width:160px; z-index:3; }.as-node .icon { color:#2ad5eb; width:38px; height:38px; padding:9px; background:#046d9470; border-radius:50%; box-shadow:0 0 16px #1aceff20; }.as-node strong,.as-node small { display:block; font-size:11px; line-height:1.5; }.as-node small { color:#c1d1e1; font-size:9px; margin-top:3px; }.as-node-1 { top:12px; left:50%; transform:translateX(-50%); }.as-node-2 { top:95px; left:12px; width:135px; }.as-node-3 { top:95px; right:12px; }.as-node-4 { top:195px; left:12px; width:135px; }.as-node-5 { top:195px; right:12px; }.as-node-6 { bottom:26px; left:20px; }.as-node-7 { bottom:26px; right:20px; }.as-node:nth-of-type(3n) .icon { background:#6541cc80; color:#b0a1ff; }.as-network-note { position:absolute; bottom:7px; left:0; right:0; text-align:center; font-size:8px; color:#a1b9cc; }
.as-story { display:grid; grid-template-columns:.95fr 1.05fr; gap:48px; align-items:center; padding-block:34px 24px; }.as-story-photo { position:relative; height:350px; border-radius:9px; overflow:hidden; }.as-story-photo>img { width:100%; height:100%; object-fit:cover; }.as-story-photo>a { position:absolute; bottom:16px; left:16px; background:#fffffff5; border-radius:7px; padding:12px 16px; display:flex; gap:12px; align-items:center; box-shadow:0 5px 20px #0002; }.as-story-photo .icon { border-radius:50%; background:#007dff; color:#fff; padding:8px; width:36px; height:36px; }.as-story-photo strong,.as-story-photo small { display:block; font-size:11px; }.as-story-photo small { font-size:10px; color:#67819f; margin-top:4px; }.as-story-principles { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:24px; }.as-story-principles>div { display:flex; gap:10px; align-items:center; }.as-story-principles .icon { width:38px; height:38px; background:#e4f3ff; color:#078cff; border-radius:50%; padding:9px; }.as-story-principles strong,.as-story-principles small { display:block; font-size:10px; line-height:1.4; }.as-story-principles small { color:#7085a1; margin-top:4px; }
.as-facts { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid #e0ecfa; border-radius:10px; padding:20px 12px; background:linear-gradient(100deg,#f5fbff,#fff); box-shadow:0 5px 20px #143f6c05; }.as-facts>div { display:flex; align-items:center; gap:18px; border-right:1px solid #dae7f5; padding:0 20px; }.as-facts>div:last-child { border:0; }.as-facts .icon { width:44px; height:44px; border-radius:50%; padding:10px; color:#038bff; background:#e2f3ff; }.as-facts>div:nth-child(even) .icon { color:#10b9a7; background:#e0f7f3; }.as-facts strong,.as-facts small { display:block; }.as-facts strong { font-size:21px; letter-spacing:-.04em; }.as-facts small { font-size:11px; color:#7185a1; margin-top:4px; }
.as-why { padding:30px 0; background:linear-gradient(#fff,#f5faff); }.as-why-grid { display:grid; grid-template-columns:.85fr 1.5fr; gap:40px; align-items:center; }.about-signature .as-dark-button { background:#041e3c; box-shadow:0 5px 15px #06275020; }.as-benefit-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }.as-benefit-grid article { display:flex; gap:12px; border:1px solid #e2edfa; padding:18px 14px; border-radius:9px; background:#fff; }.as-benefit-grid .icon { width:38px; height:38px; padding:9px; color:#078cff; background:#e6f4ff; border-radius:10px; }.as-benefit-grid article:nth-child(3n) .icon { color:#8756ef; background:#f1eaff; }.as-benefit-grid article:nth-child(2n) .icon { color:#02b8a5; background:#e3faf4; }.as-benefit-grid h3 { font-size:11px; }.about-signature .as-benefit-grid p { font-size:11px; margin:0; }
.as-mission { color:#fff; background:linear-gradient(90deg,#021737ed,#052657d9),url('../images/resort-hero.webp') center/cover; }.as-mission>.as-container { display:grid; grid-template-columns:1fr 1fr; }.as-mission article { display:flex; gap:26px; padding:32px 30px 32px 0; }.as-mission article:last-child { border-left:1px solid #769fce25; padding-left:32px; }.as-mission .icon { width:65px; height:65px; color:#088bff; }.about-signature .as-mission .as-eyebrow { color:#27d8ff; }.about-signature .as-mission p:last-child { color:#d6e4f3; margin:0; font-size:14px; }
.as-values { padding-block:28px; }.as-values>div { display:grid; grid-template-columns:repeat(4,1fr); gap:26px; margin-top:24px; }.as-values article { display:flex; gap:16px; align-items:center; }.as-values .icon { width:55px; height:55px; padding:14px; border-radius:50%; color:#057dff; background:#d9edff; }.as-values article:nth-child(2) .icon { color:#00a996; background:#d7f4ed; }.as-values article:nth-child(3) .icon { color:#8345ff; background:#eae0ff; }.as-values article:nth-child(4) .icon { color:#ff8b19; background:#ffefde; }.as-values h3 { font-size:14px; }.about-signature .as-values p { font-size:12px; margin:0; }
.as-journey { padding:26px 0 28px; border-top:1px solid #e8f0fa; background:linear-gradient(#fff,#f5faff); scroll-margin-top:90px; }.about-signature .as-roadmap-note { font-size:11px; color:#7086a3; }.as-timeline { display:grid; grid-template-columns:repeat(5,1fr); gap:16px; margin-top:24px; padding-top:14px; border-top:1px solid #aacdf9; }.as-timeline article { position:relative; border:1px solid #e0ecfa; border-radius:8px; padding:18px; background:#fff; }.as-timeline article::before { content:""; position:absolute; top:-19px; left:50%; width:9px; height:9px; background:#087aff; border:2px solid #fff; border-radius:50%; }.as-timeline article>span { color:#067bff; font-weight:700; font-size:17px; display:block; margin-bottom:10px; }.as-timeline h3 { font-size:13px; }.about-signature .as-timeline p { font-size:12px; margin:0; }
.as-cta { color:#fff; padding:42px 0; background:linear-gradient(90deg,#021c37d9,#01234565),url('../images/resort-hero.webp') center 55%/cover; }.as-cta>.as-container { display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:center; }.as-cta h2 { font-size:34px; }.as-cta h2 span { color:#2fc8f4; }.about-signature .as-cta p { color:#d4e3f2; max-width:450px; }.about-signature .as-cta .as-eyebrow { color:#e3edf8; font-size:9px; }.as-cta .as-actions+p { font-size:10px; margin-top:18px; }
@media(hover:hover) { .as-node:hover { border-color:#49caff; background:#10375ce8; }.as-story-photo>a:hover { color:#007bff; } }
@media(max-width:1100px) { .as-container { width:calc(100% - 48px); }.as-hero-grid { gap:24px; }.as-network { min-height:340px; }.as-network-center { width:115px; height:115px; }.as-network-center strong { font-size:38px; }.as-network-center span { font-size:18px; }.as-node { width:135px; padding:8px; gap:6px; }.as-node-2,.as-node-4 { width:115px; }.as-node .icon { width:30px; height:30px; padding:7px; }.as-node strong { font-size:10px; }.as-node-6 { left:10px; }.as-node-7 { right:10px; }.as-story { gap:26px; }.as-story-photo { height:360px; }.as-story-principles { grid-template-columns:1fr; gap:12px; }.as-facts>div { gap:10px; padding:0 10px; }.as-facts strong { font-size:17px; }.as-facts small { font-size:10px; }.as-benefit-grid { grid-template-columns:1fr 1fr; }.as-values>div { gap:16px; }.as-values article { align-items:flex-start; gap:10px; }.as-timeline { gap:10px; }.as-timeline article { padding:14px; } }
@media(max-width:760px) { .as-container { width:calc(100% - 36px); }.as-hero-grid,.as-story,.as-why-grid,.as-mission>.as-container,.as-cta>.as-container { grid-template-columns:1fr; }.as-hero h1 { font-size:44px; }.as-network { min-height:360px; }.as-network-center { width:130px; height:130px; }.as-node { width:145px; }.as-node-2,.as-node-4 { width:125px; }.as-network { max-width:540px; width:100%; margin:auto; }.as-story-photo { height:300px; }.as-story-principles { grid-template-columns:repeat(3,1fr); }.as-story-principles>div { flex-direction:column; align-items:flex-start; }.as-facts { grid-template-columns:1fr 1fr; gap:20px 0; }.as-facts>div:nth-child(2) { border:0; }.as-facts strong { font-size:20px; }.as-why-grid { gap:24px; }.as-mission article,.as-mission article:last-child { padding:24px 0; border-left:0; }.as-mission article:last-child { border-top:1px solid #ffffff20; }.as-values>div { grid-template-columns:1fr 1fr; gap:24px; }.as-timeline { grid-template-columns:1fr 1fr; row-gap:20px; border:0; margin-top:12px; }.as-timeline article::before { display:none; }.as-timeline article:last-child { grid-column:1/-1; }.as-cta>.as-container { gap:24px; }.as-cta h2 { font-size:30px; } }
@media(max-width:420px) { .as-network-center { width:100px; height:100px; }.as-network-center strong { font-size:32px; }.as-network-center span { font-size:16px; }.as-node { width:125px; }.as-node-2,.as-node-4 { width:108px; left:6px; }.as-node-3,.as-node-5 { right:6px; }.as-node strong { font-size:9px; }.as-node small { font-size:8px; }.as-node .icon { width:26px; height:26px; padding:6px; }.as-benefit-grid { grid-template-columns:1fr; }.as-values article { flex-direction:column; }.as-facts .icon { width:34px; height:34px; padding:7px; }.as-facts strong { font-size:17px; }.as-facts>div { padding:0 8px; }.as-timeline { grid-template-columns:1fr; }.as-timeline article:last-child { grid-column:auto; } }