.portfolio-page-module__O4x2wW__page{background:#fff;min-height:100vh}.portfolio-page-module__O4x2wW__stageSection{padding:0}.portfolio-page-module__O4x2wW__stage{background:#320378;width:min(100%,1440px);margin:0 auto;padding:1.375rem .875rem 3.8125rem}.portfolio-page-module__O4x2wW__title{color:#fff;font-family:var(--font-sora), sans-serif;letter-spacing:-.058em;text-align:center;margin:0 0 1.375rem;font-size:clamp(1.875rem,2.9vw,2.5rem);font-weight:600;line-height:1.595}.portfolio-page-module__O4x2wW__panel{background:#fff;border-radius:1.5rem;padding:3.8125rem 2.4375rem;overflow:hidden}.portfolio-page-module__O4x2wW__groups{flex-direction:column;gap:2.25rem;display:flex}.portfolio-page-module__O4x2wW__group{flex-direction:column;gap:2.75rem;display:flex}.portfolio-page-module__O4x2wW__card{grid-template-columns:minmax(0,1fr) minmax(18rem,23.5rem);align-items:start;gap:2.4375rem;display:grid}.portfolio-page-module__O4x2wW__copy{flex-direction:column;display:flex}.portfolio-page-module__O4x2wW__projectTitle{color:#320378;font-family:var(--font-sora), sans-serif;flex-wrap:wrap;align-items:baseline;gap:.45rem;font-size:clamp(1.85rem,3vw,2.5625rem);font-weight:600;line-height:1;display:flex}.portfolio-page-module__O4x2wW__projectIndex{text-underline-offset:.08em;text-decoration-line:underline;text-decoration-color:#00bba9;text-decoration-thickness:calc(1em/5)}.portfolio-page-module__O4x2wW__projectName{letter-spacing:-.02em}.portfolio-page-module__O4x2wW__description{color:#5c5c5c;letter-spacing:.02em;margin-top:1.125rem;font-size:.95rem;line-height:1.55}.portfolio-page-module__O4x2wW__platformRow{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1rem;display:flex}.portfolio-page-module__O4x2wW__platformLabel{color:#320378;font-size:.95rem;font-weight:700}.portfolio-page-module__O4x2wW__platforms{flex-wrap:wrap;gap:.875rem;display:flex}.portfolio-page-module__O4x2wW__platform{color:#5f6368;align-items:center;gap:.375rem;font-size:1rem;font-weight:500;display:inline-flex}.portfolio-page-module__O4x2wW__platformBadge{width:7.125rem;height:auto;display:block}.portfolio-page-module__O4x2wW__platformIcon{width:auto;height:1.25rem}.portfolio-page-module__O4x2wW__platformText{line-height:1}.portfolio-page-module__O4x2wW__technologyGrid{background:#eff8f9;border-radius:.75rem;grid-template-columns:repeat(auto-fit,minmax(8.8125rem,1fr));gap:.9375rem;margin-top:1.25rem;padding:1.5rem;display:grid}.portfolio-page-module__O4x2wW__technologyCard{flex-direction:column;justify-content:flex-start;align-items:center;gap:.75rem;min-height:5.625rem;display:flex}.portfolio-page-module__O4x2wW__technologyLabel{color:#320378;text-align:center;background:#fff;border-radius:999px;justify-content:center;align-items:center;width:100%;min-height:1.9375rem;padding:.25rem .875rem;font-size:.85rem;font-weight:700;display:inline-flex}.portfolio-page-module__O4x2wW__technologyItems{flex-direction:column;align-items:center;gap:.3rem;display:flex}.portfolio-page-module__O4x2wW__technologyItem{color:#320378e6;align-items:center;gap:.35rem;font-size:1rem;display:inline-flex}.portfolio-page-module__O4x2wW__technologyItemIcon{width:1.5rem;height:1.5rem}.portfolio-page-module__O4x2wW__visual{min-height:21rem;position:relative}.portfolio-page-module__O4x2wW__visualExact{min-height:0;aspect-ratio:var(--visual-width) / var(--visual-height)}.portfolio-page-module__O4x2wW__visualCanvas{width:100%;height:100%;position:relative}.portfolio-page-module__O4x2wW__visualAsset{position:absolute}.portfolio-page-module__O4x2wW__deviceDesktop,.portfolio-page-module__O4x2wW__deviceMobile{position:absolute;box-shadow:0 18px 32px #2008482e}.portfolio-page-module__O4x2wW__deviceDesktop{background:#1f1c2c;border-radius:1.2rem;width:17rem;height:11rem;padding:.7rem;bottom:0;right:0}.portfolio-page-module__O4x2wW__deviceDesktopScreen{background:var(--device-background);border-radius:.85rem;grid-template-columns:1.25fr .8fr;gap:.6rem;height:100%;padding:.65rem;display:grid}.portfolio-page-module__O4x2wW__deviceDesktopPanel,.portfolio-page-module__O4x2wW__deviceDesktopStack{background:#ffffffeb;border-radius:.8rem}.portfolio-page-module__O4x2wW__deviceDesktopPanel{min-height:100%}.portfolio-page-module__O4x2wW__deviceDesktopStack{gap:.55rem;padding:.55rem;display:grid}.portfolio-page-module__O4x2wW__deviceDesktopCard,.portfolio-page-module__O4x2wW__deviceDesktopMini{border-radius:.7rem}.portfolio-page-module__O4x2wW__deviceDesktopCard{background:#32037829;min-height:4.75rem}.portfolio-page-module__O4x2wW__deviceDesktopMini{background:#04cdba24;min-height:2.5rem}.portfolio-page-module__O4x2wW__deviceMobile{background:#111;border-radius:1.25rem;width:7.75rem;height:13.5rem;padding:.45rem;top:0;right:4.2rem}.portfolio-page-module__O4x2wW__deviceMobileScreen{background:#fff;border-radius:.95rem;gap:.55rem;height:100%;padding:.7rem;display:grid}.portfolio-page-module__O4x2wW__deviceMobileHero,.portfolio-page-module__O4x2wW__deviceMobileRow{border-radius:.7rem}.portfolio-page-module__O4x2wW__deviceMobileHero{background:var(--device-accent);min-height:4rem}.portfolio-page-module__O4x2wW__deviceMobileRow{background:#32037814;min-height:2.35rem}.portfolio-page-module__O4x2wW__tonePurple{--device-background:linear-gradient(180deg, #32037826, #04cdba14);--device-accent:linear-gradient(180deg, #320378, #04cdba)}.portfolio-page-module__O4x2wW__toneCyan{--device-background:linear-gradient(180deg, #04cdba2e, #32037814);--device-accent:linear-gradient(180deg, #04cdba, #320378)}.portfolio-page-module__O4x2wW__toneGold{--device-background:linear-gradient(180deg, #f5a43e33, #32037814);--device-accent:linear-gradient(180deg, #f5a43e, #320378)}.portfolio-page-module__O4x2wW__toneBlue{--device-background:linear-gradient(180deg, #5396ff2e, #32037814);--device-accent:linear-gradient(180deg, #5396ff, #320378)}@media (max-width:64rem){.portfolio-page-module__O4x2wW__stage{padding-bottom:3rem}.portfolio-page-module__O4x2wW__panel{padding:2.75rem 1.75rem}.portfolio-page-module__O4x2wW__card{grid-template-columns:1fr}.portfolio-page-module__O4x2wW__visual{min-height:18rem}.portfolio-page-module__O4x2wW__visualExact{min-height:0}}@media (max-width:40rem){.portfolio-page-module__O4x2wW__stage{padding:.875rem .625rem 1.75rem}.portfolio-page-module__O4x2wW__title{margin-bottom:.875rem;font-size:1.625rem;line-height:1.3}.portfolio-page-module__O4x2wW__panel{border-radius:1.25rem;padding:1.75rem 1rem}.portfolio-page-module__O4x2wW__technologyGrid{grid-template-columns:1fr 1fr;padding:1rem}.portfolio-page-module__O4x2wW__deviceDesktop{width:13rem;height:8.5rem}.portfolio-page-module__O4x2wW__deviceMobile{width:6rem;height:10.5rem;right:2rem}}