:root{color-scheme:dark;--navy:#061e43;--sand:#d4b896;--white:#f4f7fd;--muted:#aebed3;--line:rgba(220,232,251,.2)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--navy);color:var(--white);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #d1e8ff;outline-offset:8px}button{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:10;top:10px;left:20px;padding:16px;background:white;color:var(--navy);transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}
.hero{--logo-width:min(76vw,1300px);--logo-center:45.5%;--logo-bottom:calc(var(--logo-center) + var(--logo-width)*.1788461538);height:100svh;min-height:680px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 52% 45%,#0b2a53 0%,#061e43 58%,#04152f 100%)}#universe{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity 1s}.motion-ready #universe{opacity:1}.masthead{position:absolute;left:4.2%;right:4.2%;top:35px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px;z-index:2}.about-link{grid-column:3;justify-self:end;font-size:14px;display:flex;gap:18px;align-items:center}.about-link span{font-size:20px}.brand-caption{position:absolute;left:50%;top:calc(var(--logo-bottom, 62%) + 22px);transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:17px;width:max-content;max-width:90%;text-align:center;opacity:1;transition:opacity 1.6s}.living{width:clamp(150px,18vw,260px)}.living svg{display:block;width:100%;height:auto}.hero-label{font-size:11px;letter-spacing:2px;line-height:1.4;color:var(--sand);white-space:nowrap}.motion-ready .brand-caption{opacity:0}.motion-ready.is-formed .brand-caption{opacity:1}.hero-foot{position:absolute;bottom:42px;left:4.2%;right:4.2%;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:20px;z-index:2}.hero-statement{font-family:Georgia,'Times New Roman',serif;font-size:clamp(25px,2.5vw,38px);font-weight:400;line-height:1.15;margin:0;letter-spacing:-.5px}.discover{justify-self:center;font-size:14px;display:flex;align-items:center;gap:26px;padding:13px 0;border-bottom:1px solid var(--line)}.discover span{font-size:23px}.motion-controls{justify-self:end;display:flex;gap:22px;align-items:center}.motion-controls[hidden]{display:none}.motion-controls button{border:0;background:none;padding:14px 0;font-size:12px;color:var(--muted);display:flex;gap:10px;align-items:center}.motion-controls button:hover{color:white}.motion-controls button span{font-size:19px}.fallback-logo{position:absolute;width:var(--logo-width, min(76vw,1300px));left:50%;top:var(--logo-center,45.5%);transform:translate(-50%,-50%);mix-blend-mode:lighten}.fallback-logo svg{display:block;width:100%;height:auto}.motion-ready .fallback-logo{visibility:hidden}
.company{background:#f2f3f5;color:var(--navy);padding:60px 4.2% 0}.company-kicker{display:flex;justify-content:space-between;gap:25px;font-size:12px;letter-spacing:2px;border-top:1px solid #a5b0bf;padding-top:22px}.company-body{display:grid;grid-template-columns:1.5fr 1fr;gap:8%;padding:110px 0 120px;align-items:end}.company h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(34px,4.3vw,66px);line-height:1.1;font-weight:400;letter-spacing:-2px;margin:0}.company h2 em{font-weight:400}.company-copy{max-width:370px;font-size:18px;line-height:1.65}.company-copy p{margin:0 0 26px}.company-copy .signature{font-size:14px;margin:0;color:#526478}.company footer{display:flex;justify-content:space-between;border-top:1px solid #bdc5ce;padding:28px 0 32px;gap:25px;font-size:12px;letter-spacing:1px}.company footer a{letter-spacing:0;font-size:14px}.company footer a span{margin-left:20px}
@media(min-width:1800px){.masthead{top:48px}.hero-foot{bottom:58px}}
@media(max-width:800px){.hero{--logo-width:88vw;--logo-center:43.5%;min-height:650px}.masthead{left:6%;right:6%;top:25px;gap:15px}.about-link{font-size:13px;gap:10px}.brand-caption{top:calc(var(--logo-bottom,53%) + 24px);gap:15px}.living{width:clamp(125px,32vw,190px)}.hero-label{font-size:10px;letter-spacing:1.4px}.hero-foot{left:6%;right:6%;bottom:28px;grid-template-columns:1fr 1fr;row-gap:24px}.hero-statement{font-size:29px}.discover{justify-self:end;font-size:13px;gap:18px}.motion-controls{grid-column:1 / -1;justify-self:end;gap:25px}.company{padding:40px 6% 0}.company-body{grid-template-columns:1fr;gap:45px;padding:70px 0 80px}.company h2{font-size:40px;letter-spacing:-1.5px}.company-copy{font-size:17px;max-width:400px}.company-kicker{font-size:12px;letter-spacing:1.3px}.fallback-logo{width:var(--logo-width,88vw);top:var(--logo-center,43.5%)}}
@media(max-width:360px){.masthead{left:5%;right:5%}.about-link{font-size:12px}.hero-statement{font-size:25px}.company h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}#universe{display:none!important}.brand-caption,.motion-ready .brand-caption{opacity:1}.fallback-logo,.motion-ready .fallback-logo{display:block;visibility:visible}.motion-controls{display:none!important}}

/* The logo, caption and controls each retain their own space on small screens. */
.hero-stage{position:absolute;inset:0;min-width:0}
.fallback-logo svg{aspect-ratio:1300 / 465}
.living svg{aspect-ratio:10 / 1}
@media(max-width:900px), (max-height:600px) and (max-width:1100px){
  .hero{--logo-width:min(84vw,640px);height:auto;min-height:100vh;min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(250px,1fr) auto}
  .masthead{grid-area:1 / 1;position:relative;inset:auto;display:flex;justify-content:flex-end;gap:0;padding:calc(16px + env(safe-area-inset-top,0px)) max(6%,env(safe-area-inset-right,0px)) 12px;z-index:20}
  .hero-stage{grid-area:2 / 1;position:relative;inset:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:28px 0;min-height:250px}
  .fallback-logo{position:relative;inset:auto;transform:none;flex:none;width:var(--logo-width);max-width:88%}
  .brand-caption{position:relative;inset:auto;transform:none;flex:none;gap:14px;width:auto;max-width:88%;transition:opacity 1.6s}
  .living{width:clamp(125px,30vw,180px)}
  .hero-label{font-size:10px;letter-spacing:1.4px;line-height:1.5;white-space:normal}
  .hero-foot{grid-area:3 / 1;position:relative;inset:auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 20px;padding:24px 6% calc(22px + env(safe-area-inset-bottom,0px))}
  .hero-foot>*{min-width:0}
  .hero-statement{font-size:clamp(25px,4vw,32px);line-height:1.2}
  .discover{justify-self:end;font-size:14px;min-height:44px;gap:14px}
  .motion-controls{grid-column:1 / -1;justify-self:end;gap:24px}
  .motion-controls button{font-size:13px;min-width:76px;min-height:44px;padding:10px 0;justify-content:center}
}
@media(max-width:520px){
  .hero-foot{grid-template-columns:minmax(0,1fr);gap:12px;padding-top:18px}
  .hero-statement{text-align:center;font-size:26px}
  .hero-statement br{display:none}
  .discover,.motion-controls{justify-self:center}
  .discover{gap:18px}
}
