@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap";:root{color:#f5f6f2;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;scroll-behavior:smooth;--lime:#c6fa30;--ink:#07090b;--muted:#a2aaa7;--line:#d9e9db2b;background:#07090b;font-family:Inter,PingFang SC,Noto Sans CJK SC,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:4px}::selection{background:var(--lime);color:var(--ink)}.page-shell{width:var(--content-width);margin-inline:auto}.section{padding:126px 0;scroll-margin-top:92px;position:relative;overflow:hidden}.scroll-progress{z-index:200;transform-origin:0;background:var(--lime);width:100%;height:2px;position:fixed;inset:0 auto auto 0}.site-header{z-index:100;top:var(--header-top);width:var(--content-width);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#0a0d11a1;border:1px solid #ffffff24;border-radius:999px;justify-content:space-between;align-items:center;height:50px;padding:5px 8px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 14px 45px #00000021}.brand{background:var(--lime);color:#07110a;letter-spacing:-.02em;border-radius:999px;align-items:center;gap:9px;min-width:110px;height:38px;padding:0 17px 0 8px;font-size:14px;font-weight:800;display:inline-flex;box-shadow:0 0 26px #c6fa3038}.brand-symbol{width:23px;height:23px;color:var(--lime);background:#101b08;border-radius:50%;place-items:center;font-size:13px;font-weight:800;display:grid}.nav{align-items:center;gap:42px;margin-left:85px;display:flex}.nav a{color:#d7ddd7;font-size:12px;font-weight:600;transition:color .25s}.nav a:hover{color:var(--lime)}.nav-contact{color:#ecefec;border:1px solid #ffffff30;border-radius:999px;align-items:center;gap:8px;padding:9px 16px;font-size:11px;font-weight:700;transition:background .25s,color .25s;display:flex}.nav-contact:hover{background:var(--lime);color:#07110a}.menu-toggle{color:#fff;background:0 0;border:0;padding:7px;display:none}.hero{isolation:isolate;background:#1a2022;height:max(820px,100vh);min-height:820px;position:relative;overflow:hidden}.hero-video{z-index:-3;object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.hero-scrim{z-index:-2;pointer-events:none;background:linear-gradient(#01030578 0%,#01030540 25%,#02030554 50%,#010305a1 75%,#07090b 100%),linear-gradient(90deg,#03050994 0%,#03050961 47%,#0305090d 100%);position:absolute;inset:0}.hero-spark{z-index:1;color:var(--lime);opacity:.88;text-shadow:0 0 28px #c6fa30bf;animation:3.4s ease-in-out infinite twinkle;position:absolute}.spark-a{font-size:37px;top:27%;left:52%}.spark-b{font-size:19px;animation-delay:.7s;top:36%;left:55%}@keyframes twinkle{0%,to{opacity:.42;transform:scale(.72)rotate(-12deg)}50%{opacity:1;transform:scale(1.15)rotate(12deg)}}.hero-content{z-index:2;padding-top:clamp(210px,27vh,285px);position:relative}.hero h1{letter-spacing:-.07em;flex-direction:column;width:max-content;margin:0;font-family:DM Sans,Inter,sans-serif;line-height:.94;display:flex}.hero h1 span:first-child{color:var(--lime);letter-spacing:.005em;font-size:clamp(72px,6.9vw,112px);font-weight:800}.hero h1 span:last-child{color:#fff;letter-spacing:-.055em;font-size:clamp(60px,6.2vw,98px);font-weight:500}.hero-content p{color:#ffffffed;text-shadow:0 1px 10px #0000008c;max-width:610px;margin:26px 0 0;font-size:16px;line-height:1.85}.hero-scroll{letter-spacing:.09em;color:var(--lime);align-items:center;gap:9px;margin-top:19px;font-size:11px;font-weight:700;display:inline-flex}.hero-scroll svg{transition:transform .3s}.hero-scroll:hover svg{transform:translate(3px,3px)}.showcase{z-index:3;width:100%;position:absolute;bottom:25px;left:0}.showcase-heading{color:#fff;justify-content:space-between;align-items:center;width:min(1080px,100% - 72px);margin:0 auto 15px;display:flex}.showcase-heading>span{letter-spacing:.11em;text-shadow:0 1px 9px #000;align-items:center;gap:10px;font-size:11px;font-weight:800;display:flex}.showcase-heading i{background:var(--lime);border-radius:50%;width:3px;height:3px}.showcase-heading>div{gap:6px;display:flex}.showcase-heading button{color:#fff;background:#0006;border:1px solid #ffffff47;border-radius:50%;place-items:center;width:31px;height:31px;transition:background .25s,color .25s;display:grid}.showcase-rail{scroll-behavior:auto;scrollbar-width:none;gap:16px;padding:10px 20px 14px;display:flex;overflow-x:auto}.showcase-rail::-webkit-scrollbar{display:none}.showcase-card{color:#fff;text-align:left;background:#111a1a;border:1px solid #ffffff3d;border-radius:16px;flex:0 0 294px;height:222px;padding:0;overflow:hidden;box-shadow:0 13px 30px #00000057}.showcase-card-media{background:#25302e;height:162px;display:block;position:relative;overflow:hidden}.showcase-card-media img{object-fit:cover;object-position:center 32%;width:100%;height:100%;display:block}.cover-04 .showcase-card-media img{width:250%;max-width:none;height:auto;position:absolute;top:-35%;left:-3%}.cover-07 .showcase-card-media img,.cover-09 .showcase-card-media img{width:auto;max-width:none;height:250%;position:absolute}.cover-07 .showcase-card-media img{top:-52%;left:-100%}.cover-09 .showcase-card-media img{top:-35%;left:-97%}.cover-07 .showcase-card-media:after,.cover-09 .showcase-card-media:after{white-space:pre-line;letter-spacing:-.04em;align-items:center;padding:16px;font-size:20px;font-weight:800;line-height:1.35;display:flex;position:absolute;inset:0 0 0 56%}.cover-07 .showcase-card-media:after{content:"风险预警\a 主动守护";color:#643822;background:radial-gradient(circle at 100% 0,#fff8e8,#0000 70%),linear-gradient(145deg,#fff5df,#edcaa6)}.cover-09 .showcase-card-media:after{content:"互动闯关\a 探索天宫";color:#f2fbff;background:radial-gradient(circle at 100% 0,#257dc0,#0000 65%),linear-gradient(145deg,#14579c,#082541)}.showcase-card-media small{color:#101909;background:var(--lime);border-radius:5px;place-items:center;min-width:28px;height:25px;padding:0 5px;font:700 11px DM Sans,sans-serif;display:grid;position:absolute;top:11px;left:11px}.showcase-card-label{justify-content:space-between;align-items:center;gap:12px;height:60px;padding:8px 14px 10px;display:flex}.showcase-card-label>span{flex-direction:column;gap:3px;min-width:0;display:flex}.showcase-card-label small{color:var(--lime);letter-spacing:.08em;white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.showcase-card-label strong{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;line-height:1.15;overflow:hidden}.showcase-card-label svg{color:var(--lime);flex:none}.about{background:radial-gradient(at 53% 35%,#3e00246e,#0000 46%),radial-gradient(at 92% 72%,#004e2966,#0000 44%),#08070d;min-height:1050px}.section-title h2{letter-spacing:-.055em;align-items:center;gap:12px;margin:0 0 5px;font-family:DM Sans,Inter,sans-serif;font-size:clamp(32px,3.5vw,52px);font-weight:700;line-height:1.1;display:flex}.section-title h2 svg{color:var(--lime);stroke-width:2.5px;width:29px;height:29px}.section-title>span{color:#949c9a;font-size:14px}.about-grid{grid-template-columns:390px minmax(0,1fr);align-items:start;gap:43px;display:grid}.about-visual{background:#c4c5c2;border-radius:18px;height:410px;margin:0;position:relative;overflow:hidden;box-shadow:0 22px 65px #0003}.about-visual img{object-fit:cover;object-position:center 31%;width:100%;height:100%}.about-visual figcaption{letter-spacing:.17em;color:#f3f5f1;text-shadow:0 2px 7px #000;font-size:9px;font-weight:800;position:absolute;bottom:17px;left:18px}.eyebrow{color:var(--lime);letter-spacing:.13em;font-size:10px;font-weight:800}.about-content{padding-top:7px}.about-content h3{letter-spacing:-.05em;margin:10px 0 15px;font-family:DM Sans,Inter,sans-serif;font-size:clamp(33px,3.8vw,53px);font-weight:700}.about-content>p{color:#a8afad;max-width:630px;margin:0 0 21px;font-size:14px;line-height:1.85}.about-facts{grid-template-columns:1fr 1fr;gap:0 30px;display:grid}.about-facts>div{border-top:1px solid var(--line);flex-direction:column;gap:7px;min-height:55px;padding:11px 0;display:flex}.about-facts small,.now-building small{color:var(--lime);letter-spacing:.1em;font-size:9px;font-weight:700}.about-facts strong,.about-facts a{color:#e5e9e4;font-size:12px;font-weight:600}.about-facts a{text-underline-offset:4px;-webkit-text-decoration:underline #ffffff40;text-decoration:underline #ffffff40}.metrics{border-top:1px solid var(--line);gap:clamp(32px,5vw,75px);padding-top:17px;display:flex}.metrics>div{flex-direction:column;gap:4px;display:flex}.metrics strong{color:var(--lime);letter-spacing:-.05em;font-family:DM Sans,sans-serif;font-size:32px}.metrics span{color:#969e9a;font-size:10px}.now-building{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px;margin-top:17px;padding-top:16px;display:flex}.now-building small{flex-basis:100%;margin-bottom:2px}.now-building span{color:#c9d2bf;border:1px solid #c6fa3040;border-radius:999px;padding:4px 9px;font-size:10px}.career{z-index:1;margin-top:72px;position:relative}.career-head{color:#959d98;justify-content:space-between;align-items:center;margin-bottom:34px;display:flex}.career-head small{letter-spacing:.17em;font-size:9px;font-weight:800}.career-line{border-top:1px solid #c6fa3094;grid-template-columns:repeat(3,1fr);gap:26px;display:grid}.career-line>div{padding-top:24px;position:relative}.career-line i{background:var(--lime);width:10px;height:10px;position:absolute;top:-5px;left:0;transform:rotate(45deg);box-shadow:0 0 15px #c6fa30a6}.career-line small{color:var(--lime);letter-spacing:.12em;font-family:DM Sans;font-size:9px;font-weight:700}.career-line h4{margin:9px 0;font-size:17px;font-weight:650}.career-line p{color:#86908a;max-width:250px;margin:0;font-size:12px;line-height:1.7}.about-watermark{color:#c6fa3008;letter-spacing:-.1em;pointer-events:none;font-family:DM Sans,sans-serif;font-size:320px;font-weight:800;line-height:1;position:absolute;bottom:-70px;right:-10px}.capability-grid{grid-template-columns:repeat(6,1fr);gap:17px;display:grid}.capability-card{color:#f3f6f0;text-align:left;background:#0d1214e6;border:1px solid #acc5b82e;border-radius:20px;flex-direction:column;grid-column:span 2;justify-content:space-between;min-height:260px;padding:20px 23px;transition:background .35s,color .35s,border-color .35s,transform .35s;display:flex;position:relative;overflow:hidden}.capability-card:nth-child(-n+2){grid-column:span 3;min-height:272px}.capability-card:hover{transform:translateY(-5px)}.capability-card.active{background:var(--lime);border-color:var(--lime);color:#111b0a}.capability-top{z-index:1;justify-content:space-between;align-items:start;display:flex;position:relative}.capability-top small{color:var(--lime);text-align:center;background:#c6fa3017;border:1px solid #c6fa3059;border-radius:999px;min-width:32px;padding:4px 7px;font-family:DM Sans;font-size:9px;font-style:normal;font-weight:700}.capability-top em{color:#777f7b;font-size:8px;font-style:normal;font-weight:800}.capability-card.active .capability-top small{color:#264009;background:#ffffff7a;border-color:#1d2f094d}.capability-card.active .capability-top em{color:#566b2e}.capability-body{z-index:1;flex-direction:column;gap:14px;max-width:77%;display:flex;position:relative}.capability-body strong{font-size:clamp(22px,2vw,31px);font-weight:600;line-height:1.25}.capability-body strong i{color:var(--lime);padding-left:5px;font-style:normal}.capability-card.active .capability-body strong i{color:#496d1d}.capability-body>span{color:#818e86;opacity:0;font-size:11px;line-height:1.6;transition:opacity .3s,transform .3s;transform:translateY(8px)}.capability-card:hover .capability-body>span,.capability-card.active .capability-body>span,.capability-card:focus-visible .capability-body>span{opacity:1;transform:translateY(0)}.capability-card.active .capability-body>span{color:#40542d}.capability-shape{opacity:.76;filter:drop-shadow(0 0 25px #baef3826);border-radius:45%;width:150px;height:150px;transition:transform .35s,opacity .35s;position:absolute;bottom:-25px;right:0;transform:rotate(-23deg)}.shape-1{background:radial-gradient(circle at 34% 28%,#e4ff8a,#88ad32 42%,#50218c 72%,#0000 73%);border-radius:48% 37% 56% 44%}.shape-2{background:radial-gradient(circle at 28% 28%,#d3fd84 0 17%,#0000 18%),radial-gradient(circle at 65% 66%,#b3d955 0 28%,#6b598b 29% 47%,#0000 48%),radial-gradient(circle at 57% 24%,#e2ff99,#93b749 34%,#0000 35%)}.shape-3{border:23px solid #9fb85b;border-radius:50%;width:110px;height:110px;bottom:-20px;right:20px;box-shadow:19px 13px #675192,inset 7px 6px 12px #ffffff52}.shape-4{background:linear-gradient(145deg,#cadc6a 0 28%,#6d5cab 29% 50%,#99ba56 51% 80%,#293a3b 81%);border-radius:17px;width:110px;height:100px;bottom:-17px;right:28px;transform:rotate(-28deg)skewY(10deg)}.shape-5{border:22px solid #9ab456;border-radius:58% 58% 48% 52%;width:122px;height:100px;bottom:-6px;right:14px;box-shadow:11px 12px #675193}.project-list{grid-template-columns:1fr 1fr;gap:0 25px;display:grid}.project-row{border:0;border-top:1px solid var(--line);color:#f2f5f0;text-align:left;background:0 0;grid-template-columns:25px 146px minmax(0,1fr) 24px;align-items:center;gap:16px;width:100%;min-height:136px;padding:13px 0;transition:background .25s,padding .25s;display:grid}.project-row:hover{background:#c6fa300b;padding-left:8px}.row-index{color:var(--lime);align-self:start;padding-top:8px;font-family:DM Sans;font-size:10px;font-weight:700}.project-row img{object-fit:cover;object-position:center 28%;background:#202725;border-radius:8px;width:146px;height:93px}.row-copy{flex-direction:column;gap:8px;min-width:0;display:flex}.row-copy strong{white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:600;overflow:hidden}.row-copy small{color:#8f9a93;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.row-summary{color:#aebbb0;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.55;display:-webkit-box;overflow:hidden}.row-english{display:none}.row-arrow{color:var(--lime)}.project-note{color:#66736a;margin:24px 0 0;font-size:11px}.detail-backdrop{z-index:130;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000c9;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.project-detail{background:#111715;border:1px solid #c6fa3042;border-radius:22px;width:min(900px,100%);max-height:calc(100vh - 48px);padding:26px 32px 38px;overflow-y:auto;box-shadow:0 35px 100px #000}.detail-header{border-bottom:1px solid var(--line);color:var(--lime);letter-spacing:.1em;justify-content:space-between;align-items:center;padding-bottom:12px;font-family:DM Sans;font-size:11px;font-weight:700;display:flex}.detail-header button{border:1px solid var(--line);color:#fff;background:0 0;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.project-detail h2{letter-spacing:-.06em;margin:24px 0 4px;font-size:clamp(32px,4vw,58px)}.detail-category{color:var(--lime);margin:0;font-size:13px}.detail-description{color:#f1f6e9;max-width:760px;margin:22px 0 10px;font-size:17px;line-height:1.7}.detail-story{max-width:780px;margin-bottom:24px}.detail-story p{color:#aab8ae;margin:0 0 12px;font-size:14px;line-height:1.85}.detail-link{color:#0d1709;background:var(--lime);border-radius:999px;align-items:center;gap:15px;margin-bottom:24px;padding:11px 18px;font-size:13px;font-weight:700;display:inline-flex}.detail-gallery{gap:22px;display:grid}.gallery-item{min-width:0;margin:0}.gallery-frame{aspect-ratio:16/9;background:#080d0d;border-radius:10px;width:100%;display:block;position:relative;overflow:hidden}.gallery-frame img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .35s;display:block}.gallery-frame span{color:#fff;background:#040a09d1;border-radius:6px;align-items:center;gap:6px;padding:8px 10px;font-size:11px;display:inline-flex;position:absolute;bottom:13px;right:13px}.gallery-item figcaption{color:#899b8d;margin-top:8px;font-size:11px;line-height:1.5}.detail-source{color:#6d7e70;margin:20px 0 0;font-size:11px}.contact{background:radial-gradient(circle at 75% 40%,#24683366,#0000 45%),radial-gradient(circle at 10% 92%,#5d034b38,#0000 42%),#060b0a;align-items:center;min-height:max(760px,100vh);display:flex}.contact-glow{pointer-events:none;border:1px solid #c6fa3024;border-radius:50%;width:380px;height:380px;position:absolute;top:22%;right:7%;box-shadow:0 0 0 80px #c6fa3005,0 0 0 160px #c6fa3003}.contact-inner{flex-direction:column;justify-content:space-between;min-height:calc(100vh - 252px);display:flex;position:relative}.contact h2{letter-spacing:-.08em;margin:22px 0;font-size:clamp(68px,7vw,112px);line-height:1.04}.contact h2 em{color:var(--lime);font-style:normal}.contact p{color:#aeb9af;max-width:640px;margin:0 0 34px;font-size:16px;line-height:1.7}.contact-button{background:var(--lime);color:#101909;border-radius:999px;align-items:center;gap:44px;padding:16px 22px;font-size:14px;font-weight:800;transition:transform .3s,box-shadow .3s;display:inline-flex}.contact-button:hover{transform:translateY(-4px);box-shadow:0 16px 40px #c6fa3033}.contact-bottom{border-top:1px solid var(--line);color:#bcc8bd;align-items:center;gap:35px;padding-top:24px;font-size:12px;display:flex}.contact-bottom>div:first-child{align-items:center;gap:9px;display:flex}.contact-bottom svg{color:var(--lime)}.contact-bottom small{color:#6f7b70;letter-spacing:.12em;margin-left:auto;font-size:9px}@media (height<=800px) and (width>=621px){.hero{height:100vh;min-height:700px}.hero-content{padding-top:clamp(175px,25vh,220px)}.hero h1 span:first-child{font-size:clamp(66px,6.4vw,94px)}.hero h1 span:last-child{font-size:clamp(55px,5.8vw,82px)}.hero-content p{margin-top:20px;font-size:14px}.showcase-card{flex-basis:256px;height:192px}.showcase-card-media{height:136px}.showcase-card-label{height:56px}.showcase{bottom:16px}.showcase-heading{margin-bottom:6px}}@media (width<=900px){.about-grid{grid-template-columns:270px minmax(0,1fr);gap:28px}.about-visual{height:360px}.about-content h3{font-size:34px}.about-content>p{font-size:12px}.about-facts{grid-template-columns:1fr}.about-facts>div{min-height:47px}.now-building{display:none}.project-list{grid-template-columns:1fr}.capability-card{min-height:235px}.contact-bottom{flex-wrap:wrap}}@media (width<=620px){.section{padding:95px 0;scroll-margin-top:80px}.site-header{height:48px;padding:4px}.brand{height:38px}.nav{border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0f0ff5;border-radius:17px;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:15px 20px;display:none;position:absolute;top:56px;left:0;right:0}.nav.open{display:flex}.nav a{padding:11px 4px;font-size:13px}.nav-contact{margin-left:auto;padding:8px 11px;font-size:10px}.menu-toggle{place-items:center;display:grid}.hero{height:830px;min-height:0}.hero-video{object-position:54% center}.hero-scrim{background:linear-gradient(#0103056e,#01030573 30%,#010305b3 63%,#07090b 100%),linear-gradient(90deg,#01030559,#0000)}.hero-content{padding-top:204px}.hero h1 span:first-child{font-size:66px}.hero h1 span:last-child{font-size:52px}.hero-content p{max-width:315px;margin-top:18px;font-size:12px;line-height:1.8}.hero-scroll{margin-top:12px}.spark-a{font-size:22px;top:27%;left:80%}.spark-b{font-size:13px;top:32%;left:85%}.showcase{bottom:25px}.showcase-heading{width:calc(100% - 38px);margin-bottom:8px}.showcase-heading>span{font-size:9px}.showcase-heading button{width:29px;height:29px}.showcase-rail{gap:12px;padding:7px 19px 14px}.showcase-card{border-radius:13px;flex-basis:218px;height:184px}.showcase-card-media{height:128px}.showcase-card-label{height:56px;padding-inline:11px}.showcase-card-label strong{font-size:13px}.section-title h2{font-size:30px}.section-title h2 svg{width:21px;height:21px}.section-title>span{font-size:12px}.about-grid{display:block}.about-visual{max-width:350px;height:380px;margin-bottom:30px}.about-content h3{font-size:37px}.about-content>p{font-size:13px}.about-facts{grid-template-columns:1fr 1fr;gap:0 13px}.about-facts a,.about-facts strong{word-break:break-word;font-size:10px}.metrics{justify-content:space-between;gap:8px}.metrics strong{font-size:29px}.metrics span{font-size:9px}.career{margin-top:60px}.career-line{border-top:0;border-left:1px solid #c6fa3094;margin-left:5px;display:block}.career-line>div{padding:0 0 29px 22px}.career-line i{top:3px;left:-5px}.career-line h4{margin:7px 0}.about-watermark{font-size:170px;bottom:-20px}.capability-grid{grid-template-columns:1fr;gap:13px;display:grid}.capability-card,.capability-card:nth-child(-n+2){grid-column:auto;min-height:218px}.capability-body strong{font-size:23px}.capability-body>span{opacity:1;transform:none}.project-row{grid-template-columns:22px 84px minmax(0,1fr) 17px;gap:10px;min-height:116px}.project-row img{width:84px;height:62px}.row-copy strong{font-size:14px}.row-copy small{font-size:9px}.row-summary{-webkit-line-clamp:2;font-size:10px}.row-arrow{width:18px}.detail-backdrop{padding:9px}.project-detail{border-radius:17px;max-height:calc(100vh - 18px);padding:20px 16px 30px}.project-detail h2{font-size:36px}.detail-description{font-size:14px}.detail-story p{font-size:12px}.project-detail[data-project-index="04"] h2{white-space:nowrap;font-size:clamp(23px,6.8vw,32px)}.contact{min-height:780px}.contact-inner{min-height:590px}.contact h2{font-size:56px}.contact p{font-size:13px}.contact-bottom{gap:13px;font-size:11px;display:grid}.contact-bottom small{margin:10px 0 0}}@media (width<=360px){.project-row[data-project-index="04"] .row-copy strong{letter-spacing:-.02em;font-size:13px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.hero-video{display:none}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#172b44;--lime:#245bdb;--ink:#172b44;--muted:#63728a;--line:#172b4429;--page:#f7f4eb;--surface:#fffdf8;--surface-alt:#e9effa;--body-copy:#4c5e75;--section-type:clamp(36px, 3.6vw, 60px);--body-type:16px;--meta-type:12px;--page-gutter:56px;--content-width:min(1200px, calc(100% - var(--page-gutter) * 2));--header-top:16px;background:#f7f4eb}body,.about,.capabilities,.project-index,.contact,.project-detail,.site-header,.showcase-card,.capability-card,.hero-scrim{transition:background-color .8s,color .8s,border-color .8s}.site-header{width:min(960px, calc(100% - var(--page-gutter) * 2));-webkit-backdrop-filter:blur(26px)saturate(150%);backdrop-filter:blur(26px)saturate(150%);background:linear-gradient(115deg,#ffffffb3,#e6effd99),#fffdf866;border-color:#718fb64d;box-shadow:inset 0 1px #ffffffe6,0 8px 28px #1f365621}.site-header:not(.over-hero){-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;border-color:#0000;top:6px}.site-header:not(.over-hero):before{content:"";z-index:-1;pointer-events:none;-webkit-backdrop-filter:blur(26px)saturate(140%);backdrop-filter:blur(26px)saturate(140%);background:linear-gradient(115deg,#fffdf8e6,#e9f1fddb);border-bottom:1px solid #718fb633;width:100vw;position:absolute;top:-6px;bottom:-6px;left:50%;transform:translate(-50%);box-shadow:0 6px 22px #1f36560f}.brand{background:var(--lime);color:#fff;box-shadow:none}.brand-symbol{color:var(--lime);background:#fff}.nav{margin-left:0}.nav a,.nav-contact{color:#172b44}.nav-contact{border-color:#172b4440}.nav-contact:hover{color:#fff}.site-header .nav a{isolation:isolate;position:relative}.site-header .nav a:before{content:"";z-index:-1;opacity:0;pointer-events:none;background:#e2ecff;border-radius:999px;transition:opacity .25s;position:absolute;inset:-8px -12px}.site-header .nav a[aria-current=location]{color:#245bdb}.site-header .nav a[aria-current=location]:before{opacity:1}.site-header .nav-contact[aria-current=location]{color:#245bdb;background:#e2ecff;border-color:#245bdb40}@media (width<=620px){.site-header .nav a:before{inset:2px -8px}}@media (prefers-reduced-motion:reduce){.site-header .nav a:before{transition:none}}.header-actions{align-items:center;gap:8px;display:flex}@media (width>=621px){.site-header{grid-template-columns:124px minmax(0,1fr) 124px;column-gap:16px;display:grid}.site-header .brand{justify-self:start}.site-header .nav{justify-self:center;gap:clamp(20px,3vw,40px);margin:0}.site-header .header-actions{justify-self:end}.site-header .nav-contact{min-height:36px;padding-inline:16px}}@media (width>=621px) and (width<=900px){.site-header{width:calc(100% - 48px)}}.theme-toggle{border:1px solid var(--line);color:#172b44;letter-spacing:.08em;background:0 0;border-radius:999px;align-items:center;gap:6px;height:35px;padding:0 10px;font-size:10px;font-weight:800;display:inline-flex}.theme-toggle:hover{border-color:var(--lime);color:var(--lime)}.menu-toggle{color:#172b44}.site-header.over-hero{background:linear-gradient(115deg,#2853888c,#6f9dc852);border-color:#ffffff6b;height:44px;box-shadow:inset 0 1px #ffffff4d,0 8px 28px #0e24412e}.over-hero .brand{min-width:99px;height:32px;font-size:12px}.over-hero .brand-symbol{width:21px;height:21px}.over-hero .nav a,.over-hero .nav-contact,.over-hero .theme-toggle{color:#fff}.over-hero .nav a{font-size:11px}.over-hero .nav-contact,.over-hero .theme-toggle{border-color:#fff3}.over-hero .nav-contact{padding:7px 12px;font-size:10px}.over-hero .theme-toggle{justify-content:center;width:29px;height:29px;padding:0}.over-hero .theme-toggle span{display:none}.hero{--poster-height:clamp(240px, 17.4vw, 308px);--hero-copy:#f6f9ff;background:#76b8ee;height:100svh;min-height:790px}.hero-scene{--night:0;--warmth:0;--moonlight:0;z-index:-3;position:absolute;inset:0;overflow:hidden}.hero-sky{z-index:0;object-fit:cover;width:112%;max-width:none;height:106%;filter:brightness(calc(1 - var(--night) * .76)) saturate(calc(.98 - var(--night) * .18));position:absolute;top:-3%;left:-6%}.hero-night-air{z-index:1;opacity:calc(var(--moonlight) * .85);mix-blend-mode:color;background:linear-gradient(#243d80,#537cad 64%,#314c84);position:absolute;inset:0}.hero-dusk-air{z-index:4;opacity:calc(var(--warmth) * .7);mix-blend-mode:color;background:linear-gradient(#7483af,#d597a1 40%,#ffc68f 66%,#dfa68c);position:absolute;inset:0}.hero-golden-light{z-index:4;pointer-events:none;background:radial-gradient(ellipse at var(--sun-x,78%) 48%, #ffb870bf, #e88b8333 38%, transparent 70%);opacity:var(--warmth);mix-blend-mode:screen;position:absolute;inset:0}.hero-stars{z-index:2;width:100%;height:46%;opacity:calc(var(--night) * var(--night) * var(--night));position:absolute;inset:0 0 auto}.hero-foreground{z-index:5;isolation:isolate;max-width:none;height:auto;position:absolute}.hero-active-group{opacity:calc(1 - var(--rest,0));mix-blend-mode:plus-lighter;position:relative}.hero-resting-group{opacity:var(--rest,0);mix-blend-mode:plus-lighter;position:absolute;inset:0}.hero-edge-defs{pointer-events:none;position:absolute}.hero-active-group,.hero-resting-group{filter:url(#hero-clean-edge)}.hero-land{width:100%;height:auto;filter:brightness(calc(1 - var(--night) * .58)) saturate(.94) sepia(calc(var(--warmth) * .28));display:block}.hero-night-land{width:100%;height:100%;opacity:calc(var(--moonlight) * .25);filter:brightness(.5)grayscale()sepia()hue-rotate(175deg)saturate(1.8);position:absolute;inset:0}.hero-worklight{width:100%;height:100%;opacity:calc(var(--night) * var(--night));filter:brightness(1.02)saturate(.9);position:absolute;inset:0;-webkit-mask-image:radial-gradient(16% 27% at 43% 28%,#000,#0000 80%);mask-image:radial-gradient(16% 27% at 43% 28%,#000,#0000 80%)}.hero-scene[data-variant=open] .hero-foreground{width:min(70vw,1180px);right:0;bottom:calc(var(--poster-height) * .45)}.hero-scene[data-variant=village] .hero-foreground{width:100%;left:0;bottom:calc(var(--poster-height) * .5 + 24px)}.hero-scene[data-variant=village] .hero-worklight{-webkit-mask-image:radial-gradient(11% 19% at 53% 59%,#000,#0000 86%),radial-gradient(3% 7% at 11% 47%,#000,#0000),radial-gradient(3% 7% at 26% 49%,#000,#0000),radial-gradient(3% 7% at 95% 65%,#000,#0000);mask-image:radial-gradient(11% 19% at 53% 59%,#000,#0000 86%),radial-gradient(3% 7% at 11% 47%,#000,#0000),radial-gradient(3% 7% at 26% 49%,#000,#0000),radial-gradient(3% 7% at 95% 65%,#000,#0000)}.hero-cinema-shade{z-index:6;pointer-events:none;background:linear-gradient(90deg,#081d3a6b,#081d3a38 28%,#081d3a0f 58%,#0000 85%),linear-gradient(#07152a14,#0000 28% 63%,#04122540);position:absolute;inset:0}.hero-scrim,.hero-spark{display:none}.hero-content{width:min(920px,88%);margin-left:6%;margin-right:auto;padding-top:19vh}.hero-open .hero-content{isolation:isolate}.hero-village .hero-content{isolation:isolate;margin-left:19%}.hero-identity{letter-spacing:.12em;margin-bottom:15px;font-size:12px;font-weight:600;display:block}.hero h1{text-shadow:0 2px 18px #06172314;line-height:.94}.hero h1 span:first-child{letter-spacing:-.055em;font-size:clamp(76px,6vw,112px)}.hero h1 span:last-child{letter-spacing:-.05em;font-size:clamp(52px,4.4vw,78px);font-weight:650}.hero-content p{max-width:460px;margin-top:18px;font-size:clamp(13px,.95vw,17px);line-height:1.8}.hero-content p strong{font-weight:700}.hero-open .hero-identity,.hero-open h1 span,.hero-open .hero-content p{color:var(--hero-copy)}.hero-village .hero-identity,.hero-village h1 span,.hero-village .hero-content p{color:#fff;text-shadow:0 2px 15px #092b5d73}.hero-village .hero-identity,.hero-village .hero-content p{text-shadow:0 2px 8px #001330f2,0 0 20px #001b3ebf}.hero-open h1 span:first-child,.hero-open h1 span:last-child{color:var(--hero-copy)}.hero-village h1 span:first-child,.hero-village h1 span:last-child{color:#fff}.hero-open .hero-content{text-shadow:0 2px 12px #04133299}.hero-open .showcase-heading{color:var(--hero-copy)}.showcase{bottom:14px}.showcase-heading{color:#fff;width:min(1280px,67%);margin-bottom:-6px}.showcase-heading>span{text-shadow:0 1px 8px #00000080;font-size:10px;font-weight:600}.showcase-heading button{color:#fff;background:#ffffff1f;border-color:#ffffff4d;width:26px;height:26px}.showcase-heading button:hover{background:var(--lime);color:#fff}.showcase-rail{perspective:1100px;cursor:grab;touch-action:pan-x pan-y;gap:24px;padding:27px 22px 23px}.showcase-rail:active{cursor:grabbing}.showcase-card{height:var(--poster-height);color:#fff;transform-origin:50%;animation:posterFloat 10s ease-in-out var(--card-delay) infinite;background:#142534;border:1px solid #ffffff4d;border-radius:11px;flex-basis:clamp(188px,13.75vw,238px);position:relative;box-shadow:0 14px 30px #0611193b}@keyframes posterFloat{0%,to{transform:translateY(2px) rotate(calc(var(--card-angle) * .6)) rotateY(-3deg)}50%{transform:translateY(-3px) rotate(calc(var(--card-angle) * -.4)) rotateY(3deg)}}.showcase:hover .showcase-card,.showcase:focus-within .showcase-card,.showcase-inactive .showcase-card{animation-play-state:paused}.showcase-card:hover,.showcase-card:focus-visible{border-color:#fff;box-shadow:0 17px 34px #0000005c}.showcase-card-media{height:100%}.showcase-card-media small{display:none}.showcase-card-label{z-index:5;background:linear-gradient(#0000,#07111cf0 54%);align-items:flex-end;height:83px;padding:25px 12px 14px;position:absolute;inset:auto 0 0}.showcase-card-label strong{color:#fff;font-size:15px;line-height:1.35}.showcase-card-label small{color:#d8e7f7;letter-spacing:0;font-size:10px}.showcase-card-label svg{display:none}.cover-art{display:block;position:absolute;inset:0;overflow:hidden}.cover-kicker{z-index:3;letter-spacing:-.03em;color:#fff;text-shadow:0 2px 8px #000000a6;font-size:16px;font-weight:700;line-height:1.4;position:absolute;top:17px;left:13px;right:10px}.cover-kicker:empty{display:none}.cover-01 .cover-art img{object-position:center 18%}.cover-02 .cover-art img{object-position:center 50%}.cover-02 .cover-kicker{color:#15396f;text-shadow:0 1px 4px #ffffffe6}.cover-05 .showcase-card-media:after,.cover-08 .showcase-card-media:after,.cover-10 .showcase-card-media:after{content:"";background:linear-gradient(#061729b8,#0000 42%);position:absolute;inset:0}.cover-04 .showcase-card-media{background:#b89b78}.cover-04 .cover-kicker{color:#302518;text-shadow:none}.cover-04 .cover-art{top:24%;bottom:25%}.cover-04 .cover-art img{width:250%;height:auto;top:-34%;left:-23%}.cover-07 .showcase-card-media{background:#164e45}.cover-09 .showcase-card-media{background:#082d56}.cover-07 .cover-art,.cover-09 .cover-art{aspect-ratio:.49;border-radius:12px;height:80%;inset:20% auto auto 50%;transform:translate(-50%)rotate(-4deg);box-shadow:0 8px 22px #0005}.cover-07 .cover-art img,.cover-09 .cover-art img{width:auto;max-width:none;height:100%;top:0;left:0;transform:translate(-26.1%)}.cover-05 .cover-art img{object-position:55% center}.cover-08 .cover-art img{object-position:center}.cover-10 .cover-art img{object-position:22% center}.cover-07 .showcase-card-media:after,.cover-09 .showcase-card-media:after{display:none}.project-cover{background-position:50%;background-size:cover;display:block;position:absolute;inset:0;overflow:hidden}.fin-cover{background-image:url(https://static-evan.yiesun.com/evan-portfolio/releases/r20261004-1952/media/finsights-cover-backdrop-v2.optimized.webp)}.dog-cover{background-image:url(https://static-evan.yiesun.com/evan-portfolio/releases/r20261004-1952/media/doggo-cover-backdrop-v2.optimized.webp)}.project-cover .cover-message{z-index:3;flex-direction:column;gap:8px;display:flex;position:absolute;top:46px;left:15px}.project-cover .cover-message strong{letter-spacing:-.045em;font-size:19px;line-height:1.17}.project-cover .cover-message>span{letter-spacing:.03em;font-size:9px;font-weight:700}.fin-cover:before,.dog-cover:before{content:"";z-index:1;pointer-events:none;position:absolute;inset:0}.fin-cover:before{background:linear-gradient(90deg,#051d4df2,#051d4dd6 34%,#0000 63%)}.dog-cover:before{background:linear-gradient(90deg,#1a0926f0,#1a0926a1 39%,#0000 67%)}.fin-cover .cover-message{color:#fff;text-shadow:0 2px 7px #000d2c40}.fin-cover .cover-message>span{color:#c6dfff}.fin-screen{z-index:2;background:#fff;border:5px solid #fff;border-radius:10px;width:207px;height:147px;display:block;position:absolute;top:23px;right:-28px;overflow:hidden;transform:rotate(-6deg);box-shadow:0 16px 30px #0d326b45}.fin-screen img{object-fit:cover;object-position:top center;width:100%;height:100%}.dog-cover .cover-message{color:#fff4e9;text-shadow:0 2px 10px #220a2bb3}.dog-cover .cover-message>span{color:#ffaea2}.dog-screen{background:#191020;border:2px solid #efdaffa6;border-radius:13px;display:block;position:absolute;overflow:hidden;box-shadow:0 13px 26px #0f03197a}.dog-screen img{width:auto;max-width:none;position:absolute;top:0}.dog-screen-side{z-index:1;width:70px;height:149px;top:26px;right:87px;transform:rotate(-10deg)}.dog-screen-side img{height:146px;left:-133px}.dog-screen-main{z-index:2;width:84px;height:181px;top:7px;right:10px;transform:rotate(7deg)}.dog-screen-main img{height:178px;left:-83px}.showcase .project-cover .cover-message{gap:5px;top:17px;left:13px}.showcase .project-cover .cover-message strong{font-size:22px}.showcase .project-cover .cover-message>span{font-size:7px}.showcase .fin-screen{border-width:3px;border-radius:6px;width:92%;height:58%;top:88px;right:-8px;transform:rotate(-6deg)}.showcase .dog-screen-side{width:65px;height:139px;top:102px;right:85px}.showcase .dog-screen-side img{height:137px;left:-124px}.showcase .dog-screen-main{width:77px;height:169px;top:75px;right:12px}.showcase .dog-screen-main img{height:166px;left:-77px}.cover-03 .showcase-card-media>small,.cover-06 .showcase-card-media>small{z-index:3}.about{background:radial-gradient(ellipse at 84% 45%, #adcaf857, transparent 48%), var(--page)}.section-title{margin-bottom:48px}.section-title>.eyebrow,.eyebrow{color:var(--lime);font-size:var(--meta-type);letter-spacing:.12em;font-weight:700;line-height:1.5}.section-title h2{font-size:var(--section-type);letter-spacing:-.035em;margin:16px 0 0;line-height:1.18}.section-title h2 svg{flex:none;width:.65em;height:.65em}.about-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,4.5vw,80px)}.about-visual{height:clamp(410px,36vw,570px)}.about-visual img{object-position:center top}.about-content{max-width:760px;padding-top:0}.about-content h3{margin:14px 0 22px;font-size:clamp(30px,2.6vw,42px);line-height:1.2}.about-content>p{font-size:var(--body-type);text-wrap:pretty;max-width:40em;margin-bottom:24px;line-height:1.85}.about-content>.about-lead{color:var(--ink);margin-bottom:12px;font-size:18px;font-weight:600;line-height:1.65}.about-facts>div{gap:8px;padding-block:16px}.about-facts small,.now-building small,.career-head small,.career-line small{font-size:var(--meta-type);letter-spacing:.08em;line-height:1.5}.about-facts strong,.about-facts a{overflow-wrap:anywhere;font-size:14px;line-height:1.6}.metrics{gap:clamp(28px,4vw,68px);padding-top:24px}.metrics strong{font-size:40px;line-height:1.15}.metrics span,.now-building span{font-size:var(--meta-type);line-height:1.6}.now-building{gap:8px;margin-top:24px;padding-top:20px}.now-building span{padding:6px 12px}.career-head{margin-bottom:28px}.career-head span{font-size:14px}.career-line h4{letter-spacing:-.025em;margin:12px 0;font-size:22px;line-height:1.4}.career-line p{font-size:var(--body-type);text-wrap:pretty;max-width:30em;line-height:1.85}.capability-card,.capability-card:nth-child(-n+2){min-height:280px;padding:28px}.capability-top small,.capability-top em{font-size:var(--meta-type);line-height:1.5}.capability-body{flex:1;gap:16px;max-width:100%;margin-top:48px}.capability-body strong{letter-spacing:-.025em;text-wrap:balance;font-size:clamp(24px,2vw,32px);line-height:1.4}.capability-body>span{font-size:var(--body-type);opacity:1;text-wrap:pretty;max-width:calc(100% - 100px);line-height:1.85;transform:none}.capability-shape{--shape-light:#fff2d7;--shape-mid:#a8c4ef;--shape-deep:#6588bd;--shape-accent:#e6bd7c;opacity:1;filter:none;pointer-events:none;width:88px;height:88px;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s;bottom:22px;right:22px;transform:rotate(-12deg)}.capability-card.active .capability-shape{--shape-light:#fffaf0;--shape-mid:#d7e7ff;--shape-deep:#8eb4f3;--shape-accent:#ffe0a0}.capability-card:hover .capability-shape{transform:translateY(-4px)rotate(-6deg)}.capability-card:focus-visible{outline-offset:4px;outline:3px solid #80aaff}.capabilities{background:var(--surface-alt)}.project-index{background:var(--page)}.section-title>span,.about-content>p,.career-head,.career-line p,.metrics span,.row-copy small,.row-summary,.project-note{color:var(--body-copy)}.about-facts strong,.about-facts a{color:inherit}.about-facts a{-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line)}.now-building span{border-color:var(--line);color:var(--body-copy)}.career-line{border-color:var(--lime)}.career-line i{box-shadow:none}.about-watermark{color:#245bdb0f}.capability-card{background:var(--surface);color:inherit;border-color:var(--line);transition:background-color .25s,color .25s,border-color .25s}.capability-top small,.capability-top em,.capability-body>span,.capability-body strong i{transition:color .25s,background-color .25s,border-color .25s}.capability-card.active{background:var(--lime);color:#fff}.capability-top small{border-color:var(--line);background:#245bdb12}.capability-top em,.capability-body>span{color:var(--body-copy)}.capability-card.active .capability-top small,.capability-card.active .capability-top em,.capability-card.active .capability-body>span,.capability-card.active .capability-body strong i{color:#fff}.capability-card.active .capability-top small{background:#ffffff21;border-color:#ffffff73}.shape-1{background:radial-gradient(circle at 30% 25%, var(--shape-light) 6%, var(--shape-accent) 43%, var(--shape-mid) 72%, var(--shape-deep));border-radius:50%;box-shadow:inset -5px -5px 10px #32599812,0 6px 12px #173d6d12}.shape-2{background:linear-gradient(90deg, var(--shape-deep), var(--shape-mid)) 20px 18px / 4px 46px no-repeat, linear-gradient(90deg, var(--shape-deep), var(--shape-mid)) 20px 60px / 50px 4px no-repeat;border-radius:0;transform:none}.shape-2:before,.shape-2:after{content:"";border:1px solid #ffffffb3;border-radius:10px;width:37px;height:32px;position:absolute;box-shadow:inset 0 1px 2px #ffffffb3,0 4px 8px #0b316125}.shape-2:before{background:linear-gradient(135deg, var(--shape-light), var(--shape-accent));top:0;left:3px}.shape-2:after{background:linear-gradient(135deg, var(--shape-light), var(--shape-mid));bottom:8px;right:0}.capability-card:hover .shape-2{transform:translateY(-4px)}.shape-3{border:15px solid var(--shape-mid);width:70px;height:70px;box-shadow:8px 7px 0 var(--shape-accent), inset 2px 2px 5px #32599820;bottom:30px;right:30px}.shape-4{background:linear-gradient(145deg,var(--shape-light) 0 28%,var(--shape-mid) 29% 50%,var(--shape-deep) 51% 80%,var(--shape-accent) 81%);border-radius:16px;width:76px;height:76px;bottom:26px;right:25px;box-shadow:inset 0 1px 2px #ffffffb3,0 6px 12px #173d6d12}.shape-5{border:14px solid var(--shape-mid);width:74px;height:66px;box-shadow:9px 7px 0 var(--shape-accent), inset 2px 2px 5px #32599820;border-radius:50%;bottom:30px;right:28px}.project-row{color:inherit}.project-row:hover{background:#245bdb0e}.project-row img{background:#e2e8f3}.work-intro{grid-template-columns:max-content minmax(0,400px);align-items:end;gap:clamp(48px,7vw,96px);margin-bottom:36px;display:grid}.work-intro .eyebrow{font-size:var(--meta-type);letter-spacing:.12em}.work-intro h2{letter-spacing:-.035em;margin:22px 0 0;font-size:clamp(36px,3.5vw,54px);font-weight:650;line-height:1.26}.work-intro h2 span{color:var(--lime);padding-left:18px;font-weight:400}.work-intro>p{color:var(--body-copy);text-wrap:pretty;border-left:2px solid #245bdb33;max-width:25em;margin:0 0 5px;padding-left:22px;font-size:15px;line-height:1.9}.work-filters{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;gap:0 26px;margin-bottom:52px;padding:0;display:flex}.work-filters button{min-height:60px;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;align-items:center;gap:10px;padding:16px 0 14px;font-size:13px;transition:color .2s,border-color .2s;display:flex}.work-filters button[aria-pressed=true]{color:var(--lime);border-bottom-color:var(--lime);background:0 0;font-weight:700}.work-filters button small{min-width:23px;height:21px;color:var(--muted);background:#172b4408;border-radius:5px;place-items:center;padding-inline:4px;font:10px DM Sans,sans-serif;display:grid}.work-filters button[aria-pressed=true] small{color:var(--lime);background:#245bdb12}.work-filters button:hover{color:var(--lime)}.work-filters button:focus-visible{outline:2px solid var(--lime);outline-offset:4px}.work-chapter{--chapter-accent:#245bdb;margin-bottom:85px}.chapter-build{--chapter-accent:#315974}.chapter-care{--chapter-accent:#946b46}.chapter-impact{--chapter-accent:#3e6c5e}.chapter-learn{--chapter-accent:#6b59a6}.chapter-systems{--chapter-accent:#3e617b}.chapter-heading{grid-template-columns:95px 1fr 300px;align-items:center;gap:24px;margin-bottom:28px;display:grid}.chapter-number{color:var(--chapter-accent);letter-spacing:-.07em;font:500 68px/1 DM Sans,sans-serif}.chapter-heading small{font:600 var(--meta-type)/1.5 "DM Sans",sans-serif;letter-spacing:.12em;color:var(--chapter-accent)}.chapter-heading h3{letter-spacing:-.03em;margin:8px 0;font-size:28px;font-weight:650}.chapter-heading p{font-size:var(--body-type);color:var(--body-copy);margin:0;line-height:1.85}.chapter-heading .chapter-note{border-left:1px solid var(--line);padding-left:24px;font-size:14px}.work-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:28px;display:grid}.work-card{color:var(--ink);text-align:left;background:0 0;border:0;grid-column:span 6;min-width:0;padding:0}.work-card:first-child{grid-column:span 7}.work-card:nth-child(2){grid-column:span 5}.work-image{background:#dfe7ed;border-radius:18px;height:clamp(260px,25vw,415px);display:block;position:relative;overflow:hidden}.work-image img{object-fit:cover;object-position:center 30%;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.65,.3,1);display:block}.work-card:hover .work-image img{transform:scale(1.035)}.project-poster{--poster-bg:#142c46;--poster-ink:#f5f7fc;isolation:isolate;background:var(--poster-bg);color:var(--poster-ink);display:block;position:absolute;inset:0;overflow:hidden}.project-poster:before{content:"";z-index:-1;background:radial-gradient(at 85% 15%,#ffffff16,#0000 65%);position:absolute;inset:0}.poster-copy{z-index:2;flex-direction:column;width:40%;display:flex;position:absolute;top:13%;left:5%}.poster-eyebrow{letter-spacing:.13em;opacity:.75;margin-bottom:24px;font:600 9px/1.5 DM Sans,sans-serif}.poster-copy strong{letter-spacing:-.04em;flex-direction:column;font-size:clamp(26px,2.5vw,42px);font-weight:600;line-height:1.3;display:flex}.poster-copy strong>span{white-space:nowrap}.poster-note{opacity:.8;max-width:240px;margin-top:19px;font-size:12px;line-height:1.8}.poster-footer{z-index:3;background:var(--poster-bg);letter-spacing:.055em;border-top:1px solid #ffffff21;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:17px 5%;font:500 9px/1.4 DM Sans,sans-serif;display:flex;position:absolute;bottom:0;left:0}.poster-footer>span:first-child{opacity:.8}.poster-footer>span:last-child{white-space:nowrap;padding-right:42px}.poster-art{transform-origin:100% 100%;background:#05080c;border:1px solid #ffffff30;border-radius:13px 13px 0 0;display:block;position:absolute;inset:18% -7% 43px 46%;overflow:hidden;transform:rotate(-4deg);box-shadow:-15px 20px 45px #0003}.work-image .poster-art img{object-fit:cover;object-position:center;width:100%;max-width:none;height:100%;display:block}.work-card:hover .poster-art img{transform:scale(1.025)}.poster-03{--poster-bg:#133e70}.poster-03 .poster-art{background:#edf6ff;top:13%;left:45%;right:-17%;transform:rotate(-6deg)}.work-image .poster-03 .poster-art img{object-position:center top}.poster-04{--poster-bg:#e4d6be;--poster-ink:#493a2c}.poster-04 .poster-art{border:0;border-radius:0;top:0;left:44%;right:0;transform:none}.work-image .poster-04 .poster-art img{object-position:left top;width:220%;height:220%;position:absolute;top:-36%;left:-12%}.poster-04 .poster-footer{border-color:#493a2c30}.poster-05{--poster-bg:#314748}.poster-05 .poster-art{top:12%;left:44%;right:-5%;transform:rotate(3deg)}.poster-06{--poster-bg:#312039;--poster-ink:#ffe8e2}.poster-06 .poster-art{top:8%;left:46%;transform:rotate(4deg)}.work-image .poster-06 .poster-art img{object-position:58% center}.poster-07{--poster-bg:#194c3f}.poster-08{--poster-bg:#982d30}.poster-09{--poster-bg:#123d65}.poster-10{--poster-bg:#5e5140}.work-image .poster-10 .poster-art img{object-position:center top}.poster-11{--poster-bg:#46489a}.poster-12{--poster-bg:#204d63}.poster-12 .poster-copy strong{font-size:clamp(24px,2.1vw,35px)}.poster-13{--poster-bg:#136262}.poster-14{--poster-bg:#225b51}.poster-15{--poster-bg:#2b5075}.poster-16{--poster-bg:#344d80}.poster-17{--poster-bg:#242d41;--poster-ink:#e4d2b4}.poster-17 .poster-art{top:11%;left:45%;right:-3%;transform:rotate(4deg)}.poster-18{--poster-bg:#2b6b79}.work-image .poster-18 .poster-art img{object-position:75% center}.poster-scene .poster-art{box-shadow:none;border:0;border-radius:0;inset:0;transform:none}.poster-scene:after{content:"";z-index:1;background:linear-gradient(#0000 25%,#072d4ded);position:absolute;inset:0}.poster-scene .poster-copy{width:75%;top:auto;bottom:21%}.poster-scene .poster-eyebrow{margin-bottom:10px}.poster-scene .poster-copy strong{font-size:clamp(25px,2.2vw,38px)}.poster-scene .poster-copy strong>span{display:inline}.poster-scene .poster-copy strong{display:block}.poster-scene .poster-note{max-width:none;margin-top:8px}.poster-scene .poster-footer{background:#072d4d}.work-image .poster-01 .poster-art img{object-position:center top}.work-image .poster-02 .poster-art img{object-position:center 62%}.poster-designed{--poster-ink:#163d45;--poster-bg:#edf4ef;--poster-scrim:#edf4ef;container-type:inline-size}.work-image:has(.poster-designed){aspect-ratio:16/10;height:auto}.poster-designed .poster-art{bottom:40px}.poster-designed:after{background:linear-gradient(90deg,var(--poster-scrim) 0%,transparent 60%);opacity:.8}.poster-designed .poster-copy{width:38%;top:18%;bottom:auto}.poster-designed .poster-eyebrow{margin-bottom:18px;font-size:clamp(8px,1.5cqi,10px)}.poster-designed .poster-copy strong{font-size:clamp(20px,5cqi,38px);line-height:1.3;display:flex}.poster-designed .poster-note{margin-top:15px;font-size:clamp(10px,1.9cqi,13px);line-height:1.75}.poster-designed .poster-footer{background:var(--poster-bg);border-color:#163d4520 currentColor currentColor;height:40px;padding-top:10px;padding-bottom:10px}.poster-designed.poster-14{--poster-bg:#e5f5ee;--poster-ink:#175149;--poster-scrim:#e5f5ee}.poster-designed.poster-15{--poster-bg:#e8eff7;--poster-ink:#1c3e6b;--poster-scrim:#e8eff7}.poster-designed.poster-16{--poster-bg:#244e8c;--poster-ink:#f7faff;--poster-scrim:#244e8c}.poster-designed.poster-16:after{opacity:1;background:linear-gradient(90deg,#244e8cee 0%,#244e8ca0 35%,#0000 65%)}.poster-designed.poster-17{--poster-bg:#1c273a;--poster-ink:#f2e4cb;--poster-scrim:#1c273a}.poster-designed.poster-17:after{opacity:.96;background:linear-gradient(90deg,#1c273a 0%,#1c273ad9 36%,#0000 62%)}.poster-designed.poster-17 .poster-footer{border-top-color:#f2e4cb30}.work-image .poster-designed .poster-art img{object-position:60% center}.work-open{width:44px;height:44px;color:var(--ink);background:#fffef4;border-radius:50%;place-items:center;transition:transform .3s,background .3s;display:grid;position:absolute;bottom:16px;right:16px}.work-card:hover .work-open{background:var(--lime);color:#fff;transform:rotate(45deg)}.work-card{flex-direction:column;display:flex}.work-image{flex:none}.work-card-copy{flex-direction:column;flex:1;padding:24px 0 0;display:flex}.work-category{color:var(--chapter-accent);font-size:var(--meta-type);margin-bottom:10px;line-height:1.5}.work-card-copy>strong{letter-spacing:-.025em;text-wrap:balance;font-size:clamp(22px,1.8vw,30px);font-weight:650;line-height:1.4}.work-description{color:var(--body-copy);font-size:var(--body-type);text-wrap:pretty;flex:1;max-width:40em;margin-top:14px;line-height:1.85}.work-read{font-size:var(--meta-type);color:var(--chapter-accent);align-items:center;gap:6px;margin-top:24px;line-height:1.5;display:inline-flex}.work-04 .work-image img{object-position:center 22%}.work-01 .work-image img,.work-03 .work-image img{object-position:center top}.work-05 .work-image img,.work-06 .work-image img{object-position:center}.work-10 .work-image img{object-position:center top}@media (width<=1000px){.poster-copy strong,.poster-12 .poster-copy strong{font-size:clamp(18px,2.45vw,24px)}.poster-eyebrow{margin-bottom:17px;font-size:8px}.poster-note{margin-top:12px;font-size:10px}.poster-footer{padding-top:14px;padding-bottom:14px;font-size:8px}.work-intro{gap:25px}.chapter-heading{grid-template-columns:70px 1fr}.chapter-number{font-size:54px}.chapter-heading .chapter-note{display:none}.work-grid{gap:22px}.work-card:first-child,.work-card:nth-child(2){grid-column:span 6}.work-image{height:280px}}@media (width<=620px){.poster-copy strong,.poster-12 .poster-copy strong{font-size:clamp(20px,5.8vw,28px)}.poster-copy{top:11%}.poster-eyebrow{letter-spacing:.06em;margin-bottom:15px;font-size:7px}.poster-note{margin-top:10px;font-size:9px;line-height:1.7}.poster-footer{gap:7px;font-size:7px}.poster-footer>span:last-child{padding-right:30px}.poster-art{bottom:38px}.poster-scene .poster-copy strong{font-size:25px}.poster-scene .poster-eyebrow{margin-bottom:7px}.work-open{width:32px;height:32px;bottom:8px;right:10px}.work-intro{margin-bottom:25px;display:block}.work-intro h2{font-size:36px}.work-intro>p{margin-top:20px;padding-left:14px;font-size:14px}.work-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;margin-bottom:36px;display:grid}.work-filters button{justify-content:space-between;gap:6px;min-height:45px;padding:10px 0;font-size:12px}.work-chapter{margin-bottom:56px}.chapter-heading{grid-template-columns:50px 1fr;gap:16px}.chapter-number{font-size:44px}.chapter-heading h3{font-size:22px}.chapter-heading small{font-size:var(--meta-type)}.work-grid{display:block}.work-card{width:100%;margin-bottom:30px;display:block}.work-image{aspect-ratio:1.45;border-radius:13px;height:auto}.work-card-copy>strong{font-size:23px}}.detail-backdrop{background:#0f1a2eb3}.project-detail{background:var(--surface);color:inherit;border-color:var(--line);box-shadow:0 35px 100px #0f1a2e4d}.detail-header button,.detail-description{color:inherit}.detail-story p,.gallery-item figcaption,.detail-source{color:var(--body-copy)}.detail-story p{font-size:var(--body-type);text-wrap:pretty;line-height:1.85}.detail-description{text-wrap:balance;font-size:18px;line-height:1.8}.detail-category,.gallery-item figcaption,.detail-source,.project-note{font-size:var(--meta-type);line-height:1.7}.detail-link{color:#fff}.gallery-frame{background:var(--surface-alt)}.contact{background:radial-gradient(circle at 77% 43%, #96bcf55e, transparent 47%), var(--surface-alt)}.contact-glow{border-color:#245bdb2b;box-shadow:0 0 0 80px #245bdb06,0 0 0 160px #245bdb04}.contact p,.contact-bottom,.contact-bottom small{color:var(--body-copy)}.contact h2{letter-spacing:-.035em;font-size:clamp(48px,5.8vw,96px);line-height:1.18}.contact p{font-size:var(--body-type);text-wrap:pretty;line-height:1.85}.contact-bottom{gap:32px;font-size:14px;line-height:1.7}.contact-bottom small{font-size:var(--meta-type)}.contact-button{color:#fff}@media (width<=1000px){:root{--page-gutter:32px}.about-grid{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:28px}.about-content>.about-lead{font-size:16px}.capability-card,.capability-card:nth-child(-n+2){padding:24px}.capability-body{max-width:100%}.capability-body strong{min-height:2.8em}.capability-card,.capability-card:nth-child(-n+2){padding-bottom:120px}.capability-body>span{max-width:100%}}@media (width<=620px){:root{--body-type:14px;--meta-type:11px;--page-gutter:24px;--header-top:10px}.section-title{margin-bottom:32px}.section-title h2{font-size:36px}.about-grid{display:block}.about-visual{max-width:none;height:390px}.about-content h3{margin-bottom:20px;font-size:30px}.about-facts{grid-template-columns:1fr}.about-facts strong,.about-facts a{font-size:14px}.metrics{gap:12px}.metrics strong{font-size:34px}.career-head{align-items:start;gap:20px}.career-head span{text-align:right}.career-line h4{font-size:20px}.capability-card,.capability-card:nth-child(-n+2){min-height:240px}.capability-body{max-width:100%;margin-top:28px}.capability-body strong{min-height:0}.contact h2{font-size:clamp(32px,10.8vw,56px)}.contact-bottom{font-size:14px}.nav{background:#fffdf8f5}.header-actions{gap:5px;margin-left:auto}.theme-toggle{justify-content:center;width:35px;padding:0}.theme-toggle span{display:none}.nav-contact{margin-left:0}.site-header.over-hero{height:46px}.over-hero .nav.open{background:#172735f5}.over-hero .menu-toggle{color:#fff}.hero{--poster-height:242px;height:100svh;min-height:830px}.hero-scene[data-variant=open] .hero-foreground{width:470px;bottom:260px;left:-40px;right:auto}.hero-scene[data-variant=village] .hero-foreground{width:470px;bottom:260px;left:-55px}.hero-content,.hero-village .hero-content{width:calc(100% - 42px);margin-left:21px;padding-top:128px}.hero-identity{margin-bottom:12px;font-size:11px}.hero h1 span:first-child{font-size:66px}.hero h1 span:last-child{font-size:44px}.hero-content p{max-width:315px;margin-top:16px;font-size:12px}.showcase{bottom:14px}.showcase-heading{color:#fff;width:calc(100% - 42px)}.showcase-rail{gap:19px;padding:27px 19px 23px}.showcase-card{height:var(--poster-height);border-radius:10px;flex-basis:182px}.showcase-card-media{height:100%}.showcase-card-label{height:79px;padding:22px 11px 13px}.showcase-card-label strong{font-size:14px}}.variant-retreat.over-hero{height:54px;padding:5px 12px 5px 28px}.variant-retreat.over-hero .brand{display:flex}.variant-retreat.over-hero .nav{gap:40px;margin-inline:auto}.variant-retreat.over-hero .nav a{font-size:13px}.variant-retreat.over-hero .nav-contact{font-size:12px}.hero-retreat{--poster-height:clamp(230px, 27.6vh, 300px)}.hero-scene[data-variant=retreat] .hero-foreground{width:min(90%,160vh);bottom:15vh;left:0}.hero-retreat .hero-cinema-shade{background:linear-gradient(90deg,#0000 15%,#0c3a6e1f 24%,#0000 52%),linear-gradient(#0000 62%,#071a3573)}.hero-retreat .hero-content{color:#fff;width:35%;margin-left:19.8%;padding-top:15.5vh}.hero-retreat h1 span:first-child{color:#e2f4ff;letter-spacing:-.015em;font-size:clamp(76px,6.1vw,108px);line-height:.92}.hero-retreat h1 span:last-child{color:#fff;letter-spacing:-.035em;font-size:clamp(50px,3.95vw,74px);font-weight:750}.hero-retreat h1{text-shadow:0 3px 18px #14529333;line-height:.98}.hero-retreat .hero-content p{letter-spacing:.04em;text-shadow:0 2px 12px #0f3e6f66;max-width:none;margin-top:14px;font-size:clamp(14px,1.1vw,20px)}.hero-retreat .hero-content p:after{content:"";background:#88dbff;width:70px;height:3px;margin-top:13px;display:block}.hero-village .hero-content{width:35%;padding-top:15.5vh}.hero-village h1 span:first-child{font-size:clamp(76px,6.1vw,108px)}.hero-village h1 span:last-child{font-size:clamp(50px,3.95vw,74px)}.hero-village .hero-content p{font-size:clamp(12px,.9vw,16px)}.hero-retreat .showcase{bottom:3.2vh}.hero-retreat .showcase-heading{width:100%;height:0;margin:0}.hero-retreat .showcase-heading>span{display:none}.hero-retreat .showcase-heading button{z-index:8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#082342a6;border-color:#c4e0ff99;width:44px;height:44px;position:absolute;top:calc(50% - 22px)}.hero-retreat .showcase-heading button:first-child{left:10px}.hero-retreat .showcase-heading button:last-child{right:10px}.hero-retreat .showcase-rail{--card-float:14px;perspective:1200px;gap:22px;padding:44px 64px 40px}.hero-retreat .showcase-card{animation-name:retreatCardFloat;animation-duration:var(--card-duration);transform-origin:50% 65%;border-color:#a6cff48c;border-radius:16px;flex-basis:clamp(155px,9.8vw,190px);box-shadow:0 12px 24px #06111940,inset 0 1px #fff3}@keyframes retreatCardFloat{0%,to{transform:translate3d(0,calc(var(--card-rest-y,0px) + var(--card-float) * .2),0) rotate(calc(var(--card-angle) * .8)) rotateY(-2deg)}23%{transform:translate3d(3px,calc(var(--card-rest-y,0px) + var(--card-float) * -1),0) rotate(calc(var(--card-angle) * 1.1)) rotateY(4deg)}57%{transform:translate3d(-2px,calc(var(--card-rest-y,0px) + var(--card-float) * .55),0) rotate(calc(var(--card-angle) * -.65)) rotateY(-3deg)}81%{transform:translate3d(-3px,calc(var(--card-rest-y,0px) + var(--card-float) * -.35),0) rotate(calc(var(--card-angle) * .6)) rotateY(1deg)}}.hero-retreat .showcase-rail:active .showcase-card{animation-play-state:paused}.showcase-card{--card-motion-scale:1;rotate:0 .45 1 calc(var(--card-roll,0deg) * var(--card-motion-scale));translate:0 calc(var(--card-lift,0px) * var(--card-motion-scale));transition:rotate var(--card-settle,.45s) cubic-bezier(.22,1,.36,1), translate var(--card-settle,.45s) cubic-bezier(.22,1,.36,1)}.hero-retreat .showcase-card:after{content:"";z-index:6;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,50%), #ffffff42, transparent 65%);position:absolute;inset:0}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.hero-retreat .showcase-card{transition:rotate var(--card-settle,.45s) cubic-bezier(.22,1,.36,1), translate var(--card-settle,.45s) cubic-bezier(.22,1,.36,1), scale .5s cubic-bezier(.22,1,.36,1), box-shadow .5s ease}.hero-retreat .showcase-card-media{transition:transform .45s cubic-bezier(.22,1,.36,1)}.hero-retreat .showcase-card:after{transition:opacity .4s}.hero-retreat .showcase:not(.showcase-inactive) .showcase-card:is(:hover,:focus-visible){translate:0 calc(var(--card-lift,0px) - 12px);scale:1.035;box-shadow:0 22px 34px #06192766,0 0 0 1px #fffa}.hero-retreat .showcase:not(.showcase-inactive) .showcase-card:hover .showcase-card-media{transform:perspective(700px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(1.045)}.hero-retreat .showcase:not(.showcase-inactive) .showcase-card:is(:hover,:focus-visible):after{opacity:1}}.hero-retreat .showcase-card-label{background:linear-gradient(#0000,#07192bf0 40%);height:92px;padding:25px 11px 13px}.hero-retreat .showcase-rail:is(.is-dragging,.is-coasting) .showcase-card{animation-play-state:paused}.hero-retreat .showcase:not(.showcase-inactive) .showcase-rail:is(.is-dragging,.is-coasting) .showcase-card:is(:hover,:focus-visible){translate:0 calc(var(--card-lift,0px) * var(--card-motion-scale));scale:1}.hero-retreat .showcase .showcase-rail:is(.is-dragging,.is-coasting) .showcase-card:hover .showcase-card-media{transform:none}.hero-retreat .showcase-card-label strong{letter-spacing:-.025em;font-size:clamp(12px,.83vw,15px)}.hero-retreat .cover-kicker{font-size:clamp(12px,.8vw,14px)}@media (width<=1000px){.hero-retreat .hero-content{width:75%;margin-left:15%;padding-top:17vh}.hero-scene[data-variant=retreat] .hero-foreground{width:125%;bottom:19vh;left:-26%}}@media (width>=1001px) and (height<=820px){.hero-retreat .hero-content,.hero-village .hero-content{padding-top:11vh}.hero-retreat h1 span:first-child,.hero-village h1 span:first-child{font-size:80px}.hero-retreat h1 span:last-child,.hero-village h1 span:last-child{font-size:52px}.hero-retreat .hero-content p,.hero-village .hero-content p{font-size:14px}}@media (width<=620px){.variant-retreat.over-hero{height:46px;padding:4px}.variant-retreat.over-hero .brand{display:flex}.variant-retreat.over-hero .nav{margin:0}.hero-retreat{--poster-height:225px}.hero-retreat .hero-content,.hero-village .hero-content{width:calc(100% - 42px);margin-left:21px;padding-top:132px}.hero-retreat h1 span:first-child,.hero-village h1 span:first-child{font-size:66px}.hero-retreat h1 span:last-child,.hero-village h1 span:last-child{font-size:44px}.hero-village .hero-content p{font-size:12px}.hero-retreat .hero-content p{letter-spacing:0;font-size:15px}.hero-scene[data-variant=retreat] .hero-foreground{width:680px;bottom:200px;left:-230px}.hero-retreat .showcase{bottom:15px}.hero-retreat .showcase-rail{--card-float:5px;gap:16px;padding:30px 21px}.showcase-card{--card-motion-scale:.55}.hero-retreat .showcase-heading button{width:32px;height:32px}}@media (prefers-reduced-motion:reduce){.showcase-card,.hero-retreat .showcase-card{animation:none;translate:none;rotate:none}}.hero-clouds{z-index:1;pointer-events:none;filter:brightness(calc(1 - var(--night) * .7)) sepia(calc(var(--warmth) * .65));position:absolute;inset:auto 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.hero-cloud-track{width:200%;transform:translate3d(calc(var(--cloud-x,-100%) / 2), 0, 0);will-change:transform;display:flex}.hero-clouds img{filter:blur(1px);flex:0 0 50%;width:50%;max-width:none;display:block;-webkit-mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000);mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000)}.hero-clouds-far{--cloud-x:var(--cloud-far-x);opacity:.4;width:120%;top:-9%;left:-10%;transform:scaleY(.68)}.hero-clouds-near{--cloud-x:var(--cloud-near-x);opacity:.6;width:110%;top:3%;left:-5%}.hero-clouds-mist{--cloud-x:var(--mist-x);opacity:.25;width:130%;top:34%;left:-15%;transform:scaleY(.65)}.hero-clouds-stream{--cloud-x:var(--cloud-stream-x);opacity:.4;width:120%;top:14%;left:-10%;transform:scaleY(.75)}.hero-clouds-bank{--cloud-x:var(--mist-x);opacity:.4;width:110%;top:26%;left:-5%;transform:scaleY(.6)}.hero-clouds-front{--cloud-x:var(--cloud-front-x);z-index:6;bottom:calc(var(--poster-height) * .85 + 30px);opacity:.18;transform-origin:50% 100%;width:110%;left:-5%;transform:scaleY(.48)}.hero-clouds-front img{filter:blur(3px)}.hero:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(#f8f6ef00,#f8f6ef0a 18%,#f8f6ef38 42%,#f8f6ef99 67%,#f8f6efe8 87%,#f8f6ef 100%);height:clamp(240px,34vh,380px);position:absolute;inset:auto 0 -1px}.hero-scene[data-variant=retreat] :is(.hero-active-group,.hero-resting-group){-webkit-mask-image:linear-gradient(#000 79%,#000e 86%,#0008 94%,#0000 100%);mask-image:linear-gradient(#000 79%,#000e 86%,#0008 94%,#0000 100%)}.hero-scene[data-variant=retreat] .hero-foreground:after{content:"";z-index:5;pointer-events:none;filter:blur(12px) brightness(calc(1 - var(--night) * .7)) sepia(calc(var(--warmth) * .65));background:radial-gradient(at 54%,#c0dcf042,#0000 68%);position:absolute;inset:77% -3% -5%}.hero-sky{transform:translate3d(calc(var(--camera,0) * -5px), 0, 0) scale(calc(1.012 + var(--camera,0) * .008))}.hero-foreground{transform:translate3d(calc(var(--camera,0) * 1.5px), 0, 0)}.hero-scene .hero-resting-group .hero-land{height:100%}.hero-scene[data-variant=village] .hero-foreground{bottom:calc(var(--poster-height) + 12px)}.hero-scene[data-variant=retreat] .hero-foreground{bottom:calc(var(--poster-height) * .85 + 45px)}.hero-scene[data-variant=open] .hero-foreground{bottom:calc(var(--poster-height) * .85 + 15px)}.hero-worker{z-index:3;aspect-ratio:2/3;pointer-events:none;width:16.5%;position:absolute;top:46%;left:44%}.hero-worker:before{content:"";z-index:0;filter:blur(2px);opacity:calc(1 - var(--night) * .3);pointer-events:none;background:radial-gradient(24% 2.4% at 27% 66%,#17261480 18%,#0000 100%);position:absolute;inset:0}.hero-worker:after{content:"";z-index:0;opacity:calc(1 - var(--night) * .2);pointer-events:none;background:radial-gradient(10% .45% at 73% 98.2%,#30342066 12%,#0000 100%),radial-gradient(5% .4% at 95% 98.5%,#30342059 12%,#0000 100%);position:absolute;inset:0}.hero-worker-body{z-index:1;transform-origin:50% 97%;transform:scaleY(calc(1 + var(--breath,0) * .0025));position:absolute;inset:0}.hero-worker-body:after{content:"";mix-blend-mode:multiply;pointer-events:none;background:linear-gradient(#0000 79%,#b5a66a12 85%,#7c784b45 94%,#4f573565 100%);position:absolute;inset:0;-webkit-mask:url(https://static-evan.yiesun.com/evan-portfolio/releases/r20261004-1952/visuals/v18-worker-soft3d.webp) 50%/100% 100% no-repeat;mask:url(https://static-evan.yiesun.com/evan-portfolio/releases/r20261004-1952/visuals/v18-worker-soft3d.webp) 50%/100% 100% no-repeat}.hero-worker-body img{width:100%;height:100%;display:block;position:absolute;inset:0}.hero-worker-base,.hero-worker-hair,.hero-worker-hands,.hero-worker-blink{filter:brightness(calc(1 - var(--night) * .48)) saturate(calc(.96 - var(--night) * .16)) sepia(calc(var(--warmth) * .28))}.hero-worker-hair{clip-path:ellipse(19% 7% at 44% 6%);transform-origin:44% 12%;transform:translateY(calc(var(--hair-sway,0) * -.35px)) skewX(calc(var(--hair-sway,0) * .6deg));-webkit-mask-image:linear-gradient(#000 5%,#0000 10%);mask-image:linear-gradient(#000 5%,#0000 10%)}.hero-worker-fill{opacity:calc(var(--night) * .5);filter:brightness(.86)saturate(.6);-webkit-mask-image:radial-gradient(20% 17% at 45% 20%,#000,#0000),radial-gradient(14% 7% at 47% 48%,#000,#0000);mask-image:radial-gradient(20% 17% at 45% 20%,#000,#0000),radial-gradient(14% 7% at 47% 48%,#000,#0000)}.hero-worker-hands{opacity:var(--typing,0);-webkit-mask-image:radial-gradient(12% 4% at 47% 48%,#000 70%,#0000 100%);mask-image:radial-gradient(12% 4% at 47% 48%,#000 70%,#0000 100%)}.hero-worker-blink{opacity:var(--blink,0);-webkit-mask-image:radial-gradient(4% 1.5% at 44.3% 15.5%,#000 75%,#0000),radial-gradient(3% 1.4% at 52.3% 16.3%,#000 75%,#0000);mask-image:radial-gradient(4% 1.5% at 44.3% 15.5%,#000 75%,#0000),radial-gradient(3% 1.4% at 52.3% 16.3%,#000 75%,#0000)}.hero-work-bubbles{z-index:2;--bubble-rise:clamp(70px, 8vw, 132px);position:absolute;inset:0}.hero-work-bubble{aspect-ratio:1;border:1px solid rgb(220 235 255/calc(.72 - var(--night) * .36));background:rgb(calc(245 - var(--night) * 139) calc(251 - var(--night) * 121) calc(255 - var(--night) * 91) / calc(.85 - var(--night) * .09));width:clamp(27px,2.7vw,43px);box-shadow:0 4px 14px #244c8020, inset 0 1px 3px rgb(255 255 255/calc(1 - var(--night) * .78));opacity:0;transform:translate3d(calc(var(--bubble-p,0) * 36px), calc(var(--bubble-p,0) * var(--bubble-rise) * -1), 0) scale(calc(.76 + var(--bubble-p,0) * .24));will-change:transform, opacity;border-radius:50%;place-items:center;display:grid;position:absolute;top:34%;left:84%}.hero-work-bubble svg{width:53%;height:55%;filter:brightness(calc(1 + var(--night) * .06)) saturate(calc(1 - var(--night) * .15))}.bubble-idea{color:#edb524}.bubble-code{color:rgb(calc(81 + var(--night) * 49) calc(125 + var(--night) * 42) 237)}.bubble-design svg{width:48%;height:62%}.hero-scene[data-variant=open] .hero-worker{width:27%;top:5%;left:27%}.hero-scene[data-variant=open] .hero-work-bubble{top:31%;left:83%}@media (width<=620px){.hero-scene[data-variant=open] .hero-foreground,.hero-scene[data-variant=village] .hero-foreground{bottom:260px}.hero-scene[data-variant=retreat] .hero-foreground{bottom:250px}.hero-clouds-far{top:31%}.hero-clouds-near{top:52%}.hero-clouds-far{width:160%;left:-30%}.hero-clouds-near{opacity:.42;width:155%;left:-27.5%}.hero-clouds-mist{opacity:.22;width:145%;left:-22.5%}.hero-clouds-stream{opacity:.34;width:150%;top:22%;left:-25%}.hero-clouds-bank{width:140%;top:42%;left:-20%}.hero-clouds-front{opacity:.16;width:180%;bottom:220px;left:-40%}.hero-scene[data-variant=village] .hero-worker{width:25%;top:25%;left:43%}.hero-scene[data-variant=retreat] .hero-worker{width:23%;top:29%}.hero-work-bubbles{--bubble-rise:62px}}.hero-retreat{--scene-width:min(100vw, 160svh)}@media (width>=761px){.hero-retreat{height:calc(100svh + 40px);min-height:830px}}.hero-scene[data-variant=retreat] .hero-foreground{width:var(--scene-width)}.hero-retreat .hero-content{left:calc(var(--scene-width) * .12);width:calc(var(--scene-width) * .27);isolation:isolate;margin:0;padding:0;position:absolute;top:24%}.hero-retreat .hero-content:before{content:"";z-index:-1;pointer-events:none;filter:blur(14px);background:radial-gradient(#081d31ad 12%,#081d317a 48%,#0000 74%);position:absolute;inset:-38px -48px -36px -58px}.hero-retreat .hero-content h1{text-shadow:0 2px 3px #04132259,0 4px 22px #04132266}.hero-retreat .hero-content h1 span{color:#fff}.hero-retreat h1 span:first-child{font-size:clamp(62px, calc(var(--scene-width) * .078), 106px)}.hero-retreat h1 span:last-child{font-size:calc(var(--scene-width) * .043)}.hero-retreat .hero-content p{font-size:clamp(15px, calc(var(--scene-width) * .013), 19px);letter-spacing:.015em;text-shadow:0 1px 3px #071b2f,0 2px 10px #041322b3;line-height:1.8}.variant-retreat.over-hero{padding:5px 12px 5px 6px}.variant-retreat.over-hero .brand{min-width:116px;height:38px;font-size:14px}.variant-retreat.over-hero .brand-symbol{width:26px;height:26px}.hero-scene[data-variant=retreat] .hero-worker{width:18%;top:42%}.hero-meadow{z-index:4;pointer-events:none;filter:brightness(calc(1 - var(--night) * .58)) saturate(.94) sepia(calc(var(--warmth) * .28));position:absolute;inset:0}.hero-grass-clump{aspect-ratio:1;transform-origin:50% 91%;will-change:transform;position:absolute}.hero-grass-clump img{width:100%;height:100%;rotate:var(--flower-tilt,0deg);transform-origin:50% 91%;display:block}.hero-grass-clump:nth-child(3n) img{transform-origin:bottom;transform:scaleX(-1)scaleY(.82)}.hero-grass-clump:nth-child(4n) img{transform-origin:bottom;transform:scaleY(.7)}.hero-scene[data-variant=retreat] .hero-worklight{-webkit-mask-image:radial-gradient(3% 7% at 11% 47%,#000,#0000),radial-gradient(3% 7% at 26% 49%,#000,#0000),radial-gradient(3% 7% at 95% 65%,#000,#0000);mask-image:radial-gradient(3% 7% at 11% 47%,#000,#0000),radial-gradient(3% 7% at 26% 49%,#000,#0000),radial-gradient(3% 7% at 95% 65%,#000,#0000)}@media (width<=900px) and (width>=621px){.hero-retreat .hero-content{width:32%;top:18%;left:8%}.hero-retreat h1 span:first-child{font-size:64px}.hero-retreat h1 span:last-child{font-size:38px}}@media (width<=620px){.variant-retreat.over-hero{padding:4px}.variant-retreat.over-hero .brand{min-width:96px;height:32px;font-size:12px}.variant-retreat.over-hero .brand-symbol{width:22px;height:22px}.hero-retreat{--scene-width:720px}.hero-scene[data-variant=retreat] .hero-foreground{bottom:250px;left:calc(50% - 360px)}.hero-scene[data-variant=retreat] .hero-worker{width:20%;top:35%;left:44%}.hero-retreat .hero-content{width:calc(100% - 48px);top:105px;left:24px}.hero-retreat h1 span:first-child{font-size:56px}.hero-retreat h1 span:last-child{font-size:37px}.hero-retreat .hero-content p{margin-top:10px;font-size:15px}}.case-poster{--case-bg:#e2eef3;--case-ink:#16324d;isolation:isolate;background:var(--case-bg);color:var(--case-ink);display:block;position:absolute;inset:0;overflow:hidden;container-type:inline-size}.case-poster:before{content:"";aspect-ratio:1;opacity:.12;border:1px solid;border-radius:50%;width:65%;position:absolute;top:-20%;right:-7%}.case-word{letter-spacing:-.065em;opacity:.055;font:800 14cqi/.85 DM Sans,sans-serif;position:absolute;bottom:7%;left:4%}.case-copy{z-index:3;flex-direction:column;width:39%;display:flex;position:absolute;top:12%;left:6%}.case-eyebrow{letter-spacing:.11em;opacity:.7;margin-bottom:4cqi;font:600 1.55cqi/1.5 DM Sans,sans-serif}.case-copy strong{letter-spacing:-.045em;flex-direction:column;font-size:5.5cqi;font-weight:650;line-height:1.3;display:flex}.case-copy strong>span{white-space:nowrap}.case-tag{opacity:.8;max-width:90%;margin-top:3.5cqi;font-size:1.75cqi;line-height:1.7}.case-folio{letter-spacing:.1em;opacity:.65;z-index:4;justify-content:space-between;align-items:center;gap:12px;font:500 1.4cqi/1 DM Sans,sans-serif;display:flex;position:absolute;bottom:5%;left:6%;right:6%}.case-folio b{padding-right:45px;font-size:2cqi;font-weight:500}.case-art-stage{z-index:1;position:absolute;inset:0}.artwork-window{display:block;position:relative;overflow:hidden}.artwork-window svg{width:100%;height:100%;display:block}.artwork-window img,.work-image .artwork-window img{object-fit:fill;object-position:initial;max-width:none;transition:none;display:block;position:absolute}.work-card:hover .artwork-window img{transform:none}.case-primary,.case-secondary{position:absolute;box-shadow:0 16px 34px #13223726}.layout-phones .case-primary{z-index:2;border-radius:3cqi;width:24%;top:14%;left:49%;transform:rotate(-5deg)}.layout-phones .case-secondary{border-radius:3cqi;width:23%;top:22%;left:73%;transform:rotate(7deg)}.layout-desktop .case-primary{border:5px solid #fff;border-top-width:14px;border-radius:7px;width:67%;top:29%;left:44%;transform:rotate(-6deg)}.layout-desktop .case-copy{top:10%}.layout-desktop .case-copy strong{font-size:5cqi}.layout-editorial .case-primary{border-radius:12px;width:72%;top:18%;left:38%;transform:rotate(3deg)}.layout-editorial .case-copy{width:34%}.layout-editorial .case-copy strong{font-size:4.9cqi}.layout-world .case-primary{width:100%;height:100%;box-shadow:none;inset:0;aspect-ratio:auto!important}.layout-world .case-primary img{object-fit:cover;width:100%!important;height:100%!important}.layout-world:after{content:"";z-index:2;background:linear-gradient(#0000 23%,#071d39ed);position:absolute;inset:0}.layout-world .case-copy{width:85%;top:auto;bottom:15%}.layout-world .case-copy strong{font-size:5.8cqi;display:block}.layout-world .case-eyebrow{margin-bottom:1.2cqi}.layout-world .case-tag{margin-top:1.5cqi}.layout-world{--case-ink:#fff}.layout-object{--case-bg:#deccb2;--case-ink:#473727}.layout-object .case-copy{width:80%;top:8%}.layout-object .case-copy strong{display:block}.layout-object .case-primary{width:91%;box-shadow:none;border-radius:40% 0 0;top:35%;left:15%}.layout-object .case-eyebrow{margin-bottom:2cqi}.layout-object .case-tag{margin-top:1.5cqi}.case-03{--case-bg:#e4edff;--case-ink:#183465}.case-03:not(.is-compact) .case-primary{width:78%;top:40%;left:19%;transform:rotate(-3deg)}.case-03:not(.is-compact) .case-copy strong{gap:.4em;font-size:4.3cqi;display:flex}.case-05 .case-primary img{object-position:center}.case-06{--case-bg:#21182d;--case-ink:#f9e9e6}.case-06 .case-word{opacity:.11;color:#e7abcf}.case-07{--case-bg:#e4efdf;--case-ink:#214a3f}.case-08{--case-bg:#ce343e;--case-ink:#fff8ef}.case-08 .case-primary{width:26%;top:20%}.case-09{--case-bg:#092443;--case-ink:#dcf1ff}.case-09:before{opacity:.3;border-width:2px;width:96%;top:5%;right:-18%}.case-10{--case-bg:#ebe0cc;--case-ink:#584a35}.case-11{--case-bg:#e7e4ff;--case-ink:#363b7a}.case-12{--case-bg:#162b3b;--case-ink:#f5ddb0}.case-13{--case-bg:#d6efed;--case-ink:#154d50}.case-13 .case-primary{width:25%;top:12%;left:47%}.case-13 .case-secondary{width:25%;top:18%;left:74%}.case-14{--case-bg:#eaf2d9;--case-ink:#244b48}.case-15{--case-bg:#dbe9ff;--case-ink:#224576}.case-16{--case-bg:#213f73;--case-ink:#fff}.case-17{--case-bg:#202b3f;--case-ink:#e4c89e}.case-17 .case-primary{border-color:#384255;width:49%;top:18%;left:49%;transform:rotate(5deg)}.case-18{--case-bg:#d6efed;--case-ink:#16515e}.work-image:has(.case-poster){aspect-ratio:16/10;height:auto}.showcase-card-media .case-poster{height:100%}.is-compact .case-copy{width:86%;top:7%;left:8%}.is-compact .case-copy strong{font-size:clamp(13px,7.2cqi,16px);line-height:1.45}.is-compact .case-eyebrow,.is-compact .case-tag,.is-compact .case-folio{display:none}.is-compact .case-word{font-size:20cqi;bottom:32%}.is-compact .case-primary{border-radius:7cqi;width:70%;top:30%;left:12%;transform:rotate(-6deg)}.is-compact .case-secondary{display:none}.case-15.layout-phones .case-primary,.case-15.layout-phones .case-secondary{transform:none}.case-15.layout-phones:not(.is-compact) .case-primary{width:21.5%;top:8%;left:50%}.case-15.layout-phones:not(.is-compact) .case-secondary{width:21.5%;top:8%;left:75%}.is-compact.layout-desktop .case-primary{border-radius:5px;width:140%;top:34%;left:9%}.is-compact.layout-editorial .case-primary{border-radius:5px;width:123%;top:29%;left:0}.is-compact.layout-world .case-primary{border-radius:0;width:100%;height:100%;inset:0;transform:none}.is-compact.layout-world .case-copy{color:#132e4b;width:84%;text-shadow:none;top:7%;bottom:auto;left:8%}.is-compact.layout-world .case-copy strong{display:flex}.is-compact.layout-world:after{background:linear-gradient(#0000 60%,#071d3966)}.is-compact.layout-object .case-primary{border-radius:0;width:150%;top:32%;left:-12%;transform:none}.is-compact.case-17 .case-primary{width:105%}.showcase-card-media>small{display:none}.showcase-card-media:has(.case-poster):after{display:none}.hero-retreat .showcase-card-label{background:linear-gradient(#0000,#07192bf5 28%,#07192b 100%);height:auto;min-height:100px;padding:30px 12px 12px}.hero-retreat .showcase-card-label strong{white-space:normal;overflow-wrap:anywhere;font-size:clamp(14px,.95vw,16px);line-height:1.4}.hero-retreat .showcase-card-label small{color:#dce8f5;font-size:9px}.layout-photo .case-primary{width:100%;height:100%;box-shadow:none;border:0;border-radius:0;inset:0;transform:none;aspect-ratio:auto!important}.layout-photo .case-primary img{object-fit:cover;object-position:65% center;width:100%!important;height:100%!important}.layout-photo:before,.layout-photo .case-copy,.layout-photo .case-word,.layout-photo .case-folio{display:none}.detail-cover:has(.layout-photo){aspect-ratio:1672/941}@media (width>=901px) and (height<=790px){.hero{min-height:640px}}@media (prefers-reduced-motion:no-preference){.case-art-stage{transition:transform .6s}.work-card:hover .case-art-stage{transform:translateY(-4px)}}.image-viewer-presence{display:contents}.chapter-heading{grid-template-columns:90px 1fr}.detail-backdrop{isolation:isolate;-webkit-backdrop-filter:blur(28px)saturate(80%);backdrop-filter:blur(28px)saturate(80%);background:#dae7ee70}.detail-backdrop:before{content:"";z-index:-1;filter:blur(60px)saturate(65%);opacity:.32;pointer-events:none;background:url(https://static-evan.yiesun.com/evan-portfolio/releases/r20261004-1952/visuals/v13-sky-village.optimized.webp) 50%/cover;position:absolute;inset:0}.project-detail{--case-inset:36px;color:#172b44;-webkit-backdrop-filter:blur(32px)saturate(120%);backdrop-filter:blur(32px)saturate(120%);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#617f9766 transparent;background:#f8fcfbe8;border:1px solid #ffffffda;border-radius:28px;width:min(1280px,94vw);max-height:calc(100svh - 40px);padding:0;box-shadow:inset 0 1px #fff,0 24px 80px #183d612e}.detail-header{z-index:10;min-height:68px;padding:14px var(--case-inset);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);color:#617b95;letter-spacing:.09em;background:#edf6f9cc;border-color:#ffffffa8;font-size:11px;font-weight:500;position:sticky;top:0}.detail-header>span{align-items:center;gap:15px;display:flex}.detail-header b{color:#274969;font-size:14px;font-weight:700}.detail-header-divider{color:#8596a8}.detail-header small{color:#617b95;font-size:10px}.detail-header button{color:#385571;background:#ffffff80;border-color:#fff;width:38px;height:38px;transition:background .2s}.detail-header button:hover{background:#fff}.project-detail button:focus-visible,.project-detail a:focus-visible{outline-offset:4px;outline:3px solid #245bdb}.case-title{padding:24px var(--case-inset);flex-wrap:wrap;align-items:baseline;gap:12px 32px;display:flex}.project-detail .case-title h2{letter-spacing:-.035em;flex:auto;min-width:0;margin:0;font-size:clamp(30px,5vw,64px);line-height:1.25}.case-title .detail-category{color:#536a80;flex:0 auto;font-size:14px;line-height:1.7}.case-title .project-tags{flex-basis:100%}.case-title .project-tag{color:#456183;-webkit-backdrop-filter:blur(10px);background:linear-gradient(160deg,#ffffffed,#e5effbd9);border:1px solid #ffffffed;border-radius:999px;padding:7px 15px;box-shadow:inset 0 1px 2px #fff,inset 0 -2px 4px #bfd2ec33,0 3px 9px #42638b12}.case-title .detail-description{color:#5b6b7e;max-width:760px;margin:0;font-size:16px;line-height:1.8}.case-title .detail-link{flex-basis:100%;margin:0}.case-project-action{flex-wrap:wrap;flex-basis:100%;align-items:center;gap:14px;display:flex}.case-project-action .detail-link{color:#fff;background:#245bdb;flex-basis:auto;padding:12px 20px}.case-project-action .detail-link:hover{background:#1748b8}.case-project-action>span{color:#61758a;font-size:12px}.detail-cover{margin:0 var(--case-inset);aspect-ratio:16/8.5;border-radius:18px;position:relative;overflow:hidden}.detail-cover .case-copy strong{font-size:4.7cqi}.detail-cover .case-tag{font-size:1.4cqi}.detail-cover .case-eyebrow{margin-bottom:2.5cqi;font-size:1.1cqi}.detail-cover .case-folio{font-size:1cqi}.case-body{padding:0 var(--case-inset) 32px}.case-brief{grid-template-columns:1fr 1fr;gap:0;padding:30px 0;display:grid}.case-brief section{padding:0 30px 0 14px}.case-brief section+section{border-left:1px solid #839bad40;padding:0 14px 0 34px}.case-brief h3{color:#172b44;margin:0 0 12px;font-size:21px;font-weight:600;line-height:1.5}.case-brief p{color:#526579;text-wrap:pretty;margin:0;font-size:15px;line-height:1.9}@media (width<=800px){.case-brief{grid-template-columns:1fr;gap:24px;padding:28px 0}.case-brief section,.case-brief section+section{border:0;padding:0}.case-brief p{font-size:14px}}.case-overview{border-bottom:1px solid #172b441c;grid-template-columns:1fr 1fr;gap:8%;padding:52px 0;display:grid}.case-section-label>span{letter-spacing:.15em;color:#687889;font:600 10px/1.5 DM Sans,sans-serif}.case-section-label h3{letter-spacing:-.03em;margin:12px 0 0;font-size:clamp(21px,2.1vw,28px);font-weight:600;line-height:1.6}.case-overview>div:last-child{padding-top:30px}.case-overview small{color:#245bdb;font-size:12px}.case-overview p{color:#526579;margin:12px 0 0;font-size:15px;line-height:1.95}.case-focus{background:color-mix(in srgb, var(--case-bg,#e2eef3) 40%, #f6fbfc);border:1px solid #ffffffb3;border-radius:24px;margin-bottom:40px;padding:28px 28px 22px}.focus-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;display:grid}.focus-grid figure{min-width:0;margin:0}.focus-art{background:0 0;max-width:220px;margin-inline:auto;padding:0}.focus-art .artwork-window{border-radius:24px;box-shadow:0 12px 22px #13223720}.focus-grid.focus-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.focus-pair .artwork-window{max-width:220px;margin-inline:auto}.focus-grid figcaption{justify-content:center;align-items:baseline;gap:10px;margin-top:18px;display:flex}.focus-grid figcaption small{color:#617b95;font-size:11px}.focus-grid h4{margin:0;font-size:15px;font-weight:600}.focus-grid p{color:#526579;margin:0;font-size:13px;line-height:1.8}.gallery-heading{padding:44px 0 28px}.detail-gallery{gap:36px}.gallery-item figcaption{align-items:center;gap:13px;margin:0 0 16px;display:flex}.gallery-item figcaption>span{color:#245bdb;border:1px solid #245bdb40;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font:500 11px/1 DM Sans,sans-serif;display:grid}.gallery-item h4{color:#263c53;margin:0;font-size:17px;font-weight:550}.gallery-frame{aspect-ratio:auto;background:#eaf0f3;border:1px solid #ffffffa8;border-radius:18px}button.gallery-frame{text-align:left;cursor:zoom-in;width:100%;padding:0;display:block}button.gallery-frame.is-pdf-artwork{background:#f3f6fa;border:1px solid #dce5ed;padding:clamp(20px,3.5vw,48px) clamp(20px,3.5vw,48px) clamp(52px,5vw,64px)}.gallery-frame.is-pdf-artwork>span{color:#274969;background:#ffffffed;border:1px solid #dce5ed;border-radius:999px}.image-viewer-backdrop{z-index:30;background:#eef2f6;place-items:stretch stretch;display:grid;position:fixed;inset:0}.image-viewer{background:#faf9f5;flex-direction:column;width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}.image-viewer-title{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.image-viewer-tools{z-index:3;top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));gap:8px;display:flex;position:absolute}.image-viewer-count{z-index:3;right:18px;bottom:max(18px, env(safe-area-inset-bottom));color:#52657c;font-variant-numeric:tabular-nums;pointer-events:none;background:#ffffffe0;border-radius:14px;padding:7px 10px;font:500 12px/1 DM Sans,sans-serif;position:absolute}.image-viewer-tools button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#18314d;background:#ffffffe0;border:1px solid #172b4426;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 2px 12px #18314d12}.image-viewer-tools .image-viewer-zoom{white-space:nowrap;border-radius:22px;width:auto;padding:0 16px;font-size:13px}.image-viewer-tools .image-viewer-zoom[aria-pressed=true]{color:#245bdb;background:#e7efff;border-color:#c9daf9}.image-viewer-stage{flex:1;min-height:0;position:relative}.image-viewer-scroll{overscroll-behavior:contain;background:#e8ecef;height:100%;padding:0;overflow:auto}.image-viewer-scroll img{object-fit:contain;width:100%;height:100%;display:block}.image-viewer-scroll.is-zoomed img{width:auto;min-width:100%;max-width:none;height:auto;max-height:none}.image-viewer-arrow{color:#18314d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border:1px solid #fff9;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 20px #10284026}.image-viewer-prev{left:16px}.image-viewer-next{right:16px}.image-viewer-arrow:hover{color:#fff;background:#245bdb}.image-viewer-thumbnails{padding:6px 80px max(6px, env(safe-area-inset-bottom)) 16px;border-top:1px solid #172b441a;flex:none;gap:10px;display:flex;overflow-x:auto}.image-viewer-thumbnails button{opacity:.65;background:#e8ecef;border:2px solid #0000;border-radius:10px;flex:none;width:72px;height:48px;padding:3px;position:relative}.image-viewer-thumbnails img{object-fit:contain;border-radius:5px;width:100%;height:100%;display:block}.image-viewer-thumbnails span{color:#fff;background:#102840cc;border-radius:4px;padding:2px 5px;font-size:10px;position:absolute;bottom:5px;right:5px}.image-viewer-thumbnails button[aria-pressed=true]{opacity:1;background:#fff;border-color:#245bdb}.image-viewer-thumbnails button:hover{opacity:1}@media (prefers-reduced-motion:no-preference){.image-viewer-thumbnails button{transition:opacity .25s,border-color .25s,background-color .25s}.image-viewer-arrow{transition:background-color .25s,color .25s,box-shadow .25s}.gallery-frame>span{transition:opacity .3s,background-color .3s}.detail-link{transition:color .25s}}.image-viewer button:focus-visible{outline-offset:2px;outline:3px solid #245bdb}@media (width<=620px){.image-viewer-tools .image-viewer-zoom{padding:0 10px;font-size:12px}.image-viewer-count{font-size:10px}.image-viewer-stage:has(.image-viewer-arrow){padding-bottom:52px}.image-viewer-arrow{width:44px;height:44px;top:auto;bottom:4px;transform:none}.image-viewer-prev{left:calc(50% - 52px)}.image-viewer-next{right:calc(50% - 52px)}.image-viewer-thumbnails{gap:8px;padding-left:10px}}.gallery-frame>img{object-fit:contain;width:100%;height:auto}.gallery-frame:hover img{transform:none}.gallery-frame>.artwork-window{background:0 0;border-radius:0;padding:0;display:block;position:relative;inset:auto}.gallery-frame .artwork-window img{position:absolute}.case-end{border-top:1px solid #172b441c;justify-content:space-between;align-items:center;margin-top:44px;padding-top:30px;display:flex}.case-end>span{letter-spacing:.12em;color:#74808f;font-size:10px}.case-end button{color:#245bdb;background:0 0;border:0;align-items:center;gap:12px;font-size:13px;display:flex}@media (width<=620px){.chapter-heading{grid-template-columns:50px 1fr}.detail-backdrop{padding:8px}.project-detail{--case-inset:20px;border-radius:20px;width:100%;max-height:calc(100svh - 16px)}.detail-header{min-height:60px;padding:10px var(--case-inset)}.detail-header>span{gap:10px;font-size:9px}.case-title{padding:24px var(--case-inset);display:block}.project-detail .case-title h2{white-space:normal;font-size:28px}.case-title .detail-category{margin-top:12px;font-size:12px;display:block}.case-title .detail-link{margin-top:16px}.case-project-action{gap:10px;margin-top:16px}.case-project-action .detail-link{margin-top:0}button.gallery-frame.is-pdf-artwork{padding:16px 12px 44px}.case-title .detail-description{font-size:14px}.detail-cover{aspect-ratio:16/10;border-radius:12px}.case-brief h3{margin-bottom:8px;font-size:18px}.case-overview{grid-template-columns:1fr;gap:20px;padding:32px 0}.case-overview>div:last-child{padding-top:0}.case-overview p{font-size:14px}.case-section-label h3{font-size:21px}.focus-grid,.focus-grid.focus-pair{grid-template-columns:1fr;gap:28px}.case-focus{border-radius:18px;margin-bottom:32px;padding:24px 20px}.focus-grid figure{display:block}.focus-art{max-width:230px;margin-inline:auto;padding:0}.focus-art .artwork-window{border-radius:17px}.focus-grid figcaption{margin-top:16px}.focus-grid h4{font-size:14px}.gallery-item h4{font-size:15px}.gallery-frame>span:last-child{padding:6px 8px;font-size:9px;bottom:6px;right:6px}}.career-profile{isolation:isolate;color:#172b44;background:#f8f6ef;min-height:0;padding:94px 0 28px;scroll-margin-top:0}.career-atmosphere{z-index:-1;object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 80px 80%,#0000);mask-image:linear-gradient(#0000,#000 80px 80%,#0000)}.career-hero{grid-template-columns:55% 45%;min-height:400px;display:grid}.career-intro{z-index:1;align-self:center;max-width:570px;padding:0 0 18px 40px;position:relative}.career-eyebrow{letter-spacing:.32em;color:#5f7ea8;font-size:11px;font-weight:600;display:block}.career-intro h2{letter-spacing:-.055em;margin:16px 0 14px;font-size:clamp(64px,6.2vw,80px);font-weight:800;line-height:1.14}.career-intro h3{letter-spacing:-.035em;margin:0 0 12px;font-size:clamp(28px,2.5vw,36px);line-height:1.3}.career-role{color:#394e6c;margin:0;font-size:21px}.career-summary{color:#243d60;margin:12px 0 18px;font-size:18px;line-height:1.8}.career-metrics{grid-template-columns:repeat(3,1fr);margin:0 0 18px;display:grid}.career-metrics>div{border-left:1px solid #245bdb26;flex-direction:column;gap:7px;padding:0 18px;display:flex}.career-metrics>div:first-child{border-left:0;padding-left:0}.career-metrics strong{color:#245bdb;font-variant-numeric:tabular-nums;letter-spacing:-.04em;align-items:baseline;font:700 30px/1.15 DM Sans,sans-serif;display:flex}.career-metrics>div>span{color:#415775;white-space:nowrap;font-size:13px;line-height:1.6}.metric-window{vertical-align:bottom;text-align:right;min-width:2ch;display:inline-block;overflow:visible}.career-metrics>div:last-child .metric-window{min-width:1ch}.metric-value{display:inline-block}.career-cta{color:#fff;background:#245bdb;border-radius:40px;justify-content:center;align-items:center;gap:24px;min-height:54px;padding:14px 30px;font-size:16px;font-weight:600;transition:background-color .3s,box-shadow .3s;display:inline-flex;box-shadow:0 10px 24px #245bdb20}.career-cta:hover{background:#154bc7;box-shadow:0 12px 28px #245bdb30}.career-cta:focus-visible{outline-offset:5px;outline:3px solid #172b44}.career-portrait{align-self:end;min-width:0;height:410px;margin:0;position:relative;overflow:hidden}.career-portrait img{object-fit:contain;object-position:bottom;width:100%;max-width:none;height:116%;position:absolute;bottom:-14%;left:-12%}.career-portrait figcaption{color:#3e6eac;font-family:Kaiti SC,STKaiti,serif;font-size:18px;line-height:1.65;position:absolute;top:24%;right:0;transform:rotate(-9deg)}.career-chapters{z-index:2;-webkit-backdrop-filter:blur(22px)saturate(115%);backdrop-filter:blur(22px)saturate(115%);background:#fff9;border:1px solid #ffffffd9;border-radius:24px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:18px 0;list-style:none;display:grid;position:relative;box-shadow:inset 0 1px #fff9,0 10px 30px #274d800a}.career-chapters li{min-width:0;padding:0 28px}.career-chapters li+li{border-left:1px solid #245bdb1a}.career-chapters h3{color:#172b44;letter-spacing:-.025em;margin:0 0 10px;font-size:clamp(18px,1.4vw,20px);font-weight:600;line-height:1.4}.career-chapters p{color:#415775;max-width:24em;margin:0;font-size:14px;line-height:1.7}@media (hover:hover) and (pointer:fine){.career-chapters li:hover h3{color:#245bdb}}@media (prefers-reduced-motion:no-preference){.metric-value{animation:.16s ease-out both metric-roll}.career-atmosphere{animation:8s ease-in-out infinite career-air}.career-profile:not(:hover):not(:focus-within) .career-atmosphere{animation-play-state:paused}.career-chapters h3{transition:color .35s}.career-cta svg{transition:transform .4s}.career-cta:is(:hover,:focus-visible) svg{transform:translate(2px,-2px)}}@keyframes career-air{0%,to{opacity:.88}50%{opacity:1}}@keyframes metric-roll{0%{transform:translateY(2px)}to{transform:translateY(0)}}@media (width<=1050px){.career-intro{padding-left:0}.career-hero{grid-template-columns:56% 44%;min-height:440px}.career-intro h2{font-size:64px}.career-intro h3{font-size:32px}.career-summary{font-size:17px}.career-role{font-size:18px}.career-metrics>div{padding-inline:12px}.career-metrics>div>span{font-size:11px}.career-portrait{height:360px}.career-portrait figcaption{font-size:14px;top:12%;right:0}}@media (width<=760px){.career-profile{padding:76px 0 36px}.career-atmosphere{object-fit:cover;object-position:65% center;width:100%}.career-hero{flex-direction:column;min-height:0;display:flex}.career-intro{width:100%;padding:0}.career-eyebrow{letter-spacing:.24em;font-size:9px}.career-intro h2{margin-block:20px 14px;font-size:clamp(52px,11vw,72px)}.career-intro h3{font-size:29px}.career-role{font-size:16px}.career-summary{margin-block:20px 24px;font-size:16px}.career-metrics{margin-bottom:26px}.career-metrics strong{font-size:26px}.career-metrics>div>span{font-size:10px}.career-metrics>div{padding-inline:10px}.career-cta{min-height:48px;padding:12px 24px;font-size:14px}.career-portrait{width:100%;height:250px;margin-top:16px}.career-portrait img{width:100%;height:115%;bottom:-15%;left:-4%}.career-portrait figcaption{font-size:16px;top:22%;right:8px}.career-chapters{border-radius:22px;grid-template-columns:1fr;padding:4px 22px}.career-chapters li{padding:18px 0}.career-chapters li+li{border-top:1px solid #245bdb1a;border-left:0}.career-chapters h3{margin-bottom:10px;font-size:20px}.career-chapters p{font-size:14px}}.work-gallery{isolation:isolate;background:#f8f6ef;padding:108px 0 80px;scroll-margin-top:0;position:relative;overflow:clip}.work-atmosphere{z-index:-1;object-fit:cover;object-position:center top;pointer-events:none;width:100%;height:900px;position:absolute;inset:0 0 auto;-webkit-mask-image:linear-gradient(#0000,#000b 16%,#000 30% 60%,#0000);mask-image:linear-gradient(#0000,#000b 16%,#000 30% 60%,#0000)}.work-gallery .work-intro{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:36px;padding:0;display:flex}.work-gallery .work-intro h2{letter-spacing:-.04em;margin:20px 0 0;font-size:clamp(36px,4.1vw,62px);font-weight:700;line-height:1.2}.work-gallery .work-intro>p{white-space:nowrap;border:0;margin:0 0 6px;padding:0;font-size:15px}.work-gallery .work-filters{z-index:20;-webkit-backdrop-filter:blur(22px);scrollbar-width:none;background:#f8fbfff2;border:1px solid #ffffffc9;border-radius:14px;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:12px;width:calc(100% + 24px);margin:0 -12px 24px;padding:0 22px;display:flex;position:sticky;top:64px;overflow-x:auto;box-shadow:0 4px 16px #2347720a}.work-gallery .work-filters.is-docked{border-top-color:#dce6f3;border-radius:0 0 14px 14px}.work-browse-label{color:#526a89;white-space:nowrap;flex:none;font-size:13px}.work-gallery .work-filters button{isolation:isolate;border:0;border-radius:0;flex-shrink:0;min-height:48px;padding:10px 8px;font-size:13px;position:relative}.work-gallery .work-filters button[aria-pressed=true]{color:#245bdb;background:0 0}.work-filter-indicator{z-index:-1;background:#245bdb;border-radius:2px;height:2px;position:absolute;inset:auto 4px 0}.work-filter-label{position:relative}.work-gallery .work-filters button small{display:none}.work-gallery .work-filters button:first-of-type small{min-width:0;height:auto;color:inherit;background:0 0;padding:0;font-size:11px;display:inline}.work-gallery .work-filters button:focus-visible{outline-offset:-3px}.work-gallery .work-chapters{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 28px;display:grid}.work-gallery .work-chapter,.work-gallery .work-grid{display:contents}.work-section-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.work-gallery .work-card{border-radius:22px;flex-direction:column;grid-column:auto;margin:0;display:flex;position:relative}.work-gallery .work-image{aspect-ratio:1.8;border-radius:22px;width:100%;height:auto}.work-gallery .work-image:after{content:"";z-index:2;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(ellipse at var(--pointer-x,50%) var(--pointer-y,50%), #fff5, transparent 65%);position:absolute;inset:0}.work-gallery .work-card-copy{z-index:1;-webkit-backdrop-filter:blur(22px);background:#ffffffb3;border:1px solid #fff;border-radius:22px;flex:1;width:100%;min-height:90px;margin-top:-58px;padding:14px 60px 15px 22px;position:relative}.work-gallery .work-card-copy>strong{text-wrap:pretty;font-size:clamp(21px,1.8vw,28px);font-weight:650;line-height:1.35}.work-gallery .work-category{color:#546985;order:1;margin:5px 0 0;font-size:14px;line-height:1.6}.project-tags{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.project-tag{color:#456183;white-space:nowrap;background:#edf3fb;border:1px solid #dce6f3;border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:500;line-height:1.5;display:inline-flex}.work-card-copy .project-tags{order:2;margin-top:8px}.showcase-card .project-tags{margin-top:5px}.showcase-card .project-tag{color:#dce9f8;background:#1e344c;border-color:#d9e8ff1a;border-radius:5px;padding:2px 6px;font-size:10px;line-height:1.4}.work-card-arrow{color:#2c65f4;margin-top:-12px;position:absolute;top:50%;right:24px}.work-gallery .work-card:focus-visible{outline-offset:5px;outline:3px solid #2c65f4}.work-gallery .layout-world:after,.work-gallery .layout-world:before,.work-gallery .layout-world .case-copy,.work-gallery .layout-world .case-word,.work-gallery .layout-world .case-folio{display:none}.work-gallery .layout-world .case-primary img{object-position:center}.work-gallery .case-01 .case-primary img{object-position:center 20%}.work-gallery .case-02 .case-primary img{object-position:center}.work-gallery .case-05 .case-primary img{object-position:center 58%}.work-signoff{color:#7185a0;letter-spacing:.2em;text-align:center;align-items:center;gap:22px;margin-top:42px;font-size:13px;display:flex}.work-signoff:before,.work-signoff:after{content:"";background:#cbd5df;flex:1;height:1px}@media (hover:hover) and (prefers-reduced-motion:no-preference){.work-gallery .work-card{transition:translate .55s cubic-bezier(.22,1,.36,1),box-shadow .55s}.work-gallery .work-card:is(:hover,:focus-visible){translate:0 -8px;box-shadow:0 24px 50px #23477225}.work-gallery .work-image{transition:transform .5s cubic-bezier(.22,1,.36,1)}.work-gallery .work-card:hover .work-image{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(1.025)}.work-gallery .work-image:after{transition:opacity .4s}.work-gallery .work-card:hover .work-image:after{opacity:1}.work-gallery .work-card-copy,.work-card-arrow{transition:background .4s,transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s}.work-gallery .work-card:is(:hover,:focus-visible) .work-card-copy{background:#fffffff0;transform:translateY(-8px);box-shadow:0 12px 24px #2347721a}.work-gallery .work-card:is(:hover,:focus-visible) .work-card-arrow{transform:translate(6px)rotate(-35deg)}}@media (prefers-reduced-motion:no-preference){.work-atmosphere{animation:10s ease-in-out infinite work-air}.work-gallery .work-filters button{transition:color .25s,background-color .25s,box-shadow .25s}.work-gallery .work-filters button:hover{color:#245bdb}}@keyframes work-air{0%,to{opacity:.88}50%{opacity:1}}@media (width<=1050px){.work-gallery .work-intro{flex-direction:column;align-items:flex-start;gap:16px}.work-gallery .work-filters{justify-content:flex-start}.work-gallery .work-card-copy{padding-right:18px}.work-gallery .work-card-copy>strong{padding-right:28px}.work-gallery .work-card-copy .project-tags{flex-wrap:nowrap;gap:5px}.work-gallery .work-card-copy .project-tag{flex-shrink:0;padding:3px 6px;font-size:11px}.work-gallery .work-card-arrow{width:20px;height:20px;margin-top:0;top:24px;right:18px}}@media (width<=640px){.work-gallery{padding:92px 0 48px}.work-atmosphere{object-position:65% top;height:620px}.work-gallery .work-intro{margin-bottom:24px}.work-gallery .work-intro h2{white-space:nowrap;font-size:clamp(28px,7.5vw,42px)}.work-gallery .work-intro>p{font-size:13px}.work-gallery .work-filters{gap:14px;margin-bottom:24px;padding:0 10px;top:64px}.work-browse-label{display:none}.work-gallery .work-filters button{min-height:44px}.work-gallery .work-chapters{grid-template-columns:minmax(0,1fr);gap:24px}.work-gallery .work-card-copy{min-height:86px;padding:13px 18px 14px}.work-gallery .work-category{font-size:13px}.work-card-copy .project-tags{gap:6px;margin-top:8px}.work-card-copy .project-tag{padding:3px 7px;font-size:11px}.work-card-arrow{right:19px}.work-signoff{letter-spacing:.08em;gap:12px;font-size:11px}}.capabilities{padding-bottom:clamp(64px,6vw,96px)}.contact-sunset.contact{background:var(--surface-alt);color:#0e2749;min-height:max(720px,100svh);padding:0;scroll-margin-top:0;display:block;overflow:visible}.contact-art{pointer-events:none;position:absolute;inset:0;overflow:hidden}.contact-art img{object-fit:cover;object-position:center;width:100%;height:100%}.contact-art:after{content:"";background:linear-gradient(to bottom, var(--surface-alt) 0%, #e9effaf5 12%, #e9effab3 38%, #e9effa40 70%, #e9effa00 100%);height:clamp(160px,18vw,280px);position:absolute;inset:0 0 auto}.contact-sunset .contact-inner{min-height:max(720px,100svh);padding-top:clamp(115px,14.5vh,150px);padding-bottom:24px}.contact-message{text-align:center}.contact-eyebrow{color:#536b88;letter-spacing:.28em;align-items:center;gap:20px;font-size:12px;font-weight:500;display:inline-flex}.contact-eyebrow:before,.contact-eyebrow:after{content:"";border-top:1px solid #657a92;width:24px}.contact-sunset h2{letter-spacing:-.035em;margin:clamp(45px,8vh,78px) 0 26px;font-size:clamp(42px,4.85vw,82px);font-weight:750;line-height:1.28}.contact-sunset h2>span{display:block}.contact-sunset h2 em{color:#215ae5}.contact-sunset p{color:#405872;max-width:none;margin:0 auto;font-size:clamp(16px,1.4vw,23px);line-height:1.85}.contact-sunset p span{display:inline-block}.contact-actions{justify-content:center;align-items:center;gap:32px;margin-top:38px;display:flex}.contact-sunset .contact-button{color:#fff;background:#245be3;justify-content:center;gap:24px;min-width:232px;min-height:64px;padding:16px 32px;font-size:18px;font-weight:600;box-shadow:0 8px 28px #245be31a}.contact-sunset .contact-button:hover{background:#174bce;transform:translateY(-3px);box-shadow:0 12px 30px #245be32e}.wechat-contact{position:relative}.wechat-trigger{color:#164bc8;text-underline-offset:7px;cursor:pointer;background:0 0;border:0;border-radius:8px;min-height:48px;padding:10px 3px;font-size:17px;font-weight:600;text-decoration:underline}.contact-sunset a:focus-visible,.contact-sunset button:focus-visible{outline-offset:5px;outline:3px solid #245be3}.contact-addresses{color:#405872;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin-top:25px;font-size:15px;line-height:1.7;display:flex}.contact-addresses a:hover{color:#164bc8;text-underline-offset:4px;text-decoration:underline}.contact-addresses>span{border-left:1px solid #63758c66;padding-left:22px}.contact-sunset .contact-bottom{color:#405872;border-color:#52698740;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:100px;padding-top:14px;font-size:13px;display:flex}.contact-sunset .contact-bottom small{color:inherit;letter-spacing:.1em;margin:0;font-size:12px}.wechat-card{z-index:110;color:#172b44;text-align:center;background:#fff;border:1px solid #e1e7ef;border-radius:20px;width:280px;padding:22px 16px 16px;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 16px 64px #0e27492b}.wechat-card h3{margin:8px 0 2px;font-size:16px;line-height:1.5}.wechat-qr-frame{aspect-ratio:1;width:100%;margin:12px 0;position:relative;overflow:hidden}.wechat-qr-frame img{width:138.5%;max-width:none;height:auto;position:absolute;top:-59.5%;left:-19.4%}.wechat-card>span{color:#5b6c82;font-size:12px}.wechat-close{color:#52647a;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:6px;right:6px}.wechat-close:hover{background:#eef3f9}@media (width<=700px){.contact-sunset.contact,.contact-sunset .contact-inner{min-height:max(760px,100svh)}.contact-sunset .contact-inner{padding-top:120px;padding-bottom:25px}.contact-art img{object-position:50% bottom}.contact-eyebrow{letter-spacing:.2em;gap:10px;font-size:9px}.contact-eyebrow:before,.contact-eyebrow:after{width:15px}.contact-sunset h2{margin:48px 0 24px;font-size:clamp(28px,8.2vw,48px);line-height:1.4}.contact-sunset p{text-wrap:balance;max-width:24em;font-size:15px;line-height:1.9}.contact-actions{gap:24px;margin-top:30px}.contact-sunset .contact-button{gap:14px;min-width:0;min-height:52px;padding:13px 24px;font-size:15px}.wechat-trigger{font-size:15px}.contact-addresses{flex-direction:column;margin-top:24px;font-size:13px}.contact-addresses>span{border:0;padding:0}.contact-sunset .contact-bottom{justify-content:center;gap:8px;margin-top:100px;font-size:11px}.contact-sunset .contact-bottom small{font-size:10px}.wechat-card{width:min(310px,100vw - 40px);max-height:calc(100svh - 40px);padding-top:26px;position:fixed;top:50%;bottom:auto;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 16px 80px #0e274966}.wechat-close{width:44px;height:44px;top:0;right:0}}@media (prefers-reduced-motion:reduce){.contact-sunset .contact-button{transition:none}.contact-sunset .contact-button:hover{transform:none}}.site-header .nav .pill-nav-link{border-radius:999px;justify-content:center;align-items:center;min-height:36px;padding:0 17px;line-height:1.4;display:inline-flex;overflow:hidden}.site-header .nav .pill-nav-link:before{inset:0}.site-header:not(.over-hero){width:min(1224px, calc(100% - var(--page-gutter) * 2 + 24px));border-radius:16px;height:54px;padding-inline:30px;top:10px}.site-header:not(.over-hero):before{border-radius:inherit;border:1px solid #ffffffc9;width:auto;inset:-1px;transform:none}body:has(.work-filters.is-docked) .site-header:not(.over-hero){border-radius:16px 16px 0 0}body:has(.work-filters.is-docked) .site-header:not(.over-hero):before{box-shadow:none;background:#f8fbfff2;border-bottom:0}.site-header:not(.over-hero) .nav .pill-nav-link[aria-current=location]:before{opacity:0}.site-header:not(.over-hero) .nav .pill-nav-link[aria-current=location]:after{content:"";background:#245bdb;border-radius:2px;width:28px;height:2px;position:absolute;bottom:1px;left:calc(50% - 14px)}.pill-fill{z-index:0;aspect-ratio:1;transform-origin:50% 100%;pointer-events:none;background:#245bdb;border-radius:50%;width:210%;position:absolute;bottom:-110%;transform:scale(0)}.pill-label-stack{z-index:1;display:block;position:relative}.pill-label{display:block}.pill-label-hover{color:#fff;opacity:0;position:absolute;inset:0;transform:translateY(160%)}.site-header .nav .pill-nav-link:focus-visible{outline-offset:3px;outline:2px solid #83b4ff}.site-header.over-hero .nav .pill-nav-link[aria-current=location]{color:#fff}.site-header.over-hero .nav .pill-nav-link[aria-current=location]:before{background:#245bdb}.site-header .nav .pill-nav-link:hover{color:inherit}@media (width>=621px){.site-header .nav,.variant-retreat.over-hero .nav{gap:clamp(3px,1vw,14px)}}@media (width<=620px){.site-header:not(.over-hero){padding-inline:8px}.site-header .nav .pill-nav-link{justify-content:flex-start;min-height:44px;padding:0 18px}.variant-retreat.over-hero .nav.open{gap:6px}}.specular-link{isolation:isolate;position:relative}.specular-content{justify-content:center;align-items:center;gap:inherit;z-index:1;display:inline-flex;position:relative}.specular-link:before,.specular-link:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0}.specular-link:before{background:radial-gradient(ellipse 100px 70px at var(--shine-x,50%) var(--shine-y,0%), #ffffff42, transparent 75%);opacity:0;transition:opacity .3s}.specular-link:after{border:1px solid #ffffff40;box-shadow:inset 0 1px 1px #ffffff75,inset 0 -2px 4px #14387324}.specular-link:is(:hover,:focus-visible):before{opacity:1}.specular-link:focus-visible{outline-offset:4px;outline:3px solid #83b4ff}.specular-link:active .specular-content{transform:scale(.97)}.site-header :is(.brand,.nav-contact).specular-link{transition:background .3s,color .3s,transform .35s}.site-header :is(.brand,.nav-contact).specular-link:focus-visible{color:#fff;background:#245bdb}@keyframes header-action-breathe{0%,to{box-shadow:inset 0 1px 2px #ffffff70,0 0 5px #609aff20}50%{box-shadow:inset 0 1px 3px #fffc,0 0 0 3px #81b5ff20,0 0 20px #609aff70}}@media (prefers-reduced-motion:no-preference){.site-header :is(.brand,.nav-contact).specular-link:focus-visible{transform:translateY(-1px)scale(1.025)}.site-header :is(.brand,.nav-contact).specular-link:focus-visible:after{animation:2.2s ease-in-out infinite header-action-breathe}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.site-header :is(.brand,.nav-contact).specular-link:hover{transform:translateY(-1px)scale(1.025)}.site-header :is(.brand,.nav-contact).specular-link:hover:after{animation:2.2s ease-in-out infinite header-action-breathe}}@media (prefers-reduced-motion:reduce){.site-header :is(.brand,.nav-contact).specular-link{transition:none}.specular-link:before{background:linear-gradient(#ffffff26,#0000);transition:none}.specular-link:active .specular-content{transform:none}.site-header .nav .pill-nav-link:is(:hover,:focus-visible){color:#fff;background:#245bdb}.site-header .nav .pill-nav-link:is(:hover,:focus-visible):before{opacity:0}}