.cs{font-family:Open Sans,Helvetica,Arial,sans-serif}.cs .cs-reveal{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.cs .cs-reveal.visible{opacity:1;transform:translateY(0)}.hero-anim{opacity:0;transform:translateY(30px);animation:csReveal .9s cubic-bezier(.16,1,.3,1) forwards;animation-delay:var(--delay, 0s)}@keyframes csReveal{to{opacity:1;transform:translateY(0)}}.cs__hero{position:relative;min-height:70vh;background:#4b6382;display:flex;flex-direction:column;overflow:hidden;color:#fff}.cs__hero-bg{position:absolute;inset:0;z-index:0;-webkit-mask-image:linear-gradient(to bottom,black 30%,transparent 80%);mask-image:linear-gradient(to bottom,black 30%,transparent 80%)}.cs__hero-bg-img{width:100%;height:100%;object-fit:cover;object-position:center top;opacity:.12}.cs__hero-top{position:relative;z-index:10;flex:1;display:flex;flex-direction:column;justify-content:center;padding:140px 60px 60px;max-width:900px;gap:20px}.cs__hero-meta{display:flex;align-items:center;gap:40px}.cs__back{font-size:.8rem;font-weight:700;color:#00bfff;text-decoration:none;letter-spacing:.05em;transition:transform .5s cubic-bezier(.16,1,.3,1),color .5s cubic-bezier(.16,1,.3,1);display:inline-block}.cs__back:hover{transform:translate(-6px)}.cs__hero-detail{display:flex;align-items:center;gap:12px;font-size:.7rem;font-weight:600;letter-spacing:.15em;color:#fff6;text-transform:uppercase}.cs__dot{width:4px;height:4px;border-radius:50%;background:#ffffff40}.cs__hero-title{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:500;line-height:1.05;margin:0;letter-spacing:-.03em}.cs__hero-desc{font-size:1.1rem;color:#fff9;line-height:1.7;margin:0;max-width:700px}.cs__hero-footer{position:relative;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:20px 60px;border-top:1px solid rgba(255,255,255,.06);font-size:.65rem;color:#ffffff4d;letter-spacing:.15em;font-weight:600}.cs__scroll{display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:color .5s cubic-bezier(.16,1,.3,1)}.cs__scroll:hover{color:#ffffffb3}.cs__scroll svg{transition:transform .5s cubic-bezier(.16,1,.3,1)}.cs__scroll:hover svg{transform:translateY(3px)}.cs__image-section{background:#f5f5f0;overflow:hidden}.cs__bleed-top{height:200px;background:linear-gradient(to bottom,#4b6382,#4b6382f2 10%,#4b6382b3 30%,#c8c6be66 55%,#f5f5f0cc 75%,#f5f5f0)}.cs__image-inner{padding:0 60px 80px}.cs__image-wrap{position:relative;border-radius:8px;overflow:hidden;max-width:1200px;margin:0 auto}.cs__main-img{width:100%;height:auto;display:block;transition:transform .8s cubic-bezier(.16,1,.3,1)}.cs__image-wrap:hover .cs__main-img{transform:scale(1.02)}.cs__image-tag{position:absolute;bottom:16px;right:16px;font-size:.65rem;color:#ffffffbf;background:#00000059;padding:4px 12px;border-radius:4px;letter-spacing:.08em;font-weight:600;backdrop-filter:blur(4px)}.cs__content{background:#f5f5f0;color:#111}.cs__content-inner{max-width:1200px;margin:0 auto;padding:0 60px 100px}.cs__block{padding:48px 0;border-top:1px solid #ddd}.cs__block:last-of-type{border-bottom:1px solid #ddd}.cs__block-header{display:flex;align-items:baseline;gap:14px;margin-bottom:24px}.cs__block-num{font-size:.75rem;font-weight:600;color:#aaa;letter-spacing:.1em}.cs__block-arrow{font-size:.9rem;color:#00bfff;transition:transform .5s cubic-bezier(.16,1,.3,1)}.cs__block:hover .cs__block-arrow{transform:translate(4px)}.cs__block-title{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:700;margin:0;letter-spacing:-.02em;transition:color .5s cubic-bezier(.16,1,.3,1)}.cs__block:hover .cs__block-title{color:#333}.cs__block-text{font-size:1.05rem;color:#555;line-height:1.8;margin:0;max-width:800px}.cs__tags{display:flex;flex-wrap:wrap;gap:10px}.cs__tag{padding:10px 22px;border:1px solid #ddd;border-radius:50px;font-size:.85rem;font-weight:600;color:#333;letter-spacing:.02em;transition:border-color .5s cubic-bezier(.16,1,.3,1),color .5s cubic-bezier(.16,1,.3,1)}.cs__tag:hover{border-color:#00bfff;color:#00bfff}.cs__metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cs__metric{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:8px;padding:36px 28px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .7s cubic-bezier(.16,1,.3,1)}.cs__metric:hover{transform:translateY(-6px);box-shadow:0 16px 40px #00000014}.cs__metric-value{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:#00bfff;line-height:1;letter-spacing:-.02em}.cs__metric-label{font-size:.85rem;color:#777;line-height:1.5}.cs__gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:60px}.cs__gallery-wrap{border-radius:8px;overflow:hidden}.cs__gallery-img{width:100%;height:350px;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.16,1,.3,1)}.cs__gallery-wrap:hover .cs__gallery-img{transform:scale(1.04)}@media(max-width:1200px){.cs__hero-top{padding:130px 60px 50px}.cs__hero-footer{padding:18px 60px}.cs__image-inner{padding:0 60px 60px}.cs__content-inner{padding:0 60px 80px}}@media(max-width:1024px){.cs__hero-top{padding:120px 40px 40px}.cs__hero-title{font-size:clamp(2rem,5vw,3.5rem)}.cs__hero-desc{font-size:1rem}.cs__hero-footer{padding:16px 40px}.cs__image-inner{padding:0 40px 50px}.cs__content-inner{padding:0 40px 60px}.cs__block{padding:36px 0}.cs__metrics,.cs__gallery{grid-template-columns:1fr}.cs__gallery-img{height:280px}.cs__bleed-top{height:150px}}@media(max-width:768px){.cs__hero{min-height:auto}.cs__hero-top{padding:100px 24px 32px}.cs__hero-meta{flex-direction:column;gap:10px;align-items:flex-start}.cs__hero-title{font-size:clamp(1.8rem,6vw,2.5rem)}.cs__hero-desc{font-size:.9rem}.cs__hero-footer{padding:14px 24px}.cs__image-inner{padding:0 24px 40px}.cs__content-inner{padding:0 24px 50px}.cs__block{padding:28px 0}.cs__block-title{font-size:clamp(1.3rem,5vw,1.8rem)}.cs__block-text{font-size:.95rem}.cs__tag{font-size:.75rem;padding:8px 16px}.cs__gallery-img{height:220px}.cs__bleed-top{height:100px}}@media(max-width:480px){.cs__hero-top{padding:90px 16px 24px;gap:14px}.cs__hero-title{font-size:clamp(1.5rem,7vw,2rem)}.cs__hero-desc{font-size:.85rem}.cs__hero-footer{padding:12px 16px;font-size:.55rem}.cs__image-inner{padding:0 16px 30px}.cs__content-inner{padding:0 16px 40px}.cs__block{padding:22px 0}.cs__block-title{font-size:clamp(1.2rem,6vw,1.5rem)}.cs__block-text{font-size:.85rem}.cs__tag{font-size:.65rem;padding:6px 14px}.cs__metric{padding:28px 20px}.cs__metric-value{font-size:2rem}.cs__gallery-img{height:180px}.cs__bleed-top{height:60px}}
