/* Project vision — warm editorial museum panel. Scoped to #vision only. */
#vision{
  --vision-ink:#0b3b2b;
  --vision-gold:#c99747;
  --vision-line:rgba(173,132,67,.34);
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:900px;
  padding:118px 9.8vw 94px!important;
  background:#f7f2e9 url('assets/vision-paper-background.png') center/cover no-repeat;
  box-shadow:inset 0 0 0 1px rgba(143,111,61,.2);
}
#vision:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(255,252,246,.08),transparent 42%,rgba(255,252,246,.04))}
#vision>*:not(.vision-contours):not(.vision-botanical):not(.vision-ambient){position:relative;z-index:2}
#vision .vision-contours,#vision .vision-botanical{display:none}
#vision .vision-ambient{position:absolute;z-index:0;inset:0;pointer-events:none}
#vision .vision-ambient:before{content:"";position:absolute;right:5.2vw;top:92px;width:94px;height:94px;border:1px solid rgba(201,151,71,.14);border-radius:50%}
#vision .vision-ambient:after{content:"01";position:absolute;right:6.45vw;top:118px;color:rgba(11,59,43,.055);font-size:42px;font-weight:300;letter-spacing:.04em}
#vision .vision-ambient span{position:absolute;width:4px;height:4px;border-radius:50%;background:rgba(201,151,71,.34);box-shadow:0 0 0 5px rgba(201,151,71,.055)}
#vision .vision-ambient span:nth-child(1){left:48%;top:20%}#vision .vision-ambient span:nth-child(2){right:12%;top:48%;transform:scale(.65)}#vision .vision-ambient span:nth-child(3){left:7%;bottom:17%;transform:scale(.5)}
#vision .section-label{display:block;width:max-content;color:var(--vision-gold);font-size:13px;font-weight:600;letter-spacing:.28em;line-height:1.2}
#vision .section-label span{font-size:13px;color:inherit;margin-right:20px}
#vision .section-label:after{content:"";display:block;width:38px;height:1px;margin-top:25px;background:var(--vision-gold);box-shadow:16px 0 0 rgba(201,151,71,.2)}
#vision .manifesto-copy{display:grid;grid-template-columns:minmax(600px,1.65fr) minmax(320px,.65fr);align-items:end;gap:8vw;margin:72px 0 90px}
#vision .lead{position:relative;margin:0;color:var(--vision-ink);font-size:clamp(52px,4.4vw,76px);line-height:1.48;letter-spacing:.015em;font-weight:400;text-shadow:0 1px 0 rgba(255,255,255,.75)}
#vision .lead>span{white-space:nowrap}
#vision .lead:after{content:"";position:absolute;left:-25px;top:11px;width:1px;height:calc(100% - 22px);background:linear-gradient(to bottom,transparent,var(--vision-gold) 20%,var(--vision-gold) 80%,transparent);opacity:.42}
#vision .side-copy{justify-self:end;max-width:390px;padding-top:9px;transform:translateY(-15px)}
#vision .vision-copy-mark{display:block;margin-bottom:20px;color:rgba(201,151,71,.82);font-size:9px;letter-spacing:.3em;font-weight:600}
#vision .side-copy p{margin:0;color:#37483f;font-size:17px;line-height:2.25;letter-spacing:.045em}
#vision .side-copy p+p{margin-top:18px;color:#56675f}
#vision .section-more{position:relative;overflow:hidden;display:flex;width:224px;height:74px;margin-top:30px;padding:0 28px;border:1px solid rgba(201,151,71,.18);border-radius:4px!important;align-items:center;justify-content:space-between;background:linear-gradient(115deg,#0b3b2b,#0a4934);color:#e4b45e;text-decoration:none;font-size:18px!important;letter-spacing:.08em;box-shadow:0 12px 28px rgba(10,54,39,.1);transition:transform .35s ease,background .35s ease,box-shadow .35s ease}
#vision .section-more:before{content:"";position:absolute;left:28px;right:28px;bottom:9px;height:1px;background:rgba(228,180,94,.4);transform:scaleX(.18);transform-origin:left;opacity:0;transition:transform .45s ease,opacity .3s ease}
#vision .section-more span{position:relative;z-index:1;line-height:1;transition:transform .35s ease}
#vision .section-more .button-label{font-size:18px}
#vision .section-more .button-arrow{font-size:25px}
#vision .section-more:hover{transform:translateY(-2px);background:linear-gradient(115deg,#0d4130,#0b523b);border-color:rgba(201,151,71,.32);box-shadow:0 16px 34px rgba(10,54,39,.16)}
#vision .section-more:hover:before{transform:scaleX(1);opacity:1}
#vision .section-more:hover .button-arrow{transform:translateX(4px)}
#vision .vision-strip{position:relative;display:grid;grid-template-columns:1fr 1px 1fr 1px 1fr;align-items:stretch;justify-content:normal;gap:0;border:0;padding:62px 0 0}
#vision .vision-strip:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--vision-line) 3%,var(--vision-line) 48.7%,transparent 48.8%,transparent 51.2%,var(--vision-line) 51.3%,var(--vision-line) 97%,transparent)}
#vision .vision-strip:after{content:"✦";position:absolute;left:50%;top:0;transform:translate(-50%,-52%);padding:0;background:transparent;color:var(--vision-gold);font-size:17px;line-height:1}
#vision .vision-strip>i{display:block;width:1px;height:100%;min-height:220px;background:var(--vision-line);border-radius:0}
#vision .vision-item{position:relative;width:auto;padding:0 42px;text-align:center;transition:transform .45s ease}
#vision .vision-item:before{content:attr(data-index);position:absolute;left:25px;top:4px;width:42px;height:42px;border:1px solid rgba(201,151,71,.58);border-radius:50%;display:grid;place-items:center;color:var(--vision-gold);font-size:12px;font-weight:600;letter-spacing:.04em}
#vision .vision-icon{position:relative;display:grid;place-items:center;width:94px;height:82px;margin:0 auto 13px;color:var(--vision-gold);border-radius:50%;background:radial-gradient(circle,rgba(201,151,71,.06),transparent 68%);transition:transform .5s ease,background .5s ease}
#vision .vision-icon img{display:block;width:100%;height:100%;object-fit:contain;filter:saturate(.94) contrast(1.03)}
#vision .vision-item strong{display:block;margin:0 0 13px;color:var(--vision-ink);font-size:28px;font-weight:500;letter-spacing:.09em}
#vision .vision-item small{display:block;color:#40534a;font-size:14px;line-height:1.95;letter-spacing:.04em}
#vision .vision-item:hover{transform:translateY(-5px)}
#vision .vision-item:hover .vision-icon{transform:scale(1.05);background:radial-gradient(circle,rgba(201,151,71,.13),transparent 70%)}
#vision .vision-item:hover:before{background:rgba(201,151,71,.08);border-color:rgba(201,151,71,.85)}
@media(max-width:1100px){#vision{min-height:auto;padding:100px 7vw 78px!important}#vision .manifesto-copy{grid-template-columns:1.45fr .75fr;gap:5vw}#vision .lead{font-size:clamp(42px,4.7vw,58px)}#vision .vision-item{padding:0 24px}#vision .vision-item:before{left:4px}}
@media(max-width:800px){#vision{padding:82px 7vw 68px!important}#vision .manifesto-copy{grid-template-columns:1fr;align-items:start;margin:54px 0 70px}#vision .side-copy{justify-self:start;max-width:560px;padding-top:0;transform:none}#vision .vision-strip{grid-template-columns:1fr;padding-top:44px}#vision .vision-strip>i{width:100%;height:1px;min-height:0;margin:30px 0}#vision .vision-item{padding:0 25px}#vision .vision-item:before{left:10%}#vision .vision-botanical{width:270px;height:350px;opacity:.2}}
@media(max-width:520px){#vision{padding:70px 24px 55px!important}#vision .lead{font-size:37px;line-height:1.42}#vision .side-copy p{font-size:14px;line-height:2}#vision .section-more{width:185px;height:53px;font-size:15px!important}#vision .vision-item:before{left:3px}#vision .vision-contours{opacity:.22}}