:root{--swiper-theme-color:#007aff}:host{z-index:1;margin-left:auto;margin-right:auto;display:block;position:relative}.swiper{z-index:1;margin-left:auto;margin-right:auto;padding:0;list-style:none;display:block;position:relative;overflow:hidden}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{z-index:1;width:100%;height:100%;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box;display:flex;position:relative}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate(0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;transition-property:transform;display:block;position:relative}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{scrollbar-width:none;-ms-overflow-style:none;overflow:auto}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(#0000,#00000080)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(#00000080,#0000)}.swiper-lazy-preloader{z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top-color:#0000;border-radius:50%;width:42px;height:42px;margin-top:-21px;margin-left:-21px;position:absolute;top:50%;left:50%}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:1s linear infinite swiper-preloader-spin}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{color:#193a72;font-synthesis:none;text-rendering:geometricprecision;--blue:#193a72;--orange:#eb721e;--bright-orange:#ff8946;--paper:#f4e7d0;background:#f4e7d0;font-family:Inter,Manrope,Noto Sans SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{background:var(--paper);width:100%;min-width:0;margin:0;overflow-x:hidden}#root{width:100%;min-width:0;min-height:100%;transform:none}button,a{font:inherit}button{color:inherit}img{display:block}.site-header{z-index:200;width:30.9896vw;height:4.6354vw;color:var(--blue);pointer-events:none;position:fixed;top:0;right:0}.site-header.portfolio-header{right:1.25vw}.site-header nav{pointer-events:auto;width:23.5938vw;height:1.4063vw;position:absolute;top:1.5104vw;left:2.1354vw}.site-header button{height:1.4063vw;color:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:0;font-size:.8333vw;font-weight:600;line-height:1.25vw;position:absolute;top:0}.site-header .nav-home{width:2.7083vw;left:0}.site-header .nav-about{width:4.3229vw;left:4.5833vw}.site-header .nav-portfolio{width:5.2604vw;left:10.7813vw}.site-header .contact-link{width:6.3542vw;color:var(--bright-orange);justify-content:space-between;align-items:center;font-weight:700;display:flex;top:.0521vw;left:17.2396vw}.site-header .contact-link img{width:1.25vw;height:1.25vw}.site-header.on-hero,.site-header.project-one-header{color:#fff}.site-header.over-baked-header{opacity:0}.site-header button:hover{color:var(--bright-orange)}.header-pill{pointer-events:none;background:url(/assets/home-imgChatGptImage2026831140012-Ckkry3MR.png) 50%/cover no-repeat;width:7.6563vw;height:5.1042vw;position:absolute;top:0;left:24.8438vw}.home-page{background:linear-gradient(#fff7ed59,#ead7be59),#f4e7d0;width:100%;min-width:0;height:8606px;margin:0;position:relative;overflow:hidden}.home-hero{background:var(--paper);width:100%;height:1080px;position:absolute;top:0;left:0;overflow:hidden}.hero-static{z-index:1;object-fit:cover;object-position:center top;width:100%;max-width:none;height:100%;position:absolute;inset:0}.hero-collage{position:absolute;inset:0;overflow:hidden}.hero-collage img{object-fit:cover;max-width:none;position:absolute}.hero-orange-halftone{width:255px;height:468px;top:206px;left:-18px}.hero-blue-halftone{width:278px;height:205px;top:1px;left:-4px}.hero-tennis-card{width:548px;height:524px;top:262px;left:1583px}.hero-paris-card{width:759px;height:569px;top:-45px;left:1491px}.hero-grid-paper{width:310px;height:408px;top:-186px;left:224px;transform:rotate(66.64deg)}.hero-paper-top{width:1024px;height:350px;top:-13px;left:1153px;transform:rotate(180deg)}.hero-top-texture{width:867px;height:578px;top:-396px;left:1277px}.hero-bottom-paper-frame{justify-content:center;align-items:center;width:1366.78px;height:504.18px;display:flex;position:absolute;top:734.83px;left:489px}.hero-bottom-paper{flex:none;width:1342.91px;height:420.16px;position:relative;overflow:hidden;transform:rotate(-3.62deg)}.hero-bottom-paper img{width:100.04%;max-width:none;height:213.17%;position:absolute;top:-113.17%;left:-.02%}.hero-bottom-strip-frame{justify-content:center;align-items:center;width:763.26px;height:286.27px;display:flex;position:absolute;top:783.26px;left:901.25px}.hero-bottom-strip{opacity:.8;flex:none;width:745.89px;height:168.27px;position:relative;overflow:hidden;transform:rotate(-9.27deg)}.hero-bottom-strip img{width:114.51%;max-width:none;height:432.16%;position:absolute;top:-291.23%;left:-6.73%}.hero-paper-left{width:1357px;height:464px;top:601px;left:-572px}.hero-vitamin-note{width:481px;height:385px;top:695px;left:1564px}.hero-ball-one{width:136px;height:143px;top:495px;left:1943px}.hero-ball-two{width:126px;height:133px;top:689px;left:1825px}.hero-blue-torn{width:751px;height:154px;top:956px;left:-38px;transform:rotate(180deg)}.hero-smiley{width:113px;height:113px;top:952px;left:614px}.hero-corner-paper{width:518px;height:232px;top:143px;left:-35px;transform:rotate(-135deg)}.hero-typography{z-index:8;width:784px;height:672px;position:absolute;top:63px;left:342px;overflow:visible}.hero-heading{width:686px;height:409px;color:var(--blue);text-align:left;white-space:nowrap;cursor:pointer;transform-origin:50%;background:0 0;border:0;padding:0;font-family:Manrope,Inter,sans-serif;font-weight:900;line-height:.94;position:absolute;top:39px;left:32px;transform:rotate(-7deg)skew(-7deg)}.hero-title-layer{opacity:0;pointer-events:none;transition:opacity .26s;display:block;position:absolute;inset:0}.hero-title-layer.is-visible{opacity:1}.hero-title-en>span{font-size:160px;display:block}.hero-title-en>span+span{color:#2c5596;font-size:150px}.hero-heading em{color:var(--orange);font-style:normal}.hero-title-zh{color:var(--blue);white-space:normal;font-size:104px;line-height:1.08}.hero-vitamin-label{object-fit:cover;width:393px;height:141px;position:absolute;top:396px;left:143px}.hero-dive-label{object-fit:cover;width:564px;height:167px;position:absolute;top:494px;left:72px}.hero-glass{z-index:7;pointer-events:none;width:401px;height:568px;position:absolute;top:413px;left:1071px;overflow:hidden}.glass-frame-image{object-fit:fill;width:401px;max-width:none;height:568px;position:absolute;inset:0}.glass-frame{position:absolute;overflow:hidden}.glass-frame img{object-fit:fill;max-width:none;position:absolute}.home-about{width:1864px;height:695px;position:absolute;top:1213px;left:32px;overflow:hidden}.about-paper{object-fit:cover;width:564px;height:575px;position:absolute;top:23px;left:172px}.about-portrait{object-fit:cover;width:304px;height:405px;position:absolute;top:124px;left:291px}.home-about h2,.home-about h3{margin:0}.about-title{width:326px;height:76px;color:var(--blue);letter-spacing:1.92px;text-align:center;white-space:nowrap;font-size:64px;font-weight:700;line-height:76px;position:absolute;top:68px;left:775px}.about-info-title,.about-education-title{width:192px;height:48px;color:var(--blue);text-align:center;font-size:36px;font-weight:600;line-height:48px;position:absolute;left:755px}.about-info-title{top:205px}.about-education-title{top:418px}.about-facts{width:912px;height:72px;position:absolute;top:270px;left:779px}.about-facts>div{height:72px;color:var(--blue);white-space:nowrap;font-size:16px;line-height:32px;position:absolute;top:0}.about-facts>div:first-child{left:0}.about-facts>div:nth-child(2){left:159px}.about-facts>div:nth-child(3){left:320px}.about-facts>div:nth-child(4){left:474px}.about-facts>div:nth-child(5){left:629px}.about-facts>div:nth-child(6){left:787px}.about-facts b{height:40px;color:var(--orange);align-items:center;gap:4px;font-size:20px;font-weight:600;line-height:40px;display:flex}.about-facts b img{object-fit:contain;width:24px;height:24px}.about-facts span{padding-left:24px;font-weight:500;display:block}.about-education{width:857px;height:72px;position:absolute;top:474px;left:783px}.about-education p{white-space:nowrap;margin:0;line-height:32px;position:absolute;top:0}.about-education p:first-child{left:0}.about-education p:nth-child(2){left:474px}.about-education b{color:var(--orange);font-size:20px;font-weight:600;line-height:40px;display:block}.about-education span{color:var(--blue);font-size:16px;font-weight:500;display:block}.home-experience{width:1400px;height:2524px;position:absolute;top:1995px;left:355px}.experience-title{width:763px;height:186px;color:var(--blue);text-align:center;position:absolute;top:0;left:318.5px}.experience-title h2,.experience-title p{width:763px;height:76px;margin:0;font-size:64px;font-weight:700;line-height:76px;position:absolute;left:0}.experience-title h2{letter-spacing:1.92px;top:0}.experience-title p{top:110px}.internship{width:1400px;position:absolute;left:0;overflow:hidden}.internship-1{height:838px;top:286px}.internship-2{height:548px;top:1324px}.internship-3{height:452px;top:2072px}.internship-heading{width:1393px;height:76px;color:var(--blue);white-space:nowrap;grid-template-columns:420px 650px 323px;align-items:start;font-size:36px;font-weight:600;line-height:44px;display:grid;position:absolute;top:53px;left:7px}.internship-3 .internship-heading{top:58px}.internship-heading span:last-child{text-align:right;padding-right:8px}.internship-copy{width:1237px;color:var(--blue);position:absolute;top:129px;left:7px}.internship-3 .internship-copy{width:1134px;top:134px;left:0}.internship-copy div{margin:0 0 8px}.internship-copy h4{color:var(--orange);margin:0;font-size:20px;font-weight:600;line-height:32px}.internship-copy p{color:var(--blue);margin:0;font-size:16px;font-weight:500;line-height:32px}.experience-link{cursor:pointer;background:0 0;border:0;width:252px;height:124px;padding:0;position:absolute;top:113px;left:1164px}.internship-3 .experience-link{top:121px;left:1148px}.experience-link>img:first-child{object-fit:cover;width:147px;height:98px;position:absolute;top:16px;left:10px}.experience-link span{color:var(--bright-orange);white-space:nowrap;font-size:16px;font-weight:700;line-height:22px;position:absolute;top:49px;left:134px}.experience-link .experience-arrow{width:24px;height:24px;position:absolute;top:48px;left:212px}.experience-rule{border-top:2px dashed #193a728c;width:1388px;height:0;position:absolute;left:6px}.rule-one{top:1224px}.rule-two{top:1972px}.home-skills{background:var(--paper);width:100%;height:1080px;position:absolute;top:4606px;left:0;overflow:hidden}.skills-static{object-fit:fill;image-rendering:auto;filter:none;width:1920px;max-width:none;height:1080px;position:absolute;inset:0 auto auto 0;transform:none}.skills-paper{opacity:.4;width:1822px;height:1080px;position:absolute;top:0;left:52px;overflow:hidden}.skills-paper img{object-fit:fill;width:110.47%;height:124.31%;position:absolute;top:-12.43%;left:-5.47%}.skills-title{text-align:center;width:355px;height:114px;position:absolute;top:199px;left:162px}.skills-title h2,.skills-title p{height:48px;margin:0}.skills-title h2{color:var(--blue);font-size:48px;font-weight:600;line-height:48px}.skills-title p{color:var(--orange);margin-top:18px;font-size:24px;font-weight:600;line-height:48px}.skill-categories{width:148px;height:405px;color:var(--blue);text-align:center;flex-direction:column;gap:71px;font-size:20px;font-weight:600;line-height:48px;display:flex;position:absolute;top:405px;left:455px}.skill-categories span{height:48px}.skill-line{border-left:1px dashed var(--blue);height:480px;position:absolute;top:352px;left:447px}.skill-nodes{width:17px;height:374px;position:absolute;top:405px;left:438px}.skill-characters{width:126px;height:467px;position:absolute;top:369px;left:254px}.character{width:126px;position:absolute;left:0;overflow:hidden}.character img{max-width:none;position:absolute}.character-1{height:110px;top:0}.character-1 img{width:433.17%;height:330.73%;top:-130.17%;left:-111.71%}.character-2{height:96px;top:124px}.character-2 img{width:362.45%;height:316.58%;top:-21.93%;left:-262.45%}.character-3{height:109px;top:234px}.character-3 img{width:363.93%;height:280.46%;top:-17.26%;left:-.01%}.character-4{height:102px;top:357px}.character-4 img{width:403.64%;height:332.58%;top:-232.58%;left:-200%}.software-strip{object-fit:fill;image-rendering:auto;filter:none;max-width:none;position:absolute;transform:none}.software-name{color:var(--blue);white-space:nowrap;font-size:14px;font-weight:500;line-height:28px;position:absolute}.cet{color:var(--blue);font-size:40px;font-weight:800;line-height:80px;position:absolute}.cet4{top:729px;left:655px}.cet6{top:730px;left:826px}.home-portfolio-entrance{cursor:pointer;width:100%;height:1933px;position:absolute;top:5658px;left:0;overflow:hidden}.entrance-halftone-top{width:438px;height:390px;position:absolute;top:0;left:687px}.entrance-orange{object-fit:cover;width:270px;height:270px;position:absolute;top:0;left:804px}.entrance-dive{z-index:3;object-fit:cover;width:564px;height:167px;position:absolute;top:329px;left:657px}.home-portfolio-entrance h2{z-index:2;width:1107px;height:336px;color:var(--bright-orange);white-space:nowrap;transform-origin:50%;margin:0;font-family:Manrope,Inter,sans-serif;font-size:200px;font-weight:900;line-height:1;position:absolute;top:528px;left:441px;transform:rotate(-7deg)skew(-7deg)}.entrance-halftone-main{width:1064px;height:932px;position:absolute;top:581px;left:613px}.entrance-collage{z-index:3;width:1305px;height:1020px;position:absolute;top:702px;left:307px;overflow:hidden}.entrance-collage img{object-fit:fill;width:100%;max-width:none;height:127.94%;position:absolute;top:-11.14%;left:0}.home-portfolio-entrance button{z-index:5;color:#2c5596;text-align:center;cursor:pointer;background:0 0;border:0;width:550px;height:89px;padding:0;font-size:64px;font-weight:600;line-height:89px;position:absolute;top:1754px;left:719px}.entrance-chevrons{z-index:5;width:102px;max-width:none;height:63px;position:absolute;top:1859px;left:943px}.home-contact{width:100%;height:887px;position:absolute;top:7719px;left:0;overflow:hidden}.contact-paper{object-fit:cover;opacity:.2;filter:grayscale();width:1537px;height:1025px;position:absolute;top:-197px;left:349px}.contact-blue{background:var(--blue);width:1626px;height:746px;position:absolute;top:141px;left:147px}.home-contact h2{color:#f2e9de;text-align:center;width:599px;height:120px;margin:0;font-size:120px;font-weight:500;line-height:120px;position:absolute;top:316px;left:200px}.contact-illustration{object-fit:cover;width:599px;height:399px;position:absolute;top:455px;left:200px}.contact-icons{width:57px;height:383px;position:absolute;top:361px;left:1027px}.home-contact address{color:#fff;width:453px;margin:0;font-size:20px;font-style:normal;font-weight:400;line-height:20px;position:absolute;top:374px;left:1102px}.home-contact address p{margin:0 0 92px}.home-contact address b{font-weight:600}.home-static-page{aspect-ratio:1920/8606;background:#f4e7d0;width:100%;height:auto;margin:0;position:relative;overflow:hidden}.home-static-base{z-index:0;object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;max-width:none;height:100%;position:absolute;inset:0}.home-hero-interactive{z-index:2;width:100%;height:12.549%;position:absolute;top:0;left:0;overflow:hidden}.home-title-toggle{z-index:3;cursor:pointer;background:0 0;border:0;width:33.737%;height:31.9213%;padding:0;position:absolute;top:12.6852%;left:19.4792%}.home-title-toggle img{object-fit:contain;object-position:center;opacity:0;pointer-events:none;width:100%;max-width:none;height:100%;transition:opacity .26s ease-in-out;position:absolute;inset:0}.home-title-toggle img.is-visible{opacity:1}.home-glass-sequence{z-index:2;pointer-events:none;width:20.8854%;height:52.5926%;position:absolute;top:38.2407%;left:55.7813%}.home-glass-sequence img{object-fit:fill;width:100%;max-width:none;height:100%;display:none;position:absolute;inset:0}.home-glass-sequence img.is-visible{display:block}.home-static-anchor{z-index:1;pointer-events:none;width:1px;height:1px;position:absolute;left:0}.home-about-anchor{top:12.5494%}.home-experience-anchor{top:23.1827%}.home-skills-anchor{top:53.5208%}.home-contact-anchor{top:89.6932%}.home-detail-hotspot,.home-portfolio-hotspot{z-index:4;cursor:pointer;color:#0000;background:0 0;border:0;padding:0;position:absolute}.home-detail-hotspot{z-index:20;pointer-events:auto;width:13.125%;height:2.65%;left:79.1146%}.detail-hotspot-one{top:27.8178%}.detail-hotspot-two{top:39.8792%}.detail-hotspot-three{top:48.6637%;left:78.2813%}.home-portfolio-hotspot{width:100%;height:22.4611%;top:65.745%;left:0}.home-portfolio-hotspot img{pointer-events:none;width:2.4219%;max-width:none;height:1.8354%;position:absolute;top:96.87%;left:50.5469%}.home-about-fade-layer{z-index:400;pointer-events:none;background:#f4e7d0;animation:.62s ease-in-out forwards home-about-fade;position:fixed;inset:0;overflow:hidden}.home-about-fade-layer img{width:100%;max-width:none;height:auto;position:absolute;left:0}.home-route-fade-layer{z-index:400;pointer-events:none;background:#f4e7d0;animation:.38s ease-in-out forwards home-route-fade;position:fixed;inset:0}@keyframes home-about-fade{0%{opacity:0}to{opacity:1}}@keyframes home-route-fade{0%{opacity:0}to{opacity:1}}.portfolio-page{background:linear-gradient(#fff7ed59,#ead7be59),#f4e7d0;width:100%;min-width:0;height:2700px;margin:0;position:relative;overflow:visible}.portfolio-groups{position:absolute;inset:0}.portfolio-group{width:calc(100% - 48px);position:absolute;left:24px}.portfolio-group h1{width:116px;height:48px;color:var(--blue);margin:0;font-size:36px;font-weight:600;line-height:48px;position:absolute;left:0}.portfolio-row{width:100%;height:88px;color:var(--blue);cursor:pointer;text-align:left;background:0 0;border:0;outline:0;padding:0;position:absolute;left:0}.portfolio-row:before{content:"";z-index:0;opacity:0;background:#ffffff6b;height:100%;transition:opacity .16s ease-out;position:absolute;top:0;left:-24px;right:-24px}.portfolio-row span{z-index:1;color:#193a7261;width:456px;font-size:20px;font-weight:600;line-height:40px;transition:color .16s ease-out,opacity .16s ease-out;position:absolute;top:50%;transform:translateY(-50%)}.portfolio-name{left:0}.portfolio-meta{text-align:right;right:0}.portfolio-row.active:before{opacity:1}.portfolio-row.active span{color:var(--blue)}.portfolio-preview-wrap{z-index:20;pointer-events:none;width:614px;height:614px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.portfolio-preview{cursor:pointer;pointer-events:auto;width:614px;height:614px;position:relative}.portfolio-photo{transform-origin:50%;background:#fff;position:absolute;inset:0;overflow:hidden}.portfolio-photo img{object-fit:cover;max-width:none;position:absolute}.detail-page{min-height:100vh;padding-top:132px}.detail-hero{width:min(1240px,100% - 120px);margin:auto}.detail-hero>p{color:var(--orange);font-weight:700}.detail-hero>h1{max-width:900px;margin:20px 0 50px;font-size:54px}.image-carousel{background:#dfd6c8;height:760px;position:relative;overflow:hidden}.image-carousel .swiper,.image-carousel .swiper-slide{height:100%}.image-carousel .swiper-slide img{object-fit:cover;width:100%;height:100%}.carousel-arrow{z-index:5;cursor:pointer;background:#fff;border:0;border-radius:50%;width:50px;height:50px;position:absolute;top:50%}.carousel-arrow.prev{left:20px}.carousel-arrow.next{right:20px}.carousel-index{z-index:5;background:var(--paper);padding:10px 18px;font-weight:800;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.detail-foundation{grid-template-columns:1fr 580px;align-items:center;gap:90px;width:min(1240px,100% - 120px);min-height:760px;margin:auto;padding:120px 0;display:grid}.detail-foundation span{color:var(--orange)}.detail-foundation h2{font-size:48px}.detail-foundation p{line-height:1.9}.stacked-gallery{height:520px;position:relative}.stacked-gallery-card{cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:20px 60px 20px 0}.stacked-gallery-card img{object-fit:cover;border:8px solid #fff;width:100%;height:100%;box-shadow:0 20px 50px #193a722e}.next-project{background:var(--blue);color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;height:75vh;min-height:560px;display:flex;overflow:hidden}.next-project small{color:#ffb083;letter-spacing:4px}.next-project strong{white-space:nowrap;width:calc(100% - 48px);max-width:none;font-size:clamp(24px,2.5vw,36px);line-height:1.2}.next-project span{font-size:70px}.detail-route-transition{z-index:190;background:var(--blue);color:#fff;text-align:center;pointer-events:all;flex-direction:column;justify-content:center;align-items:center;gap:20px;animation:.36s ease-in-out both detail-transition-in;display:flex;position:fixed;inset:0;overflow:hidden}.detail-route-transition small{color:#ffb083;letter-spacing:4px}.detail-route-transition strong{white-space:nowrap;width:calc(100% - 48px);font-size:clamp(24px,2.5vw,36px);line-height:1.2}.detail-route-transition span{font-size:70px}@keyframes detail-transition-in{0%{opacity:0}to{opacity:1}}.project-one-page{background:#173d75;width:100%;min-width:0;margin:0;overflow:hidden}.project-one-canvas{aspect-ratio:6735/32768;background:#173d75;width:100%;position:relative;overflow:hidden}.project-one-static{z-index:0;object-fit:fill;width:100%;max-width:none;height:100%;position:absolute;inset:0}.project-one-nav-hotspots{z-index:8;gap:1.7vw;height:2.2vw;display:flex;position:absolute;top:1.25vw;right:2.8vw}.project-one-nav-hotspots button{opacity:0;cursor:pointer;border:0;width:4.7vw;min-width:68px;height:100%;padding:0}.project-one-nav-hotspots button:last-child{width:6.5vw}.project-one-carousel-shell{z-index:3;position:absolute}.project-one-website-carousel{width:59.01%;height:6.455%;top:3.436%;left:37.45%}.project-one-assistant-carousel{width:92.71%;height:9.067%;top:41.403%;left:3.638%}.project-one-carousel{background:0 0;width:100%;height:100%;overflow:visible}.project-one-carousel .swiper,.project-one-carousel .swiper-slide{width:100%;height:100%}.project-one-carousel .swiper-slide img{object-fit:fill;width:100%;height:100%}.project-one-carousel .carousel-arrow-art{z-index:4;pointer-events:none;width:calc(100% - 64px);height:auto;position:absolute;top:50%;left:32px;transform:translateY(-50%)}.project-one-carousel .carousel-arrow{color:#0000;background:0 0;border-radius:0;width:72px;height:100%;top:0}.project-one-carousel .carousel-arrow.prev{left:24px}.project-one-carousel .carousel-arrow.next{right:24px}.project-one-carousel .carousel-arrow span{opacity:0}.project-one-carousel .carousel-index{color:#fff;background:0 0;padding:0;font-size:clamp(14px,1.2vw,24px);font-weight:500;line-height:1;bottom:5.5%}.project-one-carousel .carousel-labels{z-index:7;white-space:nowrap;justify-content:center;align-items:center;gap:clamp(18px,2.2vw,44px);width:min(92%,1120px);display:flex;position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%)}.project-one-carousel .carousel-labels button{color:#ffffff94;cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:clamp(12px,.9vw,18px);font-weight:400;line-height:1.25;transition:color .22s,font-weight .22s,opacity .22s}.project-one-carousel .carousel-labels button:hover{color:#ffffffd1}.project-one-carousel .carousel-labels button.is-active{color:#fff;font-weight:800}.project-one-prompt-cards{z-index:4;pointer-events:auto;width:100%;height:11.5%;position:absolute;top:20%;left:0}.project-one-prompt-card{left:var(--card-left);width:var(--card-width);cursor:pointer;pointer-events:auto;transform:scale(var(--card-scale));transform-origin:50%;background:0 0;border:0;padding:0;transition:left .42s ease-in-out,transform .42s ease-in-out,filter .42s ease-in-out;position:absolute;top:13.81%}.project-one-prompt-card img{width:100%;max-width:none;height:auto}.project-one-prompt-card.is-secondary:hover{transform:scale(calc(var(--card-scale) + .035));z-index:6}.project-one-prompt-card.is-active{z-index:7;filter:drop-shadow(0 1vw 1.4vw #04112747)}.project-one-stack{z-index:4;position:absolute}.project-one-stack .stacked-gallery-card{background:0 0;padding:0;inset:0 auto auto 0}.project-one-stack .stacked-gallery-card img{width:100%;max-width:none;height:100%;box-shadow:none;object-fit:fill;border:0}.project-one-dialogue-stack{width:41.9%;height:10.43%;top:54.26%;left:4.336%}.project-one-dialogue-stack .stacked-gallery-card{width:57.35%;height:100%}.project-one-smart-stack{width:40.25%;height:10.43%;top:54.26%;left:56.04%}.project-one-smart-stack .stacked-gallery-card{width:61.85%;height:100%}.project-one-divergent-stack{width:92%;height:7.42%;top:69.84%;left:4.11%}.project-one-divergent-stack .stacked-gallery-card{width:82.52%;height:100%}.project-two-three-page{background:#173d75;width:100%;min-width:0;margin:0;overflow:hidden}.project-two-three-canvas{aspect-ratio:7680/23068;background:#173d75;width:100%;position:relative;overflow:hidden}.project-two-three-static{z-index:0;object-fit:fill;width:100%;max-width:none;height:100%;position:absolute;inset:0}.project-two-three-carousel-shell{z-index:3;width:59.1146%;height:10.4907%;position:absolute;top:5.8956%;left:37.0833%}.project-two-three-carousel{background:0 0;width:100%;height:100%;overflow:hidden}.project-two-three-carousel .swiper,.project-two-three-carousel .swiper-slide{width:100%;height:100%}.project-two-three-carousel .swiper-slide img{object-fit:fill;width:100%;height:100%}.project-two-three-carousel .carousel-arrow{color:#fff;background:0 0;border-radius:0;width:32px;height:100%;font-size:clamp(28px,2.2vw,44px);top:0;transform:none}.project-two-three-carousel .carousel-arrow.prev{left:clamp(24px,1.25vw,40px)}.project-two-three-carousel .carousel-arrow.next{right:clamp(24px,1.25vw,40px)}.project-two-three-carousel .carousel-index{color:#fff;background:0 0;padding:0;font-size:clamp(14px,1.2vw,24px);font-weight:500;line-height:1;bottom:5.5%}.project-two-three-stack{z-index:4;width:54.5313%;height:10.9242%;position:absolute;top:21.8138%;left:3.3333%}.project-two-three-stack .stacked-gallery-card{background:0 0;width:90.2579%;height:84.2857%;padding:0;inset:0 auto auto 0}.project-two-three-stack .stacked-gallery-card img{width:100%;max-width:none;height:100%;box-shadow:none;object-fit:fill;border:0}.project-two-three-xhs-cards{z-index:4;pointer-events:none;position:absolute;inset:0}.project-two-three-xhs-card{z-index:var(--card-layer);left:var(--card-left);top:var(--card-top);cursor:pointer;pointer-events:auto;width:28.5%;transform:scale(var(--card-scale));transform-origin:50%;background:0 0;border:0;padding:0;transition:left .42s ease-in-out,top .42s ease-in-out,transform .42s ease-in-out,filter .42s ease-in-out;position:absolute}.project-two-three-xhs-card img{pointer-events:none;width:100%;max-width:none;height:auto}.project-two-three-xhs-card:hover{filter:brightness(1.04)drop-shadow(0 .65vw 1vw #030f263d)}.project-two-three-xhs-card.is-active{filter:drop-shadow(0 1vw 1.5vw #030f2657)}.project-four-page{background:#f4e7d0;width:100%;min-width:0;margin:0;overflow:hidden}.project-four-canvas{aspect-ratio:7680/4296;background:#f4e7d0;width:100%;position:relative;overflow:hidden}.project-four-static{z-index:0;object-fit:fill;width:100%;max-width:none;height:100%;position:absolute;inset:0}.project-four-carousel-shell{z-index:3;width:37.8125%;height:45.4376%;position:absolute;top:44.1341%;left:39.1146%}.project-four-carousel{background:0 0;width:100%;height:100%;overflow:hidden}.project-four-carousel .swiper,.project-four-carousel .swiper-slide{width:100%;height:100%}.project-four-carousel .swiper-slide img{object-fit:fill;width:100%;height:100%}.project-four-carousel .carousel-arrow{color:#fff;text-shadow:0 1px 5px #00000047;background:0 0;border-radius:0;width:32px;height:100%;font-size:clamp(28px,2.2vw,44px);top:0;transform:none}.project-four-carousel .carousel-arrow.prev{left:clamp(24px,1.25vw,40px)}.project-four-carousel .carousel-arrow.next{right:clamp(24px,1.25vw,40px)}.project-four-carousel .carousel-index{color:#fff;text-shadow:0 1px 5px #00000061;background:0 0;padding:0;font-size:clamp(13px,1vw,20px);font-weight:600;line-height:1;bottom:4.5%}.local-project-page{width:100%;min-width:0;margin:0;overflow:hidden}.local-project-canvas{width:100%;position:relative;overflow:hidden}.local-project-static{z-index:0;object-fit:fill;width:100%;max-width:none;height:100%;position:absolute;inset:0}.project-five-page,.project-six-page,.project-seven-page{background:#f4e7d0}.project-eight-page,.project-nine-page{background:#173d75}.project-five-page .local-project-canvas,.project-six-page .local-project-canvas{aspect-ratio:7680/4296;background:#f4e7d0}.project-seven-page .local-project-canvas{aspect-ratio:7680/4288;background:#f4e7d0}.project-eight-page .local-project-canvas{aspect-ratio:7680/4304;background:#173d75}.project-nine-page .local-project-canvas{aspect-ratio:7680/27392;background:#173d75}.local-project-carousel-shell{z-index:3;position:absolute}.project-six-page .local-project-carousel-shell{width:56.0417%;height:56.7039%;top:27.5605%;left:39.1146%}.project-seven-page .local-project-carousel-shell{width:52.2396%;height:62.4067%;top:30.3172%;left:40.0521%}.local-project-carousel{background:0 0;width:100%;height:100%;overflow:hidden}.local-project-carousel .swiper,.local-project-carousel .swiper-slide{width:100%;height:100%}.local-project-carousel .swiper-slide img{object-fit:fill;width:100%;height:100%}.local-project-carousel .carousel-arrow{color:#fff;text-shadow:0 1px 5px #00000047;background:0 0;border-radius:0;width:32px;height:100%;font-size:clamp(28px,2.2vw,44px);top:0;transform:none}.local-project-carousel .carousel-arrow.prev{left:clamp(24px,1.25vw,40px)}.local-project-carousel .carousel-arrow.next{right:clamp(24px,1.25vw,40px)}.local-project-carousel .carousel-index{color:#fff;text-shadow:0 1px 5px #00000061;background:0 0;padding:0;font-size:clamp(13px,1vw,20px);font-weight:600;line-height:1;bottom:4.5%}.design-detail-page{background:#f4e7d0;width:100%;min-width:0;margin:0;overflow:hidden}.design-detail-canvas{aspect-ratio:7680/8640;background:#f4e7d0;width:100%;position:relative;overflow:hidden}.design-detail-static{z-index:0;object-fit:fill;width:100%;max-width:none;height:100%;position:absolute;inset:0}.design-detail-carousel-shell{z-index:3;width:64.7917%;height:40.7407%;position:absolute;top:5.5556%;left:17.6042%}.design-detail-carousel{background:0 0;width:100%;height:100%;overflow:hidden}.design-detail-carousel .swiper,.design-detail-carousel .swiper-slide{width:100%;height:100%}.design-detail-carousel .swiper-slide img{object-fit:fill;width:100%;height:100%}.design-detail-carousel .carousel-arrow{color:#fff;text-shadow:0 1px 5px #00000059;background:0 0;border-radius:0;width:32px;height:100%;font-size:clamp(28px,2.2vw,44px);top:0;transform:none}.design-detail-carousel .carousel-arrow.prev{left:clamp(24px,1.25vw,40px)}.design-detail-carousel .carousel-arrow.next{right:clamp(24px,1.25vw,40px)}.design-detail-carousel .carousel-index{color:#fff;text-shadow:0 1px 5px #00000073;background:0 0;padding:0;font-size:clamp(13px,1vw,20px);font-weight:600;line-height:1;bottom:4.5%}.model-one-page{background:#f4e7d0;width:100%;min-width:0;margin:0;overflow:hidden}.model-one-canvas{aspect-ratio:7680/8640;background:#f4e7d0;width:100%;position:relative;overflow:hidden}.model-one-static{z-index:0;object-fit:fill;width:100%;max-width:none;height:100%;position:absolute;inset:0}.model-one-carousel-shell{z-index:3;width:81.1458%;height:36.3426%;position:absolute;top:8.287%;left:9.4271%}.model-one-carousel{background:0 0;width:100%;height:100%;overflow:hidden}.model-one-carousel .swiper,.model-one-carousel .swiper-slide{width:100%;height:100%}.model-one-carousel .swiper-slide img{object-fit:fill;width:100%;height:100%}.model-one-carousel .carousel-arrow{color:#fff;text-shadow:0 1px 5px #00000059;background:0 0;border-radius:0;width:32px;height:100%;font-size:clamp(28px,2.2vw,44px);top:0;transform:none}.model-one-carousel .carousel-arrow.prev{left:clamp(24px,1.25vw,40px)}.model-one-carousel .carousel-arrow.next{right:clamp(24px,1.25vw,40px)}.model-one-carousel .carousel-index{color:#fff;text-shadow:0 1px 5px #00000073;background:0 0;padding:0;font-size:clamp(13px,1vw,20px);font-weight:600;line-height:1;bottom:4.5%}.remaining-static-page{background:#f4e7d0;width:100%;min-width:0;margin:0;overflow:hidden}.remaining-static-canvas{background:#f4e7d0;width:100%;position:relative;overflow:hidden}.remaining-static-image{object-fit:fill;width:100%;max-width:none;height:100%;position:absolute;inset:0}.model-two-page .remaining-static-canvas{aspect-ratio:7680/25068}.hobbies-page{background:#fff}.hobbies-page .remaining-static-canvas{aspect-ratio:7680/18056;background:#fff}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}