/* CR8R LABS — WORK V01 / HOMEPAGE-LANGUAGE REDESIGN
   Unified futuristic work page. No 3D models. Showcase carries the page.
*/
.work-page{position:relative;isolation:isolate;overflow:hidden;background:#02040a;color:#f4f6fb}
.work-page:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-2;background:radial-gradient(60% 22% at 82% 7%,rgba(38,113,255,.16),transparent 70%),radial-gradient(55% 22% at 8% 38%,rgba(224,39,191,.11),transparent 72%),linear-gradient(180deg,#030711 0%,#02040a 38%,#070412 72%,#02040a 100%)}
.work-hero,.work-bridge,.work-showcase,.work-close{position:relative}
.work-atmosphere{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.work-atmosphere span{position:absolute;width:560px;height:560px;border:1px solid rgba(37,206,255,.13);border-radius:50%;right:-210px;top:-150px;box-shadow:0 0 100px rgba(30,139,255,.08),inset 0 0 60px rgba(224,39,191,.04)}
.work-atmosphere i,.work-atmosphere b{position:absolute;border-radius:50%;filter:blur(50px);opacity:.55}
.work-atmosphere i{width:300px;height:300px;left:-100px;bottom:-100px;background:rgba(33,193,255,.10)}
.work-atmosphere b{width:260px;height:260px;right:18%;top:18%;background:rgba(229,37,188,.08)}
.work-hero{min-height:76vh;padding:180px 0 105px;background:radial-gradient(60% 70% at 78% 40%,rgba(34,106,255,.11),transparent 72%),linear-gradient(145deg,rgba(3,8,19,.97),rgba(5,5,15,.94))}
.work-hero-inner{position:relative;z-index:1}
.work-kicker{display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:.2em;font-weight:700;color:#a9b4c9;text-transform:uppercase;margin-bottom:48px}.work-kicker i{width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--pink));box-shadow:0 0 16px rgba(40,218,255,.55)}.work-kicker span{width:36px;height:1px;background:rgba(255,255,255,.2)}
.work-index{font-size:9px;letter-spacing:.19em;color:#8f9bb1;font-weight:700;text-transform:uppercase}
.work-hero h1{max-width:950px;margin:22px 0 30px;font-size:clamp(4.5rem,8vw,8.3rem);line-height:.88;letter-spacing:-.078em;font-weight:700}.work-hero h1 em,.work-bridge h2 em,.work-close h2 em{font-style:normal;background:linear-gradient(100deg,#55e6ff 5%,#aa75ff 50%,#f04ac5 78%,#ffb14b);-webkit-background-clip:text;background-clip:text;color:transparent}
.work-hero p{max-width:650px;margin:0;color:#cbd3df;font-size:1.05rem;line-height:1.65}.work-hero-link{display:inline-flex;align-items:center;gap:12px;margin-top:42px;color:#f7f9fc;text-decoration:none;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid rgba(77,223,255,.38);padding-bottom:10px}.work-hero-link span{color:var(--cyan);font-size:14px}
.work-bridge{padding:78px 0 82px;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(7,17,34,.82),rgba(11,5,26,.76))}.work-bridge:before{content:"";position:absolute;right:7%;top:20%;width:210px;height:210px;border:1px solid rgba(53,210,255,.12);border-radius:50%;box-shadow:0 0 70px rgba(70,88,255,.08)}.work-bridge-line{display:flex;justify-content:space-between;gap:20px;padding-bottom:17px;border-bottom:1px solid rgba(255,255,255,.1);font-size:9px;letter-spacing:.18em;color:#8f9ab0}.work-bridge-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end;padding-top:34px}.work-bridge h2{font-size:clamp(3.2rem,5.8vw,6rem);line-height:.9;letter-spacing:-.065em;margin:0}.work-bridge p{max-width:520px;margin:0;color:#c9d1dd;font-size:1rem;line-height:1.7}
.work-showcase{padding:100px 0 115px;overflow:hidden;background:radial-gradient(55% 45% at 50% 35%,rgba(24,172,255,.065),transparent 72%),radial-gradient(55% 42% at 72% 74%,rgba(228,37,187,.07),transparent 72%)}.work-showcase-atmosphere{position:absolute;inset:0;pointer-events:none}.work-showcase-atmosphere span,.work-showcase-atmosphere i,.work-showcase-atmosphere b,.work-showcase-atmosphere em{position:absolute;border-radius:50%;filter:blur(55px)}.work-showcase-atmosphere span{width:430px;height:430px;left:-180px;top:25%;background:rgba(24,201,255,.09)}.work-showcase-atmosphere i{width:360px;height:360px;right:-130px;top:5%;background:rgba(113,76,255,.09)}.work-showcase-atmosphere b{width:330px;height:330px;right:16%;bottom:-120px;background:rgba(235,46,190,.09)}.work-showcase-atmosphere em{width:180px;height:180px;left:42%;bottom:2%;background:rgba(255,157,34,.06)}
.work-showcase .shell{position:relative;z-index:1}.work-showcase-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.work-showcase-head h2{font-size:clamp(3.8rem,6.5vw,7rem);line-height:.9;letter-spacing:-.07em;margin:18px 0 0}.work-showcase-note{text-align:right;font-size:9px;line-height:1.8;letter-spacing:.16em;text-transform:uppercase;color:#8e9bb2}
.work-tabs{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px}.work-tab-rail{display:flex;flex-direction:column;gap:7px;padding:10px;border:1px solid rgba(255,255,255,.10);border-radius:28px;background:linear-gradient(145deg,rgba(8,16,31,.76),rgba(10,5,21,.84));box-shadow:0 20px 70px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(20px)}.work-tab{appearance:none;border:1px solid transparent;border-radius:20px;background:transparent;color:#b5c0d0;text-align:left;display:grid;grid-template-columns:40px 1fr 20px;align-items:center;gap:12px;padding:17px 15px;cursor:pointer;font:inherit;transition:.3s ease;position:relative;overflow:hidden}.work-tab:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 0% 50%,rgba(35,214,255,.12),transparent 62%);opacity:0;transition:.3s}.work-tab span,.work-tab b,.work-tab i{position:relative;z-index:1}.work-tab span{font-size:9px;letter-spacing:.14em;color:#768399}.work-tab b{font-size:12px;letter-spacing:-.01em}.work-tab i{font-style:normal;font-size:13px;text-align:right;color:#6f7e95}.work-tab:hover,.work-tab:focus-visible{border-color:rgba(73,219,255,.25);color:#f4f7fb;outline:none}.work-tab:hover:before,.work-tab:focus-visible:before,.work-tab.is-active:before{opacity:1}.work-tab.is-active{color:#fff;border-color:rgba(63,213,255,.36);background:linear-gradient(135deg,rgba(12,34,59,.82),rgba(20,7,35,.8));box-shadow:0 0 40px rgba(30,159,255,.08),inset 0 1px 0 rgba(255,255,255,.08)}.work-tab.is-active span{color:#52ddff}.work-tab.is-active i{color:#55ddff}
.work-stage{min-width:0;position:relative;border:1px solid rgba(255,255,255,.12);border-radius:30px;background:linear-gradient(145deg,rgba(10,20,39,.88),rgba(8,6,20,.96));box-shadow:0 30px 100px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.05);overflow:hidden}.work-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(60% 55% at 82% 22%,rgba(40,126,255,.14),transparent 68%),radial-gradient(50% 55% at 15% 88%,rgba(230,39,190,.10),transparent 70%);pointer-events:none}.work-stage-meta,.work-stage-footer{position:relative;z-index:2;display:flex;justify-content:space-between;gap:20px;padding:16px 22px;border-bottom:1px solid rgba(255,255,255,.08);font-size:8px;letter-spacing:.17em;color:#7e8da6;text-transform:uppercase}.work-stage-meta b{color:#4bdcff}.work-stage-footer{border-top:1px solid rgba(255,255,255,.08);border-bottom:0;color:#718096}.work-stage-footer b{color:#4bdcff;margin-left:5px}
.work-panel{position:relative;z-index:1;display:grid;grid-template-columns:42% 58%;min-height:470px}.work-panel[hidden]{display:none}.work-visual{min-height:470px;display:grid;place-items:center;position:relative;overflow:hidden;border-right:1px solid rgba(255,255,255,.09)}.work-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(40,212,255,.18),transparent 42%),linear-gradient(145deg,rgba(10,27,53,.65),rgba(10,5,25,.88))}.work-visual:after{content:"";position:absolute;width:290px;height:290px;border:1px solid rgba(71,220,255,.16);border-radius:50%;box-shadow:0 0 80px rgba(39,129,255,.12)}.work-visual img{position:relative;z-index:2;max-width:54%;max-height:150px;object-fit:contain;filter:drop-shadow(0 0 28px rgba(43,193,255,.17))}.work-visual-01 img{max-width:145px}.work-visual-02:before{background:radial-gradient(circle at 50% 50%,rgba(57,150,255,.15),transparent 42%),linear-gradient(145deg,rgba(19,31,56,.7),rgba(25,8,31,.92))}.work-visual-03:before{background:radial-gradient(circle at 50% 50%,rgba(47,124,255,.18),transparent 42%),linear-gradient(145deg,rgba(8,28,57,.75),rgba(10,12,34,.92))}.work-visual-04:before{background:radial-gradient(circle at 50% 50%,rgba(238,76,190,.13),transparent 42%),linear-gradient(145deg,rgba(28,23,30,.72),rgba(18,7,25,.92))}.work-panel-copy{padding:54px 52px 44px;display:flex;flex-direction:column;justify-content:center}.work-panel-copy .project-meta{font-size:9px!important;letter-spacing:.14em!important;color:#95a4ba!important;text-transform:uppercase}.work-panel-copy h3{font-size:clamp(2.8rem,4vw,4.7rem);line-height:.92;letter-spacing:-.06em;margin:13px 0 22px}.work-panel-copy h3 a{color:#f4f6fb;text-decoration:none}.work-panel-copy h3 a:hover{color:#57ddff}.work-panel-copy p{max-width:650px;margin:0;color:#c4ccd9;font-size:15px;line-height:1.7}.work-panel-foot{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-top:34px;padding-top:20px;border-top:1px solid rgba(255,255,255,.09)}.work-panel-foot span{font-size:8px;line-height:1.8;letter-spacing:.14em;color:#50dcff;text-transform:uppercase}.work-panel-foot a{display:inline-flex;align-items:center;gap:7px;padding:10px 13px;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#dfe5ef;text-decoration:none;font-size:8px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;background:rgba(255,255,255,.025);transition:.25s}.work-panel-foot a:hover{border-color:rgba(69,220,255,.4);box-shadow:0 0 24px rgba(35,180,255,.1);color:#fff}
.work-close{padding:120px 0 130px;border-top:1px solid rgba(255,255,255,.08);background:radial-gradient(60% 80% at 82% 50%,rgba(224,39,188,.12),transparent 65%),radial-gradient(55% 80% at 10% 30%,rgba(31,199,255,.10),transparent 65%),linear-gradient(145deg,#061021,#0a0516)}.work-close-orbit{position:absolute;right:-130px;bottom:-230px;width:520px;height:520px;border:1px solid rgba(69,216,255,.14);border-radius:50%;box-shadow:0 0 90px rgba(228,39,187,.08)}.work-close-inner{position:relative;z-index:1}.work-close h2{font-size:clamp(4rem,7vw,7rem);line-height:.9;letter-spacing:-.075em;margin:20px 0 36px}.work-close .btn{display:inline-flex}
@media(max-width:900px){.work-hero{padding-top:145px;min-height:70vh}.work-hero h1{font-size:clamp(3.5rem,11vw,6rem)}.work-bridge-grid{grid-template-columns:1fr;gap:28px}.work-tabs{grid-template-columns:1fr}.work-tab-rail{display:grid;grid-template-columns:1fr 1fr}.work-panel{grid-template-columns:1fr}.work-visual{min-height:300px;border-right:0;border-bottom:1px solid rgba(255,255,255,.09)}.work-panel-copy{padding:36px 30px 34px}.work-showcase-head{align-items:start}.work-showcase-note{display:none}.work-close h2{font-size:clamp(3.4rem,11vw,5.5rem)}}
@media(max-width:600px){.work-hero{padding:128px 0 78px;min-height:auto}.work-kicker{margin-bottom:38px;flex-wrap:wrap;line-height:1.6}.work-hero h1{font-size:clamp(3.1rem,14vw,5rem);margin:18px 0 24px}.work-hero p{font-size:.95rem}.work-bridge{padding:58px 0 62px}.work-bridge-line{font-size:7px}.work-bridge-grid{padding-top:28px}.work-bridge h2{font-size:clamp(3rem,13vw,4.4rem)}.work-showcase{padding:72px 0 80px}.work-showcase-head{margin-bottom:25px}.work-showcase-head h2{font-size:clamp(3.2rem,14vw,5rem)}.work-tab-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:7px;border-radius:22px;scrollbar-width:none}.work-tab-rail::-webkit-scrollbar{display:none}.work-tab{flex:0 0 205px;scroll-snap-align:start;padding:15px 13px;border-radius:17px}.work-stage{border-radius:24px}.work-stage-meta,.work-stage-footer{padding:13px 16px;font-size:7px}.work-panel{min-height:0}.work-visual{min-height:235px}.work-visual:after{width:180px;height:180px}.work-panel-copy{padding:28px 22px 25px}.work-panel-copy h3{font-size:clamp(2.4rem,11vw,3.7rem);margin:10px 0 17px}.work-panel-copy p{font-size:14px;line-height:1.62}.work-panel-foot{margin-top:25px;padding-top:16px;align-items:start;flex-direction:column}.work-close{padding:80px 0 90px}.work-close h2{font-size:clamp(3rem,13vw,4.4rem);margin-bottom:28px}}
@media(prefers-reduced-motion:reduce){.work-tab,.work-panel-foot a{transition:none}}