/* Editorial water-resources design system. */
.premium{--bg-primary:#f8fafc;--bg-secondary:#edf2f6;--bg-tertiary:#e4edf3;--bg-glass:rgba(248,250,252,.95);--text-main:#102c40;--text-muted:#496071;--text-subtle:#5e7281;--accent-cyan:#007e9e;--accent-teal:#006b88;--accent-amber:#006b88;--border-line:#d4dfe6;--border-active:#74b7ca;--shadow-md:0 16px 44px #0825360c;--canvas-water:rgba(0,150,190,.2);--canvas-water-stroke:#0086a6}
.premium .container{max-width:1380px;padding-inline:clamp(22px,5vw,80px)}
.premium .grid-bg-overlay{display:none}.premium section{padding-block:110px;scroll-margin-top:80px}.premium h2{font-size:clamp(2rem,3.5vw,3.6rem);letter-spacing:-.05em;max-width:850px}.premium p{line-height:1.8}
.skip-link{position:fixed;top:-100px;left:20px;padding:12px 20px;background:white;color:#102c40;z-index:999}.skip-link:focus{top:12px}.reading-progress{position:fixed;left:0;top:0;height:3px;background:#43c7e5;width:100%;transform:scaleX(0);transform-origin:left;z-index:200;pointer-events:none}
.premium .topbar{background:#081d2bf5;border-color:#ffffff16}.premium .topbar-inner{height:84px}.premium .brand-name{color:#fff;letter-spacing:.05em}.premium .brand-title{color:#9eb5c4;font-size:.625rem}.premium .brand-avatar{border:1px solid #ffffff45;box-shadow:none}.premium .nav-menu{gap:0}.premium .nav-menu a{color:#c3d1da;font-size:.78rem;padding:10px 9px}.premium .nav-menu a:hover,.premium .nav-menu a.active{color:#70dcf0;background:#ffffff0a;box-shadow:none}.premium .mobile-toggle{color:white;border-color:#ffffff30}
.premium .hero-section{background:#081d2b;color:#fff;padding:68px 0 0;position:relative;isolation:isolate;overflow:hidden}.hero-contours{position:absolute;width:900px;height:900px;right:-180px;top:-150px;background:repeating-radial-gradient(ellipse at 60% 40%,transparent 0 34px,#7ac2df12 35px 36px,transparent 37px 62px);transform:rotate(-25deg);z-index:-1;border-radius:44%;pointer-events:none}.premium .hero-grid{grid-template-columns:1.2fr 1fr;gap:7%;align-items:center}.eyebrow{font-family:'JetBrains Mono',monospace;font-size:.72rem;letter-spacing:.14em;margin-bottom:26px;color:var(--accent-cyan)}.hero-copy .eyebrow{color:#9ac4d5}.premium .hero-title{color:#f4f8fb;font-size:clamp(3.6rem,6.3vw,6rem);font-weight:500;letter-spacing:-.065em;line-height:1.02;margin-bottom:30px}.premium .hero-title .highlight{background:none;-webkit-text-fill-color:#77d7e6;color:#77d7e6}.premium .hero-subtitle{color:#adbfcb;max-width:475px;font-size:1.05rem;line-height:1.8}.premium .btn{border-radius:4px;padding:16px 24px;font-weight:500;transition:transform .2s,background .2s,box-shadow .2s}.premium .btn-primary{background:#087a98;color:white;border:1px solid #087a98;box-shadow:none}.hero-section .btn-primary{background:#91e2ed;color:#082838;border-color:#91e2ed}.premium .btn:hover{transform:translateY(-3px);box-shadow:0 8px 24px #08253618}.hero-ctas{align-items:center}.hero-ctas .btn{gap:32px}.hero-text-link{font-size:.9rem;padding:16px 8px;color:#d4e1e9}.hero-note{border-top:1px solid #ffffff20;margin-top:40px;padding-top:24px;display:flex;gap:24px;font-size:.8rem;color:#adbfcb}.hero-note>span:first-child{font-size:.66rem;letter-spacing:.12em;color:#6eb1c9;padding-top:4px}.portrait-stage{margin:0;position:relative;padding:26px 0 45px}.hero-portrait{display:block;width:100%;height:520px;object-fit:cover;object-position:center 20%;border-radius:180px 180px 6px 6px;filter:saturate(.65);background:#193a4d}.portrait-stage:after{content:'';position:absolute;left:0;right:0;bottom:45px;height:45%;background:linear-gradient(transparent,#081d2bea);pointer-events:none}.portrait-stage figcaption{position:absolute;bottom:78px;left:28px;z-index:1;color:white}.portrait-stage figcaption span{font: .61rem 'JetBrains Mono',monospace;letter-spacing:.1em;color:#c0d7e3;display:block;margin-bottom:8px}.portrait-stage figcaption strong{font-size:1.45rem;font-weight:500}.portrait-marker{position:absolute;right:-22px;top:58%;background:#eaf5f6;color:#163b4b;padding:20px 25px;z-index:2;font-size:.75rem;line-height:1.5;box-shadow:0 15px 40px #0002}.portrait-marker span{display:block;font-size:3rem;line-height:1.2;letter-spacing:-.06em}.portrait-orbit{position:absolute;inset:0 -18px 28px;border:1px solid #73bad638;border-radius:200px 200px 8px 8px;transform:rotate(5deg);pointer-events:none}.hero-bottom{display:flex;justify-content:space-between;padding-block:26px;margin-top:45px;border-top:1px solid #ffffff1c;color:#93aebb;font: .64rem 'JetBrains Mono',monospace;letter-spacing:.1em}.hero-bottom a{color:#e1edf3}.credential-ribbon{border-bottom:1px solid var(--border-line);background:#fff}.credential-ribbon>.container{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:30px}.credential-ribbon span{font: .62rem 'JetBrains Mono',monospace;max-width:140px;line-height:1.7;color:#688291}.credential-ribbon strong{font-size:.95rem;font-weight:500}.credential-ribbon small{display:block;color:#6a7c8a;font-size:.7rem;font-weight:400}
.premium .section-header{margin-bottom:48px}.premium .tech-titleblock{border:0;background:none;box-shadow:none;gap:8px;color:#087a98;margin-bottom:20px;font-size:.68rem;letter-spacing:.08em}.premium .tech-titleblock span{background:transparent;border:0;padding:0}.premium .tech-titleblock span:nth-child(1),.premium .tech-titleblock span:nth-child(3){display:none}.premium .tech-titleblock span:nth-child(2):after{content:' /';margin-right:5px}.premium .about-grid{gap:60px;grid-template-columns:.85fr 1.15fr}.premium .about-profile-card{max-width:none;border-radius:4px;padding:18px;background:white;box-shadow:none}.premium .about-text p{font-size:1rem}.premium .card,.premium .edu-card,.premium .research-card,.premium .project-card{border-radius:6px;box-shadow:none;border-color:#d4dfe6;transition:transform .25s,box-shadow .25s,border-color .25s}.premium .card:hover,.premium .project-card:hover,.premium .research-card:hover{transform:translateY(-5px);border-color:#73a9bc;box-shadow:0 18px 40px #12394e0b}.premium .project-filter-bar{gap:8px}.premium .filter-btn{border-radius:3px;padding:12px 17px}.premium .filter-btn.active{background:#102c40;color:white;border-color:#102c40}.premium .projects-grid{gap:24px}.premium .project-card{overflow:hidden}.premium .project-card img{object-fit:contain;background:#e9f0f4;padding:32px}.premium .stat-num{font-size:clamp(3rem,5vw,5rem);font-weight:500;color:#087a98;letter-spacing:-.06em}.premium .stat-label{font-size:.8rem}.premium .water-lab{background:#e5eef3}.lab-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.water-lab h2{margin-bottom:22px}.water-lab p{color:#496071;margin-bottom:22px;max-width:370px}.water-lab .lab-disclaimer{font-size:.8rem}.premium .hero-canvas-container{border-radius:8px;padding:26px;box-shadow:0 25px 55px #173a4f0d}.premium .canvas-header{gap:12px;font-size:.65rem}.premium .canvas-controls{font-size:.75rem}.premium #contact{background:#e8eff4}.premium .contact-card{background:transparent;border:0;box-shadow:none}.premium .contact-field-list{margin-top:32px}.premium .c-field{font-size:.85rem}.premium .c-field .val{overflow-wrap:anywhere}.premium .form-group input,.premium .form-group select,.premium .form-group textarea{border-radius:3px;padding:14px;background:#f8fafc}.premium .modal-content{border-radius:8px}.premium footer{background:#081d2b!important;color:#b7c9d5}.premium footer .container{color:#b7c9d5!important}.reveal-ready{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.reveal-ready.is-visible{opacity:1;transform:translateY(0)}
@media(min-width:1101px){.premium .mobile-toggle{display:none}}
@media(max-width:1100px){.premium .nav-menu{display:none;position:absolute;top:84px;left:0;right:0;background:#102c40;padding:20px;flex-direction:column;align-items:stretch;gap:8px}.premium .nav-menu.open{display:flex}.premium .nav-menu a{display:block;font-size:1rem}.premium .mobile-toggle{display:flex}.premium .hero-title{font-size:clamp(3rem,6.8vw,5rem)}.hero-portrait{height:470px}.portrait-marker{right:-10px}.premium .brand-title{font-size:.6rem}}
@media(max-width:760px){.premium section{padding-block:70px}.premium .hero-section{padding-top:44px}.premium .hero-grid{grid-template-columns:1fr;gap:32px}.premium .hero-title{font-size:clamp(3.3rem,12vw,5.4rem)}.premium .hero-subtitle{font-size:1rem}.portrait-stage{max-width:430px;width:90%;margin:auto}.hero-portrait{height:440px}.hero-bottom{margin-top:10px;gap:20px;line-height:1.7}.hero-bottom>span{max-width:180px}.credential-ribbon>.container{display:grid;grid-template-columns:1fr 1fr;gap:24px}.credential-ribbon strong{font-size:.8rem}.premium .about-grid,.lab-grid{grid-template-columns:1fr;gap:32px}.premium .hero-note{gap:16px}.premium .canvas-controls{padding:12px}.premium .canvas-controls input{min-width:0}.premium .projects-grid{grid-template-columns:1fr}.premium .contact-grid{grid-template-columns:1fr}.premium .contact-grid>.card{padding:24px!important}.premium .c-field{grid-template-columns:80px 1fr}.premium .stats-banner{grid-template-columns:1fr 1fr}.premium .research-grid{grid-template-columns:1fr}.premium .project-filter-bar{flex-wrap:wrap}.premium .filter-btn{font-size:.75rem}.premium .hero-canvas-container{padding:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.premium *, .premium *:before,.premium *:after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;transform:none}}