.project-showcase-module__3MDJ3q__page{--cream:#eee4dc;background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--project-accent) 15%, transparent), transparent 27%), var(--cream);color:#121510;height:100svh;min-height:100svh;padding:clamp(16px,2.5vw,34px);overflow:hidden}.project-showcase-module__3MDJ3q__projectHeader{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border:1px solid #1414110f;border-radius:999px;grid-template-columns:44px 1fr 44px;align-items:center;gap:6px;width:min(380px,100vw - 32px);min-height:54px;margin:0 auto;padding:5px;display:grid;position:relative;box-shadow:0 14px 34px #2d1f141a}.project-showcase-module__3MDJ3q__back,.project-showcase-module__3MDJ3q__visitMini{color:#fff;background:#10120f;border-radius:50%;place-items:center;width:44px;height:44px;transition:transform .18s;display:grid}.project-showcase-module__3MDJ3q__back:hover,.project-showcase-module__3MDJ3q__visitMini:hover{transform:scale(1.06)}.project-showcase-module__3MDJ3q__back svg,.project-showcase-module__3MDJ3q__visitMini svg{width:18px;height:18px}.project-showcase-module__3MDJ3q__projectName{letter-spacing:-.035em;justify-content:center;align-items:center;gap:9px;font-size:16px;font-weight:750;display:flex}.project-showcase-module__3MDJ3q__projectName img{border-radius:7px}.project-showcase-module__3MDJ3q__projectName>span{background:var(--project-accent);border-radius:50%;width:8px;height:8px}.project-showcase-module__3MDJ3q__headerSpacer{width:44px}.project-showcase-module__3MDJ3q__layout{grid-template-columns:minmax(230px,.78fr) minmax(360px,1.28fr) minmax(240px,.8fr);align-items:center;gap:clamp(24px,3vw,54px);width:min(1500px,100%);height:calc(100svh - 88px);margin:0 auto;padding:clamp(20px,3vw,52px) 0 10px;display:grid}.project-showcase-module__3MDJ3q__intro{min-width:0;container-type:inline-size}.project-showcase-module__3MDJ3q__intro h1{letter-spacing:-.065em;overflow-wrap:anywhere;text-wrap:balance;margin:18px 0 16px;font-size:clamp(32px,18cqw,104px);line-height:1}.project-showcase-module__3MDJ3q__intro>p{color:#5f5d56;max-width:470px;margin:0;font-size:clamp(15px,1.3vw,19px);line-height:1.55}.project-showcase-module__3MDJ3q__status{color:#625f58;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;font-size:12px;font-weight:700;display:inline-flex}.project-showcase-module__3MDJ3q__status i{background:var(--project-accent);width:8px;height:8px;box-shadow:0 0 0 5px color-mix(in srgb, var(--project-accent) 25%, transparent);border-radius:50%}.project-showcase-module__3MDJ3q__visit{color:#fff;background:#11130f;border-radius:999px;align-items:center;gap:8px;min-height:48px;margin-top:28px;padding:0 18px;font-weight:700;transition:transform .18s;display:inline-flex}.project-showcase-module__3MDJ3q__visit:hover{transform:translateY(-2px)}.project-showcase-module__3MDJ3q__visit svg{width:18px;height:18px}.project-showcase-module__3MDJ3q__visualColumn{min-width:0}.project-showcase-module__3MDJ3q__visualStage{background:#20271e;border-radius:clamp(30px,4vw,58px);place-items:center;height:min(68svh,680px);display:grid;position:relative;overflow:hidden;box-shadow:0 28px 70px #29201733}.project-showcase-module__3MDJ3q__stageGlow{aspect-ratio:1;background:var(--project-accent);filter:blur(80px);opacity:.36;border-radius:50%;width:72%;position:absolute}.project-showcase-module__3MDJ3q__phoneFrame,.project-showcase-module__3MDJ3q__desktopFrame{z-index:1;background:#0a0b09;border:8px solid #0a0b09;animation:.4s cubic-bezier(.2,.8,.2,1) both project-showcase-module__3MDJ3q__imageIn;position:relative;overflow:hidden;box-shadow:0 24px 50px #00000061}.project-showcase-module__3MDJ3q__phoneFrame{aspect-ratio:1260/2736;border-radius:34px;height:78%;transform:rotate(2deg)}.project-showcase-module__3MDJ3q__desktopFrame{aspect-ratio:16/10;border-radius:19px;width:88%;padding-top:24px;transform:rotate(-1deg)}.project-showcase-module__3MDJ3q__dynamicIsland{z-index:3;background:#090a08;border-radius:999px;width:30%;height:16px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.project-showcase-module__3MDJ3q__browserBar{z-index:3;background:#11130f;align-items:center;gap:5px;width:100%;height:25px;padding:0 10px;display:flex;position:absolute;top:0;left:0}.project-showcase-module__3MDJ3q__browserBar i{background:#ffffff59;border-radius:50%;width:6px;height:6px}.project-showcase-module__3MDJ3q__projectImage{object-fit:cover}.project-showcase-module__3MDJ3q__phoneFrame .project-showcase-module__3MDJ3q__projectImage{object-position:top}.project-showcase-module__3MDJ3q__desktopFrame .project-showcase-module__3MDJ3q__projectImage{height:calc(100% - 24px)!important;top:24px!important}@keyframes project-showcase-module__3MDJ3q__imageIn{0%{opacity:0;transform:translateY(16px)scale(.97)}}.project-showcase-module__3MDJ3q__galleryControls{z-index:4;justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;bottom:18px;left:18px;right:18px}.project-showcase-module__3MDJ3q__galleryControls>button{color:#11130f;cursor:pointer;background:#ffffffeb;border:0;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.project-showcase-module__3MDJ3q__galleryControls>button:disabled{opacity:.35;cursor:default}.project-showcase-module__3MDJ3q__galleryControls svg{width:17px;height:17px}.project-showcase-module__3MDJ3q__galleryControls div{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c0e0bb3;border-radius:999px;gap:5px;padding:5px;display:flex}.project-showcase-module__3MDJ3q__galleryControls div button{color:#ffffff9e;min-height:28px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 10px;font-size:11px;font-weight:700}.project-showcase-module__3MDJ3q__galleryControls div .project-showcase-module__3MDJ3q__activeThumb{color:#11130f;background:#fff}.project-showcase-module__3MDJ3q__emptyVisual{z-index:1;text-align:center;color:#fff;place-items:center;display:grid;position:relative}.project-showcase-module__3MDJ3q__emptyVisual span{color:var(--project-accent);font-size:150px;font-weight:800;line-height:1}.project-showcase-module__3MDJ3q__emptyVisual p{color:#fff9;margin:12px 0 0}.project-showcase-module__3MDJ3q__details{gap:clamp(20px,3.2vh,34px);display:grid}.project-showcase-module__3MDJ3q__details section{border-top:1px solid #12151029;grid-template-columns:28px 1fr;column-gap:12px;padding-top:14px;display:grid}.project-showcase-module__3MDJ3q__detailIndex{color:#8b857d;letter-spacing:.12em;grid-row:1/span 3;font-size:10px;font-weight:800}.project-showcase-module__3MDJ3q__details h2{letter-spacing:-.04em;margin:-5px 0 9px;font-size:19px}.project-showcase-module__3MDJ3q__details p{color:#66625c;margin:0;font-size:13px;line-height:1.55}.project-showcase-module__3MDJ3q__tools{flex-wrap:wrap;gap:6px;display:flex}.project-showcase-module__3MDJ3q__tools span{background:#ffffff61;border:1px solid #cfc6bd;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:700}.project-showcase-module__3MDJ3q__details ul{gap:7px;margin:0;padding:0;list-style:none;display:grid}.project-showcase-module__3MDJ3q__details li{color:#66625c;padding-left:14px;font-size:13px;line-height:1.35;position:relative}.project-showcase-module__3MDJ3q__details li:before{content:"";background:var(--project-accent);border-radius:50%;width:6px;height:6px;position:absolute;top:.48em;left:0}@media (max-width:980px){.project-showcase-module__3MDJ3q__page{height:auto;overflow:visible}.project-showcase-module__3MDJ3q__layout{grid-template-columns:1fr 1.25fr;height:auto;min-height:calc(100svh - 88px);padding-top:60px}.project-showcase-module__3MDJ3q__details{grid-column:1/-1;grid-template-columns:repeat(3,1fr);padding-bottom:30px}.project-showcase-module__3MDJ3q__visualStage{height:58svh;min-height:500px}}@media (max-width:680px){.project-showcase-module__3MDJ3q__page{padding:14px}.project-showcase-module__3MDJ3q__projectHeader{position:sticky;top:14px}.project-showcase-module__3MDJ3q__layout{flex-direction:column;align-items:stretch;gap:30px;padding:58px 0 28px;display:flex}.project-showcase-module__3MDJ3q__intro{text-align:center}.project-showcase-module__3MDJ3q__status{justify-content:center}.project-showcase-module__3MDJ3q__intro h1{font-size:clamp(36px,16cqw,88px)}.project-showcase-module__3MDJ3q__intro>p{margin:0 auto}.project-showcase-module__3MDJ3q__visualStage{height:68svh;min-height:520px}.project-showcase-module__3MDJ3q__details{grid-template-columns:1fr;display:grid}.project-showcase-module__3MDJ3q__visit{justify-content:center}}@media (prefers-reduced-motion:reduce){.project-showcase-module__3MDJ3q__phoneFrame,.project-showcase-module__3MDJ3q__desktopFrame{animation:none}.project-showcase-module__3MDJ3q__back,.project-showcase-module__3MDJ3q__visitMini,.project-showcase-module__3MDJ3q__visit{transition:none}}