@font-face{font-family:Frontage;src:url(/Font/Frontage-Regular.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Frontage;src:url(/Font/Frontage-Bold.otf)format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Frontage-3D;src:url(/Font/Frontage-3D.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Frontage-Bulb;src:url(/Font/Frontage-Bulb.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Frontage-Outline;src:url(/Font/Frontage-Outline.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Frontage-Shadow;src:url(/Font/Frontage-Shadow.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Juana;src:url(/Font/Fontspring-DEMO-juana-thin.otf)format("opentype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Juana;src:url(/Font/Fontspring-DEMO-juana-extralight.otf)format("opentype");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Juana;src:url(/Font/Fontspring-DEMO-juana-light.otf)format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Juana;src:url(/Font/Fontspring-DEMO-juana-regular.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Juana;src:url(/Font/Fontspring-DEMO-juana-regularit.otf)format("opentype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Juana;src:url(/Font/Fontspring-DEMO-juana-medium.otf)format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Juana;src:url(/Font/Fontspring-DEMO-juana-semibold.otf)format("opentype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Juana;src:url(/Font/Fontspring-DEMO-juana-bold.otf)format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Juana;src:url(/Font/Fontspring-DEMO-juana-black.otf)format("opentype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Juana Alt;src:url(/Font/Fontspring-DEMO-juanaalt-regular.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Juana Alt;src:url(/Font/Fontspring-DEMO-juanaalt-bold.otf)format("opentype");font-weight:700;font-style:normal;font-display:swap}*{box-sizing:border-box}html,body{color:#dedede;scroll-behavior:smooth;background:#0a0d12;margin:0;padding:0;font-family:Juana,Georgia,serif;overflow-x:hidden}h1,h2,h3,h4,.font-heading{color:#dedede;font-family:Frontage,sans-serif}#root{isolation:isolate;min-height:100vh}:root{--color-hover:#e43558;--color-accent:#169fa5;--color-text-main:#dedede;--color-text-muted:#a1a1a1;--color-bg-dark:#0a0d12}.noise-bg{z-index:-1;background:radial-gradient(circle at 72% 20%, #169fa51a, transparent 34%), var(--color-bg-dark);position:fixed;inset:0;overflow:hidden}.noise-bg__base{background:linear-gradient(135deg,#070c11e0,#0a0d1280);position:absolute;inset:0}.noise-bg__splatters{pointer-events:none;position:absolute;inset:0}.bg-splatter{pointer-events:none;opacity:.72;filter:contrast(1.15)brightness(1.05);mix-blend-mode:screen;position:absolute}.s-bg-1{width:65vw;animation:18s ease-in-out infinite alternate splatterFloatOne;top:-12vh;left:-8vw}.s-bg-2{width:58vw;animation:22s ease-in-out infinite alternate splatterFloatTwo;bottom:-15vh;right:-6vw}.s-bg-3{width:48vw;animation:16s ease-in-out infinite alternate splatterFloatThree;top:25vh;right:15vw}@keyframes splatterFloatOne{to{transform:translate(4vw,5vh)rotate(3deg)}}@keyframes splatterFloatTwo{to{transform:translate(-5vw,-4vh)rotate(-4deg)}}@keyframes splatterFloatThree{to{transform:translate(-3vw,6vh)scale(1.08)}}.noise-bg__shapes{pointer-events:none;position:absolute;inset:0}.rand-shape{pointer-events:none;opacity:.18;filter:contrast(1.3);transform-origin:50%;will-change:transform;position:absolute}.shape-c1{width:320px;animation:110s linear infinite spinShapeSlow;top:15vh;right:8vw}.shape-c2{width:420px;animation:140s linear infinite reverse spinShapeSlow;bottom:10vh;left:5vw}.shape-c3{width:250px;animation:85s linear infinite spinShapeSlow;top:45vh;left:35vw}.shape-q1{width:380px;bottom:25vh;right:25vw}@keyframes spinShapeSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.shape-a1,.shape-a2{opacity:.24;mix-blend-mode:screen;width:min(60vw,840px)}.shape-a1{top:9vh;left:12vw;transform:rotate(-13deg)}.shape-a2{bottom:8vh;right:-10vw;transform:rotate(18deg)scaleX(-1)}.metaphor-paint-block.teal-block{background-color:var(--color-accent);opacity:.16;clip-path:polygon(0 0,100% 0,75% 100%,0 100%);pointer-events:none;width:38vw;height:100vh;position:absolute;top:0;left:0}.metaphor-lines-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.about-transmission{grid-template-columns:minmax(0,620px) minmax(260px,360px);align-items:center;gap:3rem;display:grid;position:relative}.about-photo-slot{pointer-events:none;height:clamp(280px,34vw,420px);position:relative;overflow:hidden}.about-photo-frame{opacity:0;background-color:#0a0d1266;border:1px solid #169fa559;transition:transform .65s cubic-bezier(.16,1,.3,1),opacity .5s;position:absolute;inset:0;overflow:hidden;transform:translate(-130%)}.about-transmission.is-hovered .about-photo-frame{opacity:1;transform:translate(0)}.about-photo-img{object-fit:cover;filter:saturate(.85)contrast();width:100%;height:100%;position:absolute;inset:0}.about-photo-img--motion{opacity:1;transition:opacity .3s}.about-photo-img--motion.is-faded-out{opacity:0}.about-photo-img--settled{opacity:0;transition:opacity .5s}.about-photo-img--settled.is-faded-in{opacity:1}@media (width<=840px){.about-transmission{grid-template-columns:1fr}.about-photo-slot{order:-1;height:260px}}.noise-bg__tint{pointer-events:none;transition:background-color .4s;position:absolute;inset:0}.noise-png-overlay{opacity:.08;mix-blend-mode:overlay;pointer-events:none;background-size:cover;width:100%;height:100%;position:absolute;inset:0}.noise-bg__grain{opacity:.1;mix-blend-mode:overlay;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.sticky-menu{z-index:20;position:fixed;top:2rem;right:2.5rem}.sticky-chapter{text-align:right;opacity:0;pointer-events:none;width:180px;transition:opacity .28s,transform .42s cubic-bezier(.16,1,.3,1);position:absolute;top:.1rem;right:calc(100% + 2rem);overflow:hidden;transform:translate(22px)}.sticky-chapter.is-visible{opacity:1;transform:translate(0)}.sticky-chapter span{color:var(--color-text-main);letter-spacing:.2em;text-transform:uppercase;font:1rem Frontage,sans-serif;animation:.44s cubic-bezier(.16,1,.3,1) both chapterSlide;display:inline-block}@keyframes chapterSlide{0%{opacity:0;transform:translate(-38px,12px)skew(-10deg)}to{opacity:1;transform:translate(0,0)skew(0)}}.sticky-menu ul{text-align:right;flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.sticky-menu button{letter-spacing:.08em;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;font-family:Frontage,sans-serif;font-size:1.4rem;transition:color .25s,transform .25s}.sticky-menu button:hover{color:var(--color-text-main);transform:translate(-6px)}.sticky-menu button.is-active{color:var(--color-text-main);border-bottom:2px solid var(--color-hover)}.section{min-height:100vh;color:var(--color-text-main);isolation:isolate;align-items:center;padding:5rem 6vw;display:flex;position:relative;overflow:hidden}.section:before,.section:after{content:"";pointer-events:none;z-index:-1;position:absolute}.section:before{clip-path:polygon(0 0,94% 0,100% 7%,100% 100%,5% 100%,0 92%);border:1px solid #dedede21;border-color:#dedede21 #dedede21 #e4355873 #169fa573;inset:7% 3vw}.section:after{background:#dedede2b;width:140%;height:1px;top:46%;left:-20%;transform:rotate(-4deg)}.section--about{background:linear-gradient(116deg,#0c1116db,#0e202385)}.section--work{background:radial-gradient(at 78% 46%,#169fa529,#0000 40%),linear-gradient(135deg,#0a0d12c2,#111819e6)}.section--skill{background:radial-gradient(at 80% 52%,#e435581f,#0000 45%),linear-gradient(115deg,#0a0d12e6,#0c191dcc)}.section--contact{background:radial-gradient(circle at 20% 36%,#e4355826,#0000 34%),#0a0d12}.section:before,.section:after{z-index:0}.section:before{clip-path:polygon(0 18%,94% 0,100% 83%,5% 100%);background:#dedede09;border:0;width:66vw;height:24vh;inset:16% auto auto -10vw;transform:rotate(-5deg)}.section:after{background:#dedede3d}.section__inner{z-index:2;position:relative}.section-atmosphere{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.section-atmosphere__splash{opacity:.2;mix-blend-mode:screen;filter:contrast(1.2)saturate(.75);width:max(82vw,960px);animation:18s ease-in-out infinite alternate sectionSplashDrift;position:absolute}.section--about .section-atmosphere__splash{top:-18%;right:-18%;transform:rotate(-8deg)}.section--work .section-atmosphere__splash{width:max(74vw,860px);animation-delay:-5s;bottom:-25%;left:-12%;transform:rotate(12deg)}.section--skill .section-atmosphere__splash{width:max(90vw,1000px);animation-delay:-11s;top:-8%;right:-24%;transform:rotate(-16deg)}.section-atmosphere__circle{opacity:.16;mix-blend-mode:screen;width:clamp(180px,24vw,380px);animation:26s linear infinite circleOrbit;position:absolute}.section-atmosphere__circle--one{top:7%;right:7%}.section-atmosphere__circle--two{width:clamp(220px,31vw,470px);animation-duration:34s;animation-direction:reverse;bottom:-8%;left:8%}.section--work .section-atmosphere__circle--one{top:42%;right:-4%}.section--skill .section-atmosphere__circle--two{bottom:12%;left:36%}.section-atmosphere__noise{opacity:.13;mix-blend-mode:screen;width:44vw;min-width:480px;animation:9s steps(2,end) infinite noiseDrift;position:absolute;bottom:-4vh;right:-4vw}.section-atmosphere__lines{fill:none;stroke:#dedede3b;stroke-width:1px;width:100%;height:100%;position:absolute;inset:0}.section-atmosphere__lines--dash{stroke:#169fa599;stroke-dasharray:12 13}@keyframes sectionSplashDrift{to{translate:4vw 3vh;rotate:3deg}}@keyframes circleOrbit{to{transform:rotate(360deg)}}@keyframes noiseDrift{50%{opacity:.18;transform:translate(-2vw,1vh)}}.section__inner{width:100%;max-width:1150px}.section__label{letter-spacing:.04em;color:var(--color-text-main);text-transform:uppercase;margin-bottom:2rem;font-family:Frontage,sans-serif;font-size:clamp(2.5rem,6vw,4rem);display:inline-block;position:relative}.section__label:after{content:"";background-color:var(--color-text-main);width:100%;height:4px;position:absolute;bottom:-6px;left:0}.section p{color:var(--color-text-main);font-family:Juana,serif;font-size:1.15rem;line-height:1.7}.about-panel{background:#0a0d126b;border:0;max-width:760px;padding:2.25rem 3rem 2.5rem 2.5rem;position:relative;overflow:hidden}.about-panel:before,.about-panel:after{content:"";background:var(--color-accent);opacity:.7;position:absolute}.about-panel:before{width:76%;height:1px;top:0;left:0}.about-panel:after{width:1px;height:64%;bottom:0;right:0}.about-panel__index{color:var(--color-accent);letter-spacing:.2em;margin-bottom:1rem;font:.78rem Frontage,sans-serif;display:block}.about-panel__lines{gap:7px;width:120px;display:grid;position:absolute;top:1.4rem;right:1.2rem;transform:rotate(-12deg)}.about-panel__lines i{background:#dedede73;height:1px}.about-panel__lines i:nth-child(2){background:var(--color-hover);width:70%}.about-panel__lines i:nth-child(3){background:var(--color-accent);width:42%}.skill-follower-layout{display:none}.skill-carousel{z-index:2;outline:none;grid-template-columns:minmax(240px,330px) 1fr;align-items:center;gap:clamp(2rem,6vw,7rem);min-height:min(62vh,590px);padding:2rem 0;display:grid;position:relative;overflow:visible}.skill-carousel:before{content:"";z-index:-1;clip-path:polygon(0 17%,97% 0,100% 88%,7% 100%);background:#dedede12;width:72%;height:43%;position:absolute;top:18%;right:-4%;transform:rotate(-4deg)}.skill-hand-background{z-index:-1;opacity:.24;width:min(200vw,760px);top:50%;left:min(100vw,-160px);right:auto;transform:translateY(-50%)rotate(-5deg)}.skill-carousel__readout{text-align:left;background:linear-gradient(90deg,#0a0d12b8,#0a0d121a);padding:2rem 1.35rem 2rem 0;position:relative}.skill-carousel__readout:before{content:"";background:var(--color-accent);width:110px;height:1px;position:absolute;top:0;left:0}.skill-carousel__eyebrow,.skill-carousel__header>span,.skill-carousel__rank{color:var(--color-accent);letter-spacing:.23em;font:.78rem Frontage,sans-serif}.skill-carousel__icon,.skill-carousel__card-icon{border:2px solid var(--color-text-main);color:var(--color-text-main);border-radius:50%;place-items:center;font:700 1rem Frontage,sans-serif;display:grid}.skill-carousel__icon{width:52px;height:52px;margin:1.3rem 0 .8rem}.skill-carousel__readout h4{letter-spacing:.1em;margin:0;font-size:clamp(2rem,3vw,3rem)}.skill-carousel__readout>span:not(.skill-carousel__eyebrow){color:var(--color-text-muted);font-size:.95rem}.skill-carousel__readout p{max-width:27ch;font-size:1rem}.skill-carousel__header{padding-bottom:1.3rem;position:relative}.skill-carousel__header:after{content:"";background:#dedede59;width:108%;height:1px;position:absolute;bottom:0;left:-4%;transform:rotate(-2deg)}.skill-carousel__header h3{letter-spacing:.1em;margin:.25rem 0 0;font-size:clamp(2rem,4vw,3.6rem)}.skill-carousel__viewport{min-height:220px;padding:1.8rem 0;overflow:hidden}.skill-carousel__card{min-height:155px;color:var(--color-text-main);clip-path:polygon(0 8%,97% 0,100% 92%,3% 100%);background:#ff07074d;grid-template-columns:72px 1fr;align-items:center;gap:1.25rem;padding:1.2rem 1.5rem;animation:.5s cubic-bezier(.2,.8,.2,1) both skillCardNext;display:grid;position:relative}.skill-carousel__viewport[data-direction=previous] .skill-carousel__card{animation-name:skillCardPrevious}.skill-carousel__card.is-animating{background:#ff07072e}.skill-carousel__card-icon{width:52px;height:52px}.skill-carousel__card h4{letter-spacing:.09em;margin:.2rem 0;font-size:clamp(1.6rem,3vw,2.6rem)}.skill-carousel__card p{color:var(--color-text-muted);margin:0}.skill-carousel__slash{background:var(--color-hover);width:60%;height:2px;position:absolute;top:15%;right:-8%;transform:rotate(-4deg)}.skill-carousel__controls{color:var(--color-text-muted);letter-spacing:.16em;align-items:center;gap:1rem;font:.72rem Frontage,sans-serif;display:flex}.skill-carousel__controls button{color:var(--color-text-main);font:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0;padding:.5rem 0}.skill-carousel__controls button:hover:not(:disabled){color:var(--color-hover)}.skill-carousel__controls button:disabled{opacity:.28;cursor:default}.skill-carousel__hint{color:var(--color-text-muted);letter-spacing:.16em;margin-top:1.15rem;font:.62rem Frontage,sans-serif}@keyframes skillCardNext{0%{opacity:0;transform:translate(12%,20px)skew(-5deg)}to{opacity:1;transform:translate(0,0)skew(0)}}@keyframes skillCardPrevious{0%{opacity:0;transform:translate(-12%,-20px)skew(5deg)}to{opacity:1;transform:translate(0,0)skew(0)}}.work-noise-filter{width:0;height:0;position:absolute}.project-transmission{background:#080c107a;border:0}.project-transmission.is-noisy .project-transmission__image img{filter:url(#workHoverNoise)saturate(.82)contrast(1.12)}.project-transmission__noise{opacity:0;mix-blend-mode:screen;background:url(/Image/noise.png) 50%/cover;transition:opacity .2s;animation:1s steps(2,end) infinite workNoise;position:absolute;inset:0}.project-transmission.is-noisy .project-transmission__noise{opacity:.25}.project-transmission__ticker{background:var(--color-text-main);color:#0a0d12}.project-transmission__copy a span{color:var(--color-hover)}@keyframes workNoise{50%{transform:translate(2%,-2%)}}.hero{justify-content:space-between;align-items:center;min-height:100vh;padding:4rem 6vw;display:flex;position:relative;overflow:hidden}.hero-content{z-index:10;position:relative}.hero-menu{flex-direction:column;gap:1.2rem;margin:0;padding:0;list-style:none;display:flex}.hero-menu__item{transform-origin:0;transition:transform .35s cubic-bezier(.16,1,.3,1);position:relative}.hero-menu__brush-bg{pointer-events:none;opacity:0;transform-origin:0;z-index:1;transition:opacity .25s,transform .35s cubic-bezier(.16,1,.3,1);position:absolute;inset:-10px -28px -10px -18px;transform:scaleX(.15)skew(-12deg)}.brush-stroke{background-color:var(--color-hover);filter:url(#paintBrushDisplace);clip-path:polygon(0 0,97% 2%,100% 88%,94% 100%,2% 96%,0 8%);position:absolute;inset:0}.brush-splatters{position:absolute;inset:0}.splatter{background-color:var(--color-hover);opacity:0;border-radius:50%;transition:transform .3s,opacity .3s;position:absolute}.splatter.s-1{clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%);width:14px;height:14px;top:-18px;right:15%}.splatter.s-2{width:9px;height:9px;bottom:-16px;right:35%}.splatter.s-3{width:18px;height:8px;top:40%;right:-24px;transform:rotate(25deg)}.hero-menu__button{z-index:2;cursor:pointer;text-align:left;background:0 0;border:none;outline:none;flex-direction:column;padding:.2em .4em;display:flex;position:relative}.hero-menu__text{text-transform:uppercase;letter-spacing:.02em;color:var(--color-text-muted);font-family:Frontage,sans-serif;font-size:clamp(3.2rem,9vw,6.8rem);font-weight:700;line-height:.85;transition:color .25s,transform .25s}.hero-menu__tag{letter-spacing:.15em;color:var(--color-text-muted);margin-top:.25em;font-family:Juana,serif;font-size:clamp(.75rem,1.4vw,1.05rem);font-weight:600;transition:color .25s,opacity .25s}.hero-menu__item.is-hovered{transform:rotate(0)scale(1.04)translate(12px)!important}.hero-menu__item.is-hovered .hero-menu__brush-bg{opacity:1;transform:scaleX(1)skew(-6deg)}.hero-menu__item.is-hovered .splatter{opacity:1;transform:scale(1.3)}.hero-menu__item.is-hovered .hero-menu__text{color:var(--color-text-main);text-shadow:0 4px 16px #000000e6}.hero-menu__item.is-hovered .hero-menu__tag{color:var(--color-text-main);font-weight:700}.hero-hud{pointer-events:none;z-index:5;flex-direction:column;align-items:center;gap:1rem;display:flex;position:absolute;top:50%;right:7vw;transform:translateY(-50%)}.hero-hud__ring{justify-content:center;align-items:center;width:min(32vw,300px);height:min(32vw,300px);display:flex;position:relative}.hero-hud__ring-svg{width:100%;height:100%;position:absolute;inset:0}.hero-hud__center-archtree{pointer-events:none;justify-content:center;align-items:center;width:72%;height:72%;display:flex;position:absolute;transform:rotate(0)}.hud-archtree-img{object-fit:contain;filter:drop-shadow(0 0 12px #e4355873);object-position:center;width:100%;height:100%;transform:rotate(0)}.hero-hud__label{letter-spacing:.2em;color:var(--color-text-muted);align-items:center;gap:.5rem;font-family:Frontage,sans-serif;font-size:.9rem;display:flex}.hud-icon{color:var(--color-hover);font-size:.7rem}.transition-overlay{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);visibility:hidden;opacity:0;pointer-events:none;background-color:#0a0d12f0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.transition-moon-wrap{z-index:30;justify-content:center;align-items:center;width:min(40vw,320px);height:min(40vw,320px);display:flex;position:absolute;top:5vh;left:50%;transform:translate(-50%)}.transition-ring-outer{pointer-events:none;position:absolute;inset:-20px}.transition-moon-img{object-fit:contain;filter:drop-shadow(0 0 16px #169fa599);width:100%;height:100%}.transition-teal-beam{background-color:var(--color-accent);opacity:.85;clip-path:polygon(0 0,100% 0,85% 100%,0 100%);width:120vw;height:180px;position:absolute;transform:rotate(-15deg)skew(-20deg)}.beam-slash-line{background-color:#fff;height:3px;position:absolute;top:50%;left:0;right:0;box-shadow:0 0 12px #fff}.transition-title-box{z-index:5;text-align:center;position:relative}.transition-subtitle{letter-spacing:.3em;color:#fff;opacity:.85;margin-bottom:.2rem;font-family:Frontage,sans-serif;font-size:1rem;display:block}.transition-title{letter-spacing:.08em;color:#fff;text-transform:uppercase;text-shadow:0 4px 20px #000000e6;margin:0;font-family:Frontage,sans-serif;font-size:clamp(3.5rem,10vw,7.5rem)}.transition-shards-container{pointer-events:none;z-index:20;position:absolute;inset:0}.transition-shard{background-color:var(--color-text-main);clip-path:polygon(50% 0%,0% 100%,100% 100%);opacity:.4;position:absolute}.transition-moon-splash{border-left:14px solid #0000;border-right:14px solid #0000;border-bottom:50px solid var(--color-text-main);filter:drop-shadow(0 0 8px #169fa5cc);transform-origin:50% 100%;width:0;height:0;position:absolute;top:19vh;left:50%}.moon-splash-1{border-bottom-color:var(--color-accent)}.moon-splash-2{border-bottom-width:34px;border-left-width:9px;border-right-width:9px;border-bottom-color:var(--color-hover)}.moon-splash-3{border-bottom-width:65px}.moon-splash-4{border-bottom-width:31px;border-left-width:8px;border-right-width:8px;border-bottom-color:var(--color-accent)}.moon-splash-5{border-bottom-width:42px;border-bottom-color:var(--color-hover)}.shard-1{width:35px;height:50px;top:25%;left:18%;transform:rotate(18deg)}.shard-2{width:45px;height:65px;bottom:20%;left:30%;transform:rotate(-25deg)}.shard-3{width:28px;height:40px;top:30%;right:22%;transform:rotate(40deg)}.shard-4{width:50px;height:75px;bottom:25%;right:15%;transform:rotate(-12deg)}.transition-sketch-lines{width:100%;height:100%;position:absolute;inset:0}.skill-follower-layout{border:1px solid #dedede42;border-top-color:var(--color-accent);border-bottom-color:var(--color-hover);grid-template-columns:minmax(250px,320px) 1fr;align-items:center;gap:3.5rem;width:100%;padding:2rem;display:grid;position:relative;overflow:hidden}.skill-follower-layout:before,.skill-follower-layout:after{content:"";z-index:1;pointer-events:none;position:absolute}.skill-follower-layout:before{border-top:1px solid #dedede38;width:100%;top:18%;left:0;transform:rotate(-3deg)}.skill-follower-layout:after{border-top:2px solid var(--color-hover);border-right:2px solid var(--color-accent);width:110px;height:56px;top:1.2rem;right:2rem}.skill-hand-background{z-index:0;opacity:.19;object-fit:contain;pointer-events:none;filter:saturate(.8)contrast(1.25);width:min(60vw,640px);position:absolute;top:50%;right:-8vw;transform:translateY(-50%)rotate(-8deg)}.skill-abstract-mark{z-index:0;opacity:.18;mix-blend-mode:screen;pointer-events:none;width:min(46vw,560px);position:absolute;top:6%;left:24%;transform:rotate(-8deg)}.follower-portrait-col,.follower-list-col{z-index:1;position:relative}.follower-portrait-col{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:300px;display:flex}.portrait-frame{aspect-ratio:1;background-color:#dedede0a;border:1px solid #dedede26;justify-content:center;align-items:center;width:100%;max-width:320px;display:flex;position:relative;overflow:hidden}.portrait-img{object-fit:contain;filter:contrast(1.15);width:95%;height:95%;transition:transform .3s}.portrait-overlay-ring{pointer-events:none;position:absolute;inset:0}.active-software-badge{text-align:center;background-color:#0a0d12bf;border:1px solid #169fa566;width:100%;max-width:320px;padding:1.4rem 1.5rem}.badge-rank-tag{letter-spacing:.15em;color:var(--color-accent);font-family:Frontage,sans-serif;font-size:.85rem}.badge-name{color:var(--color-text-main);margin:.2rem 0;font-family:Frontage,sans-serif;font-size:1.8rem}.badge-role{color:var(--color-text-muted);margin-bottom:.5rem;font-family:Juana,serif;font-size:.9rem;display:block}.badge-desc{color:var(--color-text-main);margin:0;font-family:Juana,serif;font-size:.85rem;line-height:1.4}.follower-list-col{flex-direction:column;gap:1.5rem;padding:.8rem 1rem 1rem;display:flex}.follower-list-header{border-bottom:2px solid #dedede33;padding-bottom:.5rem}.follower-header-tag{letter-spacing:.2em;color:var(--color-accent);font-family:Frontage,sans-serif;font-size:.85rem}.follower-title{color:var(--color-text-main);margin:0;font-family:Frontage,sans-serif;font-size:2.2rem}.follower-stepped-list{flex-direction:column;gap:.8rem;margin:0;padding:0;list-style:none;display:flex}.follower-item{cursor:pointer;padding:.78rem 1.2rem;transition:transform .25s,color .25s;position:relative}.follower-brush-banner{background-color:var(--color-hover);clip-path:polygon(0 0,96% 0,100% 100%,4% 100%);z-index:1;position:absolute;inset:-2px -12px}.follower-item-content{z-index:2;justify-content:space-between;align-items:center;display:flex;position:relative}.follower-identity{align-items:center;min-width:0;display:flex}.follower-skill-mark{width:34px;height:34px;color:var(--color-text-muted);letter-spacing:-.06em;opacity:.72;border:2px solid;border-radius:50%;flex:0 0 34px;place-items:center;margin-right:.7rem;font:700 .62rem/1 Frontage,sans-serif;transition:transform .32s,opacity .25s,color .25s,background-color .25s;display:grid}.follower-item.is-active .follower-skill-mark{opacity:1;color:var(--color-text-main);background:#169fa542;transform:translate(10px)rotate(22deg)}.follower-item:hover .follower-skill-mark{opacity:.95;transform:translate(7px)rotate(15deg)}.equipment-preview-col{align-self:stretch}.project-transmission{background:#080c10a3;border:1px solid #169fa580;width:100%;max-width:600px;min-height:515px;padding:1rem;animation:.45s both projectReveal;position:relative;overflow:hidden}.project-transmission:before{content:"";z-index:2;pointer-events:none;background:#dedede57;width:150%;height:1px;position:absolute;top:44%;left:-20%;transform:rotate(-9deg)}.project-transmission__topline,.project-transmission__status{color:var(--color-accent);letter-spacing:.18em;font:.68rem Frontage,sans-serif}.project-transmission__topline{justify-content:space-between;gap:1rem;padding:.15rem .15rem .8rem;display:flex}.project-transmission__image{border:1px solid #dedede40;height:255px;position:relative;overflow:hidden}.project-transmission__image img{object-fit:cover;filter:saturate(.78)contrast(1.1);width:100%;height:100%;transition:transform .6s;display:block}.project-transmission:hover .project-transmission__image img{transform:scale(1.06)}.project-transmission__scan{mix-blend-mode:screen;background:repeating-linear-gradient(0deg,#0000 0 7px,#dedede1c 8px 9px);animation:2.8s linear infinite scanMove;position:absolute;inset:0}.project-transmission__copy{padding:1rem .55rem 2.2rem}.project-transmission__copy h4{letter-spacing:.08em;margin:.35rem 0 .5rem;font-size:clamp(2rem,4vw,3rem)}.project-transmission__copy p{max-width:52ch;margin:0 0 1rem;font-size:1rem;line-height:1.45}.project-transmission__copy a{color:var(--color-text-main);letter-spacing:.15em;border-bottom:1px solid var(--color-hover);padding-bottom:.28rem;font:.78rem Frontage,sans-serif;text-decoration:none}.project-transmission__copy a span{color:var(--color-hover);margin-left:.4rem;font-size:1.2rem}.project-transmission__ticker{color:#0a0d12;background:var(--color-hover);white-space:nowrap;letter-spacing:.14em;gap:2rem;width:max-content;padding:.48rem 0;font:.65rem Frontage,sans-serif;animation:18s linear infinite workTicker;display:flex;position:absolute;bottom:0;left:0}@keyframes projectReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scanMove{0%{transform:translateY(-9px)}to{transform:translateY(9px)}}@keyframes workTicker{0%{transform:translate(0)}to{transform:translate(-50%)}}.follower-name{letter-spacing:.05em;color:var(--color-text-muted);font-family:Frontage,sans-serif;font-size:1.5rem;transition:color .2s}.follower-role{color:var(--color-text-muted);opacity:.7;font-family:Juana,serif;font-size:.9rem}.follower-octagon-badge{border:1px solid var(--color-text-muted);clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);padding:.2rem .6rem}.badge-text{color:var(--color-text-muted);font-family:Frontage,sans-serif;font-size:.85rem}.follower-item.is-active .follower-name,.follower-item.is-active .follower-role,.follower-item.is-active .badge-text{color:var(--color-text-main)}.follower-item.is-active .follower-octagon-badge{border-color:var(--color-text-main);background-color:#dedede33}.equipment-work-layout{grid-template-columns:minmax(320px,460px) 1fr;align-items:start;gap:3.5rem;width:100%;display:grid}.equipment-list-col{flex-direction:column;gap:1.5rem;display:flex}.equipment-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.equipment-item{cursor:pointer;background-color:#0a0d1299;border:1px solid #dedede26;padding:.85rem 1.2rem;transition:border-color .2s,transform .2s;position:relative}.equipment-brush-banner{background-color:var(--color-hover);filter:url(#equipmentBrushDisplace);clip-path:polygon(0 0,98% 0,100% 100%,2% 100%);z-index:1;position:absolute;inset:-2px -8px}.equipment-item-inner{z-index:2;justify-content:space-between;align-items:center;display:flex;position:relative}.equipment-meta{flex-direction:column;display:flex}.equipment-title{letter-spacing:.05em;color:var(--color-text-muted);font-family:Frontage,sans-serif;font-size:1.4rem}.equipment-role{color:var(--color-text-muted);opacity:.75;font-family:Juana,serif;font-size:.85rem}.equipment-stats{align-items:center;display:flex}.stat-badge{flex-direction:column;align-items:flex-end;display:flex}.stat-label{letter-spacing:.1em;color:var(--color-accent);font-family:Frontage,sans-serif;font-size:.65rem}.stat-val{color:var(--color-text-muted);font-family:Frontage,sans-serif;font-size:1.1rem}.equipment-item.is-active .equipment-title,.equipment-item.is-active .equipment-role,.equipment-item.is-active .stat-val{color:var(--color-text-main)}.equipment-desc-box{background-color:#0a0d12b3;border:1px solid #169fa54d;padding:1.2rem 1.5rem}.desc-title{letter-spacing:.15em;color:var(--color-accent);margin:0 0 .5rem;font-family:Frontage,sans-serif;font-size:.9rem}.desc-text{color:var(--color-text-main);margin:0 0 1rem;font-family:Juana,serif;font-size:.95rem;line-height:1.5}.tools-tags{flex-wrap:wrap;gap:.4rem;display:flex}.tool-chip{color:var(--color-text-main);background-color:#dedede1a;border:1px solid #dedede33;padding:.2rem .6rem;font-family:Frontage,sans-serif;font-size:.75rem}.equipment-preview-col{justify-content:center;display:flex}.equipment-dial-frame{aspect-ratio:1;justify-content:center;align-items:center;width:100%;max-width:420px;display:flex;position:relative}.dial-background-img{object-fit:contain;opacity:.85;width:100%;height:100%;animation:none;position:absolute;inset:0;transform:rotate(0)}.dial-preview-window{z-index:2;border:2px solid var(--color-accent);border-radius:50%;width:55%;height:55%;position:relative;overflow:hidden;box-shadow:0 0 20px #169fa566}.dial-preview-window img{object-fit:cover;width:100%;height:100%}.dial-preview-fallback{background-color:var(--color-bg-dark);width:100%;height:100%;color:var(--color-text-main);justify-content:center;align-items:center;font-family:Frontage,sans-serif;font-size:1.2rem;display:flex}.dial-overlay-line{border:1px stroke var(--color-text-main);pointer-events:none;position:absolute;inset:0}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.back-to-top{z-index:20;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:fixed;bottom:2rem;right:2.5rem}.back-to-top__ring{width:100%;height:100%;position:absolute;inset:0}.back-to-top__label{letter-spacing:.1em;color:var(--color-text-muted);font-family:Frontage,sans-serif;font-size:.85rem;transition:color .25s;position:relative}.back-to-top:hover .back-to-top__label{color:var(--color-hover)}.metaphor-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0a0d12e0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.metaphor-modal{text-align:center;flex-direction:column;align-items:center;width:min(90vw,580px);padding:3.5rem 2rem;display:flex;position:relative}.modal-dial-ring{pointer-events:none;width:380px;height:380px;margin-top:-190px;margin-left:-190px;position:absolute;top:50%;left:50%}.modal-slash-line{background-color:var(--color-text-main);opacity:.35;pointer-events:none;height:2px;position:fixed;top:50%;left:0;right:0}.modal-header{z-index:2;margin-bottom:2.5rem;position:relative}.modal-title{letter-spacing:.08em;color:var(--color-text-main);text-transform:uppercase;margin:0;font-family:Frontage,sans-serif;font-size:clamp(3.5rem,8vw,5.5rem);line-height:.9}.modal-subtitle{color:var(--color-text-muted);margin:.75rem 0 0;font-family:Juana,serif;font-size:1.1rem}.contact-transmission{flex-direction:column;gap:2.5rem;max-width:780px;display:flex;position:relative}.contact-noise-filter{width:0;height:0;position:absolute}.contact-hud-ring{opacity:.5;pointer-events:none;width:clamp(120px,18vw,200px);position:absolute;top:-2rem;right:-1rem}.contact-copy{z-index:1;max-width:620px;position:relative}.contact-eyebrow{color:var(--color-accent);letter-spacing:.22em;margin-bottom:1rem;font:.78rem Frontage,sans-serif;display:block}.contact-headline{letter-spacing:.02em;color:var(--color-text-muted);margin:0 0 1.2rem;font-family:Frontage,sans-serif;font-size:clamp(1.8rem,3.4vw,2.8rem);line-height:1.15}.contact-headline__accent{color:var(--color-text-main)}.contact-note{color:var(--color-text-main);max-width:46ch;margin:0;font-family:Juana,serif;font-size:1.05rem}.contact-channels{z-index:1;flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex;position:relative}.contact-channel{position:relative}.contact-channel__brush{background-color:var(--color-hover);filter:url(#contactBrushDisplace);clip-path:polygon(0 0,97% 3%,100% 90%,3% 100%,0 10%);z-index:0;position:absolute;inset:-6px -20px}.contact-channel__link{z-index:2;border-bottom:1px solid #dedede26;align-items:baseline;gap:1.2rem;padding:.9rem 1.1rem;text-decoration:none;transition:transform .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.contact-channel__label{letter-spacing:.2em;color:var(--color-accent);flex:0 0 110px;font-family:Frontage,sans-serif;font-size:.75rem}.contact-channel__value{letter-spacing:.02em;color:var(--color-text-muted);font-family:Frontage,sans-serif;font-size:clamp(1.4rem,3vw,2.1rem);transition:color .2s}.contact-channel.is-hovered .contact-channel__link{transform:translate(14px)}.contact-channel.is-hovered .contact-channel__value{color:var(--color-text-main);text-shadow:0 4px 16px #000000e6}.contact-channel.is-hovered .contact-channel__label{color:var(--color-text-main)}.contact-footer-line{z-index:1;letter-spacing:.14em;color:var(--color-text-muted);border-top:1px solid #dedede26;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-top:1.5rem;font-family:Frontage,sans-serif;font-size:.68rem;display:flex;position:relative}@media (width<=840px){.contact-hud-ring{display:none}.contact-channel__link{flex-direction:column;gap:.3rem}.contact-channel__label{flex:none}}.modal-choices{z-index:2;justify-content:center;align-items:center;gap:3rem;display:flex;position:relative}.modal-choice{letter-spacing:.05em;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;outline:none;padding:.6rem 2.2rem;font-family:Frontage,sans-serif;font-size:2rem;transition:color .2s,transform .2s;position:relative}.modal-choice.is-active{color:var(--color-text-main);transform:scale(1.1)}.modal-choice__brush{background-color:var(--color-hover);filter:url(#paintBrushDisplace);clip-path:polygon(0 0,95% 0,100% 100%,4% 100%);z-index:-1;position:absolute;inset:-4px -14px}.modal-choice__text{z-index:2;position:relative}@media (width<=840px){.sticky-chapter{display:none}.skill-follower-layout,.equipment-work-layout{grid-template-columns:1fr}.hero-hud{display:none}.hero,.section{padding:3rem 1.5rem}}.vfx-reel{margin-top:3rem}.vfx-reel__header{align-items:baseline;gap:1rem;margin-bottom:1.2rem;display:flex}.vfx-reel__header span{color:var(--color-accent);letter-spacing:.2em;font:.78rem Frontage,sans-serif}.vfx-reel__header h4{letter-spacing:.06em;margin:0;font-size:1.6rem}.vfx-reel__grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;display:grid}.vfx-reel__card{border:1px solid #dedede26;border-top:2px solid var(--card-accent);background:#0a0d128c;padding:1.4rem 1.1rem;transition:transform .25s,border-color .25s;position:relative}.vfx-reel__card:hover{border-color:var(--card-accent);transform:translateY(-4px)}.vfx-reel__tag{color:var(--card-accent);letter-spacing:.12em;margin-bottom:.5rem;font:.68rem Frontage,sans-serif;display:block}.vfx-reel__card h5{letter-spacing:.03em;color:var(--color-text-main);margin:0;font-family:Frontage,sans-serif;font-size:1.05rem}