#distant-about-site{--about-blue:#48739f;font-family:Inter,Arial,sans-serif;color:#080b10;width:100%;container-type:inline-size}
#distant-about-site *{box-sizing:border-box}
#distant-about-site [hidden]{display:none!important}
#distant-about-site .d-about{background:var(--about-blue);color:#080b10;padding:0 4%}
#distant-about-site .d-header{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px}
#distant-about-site button{font-family:inherit;color:inherit}
#distant-about-site .d-wordmark{border:0;background:transparent;padding:0;text-align:left;font-size:26px;line-height:.9;font-weight:500;letter-spacing:-.04em;text-indent:-.06em}
#distant-about-site .d-wordmark span{display:block;font-size:8px;font-weight:400;letter-spacing:.48em;margin-top:9px;margin-left:0;text-indent:0}
#distant-about-site nav{display:flex;align-items:center;gap:28px;font-size:13px}
#distant-about-site nav>span{border-bottom:1px solid currentColor;padding-bottom:3px}
#distant-about-site .d-contact{height:36px;display:inline-flex;align-items:center;gap:12px;padding:0 13px;border:1px solid #080b1059;border-radius:5px;background:transparent;font-size:13px}
#distant-about-site .d-contact svg,#distant-about-site .d-back svg{width:16px;height:16px;stroke-width:1.5}
#distant-about-site .d-contact:hover{border-color:#080b10}
#distant-about-site .d-main{padding:66px 3% 90px;display:grid;grid-template-columns:1fr 1.04fr;column-gap:7%;align-items:start}
#distant-about-site .d-label{grid-column:1/-1;font-size:10px;letter-spacing:.14em;margin-bottom:27px}
#distant-about-site h1{font:400 clamp(46px,7.5cqw,86px)/.98 Inter,Arial,sans-serif;letter-spacing:-.065em;margin:0}
#distant-about-site .d-copy{padding-top:3px;max-width:500px}
#distant-about-site p{font:400 15px/1.65 Inter,Arial,sans-serif;letter-spacing:-.015em;margin:0 0 24px}
#distant-about-site .d-lead{font-size:24px;line-height:1.28;letter-spacing:-.035em;margin-bottom:32px}
#distant-about-site .d-ending{margin-top:34px;margin-bottom:0;font-size:20px;line-height:1.35;letter-spacing:-.025em}
#distant-about-site .d-footer{padding:24px 0;border-top:1px solid #080b1035;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.08em}
#distant-about-site .d-back{display:flex;gap:8px;align-items:center;background:none;border:0;padding:8px 0;font-size:12px}
#distant-about-site .d-home{height:clamp(440px,61vw,625px);position:relative;overflow:hidden;background:#283847;color:#f4f0dd;isolation:isolate}
#distant-about-site .d-home img{position:absolute;inset:-3%;width:106%;height:106%;max-width:none;object-fit:cover;animation:d-home-pan 36s ease-in-out infinite alternate;transform-origin:70% 50%;z-index:-2}
#distant-about-site .d-home-shade{position:absolute;inset:0;background:linear-gradient(0deg,#04182d78,transparent 65%);z-index:-1}
#distant-about-site .d-home .d-header{padding:0 32px;min-height:96px}
#distant-about-site .d-home .d-contact{background:#eeeee5;border-color:#e3e3d7;color:#262823}
#distant-about-site .d-about-link{font-size:13px;background:transparent;border:0;padding:10px 0;text-shadow:0 1px 3px #0004}
#distant-about-site .d-home-brand{position:absolute;left:5%;bottom:13%;font-size:20cqw;line-height:.85;letter-spacing:-.075em;text-indent:-.08em;color:#f4f0dddc;pointer-events:none}
#distant-about-site .d-home-brand span{display:block;margin-top:24px;margin-left:0;text-indent:0;font-size:11px;letter-spacing:.48em}
#distant-about-site .d-pause{position:absolute;bottom:20px;right:26px;background:none;border:0;min-height:44px;font-size:11px;color:#f4f0dd}
#distant-about-site .d-home.paused img{animation-play-state:paused}
@keyframes d-home-pan{from{transform:scale(1.015) translate(-.5%,.3%)}to{transform:scale(1.095) translate(1.2%,-.6%)}}
@media(max-width:650px){#distant-about-site .d-about{padding:0 6%}#distant-about-site .d-header{min-height:92px}#distant-about-site nav{gap:18px}#distant-about-site .d-wordmark{font-size:22px}#distant-about-site .d-main{padding:45px 0 60px;grid-template-columns:1fr;gap:0}#distant-about-site h1{font-size:clamp(50px,12cqw,72px);margin-bottom:42px}#distant-about-site .d-lead{font-size:23px}#distant-about-site .d-copy{max-width:100%}#distant-about-site .d-home .d-header{padding:0 22px}}
@media(pointer:coarse){#distant-about-site .d-contact,#distant-about-site .d-back{min-height:44px}}

html,body{margin:0;min-height:100%;background:#48739f}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:5px}
#distant-about-site .d-home{height:100svh;min-height:440px}#distant-about-site .d-about{min-height:100svh}#distant-about-site .d-contact{align-items:center}#distant-about-site .d-wordmark{display:block}#distant-about-site .d-home img{animation-play-state:running}#distant-about-site .d-home.paused img{animation-play-state:paused}@media(prefers-reduced-motion:reduce){#distant-about-site .d-home img{animation:none}}

/* Native page crossfades retain normal links and browser history. */
@view-transition{navigation:auto}
::view-transition-old(root){animation:260ms ease-out both d-page-out}
::view-transition-new(root){animation:620ms cubic-bezier(.22,1,.36,1) both d-page-in}
@keyframes d-page-out{to{opacity:0}}
@keyframes d-page-in{from{opacity:0}to{opacity:1}}
@keyframes d-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
#distant-about-site .d-header{animation:d-page-in 900ms ease both}
#distant-about-site .d-home-brand{animation:d-arrive 1400ms cubic-bezier(.22,1,.36,1) 120ms both}
#distant-about-site .d-main{animation:d-arrive 900ms cubic-bezier(.22,1,.36,1) 80ms both}
#distant-about-site .d-contact{transition:background-color 220ms ease,border-color 220ms ease,box-shadow 220ms ease}
#distant-about-site .d-contact span,#distant-about-site .d-back span{display:inline-block;transition:transform 240ms cubic-bezier(.22,1,.36,1)}
#distant-about-site .d-contact:hover span{transform:translateX(3px)}
#distant-about-site .d-back:hover span{transform:translateX(-3px)}
#distant-about-site .d-home .d-contact:hover{background:#fffdf3;box-shadow:0 2px 12px #07182a18}
#distant-about-site .d-about-link{position:relative}
#distant-about-site .d-about-link:after{content:'';position:absolute;bottom:4px;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform 240ms ease}
#distant-about-site .d-about-link:hover:after{transform:scaleX(1)}
#distant-about-site .d-pause{opacity:.75;transition:opacity 200ms ease}
#distant-about-site .d-pause:hover{opacity:1}
@media(prefers-reduced-motion:reduce){#distant-about-site *,#distant-about-site *:after{animation:none!important;transition:none!important}::view-transition-old(root),::view-transition-new(root){animation:none!important}}

#distant-about-site .d-about .d-contact{border-color:#080b1059}
#distant-about-site .d-about .d-contact:hover{border-color:#080b10;background:#080b1009}
#distant-about-site .d-about .d-footer{border-color:#080b1035}

#distant-about-site .d-portfolio{margin:0 3% 64px;color:#080b10;border-top:1px solid currentColor}
#distant-about-site .d-portfolio-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:26px 0;border:0;background:none;text-align:left;font-size:clamp(24px,3vw,36px);letter-spacing:-.04em}
#distant-about-site .d-portfolio-toggle span{font-size:32px;font-weight:400;transition:transform .5s cubic-bezier(.22,1,.36,1)}
#distant-about-site .d-portfolio-toggle[aria-expanded="true"] span{transform:rotate(45deg)}
#distant-about-site .d-portfolio-panel{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .65s cubic-bezier(.22,1,.36,1),opacity .4s ease}
#distant-about-site .d-portfolio-panel.is-open{grid-template-rows:1fr;opacity:1}
#distant-about-site .d-portfolio-clip{overflow:hidden;min-height:0}
#distant-about-site .d-portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid currentColor;border-left:1px solid currentColor}
#distant-about-site .d-portfolio-item{display:flex;align-items:center;justify-content:center;height:200px;padding:45px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transition:background .25s ease}
#distant-about-site .d-portfolio-item:hover{background:#ffffff12}
#distant-about-site .d-portfolio-item img{display:block;width:100%;max-width:230px;max-height:78px;object-fit:contain;filter:brightness(0)}
@media(max-width:650px){#distant-about-site .d-portfolio{margin:0 0 40px}#distant-about-site .d-portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#distant-about-site .d-portfolio-item{height:150px;padding:24px}#distant-about-site .d-portfolio-item img{max-height:60px}}
@media(prefers-reduced-motion:reduce){#distant-about-site .d-portfolio-panel,#distant-about-site .d-portfolio-toggle span{transition:none}}

#distant-about-site .d-footnote-mark{font-size:11px;align-self:flex-start;margin:4px auto 0 5px;letter-spacing:0}
#distant-about-site .d-investment-note{font-size:10px;line-height:1.5;letter-spacing:0;margin:18px 0 0;max-width:640px}

@media(min-width:1200px) and (hover:hover) and (pointer:fine){#distant-about-site .d-home-brand{font-size:14cqw}}