/* A consistent gallery of glass stages and real product work. */
.work-gallery{padding-top:70px;padding-bottom:32px;max-width:1120px}.gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:42px}.gallery-heading h2{margin:10px 0 0}.gallery-heading p{margin:0;color:var(--muted)}.eyebrow{font-size:16px}.project-stack{display:flex;flex-direction:column;gap:38px;padding-bottom:24px;isolation:isolate}.work-panel{position:sticky;top:28px;display:grid;grid-template-columns:38% 62%;min-height:490px;border-radius:30px;background:var(--surface);box-shadow:0 -2px 0 color-mix(in srgb,var(--ink) 7%,transparent),0 28px 70px #160f1712;overflow:hidden;transform-origin:50% 0;isolation:isolate}.work-panel::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 77% 32%,color-mix(in srgb,var(--lilac) 65%,transparent),transparent 64%),linear-gradient(120deg,transparent,var(--glass));pointer-events:none}.work-intro{padding:44px 0 44px 40px;display:flex;flex-direction:column;align-items:flex-start;z-index:4}.work-index{display:flex;align-items:center;gap:14px;color:var(--muted);margin:0 0 60px;font-size:16px}.work-index span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--surface2);font-variant-numeric:tabular-nums}.work-intro h3{font-size:32px;font-weight:500;line-height:1.15;letter-spacing:-1.3px;margin:0 0 18px}.work-intro>p:not(.work-index){color:var(--muted);max-width:275px;font-size:16px;line-height:1.65;margin:0 0 26px}.work-cta{display:inline-flex;align-items:center;gap:26px;padding:12px 0;margin-top:auto;font-size:16px;font-weight:600}.work-cta span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--glass);box-shadow:inset 0 1px 1px #fff9,0 5px 16px #20152014;transition:transform .3s,background .3s}.work-cta:hover span{transform:rotate(45deg);background:var(--accent)}.screen-stage{position:relative;min-width:0;perspective:1200px;overflow:hidden}.screen-orbit{position:absolute;width:480px;height:480px;border-radius:50%;border:1px solid var(--line);top:6%;left:12%;opacity:.45}.screen-orbit::before{content:"";position:absolute;inset:45px;border:1px dashed var(--line);border-radius:50%}.screen-main,.screen-detail{position:absolute;padding:0;margin:0;overflow:hidden;background:var(--surface);border-radius:12px;box-shadow:0 24px 45px #130e222b;transition:transform .8s cubic-bezier(.2,.65,.3,1);will-change:transform}.screen-stage img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;animation:none!important;border:none;border-radius:0}.screen-main{width:87%;height:300px;left:9%;top:78px;transform:rotateY(-9deg) rotateZ(-5deg)}.screen-detail{width:49%;height:175px;right:1%;top:266px;z-index:2;transform:rotateY(-8deg) rotateZ(5deg)}.work-panel:hover .screen-main,.work-panel:focus-within .screen-main{transform:translateY(-10px) rotateY(-3deg) rotateZ(-3deg)}.work-panel:hover .screen-detail,.work-panel:focus-within .screen-detail{transform:translate(-8px,-16px) rotateZ(2deg)}.glass-plinth{position:absolute;bottom:-8px;left:3%;right:-12%;height:110px;z-index:3;border-radius:24px 24px 0 0;background:linear-gradient(120deg,#fff5,#fff1);backdrop-filter:blur(12px);border-top:1px solid #fffa;box-shadow:inset 0 1px 10px #fff3;transform:skewY(-3deg);pointer-events:none}.work-procurement .screen-main{height:233px;top:90px}.work-procurement .screen-main img{object-fit:contain}.work-procurement .screen-detail{height:209px;top:237px}.work-finance .screen-main{width:79%;height:353px;top:42px}.work-finance .screen-detail{width:43%;height:230px;top:211px}.work-leksa .screen-main{width:220px;height:440px;left:17%;top:42px;border-radius:28px}.work-leksa .screen-detail{width:200px;height:399px;right:5%;top:113px;border-radius:26px}.work-sahayata .screen-main{height:340px;top:52px;width:91%;left:5%}.work-sahayata .screen-main img{object-fit:cover;object-position:right}.project-seal{position:absolute;right:6%;bottom:57px;z-index:3;width:180px;height:125px;display:flex;flex-direction:column;justify-content:center;padding:20px 26px;border-radius:16px;background:var(--glass);backdrop-filter:blur(16px);box-shadow:inset 0 1px #fff8,0 10px 24px #0002;font-size:24px;line-height:1.15;transform:rotate(5deg)}.project-seal span{font-size:12px;margin-top:10px;color:var(--muted)}
.behance-shelf{padding:30px 4px 60px;display:flex;justify-content:space-between;gap:24px;align-items:center;color:var(--muted);font-size:16px}.behance-shelf p{margin:0}.behance-shelf nav{display:flex;gap:24px;flex-wrap:wrap}.behance-shelf a{padding:6px 0;border-bottom:1px solid var(--line)}.behance-shelf a span{margin-left:6px;opacity:.5}.behance-shelf a:hover{color:var(--ink);border-color:var(--ink)}
.practice-links{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:24px 0 30px}.practice-card{position:relative;display:flex;align-items:center;gap:24px;padding:32px;min-height:252px;border-radius:20px;background-color:var(--surface2);background-image:radial-gradient(var(--line) .8px,transparent .8px);background-size:14px 14px;transition:transform .35s,box-shadow .35s}.practice-card::before{content:"";position:absolute;width:85px;height:30px;background:#d4bf9480;box-shadow:inset 0 0 0 1px #fff3;backdrop-filter:blur(5px);left:32px;top:-13px;transform:rotate(-6deg)}.practice-card:hover{transform:translateY(-6px);box-shadow:0 18px 36px #1a0e1714}.practice-card h3{font-size:27px;font-weight:500;line-height:1.15;letter-spacing:-.9px;margin:8px 0 23px}.practice-card p{font-size:16px;color:var(--muted);margin:0}.practice-open{font-size:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.practice-open b{font-size:24px;font-weight:400}.practice-art{position:relative;flex:0 0 94px;height:130px}.practice-art i{position:absolute;width:68px;height:95px;top:18px;left:12px;border-radius:8px;box-shadow:0 12px 18px #21112824;transition:transform .5s;background:var(--lilac);border:1px solid #fff6}.practice-art i:nth-child(1){transform:rotate(-19deg) translateX(-12px);background:var(--accent)}.practice-art i:nth-child(2){transform:rotate(17deg) translateX(12px);background:var(--plum)}.practice-art i:nth-child(3){background:linear-gradient(135deg,#fff9,#fff1);backdrop-filter:blur(7px)}.practice-art i:nth-child(3)::after{content:"";position:absolute;inset:20px 15px;border-top:3px solid var(--plum);border-bottom:1px solid var(--plum);opacity:.6}.practice-card:hover i:first-child{transform:rotate(-27deg) translate(-17px,-7px)}.practice-card:hover i:nth-child(2){transform:rotate(24deg) translate(18px,-7px)}.practice-community .practice-art i{height:68px;border-radius:50%;top:32px}.practice-community .practice-art i:nth-child(3)::after{inset:17px;border:1px solid var(--plum);border-radius:50%}
.portfolio-home .home-about{max-width:1120px;grid-template-columns:1fr 1fr;gap:70px;padding-top:58px;padding-bottom:100px;align-items:center}.home-about>div{min-width:0}.home-about h2{margin-bottom:30px}.personal-reel{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);padding:20px 0;width:100%}.personal-track{display:flex;width:max-content;animation:personal-slide 38s linear infinite}.personal-group{display:flex;gap:16px;padding-right:16px}.personal-group img{width:177px;height:220px;object-fit:cover;border-radius:12px;animation:none!important;box-shadow:0 9px 16px #1a102315}.personal-group img:nth-child(even){transform:rotate(3deg)}.personal-group img:nth-child(odd){transform:rotate(-3deg)}@keyframes personal-slide{to{transform:translateX(-50%)}}
@media(min-width:901px) and (min-height:650px){.work-panel{transform:scale(var(--stack-scale,1));filter:brightness(var(--stack-brightness,1))}}
@media(max-width:1000px){.work-intro{padding-left:28px}.work-panel{grid-template-columns:40% 60%}.work-intro h3{font-size:30px}.work-leksa .screen-main{left:8%;width:195px;height:405px}.work-leksa .screen-detail{right:-5%;width:183px;height:376px}.behance-shelf{display:block}.behance-shelf nav{margin-top:16px}.practice-card{padding:30px 23px;gap:14px}.practice-art{flex-basis:66px;transform:scale(.8)}.practice-card h3{font-size:26px}}
@media(max-width:700px){.work-gallery{padding-top:30px}.gallery-heading{display:block;margin-bottom:28px}.gallery-heading>p{margin-top:18px}.gallery-heading>p br{display:none}.work-panel{position:relative;top:auto;display:flex;flex-direction:column;min-height:0;border-radius:23px}.work-intro{padding:26px 26px 0}.work-index{margin-bottom:23px}.work-intro h3{font-size:28px}.work-intro h3 br{display:none}.work-intro>p:not(.work-index){max-width:none;margin-bottom:12px}.work-cta{padding:2px 0}.screen-stage{height:310px;margin-top:6px}.screen-main{top:45px;height:195px;left:7%;width:88%}.screen-detail{height:115px;top:176px;right:3%}.glass-plinth{height:60px}.screen-orbit{width:290px;height:290px;top:0}.work-procurement .screen-main{top:48px;height:155px}.work-procurement .screen-detail{height:135px;top:160px}.work-finance .screen-main{height:250px;top:28px}.work-finance .screen-detail{height:180px;top:116px}.work-leksa .screen-main{width:145px;height:290px;left:15%;top:22px;border-radius:18px}.work-leksa .screen-detail{width:140px;height:280px;right:8%;top:70px;border-radius:18px}.work-sahayata .screen-main{height:242px;top:27px}.project-seal{width:144px;height:103px;bottom:23px;font-size:22px;padding:16px}.behance-shelf{padding-bottom:30px}.behance-shelf nav{gap:12px 20px}.practice-links{grid-template-columns:1fr;gap:35px}.practice-card{min-height:210px;gap:30px}.practice-art{flex-basis:80px;transform:none}.portfolio-home .home-about{grid-template-columns:1fr;gap:20px;padding-top:34px;padding-bottom:70px}.personal-group img{height:190px;width:155px}}
@media(prefers-reduced-motion:reduce){.work-panel{position:relative;top:auto;transform:none!important;filter:none!important}.personal-track{animation:none}.personal-reel{overflow-x:auto;mask-image:none;-webkit-mask-image:none}.personal-group[aria-hidden]{display:none}}
.work-cta span{color:var(--ink)}
@media(max-height:649px){.work-panel{position:relative;top:auto}}
@media(max-width:700px){.work-intro{min-height:280px}}