@font-face{font-family:ImagoInstrument;src:url('assets/fonts/Jost.ttf');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--paper:#d6e0d9;--muted:#acc2bb;--gold:#e7d1a3;--line:#b4c7ba26}
*{box-sizing:border-box}
html{background:#071b24;scroll-behavior:smooth}
body{margin:0;color:var(--paper);font:400 18px/1.65 ImagoInstrument,sans-serif;letter-spacing:.005em;isolation:isolate}
body::before{content:"";position:fixed;inset:0;background:linear-gradient(90deg,#071b24fa 0%,#071b24ed 28%,#071b24c9 56%,#071b247d 100%),linear-gradient(0deg,#071b2477,#071b2444),url('assets/shoreline.webp') 65% 50%/cover;pointer-events:none;z-index:-1}
a{color:inherit;text-underline-offset:6px;text-decoration-color:#b6c9bd60;transition:color .5s}
a:hover{color:var(--gold)}
a:focus-visible{outline:1px solid #a6dcd8;outline-offset:7px}
.skip-link{position:absolute;top:12px;left:20px;padding:8px 16px;background:#102e36;transform:translateY(-150%);z-index:3}
.skip-link:focus{transform:none}
.approach-header,main,.approach-footer{position:relative;width:min(1000px,calc(100% - 96px));margin:auto}
.approach-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0 10px}
.approach-brand{display:block;width:166px;color:#d8b77c;min-height:44px}
.approach-brand svg{display:block;width:100%;height:auto}
.brand-foil{opacity:0;transition:opacity .85s}
.approach-brand:is(:hover,:focus-visible) .brand-foil{opacity:.55}
.approach-nav{display:flex}
.home-return{position:relative;display:inline-flex;align-items:center;min-height:44px;text-decoration:none;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#d7d4bd;padding:8px 0}
.home-return::after,.destination-words::after{content:"";position:absolute;bottom:3px;left:0;width:100%;height:1px;background:linear-gradient(90deg,#ddc18d,#a9d3d1aa,transparent);transform:scaleX(.28);transform-origin:left;opacity:.55;transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .7s}
.home-return:is(:hover,:focus-visible)::after,.explore-return:is(:hover,:focus-visible) .destination-words::after{transform:scaleX(1);opacity:.9}
.opening{padding:23px 0 46px;max-width:840px}
h1{font:400 clamp(28px,3.5vw,36px)/1.35 ImagoInstrument,sans-serif;letter-spacing:.16em;text-transform:uppercase;margin:0 0 16px;color:var(--gold)}
.lead{font-size:20px;line-height:1.65;max-width:65ch;margin:0;color:var(--paper);text-wrap:pretty}
h2{font:400 21px/1.5 ImagoInstrument,sans-serif;letter-spacing:.035em;color:var(--gold);margin:0 0 16px;text-wrap:balance}
h3{font:400 19px/1.5 ImagoInstrument,sans-serif;letter-spacing:.02em;color:#e5d9bd;margin:0;text-wrap:balance}
p{margin:0;text-wrap:pretty}
.framework{padding:38px 0 44px;border-top:1px solid #b4c7ba20}
.section-intro h2{font-size:12px;letter-spacing:.16em;text-transform:uppercase;line-height:1.8;margin:0 0 18px}
.principles{list-style:none;margin:0;padding:0;counter-reset:principles}
.principles li{counter-increment:principles;display:grid;grid-template-columns:30px 240px minmax(0,1fr);column-gap:22px;align-items:baseline;padding:21px 0;border-bottom:1px solid var(--line)}
.principles li:last-child{padding-bottom:0;border:0}
.principles li::before{content:"0" counter(principles);color:#bcae8e;font-size:11px;letter-spacing:.1em;font-variant-numeric:tabular-nums}
.principles h3{color:#e8c992;font-weight:450}
.principles p{color:#c5d4cc;font-size:18px;line-height:1.65;max-width:58ch}
.ways{display:grid;grid-template-columns:1fr 1fr;gap:58px;border-top:1px solid #b4c7ba20;padding:44px 0 44px}
.ways p{color:#c8d6cd;font-size:18px;line-height:1.7}
.approach-footer{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:21px 0 36px;border-top:1px solid var(--line)}
.explore-return{display:inline-flex;align-items:center;gap:17px;text-decoration:none;min-height:72px;color:#dcccaa}
.explore-return svg{width:56px;height:68px;flex:none;overflow:visible}
.destination-words{font:400 13px/1.4 ImagoInstrument,sans-serif;letter-spacing:.15em;text-transform:uppercase;position:relative;padding:12px 0}
.explore-return .portal-world,.explore-return .portal-boundary{transition:opacity .85s ease}
.explore-return:is(:hover,:focus-visible) :is(.portal-world,.portal-boundary){opacity:.85}
.explore-return .portal-vortex{transform-origin:48px 61px;animation:portal-turn 16s linear infinite;animation-play-state:paused}
.explore-return:is(:hover,:focus-visible) .portal-vortex{animation-play-state:running}
@keyframes portal-turn{to{transform:rotate(360deg)}}
.contact-group{display:flex;align-items:center;gap:22px}
.approach-footer .collaboration-contact.correspondence-seal{margin-top:0;padding-right:0}
.linkedin-contact{width:44px;height:44px;display:flex;align-items:center;justify-content:center;position:relative;color:#abbfb9;text-decoration:none;flex:none}
.linkedin-contact svg{width:20px;height:20px;transition:color .65s,filter .65s}
.linkedin-contact:is(:hover,:focus-visible){color:#e7d1a3}
.social-label{position:absolute;bottom:-23px;font-size:11px;letter-spacing:.06em;opacity:0;transform:translateY(-3px);pointer-events:none;transition:opacity .3s,transform .3s}
.linkedin-contact:is(:hover,:focus-visible) .social-label{opacity:1;transform:none}
@media(max-width:900px){.principles li{grid-template-columns:26px 210px minmax(0,1fr);column-gap:19px}.ways{gap:36px}}
@media(max-width:760px){.approach-header,main,.approach-footer{width:calc(100% - 48px)}.approach-header{padding:19px 0 7px;gap:16px}.approach-brand{width:128px}.home-return{font-size:11px;letter-spacing:.1em}.opening{padding:17px 0 40px}.lead{font-size:19px;line-height:1.65;max-width:42ch}.framework{padding:34px 0 40px}.section-intro h2{margin-bottom:14px}.principles li{grid-template-columns:24px minmax(0,1fr);column-gap:15px;row-gap:8px;padding:20px 0}.principles li::before{grid-column:1;grid-row:1}.principles h3{grid-column:2;grid-row:1;font-size:19px;text-wrap:pretty}.principles p{grid-column:2;grid-row:2;font-size:18px}.ways{grid-template-columns:1fr;gap:38px;padding:38px 0 40px}.ways h2{font-size:21px;margin-bottom:12px}.approach-footer{align-items:flex-start;flex-direction:column;gap:12px;padding:19px 0 30px}.explore-return{min-height:68px;gap:15px}.explore-return svg{width:50px;height:60px}.destination-words{font-size:12px;letter-spacing:.13em}.contact-group{gap:22px}.social-label{bottom:-16px}body::before{background:linear-gradient(90deg,#071b24ed,#071b24cc 65%,#071b24b3),url('assets/shoreline.webp') 69% 50%/cover}}
@media(max-width:360px){.approach-header,main,.approach-footer{width:calc(100% - 36px)}.approach-brand{width:112px}.home-return{font-size:10px}.principles li{column-gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}a,.brand-foil,.home-return::after,.explore-return *,.linkedin-contact *{transition:none!important;animation:none!important}}

html[data-motion="off"]{scroll-behavior:auto}
html[data-motion="off"] :is(a,.brand-foil,.home-return::after,.explore-return *,.linkedin-contact *){transition:none!important;animation:none!important}