:root{color-scheme:dark;--black: #050505;--black-2: #0b0b0b;--white: #f7f7f2;--paper: #ece9df;--muted: #a6a6a0;--muted-2: #6f6f68;--line: rgba(247, 247, 242, .18);--line-dark: rgba(5, 5, 5, .16);--panel: rgba(255, 255, 255, .045);--panel-strong: rgba(255, 255, 255, .075);--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:var(--black);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}.top-strip-inner,.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:var(--black)}.top-strip{border-bottom:1px solid var(--line);background:var(--black)}.top-strip-inner{min-height:32px;display:flex;align-items:center;justify-content:flex-end}.top-links{display:flex;align-items:center;flex-wrap:wrap;gap:18px;color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase}.site-header{position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line);background:#050505f5}.header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{color:var(--white);font-size:clamp(28px,4.2vw,48px);font-weight:300;letter-spacing:-.06em;line-height:1}.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:var(--white);color:var(--white)}main{min-height:560px}.hero-slider{position:relative;min-height:clamp(560px,74vh,820px);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,#050505e6,#050505bd 40%,#0505054d),url(/assets/site/images/refined/hero-universe-ocean-mono.webp) center / cover no-repeat;content:"";transform:scale(1.01)}.hero-slider:after{position:absolute;inset:auto 0 0;height:30%;background:linear-gradient(180deg,transparent,var(--black));content:""}.slide-stage{position:relative;z-index:2;min-height:clamp(560px,74vh,820px);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 14% 22%,rgba(247,247,242,.34) 0 1px,transparent 1.6px),radial-gradient(circle at 58% 12%,rgba(247,247,242,.24) 0 1px,transparent 1.5px),radial-gradient(circle at 84% 64%,rgba(247,247,242,.2) 0 1px,transparent 1.5px);background-size:180px 180px,260px 260px,340px 340px;opacity:.55}.slide-stage:after{width:min(48vw,620px);height:min(48vw,620px);inset:auto -8vw 6vh auto;border:1px solid rgba(247,247,242,.12);border-radius:50%;background:radial-gradient(circle,rgba(247,247,242,.12),transparent 66%);opacity:.42}.hero-copy{width:min(790px,68%);padding:74px 0 110px}.hero-copy h1{max-width:680px;margin-bottom:28px;color:#fff;font-size:clamp(58px,9vw,124px);font-weight:300;letter-spacing:-.075em}.hero-copy p{max-width:560px;margin-bottom:32px;color:#f7f7f2c2;font-size:clamp(18px,2.1vw,24px);line-height:1.52}.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:transparent;color:var(--white);font-size:12px;font-weight:900;letter-spacing:.04em;text-align:center;text-transform:uppercase}.button:hover{background:var(--white);color:var(--black);opacity:1}.button,.site-nav a,.top-links 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(--muted);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}.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{min-height:230px;padding:28px;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:54px;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}.section-heading,.page-intro h1,.main-card h1,.main-card h2,.note-detail h1,.story-hero-copy h1{color:var(--white);font-size:clamp(52px,8vw,118px);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,.about-grid,.note-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:28px;align-items:start}.main-card,.side-card,.note-detail,.note-item,.challenge-card,.story-card,.story-feature{border:1px solid var(--line);background:transparent}.main-card,.side-card,.note-detail{padding:clamp(26px,4vw,48px)}.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}.challenge-card,.story-card,.story-feature,.main-card,.side-card,.note-item{transition:border-color .32s var(--ease-luxury),background-color .32s var(--ease-luxury),transform .42s var(--ease-luxury)}.challenge-card:hover,.story-card:hover,.story-feature:hover,.main-card:hover,.side-card:hover,.note-item:hover{border-color:#f7f7f26b;background:#ffffff06}.challenge-card{display:flex;flex-direction:column}.challenge-card img,.story-card img,.story-feature img,.image-placeholder,.about-portrait,.story-hero img,.story-section img,.story-section video{width:100%;display:block;object-fit:cover;background:#111;filter:grayscale(1) contrast(1.14);transform:scale(1);transition:filter .6s var(--ease-luxury),transform .85s var(--ease-luxury)}.challenge-card:hover img,.story-card:hover img,.story-feature:hover img,.story-section:hover img{filter:grayscale(1) contrast(1.22) brightness(1.04);transform:scale(1.035)}.side-card:hover .about-portrait{filter:grayscale(1) contrast(1.22) brightness(1.04)}.challenge-card img,.story-card img,.story-feature img,.image-placeholder{aspect-ratio:16 / 11}.image-placeholder{display:grid;place-items:center;color:var(--muted);font-size:48px}.challenge-card-body,.story-card div,.story-feature div,.note-item{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(38px,6vw,82px)}.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(34px,5vw,68px)}.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:var(--black)}.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)}@media(max-width:1100px){.challenge-grid,.intro-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.top-strip-inner,.header-inner{align-items:flex-start;flex-direction:column}.top-strip-inner{padding:10px 0}.header-inner{min-height:0;padding:18px 0}.site-nav{width:100%;justify-content:flex-start}.hero-copy{width:min(680px,78%)}.two-column,.about-grid,.direction-grid,.story-strip,.story-feature,.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){.top-strip-inner,.header-inner,.content-width,.site-footer-inner{width:min(100% - 32px,1280px)}.site-header{position:static}.brand{font-size:32px}.site-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.site-nav a{min-height:40px;padding:0 8px;border-color:var(--line);font-size:11px}.hero-slider,.slide-stage{min-height:610px}.hero-slider:before{background:linear-gradient(180deg,rgba(5,5,5,.62) 0%,rgba(5,5,5,.88) 56%,var(--black) 100%),url(/assets/site/images/refined/hero-universe-ocean-mono.webp) center / cover no-repeat}.hero-copy{width:100%;padding:62px 0 96px}.hero-copy h1{font-size:clamp(46px,15vw,68px)}.hero-copy p{font-size:17px}.intro-grid,.challenge-grid{grid-template-columns:1fr}.feature-box,.direction-grid article,.challenge-card-body,.story-card div,.story-feature div,.note-item,.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%}}