:root{--navy:#081a31;--ink:#102642;--muted:#60738c;--aqua:#32c8ff;--blue:#087cff;--glass:rgba(255,255,255,.62);--stroke:rgba(255,255,255,.84);--shadow:0 28px 80px rgba(34,68,108,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;background:linear-gradient(145deg,#f7fdff 0%,#edf5ff 43%,#f7f1ff 72%,#fff8fb);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 90% 5%,rgba(66,204,255,.4),transparent 29%),radial-gradient(circle at 3% 58%,rgba(255,147,213,.28),transparent 26%);z-index:-1}.glass{background:var(--glass);border:1px solid var(--stroke);box-shadow:var(--shadow);backdrop-filter:blur(30px) saturate(165%);-webkit-backdrop-filter:blur(30px) saturate(165%)}.site-header{position:fixed;z-index:100;inset:0 0 auto;padding:16px}.nav{max-width:1120px;height:66px;margin:auto;padding:0 12px 0 18px;border-radius:24px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;font-weight:780}.mark{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;color:#fff;font-size:11px;background:linear-gradient(145deg,#4cdbff,#087cff);box-shadow:inset 0 1px 2px #fff,0 9px 23px rgba(8,124,255,.3)}.links{display:flex;gap:7px}.links a,.nav-action{color:#405570;text-decoration:none;font-size:13px;font-weight:650;padding:10px 14px;border-radius:14px}.links a:hover,.links a.active{background:rgba(255,255,255,.7);color:var(--blue)}.nav-action{color:#fff;background:linear-gradient(145deg,rgba(59,207,255,.9),rgba(8,124,255,.93));box-shadow:inset 0 1px 2px #fff,0 8px 22px rgba(8,124,255,.25)}.aqua-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 21px;border-radius:19px;color:#fff;text-decoration:none;font-size:14px;font-weight:760;background:linear-gradient(145deg,rgba(71,218,255,.92),rgba(8,124,255,.92));border:1px solid rgba(255,255,255,.85);box-shadow:inset 0 1px 2px rgba(255,255,255,.8),0 13px 30px rgba(8,124,255,.24);transition:.25s}.aqua-button:hover{transform:translateY(-2px);filter:saturate(1.1)}.aqua-button.clear{color:var(--ink);background:rgba(255,255,255,.55);box-shadow:inset 0 1px 2px #fff,0 12px 28px rgba(56,82,120,.12)}.hero{max-width:1180px;min-height:790px;margin:auto;padding:145px 45px 80px;display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:75px}.kicker{font-size:11px;font-weight:820;text-transform:uppercase;letter-spacing:.19em;color:#0b82ef}.hero h1,.page-hero h1{font-size:clamp(58px,7.6vw,96px);line-height:.89;letter-spacing:-.07em;margin:20px 0}.gradient{background:linear-gradient(90deg,#087cff,#30bce9,#9b63ed);-webkit-background-clip:text;color:transparent}.lead{max-width:620px;color:var(--muted);font-size:18px;line-height:1.7}.buttons{display:flex;gap:11px;flex-wrap:wrap;margin-top:30px}.portrait-shell{position:relative;min-height:540px;display:grid;place-items:center}.portrait{position:relative;width:min(390px,90vw);height:510px;padding:11px;border-radius:46px;overflow:hidden;transform:rotate(2deg)}.portrait img{width:100%;height:100%;object-fit:cover;border-radius:36px}.portrait:after{content:"";position:absolute;inset:11px;border-radius:36px;background:linear-gradient(to top,rgba(5,20,39,.7),transparent 50%)}.portrait-caption{position:absolute;z-index:1;left:35px;bottom:34px;color:#fff}.portrait-caption small{display:block;opacity:.7}.portrait-caption strong{font-size:32px}.bubble{position:absolute;padding:15px 19px;border-radius:21px;display:flex;flex-direction:column;font-size:11px;color:var(--muted)}.bubble strong{font-size:16px;color:var(--ink)}.bubble.one{left:-10px;top:62px}.bubble.two{right:-5px;bottom:58px}.section{max-width:1080px;margin:auto;padding:95px 25px}.section.center{text-align:center}.section h2{font-size:clamp(38px,5vw,61px);line-height:1.03;letter-spacing:-.055em;margin:16px 0}.section-intro{max-width:690px;margin:0 auto;color:var(--muted);font-size:17px;line-height:1.75}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:45px}.card{border-radius:30px;padding:28px;color:var(--ink);text-decoration:none;transition:.25s}.card:hover{transform:translateY(-5px)}.icon{width:48px;height:48px;border-radius:17px;display:grid;place-items:center;margin-bottom:28px;color:#fff;font-size:20px;background:linear-gradient(145deg,#4addff,#087cff);box-shadow:inset 0 1px 2px #fff,0 10px 23px rgba(8,124,255,.2)}.card:nth-child(2) .icon{background:linear-gradient(145deg,#ff9bd2,#ed4f99)}.card:nth-child(3) .icon{background:linear-gradient(145deg,#b09aff,#725de8)}.card h3{font-size:25px;margin:8px 0}.card p{color:var(--muted);line-height:1.65}.card b{color:#087cff;font-size:13px}.gallery{display:grid;grid-template-columns:1.25fr .75fr .75fr;grid-template-rows:360px;gap:14px;margin-top:40px}.shot{position:relative;margin:0;border-radius:29px;overflow:hidden;box-shadow:0 20px 48px rgba(30,56,88,.15)}.shot img{width:100%;height:100%;object-fit:cover;transition:.45s}.shot:hover img{transform:scale(1.035)}.shot:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(5,19,37,.72),transparent 55%)}.shot figcaption{position:absolute;z-index:1;left:22px;bottom:20px;color:#fff;display:flex;flex-direction:column}.shot figcaption span{font-size:12px;opacity:.72}.page-hero{max-width:1080px;margin:auto;padding:170px 28px 70px;text-align:center}.page-hero .lead{margin:auto}.page-portrait{width:150px;height:150px;padding:7px;border-radius:42px;margin:0 auto 24px}.page-portrait img{width:100%;height:100%;object-fit:cover;border-radius:35px}.split{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}.story{color:var(--muted);font-size:17px;line-height:1.8}.story p:first-child{margin-top:0}.list{border-radius:30px;padding:8px 20px}.list a,.list .row{display:grid;grid-template-columns:42px 1fr 25px;gap:14px;align-items:center;padding:20px 8px;border-bottom:1px solid rgba(75,99,130,.12);color:var(--ink);text-decoration:none}.list>*:last-child{border-bottom:0}.list small{display:block;color:var(--muted);margin-top:3px}.list i{font-style:normal;color:#087cff}.mosaic{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:250px;gap:14px;margin-top:38px}.mosaic .shot:first-child{grid-row:span 2}.mosaic .shot:nth-child(4){grid-column:span 2}.timeline{margin-top:45px;display:grid;gap:13px}.event{border-radius:25px;padding:24px;display:grid;grid-template-columns:90px 1fr;gap:25px}.event strong{font-size:23px;color:#087cff}.event h3{margin:0 0 7px}.event p{margin:0;color:var(--muted);line-height:1.6}.quote{max-width:850px;margin:30px auto 70px;text-align:center;font-size:clamp(28px,4vw,45px);line-height:1.26;letter-spacing:-.04em}.footer{max-width:1080px;margin:40px auto 0;padding:32px 25px 55px;border-top:1px solid rgba(80,100,130,.14);display:flex;align-items:center;gap:14px;color:var(--muted);font-size:13px}.footer .brand{color:var(--ink)}.footer p{margin-left:auto}.footer a{color:#087cff;text-decoration:none}.reveal{animation:rise .65s ease both}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media(max-width:850px){.links{display:none}.hero{grid-template-columns:1fr;padding:145px 25px 70px;text-align:center;gap:50px}.hero .lead{margin:auto}.buttons{justify-content:center}.portrait-shell{max-width:470px;margin:auto}.card-grid{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr;grid-template-rows:330px 270px}.gallery .shot:first-child{grid-column:span 2}.split{grid-template-columns:1fr;gap:30px}.mosaic{grid-template-columns:1fr 1fr}.footer{flex-wrap:wrap}.footer p{order:3;width:100%;margin:0}}@media(max-width:520px){.site-header{padding:10px}.nav{height:59px;border-radius:20px}.brand span:last-child{display:none}.nav-action{padding:9px 12px}.hero{padding-top:120px}.hero h1,.page-hero h1{font-size:54px}.portrait{height:440px}.bubble.one{left:0}.bubble.two{right:0}.section{padding:70px 17px}.gallery,.mosaic{grid-template-columns:1fr;grid-template-rows:none;grid-auto-rows:290px}.gallery .shot:first-child,.mosaic .shot:first-child,.mosaic .shot:nth-child(4){grid-column:auto;grid-row:auto}.page-hero{padding:125px 18px 55px}.event{grid-template-columns:1fr;gap:6px}.footer{margin:20px 17px 0;padding-left:0;padding-right:0}.footer a{width:100%}}
