.exp-data{position:relative;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:var(--space-1);height:100%;overflow:hidden;padding:var(--space-4) var(--space-5)}.exp-item{position:relative;right:0;display:flex;flex-direction:column;align-items:flex-end;gap:1px;width:72%;padding:var(--space-2) var(--space-3);text-align:right;cursor:pointer;background:none;border:none;color:inherit;font:inherit;transition:right .5s var(--ease-bounce),scale .5s var(--ease-bounce),box-shadow .5s var(--ease-bounce)}.exp-item:before{content:"";position:absolute;top:0;right:0;width:0;z-index:-1;border:1px solid transparent;transition:width .5s var(--ease-bounce),border-color .5s var(--ease-bounce)}.exp-item:hover,.exp-item:focus-visible{right:20px;scale:1.08;box-shadow:10px 10px 20px #ffffff13}.exp-item:hover:before,.exp-item:focus-visible:before{width:80%;border-color:#f5f5f5}.year{color:var(--ink-500);font-weight:700;font-size:var(--fs-small);line-height:1.3;letter-spacing:.04em}.title{font-size:clamp(1.05rem,1.4vw,1.3rem);font-weight:700;line-height:1.15;letter-spacing:var(--tracking-tight);color:var(--ink-100);transition:color var(--dur-fast) var(--ease-out)}.position{font-size:var(--fs-small);line-height:1.3;color:var(--ink-300);font-weight:500}.tags{color:var(--ink-500);font-size:var(--fs-small);line-height:1.3}.cursor-follower{position:absolute;top:0;left:0;z-index:4;width:60px;height:60px;background-color:#c0b9b9;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;mix-blend-mode:difference}.skills-wrapper{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-3);width:78%;margin-top:var(--space-3)}.skills{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);font-size:var(--fs-small);width:100%}.skills>span{color:var(--ink-500);font-weight:700}.skill-tags{width:80%;text-align:right;color:var(--ink-300);line-height:1.45}.resume-link{position:relative;padding:var(--space-2) var(--space-4);border:1px solid var(--ink-700);border-radius:6px;color:var(--ink-200);font-size:var(--fs-small);overflow:hidden;transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform .3s var(--ease-out)}.resume-link:hover,.resume-link:focus-visible{color:var(--ink-100);border-color:var(--ink-300)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;width:100vw;height:100vh;background:#000000c7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;justify-content:flex-end;align-items:stretch;transition:opacity var(--dur) var(--ease-out),visibility var(--dur) var(--ease-out)}.modal.hide{opacity:0;visibility:hidden;pointer-events:none}.modal.open{opacity:1;visibility:visible}.close{position:fixed;top:var(--space-5);right:var(--space-5);z-index:2010;color:var(--ink-300);background:transparent;border:1px solid var(--ink-700);border-radius:999px;padding:var(--space-2) var(--space-4);font:inherit;font-size:var(--fs-small);letter-spacing:.04em;cursor:pointer;transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.close:hover,.close:focus-visible{color:var(--bg);background:var(--ink-100);border-color:var(--ink-100)}.modal-content{width:clamp(min(100%,33rem),52vw,46rem);height:100%;display:flex;flex-direction:column;background-color:var(--bg);border-left:1px solid var(--ink-700);overflow-y:auto;transform:translate(3rem);transition:transform var(--dur-slow) var(--ease-out)}.modal.open .modal-content{transform:translate(0)}.modal-media{width:100%;height:auto;aspect-ratio:16 / 10;object-fit:cover;display:block;background:#0a0a0a}.modal-details{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6) var(--space-6) var(--space-8)}.modal-details>h2{color:var(--ink-100);font-size:var(--fs-h2);font-weight:700;letter-spacing:var(--tracking-tight);margin:0}.modal-job{display:flex;justify-content:space-between;gap:var(--space-4);color:var(--ink-300);font-size:var(--fs-small)}.modal-job>p{margin:0}.modal-details :is(p,li){color:var(--ink-300);font-size:var(--fs-body);line-height:1.7}.modal-details strong{color:var(--ink-100);font-weight:600}.modal-details h3,.modal-details p>strong:first-child{color:var(--ink-100)}.modal-details ul{margin:0;padding-left:1.1em;display:flex;flex-direction:column;gap:var(--space-2)}.modal-details li{list-style:square}.modal-tags{margin-top:var(--space-3);color:var(--ink-500);font-size:var(--fs-small)}@media screen and (max-width: 768px){.modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-content{width:100%;border-left:none}.modal-details{padding:var(--space-5) var(--space-4) var(--space-7)}.close{top:var(--space-3);right:var(--space-3)}}.RecordPlayer{height:clamp(205px,18vw,280px);width:clamp(205px,18vw,280px);position:relative;z-index:101;cursor:pointer;transform:scale(.9);transition:transform .35s var(--ease-out)}.RecordPlayer:hover{transform:scale(.8)}.RecordPlayer:active{transform:scale(.76)}.RecordImage{position:absolute;top:50%;left:50%;z-index:101;height:80%;width:80%;transform:translate(-50%,-50%)}.wrapper-text{position:absolute;top:50%;left:50%;width:90%;height:90%;z-index:101;transform:translate(-50%,-50%);will-change:transform}.preloader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .75s var(--ease-out)}.preloader.exit{transform:translateY(-100%)}.preloader-inner{overflow:hidden;padding:.1em 0}.preloader-name{display:flex;font-size:clamp(1.75rem,6vw,4rem);font-weight:700;letter-spacing:-.03em;color:var(--ink-100)}.preloader-char{display:inline-block;transform:translateY(110%);animation:char-rise .6s var(--ease-out) forwards}.preloader-count{position:absolute;bottom:var(--space-6);right:var(--gutter);font-size:var(--fs-small);letter-spacing:.3em;color:var(--ink-500)}.preloader-bar{position:absolute;bottom:0;left:0;height:2px;width:100%;background:var(--accent);transform-origin:left}.hero-snap{height:100vh;scroll-snap-align:start;scroll-snap-stop:always}.home-layout{height:100vh;width:100vw;display:flex;justify-content:space-between;position:fixed;top:0;right:0;bottom:0;left:0;z-index:26;background-color:var(--bg)}.about-section{position:relative;z-index:30;display:flex;flex-direction:row;justify-content:flex-start;width:100vw;background:var(--bg);scroll-snap-align:start;scroll-snap-stop:always}.hero-section{width:64.5%;display:flex;flex-direction:column;justify-content:space-between;overflow-x:hidden;padding-bottom:var(--space-6)}.details{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:var(--space-6);padding:var(--space-5) var(--gutter)}.name{position:relative;display:flex;flex-direction:column;align-items:flex-start}.name h1{margin:0;display:flex;overflow:hidden;padding-bottom:.1em;font-size:clamp(1.5rem,2.6vw,2.25rem);font-weight:700;line-height:.95;letter-spacing:var(--tracking-tight);color:var(--ink-100)}.name-title .char{display:inline-block}.socials{display:inline-flex;align-items:center;gap:5px;margin-top:var(--space-1);padding:0;background:none;border:none;font:inherit;font-size:var(--fs-small);font-weight:700;color:var(--ink-400);cursor:pointer;transition:color var(--dur-fast) var(--ease-out),transform .3s var(--ease-out)}.socials:hover{color:var(--ink-200)}.plusicon{font-size:var(--fs-body);transition:transform var(--dur-fast) var(--ease-out)}.socials[aria-expanded=true] .plusicon{transform:rotate(45deg)}.menu-socials{position:absolute;z-index:3;top:calc(100% + 8px);left:0;font-size:var(--fs-body);visibility:hidden;opacity:0;transform:translateY(-6px);transition:opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),visibility var(--dur-fast) var(--ease-out)}.socials:hover~.menu-socials,.menu-socials:hover,.menu-socials:focus-within,.menu-socials.open{visibility:visible;opacity:1;transform:translateY(0)}.menu-socials ul{padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.menu-socials li{list-style:none}a{text-decoration:none;color:var(--ink-400);font-weight:400;transition:color var(--dur-fast) var(--ease-out)}a:hover{color:var(--ink-100)}.designation{display:flex;flex-direction:column;gap:2px;margin:0;text-align:right}.designation>span:first-child{font-size:clamp(1.15rem,1.7vw,1.5rem);font-weight:700;line-height:1.05;letter-spacing:-.01em;color:var(--ink-100)}.place{color:var(--ink-500);font-size:var(--fs-body);line-height:1.2}.scroll-hint{align-self:flex-start;display:inline-flex;align-items:center;gap:var(--space-2);padding-left:var(--gutter);color:var(--ink-500);font-size:var(--fs-small);letter-spacing:.18em;text-transform:uppercase;transition:opacity var(--dur) var(--ease-out)}.scroll-hint[data-hidden=true]{opacity:0}.scroll-hint span{animation:nudge 1.6s var(--ease-out) infinite}@keyframes nudge{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.divider-text{font-size:clamp(.8rem,1vw,1rem);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--ink-500);writing-mode:vertical-lr;width:1%;height:100vh;overflow:hidden;cursor:default;pointer-events:none}.divider-track{display:block;white-space:nowrap;animation:marquee-y 80s linear infinite}@keyframes marquee-y{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.experience{height:100%;width:34.5%}.vinyl{position:fixed;z-index:35;top:32%;left:14%;height:clamp(205px,18vw,280px);width:clamp(205px,18vw,280px);transition:left var(--dur-slow) var(--ease-out),transform .25s var(--ease-out)}.showcase{display:flex;flex-direction:column;gap:var(--space-4);width:100%;padding:0 var(--space-4);margin-bottom:var(--space-6);box-sizing:border-box}.showcase-media{display:block;overflow:hidden}.showcase-media>img,.showcase-media>video{width:100%;height:auto;display:block;object-fit:cover;cursor:pointer;transition:transform var(--dur-slow) var(--ease-out)}.showcase-media:hover>img,.showcase-media:hover>video,.showcase-media:focus-visible>img{transform:scale(1.03)}.showcase-description{margin:0;max-width:var(--measure);text-align:left;line-height:1.7;font-size:var(--fs-body);color:inherit}.about-content{margin:0;max-width:var(--measure);font-size:var(--fs-body);line-height:1.7;text-align:left;padding:var(--space-2) var(--space-3);color:inherit}.myself:hover,.events:hover{cursor:pointer}.volunteering{margin:var(--space-6) var(--space-3);display:flex;flex-direction:column;gap:var(--space-4);text-align:start}.volunteer-item{width:100%;display:flex;justify-content:space-between;gap:var(--space-3)}.volunteer-item>div{width:100%}.volunteer-position{color:var(--ink-200)}.volunteer-title{color:var(--ink-400)}.volunteer-year{text-align:end;color:var(--ink-500)}.cursor-gallery{position:fixed;top:0;left:0;z-index:1000;width:fit-content;height:auto;padding:2px 12px;border-radius:50px;background-color:var(--ink-100);color:var(--bg);font-size:var(--fs-small);pointer-events:none;opacity:0;transition:opacity var(--dur-fast) var(--ease-out);will-change:left,top}.cursor-gallery[data-visible=true]{opacity:1}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.home-layout .name-title .char{transform:translateY(110%)}.home-layout .socials,.home-layout .designation,.home-layout .exp-data{opacity:0}.home-layout.revealed .name-title .char{animation:char-rise .6s var(--ease-out) forwards}.home-layout.revealed .socials{animation:fade-in .6s var(--ease-out) .55s forwards}.home-layout.revealed .designation{animation:rise .7s var(--ease-out) .6s both}.home-layout.revealed .exp-data{animation:fade-in .9s var(--ease-out) .45s forwards}@keyframes char-rise{to{transform:translateY(0)}}@keyframes fade-in{to{opacity:1}}@media screen and (max-width: 768px){.home-layout{overflow-x:hidden;flex-direction:column;position:relative;height:auto}.hero-section{width:100%;height:fit-content;padding-bottom:var(--space-4)}.details{gap:var(--space-5);padding:var(--space-4)}.experience{overflow:hidden;width:100%}.exp-data{overflow:hidden;height:auto}.showcase{padding:0}.about-section{flex-direction:column;margin-top:0;z-index:25}.mobile-alert{width:100%;position:sticky;text-align:left;font-size:var(--fs-small);top:0;padding:var(--space-1) var(--space-2);margin:0;z-index:10000;color:var(--bg);background-color:var(--ink-100)}}.scrollable{width:100%;flex:1;color:var(--ink-300);transition:color var(--dur) var(--ease-out);overflow-y:hidden;height:100vh;position:relative;scroll-behavior:auto;border-right:1px solid var(--ink-700);-ms-overflow-style:none;scrollbar-width:none}.scrollable:last-child{border-right:none}.scrollable::-webkit-scrollbar{display:none}.scrollable:hover,.scrollable:focus-within{color:var(--ink-100)}.scrollable-contents{padding-top:var(--space-2)}@media (hover: none),(pointer: coarse){.scrollable{color:var(--ink-200)}}@media screen and (max-width: 768px){.scrollable{width:100%;color:var(--ink-200);overflow:visible;height:auto;border-right:none;border-bottom:1px solid var(--ink-700)}.scrollable-contents{padding:var(--space-4)}}.sticky-heading{width:100%;height:64px;display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-4);margin:0;background-color:#000000d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:100;box-sizing:border-box;border-bottom:1px solid var(--ink-700)}.sticky-index{font-size:var(--fs-small);color:var(--accent);font-weight:700;font-feature-settings:"tnum"}.sticky-label{font-size:clamp(1.05rem,1.6vw,1.5rem);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--ink-100)}.gallery{display:block;width:100%;padding:0;margin:0;border:none;background:none;overflow:hidden;cursor:pointer}.gallery>img{width:100%;height:auto;display:block;object-fit:cover;transition:transform var(--dur-slow) var(--ease-out)}.gallery:hover>img,.gallery:focus-visible>img{transform:scale(1.03)}:root{font-family:Source Code Pro,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--fs-display: clamp(3.25rem, 8vw, 7rem);--fs-h1: clamp(2rem, 4vw, 3rem);--fs-h2: clamp(1.4rem, 2.4vw, 1.9rem);--fs-lead: clamp(1.125rem, 1rem + .6vw, 1.35rem);--fs-body: clamp(1rem, .95rem + .3vw, 1.0625rem);--fs-small: .875rem;--fs-micro: .75rem;--tracking-tight: -.03em;--tracking-wide: .18em;--measure: 64ch;--bg: #000000;--ink-100: #f5f5f5;--ink-200: #d0d0d0;--ink-300: #a8a8a8;--ink-400: #8a8a8a;--ink-500: #6e6e6e;--ink-700: #2a2a2a;--accent: #ff5e3a;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--gutter: clamp(1.25rem, 4vw, 3.5rem);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .25s;--dur: .35s;--dur-slow: .6s;color:var(--ink-100);background:var(--bg)}html{font-size:16px;scroll-behavior:smooth;scroll-snap-type:y mandatory;scrollbar-width:none}@media (max-width: 768px){html{scroll-snap-type:none}}html,body{padding:0;margin:0;color:var(--ink-100);background:var(--bg)}body{line-height:1.6}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}:focus:not(:focus-visible){outline:none}*::-webkit-scrollbar{width:0px}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.02) 0px,rgba(255,255,255,.02) 1px,transparent 1px,transparent 4px),radial-gradient(ellipse at center,transparent 62%,rgba(0,0,0,.4) 100%)}body:after{content:"";position:fixed;top:-100%;left:-100%;width:300%;height:300%;z-index:9999;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain .7s steps(5) infinite}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-8%,5%)}40%{transform:translate(6%,-9%)}60%{transform:translate(-5%,7%)}80%{transform:translate(9%,-4%)}to{transform:translate(0)}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}