.showcaseV3{--v3a:var(--accent);--v3b:var(--accent2);position:relative;isolation:isolate;display:grid!important;overflow:hidden;padding:clamp(26px,5vw,62px)!important;border:1px solid color-mix(in srgb,var(--v3a) 58%,var(--line))!important;border-radius:28px!important;background:radial-gradient(circle at 78% 22%,color-mix(in srgb,var(--v3a) 15%,transparent),transparent 34%),linear-gradient(145deg,color-mix(in srgb,var(--panel) 92%,#05070b),color-mix(in srgb,var(--panel2) 88%,#06080c))!important;box-shadow:0 28px 80px rgba(0,0,0,.24),inset 0 1px color-mix(in srgb,var(--v3b) 28%,transparent)!important;color:var(--text)}
.showcaseV3::before{position:absolute;inset:0;z-index:-1;content:"";opacity:.12;background-image:linear-gradient(color-mix(in srgb,var(--v3a) 22%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--v3a) 22%,transparent) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(130deg,#000,transparent 70%)}
.showcaseV3 *{box-sizing:border-box}.showcaseV3 svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.showcaseV3Header{min-width:0}.showcaseV3Header>span{display:flex;align-items:center;gap:10px;color:var(--v3b);font-size:.76rem;font-weight:900;letter-spacing:.16em}.showcaseV3Header h2{max-width:720px;margin:18px 0 16px;font-size:clamp(2.25rem,5.4vw,5rem);line-height:.98;letter-spacing:-.055em}.showcaseV3Header h2 em{display:block;color:var(--v3a);font-style:normal;text-shadow:0 0 34px color-mix(in srgb,var(--v3a) 28%,transparent)}.showcaseV3Header p{max-width:620px;margin:0;color:var(--muted);font-size:clamp(1rem,1.7vw,1.22rem);line-height:1.62}.showcaseV3SignIn{display:flex;align-items:center;gap:14px;width:min(100%,380px);margin-top:28px;padding:15px 17px;border:1px solid color-mix(in srgb,var(--v3a) 70%,var(--line));border-radius:17px;background:linear-gradient(135deg,color-mix(in srgb,var(--v3a) 12%,var(--surface-input)),var(--surface-input));color:var(--text);font:inherit;font-weight:800;text-align:left;cursor:pointer;box-shadow:0 12px 28px rgba(0,0,0,.18);transition:transform .25s,border-color .25s,box-shadow .25s}.showcaseV3SignIn img{width:36px;height:36px;padding:7px;border-radius:50%;background:#fff}.showcaseV3SignIn span{flex:1}.showcaseV3SignIn b{color:var(--v3b);font-size:1.3rem;transition:transform .25s}.showcaseV3SignIn:hover{transform:translateY(-3px);border-color:var(--v3a);box-shadow:0 16px 38px color-mix(in srgb,var(--v3a) 17%,transparent)}.showcaseV3SignIn:hover b{transform:translateX(4px)}
/* Projects: editorial copy + live project console */
.showcaseV3Projects{grid-template-columns:minmax(260px,.86fr) minmax(430px,1.14fr);gap:clamp(30px,5vw,72px)}.projectConsole{position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-self:center;min-height:470px;padding:22px;border:1px solid color-mix(in srgb,var(--v3a) 50%,var(--line));border-radius:26px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface-raised) 96%,transparent),color-mix(in srgb,var(--surface-input) 96%,#020408));box-shadow:0 34px 70px rgba(0,0,0,.28),inset 0 1px color-mix(in srgb,var(--v3a) 25%,transparent)}.consoleTop{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;height:30px;color:var(--muted);font-size:.65rem;font-weight:800;letter-spacing:.11em}.consoleStatus{color:#67db8e}.consoleStatus i{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#55db87;box-shadow:0 0 12px #55db87}.projectPreview{display:flex;align-items:center;gap:14px;margin:15px 10px 12px 0;padding:14px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--panel2) 75%,transparent)}.projectPreviewArt{position:relative;flex:0 0 90px;aspect-ratio:1;border-radius:15px;background:radial-gradient(circle at 48% 48%,color-mix(in srgb,var(--v3a) 28%,transparent),transparent 50%),var(--surface-input);overflow:hidden}.projectPreviewArt span{position:absolute;left:28px;top:20px;width:34px;height:47px;border:3px solid var(--v3a);border-radius:50% 50% 42% 42%;transform:rotate(-18deg)}.projectPreviewArt i,.projectPreviewArt b{position:absolute;width:26px;height:26px;border:3px solid var(--v3b);border-radius:50%}.projectPreviewArt i{left:16px;bottom:12px}.projectPreviewArt b{right:12px;bottom:18px}.projectPreview small,.projectRecipe>small{display:block;color:var(--muted);font-size:.58rem;font-style:normal;font-weight:850;letter-spacing:.1em}.projectPreview strong{display:block;margin:6px 0;font-size:1rem}.projectPreview em{color:var(--muted);font-size:.72rem;font-style:normal}.projectRecipe{margin:15px 0 12px 10px;padding:16px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--panel2) 75%,transparent)}.projectRecipe>span{display:flex;align-items:center;gap:7px;margin-top:12px;color:var(--muted);font-size:.73rem}.projectRecipe>span i{width:9px;height:9px;border-radius:50%;background:var(--c);box-shadow:0 0 10px var(--c)}.projectRecipe>span b{margin-left:auto;color:var(--text)}.projectMetrics{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:2px}.projectMetrics span{padding:12px;border-top:1px solid var(--line)}.projectMetrics small{display:block;color:var(--muted);font-size:.55rem;letter-spacing:.08em}.projectMetrics b{display:block;margin-top:5px;color:var(--v3b);font-size:.88rem}.consoleOrbit{position:absolute;inset:-28px -28px auto auto;display:flex;gap:8px}.consoleOrbit span{display:grid;place-items:center;width:78px;height:76px;border:1px solid color-mix(in srgb,var(--v3a) 55%,var(--line));border-radius:18px;background:var(--surface-raised);color:var(--v3b);box-shadow:0 12px 24px rgba(0,0,0,.24)}.consoleOrbit b{margin-top:3px;color:var(--text);font-size:.61rem}.showcaseV3Rail{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;margin-top:6px;padding:20px 24px;border:1px solid var(--line);border-radius:20px;background:color-mix(in srgb,var(--surface-input) 84%,transparent)}.showcaseV3Rail article{display:flex;align-items:center;gap:12px}.showcaseV3Rail article>svg{color:var(--v3a)}.showcaseV3Rail article span{display:grid}.showcaseV3Rail article b{text-transform:uppercase;letter-spacing:.08em}.showcaseV3Rail small{margin-top:3px;color:var(--muted)}.showcaseV3Rail>i{color:var(--v3b);font-size:1.2rem;font-style:normal}
/* Profiles: precision instrument */
.showcaseV3Profiles{display:block!important;padding-bottom:34px!important}.profileWorkbench{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(430px,1.1fr);gap:clamp(30px,7vw,90px);align-items:center}.profileInstrument{position:relative;min-height:500px}.profileHalo{position:absolute;left:50%;top:50%;width:330px;height:330px;border:1px solid color-mix(in srgb,var(--v3a) 55%,transparent);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 28px color-mix(in srgb,var(--v3a) 4%,transparent),0 0 70px color-mix(in srgb,var(--v3a) 16%,transparent)}.profileHalo::before,.profileHalo::after{position:absolute;inset:34px;border:1px dashed color-mix(in srgb,var(--v3b) 35%,transparent);border-radius:50%;content:""}.profileHalo::after{inset:75px;border-style:solid}.profileReel{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:228px;height:228px;border:1px solid color-mix(in srgb,var(--v3a) 65%,var(--line));border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--v3a) 22%,var(--panel2)),var(--surface-input) 64%);transform:translate(-50%,-50%);box-shadow:0 22px 48px rgba(0,0,0,.3),inset 0 0 45px color-mix(in srgb,var(--v3a) 12%,transparent)}.profileReel svg{width:78px;height:78px;color:var(--v3a)}.profileReel span{margin-top:-10px;color:var(--muted);font-size:.65rem;font-weight:900;letter-spacing:.16em}.profileReel strong{margin-top:-15px;font-size:1.25rem}.profileReel b{margin-top:-12px;color:var(--v3b);font-size:1.5rem}.profileDatum{position:absolute;display:flex;align-items:center;gap:12px;min-width:150px;padding:13px 15px;border:1px solid color-mix(in srgb,var(--v3a) 42%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--surface-raised) 94%,transparent);box-shadow:0 15px 30px rgba(0,0,0,.24)}.profileDatum svg{color:var(--v3a)}.profileDatum>i{width:24px;height:24px;border:2px solid color-mix(in srgb,var(--c) 70%,#fff);border-radius:50%;background:var(--c)}.profileDatum span{display:grid}.profileDatum small{color:var(--muted);font-size:.54rem;letter-spacing:.1em}.profileDatum b{margin-top:3px;font-size:.82rem}.profileDatum::after{position:absolute;width:48px;border-top:1px dashed var(--v3a);content:""}.profileDatum.d1{left:0;top:62px}.profileDatum.d1::after{right:-49px;transform:rotate(26deg);transform-origin:left}.profileDatum.d2{right:0;top:75px}.profileDatum.d2::after{left:-49px;transform:rotate(-24deg);transform-origin:right}.profileDatum.d3{left:0;bottom:55px}.profileDatum.d3::after{right:-49px;transform:rotate(-24deg);transform-origin:left}.profileDatum.d4{right:0;bottom:65px}.profileDatum.d4::after{left:-49px;transform:rotate(24deg);transform-origin:right}.profileSpec{display:grid;grid-template-columns:repeat(5,1fr) 1.5fr;gap:10px;margin-top:22px;padding:18px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--surface-input) 84%,transparent)}.profileSpec>span{display:grid;padding:7px 11px;border-right:1px solid var(--line)}.profileSpec small{color:var(--v3b);font-weight:900}.profileSpec b{margin-top:3px;font-size:.72rem}.profileSpec>strong{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--v3a);font-size:.78rem}.profileSpec>strong svg{flex:0 0 auto}
/* Inventory: operations dashboard */
.showcaseV3Inventory{grid-template-columns:minmax(260px,.72fr) minmax(460px,1.28fr);gap:clamp(28px,5vw,70px)}.inventoryV3Copy h2{font-size:clamp(2.3rem,5vw,4.7rem)}.v3Live{display:inline-block;width:8px;height:8px;border-radius:50%;background:#65dc8d;box-shadow:0 0 12px #65dc8d}.inventoryOps{position:relative;align-self:center;padding:22px;border:1px solid color-mix(in srgb,var(--v3a) 52%,var(--line));border-radius:25px;background:linear-gradient(155deg,color-mix(in srgb,var(--surface-raised) 96%,transparent),color-mix(in srgb,var(--surface-input) 98%,#030509));box-shadow:0 30px 60px rgba(0,0,0,.28)}.opsHeader{display:flex;align-items:center;justify-content:space-between;padding:0 2px 16px;border-bottom:1px solid var(--line)}.opsHeader span{display:flex;align-items:center;gap:8px;font-size:.72rem;font-weight:900;letter-spacing:.1em}.opsHeader span svg{color:var(--v3a)}.opsHeader>b{color:#62d989;font-size:.78rem}.opsMap{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:15px}.opsMap article{position:relative;display:grid;min-width:0;padding:15px 12px;border:1px solid var(--line);border-radius:15px;background:var(--panel2)}.opsMap svg{color:var(--v3a)}.opsMap b{margin-top:10px;font-size:.76rem}.opsMap small{overflow:hidden;margin-top:3px;color:var(--muted);font-size:.61rem;text-overflow:ellipsis;white-space:nowrap}.opsMap i{height:3px;margin-top:12px;border-radius:5px;background:linear-gradient(90deg,var(--v3a) var(--w),var(--line) var(--w))}.opsStock{display:grid;gap:8px;margin-top:12px;padding:14px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--panel2) 78%,transparent)}.opsStock article{display:grid;grid-template-columns:90px 1fr 50px;align-items:center;gap:10px;font-size:.7rem}.opsStock article span{font-weight:700}.opsStock article b{grid-column:3;text-align:right}.opsStock article i{grid-column:2;grid-row:1;height:6px;border-radius:10px;background:linear-gradient(90deg,var(--v3a) var(--w),var(--line) var(--w))}.opsSpools{position:absolute;right:-22px;bottom:-30px;display:flex;align-items:flex-end}.opsSpools>i{display:block;width:62px;height:34px;margin-left:-18px;border:4px solid color-mix(in srgb,var(--c) 65%,#fff);border-radius:50%;background:repeating-linear-gradient(0deg,var(--c) 0 3px,color-mix(in srgb,var(--c) 55%,#111) 3px 6px);box-shadow:0 10px 20px rgba(0,0,0,.3)}.opsSpools>span{display:grid;place-items:center;width:58px;height:58px;margin-left:7px;border:1px solid var(--line);border-radius:16px;background:var(--surface-raised);color:var(--v3b)}.inventoryV3Features{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0;padding:16px!important;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--surface-input) 84%,transparent);list-style:none}.inventoryV3Features li{display:flex;align-items:center;gap:10px;min-width:0;padding:7px}.inventoryV3Features svg{flex:0 0 auto;color:var(--v3a)}.inventoryV3Features span{display:grid}.inventoryV3Features b{font-size:.72rem}.inventoryV3Features small{margin-top:3px;color:var(--muted);font-size:.62rem}.inventoryV3Flow{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:clamp(16px,5vw,60px);padding:15px;border:1px solid color-mix(in srgb,var(--v3a) 35%,var(--line));border-radius:16px;background:linear-gradient(90deg,color-mix(in srgb,var(--v3a) 8%,transparent),transparent,color-mix(in srgb,var(--v3b) 8%,transparent));text-transform:uppercase;letter-spacing:.08em}.inventoryV3Flow b{font-size:.72rem}.inventoryV3Flow i{color:var(--v3b);font-style:normal}
@media(max-width:920px){.showcaseV3Projects,.showcaseV3Inventory{grid-template-columns:1fr}.profileWorkbench{grid-template-columns:1fr}.projectConsole,.profileInstrument,.inventoryOps{width:min(100%,650px);margin:20px auto 0}.showcaseV3Header h2{max-width:760px}.showcaseV3Rail,.inventoryV3Features,.inventoryV3Flow{grid-column:1}.profileInstrument{min-height:480px}}
@media(max-width:620px){.showcaseV3{padding:24px 18px!important;border-radius:22px!important}.showcaseV3Header h2{font-size:clamp(2.15rem,11vw,3.25rem);line-height:1.02}.showcaseV3Header p{font-size:.96rem}.projectConsole{grid-template-columns:1fr;min-height:0;padding:14px}.projectRecipe{margin:0 0 10px}.projectMetrics{grid-column:1}.consoleOrbit{position:static;grid-column:1;justify-content:center;margin-top:10px}.consoleOrbit span{width:31%;height:68px}.showcaseV3Rail{display:grid;grid-template-columns:1fr;padding:12px 16px}.showcaseV3Rail>i{display:none}.showcaseV3Rail article{padding:9px 0;border-bottom:1px solid var(--line)}.showcaseV3Rail article:last-child{border:0}.profileInstrument{min-height:430px;transform:scale(.84);margin:-8px -10% -34px;width:120%}.profileHalo{width:290px;height:290px}.profileReel{width:195px;height:195px}.profileDatum{min-width:130px;padding:10px}.profileDatum.d1,.profileDatum.d3{left:0}.profileDatum.d2,.profileDatum.d4{right:0}.profileSpec{grid-template-columns:repeat(2,1fr)}.profileSpec>strong{grid-column:1/-1;padding:8px}.opsMap{grid-template-columns:1fr 1fr}.opsMap article:last-child{grid-column:1/-1}.opsSpools{display:none}.inventoryV3Features{grid-template-columns:1fr 1fr;padding:10px!important}.inventoryV3Flow{gap:9px}.inventoryV3Flow b{font-size:.58rem}.inventoryV3Flow i{font-size:.7rem}}
@media(prefers-reduced-motion:no-preference){.consoleStatus i,.v3Live{animation:v3pulse 2.2s ease-in-out infinite}.profileHalo::before{animation:v3spin 25s linear infinite}.opsStock article i{animation:v3meter 1s ease-out both}.showcaseV3SignIn{animation:v3enter .55s ease-out both}@keyframes v3pulse{50%{opacity:.45;box-shadow:0 0 3px currentColor}}@keyframes v3spin{to{transform:rotate(360deg)}}@keyframes v3meter{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes v3enter{from{opacity:0;transform:translateY(8px)}}}
.showcaseV3{container-type:inline-size}
@container (max-width:900px){.showcaseV3Projects,.showcaseV3Inventory{grid-template-columns:1fr}.profileWorkbench{grid-template-columns:1fr}.projectConsole,.profileInstrument,.inventoryOps{width:min(100%,650px);margin:20px auto 0}.showcaseV3Header h2{max-width:760px}.showcaseV3Rail,.inventoryV3Features,.inventoryV3Flow{grid-column:1}.profileInstrument{min-height:480px}}
@container (max-width:560px){.showcaseV3{padding:24px 18px!important}.showcaseV3Header h2{font-size:clamp(2.05rem,12cqw,3.1rem);line-height:1.02}.projectConsole{grid-template-columns:1fr;min-height:0;padding:14px}.projectRecipe{margin:0 0 10px}.projectMetrics{grid-column:1}.consoleOrbit{position:static;grid-column:1;justify-content:center;margin-top:10px}.consoleOrbit span{width:31%;height:68px}.showcaseV3Rail{display:grid;grid-template-columns:1fr}.showcaseV3Rail>i{display:none}.profileInstrument{min-height:430px;transform:scale(.82);margin:-8px -12% -40px;width:124%}.profileSpec{grid-template-columns:repeat(2,1fr)}.profileSpec>strong{grid-column:1/-1}.opsMap{grid-template-columns:1fr 1fr}.opsMap article:last-child{grid-column:1/-1}.opsSpools{display:none}.inventoryV3Features{grid-template-columns:1fr 1fr}.inventoryV3Flow{gap:8px}.inventoryV3Flow b{font-size:.56rem}}
/* The application shell is intentionally narrow even on desktop; keep each story full-width. */
.showcaseV3Projects,.showcaseV3Inventory{grid-template-columns:1fr}.profileWorkbench{grid-template-columns:1fr}.projectConsole,.profileInstrument,.inventoryOps{width:min(100%,650px);margin:28px auto 0}.showcaseV3Header h2{max-width:760px}.showcaseV3Rail,.inventoryV3Features,.inventoryV3Flow{grid-column:1}.profileInstrument{min-height:490px}

/* Profiles showcase: reference-led reusable material story. */
body:not(.signed-out) .showcaseV3{display:none!important}
.showcaseV3Profiles{padding:clamp(32px,6cqw,64px)!important;background:radial-gradient(circle at 52% 61%,color-mix(in srgb,var(--v3a) 14%,transparent),transparent 34%),linear-gradient(145deg,color-mix(in srgb,var(--panel) 96%,#05070b),color-mix(in srgb,var(--panel2) 94%,#06080c))!important}
.showcaseV3Profiles .profileWorkbench{display:block!important}
.profileV3Header{max-width:790px}
.profileV3Header h2{display:block;max-width:820px;margin-top:22px;font-size:clamp(3rem,8.2cqw,5.65rem);line-height:.98;letter-spacing:-.06em;text-align:left}
.profileV3Header h2 em{display:inline;color:var(--v3a)}
.profileV3Header p{max-width:690px;font-size:clamp(1rem,2cqw,1.28rem)}
.profileV3Header .showcaseV3SignIn{width:min(100%,450px);min-height:70px;margin-top:32px;padding:15px 20px;background:linear-gradient(135deg,color-mix(in srgb,var(--v3a) 88%,var(--surface-input)),color-mix(in srgb,var(--v3b) 72%,var(--surface-input)));border-color:color-mix(in srgb,var(--v3b) 80%,var(--line));color:var(--buttonText,#07111b);box-shadow:0 14px 34px color-mix(in srgb,var(--v3a) 26%,transparent)}
.profileV3Header .showcaseV3SignIn b{color:currentColor}
.showcaseV3Profiles .profileInstrument{position:relative;width:min(100%,850px);min-height:690px;margin:42px auto 12px;transform:none}
.showcaseV3Profiles .profileHalo{left:50%;top:50%;width:430px;height:430px;border-color:color-mix(in srgb,var(--v3a) 58%,transparent);box-shadow:0 0 0 42px color-mix(in srgb,var(--v3a) 4%,transparent),0 0 90px color-mix(in srgb,var(--v3a) 19%,transparent)}
.showcaseV3Profiles .profileHalo::before{inset:44px;border-color:color-mix(in srgb,var(--v3a) 42%,transparent)}
.showcaseV3Profiles .profileHalo::after{inset:92px;border-color:color-mix(in srgb,var(--v3b) 42%,transparent)}
.showcaseV3Profiles .profileReel{top:50%;width:300px;height:300px;padding:24px 22px 20px;border-color:color-mix(in srgb,var(--v3a) 72%,var(--line));background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--v3a) 16%,var(--surface-raised)),var(--surface-input) 72%);box-shadow:0 28px 65px rgba(0,0,0,.28),inset 0 0 60px color-mix(in srgb,var(--v3a) 13%,transparent),0 0 34px color-mix(in srgb,var(--v3a) 18%,transparent)}
.showcaseV3Profiles .profileReel img{width:150px;height:146px;margin-top:-4px;object-fit:contain;filter:drop-shadow(0 12px 16px rgba(0,0,0,.38)) drop-shadow(0 0 12px color-mix(in srgb,var(--v3a) 24%,transparent))}
.showcaseV3Profiles .profileReel span{margin-top:-2px;color:var(--v3b);font-size:.68rem}
.showcaseV3Profiles .profileReel strong{margin-top:2px;font-size:1.45rem}
.showcaseV3Profiles .profileReel b{margin-top:1px;color:var(--v3a);font-size:1.72rem}
.showcaseV3Profiles .profileDatum{z-index:2;width:190px;min-width:0;min-height:84px;padding:15px 17px;border-color:color-mix(in srgb,var(--v3a) 40%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--surface-raised) 96%,transparent),color-mix(in srgb,var(--surface-input) 92%,transparent));box-shadow:0 18px 38px rgba(0,0,0,.2),inset 0 1px color-mix(in srgb,var(--v3b) 22%,transparent)}
.showcaseV3Profiles .profileDatum svg,.profileCurrency{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;padding:9px;border-radius:50%;background:color-mix(in srgb,var(--v3a) 13%,var(--surface-input));color:var(--v3a);font-size:1.45rem;font-weight:500}
.showcaseV3Profiles .profileDatum>i{width:36px;height:36px;flex:0 0 36px;box-shadow:0 0 16px color-mix(in srgb,var(--c) 28%,transparent)}
.showcaseV3Profiles .profileDatum small{font-size:.58rem;font-weight:850;letter-spacing:.13em}
.showcaseV3Profiles .profileDatum b{font-size:.92rem}
.showcaseV3Profiles .profileDatum::after{width:100px;border-color:color-mix(in srgb,var(--v3a) 78%,transparent)}
.showcaseV3Profiles .profileDatum.d1{left:0;top:62px}.showcaseV3Profiles .profileDatum.d1::after{right:-101px;transform:rotate(24deg)}
.showcaseV3Profiles .profileDatum.d2{right:0;top:62px}.showcaseV3Profiles .profileDatum.d2::after{left:-101px;transform:rotate(-24deg)}
.showcaseV3Profiles .profileDatum.d3{left:0;top:300px;bottom:auto}.showcaseV3Profiles .profileDatum.d3::after{right:-101px;transform:rotate(4deg)}
.showcaseV3Profiles .profileDatum.d4{right:0;top:300px;bottom:auto}.showcaseV3Profiles .profileDatum.d4::after{left:-101px;transform:rotate(-4deg)}
.showcaseV3Profiles .profileDatum.d5{left:58px;bottom:36px}.showcaseV3Profiles .profileDatum.d5::after{right:-92px;transform:rotate(-30deg);transform-origin:left}
.showcaseV3Profiles .profileDatum.d6{right:58px;bottom:36px}.showcaseV3Profiles .profileDatum.d6::after{left:-92px;transform:rotate(30deg);transform-origin:right}
.showcaseV3Profiles .profileSpec{grid-template-columns:repeat(5,1fr) 1.35fr;gap:0;margin-top:20px;padding:22px;border-color:color-mix(in srgb,var(--v3a) 30%,var(--line));background:linear-gradient(110deg,color-mix(in srgb,var(--surface-raised) 88%,transparent),color-mix(in srgb,var(--surface-input) 94%,transparent));box-shadow:inset 0 1px color-mix(in srgb,var(--v3b) 18%,transparent)}
.showcaseV3Profiles .profileSpec>span{grid-template-columns:32px 1fr;grid-template-rows:auto auto;align-items:center;gap:1px 9px;min-width:0;padding:7px 12px;border-right:1px solid var(--line)}
.showcaseV3Profiles .profileSpec>span svg,.profileSpecColor,.profileSpecCurrency{grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;color:var(--v3a)}
.showcaseV3Profiles .profileSpec>span svg{padding:3px}
.showcaseV3Profiles .profileSpecColor{border:1px solid color-mix(in srgb,#151820 75%,#fff);border-radius:50%;background:#151820}
.showcaseV3Profiles .profileSpecCurrency{border:1px solid color-mix(in srgb,var(--v3a) 60%,var(--line));border-radius:50%;font-size:1rem;font-weight:700}
.showcaseV3Profiles .profileSpec small{font-size:.68rem}.showcaseV3Profiles .profileSpec b{font-size:.73rem}
.showcaseV3Profiles .profileSpec>strong{gap:10px;padding-left:16px}.showcaseV3Profiles .profileSpec>strong svg{width:40px;height:40px;padding:8px;border-radius:50%;background:color-mix(in srgb,var(--v3a) 13%,var(--surface-input))}
@media(max-width:700px){
  .profileV3Header h2{font-size:clamp(2.55rem,12vw,4rem)}
  .profileV3Header .showcaseV3SignIn{min-height:60px}
  .showcaseV3Profiles .profileInstrument{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-height:0;margin-top:30px;padding-top:355px}
  .showcaseV3Profiles .profileHalo{top:165px;width:300px;height:300px}
  .showcaseV3Profiles .profileHalo::before{inset:34px}.showcaseV3Profiles .profileHalo::after{inset:69px}
  .showcaseV3Profiles .profileReel{top:165px;width:218px;height:218px;padding:17px}
  .showcaseV3Profiles .profileReel img{width:105px;height:95px}.showcaseV3Profiles .profileReel strong{font-size:1.1rem}.showcaseV3Profiles .profileReel b{font-size:1.25rem}
  .showcaseV3Profiles .profileDatum,.showcaseV3Profiles .profileDatum.d1,.showcaseV3Profiles .profileDatum.d2,.showcaseV3Profiles .profileDatum.d3,.showcaseV3Profiles .profileDatum.d4,.showcaseV3Profiles .profileDatum.d5,.showcaseV3Profiles .profileDatum.d6{position:relative;inset:auto;width:auto;min-height:70px;padding:10px 11px}
  .showcaseV3Profiles .profileDatum::after{display:none}
  .showcaseV3Profiles .profileDatum svg,.showcaseV3Profiles .profileCurrency{width:34px;height:34px;flex-basis:34px;padding:7px;font-size:1.15rem}
  .showcaseV3Profiles .profileDatum>i{width:30px;height:30px;flex-basis:30px}
  .showcaseV3Profiles .profileSpec{grid-template-columns:1fr 1fr;padding:14px}
  .showcaseV3Profiles .profileSpec>span{border-bottom:1px solid var(--line)}
  .showcaseV3Profiles .profileSpec>strong{grid-column:1/-1;padding:12px 4px 2px}
}
@container (max-width:560px){
  .profileV3Header h2{font-size:clamp(2.4rem,12cqw,3.6rem)}
  .showcaseV3Profiles .profileInstrument{display:grid;grid-template-columns:1fr 1fr;gap:9px;min-height:0;margin:26px auto 0;padding-top:345px;transform:none;width:100%}
  .showcaseV3Profiles .profileHalo{top:160px;width:285px;height:285px}
  .showcaseV3Profiles .profileReel{top:160px;width:210px;height:210px}
  .showcaseV3Profiles .profileDatum,.showcaseV3Profiles .profileDatum.d1,.showcaseV3Profiles .profileDatum.d2,.showcaseV3Profiles .profileDatum.d3,.showcaseV3Profiles .profileDatum.d4,.showcaseV3Profiles .profileDatum.d5,.showcaseV3Profiles .profileDatum.d6{position:relative;inset:auto;width:auto;min-width:0;min-height:68px;padding:9px}
  .showcaseV3Profiles .profileDatum::after{display:none}
  .showcaseV3Profiles .profileSpec{grid-template-columns:1fr 1fr}
  .showcaseV3Profiles .profileSpec>strong{grid-column:1/-1}
}
