:root {--bento-bg:#020617;--bento-card-bg:rgba(15, 23, 42, 0.4);--bento-border:rgba(255, 255, 255, 0.08);--bento-hover-border:rgba(56, 189, 248, 0.4);--bento-accent:#38bdf8;--bento-accent-purple:#a855f7;--bento-text-main:#f8fafc;--bento-text-sub:#94a3b8;--cs-light-bg:#FFFFFF;--cs-light-bg-alt:#F8FAFC;--cs-light-text-main:#0F172A;--cs-light-text-sub:#475569;--cs-light-accent:#38BDF8;--cs-light-border:#E2E8F0;}.bento-hero-section {position:relative;padding:0;min-height:70vh;display:flex;align-items:center;justify-content:center;text-align:center;background:var(--bento-bg);overflow:hidden;margin-bottom:80px;}.bento-hero-bg {position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%, rgba(56, 189, 248, 0.15) 0%, transparent 50%),radial-gradient(circle at 80% 80%, rgba(168, 85, 247, 0.15) 0%, transparent 50%),radial-gradient(circle at 40% 20%, rgba(34, 211, 238, 0.1) 0%, transparent 40%);z-index:0;animation:mesh-move 20s ease-in-out infinite;}@keyframes mesh-move {0%,100% {background-position:0% 0%, 100% 100%, 50% 0%;}50% {background-position:100% 100%, 0% 0%, 0% 100%;}}.bento-hero-section::before,.bento-hero-section::after {content:'';position:absolute;border-radius:50%;filter:blur(80px);opacity:0.3;animation:float 15s ease-in-out infinite;}.bento-hero-section::before {width:400px;height:400px;background:radial-gradient(circle, rgba(56, 189, 248, 0.4), transparent);top:-100px;left:-100px;animation-delay:0s;}.bento-hero-section::after {width:300px;height:300px;background:radial-gradient(circle, rgba(168, 85, 247, 0.4), transparent);bottom:-50px;right:-50px;animation-delay:7s;}@keyframes float {0%,100% {transform:translate(0, 0) scale(1);}33% {transform:translate(30px, -30px) scale(1.1);}66% {transform:translate(-20px, 20px) scale(0.9);}}.bento-grid-floor {position:absolute;bottom:-50%;left:-50%;width:200%;height:100%;background-image:linear-gradient(rgba(56, 189, 248, 0.05) 1px, transparent 1px),linear-gradient(90deg, rgba(56, 189, 248, 0.05) 1px, transparent 1px);background-size:60px 60px;transform:perspective(500px) rotateX(60deg);animation:grid-scroll 20s linear infinite;mask-image:linear-gradient(to top, black, transparent);z-index:0;}@keyframes grid-scroll {0% {transform:perspective(500px) rotateX(60deg) translateY(0);}100% {transform:perspective(500px) rotateX(60deg) translateY(60px);}}.bento-hero-content {position:relative;z-index:2;max-width:900px;padding:0 20px;}.bento-hero-title {font-size:5.5rem;font-weight:900;line-height:1;letter-spacing:-4px;margin-bottom:28px;background:linear-gradient(135deg, #fff 0%, #38bdf8 50%, #a855f7 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;animation:gradient-shift 8s ease infinite;position:relative;}@keyframes gradient-shift {0%,100% {background-position:0% 50%;}50% {background-position:100% 50%;}}.bento-hero-title::after {content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:100px;height:4px;background:linear-gradient(90deg, transparent, var(--bento-accent), transparent);border-radius:2px;}.bento-hero-desc {font-size:1.4rem;color:var(--bento-text-sub);margin:0 auto;font-weight:400;line-height:1.7;max-width:700px;}.hero-scroll-indicator {position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;opacity:0.5;animation:bounce 2s infinite;z-index:3;cursor:pointer;transition:opacity 0.3s ease;}.hero-scroll-indicator:hover {opacity:0.8;}@keyframes bounce {0%,100% {transform:translateX(-50%) translateY(0);}50% {transform:translateX(-50%) translateY(-10px);}}.hero-scroll-text {font-size:0.7rem;text-transform:uppercase;letter-spacing:3px;font-weight:600;}.bento-grid-wrapper {display:grid;grid-template-columns:repeat(4, 1fr);grid-auto-rows:minmax(420px, auto);gap:28px;padding-bottom:120px;position:relative;}.bento-card {background:var(--bento-card-bg);border:1px solid var(--bento-border);border-radius:28px;overflow:hidden;position:relative;display:flex;flex-direction:column;height:100%;transition:all 0.6s cubic-bezier(0.23, 1, 0.32, 1);backdrop-filter:blur(20px);cursor:pointer;}.bento-card::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(56, 189, 248, 0.15),transparent 40%);opacity:0;transition:opacity 0.5s;z-index:1;pointer-events:none;}.bento-card:hover::before {opacity:1;}.bento-card::after {content:'';position:absolute;inset:0;border-radius:28px;padding:1px;background:linear-gradient(135deg, var(--bento-accent), var(--bento-accent-purple));-webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity 0.5s;}.bento-card:hover::after {opacity:1;}.bento-card:hover {transform:translateY(-12px) scale(1.02);box-shadow:0 30px 60px -12px rgba(0, 0, 0, 0.5),0 0 40px rgba(56, 189, 248, 0.2);}.span-1 {grid-column:span 1;}.span-2 {grid-column:span 2;}.span-3 {grid-column:span 3;}.span-full {grid-column:span 4;}.row-span-1 {grid-row:span 1;}.row-span-2 {grid-row:span 2;}.bento-card.type-standard .bento-img {height:240px;width:100%;object-fit:cover;flex-shrink:0;transition:transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);}.bento-card.type-standard:hover .bento-img {transform:scale(1.1);}.bento-card.type-standard .bento-content {padding:24px;flex:1;display:flex;flex-direction:column;position:relative;z-index:2;}.bento-card.type-wide {flex-direction:row;align-items:center;}.bento-card.type-wide .bento-img-wrap {width:55%;height:100%;position:relative;overflow:hidden;}.bento-card.type-wide .bento-img {width:100%;height:100%;object-fit:cover;transition:transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);}.bento-card.type-wide:hover .bento-img {transform:scale(1.15) rotate(2deg);}.bento-card.type-wide .bento-content {width:45%;padding:48px;position:relative;z-index:2;}.bento-card.type-overlay .bento-img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;transition:transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);}.bento-card.type-overlay:hover .bento-img {transform:scale(1.1);}.bento-card.type-overlay::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.3) 60%, transparent 100%);z-index:1;}.bento-card.type-overlay .bento-content {position:relative;z-index:2;margin-top:auto;padding:36px;}.bento-eyebrow {font-size:0.65rem;font-weight:800;text-transform:uppercase;color:var(--bento-accent);letter-spacing:1.5px;margin-bottom:10px;display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:16px;border-top:1px solid rgba(255, 255, 255, 0.08);}.bento-eyebrow i {font-size:0.6rem;}.bento-title {font-size:1.5rem;font-weight:700;color:#fff;line-height:1.3;margin-bottom:12px;letter-spacing:-0.5px;transition:all 0.3s ease;}.bento-title a {color:inherit;text-decoration:none;background:linear-gradient(135deg, #fff, #38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:all 0.3s ease;}.bento-card:hover .bento-title a {background:linear-gradient(135deg, #38bdf8, #a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}.bento-desc {color:var(--bento-text-sub);font-size:0.95rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:0;}.bento-badge {position:absolute;top:24px;right:24px;background:rgba(0, 0, 0, 0.6);backdrop-filter:blur(12px);border:1px solid rgba(255, 255, 255, 0.15);color:#fff;padding:8px 18px;border-radius:100px;font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;z-index:5;transition:all 0.3s ease;}.bento-card:hover .bento-badge {background:linear-gradient(135deg, var(--bento-accent), var(--bento-accent-purple));border-color:transparent;transform:scale(1.05);}.cs-details-hero {position:relative;min-height:80vh;display:flex;align-items:center;background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;overflow:hidden;}.cs-hero-overlay {position:absolute;inset:0;background:linear-gradient(to bottom, rgba(15, 23, 42, 0.7), rgba(15, 23, 42, 0.8));z-index:1;}.cs-details-hero .container {position:relative;z-index:2;}.cs-hero-eyebrow {font-size:0.8rem;font-weight:700;text-transform:uppercase;letter-spacing:3px;color:var(--cs-light-accent);margin-bottom:20px;}.cs-hero-title {font-size:clamp(1.5rem, 4vw, 3.5rem);font-weight:800;line-height:1.2;color:#FFFFFF;margin-bottom:30px;text-shadow:0 10px 30px rgba(0, 0, 0, 0.3);}.cs-spec-bar {display:inline-flex;align-items:center;background:rgba(255, 255, 255, 0.1);border:1px solid rgba(255, 255, 255, 0.2);padding:15px 40px;border-radius:100px;backdrop-filter:blur(10px);gap:32px;}.cs-spec-item {display:flex;flex-direction:column;align-items:flex-start;color:#FFFFFF;text-align:left;}.cs-spec-label {font-size:0.65rem;font-weight:800;letter-spacing:0.1em;color:var(--cs-light-accent);margin-bottom:4px;}.cs-spec-value {font-weight:600;font-size:0.95rem;}.cs-spec-divider {width:1px;height:30px;background:rgba(255, 255, 255, 0.2);}.cs-white-narrative-section {padding:100px 0;background:var(--cs-light-bg);}.cs-narrative-phase {margin-bottom:50px;}.cs-phase-title {font-size:1.75rem;font-weight:700;color:#0F172A;margin-bottom:1.5rem;font-family:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;}.cs-phase-content {font-size:1.1rem;line-height:1.75;color:#334155;padding-left:24px;border-left:2px solid #E2E8F0;font-weight:400;}.cs-phase-content p {margin-bottom:1.5rem;font-size:1.1rem;}.cs-richtext h1,.cs-richtext h2,.cs-richtext h3,.cs-richtext h4 {color:#0F172A;font-weight:700;margin-top:2.5rem;margin-bottom:1.25rem;line-height:1.3;}.cs-richtext h2 {font-size:1.85rem;font-weight:700;margin-top:3rem;letter-spacing:-0.5px;}.cs-richtext h3 {font-size:1.5rem;font-weight:600;}.cs-richtext h4 {font-size:1.15rem;}.cs-richtext p {margin-bottom:1.5rem;color:#475569;}.cs-richtext ul,.cs-richtext ol {margin-bottom:1.5rem;padding-left:1.5rem;}.cs-richtext li {margin-bottom:0.75rem;color:#475569;}.cs-richtext a {color:#38BDF8;text-decoration:none;font-weight:500;transition:color 0.2s ease;}.cs-richtext a:hover {color:#0EA5E9;text-decoration:underline;}.cs-richtext strong {color:#0F172A;font-weight:600;}.cs-richtext code {background:#F1F5F9;padding:0.2rem 0.4rem;border-radius:4px;font-size:0.9em;color:#0F172A;}.cs-richtext blockquote {border-left:4px solid #38BDF8;padding-left:1.5rem;margin:2rem 0;font-style:italic;color:#64748B;}.cs-detail-white-card {background:#FFFFFF;border:1px solid var(--cs-light-border);border-radius:20px;padding:30px;box-shadow:0 4px 20px rgba(0, 0, 0, 0.03);margin-bottom:30px;transition:transform 0.3s ease, box-shadow 0.3s ease;}.cs-detail-white-card:hover {transform:translateY(-5px);box-shadow:0 15px 40px rgba(0, 0, 0, 0.06);}.cs-impact-highlight {background:var(--cs-light-bg-alt);border-left:4px solid var(--cs-light-accent);padding:30px 40px;border-radius:0 15px 15px 0;}.cs-gallery-grid {display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:30px;margin-top:40px;}.cs-gallery-item {border-radius:15px;overflow:hidden;position:relative;cursor:pointer;box-shadow:0 5px 15px rgba(0, 0, 0, 0.05);}.cs-gallery-item img {width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;}.cs-gallery-item:hover img {transform:scale(1.05);}.cs-sidebar-sticky {position:sticky;top:100px;}.cs-nexus-widget {background:#F8FAFC;border:none;border-radius:16px;padding:32px;margin-bottom:30px;}.cs-nexus-title {font-size:1.25rem;font-weight:700;margin-bottom:24px;color:#0F172A;}.cs-stats-list {display:flex;flex-direction:column;gap:16px;margin-bottom:28px;}.cs-stat-box {display:flex;flex-direction:column;gap:6px;padding:0;background:transparent;border-radius:0;border-bottom:1px solid #E2E8F0;padding-bottom:16px;}.cs-stat-box:last-child {border-bottom:none;padding-bottom:0;}.cs-stat-label {font-size:0.7rem;font-weight:700;text-transform:uppercase;color:#64748B;letter-spacing:1.2px;}.cs-stat-value {font-size:1rem;font-weight:600;color:#0F172A;}.cs-btn-nexus {display:flex;align-items:center;justify-content:center;gap:10px;background:#0F172A;color:#FFFFFF;padding:16px 28px;border-radius:12px;text-decoration:none !important;font-weight:600;font-size:0.85rem;letter-spacing:0.5px;transition:all 0.3s ease;text-align:center;}.cs-btn-nexus:hover {background:#38BDF8;transform:translateY(-2px);box-shadow:0 8px 20px rgba(56, 189, 248, 0.3);color:#FFFFFF;}.cs-stack-narratives {display:flex;flex-direction:column;gap:12px;}.cs-stack-item {display:flex;gap:12px;padding:0;background:transparent;border:none;border-radius:12px;text-decoration:none !important;transition:all 0.3s ease;}.cs-stack-item:hover {transform:translateY(-2px);}.cs-stack-thumb {width:80px;height:80px;border-radius:10px;overflow:hidden;flex-shrink:0;background:#F8FAFC;}.cs-stack-thumb img {width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;}.cs-stack-item:hover .cs-stack-thumb img {transform:scale(1.05);}.cs-stack-body {flex:1;display:flex;flex-direction:column;justify-content:center;}.cs-stack-body h6 {font-size:0.95rem;font-weight:600;color:#0F172A;margin-bottom:0;line-height:1.4;transition:color 0.3s ease;}.cs-stack-item:hover .cs-stack-body h6 {color:#38BDF8;}@media (max-width:1399px) {.bento-grid-wrapper {grid-template-columns:repeat(3, 1fr);grid-auto-rows:minmax(400px, auto);gap:24px;}.span-2,.span-3 {grid-column:span 2;}.span-full {grid-column:span 3;}}@media (max-width:991px) {.bento-hero-title {font-size:4rem;}.bento-grid-wrapper {grid-template-columns:repeat(2, 1fr);grid-auto-rows:minmax(380px, auto);gap:20px;}.span-2,.span-3,.span-full {grid-column:span 2;}.bento-card {min-height:380px;}.bento-card.type-wide {flex-direction:column;}.bento-card.type-wide .bento-img-wrap {width:100%;height:250px;}.bento-card.type-wide .bento-content {width:100%;flex:1;padding:32px;}.cs-hero-title {font-size:2.5rem;line-height:1.2;margin-bottom:25px;}.cs-spec-bar {flex-direction:column;align-items:stretch;border-radius:20px;gap:15px;padding:20px 30px;}.cs-spec-divider {display:none;}.cs-white-narrative-section {padding:60px 0;}.cs-sidebar-sticky {position:relative;top:0;margin-top:40px;}.cs-nexus-widget {margin-bottom:30px;}.cs-phase-content {padding-left:20px;}}@media (max-width:767px) {.bento-hero-section {min-height:50vh;margin-bottom:60px;padding:0 20px;}.bento-hero-title {font-size:3rem;letter-spacing:-2px;}.bento-hero-desc {font-size:1.1rem;}.bento-grid-wrapper {display:flex;flex-direction:column;gap:24px;padding-bottom:80px;}.bento-card {min-height:auto;}.bento-card.type-standard .bento-img,.bento-card.type-wide .bento-img-wrap {height:220px;}.bento-content {padding:24px !important;}.bento-title {font-size:1.5rem !important;}.bento-desc {-webkit-line-clamp:4;line-clamp:4;font-size:0.95rem;}.cs-hero-title {font-size:2rem;line-height:1.25;margin-bottom:20px;}.cs-details-hero {min-height:60vh;}.cs-spec-bar {padding:16px 24px;}.cs-white-narrative-section {padding:40px 0;}.cs-nexus-widget {padding:24px;}.cs-stat-box {padding:16px;}.cs-phase-content {font-size:1rem;padding-left:16px;}.cs-richtext h2 {font-size:1.5rem;}.cs-richtext h3 {font-size:1.25rem;}.cs-stack-thumb {width:70px;height:70px;}}@media (max-width:575px) {.bento-hero-title {font-size:2.5rem;margin-bottom:20px;}.bento-hero-desc {font-size:1rem;}.bento-grid-wrapper {gap:20px;}.bento-card.type-standard .bento-img,.bento-card.type-wide .bento-img-wrap {height:200px;}.bento-content {padding:20px !important;}.bento-title {font-size:1.35rem !important;margin-bottom:10px;}.bento-eyebrow {font-size:0.6rem;padding-top:14px;}.bento-badge {top:16px;right:16px;padding:6px 14px;font-size:0.65rem;}.cs-hero-title {font-size:1.5rem;line-height:1.3;margin-bottom:15px;}.cs-hero-eyebrow {font-size:0.7rem;margin-bottom:15px;}.cs-spec-bar {padding:12px 20px;gap:12px;}.cs-spec-value {font-size:0.85rem;}.cs-nexus-widget {padding:20px;border-radius:12px;}.cs-nexus-title {font-size:1.1rem;margin-bottom:20px;}.cs-phase-content {font-size:0.95rem;line-height:1.7;padding-left:12px;border-left-width:2px;}.cs-richtext h2 {font-size:1.35rem;margin-top:2rem;}.cs-richtext h3 {font-size:1.15rem;}.cs-richtext h4 {font-size:1rem;}.cs-stack-item {gap:10px;}.cs-stack-thumb {width:60px;height:60px;}.cs-stack-body h6 {font-size:0.9rem;line-height:1.3;}}