*{box-sizing:border-box}body{margin:0;background:#f5f8f6;color:#173c2c;font:15px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}h1,h2,h3,p{margin-top:0}.experience-hero{background:#113b29;color:white;padding:70px max(24px,calc((100vw - 1160px)/2));display:grid;grid-template-columns:1.5fr 1fr;gap:64px;align-items:center}.case-kicker{font-size:11px;letter-spacing:1.6px;font-weight:700}.experience-hero h1{font-size:clamp(38px,5vw,64px);line-height:1.08;letter-spacing:-2px;margin-bottom:24px}.experience-hero>div>p:not(.case-kicker){color:#d2e3d7;max-width:660px;font-size:17px}.experience-hero aside{padding:30px;border:1px solid #62826e;border-radius:16px}.experience-hero aside strong{font-size:25px;line-height:1.3;display:block;margin-bottom:18px}.experience-hero aside p{color:#d2e3d7;font-size:14px;margin:0}.experience-hero nav{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.experience-hero nav a{color:white;text-decoration:none;border:1px solid #789783;border-radius:7px;padding:9px 14px;font-size:13px}.case-list{max-width:1208px;margin:auto;padding:44px 24px}.supply-case{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);background:white;border:1px solid #dce7df;border-radius:18px;overflow:hidden;margin-bottom:36px;scroll-margin-top:100px}.case-media{background:#e8f0eb;padding:22px}.case-media img{width:100%;height:300px;object-fit:cover;border-radius:10px;display:block}.case-media p{font-size:12px;color:#566d5e;margin:12px 0}.case-copy{padding:32px}.case-copy h2{font-size:31px;letter-spacing:-.8px;line-height:1.2;margin-bottom:10px}.case-client{color:#5b7063;font-size:13px;font-weight:600}.case-copy h3{font-size:15px;margin:0 0 7px}.case-copy p{font-size:14px;color:#4b6354}.case-scope{padding:20px;background:#edf6f0;border-radius:10px;margin:22px 0}.case-scope p,.case-value p{margin:0}.case-technical>div{margin-bottom:20px}.case-value{border-left:3px solid #6ba262;padding-left:16px;margin-bottom:24px}.case-copy details{border-top:1px solid #dce7df;padding-top:14px;font-size:12px}.case-copy summary{cursor:pointer;font-weight:700}.case-copy details p{font-size:12px;margin:12px 0}.case-copy details a{color:#1b633b}.case-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.case-product,.case-quote{display:inline-flex;align-items:center;padding:10px 15px;border-radius:7px;font-size:13px;font-weight:700;text-decoration:none}.case-product{color:#1d623e;border:1px solid #bed2c5}.case-quote{background:#1b5e20;color:white}.experience-cta{max-width:1160px;margin:0 auto 60px;background:#e6f1e9;border-radius:16px;padding:36px}.experience-cta h2{font-size:30px}.experience-cta p{max-width:690px}a:focus-visible,summary:focus-visible{outline:3px solid #86b868;outline-offset:4px}@media(max-width:800px){.experience-hero{grid-template-columns:1fr;padding:42px 22px;gap:24px}.experience-hero aside{padding:22px}.supply-case{grid-template-columns:1fr}.case-media img{height:230px}.case-copy{padding:24px}.case-list{padding:24px 14px}.experience-cta{margin:0 14px 32px;padding:24px}.case-copy h2{font-size:27px}.case-links a{width:100%;justify-content:center}}
/* Visual portfolio and common header wrapper, limited to this page. */
body{padding-top:85px}
.experience-site-header{font-size:16px;line-height:normal}
.experience-hero{position:relative;isolation:isolate;overflow:hidden;min-height:570px;padding-top:64px;padding-bottom:64px;grid-template-columns:1.4fr 1fr;background:radial-gradient(ellipse at 85% 20%,#49734b66,transparent 55%),#0f3022;gap:44px}
.experience-hero h1{font-size:clamp(44px,5.6vw,76px);font-weight:750;line-height:1.02;letter-spacing:-2.8px}
.experience-hero>div>p:not(.case-kicker){font-size:17px;line-height:1.65;max-width:600px}
.experience-hero .case-kicker{color:#bfda8f}
.experience-hero aside.hero-material{position:relative;min-height:390px;border:1px solid #789a7966;background:linear-gradient(145deg,#f3f5e9,#b9c7a7);border-radius:24px;padding:26px;color:#193b2b;overflow:hidden}
.hero-material img{position:absolute;right:-24px;bottom:-20px;width:72%;height:85%;object-fit:contain;mix-blend-mode:multiply;transform:rotate(-14deg)}
.hero-material>span{position:relative;z-index:1;display:block;font-size:10px;font-weight:700;letter-spacing:1.5px}
.experience-hero .hero-material strong{position:relative;z-index:1;font-size:37px;line-height:1.12;margin:26px 0 0;letter-spacing:-1px}
.experience-hero .hero-material p{position:absolute;bottom:16px;left:26px;font-size:10px;color:#294e39}
.case-list{padding-top:56px}
.supply-case{display:block;border-radius:20px;margin-bottom:48px;box-shadow:0 12px 40px #1b442608}
.case-media{position:relative;padding:0;background:#dce7df}
.case-media img{height:360px;object-fit:cover;border-radius:0}
.case-media>p{position:absolute;bottom:0;left:0;right:0;margin:0;padding:24px 26px 14px;color:white;background:linear-gradient(transparent,#102c22d9);font-size:11px}
.case-copy{padding:34px 38px}
.case-copy>h2{font-size:42px;line-height:1.1;letter-spacing:-1.5px}
.case-copy>.case-kicker{color:#63813e;margin-bottom:12px}
.case-copy>.case-client{margin-bottom:16px}
.case-copy>p:not(.case-client):not(.case-kicker){max-width:880px;font-size:16px}
.case-scope{padding:18px 22px;margin:24px 0;background:#edf4ee}
.case-scope h3{font-size:11px;text-transform:uppercase;letter-spacing:1.3px}
.case-scope p{font-size:15px}
.vergel-materials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:28px 0}
.vergel-materials a{display:flex;flex-direction:column;text-decoration:none;color:#173c2c;border:1px solid #dce6df;border-radius:12px;overflow:hidden;background:#f7f9f6;padding-bottom:18px;transition:transform .2s,border-color .2s}
.vergel-materials a:hover{transform:translateY(-4px);border-color:#8ca77b}
.vergel-materials img{width:100%;height:190px;object-fit:contain;background:white}
.vergel-materials :is(span,strong,small){padding:0 18px}
.vergel-materials span{font-size:10px;letter-spacing:1.3px;margin-top:16px;color:#6c805d}
.vergel-materials strong{font-size:20px;line-height:1.4;margin:5px 0}
.vergel-materials small{font-size:12px;color:#647768}
.case-copy details.technical-fold{margin-top:18px;border:1px solid #dce6df;border-radius:10px;padding:0;background:#fafcf9}
.technical-fold>summary{padding:16px 20px;font-size:14px;list-style:none}
.technical-fold>summary span{float:right;color:#719451}
.technical-fold .case-technical{padding:6px 20px 4px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.case-copy .case-value{margin:24px 0 18px;padding:0 0 0 16px}
.case-links{padding-top:6px}.case-links .case-quote{margin-left:auto}
@media(prefers-reduced-motion:reduce){.vergel-materials a{transition:none}}
@media(max-width:800px){.experience-hero{grid-template-columns:1fr;padding-top:40px;padding-bottom:34px;min-height:0}.experience-hero h1{font-size:49px;letter-spacing:-1.8px}.experience-hero aside.hero-material{min-height:260px}.experience-hero .hero-material strong{font-size:30px;margin:18px 0}.hero-material img{width:62%;height:100%}.case-media img{height:250px}.case-copy{padding:24px}.case-copy>h2{font-size:34px}.vergel-materials{gap:9px}.vergel-materials img{height:130px}.vergel-materials :is(span,strong,small){padding:0 10px}.vergel-materials strong{font-size:16px}.technical-fold .case-technical{grid-template-columns:1fr}.case-links .case-quote{margin:0}}
@media(max-width:520px){.vergel-materials{grid-template-columns:1fr}.vergel-materials a{display:grid;grid-template-columns:110px 1fr;grid-template-rows:auto auto auto;padding:12px;column-gap:10px}.vergel-materials img{grid-row:1/4;height:110px;border-radius:7px}.vergel-materials :is(span,strong,small){padding:0}.vergel-materials span{margin:4px 0 0}.vergel-materials strong{font-size:20px;margin:0}.case-media img{height:220px}.case-copy{padding:22px 20px}.experience-hero nav a{font-size:12px;padding:8px 10px}}

#vergel-plaza>.case-media{background:linear-gradient(120deg,#d4ddc5,#f2f2e6)}#vergel-plaza>.case-media>img{object-fit:contain;mix-blend-mode:multiply;padding:24px;height:330px}#vergel-plaza>.case-media>p{color:#234733;background:linear-gradient(transparent,#e4ebdb)}