:root{--navy:#061d36;--gold:#cfa552;--ivory:#faf8ef;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html,body{margin:0;min-width:320px}body{color:var(--navy);background:var(--ivory);font-family:Arial,Helvetica,sans-serif}.page{position:relative;isolation:isolate;min-height:max(800px,100svh);overflow:hidden;display:flex;flex-direction:column}.scene{position:absolute;inset:0 0 145px;z-index:-3;overflow:hidden;background:#f8f6ed;animation:fade 1.4s .15s both}.photograph{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.scene:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(250,248,239,.93),rgba(250,248,239,.62) 38%,transparent 60%);pointer-events:none}.geometry{position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(124deg,transparent 28%,#ffffff26 28%,#ffffff26 37%,transparent 37%,transparent 43%,#ffffff1c 43%,#ffffff1c 49%,transparent 49%)}.brand{margin:40px 7% 0;align-self:flex-start}.brand img{display:block;width:345px;height:auto;mix-blend-mode:multiply}.hero{margin:70px 7% 180px;width:48%;position:relative}.top-divider{display:flex;gap:40px;width:270px;margin-bottom:28px}.top-divider i{height:1px;background:var(--gold);flex:1;animation:line .8s .3s both}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(64px,6.1vw,112px);font-weight:400;line-height:1;letter-spacing:-.065em;white-space:nowrap;margin:0 0 25px}h1 span{color:var(--gold);background:linear-gradient(160deg,#dfb760,#99691f);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.promise{font-family:Georgia,'Times New Roman',serif;font-size:clamp(20px,1.75vw,29px);line-height:1.4;margin:0 0 18px}.secondary{font-size:clamp(16px,1.4vw,22px);line-height:1.5;color:#536276;margin:0}.divider{width:52px;height:2px;background:var(--gold);animation:line .8s .3s both}.bottom-divider{margin-top:28px}.mobile-divider{display:none}.footer{margin-top:auto;position:relative;background:linear-gradient(115deg,#102f47,#061c30);padding:30px 7% 26px;color:#fff}.waves{position:absolute;bottom:calc(100% - 2px);height:135px;width:100%;left:0;overflow:hidden}.wave{position:absolute;width:200%;height:100%;left:0;bottom:0;will-change:transform}.wave path{vector-effect:non-scaling-stroke}.back{fill:#12374d;opacity:.85;animation:wave 26s linear infinite}.middle{fill:#123147;stroke:#c79d51;stroke-width:2;animation:wave 18s linear infinite reverse}.front{fill:#0d2a41;stroke:#dfb862;stroke-width:3;animation:wave 12s linear infinite}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.feature{display:flex;align-items:center;gap:22px}.feature+.feature{border-left:1px solid #d2ba8650;padding-left:32px}.icon{border:1.5px solid #e1b965;border-radius:50%;width:72px;height:72px;display:grid;place-items:center;flex-shrink:0;color:#e3be70}.icon svg{width:36px;height:36px}.feature h2{font:400 clamp(18px,1.6vw,26px)/1.25 Georgia,serif;margin:0 0 10px;white-space:nowrap}.feature p{font-size:12px;letter-spacing:.25em;line-height:1.8;margin:0;color:#dfe5ec}.credit{display:flex;align-items:center;justify-content:center;gap:26px;margin:36px auto 0;max-width:900px}.credit i{height:1px;background:#a6b2bd;flex:1}.credit p{font-size:12px;letter-spacing:.13em;margin:0;line-height:1.5}.credit a{color:inherit;text-decoration:none}.credit a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.entrance{animation:rise 1.2s var(--ease) both}.brand{animation-delay:.15s}h1.entrance{animation-delay:.4s}.promise.entrance{animation-delay:.6s}.secondary.entrance{animation-delay:.75s}.footer.entrance{animation-delay:1s}.feature.entrance{animation-delay:1.15s}.feature:nth-child(2){animation-delay:1.3s}.feature:nth-child(3){animation-delay:1.45s}@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes fade{from{opacity:0}to{opacity:1}}@keyframes line{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes wave{to{transform:translateX(-50%)}}
@media(min-width:1440px){.page{min-height:max(880px,100svh)}.hero{margin-top:85px}.brand img{width:380px}}
@media(min-width:1024px) and (max-width:1200px){.features{gap:15px}.feature{gap:12px}.feature+.feature{padding-left:15px}.icon{width:58px;height:58px}.feature h2{font-size:18px}.feature p{letter-spacing:.13em}.hero{width:52%}}
@media(max-width:1023px){.page{min-height:1150px}.brand{margin:35px auto 0;align-self:center}.brand img{width:350px}.hero{width:auto;margin:48px 6% 530px;text-align:center}.top-divider{margin:0 auto 26px;width:380px;gap:100px}h1{font-size:clamp(68px,9.2vw,95px)}.promise{font-size:26px}.secondary{font-size:21px}.bottom-divider{margin:25px auto 0}.scene{top:310px;bottom:170px}.photograph{object-position:73% center}.scene:after{background:linear-gradient(#faf8ef 0%,#faf8ef00 23%)}.features{gap:10px}.feature{flex-direction:column;text-align:center;gap:14px}.feature+.feature{padding-left:10px}.feature h2{font-size:21px}.feature p{letter-spacing:.18em}.footer{padding:18px 5% 28px}.waves{height:100px}.credit{margin-top:35px}}
@media(max-width:767px){.page{min-height:100svh}.brand{margin-top:24px}.brand img{width:245px;max-width:76vw}.hero{margin:30px 6% 370px}h1{font-size:clamp(58px,16vw,100px);line-height:.92;letter-spacing:-.06em;margin-bottom:23px;white-space:normal}h1 span{display:block}.top-divider{display:none}.mobile-divider{display:block;margin:0 auto 23px;width:40px}.promise{font-size:clamp(19px,5.1vw,26px);line-height:1.3;max-width:440px;margin:0 auto 15px}.secondary{font-size:16px;max-width:350px;margin:auto}.bottom-divider{display:none}.scene{top:330px;bottom:205px}.photograph{object-position:76% center}.scene:after{background:linear-gradient(#faf8ef,transparent 24%)}.footer{padding:18px 16px 24px}.waves{height:80px}.features{gap:8px}.feature{gap:11px}.feature+.feature{padding-left:8px}.icon{width:49px;height:49px}.icon svg{width:26px;height:26px}.feature h2{font-size:16px;white-space:normal;margin-bottom:10px}.feature p{font-size:10px;letter-spacing:.15em;line-height:1.7}.credit{gap:12px;margin-top:28px}.credit p{font-size:10px;letter-spacing:.06em}}
@media(max-width:360px){.hero{margin-bottom:330px}.brand img{width:220px}.feature h2{font-size:14px}.feature p{letter-spacing:.08em}.scene{top:330px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important}}
@media(min-width:1024px){.photograph{object-position:center top}}
@media(max-width:767px){.photograph{object-position:82% center}}

/* Full-bleed still photograph with the vessel clear of the SVG waves. */
.scene,.top-divider i,.divider{animation:none}
.brand{background:transparent}
.brand img{mix-blend-mode:normal;filter:url(#logo-transparent);background:transparent}
.page{min-height:max(800px,calc(62.55vw + 180px),100svh)}
.scene{inset:0 0 150px;background:#f8f6ed}
.photograph{object-fit:cover;object-position:right center}
.scene:after{background:linear-gradient(90deg,rgba(250,248,239,.93),rgba(250,248,239,.55) 32%,transparent 48%)}
@media(min-width:768px) and (max-width:1023px){
.page{min-height:1150px}
.scene{inset:0 0 200px;background:linear-gradient(#faf8ef,#e8eef0 65%,#276383)}
.photograph{position:absolute;bottom:0;right:0;width:100%;height:620px;object-fit:cover;object-position:right center;mask-image:linear-gradient(transparent,black 20%)}
.scene:after{background:linear-gradient(#faf8ef 20%,transparent 50%)}
}
@media(max-width:767px){
.page{min-height:100svh}
.scene{inset:0 0 160px;height:auto;background:linear-gradient(#faf8ef 30%,#e6eef0 65%,#276383)}
.photograph{position:absolute;bottom:0;right:0;width:100%;height:400px;object-fit:cover;object-position:right center;mask-image:linear-gradient(transparent,black 16%)}
.scene:after{background:linear-gradient(#faf8ef 20%,transparent 48%)}
.hero{margin-bottom:410px}
.waves{height:65px}
}
@media(max-width:360px){.photograph{height:350px}.hero{margin-bottom:370px}}