.experience{position:relative;overflow:hidden;background:#f1efe9}.experience:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(11,18,32,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(11,18,32,.04) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent)}.experience:after{content:"EXPERIENCE";position:absolute;right:-.03em;top:120px;color:rgba(11,18,32,.025);font-size:clamp(100px,15vw,270px);font-weight:800;line-height:.8;letter-spacing:-.08em;pointer-events:none;white-space:nowrap}.experience>.sw-wrap{position:relative;z-index:1}.experience__head{align-items:end;margin-bottom:50px}.experience__head>div{max-width:720px}.experience__head>p{max-width:620px;margin:0 0 7px;color:#626f7b;font-size:15px;line-height:1.72}.experience-grid--2026{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;border:0;background:transparent}.experience-card{position:relative;isolation:isolate;overflow:hidden;min-height:380px;border:1px solid rgba(11,18,32,.11);border-radius:22px;background:rgba(255,255,255,.68);box-shadow:0 18px 55px rgba(18,25,34,.045);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.experience-card:hover{transform:translateY(-4px);border-color:rgba(78,129,140,.3);box-shadow:0 28px 70px rgba(18,25,34,.09)}.experience-card:after{content:"";position:absolute;z-index:-1;width:240px;height:240px;right:-100px;bottom:-120px;border:1px solid rgba(75,130,142,.12);border-radius:50%;box-shadow:0 0 0 38px rgba(75,130,142,.025),0 0 0 78px rgba(75,130,142,.016)}.experience-card--launch{grid-column:span 7;display:grid;grid-template-columns:minmax(300px,.9fr) minmax(340px,1.1fr);background:linear-gradient(145deg,#dbe7e8,#f8f9f7)}.experience-card--rebuild{grid-column:span 5;display:grid;grid-template-rows:180px 1fr;background:linear-gradient(145deg,#fff,#f6f4ef)}.experience-card--cms{grid-column:span 5;display:grid;grid-template-rows:1fr 230px;background:linear-gradient(145deg,#e8e5da,#f5f2e8)}.experience-card--commerce{grid-column:span 7;display:grid;grid-template-columns:minmax(320px,1.1fr) minmax(300px,.9fr);background:linear-gradient(145deg,#faf8f4,#fff)}.experience-card--systems{grid-column:span 7;display:grid;grid-template-columns:minmax(300px,.85fr) minmax(360px,1.15fr);background:linear-gradient(145deg,#e2e8df,#f8f9f5)}.experience-card--growth{grid-column:span 5;display:grid;grid-template-rows:180px 1fr;background:linear-gradient(145deg,#122031,#0d1928);border-color:rgba(255,255,255,.08);color:#f5f3ee}.experience-card__content{display:flex;flex-direction:column;padding:32px}.experience-card small{display:block;margin-bottom:22px;color:#526d78;font:800 9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;text-transform:uppercase}.experience-card h3{max-width:520px;margin:0;color:#101927;font-size:clamp(27px,1.8vw,34px);line-height:1.04;letter-spacing:-.035em}.experience-card p{max-width:58ch;margin:17px 0 24px;color:#5e6b76;font-size:14px;line-height:1.67}.experience-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}.experience-tags span{padding:6px 9px;border:1px solid rgba(65,91,101,.18);border-radius:999px;background:rgba(255,255,255,.52);color:#546771;font:750 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.07em;text-transform:uppercase}.experience-card__visual{position:relative;display:grid;place-items:center;min-width:0;overflow:hidden;padding:22px}.experience-card__visual:before{content:"";position:absolute;width:72%;aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(111,159,170,.16),transparent 68%);filter:blur(22px)}.experience-card__visual img{position:relative;z-index:2;display:block;width:min(100%,520px);height:auto;filter:drop-shadow(0 15px 25px rgba(16,25,39,.07));transition:transform .3s ease}.experience-card--cms .experience-card__visual{padding:12px 24px 16px}.experience-card--cms .experience-card__visual img{width:auto;max-width:92%;height:auto;max-height:202px;object-fit:contain}.experience-card:hover .experience-card__visual img{transform:translateY(-4px) scale(1.015)}.experience-card--growth:after{border-color:rgba(142,185,195,.14);box-shadow:0 0 0 38px rgba(142,185,195,.024),0 0 0 78px rgba(142,185,195,.012)}.experience-card--growth small{color:#86a6b3}.experience-card--growth h3{color:#f5f3ee}.experience-card--growth p{color:#aab6c2}.experience-card--growth .experience-tags span{border-color:rgba(164,195,205,.16);background:rgba(255,255,255,.04);color:#a9bdc7}.experience-card--growth .experience-card__visual:before{background:radial-gradient(circle,rgba(142,185,195,.15),transparent 68%)}@media(max-width:1100px){.experience-grid--2026{grid-template-columns:repeat(2,minmax(0,1fr))}.experience-card{grid-column:auto!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:190px 1fr!important}.experience-card--launch,.experience-card--cms,.experience-card--systems{grid-template-rows:1fr 210px!important}.experience-card{min-height:430px}.experience-card__content{padding:28px}.experience-card--cms .experience-card__visual img{max-height:182px}}
@media(max-width:720px){.experience__head{display:grid!important;grid-template-columns:1fr;gap:20px;margin-bottom:36px}.experience__head>p{max-width:100%}.experience-grid--2026{grid-template-columns:1fr;gap:10px}.experience-card{grid-template-rows:auto!important;min-height:0;border-radius:17px}.experience-card--launch,.experience-card--commerce,.experience-card--systems{display:grid!important;grid-template-columns:1fr!important}.experience-card__content{padding:25px 22px}.experience-card__visual{min-height:175px;padding:16px}.experience-card--cms .experience-card__visual{min-height:210px;padding:12px 18px 16px}.experience-card--cms .experience-card__visual img{max-width:100%;max-height:190px}.experience-card h3{font-size:27px}.experience-card p{font-size:13px}.experience-card--rebuild .experience-card__visual,.experience-card--growth .experience-card__visual{order:2}.experience-card--rebuild .experience-card__content,.experience-card--growth .experience-card__content{order:1}.experience:after{font-size:110px;top:180px}}@media(prefers-reduced-motion:reduce){.experience-card,.experience-card__visual img{transition:none}}