.vp-page{z-index:10;position:relative}.vp-hero{padding:clamp(8rem, 14vw, 12rem) var(--gutter) clamp(4rem, 8vw, 7rem);text-align:center;position:relative}.vp-hero__inner{flex-direction:column;align-items:center;gap:1.4rem;max-width:820px;margin:0 auto;display:flex}.vp-hero__title{font-family:var(--font-display);letter-spacing:-.022em;color:var(--ink);font-size:clamp(2rem,4.6vw,3.4rem);font-weight:700;line-height:1.1}.vp-hero__subtitle{color:var(--gray);max-width:60ch;font-size:clamp(1rem,1.4vw,1.12rem);line-height:1.7}.vp-hero__scroll-cue{color:var(--ink-soft);transition:color .3s var(--ease);flex-direction:column;align-items:center;gap:1.15rem;margin-top:clamp(2rem,4vw,3rem);text-decoration:none;display:inline-flex}.vp-hero__scroll-cue:hover{color:var(--green-mid)}.vp-hero__scroll-cue-text{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;padding-bottom:.75rem;font-size:clamp(.88rem,1.35vw,1.05rem);font-weight:500;position:relative}.vp-hero__scroll-cue-text:after{content:"";transform-origin:50%;background:linear-gradient(90deg, transparent, var(--green-mid), transparent);width:3.6rem;height:1.5px;transition:transform .45s var(--ease);position:absolute;bottom:0;left:50%;transform:translate(-50%)scaleX(0)}.vp-hero__scroll-cue:hover .vp-hero__scroll-cue-text:after{transform:translate(-50%)scaleX(1)}.vp-hero__scroll-cue-track{flex-direction:column;align-items:center;gap:.55rem;display:flex}.vp-hero__scroll-cue-line{background:var(--line-strong);width:1.5px;height:3.75rem;display:block;position:relative;overflow:hidden}.vp-hero__scroll-cue-line:after{content:"";background:var(--green-mid);width:100%;height:45%;animation:2.1s cubic-bezier(.65,0,.35,1) infinite vp-scroll-drip;position:absolute;top:0;left:0}@keyframes vp-scroll-drip{0%{transform:translateY(-110%)}60%{transform:translateY(230%)}to{transform:translateY(230%)}}.vp-hero__scroll-cue-arrow{width:1.55rem;height:1.55rem;color:var(--green-mid);animation:2.1s cubic-bezier(.45,0,.55,1) infinite vp-scroll-bounce}@keyframes vp-scroll-bounce{0%,to{opacity:.72;transform:translateY(0)}50%{opacity:1;transform:translateY(7px)}}.vp-section{padding:clamp(3rem, 6vw, 5rem) var(--gutter);border-top:1px solid var(--line)}.vp-section__header{text-align:center;flex-direction:column;align-items:center;gap:1.2rem;margin-bottom:clamp(3rem,5vw,4.5rem);display:flex}.vp-section__chapter-label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;text-align:center;color:var(--gray);margin:0;font-size:clamp(1rem,1.8vw,1.28rem);font-weight:500}.vp-section__title{font-family:var(--font-display);letter-spacing:-.018em;color:var(--ink);font-size:clamp(1.8rem,3.8vw,2.8rem);font-weight:700;line-height:1.12}.vp-case{opacity:0;max-width:1180px;transition:opacity .8s var(--ease), transform .8s var(--ease);grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:clamp(2rem,4vw,4.5rem);margin:0 auto clamp(3.5rem,6vw,5.5rem);display:grid;transform:translateY(40px)}.vp-case.in{opacity:1;transform:translateY(0)}.vp-case--reverse{direction:rtl}.vp-case--reverse>*{direction:ltr}.vp-case__media{min-width:0;position:relative}.vp-case__media-group{--vp-vw:215px;--vp-vh:382px;align-items:flex-start;gap:.55rem;width:fit-content;max-width:100%;display:flex}.vp-case:not(.vp-case--reverse) .vp-case__media-group{margin-right:auto}.vp-case--reverse .vp-case__media-group{flex-direction:row-reverse;margin-left:auto}.vp-case:not(.vp-case--reverse) .vp-case__media-group--solo,.vp-case:not(.vp-case--reverse) .vp-case__media-group--dual{margin-left:auto;margin-right:0}.vp-case--reverse .vp-case__media-group--solo,.vp-case--reverse .vp-case__media-group--dual{margin-left:0;margin-right:auto}.vp-case__video-stack{flex-direction:column;flex-shrink:0;align-items:center;gap:.5rem;display:flex}.vp-case__video-tag{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);text-align:center;-webkit-user-select:none;user-select:none;white-space:nowrap;margin:0;font-size:.82rem;font-weight:600}.vp-case__video-wrap{border-radius:var(--radius-lg);width:var(--vp-vw);height:var(--vp-vh);border:1px solid var(--line);transition:transform .5s var(--ease), box-shadow .5s var(--ease);background:linear-gradient(145deg,#1a2f28 0%,#0c231d 100%);flex-shrink:0;position:relative;overflow:hidden}.vp-case__media-group>.vp-case__video-wrap{flex:0 0 var(--vp-vw)}.vp-case__video-stack .vp-case__video-wrap{flex:none}.vp-case__media-group:hover .vp-case__video-wrap{transform:translateY(-4px);box-shadow:0 24px 60px -20px #0c231d4d}.vp-case__video-wrap--player .vp-case__video{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .18s var(--ease);z-index:0;position:absolute;inset:0}.vp-case__video-wrap--player .vp-case__video.is-active{opacity:1;z-index:1}.vp-case__video{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.vp-case__video-controls{z-index:2;align-items:center;gap:.4rem;display:flex;position:absolute;bottom:.55rem;right:.55rem}.vp-case__video-btn{color:#f4f8f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;width:2rem;height:2rem;transition:background .25s var(--ease), border-color .25s var(--ease);background:#0c231d9e;border:1px solid #f4f8f238;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex}.vp-case__video-btn svg{width:.95rem;height:.95rem}.vp-case__video-btn:hover{background:#0c231dd1;border-color:#f4f8f261}.vp-case__video-btn--mute.is-unmuted .vp-case__video-btn-icon--muted,.vp-case__video-btn--mute:not(.is-unmuted) .vp-case__video-btn-icon--unmuted,.vp-case__video-wrap--solo .vp-case__video-btn--prev,.vp-case__video-wrap--solo .vp-case__video-btn--next{display:none}.vp-case__video-placeholder{color:#f4f8f280;flex-direction:column;justify-content:center;align-items:center;gap:.8rem;display:flex;position:absolute;inset:0}.vp-case__video-placeholder svg{opacity:.6;width:48px;height:48px}.vp-case__video-placeholder span{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;opacity:.5;font-size:.72rem}.vp-case__content{flex-direction:column;gap:1rem;display:flex}.vp-case__label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);border:1px solid var(--line);background:var(--glass-bg);border-radius:999px;align-self:flex-start;padding:.45rem .9rem;font-size:.72rem;font-weight:500;display:inline-flex}.vp-case__heading{font-family:var(--font-display);letter-spacing:-.015em;color:var(--ink);font-size:clamp(1.4rem,2.6vw,2rem);font-weight:700;line-height:1.15}.vp-case__text{color:var(--ink-soft);max-width:52ch;font-size:clamp(.92rem,1.1vw,1rem);line-height:1.72}.vp-case__stats{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.vp-case__stat{font-family:var(--font-mono);letter-spacing:.04em;color:var(--ink-soft);border:1px solid var(--line);background:var(--glass-bg);transition:border-color .3s var(--ease), background .3s var(--ease);border-radius:999px;align-items:center;padding:.4rem .85rem;font-size:.7rem;font-weight:500;display:inline-flex}.vp-case__stat:hover{border-color:var(--green-mid);background:var(--green-soft)}.vp-case__photos{width:var(--vp-vh);height:var(--vp-vh);flex:0 0 var(--vp-vh);grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);gap:.45rem;display:grid}.vp-case__photos--pair{grid-template-rows:repeat(2,1fr);grid-template-columns:1fr}.vp-case__photo{border:1px solid var(--line);width:100%;height:100%;min-height:0;color:var(--ink-soft);transition:transform .35s var(--ease), border-color .35s var(--ease), box-shadow .35s var(--ease);background:linear-gradient(155deg,#ffffffb8 0%,#e2e7dceb 100%);border-radius:12px;justify-content:center;align-items:center;display:flex;overflow:hidden;box-shadow:0 2px 8px #0c231d0f,inset 0 1px #ffffffd9}.vp-case__photo svg{opacity:.38;width:1.35rem;height:1.35rem}.vp-case__photo img{object-fit:cover;width:100%;height:100%;display:block}.vp-case__photo:hover{border-color:var(--line-strong);transform:translateY(-2px);box-shadow:0 10px 22px #0c231d1a,inset 0 1px #ffffffe6}.vp-stats{padding:clamp(5rem, 9vw, 8rem) var(--gutter);text-align:center;border-top:1px solid var(--line)}.vp-stats__header{flex-direction:column;align-items:center;gap:1.2rem;max-width:700px;margin:0 auto clamp(3rem,5vw,4.5rem);display:flex}.vp-stats__title{font-family:var(--font-display);letter-spacing:-.018em;color:var(--ink);font-size:clamp(1.8rem,3.8vw,2.8rem);font-weight:700;line-height:1.12}.vp-stats__title-note{letter-spacing:0;color:var(--gray);vertical-align:baseline;margin-left:.15em;font-size:.42em;font-weight:500;display:inline-block}.vp-stats__subtitle{color:var(--gray);max-width:56ch;font-size:clamp(.95rem,1.2vw,1.08rem);line-height:1.7}.vp-stats__grid{grid-template-columns:repeat(3,1fr);gap:0;max-width:1100px;margin:0 auto;display:grid}.vp-stats__item{border-left:1px dashed var(--line-strong);flex-direction:column;align-items:center;gap:1rem;padding:clamp(2rem,3vw,3rem) 1.5rem;display:flex;position:relative}.vp-stats__item:first-child{border-left:1px dashed var(--line-strong)}.vp-stats__item:last-child:after{content:"";background-image:linear-gradient(180deg, var(--line-strong) 50%, transparent 50%);background-size:1px 8px;width:1px;position:absolute;top:0;bottom:0;right:0}.vp-stats__number{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);font-size:clamp(3rem,6vw,4.5rem);font-weight:800;line-height:1}.vp-stats__number em{color:var(--green-mid);font-style:normal}.vp-stats__label{font-family:var(--font-body);color:var(--gray);font-size:.9rem;line-height:1.5}.vp-faq{border-top:1px solid var(--line)}.vp-hero__title em,.vp-section__title em,.vp-stats__title em,.vp-case__heading em{color:var(--green-mid);font-style:normal;position:relative}.vp-hero__title em:after,.vp-section__title em:after,.vp-stats__title em:after,.vp-case__heading em:after{content:"";background:var(--green-soft);z-index:-1;transform-origin:0;width:100%;height:.12em;transition:transform .9s var(--ease) .45s;position:absolute;bottom:.04em;left:0;transform:scaleX(0)}[data-reveal].in .vp-hero__title em:after,[data-reveal].in .vp-section__title em:after,[data-reveal].in .vp-stats__title em:after,.vp-case.in .vp-case__heading em:after{transform:scaleX(1)}.vp-case__text em{color:var(--green-mid);font-style:normal;font-weight:500}[data-reveal]{opacity:0;transition:opacity .7s var(--ease), transform .7s var(--ease);transform:translateY(30px)}[data-reveal].in{opacity:1;transform:translateY(0)}.vp-stats__grid .vp-stats__item{opacity:0;transition:opacity .6s var(--ease), transform .6s var(--ease);transform:translateY(30px)}.vp-stats.in .vp-stats__item:first-child{opacity:1;transition-delay:.1s;transform:translateY(0)}.vp-stats.in .vp-stats__item:nth-child(2){opacity:1;transition-delay:.2s;transform:translateY(0)}.vp-stats.in .vp-stats__item:nth-child(3){opacity:1;transition-delay:.3s;transform:translateY(0)}.vp-stats.in .vp-stats__item:nth-child(4){opacity:1;transition-delay:.4s;transform:translateY(0)}.vp-hero__scroll-cue{opacity:0;transition:opacity .6s var(--ease), transform .6s var(--ease), color .3s var(--ease);transform:translateY(14px)}.vp-hero__inner.in .vp-hero__scroll-cue{opacity:1;transition-delay:.35s;transform:translateY(0)}@media (width<=900px){.vp-case{grid-template-columns:1fr;gap:2rem}.vp-case--reverse{direction:ltr}.vp-case__media-group{--vp-vw:175px;--vp-vh:311px;margin:0 auto}.vp-case__video-tag{font-size:.72rem}.vp-case--reverse .vp-case__media-group{flex-direction:row-reverse}.vp-stats__grid{grid-template-columns:repeat(2,1fr)}.vp-stats__item,.vp-stats__item:first-child,.vp-stats__item:nth-child(3){border-left:1px dashed var(--line-strong)}.vp-stats__item:nth-child(2):after,.vp-stats__item:nth-child(4):after{content:"";background-image:linear-gradient(180deg, var(--line-strong) 50%, transparent 50%);background-size:1px 8px;width:1px;position:absolute;top:0;bottom:0;right:0}.vp-stats__item:last-child:after{display:block}}@media (width<=768px){.vp-case__media{width:100%;overflow:hidden}.vp-case__media-group{--vp-vw:calc((100% - .45rem) / 2);--vp-aspect:1 / 2;width:100%;max-width:100%;margin:0 auto}.vp-case__video-wrap .vp-case__video{object-fit:cover;object-position:center;transform:scale(1.04)}.vp-case__media-group:not(.vp-case__media-group--dual):not(.vp-case__media-group--solo):not(:has(.vp-case__photos--pair)){grid-template-rows:1fr 1fr auto;grid-template-columns:1fr 1fr;gap:.45rem;display:grid}.vp-case--reverse .vp-case__media-group{flex-direction:unset;margin:0}.vp-case__media-group:not(.vp-case__media-group--dual):not(.vp-case__media-group--solo):not(:has(.vp-case__photos--pair))>.vp-case__video-wrap{flex:unset;grid-area:1/1/3;width:100%;height:100%;min-height:0}.vp-case__photos:not(.vp-case__photos--pair){display:contents}.vp-case__photos:not(.vp-case__photos--pair) .vp-case__photo:first-child{grid-area:3/1}.vp-case__photos:not(.vp-case__photos--pair) .vp-case__photo:nth-child(2){grid-area:1/2}.vp-case__photos:not(.vp-case__photos--pair) .vp-case__photo:nth-child(3){grid-area:3/2}.vp-case__photos:not(.vp-case__photos--pair) .vp-case__photo:nth-child(4){grid-area:2/2}.vp-case__photos:not(.vp-case__photos--pair) .vp-case__photo{aspect-ratio:1;width:100%;height:auto}.vp-case__media-group:has(.vp-case__photos--pair){grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:.45rem;display:grid}.vp-case__media-group:has(.vp-case__photos--pair)>.vp-case__video-wrap{flex:unset;grid-area:1/1/3;place-self:stretch stretch;width:100%;height:100%;min-height:0}.vp-case__photos--pair{display:contents}.vp-case__photos--pair .vp-case__photo:first-child{grid-area:1/2}.vp-case__photos--pair .vp-case__photo:nth-child(2){grid-area:2/2}.vp-case__photos--pair .vp-case__photo{aspect-ratio:1;width:100%;height:auto}.vp-case__media-group--dual{--vp-vw:calc((100% - .55rem) / 2);flex-flow:row;justify-content:center;align-items:flex-start;gap:.55rem;width:100%;display:flex}.vp-case__media-group--dual .vp-case__video-stack{flex:0 0 var(--vp-vw);width:var(--vp-vw);min-width:var(--vp-vw);align-items:center}.vp-case__media-group--dual .vp-case__video-wrap{width:100%;height:auto;aspect-ratio:var(--vp-aspect);flex:none}.vp-case__media-group--solo{justify-content:center;width:100%;display:flex}.vp-case__media-group--solo .vp-case__video-wrap{width:var(--vp-vw);height:auto;aspect-ratio:var(--vp-aspect);flex:none}}@media (width<=560px){.vp-hero{padding-top:7rem}.vp-hero__title{font-size:clamp(1.6rem,7vw,2.2rem)}.vp-case__heading{font-size:clamp(1.2rem,5vw,1.6rem)}.vp-stats__grid{grid-template-columns:1fr 1fr}.vp-stats__number{font-size:clamp(2.4rem,12vw,3.2rem)}.vp-section{padding:clamp(2.5rem,5vw,4rem) 1.2rem}}
