@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#050e14;--white:#f4f4ec;--orange:#ff794d;--muted:#93a3ae;--line:#ffffff26;color-scheme:dark;font-family:'DM Sans',Arial,sans-serif;font-synthesis:none;background:var(--ink);color:var(--white)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--orange);outline-offset:7px}::selection{background:var(--orange);color:var(--ink)}[hidden]{display:none!important}.serif{font-family:'DM Serif Display',Georgia,serif;font-style:italic;font-weight:400}.skip-link{position:fixed;top:-100px;left:20px;padding:15px 20px;background:var(--orange);color:var(--ink);z-index:100}.skip-link:focus{top:12px}.orange-dot{color:var(--orange)}
.header{position:absolute;top:0;left:0;right:0;height:112px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;z-index:10}.brand{display:inline-flex;align-items:center;font-family:'Manrope',Arial,sans-serif;font-weight:800;font-size:26px;letter-spacing:-1.2px;white-space:nowrap}.brand>span:not(.brand-symbol){font-weight:400}.brand-symbol{display:flex;align-items:center;justify-content:center;letter-spacing:-5px;padding-right:5px;width:35px;height:35px;font-size:33px;font-weight:500;margin-right:13px;transform:rotate(-15deg);color:var(--orange)}.brand-symbol>span{font-weight:400;font-size:35px;transform:translateY(2px)}.header nav{display:flex;align-items:center;gap:45px;font-size:14px}.nav-about{padding:12px 0;color:#e1e5e5}.nav-about:hover{color:var(--orange)}.contact-link{display:flex;align-items:center;gap:40px;border:1px solid #f4f4ec6b;border-radius:40px;padding:13px 21px;transition:background .25s,color .25s}.contact-link span{font-size:20px}.contact-link:hover{background:var(--white);color:var(--ink)}
.hero{height:max(850px,100svh);max-height:1280px;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 83% 53%,#0c2533 0%,var(--ink) 66%)}.portal-wrap{position:absolute;width:63vw;height:63vw;max-width:1000px;max-height:1000px;min-width:690px;min-height:690px;top:50%;right:-9%;transform:translate3d(0,calc(-50% + var(--travel,0px)),0);z-index:-2;will-change:transform}.portal{position:absolute;inset:5%;overflow:hidden;border-radius:50%;background:#0e4867 url('./assets/ocean-poster.jpg') center/cover;box-shadow:0 0 100px #1773a82b,inset 0 0 50px #0006;transform:rotate(-10deg);isolation:isolate}.portal video{width:100%;height:100%;object-fit:cover;filter:saturate(.55) contrast(1.12) brightness(.7);transform:scale(1.2);opacity:1}.portal-light{position:absolute;inset:0;border-radius:50%;box-shadow:inset 12px 10px 48px #92d5fd19,inset -30px -20px 70px #001222a6;background:linear-gradient(130deg,#0ba5dd22,transparent 45%,#041a27aa)}.orbit{position:absolute;border:1px solid #bddeec1f;border-radius:50%;inset:0}.orbit-two{inset:-5%;border-color:#bddeec0c}.orbit-point{position:absolute;left:6.7%;top:25%;height:10px;width:10px;border-radius:50%;background:var(--orange);box-shadow:0 0 22px #ff794d66}.hero-veil{position:absolute;inset:0;background:linear-gradient(90deg,#050e1400 0%,#050e1400 45%,#050e1422 100%),linear-gradient(0deg,#050e14dd 0%,transparent 28%,transparent 80%);z-index:-1}.hero-heading{position:absolute;top:23.5%;left:6%;right:3%;z-index:2}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:500;display:flex;align-items:center;gap:12px;margin:0}.asterisk{font-size:24px;color:var(--orange);line-height:1}.hero h1{margin:28px 0 0;font-family:'Manrope',Arial,sans-serif;font-size:clamp(94px,12.4vw,205px);letter-spacing:-.065em;line-height:.91;font-weight:500}.title-line{display:block}.hero h1 .serif{font-family:'DM Serif Display',Georgia,serif;font-size:1.13em;line-height:1.03;letter-spacing:-.052em;margin-left:.2em}.hero h1 .orange-dot{margin-left:-.025em}.hero-description{position:absolute;left:7%;bottom:13%;z-index:3}.hero-description>p{font-size:17px;line-height:1.7;color:#c0d0d8;margin:0 0 20px}.explore-link{display:inline-flex;gap:28px;align-items:center;font-size:15px}.arrow-disc{border:1px solid #c0d0d870;border-radius:50%;width:43px;height:43px;display:grid;place-items:center;font-size:22px;transition:transform .25s,background .25s,color .25s}.explore-link:hover .arrow-disc{transform:translateY(4px);background:var(--white);color:var(--ink)}.hero-caption{position:absolute;right:6%;bottom:16.5%;font-size:10px;line-height:1.8;letter-spacing:1.8px;color:#afc9d6;text-align:right}.hero-bottom{position:absolute;bottom:25px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center}.hero-index{font-size:10px;letter-spacing:2px;color:#738b9b}#video-control{display:flex;align-items:center;gap:9px;border:0;background:transparent;padding:12px 0 12px 14px;min-height:44px;font-size:11px;color:#abbac4}#video-control:hover{color:var(--white)}#video-icon{font-size:11px}.hero-heading,.hero-description{animation:arrive 1s cubic-bezier(.2,.65,.3,1) both}.hero-description{animation-delay:.12s}@keyframes arrive{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}
.section-light{background:var(--white);color:var(--ink);color-scheme:light}.how{padding:55px 7% 100px}.section-meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:1.6px;color:#6a7b84}.section-meta>span:last-child{font-size:28px;font-weight:400;letter-spacing:0;line-height:1}.manifesto{padding:90px 0 82px}.manifesto h2{font-family:'Manrope',Arial,sans-serif;font-weight:500;font-size:clamp(38px,4.6vw,73px);line-height:1.16;letter-spacing:-2.9px;margin:0}.manifesto h2 .serif{font-size:1.13em;letter-spacing:-2px;color:#708088}.manifesto>p{font-size:17px;line-height:1.8;color:#53616b;margin:28px 0 0}.method-step{border-top:1px solid #18293430}.method-step:last-child{border-bottom:1px solid #18293430}.method-step summary{display:grid;grid-template-columns:9% 1fr 33% 30px;align-items:center;gap:10px;padding:29px 0;cursor:pointer;list-style:none}.method-step summary::-webkit-details-marker{display:none}.method-step summary::marker{content:''}.step-number{align-self:center;font-size:12px;color:#6c7a82}.method-step h3{font-family:'Manrope',Arial,sans-serif;font-weight:500;letter-spacing:-1.6px;font-size:clamp(28px,3.4vw,54px);line-height:1.2;margin:0}.method-step h3>span{color:#e97950}.step-preview{font-size:14px;color:#64737a}.step-toggle{display:grid;place-items:center;width:30px;height:30px;font-size:25px;line-height:1;font-weight:400;transition:transform .25s}.method-step[open] .step-toggle{transform:rotate(45deg)}.method-step[open] h3{color:#b94a22}.step-detail{padding:0 15% 29px 9.8%;max-width:820px}.step-detail p{margin:0;font-size:17px;line-height:1.75;color:#53616b}.method-step summary:hover h3{color:#b94a22}
.opportunities{padding:55px 7% 105px;background:var(--ink);position:relative}.opportunities>.section-meta{color:#8599a6}.selection-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin:84px 0 60px}.selection-heading h2{font-family:'Manrope',Arial,sans-serif;font-size:clamp(40px,4.6vw,73px);font-weight:500;line-height:1.11;letter-spacing:-2.7px;margin:0}.selection-heading h2 .serif{font-size:1.13em;color:#99afbc;letter-spacing:-2px}.selection-heading>p{font-size:16px;color:#97aab6;line-height:1.7;margin:0 0 6px;max-width:290px}.selection-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.selection-number{padding-top:22px}.selection-number .eyebrow{font-size:11px;color:#97aab6;padding-left:8px}.hundred{font-family:'Manrope',Arial,sans-serif;font-size:clamp(130px,22vw,345px);font-weight:400;letter-spacing:-.09em;line-height:1.1;margin-left:-.055em}.hundred .orange-dot{font-size:.55em;margin-left:.03em}.selection-number>p{font-size:14px;line-height:1.8;color:#899fae;margin:24px 0 0 8px}.example-card{background:linear-gradient(130deg,#132633,#0c1923);border:1px solid #c3e4fa26;border-radius:14px;padding:28px;position:relative;box-shadow:0 25px 65px #0002}.card-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:32px}.card-label{font-size:9px;letter-spacing:1.2px;color:#8aa0ae;max-width:150px;line-height:1.65}.example-badge{font-size:10px;color:#a4b9c5;background:#ffffff08;border:1px solid #ffffff1c;padding:6px 9px;border-radius:20px;white-space:nowrap}.company-row{display:flex;align-items:center;gap:12px;margin-bottom:29px}.company-icon{width:41px;height:41px;flex-shrink:0;display:grid;place-items:center;background:#e3e9e4;border-radius:50%;color:#11212b;font-size:18px;letter-spacing:-2px}.company-row h3{font-size:18px;font-weight:500;letter-spacing:-.5px;margin:0 0 5px}.company-row p{font-size:12px;color:#8198a8;margin:0}.priority{font-size:10px;letter-spacing:.15px;margin-left:auto;border:1px solid #8ca59655;border-radius:4px;padding:6px 8px;color:#adc4b5;white-space:nowrap}.tabs{display:flex;justify-content:space-between;border-bottom:1px solid #c3e4fa1c;gap:7px}.tabs button{background:transparent;border:0;border-bottom:1px solid transparent;font-size:12px;padding:14px 0;color:#94a8b5;white-space:nowrap}.tabs button[aria-selected=true]{border-bottom-color:var(--orange);color:#edf1ed}.tab-panel{position:relative;min-height:226px;padding-top:30px}.panel-number{position:absolute;top:36px;right:0;font-size:11px;color:#718a9a}.tab-panel h4{font-family:'Manrope',Arial,sans-serif;font-weight:400;font-size:35px;letter-spacing:-1.4px;line-height:1.15;margin:0 0 20px}.tab-panel>p{font-size:14px;line-height:1.7;color:#a0b3bf;margin:0;max-width:320px}.card-bottom{display:flex;align-items:center;gap:9px;border-top:1px solid #c3e4fa1c;padding-top:19px;font-size:11px;color:#8199a8}.card-bottom .asterisk{font-size:16px}.closing{background:var(--orange);color:var(--ink);padding:65px 7% 50px;overflow:hidden;color-scheme:light}.closing-top{display:flex;justify-content:space-between;align-items:center;gap:25px}.closing-top>p{font-size:18px;line-height:1.6;letter-spacing:-.2px;margin:0}.round-cta{display:grid;place-items:center;width:78px;height:78px;background:var(--ink);border:1px solid var(--ink);border-radius:50%;color:var(--orange);transition:transform .3s,background .3s,color .3s}.round-cta>span{font-size:38px;font-weight:400;line-height:1}.round-cta:hover{transform:rotate(45deg);background:var(--white);color:var(--ink)}.closing h2{font-family:'Manrope',Arial,sans-serif;letter-spacing:-.075em;font-size:clamp(100px,19vw,330px);font-weight:500;line-height:1.2;margin:32px 0 30px -.04em}.closing h2>span{color:#fff5e6}.closing-bottom{border-top:1px solid #18293455;padding-top:23px;display:flex;justify-content:space-between;align-items:center;font-size:13px}.closing-bottom>a{display:flex;gap:35px;align-items:center}.closing-bottom>a:hover{text-decoration:underline;text-underline-offset:5px}.closing-bottom>a>span{font-size:22px}.closing-bottom>span{color:#673c2e}footer{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:37px 5%;background:var(--ink);font-size:11px;color:#9aaebc}footer .brand{font-size:23px;color:var(--white)}footer>a:last-child{display:flex;align-items:center;gap:17px;color:var(--white)}footer>a:last-child>span{font-size:18px}.motion-ready .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.65,.3,1)}.motion-ready .reveal.in-view{opacity:1;transform:translateY(0)}
@media(min-width:1800px){.hero{min-height:1100px}.hero-heading{left:8%;top:25%}.hero h1{font-size:220px}.hero-description{left:8%;bottom:11%}.hero-description>p{font-size:20px}.portal-wrap{right:0}.how,.opportunities{padding-left:max(7%,calc((100vw - 1540px)/2));padding-right:max(7%,calc((100vw - 1540px)/2))}.closing{padding-left:max(7%,calc((100vw - 1540px)/2));padding-right:max(7%,calc((100vw - 1540px)/2))}.closing h2{font-size:280px}}
@media(max-width:1050px){.hero{height:900px}.hero-heading{top:28%}.hero h1{font-size:13vw}.portal-wrap{right:-22%;min-width:730px;min-height:730px}.hero-description{bottom:14%}.hero-caption{bottom:18%}.manifesto h2{font-size:5vw}.selection-grid{gap:5%}.selection-heading>p{font-size:14px}.example-card{padding:23px}.card-top{gap:12px}.company-row{gap:10px}.priority{font-size:9px;padding:5px}.company-row h3{font-size:16px}.tab-panel h4{font-size:31px}.method-step summary{grid-template-columns:8% 1fr 35% 30px}.hundred{font-size:21vw}}
@media(max-width:700px){html{scroll-padding-top:18px}.header{height:90px;padding:0 6%}.brand{font-size:22px;letter-spacing:-1px}.brand-symbol{width:25px;font-size:25px;margin-right:9px;padding-right:3px;letter-spacing:-4px}.brand-symbol>span{font-size:28px}.header nav{gap:0}.nav-about{display:none}.contact-link{font-size:12px;gap:15px;padding:11px 15px}.contact-link span{font-size:18px}.hero{height:850px;min-height:790px;max-height:1000px}.portal-wrap{min-width:0;min-height:0;width:123vw;height:123vw;max-width:none;max-height:none;top:43%;right:-35%;transform:translate3d(0,calc(-50% + var(--travel,0px)),0)}.orbit-one{border-color:#bddeec25}.portal video{filter:saturate(.5) contrast(1.15) brightness(.66)}.hero-veil{background:linear-gradient(0deg,#050e14 3%,#050e1466 38%,transparent 65%),linear-gradient(90deg,#050e1455,transparent 80%)}.hero-heading{left:6%;right:3%;top:28%}.eyebrow{font-size:9px;letter-spacing:1.3px;gap:9px}.asterisk{font-size:19px}.hero h1{font-size:13.8vw;line-height:1.07;letter-spacing:-.062em;margin-top:27px}.hero h1 .serif{font-size:1.1em;margin-left:.01em;line-height:1.15;letter-spacing:-.055em}.hero-description{left:7%;right:7%;bottom:15.5%}.hero-description>p{font-size:16px;line-height:1.8;margin-bottom:25px}.explore-link{font-size:14px;gap:26px}.arrow-disc{width:44px;height:44px}.hero-caption{display:none}.hero-bottom{left:7%;right:7%;bottom:22px}.hero-index{font-size:9px;letter-spacing:1.5px}#video-control{font-size:10px}.how{padding:38px 7% 65px}.section-meta{font-size:9px;letter-spacing:1.3px}.section-meta>span:last-child{font-size:25px}.manifesto{padding:62px 0 50px}.manifesto h2{font-size:clamp(27px,6.9vw,44px);line-height:1.26;letter-spacing:-1px}.manifesto h2 .serif{letter-spacing:-.8px;font-size:1.1em}.manifesto>p{font-size:16px;line-height:1.8;margin-top:25px;max-width:420px}.manifesto>p br{display:none}.method-step summary{grid-template-columns:28px 1fr 25px;gap:10px;padding:25px 0}.method-step h3{font-size:32px;letter-spacing:-1px}.step-number{font-size:10px}.step-preview{display:none}.step-toggle{width:25px;font-size:23px}.step-detail{padding:0 0 25px 38px;max-width:500px}.step-detail p{font-size:15px;line-height:1.7}.opportunities{padding:38px 7% 65px}.selection-heading{display:block;margin:60px 0 30px}.selection-heading h2{font-size:36px;letter-spacing:-1.5px;line-height:1.15}.selection-heading h2 .serif{letter-spacing:-1px;font-size:1.1em}.selection-heading>p{font-size:16px;margin:25px 0 0;line-height:1.8}.selection-grid{grid-template-columns:1fr;gap:42px}.selection-number{padding-top:0}.selection-number .eyebrow{padding-left:3px;font-size:10px}.hundred{font-size:48vw;line-height:1.03;margin-top:9px;letter-spacing:-.085em}.selection-number>p{font-size:13px;margin:14px 0 0 3px}.example-card{padding:23px;border-radius:12px}.card-top{margin-bottom:29px}.card-label{font-size:9px;letter-spacing:1px;max-width:120px}.example-badge{font-size:9px;padding:6px 7px}.company-row h3{font-size:17px}.company-row p{font-size:11px}.priority{font-size:9px;padding:6px}.tabs{gap:8px}.tabs button{font-size:11px;min-height:45px}.tab-panel{min-height:234px;padding-top:28px}.tab-panel h4{font-size:34px}.tab-panel>p{font-size:14px;line-height:1.75}.card-bottom{font-size:10px}.closing{padding:42px 7% 35px}.closing-top>p{font-size:16px;line-height:1.6}.round-cta{width:59px;height:59px;flex-shrink:0}.round-cta>span{font-size:30px}.closing h2{font-size:19vw;letter-spacing:-.075em;margin:37px 0 30px;line-height:1.1}.closing-bottom{font-size:12px;padding-top:22px}.closing-bottom>a{gap:20px}.closing-bottom>span{display:none}footer{padding:30px 7%;display:grid;grid-template-columns:1fr 1fr;gap:25px;font-size:10px}footer .brand{grid-column:1/-1;font-size:23px}footer>a:last-child{justify-content:end;gap:13px}}
@media(max-width:360px){.brand{font-size:20px}.brand-symbol{margin-right:6px}.contact-link{padding:10px 12px;gap:10px}.hero{min-height:750px;height:790px}.hero-description>p{font-size:14px}.example-card{padding:19px}.company-row h3{font-size:15px}.priority{font-size:8px}.tabs button{font-size:10px}.manifesto h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.portal-wrap{will-change:auto;transform:translateY(-50%)}.motion-ready .reveal{opacity:1;transform:none}}

/* Compact labels keep the opportunity readable on small phones. */
.tabs button{font-size:13px}.example-badge{font-size:11px}.priority{font-size:11px}.company-row p{font-size:12px}
@media(max-width:700px){.tabs button{font-size:12px}.example-badge{font-size:10px}.priority{font-size:10px}}
@media(max-width:360px){.company-row{display:grid;grid-template-columns:41px 1fr;gap:8px 12px}.company-row h3{font-size:17px}.priority{grid-column:2;justify-self:start;margin:0}.card-top{align-items:flex-start}.card-label{max-width:86px}.example-badge{font-size:9px}}