.ehero{--seam:100%;color:#fff;background:#000;align-items:flex-end;min-height:100svh;display:flex;position:relative;overflow:hidden}.ehero__media{position:absolute;top:0;bottom:0;left:0;right:0}.ehero__img{object-fit:cover;object-position:60% 40%;transform-origin:60% 40%;width:100%;height:100%}.ehero__scrim{background:linear-gradient(90deg,#0b1114f2 0%,#0b1114d1 34%,#0b111459 62%,#0b111426 100%),linear-gradient(#0b1114bf 0%,#0b111400 22% 70%,#0b1114e6 100%);position:absolute;top:0;bottom:0;left:0;right:0}.ehero__seam{top:0;bottom:0;left:var(--seam);z-index:2;pointer-events:none;width:0;position:absolute}.ehero__line{background:linear-gradient(#0000 0%,#afcddbf2 16% 84%,#0000 100%);width:1px;position:absolute;top:0;bottom:0;left:-.5px;box-shadow:0 0 22px #afcddbb3}.ehero__lab{top:calc(var(--nav-h) + 40px);font:500 11px/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;color:var(--ice);text-shadow:0 1px 10px #000000b3;position:absolute}.ehero__lab--l{color:#e6e9ebcc;right:14px}.ehero__lab--r{left:14px}.ehero__content{z-index:3;width:100%;padding-top:calc(var(--nav-h) + 12vh);padding-bottom:clamp(40px,9vh,96px);position:relative}.ehero__title{letter-spacing:-.04em;max-width:16ch;margin:0;font-size:clamp(2.6rem,6vw,6.6rem);font-weight:540;font-stretch:112%;line-height:.95}.ehero__l1,.ehero__l2{text-wrap:balance;display:block}.ehero__l2{color:var(--ice);font-weight:300}.ehero__l2 em{font-family:var(--f-serif);letter-spacing:-.01em;color:#fff;font-style:italic;font-weight:400;font-stretch:100%}.ehero__lead{color:#e6e9ebd1;max-width:52ch}.etypes{flex-wrap:wrap;gap:8px;margin-top:clamp(26px,4vh,40px);display:flex}.etypes a{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;transition:background-color .3s, border-color .3s, translate .3s var(--ease);background:#0b111473;border:1px solid #afcddb4d;border-radius:999px;align-items:center;gap:10px;padding:11px 16px 11px 12px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.etypes a b{font:500 10.5px/1 var(--f-mono);letter-spacing:.06em;color:var(--ice);background:#afcddb1f;border-radius:999px;padding:5px 6px}.etypes a:hover{border-color:var(--ice);background:#4c7c9273;translate:0 -2px}.js .ehero [data-intro]{visibility:hidden}.js .ehero__seam{opacity:0}.ecases{background:var(--ink-2)}.ecases__layout{grid-template-columns:minmax(200px,270px) minmax(0,1fr);align-items:start;gap:clamp(28px,5vw,80px);display:grid}.eindex{top:calc(var(--nav-h) + 40px);position:sticky}.eindex ol{border-left:1px solid var(--line);margin:0;padding:0;list-style:none}.eindex li{color:#e6e9eb73;align-items:baseline;gap:12px;padding:11px 0 11px 18px;font-size:15px;line-height:1.3;transition:color .4s;display:flex;position:relative}.eindex li b{font:500 11px/1 var(--f-mono);letter-spacing:.06em;color:inherit}.eindex li:before{content:"";background:var(--ice);transform-origin:50% 0;width:2px;transition:transform .5s var(--ease);position:absolute;top:8px;bottom:8px;left:-1px;transform:scaleY(0);box-shadow:0 0 12px #afcddbb3}.eindex li.is-on{color:#fff}.eindex li.is-on:before{transform:scaleY(1)}.ecase{border-top:1px solid var(--line);scroll-margin-top:calc(var(--nav-h) + 20px);padding:clamp(40px,5vw,64px) 0}.ecase:first-child{border-top:0;padding-top:0}.ecase__head{grid-template-columns:auto auto 1fr;align-items:center;gap:16px 20px;display:grid}.ecase__n{font:500 12px/1 var(--f-mono);letter-spacing:.1em;color:var(--sky)}.ecase__ico{border:1px solid var(--line);background:#afcddb14;border-radius:16px;place-items:center;width:52px;height:52px;display:grid}.ecase__ico svg{fill:none;width:24px;height:24px;stroke:var(--ice);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.ecase h3{letter-spacing:-.03em;margin:0;font-size:clamp(1.7rem,2.8vw,2.7rem);font-weight:540;font-stretch:110%;line-height:1}.ecase__who{color:#e6e9eb99;margin:8px 0 0;font-size:clamp(15px,1.1vw,17px)}.ecase__split{grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);align-items:stretch;gap:0 clamp(22px,3vw,44px);margin-top:clamp(24px,3vw,36px);display:grid}.ecase__side>p:not(.ecase__lab){text-wrap:pretty;margin:0;font-size:clamp(1.02rem,1.3vw,1.22rem);line-height:1.5}.ecase__side--problem>p:not(.ecase__lab){color:#e6e9ebbd}.ecase__side--change{background:radial-gradient(circle,#afcddb38 1px,#0000 1.3px) 0 0/20px 20px,linear-gradient(135deg,#4c7c9252,#304d5b2e);border:1px solid #afcddb38;border-radius:20px;padding:clamp(18px,2vw,26px);position:relative}.ecase__lab{font:500 11px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:9px;margin:0 0 14px;display:flex}.ecase__lab i{border-radius:50%;width:7px;height:7px}.ecase__side--problem .ecase__lab{color:#e6e9eb8c}.ecase__side--problem .ecase__lab i{box-shadow:inset 0 0 0 1.5px}.ecase__side--change .ecase__lab{color:var(--ice)}.ecase__side--change .ecase__lab i{background:var(--ice);box-shadow:0 0 10px #afcddbcc}.ecase__seam{transform-origin:50% 0;background:linear-gradient(#0000,#afcddbe6 18% 82%,#0000);position:relative;box-shadow:0 0 18px #afcddb99}.ecase__seam span{background:var(--ice);border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 6px #afcddb29}.ecase__notes{border-top:1px solid #afcddb29;gap:10px;margin:18px 0 0;padding:16px 0 0;list-style:none;display:grid}.ecase__notes li{color:#e6e9ebcc;flex-wrap:wrap;align-items:center;gap:10px 12px;font-size:14.5px;display:flex}.ecases .tag--offer,.ecust .tag--offer{color:var(--ice)}.ecases .legend{margin-top:clamp(36px,4vw,56px)}.pcards{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,24px);display:grid}.pcard{color:var(--ink);transition:transform .6s var(--ease), box-shadow .6s;background:#fff;border-radius:clamp(16px,1.6vw,22px);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 1px #0b11140f}.pcard:hover{transform:translateY(-6px);box-shadow:0 30px 60px -30px #0b111459}.pcard__img{aspect-ratio:4/3;background:#d9dde0;position:relative;overflow:hidden}.pcard__img img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s var(--ease)}.pcard:hover .pcard__img img{transform:scale(1.05)}.pcard__tint{mix-blend-mode:color;clip-path:inset(0 0 0 100%);transition:clip-path .8s var(--ease);background:#4c7c92;position:absolute;top:0;bottom:0;left:0;right:0}.pcard__tint:after{content:"";background:var(--ice);width:2px;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 16px #afcddbe6}.pcard:hover .pcard__tint{clip-path:inset(0 0 0 55%)}.pcard__body{flex-direction:column;flex:1;padding:clamp(20px,2vw,28px);display:flex}.pcard h3{letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(1.3rem,1.7vw,1.7rem);font-weight:540;font-stretch:108%;line-height:1.08}.pcard dl{gap:4px;margin:0;display:grid}.pcard dt{font:500 10.5px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--berry);margin-top:10px}.pcard dt:first-child{margin-top:0}.pcard dd{color:#0b1114bd;margin:4px 0 0;line-height:1.5}.pcard dl{margin-bottom:20px}.pcard__foot{font:500 11.5px/1.3 var(--f-mono);letter-spacing:.04em;color:#0b11148c;border-top:1px solid #0b11141a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:auto 0 0;padding-top:14px;display:flex}@media (max-width:1100px){.pcards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.ecases__layout{grid-template-columns:1fr}.eindex{display:none}.ecase__head{grid-template-columns:auto 1fr}.ecase__n{grid-column:1/-1}.ecase__split{grid-template-rows:auto 1px auto;grid-template-columns:1fr;gap:22px 0}.ecase__seam{transform-origin:0;background:linear-gradient(90deg,#0000,#afcddbe6 18% 82%,#0000)}.ehero__img{object-position:64% 40%}.ehero__lab{top:calc(var(--nav-h) + 22px);letter-spacing:.12em;font-size:9.5px}.ehero__content{padding-top:calc(var(--nav-h) + 22vh)}.etypes a{padding:9px 13px 9px 10px;font-size:14px}.pcards{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.js .ehero [data-intro]{visibility:visible}.js .ehero__seam{opacity:1}}