:root{--bg:#031a2a;--surface:#f6fcff;--surface-soft:#e6f5ff;--text:#082539;--ink:#0b709a;--ink-deep:#074c6a;--accent:#2fd6ef;--sea:#2ea9d9;--kelp:#2f9a63;--marsh:#b7cd6d;--sand:#e3c58d;--line:#a8cee0;--card:#fbfeff;--shadow:0 26px 52px rgba(3, 30, 46, 0.26);--shadow-soft:0 14px 30px rgba(4, 35, 54, 0.14)}*{box-sizing:border-box}body{margin:0;min-height:100vh;position:relative;font-family:public sans,segoe ui,sans-serif;line-height:1.6;color:var(--text);background:radial-gradient(circle at 12% -8%,rgba(63,165,223,.44),transparent 34%),radial-gradient(circle at 90% 10%,rgba(53,153,140,.34),transparent 30%),radial-gradient(circle at 48% 112%,rgba(227,197,141,.24),transparent 36%),linear-gradient(170deg,#031c2d 0%,#0a2f49 32%,#0d4661 57%,#21635e 80%,#4f704f 100%);background-attachment:fixed}body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.3;background:radial-gradient(circle at 50% 40%,rgba(207,248,255,.12),transparent 40%),repeating-linear-gradient( 115deg,rgba(206,238,255,6%) 0 1px,rgba(206,238,255,0) 1px 24px )}a{color:var(--ink);text-decoration-thickness:1px;text-underline-offset:.18em}a:hover{color:#0a84b5}h1,h2,h3{color:var(--ink-deep);font-family:fraunces,times new roman,serif;letter-spacing:.01em}.container{width:min(1120px,92vw);margin:0 auto}.site-header{background:linear-gradient(180deg,rgba(4,29,45,.88),rgba(6,39,59,.74));backdrop-filter:blur(12px)saturate(120%);border-bottom:1px solid rgba(177,222,239,.38);position:sticky;top:0;z-index:20}.site-header::before{content:"";display:block;height:3px;background:linear-gradient(90deg,#68bff0 0%,#4fe5df 38%,#79c66a 68%,#f1c37b 100%)}.site-header.site-header-game{backdrop-filter:blur(9px)saturate(118%)}.header-shell{padding:.55rem 0 .4rem;display:flex;align-items:center}.brand{display:flex;align-items:center;text-decoration:none;min-width:280px;padding:.44rem .66rem;border-radius:14px;border:1px solid rgba(210,235,246,.58);background:linear-gradient(180deg,rgba(243,252,255,.97),rgba(228,246,253,.93));box-shadow:0 8px 24px rgba(0,29,45,.28)}.brand img{width:min(720px,84vw);max-height:150px;object-fit:contain;object-position:center}.site-header.site-header-game .header-shell{padding:.32rem 0 .18rem}.site-header.site-header-game .brand{padding:.28rem .44rem;border-radius:12px}.site-header.site-header-game .brand img{width:min(460px,62vw);max-height:88px}.nav{display:flex;flex-wrap:wrap;gap:.62rem;padding:.2rem 0 .78rem}.nav a{text-decoration:none;color:#e7f8ff;font-weight:600;font-size:.91rem;letter-spacing:.01em;padding:.32rem .62rem;border-radius:999px;border:1px solid transparent;transition:color 180ms ease,background 180ms ease,border-color 180ms ease,transform 180ms ease}.nav a:hover{color:#fff;background:rgba(98,174,213,.22);border-color:rgba(155,211,238,.42);transform:translateY(-1px)}.site-header.site-header-game .nav{gap:.5rem;padding:.08rem 0 .44rem}.site-header.site-header-game .nav a{font-size:.86rem;padding:.22rem .48rem}.nav a:focus-visible,.button:focus-visible{outline:2px solid #8dddff;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.content{padding:2.2rem 0 3rem;position:relative}.content.content-game{width:min(1240px,96vw);padding-top:.9rem}.content::before{content:"";position:absolute;left:1.5rem;right:1.5rem;top:.25rem;height:10px;border-radius:999px;opacity:.65;background:radial-gradient(circle at 3px 6px,rgba(131,203,234,.4) 1.5px,transparent 1.7px)0 0/18px 10px repeat-x;pointer-events:none}.surface-panel{background:linear-gradient(176deg,rgba(255,255,255,.96),rgba(232,246,255,.9));border:1px solid rgba(145,191,213,.72);border-radius:20px;padding:clamp(1rem,2vw,1.45rem);box-shadow:var(--shadow-soft);backdrop-filter:blur(7px)}.surface-panel>:first-child{margin-top:0}.surface-panel .cards{margin-top:1rem}.hero{padding:1.4rem;background:radial-gradient(circle at 85% 16%,rgba(88,196,242,.24),transparent 37%),radial-gradient(circle at 9% 80%,rgba(86,166,95,.2),transparent 31%),linear-gradient(160deg,rgba(251,255,255,.96),rgba(225,243,255,.92));border:1px solid rgba(138,193,218,.78);border-radius:22px;margin-bottom:2rem;display:grid;grid-template-columns:minmax(320px,1.25fr)minmax(240px,1fr);gap:1.2rem;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero-copy{border-left:4px solid #52b7e2;padding-left:1rem}.hero::after{content:"";position:absolute;left:-4%;right:-4%;bottom:-1px;height:48px;background:radial-gradient(75% 90% at 10% 95%,rgba(85,155,212,.2),transparent 68%),radial-gradient(78% 90% at 37% 100%,rgba(50,173,98,.16),transparent 70%),radial-gradient(72% 90% at 68% 95%,rgba(85,155,212,.22),transparent 68%),radial-gradient(76% 90% at 95% 100%,rgba(225,127,42,.16),transparent 70%);pointer-events:none}.kicker{margin:0 0 .45rem;text-transform:uppercase;letter-spacing:.08em;font-size:.74rem;color:#0f6f93;font-weight:700}.hero h1{margin:0;font-family:fraunces,times new roman,serif;font-size:clamp(1.9rem,2.9vw,2.85rem);line-height:1.15;color:var(--ink-deep)}.lead{margin:.8rem 0 1.05rem;font-size:1.08rem;max-width:52ch;color:#184b61}.cta-row{margin:0;display:flex;flex-wrap:wrap;gap:.6rem}.hero-photo{margin:0;border-radius:16px;overflow:hidden;min-height:250px;border:1px solid #d6ecf4}.hero-photo img{width:100%;height:100%;object-fit:cover;display:block}.button{display:inline-block;background:linear-gradient(180deg,#1494c6,#0a668d);color:#fff;text-decoration:none;padding:.64rem 1.02rem;border-radius:12px;font-weight:600;border:1px solid #0b5e80;box-shadow:0 8px 18px rgba(8,89,122,.25);transition:transform 180ms ease,box-shadow 180ms ease,background 180ms ease,color 180ms ease}.button:hover{color:#fff;background:linear-gradient(180deg,#17a2d9,#0b7099);transform:translateY(-1px);box-shadow:0 12px 22px rgba(8,89,122,.3)}.button.ghost{background:rgba(255,255,255,.77);color:#0b5678;border:1px solid rgba(110,171,200,.7);box-shadow:none}.button.ghost:hover{background:rgba(236,250,255,.95);color:#0a668d}.focus-panel{background:linear-gradient(180deg,rgba(251,255,255,.95),rgba(227,245,253,.9));border-radius:18px;border:1px solid rgba(150,198,220,.76);padding:1.1rem 1.2rem;margin-bottom:2rem;position:relative;box-shadow:var(--shadow-soft)}.spotlight-panel h2{margin-bottom:.85rem}.spotlight-card{display:grid;grid-template-columns:130px 1fr;gap:.9rem;align-items:start;padding:.65rem;border:1px solid #b6d7e6;border-radius:14px;background:rgba(255,255,255,.78)}.spotlight-photo{width:130px;height:130px;object-fit:cover;border-radius:12px;border:1px solid #a9cfdf}.spotlight-name{margin:.2rem 0 .35rem;font-size:1.3rem}.spotlight-link{color:#0b5f83;text-decoration:none}.spotlight-research{margin:0 0 .45rem;color:#0e4f65}.spotlight-summary{margin:0}.tide-panel::before{content:"";position:absolute;left:.75rem;right:.75rem;top:.52rem;height:7px;border-radius:999px;opacity:.55;background:radial-gradient(circle at 3px 5px,rgba(71,144,192,.4) 1.3px,transparent 1.5px)0 0/14px 7px repeat-x}.focus-panel h2{margin:0 0 .65rem}.tag-list{display:flex;flex-wrap:wrap;gap:.55rem}.tag-list span{border:1px solid #7eb7c9;background:rgba(250,255,255,.92);color:#0b465b;border-radius:999px;padding:.35rem .7rem;font-size:.93rem;font-weight:500}.photo-grid{margin-bottom:2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem}.coast-section{background:linear-gradient(180deg,rgba(248,254,255,.84),rgba(224,244,252,.86)),linear-gradient(180deg,rgba(221,208,156,.22),rgba(255,255,255,0));border:1px solid rgba(147,196,216,.74);border-radius:18px;padding:1rem 1rem 1.2rem;margin-bottom:2rem;position:relative;box-shadow:var(--shadow-soft)}.coast-section::before{content:"";position:absolute;left:0;right:0;top:0;height:26px;border-radius:18px 18px 0 0;background:radial-gradient(130% 110% at 18% 0,rgba(56,141,197,.34),transparent 62%),radial-gradient(120% 95% at 84% 0,rgba(111,157,82,.24),transparent 62%);pointer-events:none}.photo-card{margin:0;border-radius:14px;overflow:hidden;border:1px solid var(--line);min-height:180px;box-shadow:0 8px 22px rgba(7,82,113,.12);transition:transform 220ms ease,box-shadow 220ms ease}.photo-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(7,82,113,.2)}.photo-card img{width:100%;height:100%;object-fit:cover;display:block}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.card{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(242,250,255,.88));border:1px solid #b7d8e7;border-radius:14px;padding:.9rem 1rem;box-shadow:0 8px 22px rgba(4,61,78,.11);transition:transform 180ms ease,box-shadow 180ms ease,border-color 180ms ease}.card:hover{transform:translateY(-2px);box-shadow:0 14px 26px rgba(4,61,78,.16);border-color:rgba(126,187,213,.9)}.gulf-news{background:linear-gradient(180deg,rgba(247,254,255,.82),rgba(225,245,253,.82));border:1px solid rgba(152,196,217,.74);border-radius:18px;padding:1rem;box-shadow:var(--shadow-soft)}.paper-highlight-block{margin:1rem 0 1.6rem;padding:.9rem 1rem 1rem;background:linear-gradient(180deg,rgba(245,252,255,.8),rgba(224,242,250,.74));border:1px solid #b2d5e6;border-radius:14px}.paper-card{border-left:4px solid #6cb2d8}.paper-thumb{width:100%;max-height:180px;object-fit:cover;border-radius:10px;border:1px solid #b6d8e7;margin-bottom:.65rem}.paper-links{display:flex;flex-wrap:wrap;gap:.7rem}.paper-page{background:linear-gradient(180deg,rgba(254,255,255,.95),rgba(232,247,255,.9));border:1px solid #b7d8e7;border-radius:16px;padding:1rem 1.1rem 1.2rem;box-shadow:var(--shadow-soft)}.podcast-player{margin:1rem 0 1.1rem;padding:.85rem .95rem;border-radius:12px;border:1px solid #b8d7e5;background:#f6fcff}.podcast-player h2{margin-top:0}.paper-hero-image{margin:.4rem 0 .8rem;border-radius:12px;overflow:hidden;border:1px solid #b8d9e7;background:#edf8fd}.paper-hero-image img{width:100%;max-height:360px;object-fit:cover;display:block}.podcast-player audio{width:100%}.card h2,.card h3{margin:0 0 .45rem;font-size:1.08rem;font-family:fraunces,times new roman,serif;color:#0c5879}.meta{color:#3f6776;font-size:.9rem}.pub-list{padding-left:1.6rem}.pub-list li{margin-bottom:.72rem;padding-left:.1rem}.pub-list-numbered{list-style-position:outside}.pub-list a{text-decoration:none;font-weight:600;color:#0a4760}.pub-list a:hover{text-decoration:underline}.site-footer{border-top:1px solid rgba(145,206,231,.66);background:linear-gradient(180deg,rgba(5,43,64,.86),rgba(10,66,88,.86),rgba(48,100,78,.84));padding:1.3rem 0 1.7rem;color:#eaf8ff;font-size:.92rem}.site-footer a{color:#eaf8ff}.team-card{display:flex;flex-direction:column;gap:.55rem}.team-thumb{width:100%;height:190px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}.people-groups{margin-top:1.1rem;display:grid;gap:1.25rem}.people-group h2{margin:0 0 .7rem}.people-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.65rem}.people-item{margin:0}.people-link{display:flex;align-items:center;gap:.85rem;text-decoration:none;color:inherit;border:1px solid rgba(143,193,217,.84);border-radius:14px;padding:.52rem .68rem;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(240,250,255,.86));box-shadow:0 8px 18px rgba(4,61,78,8%);transition:transform 170ms ease,box-shadow 170ms ease,border-color 170ms ease}.people-link:hover{transform:translateY(-1px);border-color:rgba(118,185,214,.96);box-shadow:0 12px 24px rgba(4,61,78,.12)}.people-photo{width:74px;height:74px;object-fit:cover;border-radius:12px;border:1px solid rgba(145,194,216,.92);flex-shrink:0}.people-text{display:flex;flex-direction:column;gap:.08rem}.people-name{font-family:fraunces,times new roman,serif;color:#0b5878;font-size:1.17rem;line-height:1.2}.people-role{color:#3f6674;font-size:.93rem}.people-empty{padding:.35rem 0;color:#456c79}.profile-page{background:linear-gradient(180deg,rgba(254,255,255,.95),rgba(232,247,255,.9));border:1px solid var(--line);border-radius:18px;padding:1.2rem;box-shadow:var(--shadow-soft)}.profile-header{display:grid;grid-template-columns:180px 1fr;gap:1rem;align-items:start}.profile-photo{width:180px;height:180px;object-fit:cover;border-radius:12px;border:1px solid var(--line)}.profile-links{display:flex;flex-wrap:wrap;gap:.8rem}.project-box{margin-top:1.2rem;border:1px solid var(--line);background:linear-gradient(180deg,rgba(253,255,255,.95),rgba(238,249,255,.9));border-radius:12px;padding:.9rem 1rem}.hero,.focus-panel,.coast-section,.gulf-news,.surface-panel,.paper-page,.profile-page{animation:panel-rise 520ms ease both}@keyframes panel-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:960px){.hero{grid-template-columns:1fr}.hero::after{height:42px}}@media(max-width:700px){.header-shell{padding-top:.7rem}.nav{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.9rem;scrollbar-width:thin}.brand img{width:min(520px,92vw);max-height:124px}.lead{font-size:1rem}.nav a{font-size:.88rem;padding:.28rem .6rem;white-space:nowrap}.profile-header{grid-template-columns:1fr}.profile-photo{width:140px;height:140px}.spotlight-card{grid-template-columns:1fr}.spotlight-photo{width:120px;height:120px}.people-photo{width:62px;height:62px}.people-name{font-size:1.03rem}}