:root{--navy:#061d2f;--navy-2:#0b3049;--blue:#134b70;--orange:#f7a91b;--orange-dark:#db8c00;--cream:#f7f5ef;--ink:#10222f;--muted:#64737e;--line:#dfe5e7;--white:#fff;--shell:min(1180px, calc(100% - 48px));color:var(--ink);background:var(--cream);font-synthesis:none;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{background:var(--cream);margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}.shell{width:var(--shell);margin-inline:auto}.section{padding-block:112px}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand{font-family:Manrope,sans-serif}h2{letter-spacing:-.055em;font-size:clamp(2.25rem,4vw,4rem);line-height:1.08}.eyebrow{color:var(--orange-dark);letter-spacing:.15em;text-transform:uppercase;margin-bottom:22px;font:700 .72rem/1.2 Manrope}.eyebrow.light{color:#ffc45b}.site-header{z-index:50;color:#fff;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#061d2feb;border-bottom:1px solid #ffffff21;justify-content:space-between;align-items:center;height:76px;padding:0 max(24px,50vw - 590px);display:flex;position:fixed;inset:0 0 auto}.brand{align-items:center;gap:11px;display:inline-flex}.brand-mark{width:38px;height:38px;color:var(--navy);background:var(--orange);border-radius:50%;place-items:center;display:grid}.brand>span:last-child{line-height:1;display:grid}.brand strong{letter-spacing:.14em;font-size:.95rem}.brand small{letter-spacing:.34em;opacity:.72;margin-top:5px;font-size:.52rem}.nav{align-items:center;gap:32px;font-size:.86rem;font-weight:600;display:flex}.nav a{opacity:.8;transition:all .2s}.nav a:hover{opacity:1;color:#ffc45b}.nav-cta{color:var(--navy);background:var(--orange);border:0;border-radius:7px;align-items:center;gap:9px;padding:12px 17px;font-weight:700;display:inline-flex}.menu-button{color:#fff;background:0 0;border:0;display:none}.hero{color:#fff;background:var(--navy) url(/assets/hoperise-maritime-hero.png) center/cover no-repeat;height:94svh;min-height:760px;position:relative;overflow:hidden}.hero-shade{background:linear-gradient(90deg,#021320eb 0%,#021320ab 43%,#02132014 76%),linear-gradient(#0000 55%,#031624a6);position:absolute;inset:0}.hero-content{z-index:1;justify-content:space-between;align-items:center;height:100%;padding-top:70px;display:flex;position:relative}.hero-copy{width:min(700px,66%)}.hero .eyebrow{align-items:center;gap:10px;display:flex}.hero .eyebrow span{background:var(--orange);width:28px;height:1px}.hero h1{letter-spacing:-.075em;max-width:720px;margin-bottom:26px;font-size:clamp(3.7rem,7vw,7rem);line-height:.92}.hero-lead{color:#ffffffc7;max-width:635px;margin-bottom:38px;font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.75}.hero-actions,.partner-actions{flex-wrap:wrap;gap:12px;display:flex}.button{border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:10px;min-height:49px;padding:0 21px;font-weight:700;transition:transform .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button.primary{color:var(--navy);background:var(--orange)}.button.primary:hover{background:#ffb931}.button.glass{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border-color:#ffffff4d}.button.outline{color:#fff;background:0 0;border-color:#ffffff4d}.button.full{width:100%}.hero-note{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#041c2dc7;border:1px solid #ffffff2e;border-radius:8px;align-self:flex-end;gap:13px;width:325px;margin-bottom:66px;padding:18px;display:flex}.hero-note>span{height:38px;color:var(--navy);background:var(--orange);border-radius:50%;flex:0 0 38px;place-items:center;display:grid}.hero-note p{color:#ffffffa8;margin:0;font-size:.74rem;line-height:1.5}.hero-note strong{color:#fff;margin-bottom:4px;font-size:.88rem;display:block}.scroll-cue{z-index:2;color:#ffffff9e;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:10px;font-size:.68rem;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.scroll-cue span{background:var(--orange);width:1px;height:20px}.mission{grid-template-columns:1.05fr .95fr;gap:70px 100px;display:grid}.section-intro h2{max-width:660px;margin-bottom:0}.mission-copy{padding-top:42px}.mission-copy p{color:var(--muted);font-size:1.05rem;line-height:1.75}.text-link{border-bottom:1px solid var(--orange);color:var(--navy);align-items:center;gap:10px;margin-top:8px;padding-bottom:5px;font-weight:700;display:inline-flex}.values-band{border-block:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(3,1fr);display:grid}.values-band>div{align-items:center;gap:17px;padding:28px 24px;display:flex}.values-band>div+div{border-left:1px solid var(--line)}.values-band svg{color:var(--orange-dark)}.values-band span{gap:4px;display:grid}.values-band strong{font:700 .91rem Manrope}.values-band small{color:var(--muted)}.program-section{color:#fff;background:var(--navy);position:relative;overflow:hidden}.program-section:before{content:"";border:1px solid #ffffff14;border-radius:50%;width:480px;height:480px;position:absolute;top:-220px;right:-190px;box-shadow:0 0 0 80px #ffffff05,0 0 0 160px #ffffff05}.program-heading{justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:55px;display:flex}.program-heading h2{margin-bottom:0}.program-heading>p{color:#ffffff9e;max-width:440px;margin-bottom:4px;line-height:1.75}.program-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid;position:relative}.program-card{min-height:390px;color:var(--ink);background:#fff;border-radius:9px;flex-direction:column;padding:28px;display:flex}.program-number{color:#a1adb4;align-self:flex-end;font:600 .73rem Manrope}.program-icon{width:57px;height:57px;color:var(--blue);background:#eaf2f7;border-radius:50%;place-items:center;margin:31px 0 28px;display:grid}.program-card h3{margin-bottom:14px;font-size:1.15rem}.program-card p{color:var(--muted);font-size:.88rem;line-height:1.68}.program-card a{color:var(--blue);align-items:center;gap:4px;margin-top:auto;font-size:.82rem;font-weight:700;display:flex}.impact-card{color:#fff;background:#0d466a;border-radius:12px;grid-template-columns:1.05fr 1fr;gap:55px 80px;padding:70px;display:grid;position:relative;overflow:hidden}.impact-card:after{content:"";pointer-events:none;opacity:.28;background-image:radial-gradient(#ffffff73 .8px,#0000 .8px);background-size:16px 16px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(270deg,#000,#0000 65%);mask-image:linear-gradient(270deg,#000,#0000 65%)}.impact-copy h2{max-width:520px;margin-bottom:22px}.impact-copy>p:last-child{color:#ffffffad;max-width:520px;line-height:1.75}.metrics{z-index:1;grid-template-columns:repeat(3,1fr);align-items:center;display:grid;position:relative}.metrics div{border-left:1px solid #ffffff4d;gap:7px;padding-left:20px;display:grid}.metrics strong{color:var(--orange);letter-spacing:-.06em;font:800 clamp(2.3rem,4vw,4rem)/1 Manrope}.metrics span{color:#ffffffad;text-transform:uppercase;font-size:.73rem}.impact-quote{border-top:1px solid #fff3;grid-column:1/-1;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding-top:36px;display:grid}.impact-quote svg{color:var(--orange);fill:var(--orange)}.impact-quote p{max-width:790px;margin:0;font:500 clamp(1.25rem,2.5vw,2rem)/1.45 Manrope}.impact-quote span{color:#ffffff8c;letter-spacing:.12em;text-transform:uppercase;font-size:.72rem}.pathway{background:#fff}.pathway-heading{text-align:center;max-width:680px;margin:0 auto 62px}.journey{grid-template-columns:repeat(4,1fr);gap:0;display:grid}.journey article{padding-right:34px}.journey-step{align-items:center;margin-bottom:24px;display:flex}.journey-step span{height:44px;color:var(--navy);background:var(--orange);border-radius:50%;flex:0 0 44px;place-items:center;font-weight:800;display:grid}.journey-step i{background:#cfd8dc;width:100%;height:1px;margin-left:12px}.journey h3{margin-bottom:10px;font-size:1.08rem}.journey p{color:var(--muted);font-size:.86rem;line-height:1.65}.pathway-note{color:#fff;background:var(--navy);border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin-top:65px;padding:24px 28px;display:grid}.pathway-note>svg{color:var(--orange)}.pathway-note p{gap:3px;margin:0;display:grid}.pathway-note span{color:#fff9;font-size:.82rem}.pathway-note button{color:#ffc45b;background:0 0;border:0;align-items:center;gap:9px;font-weight:700;display:inline-flex}.pathway-note button svg{width:17px}.partnership-panel{color:#fff;background:linear-gradient(120deg,#08243a,#0c3651);border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:42px;padding:66px;display:grid;box-shadow:0 25px 70px #061d2f2b}.partnership-mark{width:94px;height:94px;color:var(--navy);background:var(--orange);border-radius:50%;place-items:center;display:grid}.partnership-mark svg{width:42px;height:42px}.partnership-panel h2{max-width:650px;margin-bottom:16px;font-size:clamp(2rem,3.5vw,3.3rem)}.partnership-panel p:last-child{color:#ffffff9e;max-width:650px;margin:0;line-height:1.7}.partner-actions{flex-direction:column;min-width:210px}footer{color:#fff;background:#041522}.footer-main{grid-template-columns:1.6fr .7fr .8fr 1.1fr;gap:60px;padding-block:72px;display:grid}.footer-brand p{color:#ffffff80;max-width:300px;margin-top:24px;line-height:1.7}.footer-main h3{color:#ffffff73;letter-spacing:.14em;text-transform:uppercase;margin:5px 0 22px;font-size:.7rem}.footer-main>div:not(:first-child){flex-direction:column;align-items:flex-start;gap:13px;display:flex}.footer-main a,.footer-main button,.footer-main p{color:#ffffffb3;font-size:.84rem}.footer-main button{background:0 0;border:0;padding:0}.footer-main a:hover,.footer-main button:hover{color:var(--orange)}.contact-list a,.contact-list p{gap:10px;margin:0;display:flex}.contact-list svg{width:17px;color:var(--orange);flex:0 0 17px}.footer-bottom{color:#ffffff59;border-top:1px solid #ffffff17;justify-content:space-between;padding-block:22px;font-size:.7rem;display:flex}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#010d16d1;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:min(550px,100%);max-height:calc(100vh - 40px);padding:42px;position:relative;overflow:auto;box-shadow:0 30px 100px #0000004d}.modal-close{width:37px;height:37px;color:var(--navy);background:#edf2f4;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:17px;right:17px}.modal h2{margin-bottom:12px;font-size:2.15rem}.modal>p:not(.eyebrow),.success-state>p:not(.eyebrow){color:var(--muted);line-height:1.6}.modal form{gap:15px;margin-top:28px;display:grid}.modal label{gap:7px;font-size:.8rem;font-weight:700;display:grid}.modal label span{color:var(--muted);font-weight:400}.modal input,.modal textarea{width:100%;color:var(--ink);resize:vertical;border:1px solid #ccd6da;border-radius:6px;outline:0;padding:12px 14px}.modal input:focus,.modal textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #134b701a}.success-state{text-align:center;padding:28px 5px 8px}.success-state>span{width:65px;height:65px;color:var(--navy);background:var(--orange);border-radius:50%;place-items:center;margin:0 auto 24px;display:grid}.success-state .button{border:0;min-width:140px;margin-top:12px}@media (width<=980px){.section{padding-block:86px}.menu-button{place-items:center;display:grid}.nav{color:#fff;background:#061d2ffa;border-top:1px solid #ffffff1a;align-items:stretch;gap:0;padding:15px 24px 24px;display:none;position:absolute;inset:76px 0 auto}.nav.open{display:grid}.nav a{border-bottom:1px solid #ffffff1a;padding:15px 0}.nav-cta{justify-content:center;margin-top:15px}.hero-copy{width:80%}.hero-note{display:none}.mission{gap:50px}.program-grid{grid-template-columns:repeat(2,1fr)}.program-card{min-height:330px}.impact-card{grid-template-columns:1fr}.impact-quote{grid-column:auto}.partnership-panel{grid-template-columns:auto 1fr}.partner-actions{flex-direction:row;grid-column:2}.footer-main{grid-template-columns:1.5fr 1fr 1fr}.contact-list{grid-column:2/4}}@media (width<=700px){:root{--shell:min(100% - 34px, 1180px)}html{scroll-padding-top:68px}.site-header{height:68px;padding-inline:17px}.nav{top:68px}.brand-mark{width:34px;height:34px}.brand strong{font-size:.8rem}.section{padding-block:72px}.hero{background-position:67%;height:100svh;min-height:720px}.hero-shade{background:linear-gradient(90deg,#021320eb,#02132073),linear-gradient(#0000 50%,#031624bd)}.hero-content{align-items:flex-end;padding:120px 0 83px}.hero-copy{width:100%}.hero h1{font-size:clamp(3.4rem,16vw,5rem)}.hero-lead{max-width:94%;font-size:.96rem;line-height:1.65}.hero-actions{display:grid}.hero-actions .button{width:100%}.scroll-cue{display:none}.mission{grid-template-columns:1fr;gap:32px}.mission-copy{padding-top:0}.values-band{grid-template-columns:1fr}.values-band>div{padding-inline:0}.values-band>div+div{border-left:0;border-top:1px solid var(--line)}.program-heading{flex-direction:column;align-items:flex-start;gap:20px}.program-grid{grid-template-columns:1fr}.program-card{min-height:315px}.impact{width:100%;padding:0}.impact-card{border-radius:0;gap:42px;padding:70px 24px}.metrics{gap:14px}.metrics div{padding-left:10px}.metrics strong{font-size:2.35rem}.metrics span{font-size:.58rem}.impact-quote{grid-template-columns:auto 1fr;align-items:start}.impact-quote span{grid-column:2}.journey{grid-template-columns:1fr;gap:30px}.journey article{grid-template-columns:45px 1fr;gap:0 15px;padding:0;display:grid}.journey-step{flex-direction:column;grid-row:1/3;align-items:flex-start;height:100%;margin:0}.journey-step i{width:1px;height:100%;min-height:64px;margin:9px 0 0 21px}.journey h3{margin-top:9px}.journey p{grid-column:2}.pathway-note{grid-template-columns:auto 1fr}.pathway-note button{grid-column:1/-1;justify-self:flex-start}.partnership-panel{grid-template-columns:1fr;gap:27px;padding:42px 25px}.partnership-mark{width:70px;height:70px}.partner-actions{flex-direction:column;grid-column:auto}.footer-main{grid-template-columns:1fr 1fr;gap:45px 25px}.footer-brand,.contact-list{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:8px}.modal{padding:38px 23px 25px}.modal h2{font-size:1.8rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}