/* Versioned separately so Cloudflare edge caches cannot retain the former About layout. */
.wallverse-experience{padding-top:24px;padding-bottom:92px}.wallverse-experience__heading{max-width:820px;margin-bottom:28px}.wallverse-experience__heading h2{margin:15px 0 0;font-size:clamp(2.9rem,5.25vw,5.25rem);line-height:1.01;letter-spacing:-.068em}.wallverse-experience h2 em,.experience-app h3 em{font-style:normal;background:linear-gradient(100deg,#e95be0 5%,#9b5cff 42%,#28d7ff 92%);-webkit-background-clip:text;background-clip:text;color:transparent}.experience-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.experience-feature{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:start;gap:17px;min-height:150px;padding:20px 17px;border:1px solid rgba(168,194,231,.21);border-radius:19px;background:linear-gradient(145deg,rgba(17,31,57,.8),rgba(7,14,30,.82));box-shadow:inset 0 1px 0 rgba(255,255,255,.035);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.experience-feature:hover{transform:translateY(-4px);border-color:rgba(40,243,255,.47);box-shadow:0 16px 35px rgba(0,0,0,.24),0 0 22px rgba(73,137,255,.1)}.experience-feature>.material-symbols-rounded{display:grid;width:52px;height:52px;place-items:center;border:1px solid rgba(142,109,255,.34);border-radius:16px;color:#42e9ff;background:radial-gradient(circle at 35% 25%,rgba(202,106,255,.34),transparent 42%),linear-gradient(135deg,rgba(71,43,144,.44),rgba(9,32,59,.68));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 18px rgba(144,74,255,.12);font-size:1.55rem}.experience-feature:nth-child(2)>.material-symbols-rounded,.experience-feature:nth-child(3)>.material-symbols-rounded{color:#e25cff}.experience-feature:nth-child(4)>.material-symbols-rounded{color:#39efff}.experience-feature h3{margin:7px 0 9px;font-size:1rem;letter-spacing:-.025em}.experience-feature p{margin:0;color:#abb8cd;font-size:.77rem;line-height:1.72}
.experience-app{position:relative;display:grid;grid-template-columns:minmax(250px,.9fr) minmax(360px,1.22fr) minmax(190px,.62fr);align-items:center;gap:18px;overflow:hidden;margin-top:28px;min-height:468px;padding:42px 30px 34px;border:1px solid rgba(160,115,255,.43);border-radius:24px;background:radial-gradient(circle at 4% 86%,rgba(161,64,255,.32),transparent 30%),radial-gradient(circle at 62% 84%,rgba(38,125,255,.26),transparent 30%),radial-gradient(circle at 100% 20%,rgba(40,243,255,.08),transparent 31%),linear-gradient(115deg,#111b38,#081326 64%,#09182c);box-shadow:0 28px 60px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.045)}.experience-app::before{position:absolute;inset:0;background:linear-gradient(105deg,rgba(242,86,221,.11),transparent 30%,transparent 67%,rgba(40,243,255,.07));content:'';pointer-events:none}.experience-app__copy,.experience-app__visual,.experience-app__list{position:relative;z-index:1}.experience-app__copy h3{margin:15px 0 17px;font-size:clamp(2.1rem,3.35vw,3.65rem);line-height:1.02;letter-spacing:-.062em}.experience-app__copy>p:not(.eyebrow){max-width:390px;margin:0 0 17px;color:#c3cede;font-size:.88rem;line-height:1.68}.experience-app__visual{min-height:365px;align-self:end}.experience-app__visual::after{position:absolute;right:4%;bottom:-4%;left:4%;height:28%;border-radius:50%;background:radial-gradient(ellipse,rgba(40,138,255,.4),rgba(132,51,255,.25) 38%,transparent 70%);filter:blur(17px);content:''}.experience-app__visual img{position:absolute;z-index:1;inset:-4% -15% -15%;width:130%;height:122%;object-fit:contain;filter:drop-shadow(0 28px 30px rgba(0,0,0,.5))}.experience-app__list{display:grid;gap:0;align-self:center;padding:0;margin:0;list-style:none}.experience-app__list li{display:flex;align-items:center;gap:14px;min-height:54px;border-bottom:1px solid rgba(198,246,255,.12);color:#e1eafa;font-size:.78rem}.experience-app__list li:last-child{border-bottom:0}.experience-app__list .material-symbols-rounded{color:#65e9ff;font-size:1.35rem;filter:drop-shadow(0 0 8px rgba(40,243,255,.4))}.experience-app__list li:nth-child(3n+2) .material-symbols-rounded{color:#bd70ff}
@media (max-width:1080px){.experience-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.experience-app{grid-template-columns:minmax(260px,.8fr) minmax(390px,1.2fr);gap:10px}.experience-app__list{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 15px}.experience-app__list li:nth-last-child(-n+3){border-bottom:0}.experience-app__visual{min-height:355px}}
@media (max-width:760px){.wallverse-experience{padding-top:2px;padding-bottom:65px}.wallverse-experience__heading{margin-bottom:22px}.wallverse-experience__heading h2{font-size:clamp(2.55rem,11vw,4rem)}.experience-feature-grid{gap:12px}.experience-feature{grid-template-columns:45px minmax(0,1fr);gap:13px;min-height:0;padding:16px 14px;border-radius:16px}.experience-feature>.material-symbols-rounded{width:45px;height:45px;border-radius:14px;font-size:1.35rem}.experience-feature h3{margin:5px 0 6px;font-size:.93rem}.experience-feature p{font-size:.71rem;line-height:1.55}.experience-app{grid-template-columns:1fr;gap:8px;min-height:0;margin-top:20px;padding:31px 20px 23px;border-radius:21px}.experience-app__copy h3{font-size:clamp(2.25rem,10vw,3.35rem)}.experience-app__copy>p:not(.eyebrow){font-size:.82rem}.experience-app__visual{order:3;min-height:310px;margin-top:0}.experience-app__visual img{inset:-9% -18% -20%;width:136%;height:128%}.experience-app__list{grid-column:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;order:2}.experience-app__list li{min-height:45px;gap:9px;font-size:.7rem}.experience-app__list li:nth-last-child(-n+3){border-bottom:1px solid rgba(198,246,255,.12)}.experience-app__list li:nth-last-child(-n+2){border-bottom:0}.experience-app__list .material-symbols-rounded{font-size:1.12rem}}
@media (max-width:430px){.experience-feature-grid{grid-template-columns:1fr}.experience-app__list{grid-template-columns:1fr}.experience-app__list li,.experience-app__list li:nth-last-child(-n+3){border-bottom:1px solid rgba(198,246,255,.12)}.experience-app__list li:last-child{border-bottom:0}.experience-app__visual{min-height:275px}}
@media (prefers-reduced-motion:reduce){.experience-feature{transition:none}.experience-feature:hover{transform:none}}

/* Keep the transparent phone mockup visible on desktop, while centering it on the single-column mobile composition. */
.experience-app__visual img{visibility:visible;opacity:1;transform:translateX(8%)}
@media (max-width:760px){.experience-app__visual{display:block}.experience-app__visual img{top:-9%;right:auto;bottom:-20%;left:50%;width:136%;height:128%;transform:translateX(-50%)}}