@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Noto+Sans+SC:wght@300;400;500;700&display=swap";@font-face{font-family:DM Sans;src:url(../fonts/DMSans-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Epilogue;src:url(../fonts/Epilogue-Black.woff2)format("woff2");font-weight:900;font-style:normal;font-display:swap}:root{--bg:#000;--bg-soft:#0a0a0a;--text:#fff;--text-dim:#fff9;--text-faint:#ffffff4d;--accent:#fff;--border:#ffffff1a;--font-serif:"Instrument Serif", "Noto Sans SC", Georgia, serif;--font-sans:"Noto Sans SC", -apple-system, sans-serif;--max-width:1300px;--fs-body:18px;--fs-detail:16px;--fs-small:14px;--fs-nav:15px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:#000}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-weight:300;font-size:var(--fs-body);-webkit-font-smoothing:antialiased;line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}video{display:block}.global-liquid-ether{z-index:2;pointer-events:none;opacity:.28;mix-blend-mode:screen;position:fixed;inset:0}.global-liquid-ether canvas{pointer-events:none!important}.liquid-glass{background-blend-mode:luminosity;-webkit-backdrop-filter:blur(4px);background:#ffffff03;border:none;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #ffffff1a}.liquid-glass:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(#ffffff73 0%,#ffffff26 20%,#fff0 40% 60%,#ffffff26 80%,#ffffff73 100%);padding:1.4px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.container{max-width:var(--max-width);width:100%;margin:0 auto;padding:0 40px}body.modal-open .nav,body.modal-open .scroll-dots,body.modal-open .back-top,body.modal-open .global-liquid-ether{display:none!important}.nav{z-index:100;padding:24px;position:fixed;top:0;left:0;right:0}.nav-inner{max-width:var(--max-width);border-radius:999px;justify-content:space-between;align-items:center;margin:0 auto;padding:14px 28px;display:flex}.nav-brand{font-size:20px;font-weight:600;font-family:var(--font-serif);letter-spacing:.5px;cursor:pointer}.nav-left{align-items:center;display:flex}.nav-links{gap:36px;margin-left:40px;display:flex}.nav-links a{color:#fffc;cursor:pointer;font-size:15px;font-weight:500;transition:color .2s}.nav-links a:hover{color:#fff}.nav-links a.active{color:#fff;position:relative}.nav-links a.active:after{content:"";background:#a855f7cc;border-radius:50%;width:4px;height:4px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.nav-right{align-items:center;gap:20px;display:flex}.nav-cta-text{color:#fff;cursor:pointer;font-size:14px;font-weight:500}.nav-cta{color:#fff;cursor:pointer;border-radius:999px;padding:10px 28px;font-size:14px;font-weight:500;transition:background .2s}.nav-cta:hover{background:#ffffff0d}.scroll-dots{z-index:99;pointer-events:none;flex-direction:column;gap:14px;display:flex;position:fixed;top:50%;right:32px;transform:translateY(-50%)}.scroll-dot{cursor:pointer;pointer-events:auto;background:#fff3;border-radius:50%;width:7px;height:7px;transition:all .3s}.scroll-dot.active{background:#fff;transform:scale(1.4)}.section{z-index:1;justify-content:center;align-items:center;min-height:80vh;padding:100px 56px;display:flex;position:relative;overflow:clip}.reveal{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(40px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transition:opacity .8s,transform .8s;transform:translate(-40px)}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transition:opacity .8s,transform .8s;transform:translate(40px)}.reveal-right.visible{opacity:1;transform:translate(0)}.hero{background:#000;min-height:100vh;padding:90px 56px 0}.hero-img-bg{z-index:0;pointer-events:none;position:absolute;inset:0}.hero-img-bg img,.hero-img-bg video{object-fit:cover;object-position:center right;width:100%;height:100%;display:block}.hero-overlay{z-index:1;pointer-events:none;background:linear-gradient(90deg,#000000d1 0%,#0000008c 35%,#00000026 65%,#0000 100%),linear-gradient(#00000059 0%,#0000 25% 60%,#000000eb 88%,#000 100%);position:absolute;inset:0}.hero-bg-grid,.hero-bg-glow,.hero-character,.hero-video-bg{display:none}.hero-content{z-index:3;text-align:left;max-width:var(--max-width);width:100%;margin:0 auto;padding:0 56px;position:relative;transform:translateY(-3%)}.hero-eyebrow{letter-spacing:4px;text-transform:uppercase;color:#ffffff80;opacity:0;margin-bottom:28px;font-size:13px;font-weight:500;animation:.8s .2s forwards fadeUp}.hero-title{font-family:var(--font-serif);letter-spacing:-2px;opacity:0;margin-bottom:28px;font-size:clamp(64px,8vw,140px);font-weight:400;line-height:.95;animation:.8s .4s forwards fadeUp}.hero-title em{color:#ffffff80;font-style:italic}.hero-sub{color:#ffffffb3;opacity:0;max-width:480px;margin-bottom:40px;font-size:16px;font-weight:300;line-height:1.8;animation:.8s .6s forwards fadeUp}.hero-buttons{opacity:0;gap:14px;animation:.8s .8s forwards fadeUp;display:flex}.btn{cursor:pointer;font-size:14px;font-weight:500;font-family:var(--font-sans);border:none;border-radius:999px;padding:14px 36px;transition:all .2s}.btn-primary{color:#000;background:#fff}.btn-primary:hover{background:#ffffffe6;transform:translateY(-1px)}.btn-glass{color:#fff;transition:background .2s}.btn-glass:hover{background:#ffffff0d}.hero-scroll-hint{z-index:3;color:#ffffff4d;letter-spacing:3px;text-transform:uppercase;font-size:12px;animation:2s infinite bounce;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(8px)}}@media (width<=900px){.hero-character{display:none}.hero-bg-grid{-webkit-mask-image:radial-gradient(90% 70%,#000 10%,#0000 80%);mask-image:radial-gradient(90% 70%,#000 10%,#0000 80%)}}@media (width<=600px){.hero-content{padding:0 24px}}.about{background:#050505;padding-top:100px;padding-bottom:60px}.about:before{content:"";pointer-events:none;background:radial-gradient(at top,#ffffff08 0%,#0000 70%);position:absolute;inset:0}.about-liquid-ether{display:none}.about-inner{max-width:var(--max-width);z-index:1;width:100%;position:relative}.about-label{letter-spacing:4px;text-transform:uppercase;color:#a855f780;margin-bottom:28px;font-size:14px;font-weight:400}.about-title{font-family:var(--font-serif);letter-spacing:-1px;margin-bottom:48px;font-size:clamp(28px,3vw,46px);font-weight:400;line-height:1.15}.about-title em{color:#ffffff80;font-style:italic}.about-grid{grid-template-columns:340px 1fr;align-items:start;gap:60px;margin-bottom:60px;display:grid}.about-photo-slot{aspect-ratio:3/4;background:#0a0a0a;border:1px solid #a855f74d;border-radius:20px;width:100%;position:relative;overflow:hidden;box-shadow:0 0 50px #a855f71f,0 0 16px #a855f714}.about-photo-img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.about-photo-slot:hover .about-photo-img{transform:scale(1.03)}.about-download{text-align:center;margin-bottom:20px}.about-photo-overlay{z-index:2;position:absolute;bottom:16px;right:16px}.about-download-circle{-webkit-backdrop-filter:blur(12px);color:#fff;cursor:pointer;background:#00000080;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:6px;padding:10px 18px;font-size:13px;transition:all .2s;display:flex}.about-download-circle:hover{background:#a855f74d;border-color:#a855f780}.about-download .btn{width:100%}.about-text p{color:#ffffffb3;margin-bottom:20px;font-size:16px;line-height:1.9}.about-tagline{font-family:var(--font-serif);font-size:24px;font-style:italic;color:#fff!important;margin-bottom:24px!important;line-height:1.5!important}.about-timeline{border-top:1px solid #ffffff0f;margin-top:80px;padding-top:60px}.timeline-head{align-items:baseline;gap:16px;margin-bottom:36px;display:flex}.timeline-label{color:#fff;font-size:20px;font-weight:600}.timeline-en{letter-spacing:4px;text-transform:uppercase;color:#a855f780;font-size:13px}.timeline-list{flex-direction:column;gap:32px;display:flex}.timeline-item{grid-template-columns:180px 1fr;gap:32px;display:grid}.timeline-period{color:#a855f799;padding-top:2px;font-size:14px;font-weight:500}.timeline-company-row{align-items:center;gap:12px;margin-bottom:8px;display:flex}.timeline-company{color:#fff;font-size:18px;font-weight:600}.timeline-role{color:#fff6;border:1px solid #ffffff1f;border-radius:20px;padding:2px 10px;font-size:13px}.timeline-desc{color:#fff9;font-size:15px;line-height:1.8}.about-strengths{margin-top:28px}.strengths-head{align-items:baseline;gap:12px;margin-bottom:18px;display:flex}.strengths-label{font-family:var(--font-serif);color:#fff;font-size:clamp(18px,1.8vw,22px);font-weight:400}.strengths-en{letter-spacing:3px;text-transform:uppercase;color:#ffffff4d;font-size:14px}.strengths-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.strength-card{border-radius:16px;padding:22px 20px;transition:transform .35s,border-color .35s}.strength-card:hover{border-color:#a855f773;transform:translateY(-4px)}.strength-title-row{align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.strength-num{font-family:var(--font-serif);color:#a855f780;flex-shrink:0;font-size:18px;line-height:1}.strength-title{color:#fff;font-size:16px;font-weight:600;line-height:1.4}.strength-desc{color:#fff9;font-size:14px;line-height:1.7}.about-stats-row{border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;gap:0;padding:32px 0;display:flex}.about-stat-item{text-align:center;border-right:1px solid #ffffff12;flex:1;padding:0 24px}.about-stat-item:last-child{border-right:none}.about-stat-num{font-family:var(--font-serif);color:#fff;margin-bottom:8px;font-size:32px;font-weight:400;line-height:1}.about-stat-label{color:#a855f780;font-size:13px}.about-tags{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.about-tag{color:#fff9;border-radius:999px;padding:8px 18px;font-size:13px;font-weight:400}.about-contact{border-top:1px solid #ffffff12;align-items:center;gap:20px;margin-top:36px;padding-top:28px;display:flex}.about-contact-item{color:#ffffffa6;align-items:center;gap:10px;font-size:15px;text-decoration:none;transition:color .3s;display:flex}.about-contact-item:hover{color:#fff}.about-contact-icon{color:#a855f799;flex-shrink:0;width:18px;height:18px}.about-contact-divider{background:#ffffff26;width:1px;height:16px}.featured{background:var(--bg);padding-top:40px;padding-bottom:80px}.featured-inner{max-width:var(--max-width);width:100%}.featured-video-wrap{aspect-ratio:16/9;border-radius:28px;position:relative;overflow:hidden}.featured-video-wrap video{object-fit:cover;width:100%;height:100%}.featured-overlay{background:linear-gradient(#0000 0% 50%,#0009 100%);position:absolute;inset:0}.featured-content{justify-content:space-between;align-items:flex-end;gap:32px;padding:48px;display:flex;position:absolute;bottom:0;left:0;right:0}.featured-card{border-radius:20px;max-width:480px;padding:32px}.featured-card-label{color:#ffffff80;letter-spacing:3px;text-transform:uppercase;margin-bottom:14px;font-size:12px}.featured-card-text{color:#fff;font-size:16px;line-height:1.8}.works{background:var(--bg);padding-top:60px;padding-bottom:80px}.works-inner{max-width:var(--max-width);width:100%}.works-head{justify-content:space-between;align-items:flex-end;margin-bottom:64px;display:flex}.works-label{letter-spacing:4px;text-transform:uppercase;color:#a855f780;margin-bottom:16px;font-size:14px;font-weight:400}.works-title{font-family:var(--font-serif);letter-spacing:-1px;font-size:clamp(26px,2.6vw,38px);font-weight:400}.works-desc{color:#ffffff80;text-align:right;max-width:320px;font-size:16px;line-height:1.7}.fv-list{flex-direction:column;gap:80px;display:flex}.fv-inner{grid-template-columns:55% 1fr;align-items:start;gap:28px;display:grid}.fv-left{flex-direction:column;gap:0;display:flex}.fv-video-wrap{aspect-ratio:16/9;cursor:pointer;background:#080808;border-radius:16px 16px 0 0;width:100%;position:relative;overflow:hidden}.fv-video-wrap video{object-fit:cover;width:100%;height:100%;display:block}.fv-play-hint{background:#00000040;justify-content:center;align-items:center;transition:background .2s;display:flex;position:absolute;inset:0}.fv-video-wrap:hover .fv-play-hint{background:#0000002e}.fv-play-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1.5px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:transform .2s,background .2s;display:flex}.fv-video-wrap:hover .fv-play-btn{background:#ffffff2e;transform:scale(1.08)}.vc-bar{background:#0d0d0d;border:1px solid #ffffff12;border-top:none;border-radius:0 0 16px 16px;align-items:center;gap:12px;padding:10px 16px;display:flex}.vc-btn{color:#fff;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:flex}.vc-btn:hover{background:#ffffff24}.vc-track{cursor:pointer;background:#ffffff1a;border-radius:999px;flex:1;height:3px;transition:height .15s;position:relative}.vc-track:hover{height:5px}.vc-fill{pointer-events:none;background:#a855f7cc;border-radius:999px;height:100%}.vc-thumb{pointer-events:none;opacity:0;background:#fff;border-radius:50%;width:10px;height:10px;transition:opacity .15s;position:absolute;top:50%;transform:translate(-50%,-50%)}.vc-track:hover .vc-thumb{opacity:1}.vc-time{color:#ffffff59;letter-spacing:.5px;white-space:nowrap;flex-shrink:0;font-family:monospace;font-size:11px}.fv-right{background:#ffffff04;border:1px solid #ffffff12;border-radius:16px;overflow:hidden}.fv-detail-scroll{scrollbar-width:thin;scrollbar-color:#a855f74d transparent;flex-direction:column;gap:32px;height:100%;padding:28px 24px;display:flex;overflow:hidden auto}.fv-detail-scroll::-webkit-scrollbar{width:4px}.fv-detail-scroll::-webkit-scrollbar-track{background:0 0}.fv-detail-scroll::-webkit-scrollbar-thumb{background:#a855f74d;border-radius:999px}.fv-detail-header{flex-direction:column;gap:8px;display:flex}.fv-detail-tag{letter-spacing:2px;text-transform:uppercase;color:#a855f7d9;background:#a855f71a;border:1px solid #a855f733;border-radius:999px;align-self:flex-start;padding:3px 10px;font-size:10px;display:inline-block}.fv-detail-title{font-family:var(--font-serif);letter-spacing:-.5px;font-size:clamp(22px,2.2vw,32px);font-weight:400;line-height:1.2}.fv-detail-meta-row,.fv-detail-role{color:#ffffff73;font-size:13px;line-height:1.5}.fv-detail-overview{color:#fff9;font-size:15px;line-height:1.8}.fv-detail-section{flex-direction:column;gap:14px;display:flex}.fv-section-label{letter-spacing:3px;text-transform:uppercase;color:#a855f799;border-bottom:1px solid #a855f71a;padding-bottom:10px;font-size:10px}.fw-section-label{letter-spacing:3px;text-transform:uppercase;color:#a855f7a6;border-bottom:1px solid #a855f71f;align-items:center;gap:10px;padding-bottom:14px;font-size:11px;display:flex}.fw-section-hint{color:#ffffff40;letter-spacing:1px;font-size:10px}.fv-flow-list{flex-direction:column;gap:0;display:flex}.fv-flow-item{border-bottom:1px solid #ffffff0a;align-items:flex-start;gap:14px;padding:12px 0;display:flex}.fv-flow-item:last-child{border-bottom:none}.fv-flow-num{font-family:var(--font-serif);color:#a855f780;flex-shrink:0;width:28px;font-size:16px;line-height:1.4}.fv-flow-title{color:#fffc;font-size:13px;font-weight:600;line-height:1.5}.fv-flow-desc{color:#fff6;margin-top:2px;font-size:12px;line-height:1.6}.fv-asset-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.asset-img-wrap{background:#0a0a0a;border:1px solid #ffffff0d;border-radius:10px;transition:border-color .2s;position:relative;overflow:hidden}.asset-img-wrap:hover{border-color:#a855f733}.asset-img-wrap--wide{grid-column:span 2}.asset-img{width:100%;height:auto;display:block}.asset-img-caption{color:#ffffffb3;opacity:0;background:linear-gradient(#0000 0%,#000c 100%);padding:7px 10px;font-size:10px;transition:opacity .2s;position:absolute;bottom:0;left:0;right:0}.asset-img-wrap:hover .asset-img-caption{opacity:1}.asset-img-slot{color:#fff3;text-align:center;border:1px dashed #a855f726;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:80px;padding:24px 12px;font-size:11px;display:flex}.asset-img-file{color:#a855f759;font-family:monospace;font-size:9px}.fv-note{color:#ffffff80;background:#ffffff05;border-left:2px solid #a855f74d;border-radius:0 10px 10px 0;padding:14px 18px;font-size:13px;font-style:italic;line-height:1.85}.small-works-grid{grid-template-columns:repeat(4,1fr);align-items:start;gap:16px;display:grid}.small-work-wrapper{flex-direction:column;gap:10px;display:flex}.small-work-card{cursor:pointer;aspect-ratio:16/9;background:#111;border-radius:12px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.small-work-card--portrait{aspect-ratio:16/9}.small-work-card:hover{transform:translateY(-3px);box-shadow:0 12px 40px #0000008c}.small-work-card .work-card-media,.small-work-card .work-cover{object-fit:cover;width:100%;height:100%;transition:transform .5s;position:absolute;inset:0}.small-work-card:hover .work-card-media{transform:scale(1.04)}.small-work-card .work-cover{background:linear-gradient(135deg,#0e0e0e,#1a1a1a);justify-content:center;align-items:center;display:flex}.small-work-card .work-cover span{color:#ffffff26;letter-spacing:2px;text-transform:uppercase;font-size:11px}.small-work-hover,.small-work-tag{display:none}.small-work-name{color:#ffffffb3;padding:0 2px;font-size:13px;font-weight:500;line-height:1.4;transition:color .2s}.small-work-wrapper:hover .small-work-name{color:#fffffff2}.small-work-tag-inline{color:#fff6;font-size:12px;font-weight:400}.fw-img-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px;display:grid}.fw-img-file{color:#a855f766;font-family:monospace;font-size:10px}.work-card{cursor:pointer;aspect-ratio:16/9;background:#111;border-radius:16px;transition:transform .35s,box-shadow .35s;position:relative;overflow:hidden}.work-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #0009}.work-card-media,.work-cover{object-fit:cover;width:100%;height:100%;transition:transform .6s;position:absolute;inset:0}.work-card:hover .work-card-media{transform:scale(1.05)}.work-cover{background:linear-gradient(135deg,#0e0e0e 0%,#1c1c1c 100%);justify-content:center;align-items:center;display:flex}.work-cover span{color:#ffffff26;letter-spacing:3px;text-transform:uppercase;font-size:13px;font-weight:400}.work-card-overlay{display:none}.projects{background:var(--bg);padding-top:60px;padding-bottom:80px}.projects-inner{max-width:var(--max-width);width:100%}.projects-head{justify-content:space-between;align-items:flex-end;margin-bottom:64px;display:flex}.projects-label{letter-spacing:4px;text-transform:uppercase;color:#fff6;margin-bottom:16px;font-size:14px;font-weight:400}.projects-title{font-family:var(--font-serif);letter-spacing:-1px;font-size:clamp(36px,4vw,64px);font-weight:400}.projects-desc{color:#ffffff80;text-align:right;max-width:360px;font-size:16px;line-height:1.7}.projects-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.proj-card{cursor:pointer;background:#ffffff04;border:1px solid #ffffff12;border-radius:24px;flex-direction:column;gap:20px;padding:36px;transition:border-color .3s,background .3s,transform .3s;display:flex;position:relative;overflow:hidden}.proj-card:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#a855f766,#0000);height:1px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.proj-card:hover{background:#a855f70a;border-color:#a855f74d;transform:translateY(-4px)}.proj-card:hover:before{opacity:1}.proj-card-header{justify-content:space-between;align-items:center;display:flex}.proj-card-num{font-family:var(--font-serif);color:#fff3;letter-spacing:1px;font-size:13px}.proj-card-tag{letter-spacing:2px;text-transform:uppercase;color:#a855f7cc;background:#a855f71a;border:1px solid #a855f733;border-radius:999px;padding:4px 12px;font-size:11px;font-weight:500}.proj-card-title{font-family:var(--font-serif);letter-spacing:-.5px;font-size:clamp(20px,2vw,26px);font-weight:400;line-height:1.2}.proj-card-tagline{color:#ffffff8c;flex:1;font-size:14px;line-height:1.7}.proj-card-flow{background:#ffffff06;border:1px solid #ffffff0d;border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px;padding:16px;display:flex}.proj-card-flow-item{color:#ffffff80;align-items:center;gap:6px;font-size:12px;display:flex}.proj-card-flow-dot{background:#a855f799;border-radius:50%;flex-shrink:0;width:5px;height:5px}.proj-card-flow-arrow{color:#fff3;font-size:11px}.proj-card-footer{justify-content:space-between;align-items:flex-end;margin-top:auto;display:flex}.proj-card-tech{flex-wrap:wrap;gap:6px;max-width:70%;display:flex}.proj-tech-chip{color:#ffffff80;border-radius:999px;padding:4px 10px;font-size:11px}.proj-card-cta{color:#fff6;white-space:nowrap;align-items:center;gap:6px;font-size:13px;transition:color .2s;display:flex}.proj-card:hover .proj-card-cta{color:#a855f7e6}.proj-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:300;background:#000000f2;display:none;position:fixed;inset:0;overflow-y:auto}.proj-modal.active{display:block}.proj-modal-content{max-width:800px;margin:0 auto;padding:100px 56px}.proj-modal-back{color:#fff;cursor:pointer;z-index:301;font-size:14px;font-family:var(--font-sans);border:none;border-radius:999px;align-items:center;gap:8px;padding:10px 20px;transition:all .2s;display:flex;position:sticky;top:20px;left:28px}.proj-modal-back:hover{background:#ffffff1a}.proj-modal-hero{margin-bottom:40px}.proj-modal-tag{letter-spacing:2px;text-transform:uppercase;color:#a855f7e6;background:#a855f71a;border:1px solid #a855f740;border-radius:999px;margin-bottom:18px;padding:4px 12px;font-size:11px;font-weight:500;display:inline-block}.proj-modal-title{font-family:var(--font-serif);letter-spacing:-1px;margin-bottom:16px;font-size:clamp(26px,2.6vw,38px);font-weight:400;line-height:1.1}.proj-modal-tagline{color:#fff9;max-width:640px;margin-bottom:24px;font-size:18px;line-height:1.7}.proj-modal-meta{color:#fff6;border-bottom:1px solid #ffffff12;flex-wrap:wrap;gap:32px;padding-bottom:32px;font-size:15px;display:flex}.proj-modal-meta strong{color:#fff9;margin-right:6px;font-weight:500}.proj-modal-flow{background:#a855f70a;border:1px solid #a855f71f;border-radius:20px;margin:40px 0;padding:28px 32px}.proj-modal-flow-label{letter-spacing:3px;text-transform:uppercase;color:#a855f7b3;margin-bottom:20px;font-size:11px}.proj-modal-flow-steps{flex-wrap:wrap;align-items:stretch;gap:0;display:flex}.proj-modal-flow-step{text-align:center;flex-direction:column;flex:1;align-items:center;min-width:80px;padding:0 8px;display:flex;position:relative}.proj-modal-flow-step-num{font-family:var(--font-serif);color:#a855f799;margin-bottom:8px;font-size:22px;line-height:1}.proj-modal-flow-step-name{color:#ffffffb3;font-size:12px;font-weight:500;line-height:1.4}.proj-modal-flow-arrow{background:#a855f74d;width:12px;height:1px;position:absolute;top:50%;right:-6px;transform:translateY(-100%)}.proj-modal-flow-arrow:after{content:"";border:3px solid #0000;border-left:4px solid #a855f766;position:absolute;top:-3px;right:-1px}.proj-modal-overview{background:#ffffff05;border-left:2px solid #a855f766;border-radius:0 12px 12px 0;margin:32px 0;padding:24px 28px}.proj-modal-overview p{color:#ffffffa6;font-size:16px;line-height:1.9}.proj-modal-body{flex-direction:column;gap:56px;margin-top:16px;display:flex}.proj-detail-section-head{align-items:center;gap:14px;margin-bottom:24px;display:flex}.proj-detail-h{font-family:var(--font-serif);font-size:24px;font-weight:400}.proj-detail-tag{color:#fff6;letter-spacing:1px;background:#ffffff0f;border-radius:999px;padding:3px 10px;font-size:11px}.proj-detail-p{color:#fff9;font-size:16px;line-height:2}.proj-info-cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.proj-info-card{border-radius:16px;padding:22px 20px}.proj-info-card-tag{letter-spacing:1.5px;text-transform:uppercase;color:#a855f7b3;margin-bottom:8px;font-size:10px}.proj-info-card-title{color:#ffffffd9;margin-bottom:8px;font-size:14px;font-weight:600;line-height:1.4}.proj-info-card-desc{color:#ffffff80;font-size:13px;line-height:1.7}.proj-pipeline{flex-wrap:wrap;gap:10px;display:flex}.proj-pipeline-node{background:#ffffff05;border:1px solid #ffffff12;border-radius:14px;flex:1;min-width:100px;padding:16px 14px;position:relative}.proj-pipeline-num{font-family:var(--font-serif);color:#a855f78c;margin-bottom:6px;font-size:18px}.proj-pipeline-title{color:#fffc;margin-bottom:6px;font-size:13px;font-weight:600}.proj-pipeline-desc{color:#fff6;font-size:12px;line-height:1.5}.proj-pipeline-arrow{color:#a855f74d;z-index:1;font-size:16px;position:absolute;top:50%;right:-14px;transform:translateY(-50%)}.proj-modal-showcase{margin-top:56px}.proj-img-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px;display:grid}.proj-img-slot{aspect-ratio:16/10;border-radius:16px;overflow:hidden}.proj-img-slot--wide{aspect-ratio:21/9;grid-column:span 2}.proj-img-placeholder{color:#fff3;text-align:center;background:#ffffff05;border:1.5px dashed #a855f733;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;padding:20px;transition:border-color .2s,background .2s;display:flex}.proj-img-placeholder:hover{background:#a855f708;border-color:#a855f766}.proj-img-slot-label{color:#ffffff73;font-size:13px;font-weight:500}.proj-img-slot-hint{color:#ffffff40;font-size:11px}.proj-img-slot-file{color:#a855f766;letter-spacing:.5px;font-family:monospace;font-size:10px}.proj-modal-tech{border-top:1px solid #ffffff12;flex-wrap:wrap;gap:8px;margin-top:48px;padding-top:32px;display:flex}@media (width<=900px){.projects-grid{grid-template-columns:1fr}.projects-head{flex-direction:column;align-items:flex-start;gap:20px}.projects-desc{text-align:left;max-width:100%}.proj-img-grid{grid-template-columns:1fr}.proj-img-slot--wide{aspect-ratio:16/9;grid-column:span 1}.proj-modal-flow-steps{gap:12px}.proj-pipeline{flex-direction:column}.proj-pipeline-arrow{display:none}}@media (width<=600px){.proj-modal-content{padding:80px 20px 60px}.proj-info-cards{grid-template-columns:1fr}}.workflow{background:var(--bg);padding-top:140px;padding-bottom:180px}.workflow:before{content:"";pointer-events:none;background:radial-gradient(#ffffff05 0%,#0000 60%);position:absolute;inset:0}.workflow-inner{max-width:var(--max-width);z-index:1;width:100%;position:relative}.workflow-head{justify-content:space-between;align-items:flex-end;margin-bottom:64px;display:flex}.workflow-label{letter-spacing:4px;text-transform:uppercase;color:#fff6;margin-bottom:16px;font-size:14px;font-weight:400}.workflow-title{font-family:var(--font-serif);letter-spacing:-1px;font-size:clamp(36px,4vw,64px);font-weight:400}.workflow-desc{color:#ffffff80;text-align:right;max-width:320px;font-size:16px;line-height:1.7}.workflow-steps{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.workflow-step{text-align:center;border-radius:24px;flex:1;min-width:180px;max-width:220px;padding:36px 28px;transition:all .3s;position:relative}.workflow-step:hover{transform:translateY(-4px)}.workflow-step-num{font-family:var(--font-serif);color:#fff6;margin-bottom:18px;font-size:48px;font-weight:400}.workflow-step-title{margin-bottom:10px;font-size:16px;font-weight:500}.workflow-step-desc{color:#ffffff80;font-size:13px;line-height:1.7}.workflow-arrow{color:#fff3;align-items:center;font-size:24px;display:flex}.showcase-img-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px;display:grid}.showcase-img-outer--wide,.showcase-img-wrap--wide{grid-column:span 2}.showcase-img-wrap{cursor:zoom-in;background:#080808;border:1px solid #ffffff0d;border-radius:14px;transition:border-color .3s;position:relative;overflow:hidden}.showcase-img-wrap:hover{border-color:#a855f740}.showcase-img-wrap--wide{grid-column:span 2}.showcase-img{width:100%;height:auto;transition:transform .4s;display:block}.showcase-img-wrap:hover .showcase-img{transform:scale(1.015)}.showcase-img-caption{display:none}.showcase-img-placeholder{color:#fff3;text-align:center;border:1.5px dashed #a855f733;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:120px;padding:40px 20px;font-size:12px;display:flex}@media (width<=900px){.showcase-img-grid{grid-template-columns:1fr}.showcase-img-wrap--wide{grid-column:span 1}}.tool-tabs-wrap{margin-top:8px}.tool-tab-btns{border-bottom:1px solid #ffffff12;gap:8px;margin-bottom:28px;padding-bottom:0;display:flex}.tool-tab-btn{cursor:pointer;color:#fff6;font-size:13px;font-family:var(--font-sans);background:0 0;border:1px solid #0000;border-bottom:none;border-radius:10px 10px 0 0;padding:10px 22px;font-weight:400;transition:all .2s;position:relative;bottom:-1px}.tool-tab-btn:hover{color:#ffffffb3}.tool-tab-btn.active{color:#a855f7f2;background:#a855f714;border-color:#a855f733 #a855f733 #000}.tool-tab-content{flex-direction:column;gap:28px;display:flex}.tool-tab-header{flex-direction:column;gap:8px;display:flex}.tool-tab-tagline{color:#ffffff8c;font-size:14px;line-height:1.7}.tool-tab-empty{color:#fff3;letter-spacing:2px;text-transform:uppercase;text-align:center;border:1px dashed #ffffff12;border-radius:12px;padding:32px 0;font-size:12px}.sc-groups{flex-direction:column;gap:48px;display:flex}.showcase-img-outer{flex-direction:column;gap:8px;display:flex}.showcase-img-outer--wide{grid-column:span 2}.showcase-caption{color:#ffffffbf;letter-spacing:.3px;font-size:13px;font-weight:500}.tool-tab-seg{border:1px solid #ffffff1a;border-radius:14px;gap:0;margin-bottom:32px;display:flex;overflow:hidden}.tool-tab-seg-btn{font-size:14px;font-weight:500;font-family:var(--font-sans);cursor:pointer;color:#ffffff73;background:#ffffff08;border:none;border-right:1px solid #ffffff1a;flex-direction:row;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;line-height:1.3;transition:all .2s;display:flex}.tool-tab-seg-btn:last-child{border-right:none}.tool-tab-seg-btn:hover{color:#fffc;background:#ffffff0f}.tool-tab-seg-btn.active{color:#fff;background:#a855f799;box-shadow:inset 0 0 0 1px #a855f74d}.tool-tab-seg-num{font-family:var(--font-serif);color:inherit;opacity:.6;font-size:14px;line-height:1}.tool-tab-seg-btn.active .tool-tab-seg-num{opacity:.75}.tech-cat-projects{flex-direction:column;gap:4px;margin-top:8px;display:flex}.tech-cat-proj-showcase{border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;flex-direction:column;gap:0;margin:4px 0;padding:14px 0;display:flex}.tech-cat-proj-row{border-bottom:1px solid #ffffff0a;align-items:center;gap:12px;padding:7px 0;display:flex}.tech-cat-proj-row:last-child{border-bottom:none}.tech-cat-proj-idx{font-family:var(--font-serif);color:#a855f7a6;flex-shrink:0;width:22px;font-size:22px;line-height:1}.tech-cat-proj-name{color:#ffffffe0;font-size:14px;font-weight:500;line-height:1.4}.tech-cat-proj-label,.tech-cat-proj-item,.tech-cat-proj-dot{display:none}.sc-split-layout{grid-template-columns:60% 1fr;align-items:stretch;gap:16px;display:grid}.sc-split-left{flex-direction:column;display:flex}.sc-split-right{background:#080808;border:1px solid #ffffff0f;border-radius:14px;justify-content:center;align-items:center;min-height:200px;display:flex;overflow:hidden}.sc-split-img{object-fit:contain;width:100%;height:100%;display:block}@media (width<=900px){.sc-split-layout{grid-template-columns:1fr}}.sc-video-wrap{background:#080808;border:1px solid #ffffff0f;border-radius:14px;width:100%;overflow:hidden}.sc-video-player{aspect-ratio:16/9;cursor:pointer;width:100%;position:relative}.sc-video-play-hint{background:#0003;justify-content:center;align-items:center;transition:background .2s;display:flex;position:absolute;inset:0}.sc-video-player:hover .sc-video-play-hint{background:#0000001a}.sc-video-play-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1.5px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .2s,background .2s;display:flex}.sc-video-player:hover .sc-video-play-btn{background:#ffffff2e;transform:scale(1.06)}.sc-vc-bar{background:#0d0d0d;border-top:1px solid #ffffff0f;align-items:center;gap:10px;padding:9px 14px;display:flex}.sc-vc-btn{color:#fff;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:background .2s;display:flex}.sc-vc-btn:hover{background:#ffffff24}.sc-vc-track{cursor:pointer;background:#ffffff1a;border-radius:999px;flex:1;height:3px;transition:height .15s;position:relative}.sc-vc-track:hover{height:5px}.sc-vc-fill{pointer-events:none;background:#a855f7cc;border-radius:999px;height:100%}.sc-vc-thumb{pointer-events:none;opacity:0;background:#fff;border-radius:50%;width:10px;height:10px;transition:opacity .15s;position:absolute;top:50%;transform:translate(-50%,-50%)}.sc-vc-track:hover .sc-vc-thumb{opacity:1}.sc-vc-time{color:#ffffff59;white-space:nowrap;flex-shrink:0;font-family:monospace;font-size:11px}.tech{background:var(--bg);padding-top:100px;padding-bottom:80px}.tech-inner{max-width:var(--max-width);width:100%}.tech-head{justify-content:space-between;align-items:flex-end;margin-bottom:56px;display:flex}.tech-label{letter-spacing:4px;text-transform:uppercase;color:#a855f780;margin-bottom:16px;font-size:14px;font-weight:400}.tech-title{font-family:var(--font-serif);letter-spacing:-1px;font-size:clamp(26px,2.6vw,38px);font-weight:400}.tech-desc{color:#ffffff80;text-align:right;max-width:320px;font-size:16px;line-height:1.7}.tech-cats{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.tech-cat-card{cursor:pointer;background:#ffffff04;border:1px solid #ffffff12;border-radius:24px;flex-direction:column;gap:16px;min-height:360px;padding:36px 32px;transition:border-color .3s,background .3s,transform .3s;display:flex;position:relative;overflow:hidden}.tech-cat-card:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#a855f780,#0000);height:1px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.tech-cat-card:hover{background:#a855f70a;border-color:#a855f74d;transform:translateY(-4px)}.tech-cat-card:hover:before{opacity:1}.tech-cat-card-top{justify-content:space-between;align-items:center;display:flex}.tech-cat-num{font-family:var(--font-serif);color:#ffffff8c;letter-spacing:-.5px;letter-spacing:1px;font-size:32px;line-height:1}.tech-cat-en{letter-spacing:2px;text-transform:uppercase;color:#a855f799;font-size:10px}.tech-cat-label{font-family:var(--font-serif);letter-spacing:-.5px;font-size:clamp(20px,1.8vw,26px);font-weight:400;line-height:1.2}.tech-cat-desc{color:#ffffff8c;flex:1;font-size:14px;line-height:1.75}.tech-cat-skills{flex-wrap:wrap;gap:7px;display:flex}.tech-skill-tag{color:#ffffff73;background:#ffffff0d;border:1px solid #ffffff12;border-radius:999px;padding:4px 10px;font-size:11px}.tech-cat-projects{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.tech-cat-proj-pill{color:#a855f7cc;background:#a855f71a;border:1px solid #a855f733;border-radius:999px;padding:3px 10px;font-size:11px}.tech-cat-cta{color:#ffffff4d;align-items:center;gap:6px;margin-top:auto;font-size:13px;transition:color .2s;display:flex}.tech-cat-card:hover .tech-cat-cta{color:#a855f7e6}.tech-modal{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:9999;background:#000000fa;position:fixed;inset:0;overflow-y:auto}.tech-modal-panel{max-width:min(1200px,100vw - 80px);margin:0 auto;padding:100px 56px 120px}.tech-modal-header{border-bottom:1px solid #ffffff12;margin-bottom:40px;padding-bottom:32px}.tech-modal-head-row{z-index:10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000eb;border-bottom:1px solid #ffffff12;align-items:center;gap:16px;margin:-16px -56px 24px;padding:16px 56px;display:flex;position:sticky;top:0}.tech-back-btn{color:#fff9;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.tech-back-btn:hover{color:#fff;background:#ffffff14;border-color:#ffffff4d}.tech-modal-title{font-family:var(--font-serif);letter-spacing:-1px;margin:10px 0 12px;font-size:clamp(24px,2.6vw,34px);font-weight:400}.tech-modal-desc{color:#fff9;max-width:600px;margin-bottom:20px;font-size:16px;line-height:1.7}.tech-modal-tabs{flex-wrap:wrap;gap:10px;margin-bottom:36px;display:flex}.tech-modal-tab{cursor:pointer;color:#ffffff8c;font-size:14px;font-weight:500;font-family:var(--font-sans);letter-spacing:.2px;background:#ffffff0a;border:1.5px solid #ffffff26;border-radius:999px;padding:11px 28px;transition:all .2s}.tech-modal-tab:hover{color:#ffffffd9;background:#a855f714;border-color:#a855f773}.tech-modal-tab.active{color:#fff;background:#a855f7d9;border-color:#a855f7e6;box-shadow:0 0 20px #a855f759}.tech-modal-proj-title{margin-bottom:28px}.tech-modal-proj-title h3{font-family:var(--font-serif);letter-spacing:-.5px;margin:12px 0 8px;font-size:28px;font-weight:400}.tech-modal-proj-title p{color:#ffffff8c;font-size:16px;line-height:1.7}.tech-proj-detail{flex-direction:column;gap:48px;display:flex}.tech-proj-detail-meta{color:#fff6;gap:28px;margin-bottom:28px;font-size:13px;display:flex}.tech-proj-detail-meta strong{color:#fff9;margin-right:6px;font-weight:500}.tech-proj-overview{color:#ffffffa6;background:#ffffff05;border-left:2px solid #a855f766;border-radius:0 12px 12px 0;margin-bottom:48px;padding:20px 24px;font-size:16px;line-height:2}.tech-proj-showcase{margin-top:56px}.work-card--portrait{aspect-ratio:9/16;grid-row:span 2}.fw-divider{align-items:center;gap:20px;margin:80px 0 56px;display:flex}.fw-divider-line{background:#ffffff14;flex:1;height:1px}.fw-divider-label{letter-spacing:3px;text-transform:uppercase;color:#ffffff4d;white-space:nowrap;font-size:12px}.fw-list{flex-direction:column;gap:16px;display:flex}.fw-card{background:#ffffff04;border:1px solid #ffffff14;border-radius:20px;transition:border-color .3s;overflow:hidden}.fw-card--open{border-color:#a855f740}.fw-card-header{cursor:pointer;justify-content:space-between;align-items:flex-start;gap:24px;padding:32px 36px;transition:background .2s;display:flex}.fw-card-header:hover{background:#ffffff05}.fw-card-header-left{flex:1;align-items:flex-start;gap:28px;display:flex}.fw-card-num{font-family:var(--font-serif);color:#ffffff1f;flex-shrink:0;margin-top:4px;font-size:32px;line-height:1}.fw-card-tag{letter-spacing:2px;text-transform:uppercase;color:#a855f7cc;background:#a855f71a;border:1px solid #a855f733;border-radius:999px;margin-bottom:10px;padding:3px 10px;font-size:11px;display:inline-block}.fw-card-title{font-family:var(--font-serif);letter-spacing:-.5px;margin-bottom:10px;font-size:clamp(20px,2vw,28px);font-weight:400;line-height:1.2}.fw-card-desc{color:#ffffff80;max-width:560px;font-size:15px;line-height:1.7}.fw-card-toggle{color:#ffffff59;white-space:nowrap;flex-shrink:0;align-items:center;gap:8px;padding-top:6px;font-size:13px;transition:color .2s;display:flex}.fw-card-header:hover .fw-card-toggle{color:#a855f7cc}.fw-card-body{border-top:1px solid #ffffff0f;flex-direction:column;gap:40px;padding:36px 36px 40px;display:flex}.fw-meta-row{background:#ffffff05;border:1px solid #ffffff0f;border-radius:14px;gap:0;display:flex;overflow:hidden}.fw-meta-item{border-right:1px solid #ffffff0f;flex-direction:column;flex:1;gap:5px;padding:16px 20px;display:flex}.fw-meta-item:last-child{border-right:none}.fw-meta-label{letter-spacing:2px;text-transform:uppercase;color:#ffffff4d;font-size:10px}.fw-meta-value{color:#ffffffbf;font-size:14px;font-weight:500}.fw-video-slot{aspect-ratio:16/9;border-radius:16px;overflow:hidden}.fw-video-placeholder{color:#fff3;background:#ffffff05;border:1.5px dashed #a855f733;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;font-size:14px;transition:border-color .2s,background .2s;display:flex}.fw-video-placeholder:hover{background:#a855f708;border-color:#a855f766}.fw-section{flex-direction:column;gap:20px;display:flex}.fw-section-label{letter-spacing:3px;text-transform:uppercase;color:#a855f7a6;border-bottom:1px solid #a855f71f;padding-bottom:12px;font-size:11px}.fw-flow-steps{flex-direction:column;gap:0;display:flex}.fw-flow-step{border-bottom:1px solid #ffffff0a;align-items:flex-start;gap:20px;padding:18px 0;transition:background .15s;display:flex}.fw-flow-step:last-child{border-bottom:none}.fw-flow-step-num{font-family:var(--font-serif);color:#a855f766;flex-shrink:0;width:36px;font-size:22px;line-height:1.2}.fw-flow-step-body{flex:1}.fw-flow-step-title{color:#fffc;margin-bottom:4px;font-size:16px;font-weight:600}.fw-flow-step-desc{color:#ffffff73;font-size:13px;line-height:1.6}.fw-img-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.fw-img-slot{aspect-ratio:4/3;border-radius:12px;overflow:hidden}.fw-img-slot--wide{aspect-ratio:21/9;grid-column:span 3}.fw-img-placeholder{color:#fff3;text-align:center;cursor:default;background:#ffffff05;border:1.5px dashed #ffffff1a;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;padding:16px;transition:border-color .2s,background .2s;display:flex}.fw-img-placeholder:hover{background:#a855f705;border-color:#a855f74d}.fw-img-label{color:#fff6;font-size:12px;font-weight:500}.fw-img-hint{color:#ffffff38;font-size:11px}.fw-img-file{color:#a855f766;letter-spacing:.5px;font-family:monospace;font-size:10px}.fw-note{color:#ffffff8c;background:#ffffff05;border-left:2px solid #a855f759;border-radius:0 12px 12px 0;padding:20px 24px;font-size:16px;font-style:italic;line-height:1.85}@media (width<=900px){.fw-card-header{flex-direction:column;gap:16px}.fw-card-header-left{flex-direction:column;gap:12px}.fw-img-grid{grid-template-columns:repeat(2,1fr)}.fw-img-slot--wide{aspect-ratio:16/9;grid-column:span 2}.fw-meta-row{flex-wrap:wrap}.fw-meta-item{border-bottom:1px solid #ffffff0f;min-width:50%}}@media (width<=600px){.fw-card-header,.fw-card-body{padding-left:20px;padding-right:20px}.fw-img-grid{grid-template-columns:1fr}.fw-img-slot--wide{aspect-ratio:16/9;grid-column:span 1}}.contact{background:var(--bg);text-align:center;padding-top:100px;padding-bottom:60px}.contact-inner{max-width:800px}.contact-label{letter-spacing:4px;text-transform:uppercase;color:#fff6;margin-bottom:28px;font-size:14px;font-weight:400}.contact-title{font-family:var(--font-serif);letter-spacing:-1.5px;margin-bottom:20px;font-size:clamp(48px,6vw,88px);font-weight:400;line-height:1.05}.contact-title em{color:#ffffff80;font-style:italic}.contact-sub{color:#fff9;margin-bottom:56px;font-size:18px}.contact-cards{flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:56px;display:flex}.contact-card{text-align:center;border-radius:20px;min-width:240px;padding:32px 48px;transition:all .3s}.contact-card:hover{background:#ffffff08}.contact-card-label{color:#ffffff4d;text-transform:uppercase;letter-spacing:2px;margin-bottom:10px;font-size:12px}.contact-card-value{word-break:break-all;font-size:16px;font-weight:500}.footer{text-align:center;color:#fff3;border-top:1px solid #ffffff0f;padding:40px;font-size:13px}.back-top{color:#fff;cursor:pointer;z-index:99;border-radius:999px;align-items:center;gap:8px;padding:12px 20px;font-size:13px;transition:all .3s;animation:.3s fadeIn;display:flex;position:fixed;bottom:32px;right:32px}.back-top:hover{background:#ffffff14;transform:translateY(-2px)}.modal{-webkit-backdrop-filter:blur(8px);z-index:9999;background:#000000f7;display:none;position:fixed;inset:0;overflow-y:auto}.modal.active{display:block}.modal-content{max-width:min(1000px,100vw - 80px);margin:0 auto;padding:70px 40px 80px}.modal-back{color:#fff;cursor:pointer;z-index:201;border-radius:999px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;transition:all .2s;display:flex;position:sticky;top:20px}.modal-back:hover{background:#ffffff1a}.modal-hero{background:var(--bg-soft);border-radius:16px;justify-content:center;align-items:center;width:100%;max-width:800px;min-height:200px;max-height:65vh;margin:0 auto 28px;display:flex;overflow:hidden}.modal-hero video{object-fit:contain;width:100%;height:100%;max-height:70vh}.modal-hero-ph{color:#ffffff4d;letter-spacing:2px;justify-content:center;align-items:center;width:100%;height:100%;font-size:18px;display:flex}.modal-tag{color:#ffffff80;letter-spacing:2px;text-transform:uppercase;margin-bottom:10px;font-size:13px;font-weight:500}.modal-title{font-family:var(--font-serif);letter-spacing:-1px;margin-bottom:8px;font-size:36px;font-weight:400}.modal-sub{color:#fff9;margin-bottom:24px;font-size:18px}.modal-meta{color:#fff6;border-bottom:1px solid #ffffff14;flex-wrap:wrap;gap:32px;margin-bottom:36px;padding-bottom:28px;font-size:15px;display:flex}.modal-meta strong{color:#fff9;font-weight:500}.modal-body h2{font-family:var(--font-serif);margin:28px 0 12px;font-size:22px;font-weight:400}.modal-body h3{color:#fffc;margin:20px 0 10px;font-size:16px;font-weight:600}.modal-body p{color:#fff9;margin-bottom:12px;font-size:15px;line-height:1.75}.modal-body blockquote{color:#fff;background:#ffffff08;border-left:2px solid #ffffff4d;border-radius:0 8px 8px 0;margin:20px 0;padding:14px 24px;font-size:16px;font-style:italic}.modal-body .script-block{color:#fff9;background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;margin:16px 0;padding:20px;font-size:14px;line-height:1.9}.modal-body .script-block .st{color:#fffc;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:12px;font-weight:600}.modal-body .script-block .dlg{color:#fff;border-left:2px solid #fff3;margin:10px 0;padding-left:14px;font-style:italic}.modal-body .hl-box{background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;margin:18px 0;padding:20px}.modal-body .hl-box .hl-t{color:#fff9;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-size:12px;font-weight:600}.modal-body .hl-box p{margin-bottom:0;font-size:14px}@media (width>=1201px) and (width<=1600px){:root{--max-width:1100px}.about-title{font-size:32px!important}.about-stat-num{font-size:28px!important}.hero-title{font-size:72px!important}}@media (width<=1200px){:root{--max-width:100%}.nav-links{display:none}}@media (width<=900px){.about-grid{grid-template-columns:1fr;gap:40px}.about-photo-slot{aspect-ratio:4/3;max-width:320px}.about-contact{flex-wrap:wrap;gap:12px 16px}.about-contact-divider{display:none}.about-stats-row{flex-wrap:wrap}.about-stat-item{border-bottom:1px solid #ffffff12;border-right:none;min-width:50%;padding:20px 0}.strengths-grid{grid-template-columns:1fr}.timeline-item{grid-template-columns:1fr;gap:8px}.timeline-period{margin-bottom:4px}.tech-cats{grid-template-columns:1fr}.tech-head{flex-direction:column;align-items:flex-start;gap:20px}.tech-desc{text-align:left;max-width:100%}.contact-cards{grid-template-columns:1fr}.scroll-dots{display:none}.section{padding:80px 24px}.works-head,.tech-head{flex-direction:column;align-items:flex-start;gap:20px}.works-desc{text-align:left}.tech-modal-panel{max-width:100%;padding:80px 24px 60px}.fv-inner{grid-template-columns:1fr}.fv-right{min-height:400px}.small-works-grid,.fw-img-grid{grid-template-columns:repeat(2,1fr)}.fw-img-slot--wide{aspect-ratio:16/9;grid-column:span 2}}@media (width<=600px){.small-works-grid{grid-template-columns:repeat(2,1fr)}.fv-asset-grid{grid-template-columns:1fr}.asset-img-wrap--wide{grid-column:span 1}.about-stat-item{min-width:50%}.fw-img-grid{grid-template-columns:1fr}.fw-img-slot--wide{aspect-ratio:16/9;grid-column:span 1}}.about-text p,.hero-sub,.fv-detail-overview,.proj-detail-p,.tech-cat-desc,.tech-modal-desc,.tech-proj-overview,.tool-tab-tagline,.fw-note,.fv-note,.modal-body p{line-height:1.75;font-size:15px!important}.proj-info-card-desc,.fv-flow-desc,.proj-pipeline-desc,.contact-sub,.about-stat-label{font-size:16px}.fv-detail-meta-row,.fv-detail-role,.proj-tech-chip,.proj-modal-meta,.tech-proj-detail-meta,.modal-meta{font-size:15px}.nav-links a,.nav-cta-text,.nav-cta{font-size:15px!important}.btn{font-size:15px}.small-work-name{font-size:16px}.small-work-tag-inline{color:#ffffff80;font-size:15px}.tech-skill-tag,.proj-tech-chip,.about-tag{font-size:15px!important}.fv-detail-tag,.proj-modal-tag,.fw-featured-badge-tag,.work-card-tag,.tech-cat-proj-pill{padding:5px 14px!important;font-size:13px!important}.fv-section-label,.fw-section-label,.sc-group-label,.proj-detail-section-head .proj-detail-tag,.tech-proj-showcase .proj-detail-h{letter-spacing:2px;font-size:14px}.showcase-caption{font-size:16px!important}.fw-divider-label{letter-spacing:2px;color:#fff6;font-size:16px}.fw-flow-step-title,.fv-flow-title{font-size:15px}.liquid-ether-container{touch-action:none;pointer-events:none;width:100%;height:100%;position:relative;overflow:hidden}