.why-section{background:#000;padding:clamp(3rem,6vw,5rem) 0;position:relative;overflow:hidden}.why-glow{display:none}.why-head{z-index:2;text-align:left;flex-direction:column;align-items:flex-start;width:100%;margin-bottom:clamp(3rem,5vw,4.5rem);display:flex;position:relative}.why-head h2{color:#f78aaa;font-family:var(--font-heading);letter-spacing:.04em;text-transform:none;white-space:nowrap;margin:0;font-size:38px;font-weight:400;line-height:1}.why-scribble{z-index:1;width:340px;height:auto;margin-top:.25rem;display:block;overflow:visible}.why-scribble-path{fill:none;stroke:#a0f6e2;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px}.why-scribble.is-drawn .why-scribble-path{animation:1.2s cubic-bezier(.22,1,.36,1) forwards whyScribbleDraw}@keyframes whyScribbleDraw{to{stroke-dashoffset:0}}.why-grid{z-index:2;grid-template-columns:repeat(3,1fr);gap:1.5rem;width:92%;max-width:1400px;margin:0 auto;display:grid;position:relative}.why-card{aspect-ratio:412/403;cursor:pointer;background:0 0;border:none;place-items:center;display:grid;position:relative;overflow:visible}.why-card-svg{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.why-card-inner{place-items:center;padding:2rem;display:grid;position:absolute;inset:0}.why-card-content{z-index:10;text-align:center;transition:transform .4s,opacity .4s;position:relative}.why-card-title{color:#fff;letter-spacing:.08em;text-transform:uppercase;max-width:80%;margin:0;font-size:clamp(1.2rem,1.8vw,1.6rem);font-weight:500;font-family:Poppins,sans-serif!important}.why-card-hover-image-box{z-index:5;opacity:0;clip-path:url(#why-clip-path);transition:opacity .42s;position:absolute;inset:0;overflow:hidden}.why-card-hover-image{object-fit:cover;width:100%;height:100%}.nightmare-mode .why-card-hover-image{mix-blend-mode:screen}.why-card.is-hovered .why-card-hover-image-box{opacity:1}.why-card.is-hovered .why-card-content{opacity:0;transform:translateY(-10px)}.why-card .case-image-fade-left,.why-card .case-image:before,.why-card .case-img-glow{display:none}.why-card-hover-image-box.case-image{clip-path:url(#why-clip-path);margin:0}.why-card-hover-image.case-image-png{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.why-card.is-hovered .case-image-png{opacity:1;transform:translate(0)translateY(0)scale(1)rotateY(0)}.why-card.is-hovered .case-image-grid,.why-card.is-hovered .case-image:before{opacity:1}@media (max-width:1024px){.why-grid{grid-template-columns:repeat(2,1fr);width:100%}.why-head h2{white-space:normal}}@media (max-width:640px){.why-section{padding:1.28rem 0 1.55rem}.why-head{margin-bottom:.92rem}.why-head h2{font-size:clamp(1.3rem,8.2vw,1.9rem);line-height:1.08}.why-scribble{width:min(11.2rem,72vw);margin-top:.15rem}.why-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.52rem;width:100%;margin:0 auto}.why-card{aspect-ratio:1/1.02}.why-card-inner{padding:.78rem}.why-card-title{letter-spacing:.03em;text-transform:none;max-width:94%;font-size:.54rem;font-weight:600;line-height:1.25}.why-card-hover-image-box{opacity:1;transition:none}.why-card-hover-image-box:after{content:"";z-index:6;pointer-events:none;background:linear-gradient(#070a146b 0%,#070a148f 44%,#070a14b8 100%);position:absolute;inset:0}.why-card .case-image-grid{opacity:.34;z-index:5;transition:none}.why-card .case-image-png{opacity:.52;filter:saturate(1.03)contrast(1.04)drop-shadow(0 6px 10px #00000080);transition:none;transform:none}.why-card-content{z-index:10;opacity:1!important;transform:none!important}}
