.portfolio-intro{position:relative;min-height:100svh;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 78% 8%,rgba(31,118,78,.24),transparent 36%),radial-gradient(circle at 12% 34%,rgba(29,80,56,.28),transparent 42%),linear-gradient(145deg,#0e1510,#1c2b20 58%,#16251a);color:#f4f6ee;font-family:Songti SC,STSong,"Noto Serif CJK SC","Source Han Serif SC",serif}.portfolio-intro__glitch{position:absolute!important;inset:0;z-index:0;pointer-events:none}.portfolio-intro__wash{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#0d150feb,#121d15c7 35%,#0c130e29 66%,#070c0957),linear-gradient(180deg,rgba(8,13,10,.34),transparent 38%,rgba(7,11,8,.48))}.portfolio-intro__header{position:absolute;top:0;left:0;right:0;z-index:4;min-height:58px;padding:0 max(24px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid rgba(216,244,147,.14);background:linear-gradient(180deg,#394134f5,#2b3328f5);box-shadow:0 12px 32px #090d0833,inset 0 1px #f4f6ee0f;-webkit-backdrop-filter:blur(16px) saturate(1.08);backdrop-filter:blur(16px) saturate(1.08);text-shadow:0 2px 14px rgba(0,0,0,.32)}.portfolio-intro__brand{flex:0 0 auto;color:#f4f6eeeb;font-size:22px;font-weight:600;line-height:1;letter-spacing:.015em;text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.portfolio-intro__nav{display:flex;align-items:center;gap:22px;min-width:0;font-size:16px;font-weight:400;letter-spacing:.045em;-webkit-user-select:none;user-select:none}.portfolio-intro__nav a{position:relative;isolation:isolate;display:inline-flex;min-height:36px;align-items:center;justify-content:center;color:#f4f6eead;text-decoration:none;white-space:nowrap;transform:translateY(0);transition:color .22s ease,transform .22s ease;-webkit-tap-highlight-color:transparent;-webkit-user-drag:none;touch-action:manipulation}.portfolio-intro__nav a::selection{background:transparent;color:inherit}.portfolio-intro__nav a:before{content:"";position:absolute;z-index:-1;inset:3px -9px;border-radius:999px;background:#d6ebab17;opacity:0;transform:scale(.88);transition:opacity .22s ease,transform .28s cubic-bezier(.2,.78,.2,1)}.portfolio-intro__nav a:after{content:"";position:absolute;left:50%;bottom:-6px;width:22px;height:2px;border-radius:999px;background:linear-gradient(90deg,#aec77f,#f4f6ee);opacity:0;transform:translate(-50%) scaleX(.25);transition:opacity .2s ease,transform .3s cubic-bezier(.2,.78,.2,1)}.portfolio-intro__nav a:focus-visible{color:#fff;outline:none}.portfolio-intro__nav a:focus-visible:before{opacity:1;transform:scale(1)}.portfolio-intro__nav a:focus-visible:after{opacity:1;transform:translate(-50%) scaleX(1)}.portfolio-intro__nav a:active{transform:translateY(1px)}@media(hover:hover)and (pointer:fine){.portfolio-intro__nav a:hover{color:#fff;transform:translateY(-1px)}.portfolio-intro__nav a:hover:before{opacity:1;transform:scale(1)}}.portfolio-intro__copy{position:absolute;left:clamp(38px,6vw,92px);top:clamp(142px,21svh,184px);z-index:3;width:min(47vw,680px);text-shadow:0 3px 22px rgba(0,0,0,.48)}.portfolio-intro__copy h1{display:grid;gap:4px;margin:0;font-size:clamp(67px,7.2vw,112px);font-weight:650;line-height:.91;letter-spacing:-.045em}.portfolio-intro__copy h1>.encrypted-text,.portfolio-intro__copy p>.encrypted-text{display:block}.encrypted-text{position:relative}.encrypted-text__measure{visibility:hidden}.encrypted-text__value{position:absolute;inset:0}.encrypted-text__noise{color:#c2dd9761;font-weight:400;text-shadow:0 0 10px rgba(115,192,147,.18)}.portfolio-intro__copy p{display:grid;gap:9px;width:min(100%,650px);margin:30px 0 0;color:#f4f6eec7;font-size:clamp(18px,1.55vw,23px);line-height:1.58;letter-spacing:.018em}.portfolio-intro__lanyard{position:absolute;inset:0 0 0 43%;z-index:2;touch-action:none}.portfolio-intro__lanyard .lanyard-wrapper{width:100%;height:100%;opacity:0;transition:opacity .42s ease}.portfolio-intro__lanyard.is-ready .lanyard-wrapper{opacity:1}@media(max-width:760px){.portfolio-intro__wash{background:linear-gradient(180deg,#0d150ff0,#0f1811a8 36%,#080d0a14 67%,#070b0880)}.portfolio-intro__header{min-height:86px;padding:9px 16px 7px;display:grid;grid-template-columns:1fr;gap:6px;align-content:center}.portfolio-intro__brand{font-size:19px;line-height:1.05}.portfolio-intro__nav{width:max-content;max-width:100%;justify-self:end;justify-content:flex-end;gap:clamp(14px,4.4vw,18px);overflow:visible;padding:0 0 2px;font-size:14px;font-weight:400;scrollbar-width:none}.portfolio-intro__nav a{flex:0 0 auto;min-height:30px;line-height:30px}.portfolio-intro__nav a:after{bottom:0}.portfolio-intro__nav::-webkit-scrollbar{display:none}.portfolio-intro__copy{top:121px;left:20px;right:20px;width:auto}.portfolio-intro__copy h1{display:flex;gap:.24em;font-size:clamp(38px,10.8vw,48px);line-height:1;white-space:nowrap}.portfolio-intro__copy h1>.encrypted-text{flex:0 0 auto}.portfolio-intro__copy p{gap:5px;margin-top:16px;font-size:16px;line-height:1.5}.portfolio-intro__lanyard{inset:30% 0 0}.portfolio-intro__lanyard .lanyard-wrapper{transition-duration:.5s}}@media(prefers-reduced-motion:reduce){.portfolio-intro__nav a,.portfolio-intro__nav a:before,.portfolio-intro__nav a:after,.portfolio-intro__lanyard .lanyard-wrapper{transition:none}}:root{color-scheme:dark;background:#4a4d44}*{box-sizing:border-box}html,body,#root,.portfolio-shell{width:100%;height:100%;margin:0}body{min-width:320px;min-height:100svh;overflow:hidden}.portfolio-shell{overflow:hidden}.portfolio-intro{width:100%;height:100svh}