*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:HarmonyOS Sans SC,Source Han Sans SC,Inter,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.rounded{border-radius:.25rem}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@font-face{font-family:"Alibaba_PuHuiTi_2.0";src:url(/assets/AlibabaPuHuiTi2-Light-CmYyYtlY.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"Alibaba_PuHuiTi_2.0";src:url(/assets/AlibabaPuHuiTi2-Regular-v0Jvxhj3.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Alibaba_PuHuiTi_2.0";src:url(/assets/AlibabaPuHuiTi2-Bold-C-TcPdep.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Alibaba_PuHuiTi_2.0";src:url(/assets/AlibabaPuHuiTi2-Black-Ck_vgLLu.ttf) format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Alibaba_PuHuiTi;src:url(/assets/AlibabaPuHuiTi-Regular-DyWoG0ZY.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Alibaba_PuHuiTi;src:url(/assets/AlibabaPuHuiTi-Bold-Dv2Ek-TY.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Ark_Pixel_12px_Proportional_zh_cn;src:url(/assets/ArkPixel12-ProportionalZhCn-C4yxK7ay.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Swis721_BlkEx_BT;src:url(/assets/Swiss721-BlackExtended-6g7kJHe2.ttf) format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Swiss_721_Black_BT;src:url(/assets/Swiss721-Black-kQsZG4Up.ttf) format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Alimama_ShuHeiTi;src:url(/assets/AlimamaShuHeiTi-Bold-C83D5aRQ.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Asgard;src:url(/assets/Asgard-FitXbold-DjzTF4Rr.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:ArialLocal;src:url(/assets/Arial-Regular-D6EXhACG.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ArialLocal;src:url(/assets/Arial-Bold-FEHhJQl7.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:RighteousFallback;src:url(/assets/RighteousFallback-ArialRounded-3kG4W5P9.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{color:#030303;background:#d8e5e4;font-family:"Alibaba_PuHuiTi_2.0",Alibaba_PuHuiTi,ArialLocal,system-ui,sans-serif;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;min-width:320px;overflow-x:hidden;background:#d8e5e4}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}img{max-width:100%;display:block}.figma-home{width:100%;min-height:100vh;background:#fffdf4}.figma-section{width:100%;display:flex;align-items:flex-start;justify-content:center;overflow:hidden;background:#fffdf4}.figma-frame{position:relative;flex:0 0 auto;width:1920px;height:1080px;overflow:hidden;background:#fffdf4;transform-origin:top center}.figma-frame-image{position:absolute;top:0;right:0;bottom:0;left:0;width:1920px;height:1080px;-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.figma-card-hotspot{position:absolute;z-index:2;display:block;border-radius:20px;outline:0 solid rgba(35,90,145,0);transition:outline-color .2s ease,outline-width .2s ease,background-color .2s ease}.figma-card-hotspot:hover,.figma-card-hotspot:focus-visible{outline:3px solid rgba(35,90,145,.55);background:#ffffff14}.sanitized-about{background:#fff;color:#030303;font-family:"Alibaba_PuHuiTi_2.0",Alibaba_PuHuiTi,ArialLocal,sans-serif}.sanitized-about h2,.sanitized-about h3{margin:0}.sanitized-heading{position:absolute;left:98px;top:82px;display:flex;align-items:baseline;gap:18px}.sanitized-heading h2{font-family:Asgard,ArialLocal,sans-serif;font-size:54px;line-height:1;letter-spacing:-1px}.sanitized-heading span{color:#7fa9c1;font-size:34px;font-weight:700}.sanitized-photo{position:absolute;left:97px;top:168px;width:437px;height:583px;border-radius:18px;overflow:hidden;background:#cfe1e5}.sanitized-photo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.sanitized-traits{position:absolute;left:98px;top:787px;width:214px;display:grid;grid-template-columns:repeat(3,60px);gap:18px 18px}.sanitized-traits span{width:60px;height:60px;display:grid;place-items:center;border:1.2px solid #8bb9dc;border-radius:50%;color:#4e91b7;background:radial-gradient(circle,#eef9ff 47%,#b6d9e9 49%,#b6d9e9 70%,transparent 72%);font-size:16px;font-weight:700}.sanitized-mbti{position:absolute;left:98px;top:958px;color:#7fa9c1;font-size:30px;line-height:1}.sanitized-character{position:absolute;left:342px;top:790px;width:210px;height:300px;opacity:.78;clip-path:polygon(43% 0,70% 10%,92% 34%,80% 62%,92% 88%,70% 100%,28% 96%,10% 70%,18% 38%);background:linear-gradient(142deg,transparent 0 18%,rgba(64,81,107,.55) 18% 30%,transparent 30%),linear-gradient(35deg,#d9e5eb 0,#d9e5eb 34%,#aebfc9 34%,#aebfc9 58%,#7e95a5 58%,#7e95a5)}.sanitized-logo{position:absolute;left:656px;top:100px;width:197px;height:64px;color:#0e7092;text-align:center;line-height:1}.sanitized-logo span{display:block;font-size:22px;font-weight:900}.sanitized-logo b{display:block;margin-top:4px;font-size:20px;letter-spacing:1px}.sanitized-block h3{color:#7fa9c1;font-size:42px;line-height:1.2;font-weight:900}.sanitized-line,.training-block article,.skills-block p,.sanitized-small{display:flex;gap:16px}.sanitized-line i,.training-block i,.skills-block i,.awards-block i,.sanitized-small i{width:21px;height:24px;flex:0 0 auto;margin-top:4px;background:#7fa9c1;clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%)}.sanitized-line b,.training-block b{display:block;font-size:21px;line-height:1.38;font-weight:500}.sanitized-line p,.training-block p{margin:0;font-size:21px;line-height:1.38}.sanitized-line em{color:#89b6dd;font-size:20px;font-style:normal}.education-block{position:absolute;left:624px;top:184px;width:570px;display:grid;gap:32px}.awards-block{position:absolute;left:624px;top:392px;width:566px}.awards-block ul{margin:22px 0 0;padding:0;list-style:none}.awards-block li{min-height:48px;display:grid;grid-template-columns:22px 1fr 150px;align-items:center;gap:13px;font-size:21px}.awards-block li:nth-child(-n+3) span,.awards-block li:nth-child(-n+3) em{font-weight:800}.awards-block em{color:#89b6dd;font-style:normal;text-align:right}.awards-block:after{content:"";position:absolute;left:0;right:0;top:298px;height:1px;background:#89b6dd}.contact-block{position:absolute;left:613px;top:858px;width:590px}.contact-block div{margin-top:34px;display:flex;justify-content:space-between;font-family:ArialLocal,sans-serif;font-size:21px;letter-spacing:2px}.contact-block span:before{content:"";display:inline-block;width:42px;height:42px;margin-right:18px;vertical-align:middle;border:3px solid #7fa9c1;border-radius:50%}.skills-block{position:absolute;left:1278px;top:108px;width:470px}.skills-block p{margin:28px 0 0;align-items:center;font-size:22px;line-height:1.5}.skills-block p b,.skills-block p strong{font-weight:800}.training-block{position:absolute;left:1278px;top:319px;width:570px}.training-block h3{margin-bottom:34px;font-size:40px}.training-block article{margin-bottom:26px}.training-block article div{width:520px}.training-block b{font-weight:800}.training-block p{margin-top:8px;font-size:20px;line-height:1.55;text-align:justify}.sanitized-small{margin:28px 0 0;align-items:center;font-size:20px}.sanitized-catalog{background:#fffdf4;font-family:"Alibaba_PuHuiTi_2.0",Alibaba_PuHuiTi,ArialLocal,sans-serif}.catalog-gradient{position:absolute;left:0;top:0;width:1920px;height:245px;background:linear-gradient(100deg,#ffb6be,#d9d7e4 48%,#bfe5d0 72%,#bceaf2)}.catalog-panel{position:absolute;left:0;top:146px;width:1920px;height:822px;border-radius:98px 98px 0 0;background:#fffdf4}.catalog-cn{position:absolute;left:90px;top:41px;z-index:2;margin:0;color:#fff;font-family:Alimama_ShuHeiTi,"Alibaba_PuHuiTi_2.0",sans-serif;font-size:74px;line-height:1.35;letter-spacing:8px}.catalog-ghost{position:absolute;right:-10px;top:-34px;z-index:1;color:#ffffffb8;font-family:Swis721_BlkEx_BT,ArialLocal,sans-serif;font-size:174px;font-weight:900;line-height:1;opacity:.72}.catalog-cards{position:absolute;left:89px;top:123px;width:1745px;height:722px;display:grid;grid-template-columns:repeat(5,317px);gap:40px}.sanitized-project-card{position:relative;display:block;height:722px;color:#fff}.sanitized-project-card:nth-child(4){margin-top:-9px}.sanitized-project-index{position:absolute;left:0;top:-156px;z-index:2;color:var(--accent);font-family:Ark_Pixel_12px_Proportional_zh_cn,monospace;font-size:134px;line-height:1.5}.sanitized-project-image{position:absolute;left:0;top:0;width:317px;height:589px;overflow:hidden;background:#d8e5e4}.sanitized-project-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.sanitized-project-image .sanitized-project-overlay{position:absolute;left:-31px;bottom:-88px;width:379px;height:auto;-o-object-fit:contain;object-fit:contain;pointer-events:none}.sanitized-project-band{position:absolute;left:0;top:564px;width:317px;height:149px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:28px 24px;border-radius:5px 5px 20px 20px;background:var(--accent);box-shadow:0 -15px 11.6px #00000040;text-align:center}.sanitized-project-band h3{margin:0;font-size:34px;line-height:1.35;font-weight:800;white-space:nowrap}.sanitized-project-band p{margin:0;font-size:20px;line-height:1.5}.site-header{position:fixed;top:18px;left:50%;z-index:50;width:min(92vw,1700px);transform:translate(-50%);display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(3,3,3,.28);border-radius:999px;padding:16px 24px;background:#fffdf4c7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:padding .3s ease,width .3s ease}.site-header.is-compact{width:min(88vw,1420px);padding:10px 20px}.brand-mark,.desktop-nav a{font-family:Archivo Black,sans-serif;letter-spacing:0}.brand-mark{color:#7fa9c1;font-size:clamp(18px,2vw,34px)}.desktop-nav{display:flex;gap:28px;font-weight:900}.desktop-nav a:hover{color:#235a91}.icon-button{border:1px solid #030303;background:#fffdf4;border-radius:999px;width:42px;height:42px;display:grid;place-items:center}.mobile-menu,.mobile-nav{display:none}.hero-section{min-height:100vh;padding:120px 5vw 64px;position:relative}.hero-section:before{content:"";position:absolute;inset:16% 0 auto;height:70%;background:repeating-linear-gradient(#b9d0cf 0 10px,transparent 10px 185px);opacity:.55}.hero-panel{width:min(90vw,1728px);min-height:78vh;margin:0 auto;position:relative;z-index:1;border:2px solid rgba(255,255,255,.86);border-radius:68px;background:linear-gradient(135deg,#fffdf4f5,#eaf1f0db);padding:clamp(28px,3.2vw,62px);overflow:hidden;box-shadow:0 25px 90px #42565b24}.cover-meta{display:flex;justify-content:space-between;border-bottom:2px solid #030303;font-family:Archivo Black,sans-serif;color:#bdc9c9;font-size:clamp(22px,3.4vw,54px);line-height:.9}.portfolio-title{margin:18px 0 16px;padding-bottom:18px;border-bottom:2px solid #030303;display:flex;justify-content:space-between;font-family:Archivo Black,sans-serif;font-size:clamp(50px,10.3vw,190px);line-height:.78}.portfolio-title span{position:relative;display:inline-block}.accent-letter:before{content:"";position:absolute;left:0;top:3%;width:28%;height:100%;z-index:-1}.accent-letter.pink:before{background:#f27fa6}.accent-letter.blue:before{background:#235a91}.accent-letter.green:before{background:#9fb96b}.hero-media{height:clamp(190px,24vw,330px);border-bottom:2px solid #030303;overflow:hidden;position:relative}.hero-media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.88;mix-blend-mode:multiply}.media-label{position:absolute;left:24px;bottom:22px;display:flex;align-items:center;gap:12px;font-family:Archivo Black,sans-serif;color:#7fa9c1}.hero-info{display:grid;grid-template-columns:1fr 1.4fr 1.2fr auto;gap:18px;align-items:center;border-bottom:2px solid #030303;padding:28px 0 22px;font-size:clamp(19px,2.3vw,42px)}.hero-info div{display:flex;align-items:center;gap:16px}.hero-info p{margin:0;font-size:clamp(14px,1.2vw,22px);color:#40516b}.dot{width:.65em;height:.65em;border-radius:50%;display:inline-block;flex:0 0 auto}.pink-dot{background:#f27fa6}.blue-dot{background:#235a91}.design-block{margin-left:auto;margin-top:0;width:min(42vw,604px);height:268px;border:2px solid #030303;border-top:0;display:grid;grid-template:"icon year" auto "word word" 1fr / 1fr 1fr;align-items:end;padding:20px 28px 0}.design-block svg{grid-area:icon;color:#9fb96b;transform:rotate(180deg)}.design-block span{grid-area:year;justify-self:end;font-family:Archivo Black;font-size:clamp(34px,4vw,66px)}.design-block b{grid-area:word;font-family:Archivo Black;font-size:clamp(64px,8vw,118px);line-height:.72}.scroll-cue{position:absolute;left:50%;bottom:24px;transform:translate(-50%);display:flex;align-items:center;gap:8px;font-family:Archivo Black;color:#40516b}.page-section{width:min(90vw,1700px);margin:0 auto;padding:100px 0}.section-title{position:relative;margin-bottom:34px}.section-title h2{margin:0;font-family:Archivo Black,sans-serif;font-size:clamp(42px,5.2vw,86px);line-height:.96;text-transform:capitalize}.section-title h2 em{margin-left:18px;color:#7fa9c1;font-style:normal}.eyebrow{font-size:clamp(34px,5vw,82px);color:#fffdf4;font-weight:900}.ghost-title{position:absolute;right:0;top:-42px;font-family:Archivo Black;font-size:clamp(80px,13vw,210px);color:#7fa9c133;z-index:-1}.about-grid{display:grid;grid-template-columns:.9fr 1.15fr 1.1fr;gap:58px;background:#fffdf4;padding:clamp(28px,4vw,58px);border-radius:34px}.avatar{width:100%;aspect-ratio:4 / 5.2;-o-object-fit:cover;object-fit:cover;border-radius:20px}.trait-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.trait-grid span{border:1px solid #7fa9c1;color:#2e7ba4;border-radius:999px;aspect-ratio:1;display:grid;place-items:center;font-weight:800;transition:transform .3s ease,border-color .3s ease}.trait-grid span:hover{transform:scale(1.05);border-color:#f27fa6}.mbti{display:block;margin-top:12px;font-size:30px;color:#7fa9c1}.about-grid h3{color:#7fa9c1;font-size:clamp(28px,3vw,42px);margin:24px 0 16px;font-weight:900}.timeline-item,.work-item,.hex-line{display:flex;gap:16px;margin:18px 0;font-size:20px}.timeline-item>span,.work-item>span,.hex-line>span,.award-list li>span{width:22px;height:22px;background:#7fa9c1;clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);flex:0 0 auto;margin-top:4px}.timeline-item p,.work-item p{margin:4px 0 0}.timeline-item small{color:#7fa9c1;font-weight:700}.award-list{padding:0;margin:0;list-style:none}.award-list li{display:grid;grid-template-columns:24px 1fr auto;gap:12px;align-items:center;border-bottom:1px solid #7fa9c1;padding:11px 0;font-size:18px}.award-list em{color:#7fa9c1;font-style:normal;font-weight:800}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.stats-row div{border:1px solid #030303;border-radius:18px;padding:16px;background:#e8f0ef}.stats-row span{font-family:Archivo Black;font-size:42px}.mini-contact{display:flex;flex-wrap:wrap;gap:18px 30px;font-family:Archivo Black;letter-spacing:2px}.mini-contact span{display:flex;align-items:center;gap:10px}.projects-section{padding-top:70px}.projects-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:40px;background:#fffdf4;border-radius:60px;padding:44px 5vw 56px}.project-card{position:relative;min-height:720px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;border-radius:0 0 18px 18px;transition:transform .36s ease}.project-card:hover{transform:translateY(-10px)}.project-index{position:absolute;top:-8px;left:0;z-index:2;font-family:Courier New,monospace;font-size:98px;line-height:1;color:var(--accent);transition:transform .36s ease}.project-card:hover .project-index{transform:translate(8px,-8px)}.project-image{height:565px;overflow:hidden;background:#d8e5e4}.project-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .45s ease}.project-card:hover img{transform:scale(1.045)}.project-band{min-height:148px;background:var(--accent);color:#fff;padding:22px 18px;text-align:center;transition:min-height .36s ease}.project-card:hover .project-band{min-height:176px}.project-band h3{margin:0;font-size:clamp(24px,1.9vw,36px);font-weight:900}.project-band p{margin:10px 0 4px;font-size:20px}.project-band span{font-size:14px;opacity:.9}.project-band strong{margin-top:12px;display:inline-flex;align-items:center;gap:6px;font-family:Archivo Black;opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease}.project-card:hover strong{opacity:1;transform:translateY(0)}.capabilities-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.capability-card{min-height:320px;border:1px solid rgba(3,3,3,.35);border-radius:30px;padding:28px;background:#fffdf4b8;transition:transform .3s ease,border-color .3s ease}.capability-card:hover{transform:translateY(-8px);border-color:#235a91}.capability-top{display:flex;justify-content:space-between;color:#235a91}.capability-top span{font-family:Courier New,monospace;font-size:54px;color:#f27fa6}.capability-card svg{transition:transform .3s ease}.capability-card:hover svg{transform:rotate(10deg)}.capability-card h3{font-family:Archivo Black;font-size:clamp(26px,2.6vw,42px);margin:28px 0 4px}.capability-card h4{margin:0 0 22px;color:#7fa9c1;font-size:22px}.tool-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.tool-tags span{border:1px solid #030303;border-radius:999px;padding:6px 10px;background:#fffdf4;font-size:13px}.contact-section{min-height:100vh;padding:80px 5vw;background:linear-gradient(145deg,#d8e5e4,#fffdf4)}.contact-shell{width:min(90vw,1700px);margin:0 auto;border:2px solid #fff;border-radius:60px;padding:clamp(28px,4vw,60px);background:#fffdf480}.contact-label{color:#7fa9c1;font-family:Archivo Black;font-size:28px}.contact-shell h2{font-family:Archivo Black;font-size:clamp(54px,10vw,172px);line-height:.88;margin:18px 0 40px}.contact-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:40px}.contact-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.contact-list div{border-top:1px solid #030303;padding:18px 0;display:grid;grid-template-columns:30px 110px 1fr;gap:12px;align-items:center}.contact-list span{color:#7fa9c1;font-family:Archivo Black}.contact-form{display:grid;gap:12px}.contact-form input,.contact-form textarea{width:100%;border:1px solid #030303;border-radius:18px;background:#fffdf4;padding:16px;resize:vertical}.contact-form button{display:flex;justify-content:center;align-items:center;gap:10px;border:0;border-radius:18px;padding:16px;background:#030303;color:#fffdf4;font-family:Archivo Black;cursor:pointer}.footer-line{margin-top:50px;border-top:1px solid #030303;padding-top:18px;display:grid;grid-template-columns:1fr auto auto 48px;gap:24px;align-items:center;font-family:Archivo Black;color:#40516b}.footer-line a{width:48px;height:48px;border:1px solid #030303;border-radius:50%;display:grid;place-items:center}.detail-page{width:min(90vw,1500px);margin:0 auto;padding:130px 0 80px}.back-link{display:inline-flex;gap:8px;align-items:center;margin-bottom:22px;font-family:Archivo Black;color:#40516b}.detail-hero{border-radius:54px;padding:clamp(28px,5vw,70px);background:#fffdf4;overflow:hidden}.detail-hero span{font-family:Courier New;color:var(--accent);font-size:clamp(72px,12vw,180px);line-height:.8}.detail-hero h1{margin:18px 0 8px;font-family:Archivo Black;font-size:clamp(42px,8vw,120px);line-height:.92}.detail-hero p{font-size:26px;color:#40516b}.detail-hero img{width:100%;max-height:620px;-o-object-fit:cover;object-fit:cover;margin-top:28px}.detail-block{display:grid;grid-template-columns:280px 1fr;gap:50px;border-top:1px solid #030303;padding:42px 0}.detail-block h2{margin:0;font-size:28px;color:#7fa9c1}.detail-block p{margin:0;font-size:21px;line-height:1.8}.detail-nav{display:flex;justify-content:space-between;border-top:1px solid #030303;padding-top:24px;font-family:Archivo Black}.detail-nav a{display:inline-flex;align-items:center;gap:8px}@media(max-width:1280px){.projects-grid{grid-template-columns:repeat(2,minmax(260px,1fr))}.project-card{min-height:650px}.about-grid,.contact-layout{grid-template-columns:1fr}}@media(max-width:900px){.desktop-nav{display:none}.mobile-menu{display:grid}.mobile-nav{position:absolute;left:0;right:0;top:calc(100% + 10px);display:grid;gap:8px;border:1px solid #030303;border-radius:24px;padding:18px;background:#fffdf4;font-family:Archivo Black}.hero-panel{border-radius:40px}.portfolio-title{flex-wrap:wrap;justify-content:flex-start;gap:4px}.hero-info,.contact-list,.footer-line,.detail-block{grid-template-columns:1fr}.design-block{width:100%;height:210px}.capabilities-grid{grid-template-columns:1fr}}@media(max-width:640px){.site-header{top:10px;width:94vw}.brand-mark{font-size:16px}.hero-section{padding-top:90px}.hero-panel{width:94vw;padding:22px;border-radius:32px}.cover-meta{font-size:18px}.hero-info{font-size:22px}.page-section{width:94vw;padding:70px 0}.about-grid{padding:22px;gap:24px}.projects-grid{grid-template-columns:1fr;border-radius:38px;padding:34px 22px}.project-card{min-height:580px}.project-image{height:430px}.contact-shell{width:94vw;border-radius:34px;padding:24px}.contact-list div{grid-template-columns:28px 1fr}.contact-list b{grid-column:2;overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}