#metrics{padding-top:calc(var(--nav-h) + 122px);padding-bottom:var(--space-section)}#metrics .headline{position:relative;z-index:1;font-size:clamp(38px, 3.35vw, 64px)}#metrics .sub{position:relative;z-index:1;max-width:528px}.chart{display:flex;align-items:flex-end;justify-content:center;gap:clamp(14px,2.4vw,36px);margin-top:-84px;min-height:404px}.chart__group{display:flex;flex-direction:column;align-items:center;gap:12px}.chart__bars{display:flex;align-items:flex-end;gap:8px}.chart__col{display:flex;flex-direction:column;align-items:center;gap:6px}.chart__val{font-size:12px;font-weight:500;color:var(--color-text-mid);white-space:nowrap;opacity:0;transform:translateY(6px);transition:opacity .5s,transform .5s;transition-delay:calc(var(--delay, 0s) + 0.55s)}.chart__col--after .chart__val{font-size:18px;font-weight:900;color:var(--color-accent-lime)}.chart__bar{width:clamp(22px,2.2vw,34px);border-radius:6px 6px 0 0;height:calc(var(--h) * 1px);background:#5a5a60;transform-origin:bottom;transform:scaleY(0);transition:transform var(--anim-bar-rise, .9s) var(--ease-out);transition-delay:var(--delay, 0s)}.chart__col--after .chart__bar{background:var(--color-accent-lime);box-shadow:0 0 20px rgba(198,255,52,.35)}.chart__label{font-size:13px;font-weight:700;text-align:center;line-height:1.4}.chart__hint{display:none;margin-top:12px;color:var(--color-text-mid);font-size:12px}.is-inview .chart__bar{transform:scaleY(1)}.is-inview .chart__val{opacity:1;transform:none}.highlights{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:24px}.hl{display:flex;flex-direction:column;align-items:center;border-top:1px solid var(--color-border-hairline);padding-top:40px;text-align:center}.hl__num{font-weight:900;font-size:clamp(30px, 2.9vw, 55px);letter-spacing:-.03em;color:var(--color-accent-lime)}.hl__label{margin-top:8px;font-weight:700;font-size:15px}.hl__note{margin-top:4px;font-size:13px;color:var(--color-text-mid)}.cases{display:flex;flex-direction:column;gap:0}.case+.case{margin-top:-160px}.case{display:flex;gap:28px;width:min(710px,100%);background:var(--color-bg-card);border:1px solid var(--color-border-hairline);border-radius:var(--radius-card);padding:27px;opacity:0;transform:translateY(36px);transition:opacity var(--dur) var(--ease-out),transform var(--dur) var(--ease-out)}.case.is-inview{opacity:1;transform:none}.case:nth-child(2n){align-self:flex-end;flex-direction:row-reverse}.case__img{flex:0 0 min(330px,44%);aspect-ratio:330/384;background:#222226;border-radius:16px;display:grid;place-items:center;font-size:12px;color:var(--color-text-mid);text-align:center;line-height:1.5;overflow:hidden;position:relative}.case__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.case__body{display:flex;flex-direction:column;gap:14px;padding-top:28px}.case__tag{font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--color-accent-purple)}.case__title{font-size:22px;font-weight:900;letter-spacing:-.02em;line-height:1.3}.case__desc{font-size:14px;color:var(--color-text-mid);line-height:1.6}.case__result{font-size:14px;font-weight:700;color:var(--color-accent-lime)}#portfolio .container{max-width:calc(1260px + var(--content-pad) * 2)}#portfolio .headline{font-size:clamp(34px, 3.2vw, 61px)}.portfolio__visual{display:flex;align-items:center;gap:clamp(32px,4.5vw,64px);margin-top:28px}.counter{display:flex;flex-direction:column}.counter__num{font-weight:900;font-size:clamp(96px, 10vw, 180px);line-height:1;letter-spacing:-.04em}.counter__num .plus{color:var(--color-accent-lime)}.counter__title{margin-top:10px;font-weight:900;font-size:clamp(22px, 2vw, 32px);letter-spacing:-.02em}.counter__sub{margin-top:6px;font-size:16px;color:var(--color-text-mid)}.mosaic{flex:1;display:grid;grid-template-columns:43fr 25fr 25fr;grid-template-rows:150px 140px 146px;gap:12px;min-width:0}.tile{background:var(--color-bg-card);border:1px solid var(--color-border-hairline);border-radius:24px;padding:22px 24px;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;opacity:0;transform:scale(.94);transition:opacity var(--anim-tile-in, .6s) var(--ease-out),transform var(--anim-tile-in, .6s) var(--ease-out);transition-delay:var(--delay, 0s)}.is-inview .tile{opacity:1;transform:none}.tile--feature{grid-row:1/4;border:1.5px solid var(--color-accent-lime);justify-content:flex-end}.tile--wide{grid-column:2/4}.tile__badge{align-self:flex-start;font-size:13px;font-weight:700;color:var(--color-text-mid);border:1px solid var(--color-border-hairline);border-radius:var(--radius-pill);padding:7px 14px;margin-bottom:auto}.tile__num{font-weight:900;font-size:44px;line-height:1;letter-spacing:-.04em}.tile--feature .tile__num{font-size:clamp(72px, 8vw, 120px);color:var(--color-accent-lime)}.tile__num--purple{color:var(--color-accent-purple)}.tile__label{font-size:15px;font-weight:700;color:var(--color-text-mid)}.tile--feature .tile__label{font-size:22px;color:var(--color-text-ink)}.portfolio__note{max-width:390px;margin-top:28px;font-size:16px;color:var(--color-text-mid);line-height:1.65}#portfolio .sticker-cta{margin-top:28px}@media (max-width:1024px){#metrics{padding-top:calc(var(--nav-h) + 56px);padding-bottom:var(--space-section)}.chart{margin-top:56px}.case+.case{margin-top:48px}.highlights{grid-template-columns:repeat(2,1fr)}.portfolio__visual{flex-direction:column;align-items:flex-start}.mosaic{width:100%}}@media (max-width:768px){.chart{justify-content:flex-start;overflow-x:auto;padding-bottom:12px;scrollbar-width:none;min-height:auto}.chart__hint{display:block}.chart::-webkit-scrollbar{display:none}.case,.case:nth-child(2n){flex-direction:column;align-self:stretch;width:100%}.case__img{flex:none;aspect-ratio:auto}.case__img img{position:static;height:auto}.case__body{padding-top:0}.mosaic{grid-template-columns:1fr 1fr;grid-template-rows:220px 130px 130px 130px}.tile--feature{grid-column:1/3;grid-row:1}.tile--wide{grid-column:1/3}}@media (max-width:480px){.highlights{grid-template-columns:1fr 1fr;gap:16px}.hl__num{font-size:28px}}