#vision{--ink:#1f2629;--muted:#6e6657;--paper:#f3f1ea;--sea:#e5e3df;--line:#bdb7ac;color:var(--ink);background:var(--paper);overflow:clip}
#vision *{box-sizing:border-box}#vision .vision-wrap{width:min(1440px,100%);padding-inline:clamp(22px,5vw,76px);margin:auto}
#vision h1,#vision h2,#vision h3{color:inherit;max-width:none;hyphens:none;letter-spacing:-.055em;font-weight:500;line-height:1.02;margin:0}
#vision p{margin:0;line-height:1.65}#vision a{color:inherit;text-decoration:none}
#vision a:focus-visible,#vision input:focus-visible{outline:3px solid #f4ae70;outline-offset:4px}
#vision .vision-k{font-size:12px;letter-spacing:.17em;text-transform:uppercase;font-weight:700}
#vision .vision-hero{min-height:min(790px,94svh);position:relative;display:flex;align-items:end;color:white;background:#1f2629;isolation:isolate}
#vision .vision-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
#vision .vision-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#121618bd,#252e3260 65%,#11151628),linear-gradient(0deg,#121618b0,transparent 70%)}
#vision .vision-hero .vision-wrap{padding-block:150px 75px}#vision .vision-hero h1{font-size:clamp(68px,10vw,158px);max-width:1100px;margin:26px 0}
#vision .vision-lead{font-size:clamp(19px,2.1vw,28px);max-width:760px;line-height:1.45!important}
#vision .vision-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:38px}
#vision .vision-button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border:1px solid currentColor;padding:17px 20px;min-width:210px;font-size:13px;transition:background .25s,transform .25s}
#vision .vision-button:hover{background:#fff;color:#22292c;transform:translateY(-3px)}
#vision .vision-note{font-size:12px;letter-spacing:.06em;margin-top:35px!important;color:#dbd7d1}
#vision .vision-section{padding-block:clamp(80px,9vw,150px)}
#vision .vision-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(35px,7vw,120px);align-items:center}
#vision .vision-section h2{font-size:clamp(47px,6.3vw,96px);max-width:850px;margin:18px 0 28px}
#vision .vision-section .vision-copy{font-size:clamp(17px,1.5vw,22px);max-width:680px;color:var(--muted)}
#vision .vision-section .vision-button{margin-top:28px}
#vision .vision-photo{position:relative;min-height:530px;overflow:hidden;background:#b2aa9c}
#vision .vision-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .8s}
#vision .vision-photo:hover img{transform:scale(1.035)}
#vision .vision-photo span{position:absolute;bottom:17px;right:17px;color:white;background:#1f2629a8;backdrop-filter:blur(8px);font-size:12px;padding:9px}
#vision .vision-sea{background:var(--sea)}#vision .vision-dark{background:#1e2528;color:#f1f0ee}
#vision .vision-dark .vision-copy{color:#d1cdc5}
#vision .vision-rail{border-top:1px solid #ffffff70;border-bottom:1px solid #ffffff70;display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px}
#vision .vision-rail div{padding:30px;border-right:1px solid #ffffff70}#vision .vision-rail div:last-child{border:0}
#vision .vision-rail strong{display:block;font-size:clamp(28px,3.2vw,47px);letter-spacing:-.05em;font-weight:500}#vision .vision-rail span{font-size:12px;letter-spacing:.11em;text-transform:uppercase}
#vision .vision-tiers{display:grid;grid-template-columns:1fr 1.15fr 1.35fr;gap:12px;margin:45px 0}
#vision .vision-tier{min-height:290px;background:#e7e5e1;padding:clamp(22px,3vw,42px);display:flex;flex-direction:column}
#vision .vision-tier:nth-child(2){background:#d5d1ca}#vision .vision-tier:nth-child(3){background:#37444a;color:white;min-height:350px}
#vision .vision-index{font-size:12px;letter-spacing:.14em;text-transform:uppercase}
#vision .vision-tier h3{font-size:clamp(38px,4vw,62px);margin:auto 0 17px}
#vision .vision-tier p{font-size:14px;max-width:380px}
#vision .vision-membership{background:#f0ede5}#vision .vision-end{background:#1e2528;color:#f0eeeb}
#vision .vision-end p{color:#d1ccc4}
@media(max-width:800px){#vision .vision-grid{grid-template-columns:1fr}#vision .vision-grid .vision-photo{order:-1;min-height:360px}#vision .vision-hero{min-height:720px}#vision .vision-hero h1{font-size:clamp(54px,11vw,88px)}#vision .vision-tiers{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-inline:-22px;padding-inline:22px;padding-bottom:14px}#vision .vision-tier{flex:0 0 min(82vw,390px);min-height:300px;scroll-snap-align:center}#vision .vision-tier:nth-child(3){min-height:300px}#vision .vision-rail{grid-template-columns:1fr}#vision .vision-rail div{border-right:0;border-bottom:1px solid #ffffff70;padding:18px 0}#vision .vision-rail div:last-child{border:0}}
@media(prefers-reduced-motion:reduce){#vision .vision-photo img,#vision .vision-button{transition:none}html{scroll-behavior:auto!important}}


#vision .vision-source{position:absolute;right:13px;bottom:13px;z-index:2;background:#1e2528cf;color:#fff;padding:9px 12px;font-size:12px;letter-spacing:.02em;text-decoration:underline;text-underline-offset:3px}#vision .vision-hero-source{right:clamp(22px,5vw,76px);bottom:19px;background:transparent;color:#e2dfd9}#vision .vision-photo span{bottom:auto;top:13px}
/* A calmer expedition palette and clearer hierarchy across progress and platform. */
#vision{--paper:#f0efec;--sea:#e5e3df;--muted:#5d5649}
#vision .vision-hero{min-height:min(820px,95svh)}
#vision .vision-hero h1{text-wrap:balance}
#vision .vision-section h2{text-wrap:balance}
#vision .vision-section:nth-of-type(even):not(.vision-dark){background:linear-gradient(145deg,#efeeeb,#e9e6e2)}
#vision .vision-photo{box-shadow:0 22px 55px #232b2f1a}
#vision .vision-photo img{filter:saturate(.9) contrast(1.03)}
#vision .vision-tier{border:1px solid #978d7b55}
#vision .vision-button{border-radius:2px;min-height:54px}
#vision .vision-rail{border-color:#c8c2b8}
@media(max-width:800px){#vision .vision-hero{min-height:670px}#vision .vision-photo{min-height:310px}#vision .vision-tier{flex-basis:min(78vw,360px)}}
/* A deliberately labeled editorial interface, never a fabricated live dashboard. */
#vision .vision-ui{background:#eeece9;color:#222a2d;box-shadow:0 24px 80px #151a1c19;min-height:500px;padding:clamp(24px,4vw,52px);border:1px solid #d9d5cf;display:flex;flex-direction:column;justify-content:center}
#vision .vision-ui-head{display:flex;justify-content:space-between;gap:22px;align-items:center;color:#635b4d;font-size:12px;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid #cac4bb;padding-bottom:25px}
#vision .vision-ui-title{font:400 clamp(31px,3.1vw,48px)/1.12 Georgia,'Times New Roman',serif;margin:37px 0 28px;color:#252d31;letter-spacing:-.035em}
#vision .vision-ui-row{display:grid;grid-template-columns:30px minmax(0,1fr) 30px;align-items:center;gap:18px;border-top:1px solid #cac4bb;padding:18px 0}
#vision .vision-ui-row>span{font-size:12px;color:#7f7564}#vision .vision-ui-row strong{display:block;font-size:16px;font-weight:550}#vision .vision-ui-row small{display:block;color:#7a705f;font-size:12px;line-height:1.4;margin-top:4px}#vision .vision-ui-row b{font-weight:400;color:#6e6556}
#vision .vision-ui-foot{color:#706758;font-size:12px;line-height:1.5;margin:25px 0 0;max-width:480px}
@media(max-width:700px){#vision .vision-ui{min-height:auto;padding:25px 21px}#vision .vision-ui-title{margin:26px 0 18px}#vision .vision-ui-head{font-size:12px}}
#vision .vision-button-research{margin-left:12px;border-color:#817765;color:#323d42}
@media(max-width:760px){#vision .vision-button-research{margin-left:0}}
