body{overflow-x:hidden}

/* ===== Sky particles ===== */
.sky-particles{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.sky-particles i{position:absolute;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 20px #68d7ff;opacity:.65;animation:particleFloat 13s linear infinite}
.sky-particles i:nth-child(1){left:8%;top:82%;animation-delay:-3s}
.sky-particles i:nth-child(2){left:24%;top:55%;width:5px;height:5px;animation-delay:-8s}
.sky-particles i:nth-child(3){left:69%;top:88%;animation-delay:-6s}
.sky-particles i:nth-child(4){left:84%;top:42%;width:11px;height:11px;animation-delay:-10s}
.sky-particles i:nth-child(5){left:53%;top:74%;width:4px;height:4px;animation-delay:-1s}
@keyframes particleFloat{0%{transform:translate3d(0,120px,0) scale(.5);opacity:0}20%{opacity:.7}100%{transform:translate3d(45px,-720px,0) scale(1.4);opacity:0}}

/* ===== Gallery / Carousel Section ===== */
.gallery-section{max-width:none;padding:82px max(24px,calc((100% - 1180px)/2));background:#edf8fb;border-top:1px solid #e3f0f3}
.gallery-section header{text-align:center;margin-bottom:34px}
.gallery-stage{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:22px;max-width:1080px;margin:0 auto}

/* Carousel image area */
.gallery-orbit{position:relative;width:100%;aspect-ratio:16/9;border-radius:22px;overflow:hidden;background:#173f59;box-shadow:0 22px 50px #164c6829}
.gallery-card{display:none;position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none}
.gallery-card.active{display:block;pointer-events:auto;animation:galleryFade .5s ease}
.gallery-card img{display:block;width:100%;height:100%;object-fit:cover}
.gallery-card:after{content:"";position:absolute;inset:42% 0 0;background:linear-gradient(transparent,#082d48e8);pointer-events:none}
.gallery-card div{position:absolute;z-index:2;left:28px;right:28px;bottom:22px;color:#fff}
.gallery-card small{color:#78eaff;font-weight:900;letter-spacing:2px;font-size:11px}
.gallery-card h3{margin:6px 0;font-size:26px}
.gallery-card p{color:#d8f5ff;font-size:13px;margin:0}
@keyframes galleryFade{from{opacity:.3}to{opacity:1}}

/* Carousel arrows */
.gallery-arrow{position:absolute;z-index:9;bottom:16px;width:42px;height:42px;border:0;border-radius:50%;background:#ffffffe6;color:#167fa8;font-size:22px;box-shadow:0 6px 18px #24617b28;cursor:pointer;transition:.25s;display:grid;place-items:center}
.gallery-arrow:hover{transform:scale(1.12);background:#fff}
.gallery-arrow.prev{left:14px}
.gallery-arrow.next{left:64px}

/* Carousel dots / thumbnails list */
.gallery-dots{display:grid;grid-template-columns:1fr;gap:10px;align-content:start}
.gallery-dots button{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;border:1px solid #d3e8ee;border-radius:14px;background:#fff;color:#426477;text-align:left;box-shadow:0 6px 16px #215a7108;cursor:pointer;transition:.25s;font:inherit}
.gallery-dots button:hover{border-color:#88cee0;transform:translateX(4px)}
.gallery-dots button.active{border-color:#269fc1;background:linear-gradient(135deg,#167fa8,#2aa9b4);color:#fff;box-shadow:0 10px 24px #167fa83d}
.gallery-dots b{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:10px;background:#e7f6fa;color:#1485a7;font-size:12px;font-weight:900}
.gallery-dots button.active b{background:rgba(255,255,255,.2);color:#fff}
.gallery-dots span{font-size:14px;font-weight:900}
.gallery-dots small{display:block;margin-top:3px;color:#88a0ab;font-size:11px;font-weight:400}
.gallery-dots button.active small{color:#d7f5fb}

/* ===== Archive Section ===== */
.archive-section{position:relative;padding-top:82px;padding-bottom:82px}
.archive-section:before{content:"";position:absolute;z-index:-1;right:-220px;top:60px;width:440px;height:440px;border-radius:50%;background:#8ae8f32e;filter:blur(25px)}
.archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.archive-feature{display:grid;grid-template-columns:44% 1fr;min-height:285px;border:1px solid #d6edf3;border-radius:22px;background:linear-gradient(145deg,#fff,#effaff);box-shadow:0 20px 45px #1d67811a;overflow:hidden;transition:transform .3s,box-shadow .3s}
.archive-feature.reverse{background:linear-gradient(145deg,#fffdf5,#f2fbff)}
.archive-feature:hover{transform:translateY(-5px);box-shadow:0 28px 55px #1c65802b}
.archive-feature figure{height:100%;margin:0;overflow:hidden}
.archive-feature figure img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.archive-feature:hover figure img{transform:scale(1.08)}
.archive-feature>div{align-self:center;padding:28px}
.archive-feature span{display:inline-block;padding:5px 10px;border-radius:20px;background:#dff6fb;color:#188caf;font-size:11px;font-weight:900}
.archive-feature h3{margin:12px 0;font-size:25px}
.archive-feature p{color:#6f8d9b;line-height:1.7;font-size:13px}
.archive-feature a{display:inline-block;margin-top:20px;color:#168daf;font-weight:900;font-size:13px}
.mini-guide{display:flex;align-items:center;gap:18px;padding:24px;border:1px solid #dbedf1;border-radius:18px;background:#fff;box-shadow:0 14px 35px #24576f12;transition:transform .3s,box-shadow .3s}
.mini-guide:hover{transform:translateY(-5px);box-shadow:0 20px 44px #24576f25}
.mini-guide img{width:50px;height:50px;filter:drop-shadow(0 8px 11px #168eb64d)}
.mini-guide div{padding-left:10px}
.mini-guide small{color:#1aa0c3;font-size:10px;font-weight:900;letter-spacing:1.5px}
.mini-guide h3{margin:4px 0;font-size:18px}
.mini-guide p{font-size:12px;color:#8197a0}
.archive-grid .mini-guide:nth-of-type(3){grid-column:1/2}
.archive-grid .mini-guide:nth-of-type(4){grid-column:2/3}
.archive-grid .mini-guide:nth-of-type(5){grid-column:1/-1}

/* ===== Reveal animation ===== */
.reveal{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}
.reveal.is-visible{opacity:1;transform:none}

/* ===== Section borders ===== */
.section+.section{border-top:1px solid #e3f0f3}

/* ===== Responsive ===== */
@media(max-width:850px){.gallery-stage{grid-template-columns:1fr}.gallery-dots{grid-template-columns:1fr 1fr}.archive-grid{grid-template-columns:1fr}.archive-feature,.archive-grid .mini-guide:nth-of-type(3),.archive-grid .mini-guide:nth-of-type(4),.archive-grid .mini-guide:nth-of-type(5){grid-column:1}.archive-feature{min-height:270px}}
@media(max-width:560px){.gallery-section,.archive-section{padding-top:65px;padding-bottom:65px}.gallery-orbit{border-radius:18px}.gallery-card div{left:16px;right:16px;bottom:14px}.gallery-card h3{font-size:20px}.gallery-card p{display:none}.gallery-arrow{display:none}.gallery-dots{grid-template-columns:1fr}.archive-feature{display:block}.archive-feature figure{height:200px}.archive-feature>div{padding:20px}.mini-guide{min-height:80px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.gallery-card.active{animation:none}}