:root{color-scheme:dark;--black: #021624;--black-2: #01111d;--white: #f2fbfb;--paper: #ece9df;--muted: #a7bec4;--muted-2: #657f87;--accent: #48c5e6;--accent-soft: rgba(72, 197, 230, .12);--line: rgba(86, 180, 212, .25);--line-dark: rgba(1, 14, 24, .35);--panel: rgba(8, 37, 55, .34);--panel-strong: rgba(0, 84, 126, .16);--radius: 0;--ease-luxury: cubic-bezier(.22, 1, .36, 1);--duration-fast: .18s;--duration-page: .76s;--motion-distance: 28px;--font-body: "Helvetica Neue", Inter, Arial, Helvetica, sans-serif;--font-display: "Helvetica Neue", Inter, Arial, Helvetica, sans-serif;font-family:var(--font-body)}*{box-sizing:border-box}html{min-width:320px;background:var(--black);scroll-behavior:smooth;scrollbar-gutter:stable}body{margin:0;overflow-x:hidden;background:radial-gradient(circle at 72% 0%,rgba(0,84,126,.28),transparent 42%),linear-gradient(180deg,#021624,#01060b 52%,#01111d);color:var(--white);font-family:var(--font-body);font-size:16px;line-height:1.62}a{color:inherit;text-decoration:none}a:hover{opacity:.72}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--white);font-family:var(--font-display);font-weight:400;letter-spacing:-.045em;line-height:.96;overflow-wrap:anywhere}p{max-width:72ch}.header-inner,.content-width,.site-footer-inner{width:min(1280px,calc(100% - clamp(32px,8vw,144px)));margin:0 auto}.site-shell{position:relative;min-height:100vh;background:linear-gradient(90deg,rgba(86,180,212,.042) 1px,transparent 1px),linear-gradient(180deg,rgba(86,180,212,.03) 1px,transparent 1px);background-size:92px 92px}.site-header{position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line);background:#021624e6;backdrop-filter:blur(18px)}.header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{width:clamp(210px,28vw,318px);display:block;color:var(--white);line-height:1}.brand-mark{width:100%;height:auto;display:block}.brand-mark-title{fill:currentColor;font-family:var(--font-display);font-size:35px;font-weight:300;letter-spacing:-1.7px}.brand-mark-subline{fill:currentColor;font-family:var(--font-body);font-size:7.5px;font-weight:800;letter-spacing:2.7px;opacity:.62}.site-nav{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:2px}.site-nav a{min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border:1px solid transparent;color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.site-nav a[aria-current=page]{border-color:#48c5e694;color:var(--white)}.site-nav .language-nav-link{margin-left:8px;border-color:#48c5e66b;color:var(--white)}main{min-height:560px}.hero-slider{position:relative;min-height:clamp(560px,72vh,760px);isolation:isolate;overflow:hidden;border-bottom:1px solid var(--line);background:var(--black)}.hero-slider:before{position:absolute;inset:0;width:100%;background:linear-gradient(90deg,#021624f7,#021624c7 42%,#02162442),linear-gradient(180deg,transparent 58%,var(--black) 100%),url(/assets/site/images/cosmic/refined/hero-universe-ocean.webp) 64% 50% / cover no-repeat;content:"";filter:saturate(.9) contrast(1.24) brightness(.62) hue-rotate(12deg);transform:scale(1.02);animation:slow-drift 18s ease-in-out infinite alternate}.hero-slider:after{position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 38%,rgba(72,197,230,.13) 38.2%,transparent 39.2% 100%),linear-gradient(180deg,rgba(0,84,126,.18),transparent 42%);content:"";opacity:.55}.slide-stage{position:relative;z-index:2;min-height:clamp(560px,72vh,760px);display:flex;align-items:center}.slide-stage:before,.slide-stage:after{position:absolute;inset:-18% -8%;z-index:-1;pointer-events:none;content:""}.slide-stage:before{background:radial-gradient(circle at 12% 26%,rgba(244,251,250,.92) 0 1px,transparent 1.5px),radial-gradient(circle at 42% 18%,rgba(72,197,230,.56) 0 1px,transparent 1.6px),radial-gradient(circle at 76% 34%,rgba(244,251,250,.62) 0 1px,transparent 1.4px),radial-gradient(circle at 88% 72%,rgba(72,197,230,.42) 0 1px,transparent 1.4px);background-size:210px 210px,280px 280px,360px 360px,430px 430px;opacity:.38;animation:signal-shift 14s linear infinite}.slide-stage:after{width:min(48vw,620px);height:min(48vw,620px);inset:auto -8vw 6vh auto;border:1px solid rgba(72,197,230,.12);border-radius:50%;background:radial-gradient(circle,rgba(0,84,126,.18),transparent 66%);opacity:.34}.hero-copy{position:relative;width:min(1120px,86%);padding:clamp(58px,8vh,92px) 0 clamp(88px,12vh,130px)}.hero-copy h1{max-width:none;margin-bottom:28px;color:#fff;font-size:clamp(44px,6.1vw,96px);font-weight:300;letter-spacing:-.072em;overflow-wrap:normal;white-space:nowrap}.hero-copy p{max-width:min(760px,100%);margin-bottom:32px;color:#f7f7f2c2;font-size:clamp(18px,2.1vw,24px);line-height:1.52;text-wrap:balance}.button-row{display:flex;flex-wrap:wrap;gap:10px}.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border:1px solid currentColor;background:var(--black);color:var(--white);font-size:12px;font-weight:900;letter-spacing:.04em;text-align:center;text-transform:uppercase}.button:hover{border-color:var(--accent);background:var(--accent);color:#021624;opacity:1}.button,.site-nav a,.story-toc a{transition:background-color var(--duration-fast) ease,border-color var(--duration-fast) ease,color var(--duration-fast) ease,opacity var(--duration-fast) ease}.eyebrow,.meta-label,.review-note{margin:0 0 12px;color:var(--accent);font-size:11px;font-weight:900;letter-spacing:.08em;line-height:1.2;text-transform:uppercase}.intro-band,.content-section{padding:clamp(54px,8vw,96px) 0}.hero-slider+.intro-band{position:relative;z-index:5;margin-top:clamp(-110px,-9vh,-70px);padding-top:0}.soft-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.intro-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.feature-box{display:block;min-height:190px;padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.feature-icon{width:46px;height:46px;display:grid;place-items:center;margin-bottom:38px;border:1px solid var(--line);border-radius:50%;color:var(--white);font-size:18px;font-weight:400}.feature-box h3{margin-bottom:12px;font-size:32px}.feature-box p{margin-bottom:0;color:var(--muted);font-size:14px}.card-link{color:inherit;text-decoration:none}.section-heading,.page-intro h1,.main-card h1,.main-card h2,.note-detail h1,.story-hero-copy h1{color:var(--white);font-size:clamp(28px,4vw,60px);font-weight:300}.section-heading{margin-bottom:36px}.page-intro{max-width:900px;margin-bottom:44px}.page-intro p:not(.eyebrow){color:#f7f7f2bd;font-size:clamp(17px,2vw,22px)}.two-column{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:28px;align-items:stretch}.about-grid,.note-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:28px}.note-detail-grid{align-items:start}.about-grid{align-items:stretch}.main-card,.side-card,.note-detail,.note-item,.challenge-card,.story-card,.story-feature{border:1px solid var(--line);background:linear-gradient(180deg,rgba(0,84,126,.12),transparent 54%),var(--panel)}.main-card,.side-card,.note-detail{padding:clamp(26px,4vw,48px)}.two-column .main-card,.two-column .side-card,.about-grid .main-card,.about-grid .side-card{height:100%}.main-card p,.side-card p,.main-card li,.note-detail p,.note-item p{color:var(--muted)}.side-card h2{margin-bottom:18px;color:var(--white);font-size:clamp(28px,4vw,48px)}.list{margin:28px 0 0;padding:0;list-style:none}.list li{padding:14px 0;border-top:1px solid var(--line)}.challenge-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.challenge-card,.story-card{min-height:100%;overflow:hidden;border-top:0;border-left:0}.note-item{display:grid;grid-template-columns:minmax(150px,32%) minmax(0,1fr);overflow:hidden}.challenge-card,.story-card,.story-feature,.feature-box,.main-card,.side-card,.note-item{transition:border-color .32s var(--ease-luxury),background-color .32s var(--ease-luxury),transform .42s var(--ease-luxury)}.feature-box:hover,.feature-box:focus-visible,.challenge-card:hover,.challenge-card:focus-visible,.story-card:hover,.story-card:focus-visible,.story-feature:hover,.story-feature:focus-visible,.main-card:hover,.side-card:hover,.note-item:hover,.note-item:focus-visible{border-color:#48c5e680;background:linear-gradient(180deg,rgba(0,84,126,.17),transparent 54%),#0825376b}.feature-box:focus-visible,.challenge-card:focus-visible,.story-card:focus-visible,.story-feature:focus-visible,.note-item:focus-visible{outline:0;box-shadow:inset 0 0 0 1px #a5ecf46b}.challenge-card{display:flex;flex-direction:column}.challenge-card img,.story-card img,.story-feature img,.note-item img,.image-placeholder,.about-portrait,.story-hero img,.story-section img,.story-section video{width:100%;display:block;object-fit:cover;background:#02111d;filter:saturate(.72) contrast(1.28) brightness(.72) hue-rotate(10deg);transform:scale(1);transition:filter .6s var(--ease-luxury),transform .85s var(--ease-luxury)}.challenge-card:hover img,.challenge-card:focus-visible img,.story-card:hover img,.story-card:focus-visible img,.story-feature:hover img,.story-feature:focus-visible img,.note-item:hover img,.note-item:focus-visible img,.story-section:hover img{filter:saturate(.82) contrast(1.32) brightness(.84) hue-rotate(10deg);transform:scale(1.035)}.side-card:hover .about-portrait{filter:saturate(.82) contrast(1.32) brightness(.84) hue-rotate(10deg)}.challenge-card img,.story-card img,.story-feature img,.note-item img,.image-placeholder{aspect-ratio:16 / 11}.note-item-media{overflow:hidden;min-height:100%}.note-item img{height:100%}.image-placeholder{display:grid;place-items:center;color:var(--muted);font-size:48px}.challenge-card-body,.story-card-content,.story-feature-content,.note-item-body{padding:24px}.challenge-card-body{flex:1;display:flex;flex-direction:column}.challenge-card h2,.story-card h3,.story-feature h2,.note-item h2,.direction-grid h3{margin-bottom:14px;color:var(--white);font-size:clamp(26px,3vw,40px)}.challenge-card p,.story-card p,.story-feature p,.direction-grid p{color:var(--muted)}.review-note{margin-top:auto;padding-top:22px}.story-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.story-list{display:grid;gap:18px}.story-feature{display:grid;grid-template-columns:minmax(260px,38%) minmax(0,1fr);overflow:hidden}.story-feature img{height:100%;aspect-ratio:auto}.about-portrait{aspect-ratio:4 / 5;margin-bottom:24px;border:1px solid var(--line);object-position:50% 42%}.story-hero{padding:clamp(58px,9vw,112px) 0;border-bottom:1px solid var(--line)}.story-hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(340px,1.08fr);gap:clamp(32px,6vw,84px);align-items:center}.story-hero-copy p:not(.eyebrow){color:#f7f7f2bd;font-size:clamp(17px,2vw,22px)}.story-hero img{aspect-ratio:16 / 11;border:1px solid var(--line)}.story-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:50px;align-items:start}.story-toc{position:sticky;top:108px;border-top:1px solid var(--line)}.story-toc a{min-height:42px;display:block;padding:11px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:14px}.story-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,42%);gap:38px;align-items:center;padding:52px 0;border-bottom:1px solid var(--line)}.story-section:first-child{padding-top:0}.story-section.reverse{grid-template-columns:minmax(280px,42%) minmax(0,1fr)}.story-section.reverse div{order:2}.story-section.reverse figure{order:1}.story-section h2{margin-bottom:18px;font-size:clamp(30px,4.2vw,56px);line-height:1.02}.story-section p:not(.meta-label){color:var(--muted)}.story-section figure{overflow:hidden;margin:0}.story-section img,.story-section video{aspect-ratio:16 / 11;border:1px solid var(--line)}.story-section .contain-media img{max-height:620px;aspect-ratio:auto;object-fit:contain}.resource-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.story-next{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.note-summary{margin-bottom:34px;color:#f7f7f2bd;font-size:18px}.note-section{padding:32px 0;border-top:1px solid var(--line)}.note-section h2{margin-bottom:16px;font-size:clamp(30px,4.2vw,56px);line-height:1.02}.note-list{display:grid;gap:16px;margin-top:28px}.direction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.direction-grid article{min-height:220px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.site-footer{margin-top:44px;border-top:1px solid var(--line);background:#021624e6}.site-footer-inner{padding:30px 0;color:var(--muted-2);font-size:12px}.site-footer p{margin:0}[data-reveal]{opacity:0;transform:translate3d(0,var(--motion-distance),0);transition:opacity var(--duration-page) var(--ease-luxury) var(--reveal-delay, 0ms),transform var(--duration-page) var(--ease-luxury) var(--reveal-delay, 0ms)}[data-reveal].is-visible{opacity:1;transform:translateZ(0)}@keyframes slow-drift{0%{transform:scale(1.02) translateZ(0)}to{transform:scale(1.06) translate3d(-1.2%,-.8%,0)}}@keyframes signal-shift{0%{transform:translateZ(0)}to{transform:translate3d(-70px,42px,0)}}@media(max-width:1100px){.challenge-grid,.intro-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.header-inner{align-items:flex-start;flex-direction:column}.header-inner{min-height:0;padding:18px 0}.site-nav{width:100%;justify-content:flex-start}.hero-copy{width:min(680px,78%)}.hero-copy h1{white-space:normal}.hero-slider+.intro-band{margin-top:-52px}.two-column,.about-grid,.direction-grid,.story-strip,.story-feature,.note-item,.story-hero-grid,.story-layout,.note-detail-grid,.story-section,.story-section.reverse{grid-template-columns:1fr}.story-feature img{height:auto;aspect-ratio:16 / 11}.story-toc{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.story-section.reverse div,.story-section.reverse figure{order:initial}}@media(max-width:560px){.header-inner,.content-width,.site-footer-inner{width:min(100% - 32px,1280px)}.site-header{position:static}.brand{width:min(270px,82vw)}.site-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.site-nav a{min-height:40px;padding:0 4px;border-color:var(--line);font-size:10px}.site-nav .language-nav-link{margin-left:0}.hero-slider,.slide-stage{min-height:640px}.hero-slider:before{background:linear-gradient(180deg,rgba(2,22,36,.44) 0%,rgba(2,22,36,.91) 58%,var(--black) 100%),url(/assets/site/images/cosmic/refined/hero-universe-ocean.webp) 60% 50% / cover no-repeat}.slide-stage:before{opacity:.34}.hero-copy{isolation:isolate;width:100%;padding:62px 0 104px}.hero-copy:before{position:absolute;inset:-58px -44px -44px -18px;z-index:-1;background:radial-gradient(ellipse at 24% 54%,rgba(2,22,36,.94) 0%,rgba(2,22,36,.8) 52%,transparent 78%),linear-gradient(90deg,rgba(2,22,36,.82),rgba(2,22,36,.42) 70%,transparent);content:""}.hero-copy h1{font-size:clamp(38px,13vw,54px)}.hero-copy p{max-width:100%;font-size:17px;text-wrap:pretty}.intro-grid,.challenge-grid{grid-template-columns:1fr}.hero-slider+.intro-band{margin-top:-34px}.feature-box,.direction-grid article,.challenge-card-body,.story-card div,.story-feature div,.note-item-body,.main-card,.side-card,.note-detail{padding:22px}.story-toc{grid-template-columns:1fr}.story-section{gap:22px;padding:38px 0}.resource-list .button{width:100%}}
