@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600&family=Noto+Serif+SC:wght@500;600&family=Noto+Sans+SC:wght@400;500;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto+Flex:GRAD,opsz,wght@-200..150,8..144,100..1000&display=swap";:root{color:#302b26;font-synthesis:none;background:#f4efe6;font-family:DM Sans,Noto Sans SC,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{max-width:1500px;margin:auto;padding-left:56px;padding-right:56px}.eyebrow,.section-kicker{letter-spacing:.11em;font:11px DM Mono,monospace}.hero{color:#fff;background:#3d443f;height:100vh;min-height:720px;position:relative;overflow:hidden}.hero-media{background:linear-gradient(135deg,#303a38 0%,#786c5a 55%,#c3986e 100%);position:absolute;inset:0}.hero-media:after{content:"";background:linear-gradient(90deg,#181b19cc,#20201d3d 55%,#1414112e),linear-gradient(#0000 55%,#1917146b);position:absolute;inset:0}.ambient{filter:blur(25px);opacity:.65;border-radius:50%;position:absolute}.ambient.one{background:#d6a774;width:58vw;height:58vw;top:-23vw;right:-10vw}.ambient.two{background:#7e8f7d;width:45vw;height:45vw;bottom:-34vw;left:28vw}.media-label{z-index:1;letter-spacing:.08em;border:1px solid #ffffff73;gap:5px;padding:18px 22px;font:11px DM Mono;display:grid;position:absolute;bottom:8vh;right:5vw}.media-label small{opacity:.7}nav{z-index:2;border-bottom:1px solid #ffffff40;justify-content:space-between;align-items:center;max-width:1500px;margin:auto;padding:26px 56px;display:flex;position:relative}.brand{letter-spacing:.02em;font-weight:600}.brand sup{margin-left:3px;font-size:8px}.nav-links{gap:38px;font-size:12px;display:flex}.nav-links a,.nav-cta{transition:opacity .2s}.nav-links a:hover,.nav-cta:hover{opacity:.62}.nav-cta{gap:11px;font:11px DM Mono;display:flex}.hero-copy{z-index:2;position:absolute;top:50%;left:max(56px,50vw - 694px);transform:translateY(-42%)}.hero-copy h1{letter-spacing:-.06em;margin:24px 0 26px;font-family:Noto Serif SC,serif;font-size:clamp(62px,8.2vw,130px);line-height:1.07}.hero-copy>p:not(.eyebrow){letter-spacing:.04em;font-size:18px}.hero-button{border:1px solid #ffffffb3;align-items:center;gap:15px;margin-top:26px;padding:14px 19px;font-size:12px;display:inline-flex}.hero-foot{z-index:2;letter-spacing:.08em;align-items:center;gap:17px;font:10px DM Mono;display:flex;position:absolute;bottom:27px;left:56px;right:56px}.hero-foot i{background:#fff9;width:100px;height:1px}.hero-foot span:last-child{margin-left:auto}.about{padding-top:145px;padding-bottom:155px}.about-grid{grid-template-columns:330px 1fr 220px;gap:clamp(40px,7vw,120px);margin-top:55px;display:grid}.placeholder{color:#776c60;background:#ded3c2;border:1px solid #c5b6a2;flex-direction:column;justify-content:center;align-items:center;display:flex}.portrait{min-height:440px;position:relative;overflow:hidden}.portrait:before,.portrait:after{content:"";border-radius:50%;position:absolute}.portrait:before{background:#b8a68e;width:210px;height:280px;top:45px}.portrait:after{background:#a1765e;width:310px;height:190px;bottom:-80px}.portrait span,.portrait small{z-index:1;position:relative}.portrait span{font-size:18px}.portrait small{letter-spacing:.1em;margin-top:8px;font:9px DM Mono}.about-copy h2{margin:0 0 34px;font-family:Noto Serif SC,serif;font-size:clamp(28px,3vw,46px);font-weight:500;line-height:1.55}.about-copy>p{color:#6c6258;max-width:650px;font-size:15px;line-height:2}.education{border-top:1px solid #cfc4b4;gap:8px;margin-top:52px;padding-top:20px;display:grid}.education span,.facts span{letter-spacing:.08em;color:#9a7152;font:10px DM Mono}.education strong{font-size:16px}.education small{color:#7b7269}.facts{border-left:1px solid #cfc4b4;flex-direction:column;justify-content:space-between;padding-left:24px;display:flex}.facts div{gap:8px;display:grid}.facts strong{font-size:17px}.facts p{color:#6e655c;margin:0;font-size:13px;line-height:1.8}.work{color:#f6f0e7;background:#292925;padding:115px 0 130px}.section-head{justify-content:space-between;align-items:flex-end;display:flex}.section-head h2{margin:18px 0 0;font-family:Noto Serif SC;font-size:clamp(50px,6vw,90px);font-weight:500}.section-head>p{color:#bdb6ac;font-size:13px;line-height:1.9}.project-list{grid-template-columns:repeat(2,1fr);gap:70px 24px;margin-top:80px;display:grid}.project{border-top:1px solid #666057;padding-top:17px}.project-meta{letter-spacing:.08em;color:#bbb3a8;justify-content:space-between;font:10px DM Mono;display:flex}.project-placeholder{color:#27241f;border:1px solid #ffffff2b;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:410px;margin-top:18px;display:flex}.project-placeholder span{letter-spacing:.12em;font:15px DM Mono}.project-placeholder small{opacity:.6;font-size:11px}.p01{background:linear-gradient(145deg,#b6c0ad,#ddbb8e)}.p02{background:linear-gradient(145deg,#c98d68,#f0cdb0)}.p03{background:linear-gradient(145deg,#d9cdbb,#988b78)}.p04{background:linear-gradient(145deg,#b8a78c,#9ead94)}.project-info{justify-content:space-between;align-items:flex-start;padding-top:24px;display:flex}.project-info h3{margin:0 0 10px;font-family:Noto Serif SC;font-size:28px}.project-info p{color:#bdb6ac;max-width:540px;margin:0;font-size:13px;line-height:1.8}.project-info .award{color:#efc08f;margin-bottom:10px}.round-button{color:#fff;cursor:pointer;background:0 0;border:1px solid #b6afa5;border-radius:50%;width:48px;height:48px;font-size:20px}.audio-player{color:#bdb6ac;border-top:1px solid #5d5851;align-items:center;gap:14px;margin-top:22px;padding-top:18px;font:10px DM Mono;display:flex}.audio-player button{color:#292925;cursor:pointer;background:#f0c28f;border:1px solid #9b8f80;border-radius:50%;width:36px;height:36px}.audio-track{background:#5c5750;flex:1;height:2px}.audio-track span{background:#f0c28f;height:100%;transition:width .4s;display:block}.achievement{padding-top:145px;padding-bottom:160px}.achievement-grid{grid-template-columns:.85fr 1.3fr;gap:100px;margin-top:52px;display:grid}.achievement h2{margin:0;font-family:Noto Serif SC;font-size:clamp(38px,4.7vw,70px);font-weight:500;line-height:1.35}.achievement h2 em{color:#a36945}.achievement-list{border-top:1px solid #c9bdad}.achievement-list article{border-bottom:1px solid #c9bdad;grid-template-columns:130px 1fr;gap:25px;padding:28px 0;display:grid}.achievement-list article>span{color:#9a7152;font:10px DM Mono}.achievement-list h3{margin:0 0 9px;font-size:18px}.achievement-list p{color:#776e65;margin:0;font-size:13px}.contact{color:#fff;background:#5d6e61;height:100vh;min-height:700px;position:relative;overflow:hidden}.contact-glow{opacity:.75;background:radial-gradient(circle at 35% 32%,#e6c49e,#9d8c72 28%,#637568 64%);border-radius:50%;width:75vw;height:75vw;position:absolute;top:-20vw;right:-18vw}.contact-inner{flex-direction:column;height:100%;padding-top:120px;display:flex;position:relative}.contact h2{margin:30px 0 48px;font-family:Noto Serif SC;font-size:clamp(52px,7vw,105px);font-weight:500;line-height:1.15}.contact-links{flex-wrap:wrap;gap:16px;display:flex}.contact-links a,.contact-links span{border:1px solid #ffffff73;padding:14px 17px;font-size:12px}.contact footer{letter-spacing:.07em;border-top:1px solid #ffffff59;gap:25px;margin-top:auto;padding:22px 0 28px;font:10px DM Mono;display:flex}.contact footer a{margin-left:auto}@media (width<=900px){.wrap,nav{padding-left:22px;padding-right:22px}.nav-links{display:none}.hero-copy{left:22px;right:22px}.hero-copy h1{font-size:58px}.hero-foot{left:22px;right:22px}.media-label{right:22px}.about{padding-top:90px;padding-bottom:90px}.about-grid{grid-template-columns:1fr;margin-top:32px}.portrait{max-width:340px}.facts{border-top:1px solid #cfc4b4;border-left:0;grid-template-columns:repeat(3,1fr);gap:15px;padding:25px 0;display:grid}.project-list{grid-template-columns:1fr;margin-top:45px}.project-placeholder{height:320px}.section-head{display:block}.section-head>p{margin-top:25px}.achievement{padding-top:90px;padding-bottom:90px}.achievement-grid{grid-template-columns:1fr;gap:45px}.contact-inner{padding-top:90px}.contact h2{font-size:50px}.contact footer span:nth-child(2){display:none}}@media (width<=560px){.hero{min-height:680px}.brand{font-size:13px}.nav-cta{font-size:9px}.hero-copy h1{font-size:48px}.hero-copy>p:not(.eyebrow){font-size:14px}.media-label{display:none}.about-grid{gap:35px}.facts{grid-template-columns:1fr}.project-placeholder{height:240px}.achievement-list article{grid-template-columns:1fr;gap:10px}.contact-links{display:grid}.contact h2{font-size:42px}.contact footer{font-size:8px}}.portrait-photo{background:#ded3c2;border:1px solid #c5b6a2;margin:0}.about-section-title{color:#f6f0e7;letter-spacing:.04em;margin:0 0 42px;font-family:Noto Serif SC,serif;font-size:clamp(50px,6vw,90px);font-weight:500;line-height:1}.portrait-photo:before{display:none}.portrait-photo img{object-fit:cover;object-position:center 34%;filter:saturate(.82)contrast(.96);width:100%;height:100%;min-height:440px;display:block}.portrait-photo:after{content:"";pointer-events:none;background:0 0;border-radius:0;width:auto;height:auto;position:absolute;inset:0;box-shadow:inset 0 0 55px #4936271f}.portrait-photo figcaption{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.1em;color:#5e5045;background:#f4efe6d1;padding:8px 10px;font:9px DM Mono;position:absolute;bottom:14px;left:14px}.about .about-grid{grid-template-columns:minmax(290px,390px) minmax(0,1fr);align-items:stretch;gap:clamp(48px,7vw,110px)}.about .portrait-photo{border-color:#ffffff4d;height:100%;min-height:560px;box-shadow:0 28px 70px #00000038}.about .portrait-photo img{min-height:560px}.about-profile .about-label{color:#d0ff58;letter-spacing:.08em;margin:0 0 16px;font-family:Noto Sans SC,Microsoft YaHei,sans-serif;font-size:13px;font-weight:700;line-height:1.4}.about-profile h2{color:#f6f0e7;letter-spacing:-.045em;white-space:nowrap;margin:0 0 30px;font-family:DM Sans,Noto Sans SC,sans-serif;font-size:clamp(38px,3.7vw,58px);font-weight:800;line-height:.98}.about-profile h2>span{color:#bfff36}.about-profile h2>.vp-light{color:#f6f0e7}.about-variable-title{position:relative}.about-profile>p:not(.about-label){color:#f6f0e7d1;max-width:820px;margin:0 0 11px;font-size:15px;line-height:1.75}.about-details{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px;display:grid}.about-details article{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05111b4d;border:1px solid #fff3;flex-direction:column;gap:8px;min-height:112px;padding:16px;display:flex}.about-details article>span{color:#d0ff58;letter-spacing:.06em;font-family:Noto Sans SC,Microsoft YaHei,sans-serif;font-size:12px;font-weight:700;line-height:1.4}.about-details strong{font-size:15px}.about-details small{color:#f6f0e799}.about-details p{color:#f6f0e7c7;margin:0;font-size:13px;line-height:1.75}.about-details .tools-card{flex-direction:row;grid-column:1/-1;gap:24px;min-height:0}.tools-card>span{min-width:72px}.tools-card div{grid-template-columns:110px 1fr;gap:7px 14px;display:grid}.tools-card b{color:#f6f0e7;font-size:12px}.about-details article.profile-glow{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:0;display:grid;overflow:visible}.profile-glow>.border-glow-inner{border-radius:inherit;flex-direction:column;gap:8px;height:100%;padding:16px;display:flex;overflow:hidden}.about-details article.profile-glow .border-glow-inner>span{color:#d0ff58;letter-spacing:.06em;font-family:Noto Sans SC,Microsoft YaHei,sans-serif;font-size:12px;font-weight:700;line-height:1.4}.about-details .tools-card>.border-glow-inner{flex-direction:row;gap:24px}.tools-card>.border-glow-inner>span{min-width:72px}@media (width<=900px){.about .about-grid{grid-template-columns:1fr}.about .portrait-photo{justify-self:center;width:min(100%,380px);max-width:380px;min-height:480px;margin-inline:auto}.about .portrait-photo img{min-height:480px}.about-profile h2{white-space:normal}.about-details{grid-template-columns:repeat(2,minmax(0,1fr))}.about-details .tools-card{grid-column:1/-1}}@media (width<=560px){.about-details{grid-template-columns:1fr}.about-details .tools-card{flex-direction:column;grid-column:auto;gap:14px}.tools-card div{grid-template-columns:1fr}}.about-details article.profile-glow{background:var(--card-bg);border:1px solid #ffffff38}.about{min-height:100svh}html,body,#root,main{width:100%;max-width:100%;overflow-x:clip}img,video,canvas{max-width:100%}nav{z-index:1000;-webkit-backdrop-filter:blur(20px)saturate(1.25);pointer-events:auto;background:#050e1694;border:1px solid #ffffff42;border-radius:999px;width:calc(100% - 28px);padding:9px 14px;position:fixed;top:8px;left:50%;transform:translate(-50%);box-shadow:0 10px 32px #0000004d}.hero-media{background-image:url(/hero-hd.png);background-position:50%;background-repeat:no-repeat;background-size:cover}nav .brand{color:#081017;letter-spacing:.04em;background:#c6ff3d;border-radius:999px;align-items:center;min-height:34px;padding:0 20px;font-size:13px;display:inline-flex;box-shadow:0 0 20px #c6ff3d61}nav .brand:hover,nav .brand:focus-visible{color:#081017;background:#dcff81;transform:translateY(-1px)}nav .nav-links{color:#ffffffb8;z-index:1;gap:42px;margin:0;font-size:11px;position:absolute;left:50%;transform:translate(-50%)}nav .nav-cta{color:#fff;z-index:2;background:#080c0fb8;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:8px;min-height:34px;padding:8px 15px;position:relative;box-shadow:inset 0 1px #ffffff0f}nav .mail-icon{color:#ffffffd1;font-size:13px;line-height:1}nav .nav-cta:hover,nav .nav-cta:focus-visible{color:#fff;background:#ffffff24;border-color:#ffffff7a;transform:translateY(-1px)}.hero-media:after{background:linear-gradient(90deg,#091623d1 0%,#091c2c73 48%,#08141f33 100%),linear-gradient(#0000 45%,#07111b73)}.hero-copy{max-width:none;top:8.5vh;left:max(42px,50vw - 694px);right:max(42px,50vw - 694px);transform:none}.hero-copy .eyebrow{color:#bfff36;background:#040c0e47;border:1px solid #bfff369e;margin:0 0 20px;padding:7px 11px;font-weight:700;display:inline-flex}.hero-copy h1{color:#bfff36;letter-spacing:.012em;white-space:nowrap;text-transform:uppercase;text-shadow:0 8px 30px #00000052;max-width:none;margin:0 0 30px;font-family:Impact,Haettenschweiler,Arial Narrow Bold,Noto Sans SC,sans-serif;font-size:clamp(108px,12.6vw,226px);font-weight:900;line-height:.86}.hero-copy h1 em{color:inherit;font-style:normal}.hero-bottom-copy{z-index:2;max-width:680px;position:absolute;bottom:86px;left:max(42px,50vw - 694px)}.hero-bottom-copy p{color:#fff;letter-spacing:.015em;margin:0;font-size:clamp(20px,1.45vw,27px);font-weight:700;line-height:1.45}.hero-bottom-copy .hero-button{color:#07110d;background:#e8dfc3;border-color:#e8dfc3;border-radius:9px;margin-top:20px;padding:14px 22px;font-weight:700;box-shadow:0 8px 24px #0003}.hero-bottom-copy .hero-button:hover,.hero-bottom-copy .hero-button:focus-visible{color:#07110d;background:#f4ecd5;border-color:#f4ecd5}.nav-links a,.nav-cta,.hero-button,.round-button,.audio-player button,.contact-links a,.contact-links span{transition:color .25s,background-color .25s,border-color .25s,transform .25s,box-shadow .25s}.nav-links a:hover,.nav-links a:focus-visible,.nav-cta:hover,.nav-cta:focus-visible{color:#bfff36;opacity:1}.hero-button:hover,.hero-button:focus-visible,.contact-links a:hover,.contact-links a:focus-visible,.contact-links span:hover{color:#2f2924;background:#f1bd83;border-color:#f1bd83;transform:translateY(-2px);box-shadow:0 10px 24px #2b1f162e}.round-button:hover,.round-button:focus-visible,.audio-player button:hover,.audio-player button:focus-visible{color:#2b2925;background:#f1bd83;border-color:#f1bd83;transform:rotate(8deg)scale(1.06);box-shadow:0 8px 20px #0003}.brand:hover,.brand:focus-visible{color:#f4bd82}a:focus-visible,button:focus-visible{outline-offset:4px;outline:2px solid #f4bd82}@media (width<=900px){nav{width:calc(100% - 20px);padding:14px 18px;top:10px}nav .brand{padding:0 14px}nav .nav-links{gap:16px;font-size:10px;display:flex}.hero-copy{top:16vh;left:24px;right:24px}.hero-copy h1{letter-spacing:0;font-size:clamp(54px,13.4vw,104px);line-height:.88}.hero-bottom-copy{bottom:80px;left:24px;right:24px}.hero-bottom-copy p{font-size:18px}}@media (width<=560px){.wrap{width:100%;padding-left:16px;padding-right:16px}nav{padding-left:10px;padding-right:10px}nav .brand{min-height:32px;padding:0 10px;font-size:11px}nav .nav-links{white-space:nowrap;gap:9px;margin-left:auto;margin-right:10px;font-size:9px;position:static;transform:none}nav .nav-cta{justify-content:center;min-width:32px;min-height:32px;padding:7px 9px}nav .nav-cta>span:last-child{display:none}.hero-copy{left:18px;right:18px}.hero-copy h1{font-size:clamp(40px,11.2vw,52px)}.hero-bottom-copy{bottom:62px;left:18px;right:18px}.hero-bottom-copy p{font-size:16px}}@media (prefers-reduced-motion:reduce){.nav-links a,.nav-cta,.hero-button,.round-button,.audio-player button,.contact-links a,.contact-links span{transition:none}}.work .project-list{grid-template-columns:1fr;gap:34px;margin-top:70px;display:grid}.project-case{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05111b47;border:1px solid #fff3;overflow:hidden}.case-meta{color:#f6f0e7a8;letter-spacing:.1em;border-bottom:1px solid #ffffff29;justify-content:space-between;padding:14px 18px;font:10px DM Mono,monospace;display:flex}.case-summary{grid-template-columns:minmax(0,1.38fr) minmax(310px,.82fr);min-height:430px;display:grid}.case-media{border:0;border-right:1px solid #ffffff29;height:auto;min-height:430px;margin:0}.case-copy{flex-direction:column;padding:clamp(28px,4vw,58px);display:flex}.case-index{color:#bfff36;letter-spacing:.13em;font:10px DM Mono,monospace}.case-copy h3{margin:18px 0 14px;font-family:Noto Serif SC,serif;font-size:clamp(32px,3.2vw,52px);font-weight:500;line-height:1.2}.case-copy .award{color:#efc08f;margin:0 0 18px;font-size:13px}.case-desc{color:#f6f0e7b8;max-width:470px;margin:0;font-size:14px;line-height:1.85}.case-toggle{color:#f6f0e7;cursor:pointer;text-align:left;background:0 0;border:0;border-top:1px solid #ffffff3d;justify-content:space-between;align-items:center;width:100%;margin-top:auto;padding:15px 0 0;font-size:13px;display:flex}.case-toggle b{border:1px solid #ffffff61;border-radius:50%;place-items:center;width:34px;height:34px;font-size:19px;font-weight:400;transition:all .25s;display:grid}.case-toggle:hover b{color:#07110d;background:#bfff36;border-color:#bfff36;transform:rotate(90deg)}.case-details{opacity:0;border-top:0 solid #ffffff29;grid-template-columns:repeat(4,1fr);max-height:0;padding:0 24px;transition:max-height .55s,opacity .35s,padding .55s;display:grid;overflow:hidden}.project-case.is-open .case-details{opacity:1;border-top-width:1px;max-height:520px;padding:32px 24px}.case-details article{border-left:1px solid #ffffff2b;padding:0 24px}.case-details article:first-child{border-left:0}.case-details span{color:#bfff36;font:10px DM Mono,monospace}.case-details h4{margin:11px 0 13px;font-size:17px}.case-details p{color:#f6f0e7b3;margin:0;font-size:13px;line-height:1.8}.case-copy .audio-player{margin-top:24px}.project-case:nth-child(2n) .case-media{border-left:1px solid #ffffff29;border-right:0;order:2}@media (width<=900px){.case-summary{grid-template-columns:1fr}.case-media{border-bottom:1px solid #ffffff29;border-right:0;min-height:360px}.project-case:nth-child(2n) .case-media{border-left:0;order:0}.case-copy{min-height:360px}.case-details{grid-template-columns:repeat(2,1fr)}.project-case.is-open .case-details{max-height:900px}.case-details article:nth-child(3){border-left:0;margin-top:28px}.case-details article:nth-child(4){margin-top:28px}}@media (width<=560px){.work .project-list{margin-top:42px}.case-media{min-height:240px}.case-copy{min-height:340px;padding:25px 20px}.case-details{grid-template-columns:1fr}.project-case.is-open .case-details{max-height:1400px;padding:24px 20px}.case-details article,.case-details article:nth-child(3),.case-details article:nth-child(4){border-top:1px solid #ffffff24;border-left:0;margin:0;padding:18px 0}.case-details article:first-child{border-top:0}}.case-copy h3{margin-top:0}.case-video{background:#02070a;border-right:1px solid #ffffff29;min-height:430px;position:relative;overflow:hidden}.case-video video{object-fit:cover;background:#02070a;width:100%;height:100%;min-height:430px;display:block}.project-case:nth-child(2n) .case-video{border-left:1px solid #ffffff29;border-right:0;order:2}.video-play-button{z-index:3;color:#07110d;cursor:pointer;background:#e8dfc3;border:1px solid #ffffff8c;border-radius:999px;align-items:center;gap:13px;padding:13px 20px;font-size:13px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 32px #00000057}.video-play-button span{color:#07110d;background:#bfff36;border-radius:50%;place-items:center;width:30px;height:30px;font-size:12px;display:grid}.video-play-button b{font-weight:700}.video-play-button:hover{background:#fff;transform:translate(-50%,-50%)scale(1.04)}.case-video video{cursor:pointer}.custom-video-controls{z-index:4;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#030a0ed1;border:1px solid #ffffff3d;border-radius:10px;align-items:center;gap:10px;min-height:48px;padding:8px 11px;display:flex;position:absolute;bottom:14px;left:14px;right:14px;box-shadow:0 10px 28px #0000004d}.custom-video-controls button{color:#fff;cursor:pointer;background:0 0;border:0;flex:none;font-size:11px}.control-play{width:30px;height:30px;color:#07110d!important;background:#bfff36!important;border-radius:50%!important}.video-time{color:#ffffffc2;flex:none;font:10px DM Mono,monospace}.video-progress,.video-volume{accent-color:#bfff36;cursor:pointer;touch-action:none;height:5px}.video-progress{flex:1;min-width:80px}.video-volume{flex:0 90px;min-width:48px}.control-mute,.control-fullscreen{padding:7px 5px!important}.custom-video-controls input{pointer-events:auto}.custom-video-controls input:disabled{cursor:wait;opacity:.45}@media (width<=900px){.case-video,.case-video video{min-height:360px}.project-case:nth-child(2n) .case-video{border-bottom:1px solid #ffffff29;border-left:0;order:0}}@media (width<=560px){.case-video,.case-video video{min-height:240px}.custom-video-controls{gap:6px;max-width:calc(100% - 14px);padding:6px;bottom:7px;left:7px;right:7px}.video-time{display:none}.video-progress{min-width:0}.video-volume{min-width:38px;max-width:52px}.control-fullscreen{display:none}.video-play-button{top:44%}}.custom-video-controls{opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;transform:translateY(8px)}.custom-video-controls.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.case-cover{background:#07111a;place-items:center;display:grid;overflow:hidden}.case-cover img{object-fit:contain;width:100%;height:100%;min-height:430px;display:block}.audio-player audio{display:none}.audio-progress,.audio-volume{accent-color:#bfff36;cursor:pointer;height:4px}.audio-progress{flex:1;min-width:80px}.audio-volume{flex:0 72px;min-width:46px}.audio-player>span{white-space:nowrap}.audio-player>button:first-of-type{color:#07110d;background:#bfff36;border-color:#bfff36}.audio-player .audio-mute{color:#bfff36;background:#bfff361a;border-color:#bfff36b3;place-items:center;width:32px;height:32px;padding:0;font-size:14px;display:grid}.audio-player .audio-mute span{filter:saturate(.75);line-height:1}.audio-player>button:first-of-type:hover,.audio-player>button:first-of-type:focus-visible,.audio-player .audio-mute:hover,.audio-player .audio-mute:focus-visible{color:#07110d;background:#d6ff80;border-color:#d6ff80}@media (width<=900px){.case-cover img{min-height:360px}}@media (width<=560px){.case-cover img{min-height:240px}.audio-player{gap:7px}.audio-player>span{font-size:8px}.audio-volume{max-width:52px}.audio-player .audio-mute{width:28px;height:28px}}.audio-experience{margin-top:24px}.audio-experience .audio-player{margin-top:0}.synced-lyrics{border-top:1px solid #ffffff2e;margin-top:18px;padding-top:14px}.lyrics-heading{color:#bfff36;letter-spacing:.12em;justify-content:space-between;align-items:center;margin-bottom:8px;font:9px DM Mono,monospace;display:flex}.lyrics-heading small{color:#f6f0e76b;letter-spacing:0;font:9px Noto Sans SC,sans-serif}.lyrics-window{scrollbar-width:none;height:148px;position:relative;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 22% 78%,#0000);mask-image:linear-gradient(#0000,#000 22% 78%,#0000)}.lyrics-window::-webkit-scrollbar{display:none}.lyrics-window button{color:#f6f0e747;cursor:pointer;text-align:left;background:0 0;border:0;flex-direction:column;align-items:flex-start;width:100%;padding:8px 0;transition:color .3s,transform .3s,opacity .3s;display:flex}.lyrics-window button small{color:#bfff36;letter-spacing:.12em;margin-bottom:4px;font:8px DM Mono,monospace}.lyrics-window button span{font-size:13px;line-height:1.55}.lyrics-window button.is-past{color:#f6f0e72e}.lyrics-window button.is-active{color:#bfff36;transform:translate(8px)}.lyrics-window button.is-active span{font-size:16px;font-weight:700}.lyrics-window button:hover{color:#f6f0e7}@media (width<=560px){.lyrics-window{height:132px}.lyrics-window button span{font-size:12px}.lyrics-window button.is-active span{font-size:14px}}.lyrics-heading>span{letter-spacing:.04em;-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;font-family:Noto Sans SC,sans-serif;font-size:13px;font-weight:800;line-height:1.2}.case-poster{isolation:isolate;background:#d7c6aa;min-height:620px;position:relative;overflow:hidden}.case-poster:before{content:"";z-index:0;filter:blur(25px)saturate(.82);background:url(/haoshi-bread-poster.jpg) 50%/cover no-repeat;position:absolute;inset:-34px;transform:scale(1.1)}.case-poster:after{content:"";z-index:1;pointer-events:none;background:#2a1f1229;position:absolute;inset:0}.case-poster img{z-index:2;object-fit:contain;object-position:center;filter:drop-shadow(0 20px 30px #0000004d);width:auto;max-width:78%;height:calc(100% - 44px);display:block;position:absolute;top:22px;bottom:22px;left:50%;transform:translate(-50%)}@media (width<=900px){.case-poster{min-height:540px}.case-poster img{max-width:84%}}@media (width<=560px){.case-poster{min-height:460px}.case-poster img{max-width:90%;height:calc(100% - 28px);top:14px;bottom:14px}}.ip-gallery{background:#040d15b8;flex-direction:column;min-width:0;min-height:520px;padding:18px 0 14px;display:flex;position:relative;overflow:hidden}.ip-gallery-head{color:#bfff36;letter-spacing:.12em;justify-content:space-between;align-items:center;padding:0 20px 14px;font:10px DM Mono,monospace;display:flex}.ip-gallery-head>div{gap:7px;display:flex}.ip-gallery-head button{color:#f6f0e7;cursor:pointer;background:0 0;border:1px solid #ffffff47;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;font-size:23px;line-height:1;transition:all .2s;display:grid}.ip-gallery-head button:hover{color:#07110d;background:#bfff36;border-color:#bfff36}.ip-gallery-track{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;gap:14px;min-width:0;padding:0 20px 12px;display:flex;overflow-x:auto}.ip-gallery-track::-webkit-scrollbar{display:none}.ip-gallery-card{scroll-snap-align:start;background:#17232a;border:1px solid #ffffff2e;flex:0 0 78%;margin:0}.ip-gallery-placeholder{color:#07110dad;flex-direction:column;justify-content:center;align-items:center;min-height:350px;display:flex}.ip-gallery-placeholder span{font-size:16px;font-weight:700}.ip-gallery-placeholder small{letter-spacing:.12em;margin-top:7px;font:8px DM Mono,monospace}.ip-gallery-card figcaption{color:#f6f0e7;border-top:1px solid #ffffff29;align-items:flex-start;gap:15px;padding:14px 16px;display:flex}.ip-gallery-card figcaption>span{color:#bfff36;font:9px DM Mono,monospace}.ip-gallery-card figcaption div{gap:3px;display:grid}.ip-gallery-card figcaption strong{font-size:13px}.ip-gallery-card figcaption small{color:#f6f0e76b;letter-spacing:.08em;font:8px DM Mono,monospace}.ip-gallery-card.tone-1 .ip-gallery-placeholder{background:linear-gradient(135deg,#d8c9ae,#91a39a)}.ip-gallery-card.tone-2 .ip-gallery-placeholder{background:linear-gradient(135deg,#d6a983,#e6d6b7)}.ip-gallery-card.tone-3 .ip-gallery-placeholder{background:linear-gradient(135deg,#a8b8a6,#d5c39b)}.ip-gallery-card.tone-4 .ip-gallery-placeholder{background:linear-gradient(135deg,#d1b6a2,#8fa3a7)}.ip-gallery-card.tone-5 .ip-gallery-placeholder{background:linear-gradient(135deg,#b7a98e,#d8c5a8)}.ip-gallery-hint{color:#f6f0e76b;letter-spacing:.1em;align-items:center;gap:10px;margin-top:auto;padding:10px 20px 0;font:8px DM Mono,monospace;display:flex}.ip-gallery-hint i{background:linear-gradient(90deg,#bfff36,#0000);width:58px;height:1px;display:block}@media (width<=900px){.ip-gallery{min-height:500px}.ip-gallery-card{flex-basis:72%}}@media (width<=560px){.ip-gallery{min-height:390px}.ip-gallery-track{gap:10px;padding-left:14px;padding-right:14px}.ip-gallery-card{flex-basis:88%}.ip-gallery-placeholder{min-height:250px}.ip-gallery-head,.ip-gallery-hint{padding-left:14px;padding-right:14px}}.project-case.is-gallery-case{background:#040d154d;border-left:0;border-right:0;width:100vw;margin-left:calc(50% - 50vw);overflow:hidden}.is-gallery-case>.case-meta,.is-gallery-case>.case-details{width:min(100% - 112px,1388px);margin-left:auto;margin-right:auto}.ip-gallery-layout{padding:54px 0 34px}.ip-gallery-title{justify-content:space-between;align-items:flex-end;width:min(100% - 112px,1388px);margin:0 auto 30px;display:flex}.ip-gallery-title>div>span{color:#bfff36;letter-spacing:.12em;font:9px DM Mono,monospace}.ip-gallery-title h3{margin:12px 0 10px;font-family:Noto Serif SC,serif;font-size:clamp(42px,5vw,76px);font-weight:500;line-height:1.15}.ip-gallery-title p{color:#f6f0e7a3;max-width:620px;margin:0;font-size:14px;line-height:1.8}.ip-gallery-open{color:#f6f0e7;cursor:pointer;background:0 0;border:0;align-items:center;gap:16px;padding:0;font-size:12px;display:flex}.ip-gallery-open b{border:1px solid #ffffff59;border-radius:50%;place-items:center;width:38px;height:38px;font-size:20px;font-weight:400;display:grid}.ip-gallery-open:hover b{color:#07110d;background:#bfff36;border-color:#bfff36}.is-gallery-case .ip-gallery{background:0 0;border:0;min-height:0;padding:12px 0 10px}.is-gallery-case .ip-gallery-head{width:min(100% - 112px,1388px);margin:0 auto;padding:0 0 16px}.is-gallery-case .ip-gallery-track{gap:18px;padding:0 24px 18px;scroll-padding-left:24px}.is-gallery-case .ip-gallery-card{background:#09151ee0;border-radius:18px;flex:0 0 clamp(190px,15vw,250px);overflow:hidden}.is-gallery-case .ip-gallery-placeholder{aspect-ratio:4/5;min-height:0}.is-gallery-case .ip-gallery-card figcaption{min-height:68px;padding:12px 13px}.ip-gallery-card.tone-6 .ip-gallery-placeholder{background:linear-gradient(135deg,#93a7a5,#d9c9ad)}.ip-gallery-card.tone-7 .ip-gallery-placeholder{background:linear-gradient(135deg,#d7bea5,#859a92)}.ip-gallery-card.tone-8 .ip-gallery-placeholder{background:linear-gradient(135deg,#a3b2a0,#e0c597)}.is-gallery-case>.case-details{box-sizing:border-box}@media (width<=900px){.is-gallery-case>.case-meta,.is-gallery-case>.case-details,.ip-gallery-title,.is-gallery-case .ip-gallery-head{width:calc(100% - 44px)}.ip-gallery-title{align-items:flex-start;gap:25px}.ip-gallery-title h3{font-size:46px}.is-gallery-case .ip-gallery-card{flex-basis:210px}}@media (width<=560px){.ip-gallery-layout{padding-top:38px}.ip-gallery-title{margin-bottom:22px;display:grid}.ip-gallery-title h3{font-size:38px}.ip-gallery-title p{font-size:13px}.ip-gallery-open{margin-top:20px}.is-gallery-case .ip-gallery-track{gap:12px;padding-left:14px;padding-right:14px;scroll-padding-left:14px}.is-gallery-case .ip-gallery-card{border-radius:14px;flex-basis:176px}}.is-gallery-case .ip-gallery-track{cursor:ew-resize;scroll-snap-type:none;scroll-behavior:auto;overscroll-behavior:contain}.is-gallery-case .ip-gallery-card{scroll-snap-align:none}.is-gallery-case .ip-gallery-head{color:#f6f0e77a;justify-content:flex-start}.ip-gallery-title{text-align:center;display:block;position:relative}.ip-gallery-title>div{margin:0 auto}.ip-gallery-title p{margin-left:auto;margin-right:auto}.ip-gallery-title .ip-gallery-open{position:absolute;bottom:0;right:0}.ip-gallery-layout{overscroll-behavior:auto}@media (width<=700px){.ip-gallery-title .ip-gallery-open{justify-content:center;margin:20px auto 0;position:static}}.is-gallery-case .ip-gallery-card{background:#fff3;border:0;border-radius:20px;padding:1px;transition:box-shadow .3s,background .3s;overflow:visible}.ip-gallery-card-inner{background:#1a1a1a;border-radius:19px;height:100%;transition:transform .2s;overflow:hidden}.is-gallery-case .ip-gallery-card:hover{background-image:linear-gradient(163deg,#00ff75 0%,#3700ff 100%);box-shadow:0 0 18px .5px #00ff7538}.is-gallery-case .ip-gallery-card:hover .ip-gallery-card-inner{transform:scale(.998)}.ip-gallery-visual{z-index:1;box-sizing:border-box;aspect-ratio:4/5;background-color:#12222d;background-position:50%;background-repeat:no-repeat;background-size:contain;flex:none;width:100%;position:relative;overflow:hidden}.is-gallery-case .ip-gallery-card-inner{grid-template-rows:auto 68px;height:auto;min-height:0;display:grid}.is-gallery-case .ip-gallery-card figcaption{z-index:2;box-sizing:border-box;background:#0a1720;margin:0;position:relative;min-height:0!important}.is-gallery-case .ip-gallery-card.tone-7 .ip-gallery-visual{background-size:92%}.is-gallery-case .ip-gallery-card.tone-8 .ip-gallery-visual{background-size:cover}.ip-gallery-open{color:#f6f0e7;cursor:pointer;text-align:left;background:0 0;border:0;justify-content:flex-start;align-items:center;gap:16px;width:auto;padding:0;font-size:12px;display:flex}.case-toggle b,.ip-gallery-open b{width:38px;height:38px;box-shadow:none;border:1px solid #ffffff59;border-radius:50%;place-items:center;font-size:20px;font-weight:400;transition:color .25s,background-color .25s,border-color .25s,box-shadow .25s;display:grid;transform:none}.case-toggle:hover b,.case-toggle:focus-visible b,.ip-gallery-open:hover b,.ip-gallery-open:focus-visible b,.case-toggle[aria-expanded=true]:hover b,.case-toggle[aria-expanded=true]:focus-visible b,.ip-gallery-open[aria-expanded=true]:hover b,.ip-gallery-open[aria-expanded=true]:focus-visible b{color:#07110d;background:#bfff36;border-color:#bfff36;transform:none;box-shadow:0 0 0 5px #bfff361f,0 0 18px #bfff3638}.case-toggle[aria-expanded=true] b,.ip-gallery-open[aria-expanded=true] b{transform:none}.border-glow-card.project-case{background:#05111b7a;border-color:#ffffff29;display:block;overflow:visible}.border-glow-card.project-case>.border-glow-inner{border-radius:inherit;overflow:hidden}.border-glow-card.project-case.is-gallery-case>.border-glow-inner{overflow:visible}.border-glow-card.project-case.is-gallery-case>.border-glow-inner>.case-meta,.border-glow-card.project-case.is-gallery-case>.border-glow-inner>.case-details{width:min(100% - 112px,1388px);margin-left:auto;margin-right:auto}.border-glow-card.project-case{border:1px solid #fff3}.contact{background:0 0;height:auto;min-height:760px;padding-top:112px}.contact-inner{height:auto;min-height:calc(100vh - 112px);padding-top:0}.contact-layout{flex:1;grid-template-columns:minmax(0,1fr) minmax(360px,490px);align-items:center;gap:clamp(60px,8vw,130px);padding-bottom:72px;display:grid}.contact-copy{max-width:820px}.contact-label{color:#b7ff2a;letter-spacing:.16em;font:600 13px Noto Sans SC,sans-serif;display:inline-flex}.contact h2{--stroke-color:#ffffffd1;--ani-color:#5f03f400;--title-gradient:linear-gradient(90deg, #03a9f4, #f441a5, #ffeb3b, #03a9f4);letter-spacing:-.035em;margin:22px 0 28px;font-family:Noto Sans SC,Microsoft YaHei,sans-serif;font-size:clamp(54px,6.4vw,100px);font-weight:600;line-height:1.12}.contact h2 em{color:inherit}.contact-title-effect{cursor:default;width:max-content;max-width:100%;display:grid;position:relative}.contact-title-back,.contact-title-front{font:inherit;line-height:inherit;grid-area:1/1;display:block}.contact-title-back{color:#f6f0e7;-webkit-text-stroke:0 transparent}.contact-title-front{white-space:nowrap;color:#0000;background:var(--title-gradient);-webkit-text-stroke:0 transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;border-bottom:2px solid #0000;width:0;transition:width 1s,border-color 1s;animation:8s linear infinite contact-title-gradient;overflow:hidden}.contact-title-effect:hover .contact-title-front{border-bottom-color:#03a9f4;width:100%}@keyframes contact-title-gradient{0%{background-position:0%}50%{background-position:400%}to{background-position:0%}}.contact-copy>p{color:#f6f0e7bd;max-width:680px;margin:0;font-size:16px;line-height:1.9}.contact-status{gap:10px;margin:28px 0;display:flex}.contact-status span{color:#ffffffb8;border:1px solid #fff3;border-radius:999px;padding:8px 13px;font-size:12px}.resume-button{color:#17201e;background:#f2ead8;border-radius:11px;align-items:center;gap:26px;padding:15px 20px;font-size:13px;font-weight:600;transition:transform .25s,background .25s,box-shadow .25s;display:inline-flex}.resume-button:hover{background:#b7ff2a;transform:translateY(-3px);box-shadow:0 14px 34px #b7ff2a2e}.contact-card{--pointer-x:50%;--pointer-y:50%;isolation:isolate;-webkit-backdrop-filter:blur(18px);transform-style:preserve-3d;will-change:transform;background:#05141d9e;border:1px solid #ffffff38;border-radius:24px;transition:transform .18s ease-out,box-shadow .3s;position:relative;overflow:hidden;transform:perspective(900px)rotateX(0)rotateY(0);box-shadow:0 30px 80px #0000003d}.contact-card:after{content:"";z-index:0;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y), #b7ff2a1c, transparent 38%);opacity:0;transition:opacity .25s;position:absolute;inset:0}.contact-card>*{z-index:1;position:relative}.contact-card:hover{box-shadow:0 38px 90px #00000057,0 0 34px #b7ff2a14}.contact-card:hover:after{opacity:1}.qr-frame{aspect-ratio:1;background:#fff;border-radius:15px;margin:16px 16px 0;overflow:hidden}.qr-frame img{object-fit:cover;width:100%;height:100%;display:block}.contact-card-body{padding:22px 24px 24px}.wechat-heading{justify-content:space-between;align-items:center;gap:20px;padding-bottom:20px;display:flex}.wechat-heading div{gap:5px;display:grid}.wechat-heading small,.contact-card-body a>span{color:#b7ff2a;letter-spacing:.04em;-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;font-family:Noto Sans SC,sans-serif;font-size:12px;font-weight:600;line-height:1.35}.wechat-heading strong{letter-spacing:.02em;font-size:18px}.wechat-heading button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff47;border-radius:999px;padding:8px 14px}.wechat-heading button:hover{color:#102016;background:#b7ff2a;border-color:#b7ff2a}.contact-card-body a{border-top:1px solid #ffffff2b;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:17px 0;transition:color .2s;display:grid}.contact-card-body a strong{font-size:13px;font-weight:500}.contact-card-body a:hover{color:#b7ff2a}.contact footer .back-top-button{color:#fff;cursor:pointer;background:#11191d;border:0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-left:auto;transition:width .3s,border-radius .3s,color .3s,background-color .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 4px #b7ff2a29}.back-top-button svg{flex:none;width:15px;transition:transform .3s,opacity .2s}.back-top-button svg path{fill:currentColor}.back-top-button>span{opacity:0;color:#101811;letter-spacing:.04em;white-space:nowrap;font:600 12px Noto Sans SC,sans-serif;transition:bottom .3s,opacity .3s;position:absolute;bottom:-22px}.contact footer .back-top-button:hover,.contact footer .back-top-button:focus-visible{color:#101811;background:#b7ff2a;border-radius:999px;width:124px}.back-top-button:hover svg,.back-top-button:focus-visible svg{opacity:0;transform:translateY(-200%)}.back-top-button:hover>span,.back-top-button:focus-visible>span{opacity:1;bottom:50%;transform:translateY(50%)}@media (width<=900px){.contact{padding-top:90px}.contact-layout{grid-template-columns:1fr;gap:48px}.contact-card{justify-self:center;width:min(100%,520px);max-width:520px;margin-inline:auto}.contact footer .back-top-button>span:nth-child(2){display:block}}@media (width<=560px){.contact h2{font-size:45px}.contact-copy>p{font-size:14px}.contact-layout{padding-bottom:52px}.contact-status{flex-wrap:wrap}.contact footer .back-top-button{color:#101811;background:#b7ff2a;border-radius:999px;width:108px}.back-top-button svg{display:none}.contact footer .back-top-button>span:nth-child(2){opacity:1;color:#101811;display:block;position:static;transform:none}}@media (hover:none),(pointer:coarse){.contact-card{will-change:auto;transform:none!important}.contact-card:after{display:none}}.side-rays-container{z-index:0;pointer-events:none;background:#07131c;width:100vw;height:100vh;position:fixed;inset:0;overflow:hidden}.side-rays-container:before{content:"";filter:blur(28px);background:radial-gradient(circle at 96% 3%,#ffc10024,#0000 28%),radial-gradient(circle at 78% 12%,#93c3f71f,#0000 38%);position:absolute;inset:0}.side-rays-container canvas{z-index:1;position:relative}.border-glow-card{--edge-proximity:0;--cursor-angle:45deg;--edge-sensitivity:30;--color-sensitivity:calc(var(--edge-sensitivity) + 20);--border-radius:18px;--glow-padding:32px;--cone-spread:25;border-radius:var(--border-radius);isolation:isolate;background:var(--card-bg);border:1px solid #ffffff26;display:grid;position:relative;overflow:visible;transform:translateZ(.01px)}.border-glow-card:before,.border-glow-card:after,.border-glow-card>.edge-light{content:"";border-radius:inherit;z-index:-1;transition:opacity .25s ease-out;position:absolute;inset:0}.border-glow-card:not(:hover):not(.sweep-active):before,.border-glow-card:not(:hover):not(.sweep-active):after,.border-glow-card:not(:hover):not(.sweep-active)>.edge-light{opacity:0;transition:opacity .75s ease-in-out}.border-glow-card:before{background:linear-gradient(var(--card-bg) 0 100%) padding-box,linear-gradient(#fff0 0 100%) border-box,var(--gradient-1) border-box,var(--gradient-2) border-box,var(--gradient-3) border-box,var(--gradient-4) border-box,var(--gradient-5) border-box,var(--gradient-6) border-box,var(--gradient-7) border-box,var(--gradient-base) border-box;opacity:calc((var(--edge-proximity) - var(--color-sensitivity))/(100 - var(--color-sensitivity)));-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center,#000 calc(var(--cone-spread)*1%),transparent calc((var(--cone-spread) + 15)*1%),transparent calc((100 - var(--cone-spread) - 15)*1%),#000 calc((100 - var(--cone-spread))*1%));mask-image:conic-gradient(from var(--cursor-angle) at center,#000 calc(var(--cone-spread)*1%),transparent calc((var(--cone-spread) + 15)*1%),transparent calc((100 - var(--cone-spread) - 15)*1%),#000 calc((100 - var(--cone-spread))*1%));border:1px solid #0000}.border-glow-card:after{background:var(--gradient-1) padding-box,var(--gradient-2) padding-box,var(--gradient-3) padding-box,var(--gradient-4) padding-box,var(--gradient-5) padding-box,var(--gradient-6) padding-box,var(--gradient-7) padding-box,var(--gradient-base) padding-box;-webkit-mask-image:linear-gradient(#000,#000),radial-gradient(ellipse at 50% 50%,#000 40%,transparent 65%),radial-gradient(ellipse at 66% 66%,#000 5%,transparent 40%),radial-gradient(ellipse at 33% 33%,#000 5%,transparent 40%),conic-gradient(from var(--cursor-angle) at center,transparent 5%,#000 15%,#000 85%,transparent 95%);mask-image:linear-gradient(#000,#000),radial-gradient(ellipse at 50% 50%,#000 40%,transparent 65%),radial-gradient(ellipse at 66% 66%,#000 5%,transparent 40%),radial-gradient(ellipse at 33% 33%,#000 5%,transparent 40%),conic-gradient(from var(--cursor-angle) at center,transparent 5%,#000 15%,#000 85%,transparent 95%);opacity:calc(var(--fill-opacity)*(var(--edge-proximity) - var(--color-sensitivity))/(100 - var(--color-sensitivity)));mix-blend-mode:soft-light;border:1px solid #0000;-webkit-mask-composite:source-out,source-over,source-over,source-over;mask-composite:subtract,add,add,add}.border-glow-card>.edge-light{inset:calc(var(--glow-padding)*-1);pointer-events:none;z-index:2;-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center,#000 2.5%,transparent 10%,transparent 90%,#000 97.5%);mask-image:conic-gradient(from var(--cursor-angle) at center,#000 2.5%,transparent 10%,transparent 90%,#000 97.5%);opacity:calc((var(--edge-proximity) - var(--edge-sensitivity))/(100 - var(--edge-sensitivity)));mix-blend-mode:plus-lighter}.border-glow-card>.edge-light:before{content:"";inset:var(--glow-padding);border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glow-color),inset 0 0 6px var(--glow-color-40),inset 0 0 18px 2px var(--glow-color-20),0 0 3px var(--glow-color-50),0 0 12px var(--glow-color-30),0 0 32px 2px var(--glow-color-10);position:absolute}.border-glow-inner{z-index:1;min-width:0;min-height:0;position:relative}@media (prefers-reduced-motion:reduce){.border-glow-card:before,.border-glow-card:after,.border-glow-card>.edge-light{transition:none}}.border-glow-card{--cone-spread:11}.variable-proximity{font-family:Roboto Flex,DM Sans,sans-serif}.variable-word,.variable-letter{white-space:nowrap;display:inline-block}.variable-letter{transition:color .2s}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html,body,#root{background:0 0;min-height:100%}body{isolation:isolate}main{background:0 0;position:relative}main>section{z-index:1;position:relative}.hero{isolation:isolate;background:#081b35}.hero .hero-media{display:block}.hero:before{content:none}.hero-video{z-index:0;object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.hero .ambient{display:none}.hero-media:after{z-index:1}.about,.work,.achievement,.contact{-webkit-backdrop-filter:none;background:0 0}.about,.achievement{color:#f6f0e7}.about-copy>p,.facts p,.achievement-list p{color:#f6f0e7c2}.education,.facts,.achievement-list,.achievement-list article{border-color:#ffffff47}.education span,.facts span,.achievement-list article>span{color:#efc08f}.contact-glow{display:none}.opening-sequence{z-index:9999;pointer-events:none;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;inset:0;overflow:hidden}.opening-panel{will-change:transform;background:#06131c;border:0;width:calc(100% + 2px);height:100%;margin-left:-1px}.opening-panel:nth-child(2),.opening-panel:nth-child(4){background:#081821}.opening-mark{z-index:2;color:#bfff36;letter-spacing:.18em;white-space:nowrap;font:600 13px DM Mono,monospace;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-copy h1{overflow:hidden}.hero-title-char{will-change:transform;display:inline-block}.portfolio-motion-active .about-section-title,.portfolio-motion-active .section-head h2,.portfolio-motion-active .contact-title-effect,.portfolio-motion-active .project-case,.portfolio-motion-active .portrait-photo{will-change:transform, opacity, clip-path}@media (width<=560px){.opening-sequence{grid-template-columns:repeat(3,1fr)}.opening-panel:nth-child(4){display:none}.opening-mark{font-size:10px}}