@import "https://fonts.googleapis.com/css2?family=DM+Mono&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;1,500&display=swap";:root{color:#202421;background:#f6f5ef;font-family:Manrope,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden}.site-shell{background:#f6f5ef;min-width:320px}.noise{z-index:9;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.frame{width:min(100% - 72px,1700px);margin:auto}.nav-wrap{z-index:3;border-bottom:1px solid #20242155;justify-content:space-between;align-items:center;width:100%;height:84px;padding:0 max(36px,50% - 850px);display:flex;position:absolute;top:0}.brand{letter-spacing:-.07em;color:inherit;font-size:20px;font-weight:800;text-decoration:none}.brand span{vertical-align:top;font:8px DM Mono}.nav{gap:32px;margin-left:88px;display:flex}.nav a,.nav-contact,.nav-toggle{letter-spacing:.04em;color:inherit;font:10px DM Mono;text-decoration:none}.nav a{opacity:.65}.nav a:hover{opacity:1}.nav-contact{border:1px solid #20242199;padding:10px 14px}.nav-contact b{margin-left:8px;font-size:15px}.nav-toggle{background:0 0;border:0;display:none}.hero{isolation:isolate;background:#d9e2d3;height:max(720px,100svh);position:relative;overflow:hidden}.hero-video{z-index:-2;object-fit:cover;filter:saturate(.42)brightness(1.4)contrast(.78);opacity:.68;width:100%;height:100%;position:absolute}.hero-shade{z-index:-1;background:linear-gradient(105deg,#f6f5efec 2%,#f6f5ef86 57%,#cfe1db44),linear-gradient(#0000 52%,#f6f5efdf);position:absolute;inset:0}.hero-content{flex-direction:column;justify-content:flex-end;height:100%;padding-bottom:37px;display:flex}.kicker,.section-label{letter-spacing:.06em;margin:0;font:10px DM Mono}.hero h1{letter-spacing:-.1em;max-width:1350px;margin:20px 0 48px;font-size:clamp(64px,10.1vw,171px);font-weight:600;line-height:.82}.hero h1 span{display:block}.hero h1 em,.section-head em,.contact-section em{font-family:Playfair Display,Georgia,serif;font-weight:500}.hero-foot{justify-content:space-between;align-items:end;display:flex}.hero-foot p{margin:0;font-size:13px;line-height:1.65}.scroll-prompt{color:inherit;border-bottom:1px solid #20242199;padding-bottom:8px;font:10px DM Mono;text-decoration:none}.scroll-prompt i{margin-left:12px;font-size:16px;font-style:normal}.rise{opacity:0;animation:.9s cubic-bezier(.22,1,.36,1) forwards rise;transform:translateY(28px)}.d1{animation-delay:.14s}.d2{animation-delay:.26s}.d3{animation-delay:.42s}@keyframes rise{to{opacity:1;transform:none}}.about-section{padding:150px 0}.about-grid{grid-template-columns:31.5% 1fr 18%;gap:5%;margin-top:54px;display:grid}.portrait{aspect-ratio:4/5;background:#dce2d8;position:relative;overflow:hidden}.portrait img{object-fit:cover;width:100%;height:100%}.portrait:after{content:"";mix-blend-mode:multiply;background:linear-gradient(150deg,#0000,#91beae33);position:absolute;inset:0}.portrait-stamp{z-index:1;font:9px/1.32 DM Mono;position:absolute;bottom:17px;left:18px}.bio{max-width:600px}.bio p{color:#626962;margin:0 0 28px;font-size:14px;line-height:1.8}.bio .bio-lead{color:#202421;letter-spacing:-.06em;font-size:clamp(22px,2.05vw,33px);line-height:1.28}.bio-lead em{font-family:Playfair Display;font-weight:500}.under-link{color:inherit;text-underline-offset:6px;margin-top:18px;font:11px DM Mono;display:inline-block}.under-link span{margin-left:8px;font-size:18px}.metrics{flex-direction:column;justify-content:space-between;margin:0;display:flex}.metrics div{border-top:1px solid #c5c8be;padding-top:8px}.metrics dt{letter-spacing:-.08em;font-size:clamp(32px,3.4vw,56px)}.metrics dd{color:#747a74;margin:5px 0 0;font:9px DM Mono}.projects{padding:34px 0 150px}.section-top{color:#737972;border-top:1px solid #c8cbc1;justify-content:space-between;padding-top:14px;font:10px DM Mono;display:flex}.project-card{background:#dce6e0;height:min(69vw,780px);min-height:530px;margin-top:30px;position:relative;overflow:hidden}.project-card img{object-fit:cover;opacity:.76;filter:saturate(.65)contrast(.9);width:100%;height:100%;transition:all .8s}.project-card:hover img{filter:saturate();transform:scale(1.045)}.project-card:after{content:"";background:linear-gradient(#0000 42%,#1a221ccc);position:absolute;inset:0}.project-violet{background:#d8d4eb}.project-silver{background:#d8dfdd}.card-grid{z-index:1;opacity:.2;background-color:#0000;background-image:linear-gradient(#fff 1px,#0000 1px),linear-gradient(90deg,#fff 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:8.33% 16.66%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 70%);mask-image:linear-gradient(#0000,#000 70%)}.project-info{z-index:2;color:#fff;grid-template-columns:8% 1fr 22%;align-items:end;gap:20px;width:100%;padding:34px;display:grid;position:absolute;bottom:0;left:0}.project-info>span,.project-info p{margin:0;font:10px DM Mono}.project-info h2{letter-spacing:-.09em;margin:11px 0 0;font-size:clamp(44px,7.2vw,116px);line-height:.78}.project-type{justify-self:end;align-items:center;gap:18px;display:flex}.project-type b{font:20px Manrope}.expertise{padding-bottom:160px}.section-head{letter-spacing:-.09em;margin:80px 0;font-size:clamp(45px,7.2vw,114px);font-weight:600;line-height:.84}.strength-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.strength-card{background:#efeee8;border:1px solid #c9cdc4;min-height:390px;padding:20px;transition:all .35s;position:relative;overflow:hidden}.strength-card:hover{background:#e0ecdf;transform:translateY(-6px)}.strength-card>span{color:#727870;font:10px DM Mono}.strength-card h3{z-index:1;letter-spacing:-.075em;margin:0;font-size:clamp(25px,2.4vw,39px);position:absolute;bottom:84px;left:20px}.strength-card p{color:#626962;max-width:78%;margin:0;font-size:12px;line-height:1.6;position:absolute;bottom:19px;left:20px}.strength-card i{font-size:22px;font-style:normal;position:absolute;bottom:18px;right:20px}.strength-orbit{aspect-ratio:1;border:1px solid #417b7466;border-radius:50%;width:63%;position:absolute;top:10%;right:-4%;box-shadow:0 0 90px #5cab8344,inset 0 0 65px #64a66e1a}.strength-orbit:after{content:"";aspect-ratio:1;background:#98d8ad;border-radius:50%;width:14%;position:absolute;top:10%;left:10%;box-shadow:0 0 30px #70b889}.strength-card:nth-child(2) .strength-orbit{border-color:#9381d6;transform:rotate(58deg)scale(.85)}.strength-card:nth-child(2) .strength-orbit:after{background:#c9bdf0}.strength-card:nth-child(3) .strength-orbit{border-color:#d68e65;border-radius:41% 59% 57% 43%;transform:rotate(-18deg)}.strength-card:nth-child(3) .strength-orbit:after{background:#f2b37d}.contact-section{color:#eff0e9;background:#202b24;flex-direction:column;justify-content:space-between;min-height:100svh;padding:max(34px,50vw - 850px) max(36px,50vw - 850px) 28px;display:flex}.contact-grid{grid-template-columns:22% 1fr 18%;padding-top:15px;display:grid}.contact-section .section-label{color:#a8b4a9}.contact-pre{margin:0 0 25px;font-size:13px}.contact-section a{color:inherit}.contact-grid>div>a{letter-spacing:-.1em;font-size:clamp(47px,8.4vw,137px);font-weight:600;line-height:.8;text-decoration:none}.contact-side{border-bottom:1px solid #bac5bb;place-self:end;padding-bottom:9px;font:10px DM Mono;text-decoration:none}.contact-side span{margin-left:12px;font-size:18px}footer{color:#c2cac0;border-top:1px solid #57645a;justify-content:space-between;padding-top:14px;font:9px DM Mono;display:flex}@media (width<=780px){.frame{width:min(100% - 40px,1700px)}.nav-wrap{height:66px;padding:0 20px}.nav{display:none}.nav.open{background:#f6f5ef;border:1px solid #c7cbc1;flex-direction:column;gap:15px;padding:16px;display:flex;position:absolute;top:53px;right:20px}.nav-contact{display:none}.nav-toggle{display:block}.hero{min-height:650px}.hero h1{font-size:15vw}.hero-foot p{font-size:11px}.scroll-prompt{font-size:8px}.about-section{padding:90px 0}.about-grid{margin-top:30px;display:block}.portrait{width:62%;margin-bottom:36px}.bio{margin-bottom:50px}.metrics{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.metrics dt{font-size:34px}.metrics dd{font-size:7px}.projects{padding-bottom:90px}.project-card{height:123vw;min-height:430px;margin-top:16px}.project-info{grid-template-columns:10% 1fr;gap:8px;padding:18px}.project-type{display:none}.expertise{padding-bottom:100px}.section-head{margin:48px 0}.strength-grid{grid-template-columns:1fr}.strength-card{min-height:300px}.contact-section{min-height:70svh;padding:28px 20px 20px}.contact-grid{grid-template-columns:1fr;padding-top:10px}.contact-grid>div{margin-top:auto;margin-bottom:45px}.contact-side{place-self:auto start}footer{flex-wrap:wrap;gap:12px;font-size:8px}}.scene-hero{background:#f6f5ef;height:max(720px,100svh)}.scene-hero .hero-content{justify-content:center;align-items:center;padding-bottom:24px;position:relative}.scene-hero .hero-letters{color:#989b97;letter-spacing:.08em;text-align:center;grid-template-columns:repeat(4,1fr);gap:12px;width:42%;font:32px DM Mono;display:grid;position:absolute;top:19%}.scene-hero .hero-letters span:nth-child(5){grid-column:2}.apple-wrap{aspect-ratio:1;place-items:center;width:min(37vw,590px);display:grid;position:absolute;top:23%;left:50%;transform:translate(-50%)}.apple-wrap:before,.apple-wrap:after{content:"";z-index:0;filter:blur(.2px);background-image:radial-gradient(circle at 8% 56%,#d7a719 0 2px,#0000 3px),radial-gradient(circle at 13% 33%,#e8bf38 0 1px,#0000 2px),radial-gradient(circle at 19% 68%,#bd8b12 0 2px,#0000 3px),radial-gradient(circle at 83% 30%,#c99615 0 2px,#0000 3px),radial-gradient(circle at 90% 54%,#e8bf38 0 1px,#0000 2px),radial-gradient(circle at 79% 72%,#c99615 0 2px,#0000 3px),radial-gradient(circle at 31% 15%,#e8bf38 0 1px,#0000 2px),radial-gradient(circle at 65% 13%,#bd8b12 0 2px,#0000 3px);width:100%;height:100%;animation:6s ease-in-out infinite particle-drift;position:absolute}.apple-wrap:after{opacity:.55;animation-delay:-2s;transform:rotate(18deg)scale(1.14)}.apple-wrap img{z-index:1;object-fit:contain;filter:drop-shadow(22px 30px 21px #534c2b38);width:78%;height:78%;animation:5.5s ease-in-out infinite apple-breathe;position:relative}.apple-halo{z-index:0;aspect-ratio:1;filter:blur(12px);background:radial-gradient(circle,#fff8d2 0%,#ecdfaa 24%,#f6f5ef00 70%);border-radius:50%;width:83%;animation:5.5s ease-in-out infinite halo-breathe;position:absolute}.hero-note{z-index:2;text-align:center;color:#4e504c;max-width:250px;margin:0;font-size:13px;line-height:1.55;position:absolute;top:49%}.scene-hero .portfolio-title{z-index:3;color:#111;letter-spacing:.08em;text-align:center;pointer-events:none;width:calc(100% + 1vw);margin:0;font-family:Manrope,sans-serif;font-size:clamp(86px,13.7vw,250px);font-style:italic;font-weight:800;line-height:.78;position:absolute;top:47%;left:50%;transform:translate(-50%)}.scene-hero .hero-foot{align-items:center;position:absolute;bottom:24px;left:0;right:0}.scene-hero .hero-foot p,.scene-hero .scroll-prompt{letter-spacing:-.04em;font:13px Manrope,sans-serif}.scene-hero .scroll-prompt{border:0}.scene-hero .scroll-prompt i{display:none}@keyframes apple-breathe{0%,to{filter:drop-shadow(22px 30px 21px #534c2b33);transform:translateY(0)scale(1)}50%{filter:drop-shadow(24px 34px 26px #534c2b4a);transform:translateY(-7px)scale(1.014)}}@keyframes halo-breathe{0%,to{opacity:.62;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}@keyframes particle-drift{0%,to{opacity:.65;transform:translate(0)scale(1)}50%{opacity:.9;transform:translate(5px,-6px)scale(1.04)}}@media (width<=780px){.scene-hero .hero-letters{width:76%;font-size:18px;top:21%}.apple-wrap{width:80vw;top:29%}.hero-note{font-size:10px;top:53%}.scene-hero .portfolio-title{letter-spacing:.02em;font-size:20vw;top:52%}.scene-hero .hero-foot{bottom:18px}.scene-hero .hero-foot p,.scene-hero .scroll-prompt{font-size:9px}}.scene-hero{isolation:isolate;position:relative}.hero-flow{z-index:0;opacity:.5;mix-blend-mode:multiply;pointer-events:none;background:0 0;position:absolute;inset:0;overflow:hidden}.hero-flow:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#f6f5ef99,#f6f5ef1f 48%,#f6f5ef57);position:absolute;inset:0}.hero-flow canvas{width:100%;height:100%;display:block}.scene-hero .hero-content,.contact-section.scene-hero .contact-content{isolation:isolate;position:relative;z-index:2!important}.scene-hero .portfolio-title{z-index:3!important;pointer-events:auto!important}.scene-hero .portfolio-title .warp-text{z-index:1;position:relative;pointer-events:auto!important}@media (width<=780px){.hero-flow{opacity:.4;inset:0}}@media (prefers-reduced-motion:reduce){.hero-flow{display:none}}.scene-hero .portfolio-title,.scene-hero .portfolio-title .warp-text{pointer-events:auto}.scene-hero .apple-wrap:before,.scene-hero .apple-wrap:after{display:none}.scene-hero .apple-wrap img{width:88%;height:88%}.portfolio-split{grid-template-columns:1fr 1fr;align-items:center;gap:min(24vw,420px);display:grid}.portfolio-split .warp-text{height:320px!important}.portfolio-split .warp-glyphs{letter-spacing:.035em}.portfolio-split .warp-text:first-child .warp-glyphs{justify-content:flex-end}.portfolio-split .warp-text:last-child .warp-glyphs{justify-content:flex-start}.fallback-warp{letter-spacing:.035em;align-items:center;height:320px;font:italic 800 clamp(4.8rem,10.7vw,12.6rem)/.78 Manrope,Arial,sans-serif;display:flex}.fallback-warp:first-child{justify-content:flex-end}.fallback-warp:last-child{justify-content:flex-start}.fallback-warp span{transition:transform .58s cubic-bezier(.18,.78,.24,1),filter .58s;display:inline-block}.fallback-warp:hover span{transform:translateY(-3px)scale(1.014)skew(-1deg)}@media (width<=780px){.portfolio-split{gap:15vw}.portfolio-split .warp-text,.fallback-warp{height:200px}.fallback-warp{font-size:18vw}.portfolio-split .warp-glyphs{letter-spacing:0}}.scene-hero .portfolio-title{pointer-events:auto;z-index:999;isolation:isolate;place-items:center;width:100%;height:320px;display:grid;top:50%;left:0;transform:translateY(-50%)}.scene-hero .portfolio-title.rise{animation:.9s cubic-bezier(.22,1,.36,1) forwards portfolio-title-rise}.scene-hero .portfolio-title .warp-text{width:100%;height:320px!important}.scene-hero .portfolio-title .warp-glyphs{animation:5.4s ease-in-out infinite portfolio-title-float}.scene-hero .portfolio-title.fallback-warp{letter-spacing:.08em;white-space:nowrap;justify-content:center;align-items:center;width:100%;height:320px;font-size:clamp(5.4rem,13.7vw,15.6rem);line-height:.78;display:flex}.scene-hero .portfolio-title.fallback-warp span{display:inline-block}@keyframes portfolio-title-rise{0%{opacity:0;transform:translateY(calc(28px - 50%))}to{opacity:1;transform:translateY(-50%)}}@keyframes portfolio-title-float{0%,to{transform:translate(0,0)}50%{transform:translateY(-5px)}}@media (prefers-reduced-motion:reduce){.scene-hero .portfolio-title .warp-glyphs{animation:none}}@media (width<=780px){.scene-hero .portfolio-title,.scene-hero .portfolio-title .warp-text,.scene-hero .portfolio-title.fallback-warp{height:200px!important}.scene-hero .portfolio-title.fallback-warp{letter-spacing:.02em;font-size:20vw}}.scene-hero .portfolio-title,.scene-hero .portfolio-title .warp-text,.scene-hero .portfolio-title .warp-glyphs,.scene-hero .portfolio-title .warp-glyph{opacity:1!important;mix-blend-mode:normal!important}.scene-hero .portfolio-title .warp-glyph{color:#000!important;text-shadow:none!important}.scene-hero .apple-wrap{top:29%;left:31%}@media (width<=780px){.scene-hero .apple-wrap{top:31%;left:50%}}.about-reference{background:#fff;width:min(100% - 72px,1900px);margin:0 auto;padding:72px 0 120px}.about-reference img{width:100%;height:auto;display:block}@media (width<=780px){.about-reference{width:100%;padding:0}.about-reference img{transform-origin:0 0;min-width:920px;margin-bottom:-40%;transform:scale(.56)}}.about-rebuild{color:#484947;background:#f6f5ef;grid-template-columns:45% 55%;min-height:100svh;padding:84px 3.5vw 100px;font-family:Manrope,Arial,sans-serif;display:grid}.about-art{min-height:950px;position:relative;overflow:hidden}.about-art>img{object-fit:cover;object-position:left top;mix-blend-mode:multiply;width:184%;max-width:none;height:100%;position:absolute;inset:0}.trait-list{z-index:1;flex-direction:column;gap:76px;display:flex;position:absolute;top:42%;right:6%}.trait-list button{color:#9a9c99;transform-origin:0;background:0 0;border:0;padding:0;font:24px Manrope;transition:transform .35s cubic-bezier(.22,1,.36,1),color .35s}.trait-list button:hover{color:#4b4d49;transform:scale(1.5)}.about-details{padding:0 0 0 2.2vw}.about-details>h2{letter-spacing:-.1em;margin:0 0 26px;font-size:clamp(78px,8.4vw,166px);font-style:italic;font-weight:700;line-height:.76}.about-details>h2 em{font-family:Manrope;font-weight:700}.about-glow-content{border-radius:28px;padding:28px 34px 30px}.about-columns{grid-template-columns:1fr 1fr;gap:42px;display:grid}.about-glow-content section{border-left:4px dotted #d7d8d3;padding-left:20px}.about-glow-content h3{letter-spacing:-.05em;margin:0 0 6px;font-size:24px}.about-glow-content p{color:#696b68;margin:0;font-size:16px;line-height:1.75}.work-history{margin-top:52px}.work-history p{margin:0 0 24px}.work-history b{color:#515350;font-size:18px}.skills{margin-top:42px}.tool-row{align-items:center;gap:10px;display:flex}.tool-row span{color:#fff;background:#1c2020;border-radius:8px;place-items:center;min-width:39px;height:39px;padding:0 7px;font:700 13px Manrope;display:grid}.tool-row span:first-child{background:linear-gradient(135deg,#ffca24,#f07813);font-size:26px}.tool-row span:nth-child(2){background:#242323}.tool-row span:nth-child(3){background:#0e3e5d}.tool-row span:nth-child(4){background:#52200e}.tool-row span:nth-child(5){background:#201873}.tool-row span:nth-child(6){background:linear-gradient(135deg,#ff4a33,#fb8d18)}.skills>p{margin-top:14px;font-size:14px}@media (width<=900px){.about-rebuild{padding:70px 20px;display:block}.about-art{min-height:690px}.about-details{padding:40px 0 0}.trait-list{gap:36px;right:5%}.trait-list button{font-size:16px}.about-columns{grid-template-columns:1fr}.about-glow-content{padding:24px 18px}.about-details>h2{font-size:23vw}.about-glow-content h3{font-size:20px}.about-glow-content p{font-size:14px}}.static-border-glow{--glow-x:-500px;--glow-y:-500px;--glow-opacity:0;--glow-color:40 80 80;--radius:28px;--glow-radius:40px;--cone:25deg;--color-a:#c084fc;--color-b:#f472b6;--color-c:#38bdf8}.about-art{background:linear-gradient(145deg,#d7e5e3 0%,#eef0e7 55%,#c8d8d4 100%)}.about-art>img{object-fit:cover;mix-blend-mode:normal;border:1px solid #ffffffb8;width:min(66%,480px);max-width:66%;height:auto;inset:10% auto auto 11%;box-shadow:18px 24px #3f5b551f}.about-art:after{content:"GUAN XIN";letter-spacing:-.08em;color:#202421;font-size:clamp(38px,5vw,86px);position:absolute;bottom:7%;left:10%}.trait-list{gap:64px;top:30%;right:7%}.trait-list button{font-size:clamp(15px,1.5vw,24px)}@media (width<=900px){.about-art>img{width:54%;max-width:330px;left:10%}.about-art:after{font-size:56px}.trait-list{gap:36px;top:28%}}.about-art{justify-content:center;align-items:flex-start;padding:0 24px 205px;display:flex;overflow:hidden}.about-art>img{top:0;left:50%;object-fit:contain;object-position:center top;width:auto;max-width:none;height:155%;box-shadow:none;filter:drop-shadow(15px 20px #495d5426);border:0;transition:transform .55s cubic-bezier(.22,1,.36,1),filter .55s;position:absolute;inset-block-start:0;transform:translate(-50%)scale(1)}.about-art:after{z-index:2;font-size:clamp(42px,5vw,82px);bottom:126px;left:9%}.trait-list{z-index:3;flex-flow:wrap;gap:28px 46px;max-width:86%;display:flex;inset:auto auto 48px 9%}.trait-list button{transform-origin:0;font-size:clamp(13px,1.25vw,19px)}@media (width<=900px){.about-art{padding:0 14px 175px}.about-art>img{height:130%}.about-art:after{bottom:107px}.trait-list{gap:22px 30px;max-width:88%;bottom:30px}.trait-list button{font-size:13px}}.about-echo{z-index:3;min-height:244px;margin:0 0 34px;position:relative;overflow:visible}.about-panel{z-index:1;background:#f6f5ef;border-radius:28px;position:relative}.about-art>img{object-fit:contain;width:auto;max-width:none;height:1500px;transition:none;top:50%;left:50%;transform:translate(-50%,-50%)}.trait-list{gap:42px 68px;max-width:90%;bottom:44px}.trait-list button{border-radius:4px;padding:3px 5px}.trait-list button:hover{color:#fff;background:#617b73;transform:scale(1.5)}.echo-static{letter-spacing:-.1em;color:#484947;text-shadow:10px 0 10px #7dd3fc2e;font:italic 800 clamp(3rem,8vw,7rem)/.8 Manrope,Arial,sans-serif}@media (width<=900px){.about-art>img{height:540px}.trait-list{gap:26px 36px}.about-echo{min-height:224px}}.about-echo.about-warp{height:150px;min-height:150px;margin:0 0 28px;overflow:visible}.about-warp .warp-text{justify-content:flex-start;height:150px!important}.about-warp .warp-glyphs{letter-spacing:.02em;justify-content:flex-start}.about-art{isolation:isolate;background:linear-gradient(130deg,#092045e0,#164d8894 42%,#021330e6),radial-gradient(circle at 22% 74%,#75dfff94,#0000 27%),radial-gradient(circle at 78% 38%,#4c7fff7a,#0000 37%)}.about-art:before{content:"";z-index:-1;background-blend-mode:screen,normal;filter:blur(.2px);opacity:.88;pointer-events:none;background:repeating-linear-gradient(93deg,#cff3ff1a 0 1px,#0612330d 1px 8px,#7ecbff29 8px 11px,#030e2938 11px 18px),linear-gradient(#faffff24,#0000 30%,#030c2333);position:absolute;inset:0}.about-art:after{z-index:2;color:#f5fbffeb;text-shadow:0 2px 20px #65cdff6b}.about-art>img{z-index:1;filter:drop-shadow(18px 25px 24px #00051261)}.trait-list{z-index:3}.trait-list button{color:#e1f1f6ad}.trait-list button:hover{background:#71afc773}@media (width<=900px){.about-echo.about-warp,.about-warp .warp-text{min-height:90px;height:90px!important}.about-warp .warp-glyphs{justify-content:center}}.about-echo,.about-echo .warp-text{min-height:150px;margin:0 0 28px;overflow:visible;height:150px!important}.about-echo .warp-glyphs{letter-spacing:.02em;justify-content:flex-start}.echo-static span{transition:transform .7s cubic-bezier(.18,.78,.24,1),filter .7s;display:inline-block}.about-warp-lines{justify-items:start;gap:0;display:grid}.about-warp-lines .warp-text{min-height:0;margin:0;height:108px!important}.about-warp-lines .warp-glyphs{justify-content:flex-start}.about-art{background:linear-gradient(135deg,#ffffffad,#ffffff24 42%,#d9ebe747),radial-gradient(circle at 20% 75%,#ffffffbf,#0000 34%),#e3eeeb47;border:1px solid #ffffffb8;box-shadow:inset 0 1px #ffffffd9,0 20px 44px #5d736c1a}.about-art:before{z-index:0;background-blend-mode:screen,normal;opacity:.72;filter:blur(.65px);background:repeating-linear-gradient(93deg,#ffffffa6 0 1px,#88a7a117 1px 7px,#ffffff73 7px 11px,#7e9d9714 11px 18px),repeating-linear-gradient(0deg,#ffffff1f 0 22px,#85a49e24 23px 26px)}.about-art>img{z-index:1}.tool-row span{background-position:50%;background-repeat:no-repeat;background-size:72%;border:1px solid #ffffffa6;box-shadow:0 4px 12px #27423d1f;font-size:0!important}.tool-row span:first-child{background-color:#ffb31b;background-image:url(https://cdn.simpleicons.org/sketch/ffffff)}.tool-row span:nth-child(2){background-color:#222;background-image:url(https://cdn.simpleicons.org/figma/ffffff)}.tool-row span:nth-child(3){background-color:#001e36;background-image:url(https://cdn.simpleicons.org/adobephotoshop/31a8ff)}.tool-row span:nth-child(4){background-color:#310000;background-image:url(https://cdn.simpleicons.org/adobeillustrator/ff9a00)}.tool-row span:nth-child(5){background-color:#16035a;background-image:url(https://cdn.simpleicons.org/adobeaftereffects/c9b1ff)}.tool-row span:nth-child(6){background-color:#450d3c;background-image:url(https://cdn.simpleicons.org/adobexd/ff61f6)}.about-art:after{content:none}.about-art:before{z-index:2;mix-blend-mode:screen}.about-warp-lines .warp-glyphs,.echo-static{letter-spacing:.09em}.about-art{box-shadow:none;background:0 0;border:0}.about-art:before{display:none}.about-art>img{filter:drop-shadow(0 18px 26px #342c2124);-webkit-mask-image:radial-gradient(74% 76%,#000 54%,#000000d6 68%,#0000 100%);mask-image:radial-gradient(74% 76%,#000 54%,#000000d6 68%,#0000 100%)}.about-warp-lines .warp-text+.warp-text{transform:translateY(-24px)}.about-art{border-radius:30px;overflow:hidden}.about-art>img{border-radius:30px}.about-art:hover>img{filter:drop-shadow(0 18px 26px #342c2124);transform:translate(-50%,-50%)scale(1.2)}.trait-list{grid-template-columns:max-content max-content;gap:58px 112px;max-width:90%;display:grid}.trait-list button{transform-origin:50%}.trait-list button:hover{transform:scale(1.5)}@media (width<=900px){.trait-list{grid-template-columns:max-content max-content;gap:38px 52px;max-width:92%}}.about-art>img,.about-art:hover>img{transform:translate(-50%,-50%)scale(1)}.about-art:after{content:"";z-index:2;transform-origin:50%;pointer-events:none;background:url(/assets/guanxin-full-DdVHOUSd.jpg) 50%/auto 1500px no-repeat;transition:transform .6s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:scale(1);-webkit-mask-image:radial-gradient(18% 26% at 62% 64%,#000 42%,#000000e6 58%,#0000 100%);mask-image:radial-gradient(18% 26% at 62% 64%,#000 42%,#000000e6 58%,#0000 100%)}.about-art:hover:after{transform:scale(1.2)}.trait-list{white-space:nowrap;z-index:3;flex-flow:row;gap:clamp(30px,3.1vw,72px);max-width:none;display:flex}.trait-list button,.trait-list button:hover{color:#2f5e5a;text-shadow:0 1px 10px #fffc;background:0 0;font-weight:700;transform:none}@media (width<=900px){.about-art:after{background-size:auto 540px;-webkit-mask-image:radial-gradient(20% 29% at 62% 64%,#000 42%,#0000 100%);mask-image:radial-gradient(20% 29% at 62% 64%,#000 42%,#0000 100%)}.trait-list{white-space:normal;flex-flow:wrap;gap:20px 36px}}.about-art:after,.trait-list button:first-child,.trait-list{display:none}.tool-row{gap:12px}.tool-row span,.tool-row:after{box-sizing:border-box;flex:0 0 52px;width:52px;min-width:52px;height:52px;display:block;box-shadow:none!important;background-color:#0000!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:contain!important;border:0!important;border-radius:12px!important}.tool-row span:first-child{background-image:url(/assets/skill-sketch-DQcr5wu2.png)!important}.tool-row span:nth-child(2){background-image:url(/assets/skill-figma-Crve58dT.png)!important}.tool-row span:nth-child(3){background-image:url(/assets/skill-ps-Cgj7nqBh.png)!important}.tool-row span:nth-child(4){background-image:url(/assets/skill-ae-C3BuCoOz.png)!important}.tool-row span:nth-child(5){background-image:url(/assets/skill-ai-small-D3rOg_uF.png)!important}.tool-row:after{content:"";background-image:url(/assets/skill-x-CbWyuWwa.png)!important}@media (width<=900px){.tool-row{gap:8px}.tool-row span,.tool-row:after{flex-basis:40px;width:40px;min-width:40px;height:40px}}.tool-row span:nth-child(6){background-image:url(/assets/skill-openai-BinW6KTk.png)!important}.tool-row:after{background-image:url(/assets/skill-gemini-nGG1YMcF.png)!important}.about-art{cursor:crosshair}.about-art>img{transition:filter .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1)}.about-art:before{content:"";z-index:2;opacity:0;pointer-events:none;mix-blend-mode:screen;background:url(/assets/guanxin-full-DdVHOUSd.jpg) 50%/auto 1500px no-repeat;transition:opacity .16s;display:block;position:absolute;inset:0;transform:translate(0,0);-webkit-mask-image:repeating-linear-gradient(0deg,#000 0 7px,#0000 7px 15px);mask-image:repeating-linear-gradient(0deg,#000 0 7px,#0000 7px 15px)}.about-art:hover:before{opacity:.62;animation:.75s steps(7,end) infinite photo-decay}.about-art:hover>img{filter:contrast(1.06)saturate(.9)blur(.35px)}@keyframes photo-decay{0%{clip-path:inset(0);transform:translate(0,0)}25%{clip-path:inset(3% 0 8%);transform:translate(-12px,4px)}50%{clip-path:inset(11% 0 2%);transform:translate(10px,-5px)}75%{clip-path:inset(2% 0 14%);transform:translate(-6px,8px)}to{clip-path:inset(0);transform:translate(0,0)}}@media (prefers-reduced-motion:reduce){.about-art:hover:before{animation:none}.about-art:hover>img{filter:none}}.about-art{--mesh-x:0deg;--mesh-y:0deg;cursor:grab;perspective:1100px}.about-art:active{cursor:grabbing}.about-art:before{z-index:2;opacity:0;mix-blend-mode:soft-light;background:radial-gradient(circle at 34% 22%,#ffffff80,#0000 24%),linear-gradient(115deg,#4f46e533,#0000 38%,#0ea5e93d);transition:opacity .4s;display:block;transform:none;-webkit-mask-image:none;mask-image:none}.about-art:hover:before,.about-art.is-meshing:before{opacity:1;animation:none}.about-art>img,.about-art:hover>img{filter:contrast(1.02)saturate(1.02);transform:translate(-50%,-50%) rotateY(var(--mesh-x)) rotateX(var(--mesh-y)) scale(1.025);transform-style:preserve-3d;transition:transform .45s cubic-bezier(.22,1,.36,1),filter .45s}.about-art.is-meshing>img{filter:contrast(1.06)saturate(1.08);transition-duration:.12s}@media (prefers-reduced-motion:reduce){.about-art>img,.about-art:hover>img{transform:translate(-50%,-50%)}.about-art:before{display:none}}.project-card:before{content:"";z-index:0;background:50%/cover no-repeat;transition:transform .8s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.project-card:hover:before{transform:scale(1.045)}.project-card img{opacity:0!important}.project-cyan:before{background-image:url(/assets/project-membership-CMkoTS4x.jpg)}.project-violet:before{background-image:url(/assets/project-vouchers-j2v9n7hJ.jpg)}.project-silver:before{background-image:url(/assets/dark-01-cover-DALfla5s.jpg)}.editable-project{background:#fff;height:min(56vw,620px);min-height:490px}.editable-project:before{display:none}.project-canvas{isolation:isolate;height:100%;padding:clamp(26px,4vw,66px);font-family:Manrope,Arial,sans-serif;position:relative;overflow:hidden}.project-canvas [contenteditable]{cursor:text;outline:0}.pdd-mark{letter-spacing:-.08em;font-size:clamp(16px,1.8vw,28px);font-weight:800}.pdd-mark:before{content:"▦";color:#fff;background:#e83628;border-radius:.22em;place-items:center;width:1.1em;height:1.1em;margin-right:.28em;font-size:.85em;display:inline-grid}.project-copy{z-index:2;max-width:53%;margin-top:clamp(72px,10vw,150px);position:relative}.project-copy p{letter-spacing:-.07em;margin:0;font-size:clamp(28px,4vw,60px);font-weight:800;display:inline}.project-copy h2{letter-spacing:-.1em;margin:0;font-size:clamp(28px,4vw,60px);font-weight:800;line-height:1;display:inline}.project-copy small{color:#71706b;margin-top:16px;font-size:clamp(10px,1.2vw,17px);line-height:1.5;display:block}.project-canvas footer{z-index:3;color:#575852;font-size:clamp(10px,1vw,15px);position:absolute;bottom:clamp(24px,3vw,54px);left:clamp(26px,4vw,66px)}.project-stats{gap:clamp(22px,4vw,68px);margin-top:clamp(52px,9vw,122px);display:flex}.project-stats b{letter-spacing:-.1em;font-size:clamp(26px,4vw,58px)}.project-stats i{letter-spacing:0;margin-top:8px;font-size:clamp(10px,1vw,15px);font-style:normal;font-weight:500;display:block}.member-canvas{background:radial-gradient(circle at 75% 25%,#ffe9a8,#0000 29%),linear-gradient(115deg,#fffefa,#fff8e9 58%,#fff0cb)}.phone-pair{z-index:2;width:42%;height:90%;position:absolute;bottom:-12%;right:7%}.ui-phone{background:#f5f4ef;border:4px solid #151515;border-radius:clamp(18px,2vw,30px);width:42%;height:80%;padding:2.4% 2%;position:absolute;transform:rotate(-10deg);box-shadow:14px 16px 22px #1b162744}.phone-island{background:#111;border-radius:99px;width:28%;height:2.5%;margin:2% auto 5%}.phone-screen{white-space:pre-line;color:#8c4900;background:linear-gradient(#ffdc50,#fff1ad 38%,#ff2e62 39%,#fff8f0 40%);border-radius:12px;height:88%;padding:14% 7%;font-size:clamp(10px,1.25vw,17px);font-weight:800;line-height:1.65}.member-back{filter:brightness(.72);bottom:0;right:32%;transform:rotate(-14deg)}.member-front{bottom:6%;right:0;transform:rotate(8deg)}.voucher-canvas{background:linear-gradient(105deg,#fffdfb 36%,#ffe3e6)}.voucher-canvas .project-copy h2{color:#ff245c}.voucher-disc{z-index:0;color:#ff245c;font-size:min(52vw,660px);font-weight:900;line-height:.8;position:absolute;top:24%;right:-6%}.voucher-phones{bottom:-5%;right:5%}.voucher-back{bottom:0;right:38%;transform:rotate(0)}.voucher-front{bottom:9%;right:0;transform:rotate(0)}.voucher-front .phone-screen{color:#9a2739;background:linear-gradient(#ff285f,#ff7993 26%,#fff4df 27%,#fff 100%)}.dark-canvas{color:#fff;background:radial-gradient(circle at 70% 58%,#57224c,#0000 38%),linear-gradient(105deg,#05060a 5%,#0c0922 54%,#321130)}.dark-canvas .pdd-mark:before{background:#e83628}.dark-canvas .project-copy small,.dark-canvas footer{color:#aaa8b4}.dark-word{color:#83799b18;letter-spacing:-.1em;font-size:min(20vw,250px);font-weight:900;line-height:.88;position:absolute;top:37%;left:5%}.dark-phone{z-index:2;width:32%;height:88%;position:absolute;bottom:-10%;right:19%}.dark-phone .ui-phone{background:#15161b;width:100%;height:100%;padding:3%;position:relative;transform:rotate(-2deg)}.dark-screen .phone-screen{color:#7fdf4d;background:linear-gradient(150deg,#121a26,#253846 58%,#121216)}@media (width<=780px){.editable-project{height:118vw;min-height:450px}.project-copy{max-width:68%;margin-top:70px}.project-stats{gap:18px;margin-top:64px}.phone-pair{width:55%;height:74%;right:2%}.dark-phone{width:42%;height:70%;right:16%}.project-canvas footer{max-width:78%}.voucher-disc{font-size:58vw}}.work-intro{justify-content:space-between;align-items:end;gap:32px;padding:52px 0 34px;display:flex}.work-intro h2{letter-spacing:-.09em;margin:0;font-size:clamp(45px,5.8vw,98px);font-weight:650;line-height:.78}.work-intro h2 em{font-family:Playfair Display,Georgia,serif;font-weight:500}.work-intro p{color:#737972;max-width:230px;margin:0 0 5px;font-size:13px;line-height:1.6}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:26px;display:grid}.work-grid .editable-project{border:1px solid #2024211f;border-radius:28px;height:clamp(430px,39vw,620px);min-height:0;margin:0;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s cubic-bezier(.22,1,.36,1),border-color .4s;transform:translateY(0);box-shadow:0 1px 2px #0000000a}.work-grid .editable-project:hover{border-color:#20242138;transform:translateY(-6px);box-shadow:0 18px 30px -16px #161d1847}.work-grid .editable-project:nth-child(2n){margin-top:72px}.work-grid .project-canvas{padding:clamp(22px,3vw,46px)}.work-grid .project-copy{max-width:64%;margin-top:clamp(62px,7vw,108px)}.work-grid .project-copy p,.work-grid .project-copy h2{font-size:clamp(25px,3.15vw,48px)}.work-grid .project-copy small{margin-top:12px;font-size:clamp(10px,.96vw,14px)}.work-grid .project-stats{gap:clamp(16px,2.1vw,36px);margin-top:clamp(40px,6vw,76px)}.work-grid .project-stats b{font-size:clamp(23px,2.8vw,42px)}.work-grid .project-stats i{margin-top:5px;font-size:clamp(9px,.76vw,12px)}.work-grid .phone-pair{width:49%;height:78%;right:2%}.work-grid .dark-phone{width:38%;height:76%;right:13%}.work-grid .project-canvas footer{font-size:clamp(8px,.76vw,12px);bottom:clamp(18px,2vw,32px);left:clamp(22px,3vw,46px)}.work-grid .voucher-disc{font-size:min(49vw,520px)}.ui-canvas{color:#181a18;background:radial-gradient(circle at 82% 18%,#d8efeb,#0000 30%),linear-gradient(135deg,#f4f6ef,#dfe7e1)}.ui-kicker{z-index:2;letter-spacing:.06em;font:10px DM Mono,monospace;position:relative}.ui-board{z-index:2;width:52%;height:57%;position:absolute;bottom:7%;right:5%;transform:rotate(-7deg)}.ui-panel{background:#ffffffd6;border:1px solid #192a251f;border-radius:clamp(12px,1.3vw,20px);padding:clamp(10px,1.25vw,18px);position:absolute;overflow:hidden;box-shadow:0 14px 28px #36534821}.ui-panel b{font-size:clamp(10px,1vw,15px);display:block}.ui-panel span{color:#7d8984;font-size:clamp(8px,.74vw,11px);line-height:1.5;display:block}.panel-profile{background:linear-gradient(140deg,#fff9f0,#fff);width:62%;height:48%;top:0;left:0}.panel-profile i{aspect-ratio:1;background:radial-gradient(circle at 35% 28%,#fff 0 8%,#0000 9%),linear-gradient(135deg,#ffce67,#ff6b6f);border-radius:50%;width:43%;margin:9% auto 0;display:block}.panel-list{color:#fff;background:#191d1b;width:46%;height:66%;top:9%;right:0}.panel-list span{opacity:.85;background:linear-gradient(90deg,#f6f5ef 35%,#59635f 35%);border-radius:99px;height:10%;margin-top:14%}.panel-chart{width:55%;height:44%;bottom:0;left:10%}.chart-bars{align-items:end;gap:7%;height:55%;padding-top:7%;display:flex}.chart-bars i{background:#7db4a3;border-radius:6px 6px 0 0;flex:1;display:block}.chart-bars i:nth-child(2){height:76%}.chart-bars i:nth-child(3){height:45%}.chart-bars i:nth-child(4){background:#ffca70;height:92%}.chart-bars i:nth-child(5){height:60%}.panel-chip{background:#fff7f4;width:48%;height:36%;bottom:-5%;right:0}.panel-chip em{color:#36443e;background:#e9eeea;border-radius:99px;margin:9% 4% 0 0;padding:5px 7px;font:clamp(7px,.64vw,10px) DM Mono,monospace;display:inline-block}.ui-canvas footer{color:#596860}@media (width<=780px){.work-intro{align-items:flex-end;padding:38px 0 25px}.work-intro p{max-width:142px;font-size:10px}.work-grid{grid-template-columns:1fr;gap:16px}.work-grid .editable-project,.work-grid .editable-project:nth-child(2n){border-radius:22px;height:116vw;min-height:430px;margin:0}.work-grid .project-copy{max-width:70%;margin-top:64px}.work-grid .phone-pair{width:58%;height:74%}.work-grid .dark-phone{width:45%;height:70%}.ui-board{width:60%;height:53%}}.membership-photo{background:#fff7e6}.membership-photo .project-cover{z-index:0;object-fit:contain;width:100%;height:100%;position:absolute;inset:0;opacity:1!important}.membership-photo .project-copy{z-index:2}.membership-photo .project-copy h2{color:#3d2b09;text-shadow:0 1px #ffffffbf}.membership-photo .project-copy small{color:#655d4d;max-width:30ch}.pdd-brand{z-index:3;color:#1a1a18;letter-spacing:-.08em;align-items:center;gap:10px;font-size:clamp(16px,1.55vw,24px);font-weight:800;display:flex;position:absolute;top:clamp(22px,3vw,46px);left:clamp(22px,3vw,46px)}.pdd-brand img{object-fit:contain;display:block;width:clamp(28px,2.3vw,38px)!important;min-width:0!important;height:clamp(28px,2.3vw,38px)!important;box-shadow:none!important;opacity:1!important;background:0 0!important;border:0!important;border-radius:9px!important;padding:0!important}.work-grid .project-card:has(.membership-photo){aspect-ratio:auto;height:clamp(430px,39vw,620px);min-height:0}.work-grid .project-card:has(.membership-photo) .project-copy{max-width:48%;margin-top:clamp(88px,10vw,154px)}@media (width<=780px){.work-grid .project-card:has(.membership-photo){aspect-ratio:auto;height:116vw;min-height:430px}.work-grid .project-card:has(.membership-photo) .project-copy{max-width:55%;margin-top:18%}.pdd-brand{gap:7px}.pdd-brand img{border-radius:7px!important}}.scene-hero:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#f6f5ef00 0%,#f6f5ef3d 34%,#f6f5efb8 70%,#f6f5ef 100%);height:clamp(240px,34vh,430px);position:absolute;bottom:0;left:0;right:0}.scene-hero .hero-content{z-index:2}.scene-hero .hero-foot{z-index:3}.about-rebuild{background:#f6f5ef;margin-top:0;padding-top:84px;position:relative}.about-rebuild:before{display:none}.about-rebuild>.about-art,.about-rebuild>.about-details{z-index:1;position:relative}@media (width<=900px){.scene-hero:after{height:30vh;min-height:210px}.about-rebuild{background:#f6f5ef;margin-top:0;padding-top:70px}}@media (width<=780px){.work-intro{padding:38px 0 25px}.work-grid{gap:14px}.work-grid .case-card,.work-grid .case-card:nth-child(2n){border-radius:22px;height:112vw;min-height:410px;margin:0}.case-top{top:18px;left:18px;right:18px}.case-visual{inset:58px 18px 124px}.case-copy{bottom:19px;left:18px;right:18px}.case-copy small{font-size:10px}.member-symbol,.voucher-symbol,.dark-symbol,.ui-symbol{width:min(52vw,250px)}}.case-dark .case-copy,.case-dark .case-copy h2{color:#202421}@media (width<=780px){.work-grid .index-case,.work-grid .index-case:nth-child(2n){grid-template-columns:66px minmax(0,1fr);gap:16px;padding:27px 0 31px!important}.case-index-no{padding-top:4px;font-size:46px}.case-index-copy h2{font-size:31px}.case-index-copy small{font-size:12px}.work-grid .index-case:hover .case-index-copy{transform:none}}@media (width<=780px){.work-intro{padding:38px 0 32px!important}.work-grid{max-width:100%!important}.work-grid .index-case,.work-grid .index-case:nth-child(2n){justify-content:start;grid-template-columns:max-content minmax(0,1fr)!important;gap:12px!important}.case-index-no{font-size:42px!important}.case-index-copy h2{font-size:30px!important}}@media (width<=780px){.work-intro,.work-intro h2{text-align:left!important}.case-index-no{font-size:70px!important;line-height:.75!important}}@media (width<=900px){.case-board{grid-template-columns:1fr;gap:38px}.case-board-side{min-height:165px}.case-board .work-grid{width:100%;max-width:660px!important;margin:auto!important}.case-board-side h2{font-size:70px}}@media (width<=580px){.projects{padding-top:34px!important}.case-board{padding:24px 18px}.case-board-side{min-height:135px}.case-board-side h2{font-size:58px}.case-board .work-grid{gap:7px}.case-board .contents-card{padding:14px!important}.contents-copy h2{font-size:18px}.contents-copy p{font-size:8px}.contents-copy small{display:none}}@media (width<=900px){.about-echo{margin-left:23px!important}}@media (width<=900px){.case-board{width:100%;margin-left:0}}@keyframes case-liquid-drift{0%{transform:translate(-3%,-2%)rotate(-4deg)scale(1)}to{transform:translate(4%,3%)rotate(5deg)scale(1.08)}}@keyframes case-liquid-orbit{0%{transform:translate(-5%,4%)scale(.95)}to{transform:translate(6%,-5%)scale(1.12)}}@media (prefers-reduced-motion:reduce){.case-liquid,.case-liquid:before,.case-liquid:after{animation:none}}@media (width<=580px){.projects{padding-top:0!important}}@media (width>=901px){.about-art>img,.about-art:hover>img{top:auto!important;left:-12%!important;bottom:var(--portrait-baseline-offset,12.6%)!important;height:1500px!important;transform:rotateY(var(--mesh-x)) rotateX(var(--mesh-y)) scale(.82)!important;transform-origin:0 100%!important}}@media (width>=1701px){.about-rebuild{grid-template-columns:45% 55%;column-gap:0;width:100%;max-width:1700px;margin-left:auto;margin-right:auto;padding-left:60px;padding-right:60px}.about-details{padding-left:60px}}@keyframes static-warp-idle{0%,to{transform:translate(0,0)skew(0)}35%{transform:translateY(-3px)skew(-.45deg)}70%{transform:translateY(2px)skew(.35deg)}}@media (prefers-reduced-motion:reduce){.fallback-warp:not(.is-warping)>span{animation:none}}@media (pointer:fine){body,body *{cursor:var(--portfolio-cursor),auto!important}}@keyframes membership-phone-breathe{0%,to{filter:drop-shadow(0 0 #5c431400);transform:translateY(0)scale(1)}50%{filter:drop-shadow(0 17px 18px #5c431433);transform:translateY(-8px)scale(1.012)}}@media (prefers-reduced-motion:reduce){.membership-phone-pair{animation:none}}@media (width<=900px){.membership-spread{width:100%;margin-left:0}}@media (width<=900px){.voucher-spread{width:100%;margin-left:0}.voucher-spread-dark{width:100vw;margin-left:calc(50% - 50vw)}}@media (width<=900px){.dark-gallery{width:100vw;margin-left:calc(50% - 50vw)}}@media (width<=900px){.ui-gallery{width:100vw;margin-left:calc(50% - 50vw)}}@media (width<=780px){.back-to-top{width:44px;height:44px;bottom:16px;right:16px}.back-to-top span{font-size:26px}}@media (width<=780px){.contact-content .hero-letters{width:76%;font-size:18px;top:21%}.contact-content .contact-letters{grid-template-columns:repeat(7,1fr);gap:5px;width:88%;left:auto}.contact-content .contact-letters span:nth-child(5){grid-column:3}.contact-content .apple-wrap{width:80vw;top:31%;left:50%}.contact-title{top:50%;left:0;transform:translateY(-50%)}.contact-title,.contact-title .warp-text{height:200px!important}.contact-foot{bottom:18px;left:0;right:0}.contact-details{gap:10pt;font-size:11px}.wechat-qr img{width:92px}}.work-intro{padding:54px 0 34px;display:block}.work-intro h2,.work-intro h2 span{font-family:Manrope,Arial,sans-serif!important;font-style:normal!important;font-weight:650!important}.work-intro h2 span{display:block}.work-grid{gap:18px}.work-grid .case-card{height:clamp(430px,38vw,610px);min-height:0;box-shadow:none;background:#f2f3ec;border:1px solid #20242121;border-radius:26px;margin:0;transition:transform .38s cubic-bezier(.22,1,.36,1),box-shadow .38s;position:relative;overflow:hidden}.work-grid .case-card:nth-child(2n){margin-top:56px}.work-grid .case-card:after{display:none}.work-grid .case-card:hover{transform:translateY(-5px);box-shadow:0 18px 28px -20px #20242159}.case-top{z-index:3;color:#555c54;justify-content:space-between;align-items:center;font:10px DM Mono,monospace;display:flex;position:absolute;top:24px;left:26px;right:26px}.case-icon{color:#1d231e;background:#ffffffb3;border:1px solid #19201b29;border-radius:11px;place-items:center;width:36px;height:36px;font:700 16px Manrope;display:grid}.case-icon img{object-fit:contain;width:25px;height:25px;opacity:1!important}.case-visual{place-items:center;display:grid;position:absolute;inset:64px 26px 135px}.case-copy{z-index:3;position:absolute;bottom:25px;left:26px;right:26px}.case-copy [contenteditable]{cursor:text;outline:0}.case-copy p{color:#747a73;letter-spacing:.04em;margin:0 0 10px;font:10px DM Mono,monospace}.case-copy h2{letter-spacing:-.075em;margin:0;font-size:clamp(25px,2.45vw,39px);font-weight:650;line-height:1}.case-copy small{color:#697068;max-width:80%;margin-top:10px;font-size:12px;line-height:1.45;display:block}.case-copy>b{font-size:22px;font-weight:400;position:absolute;bottom:0;right:0}.case-membership{background:linear-gradient(140deg,#fbf4db,#f3e2a9)}.member-symbol{aspect-ratio:1;background:radial-gradient(circle at 45% 32%,#fff9df,#f5c64d 54%,#dfa530);border-radius:50%;place-items:center;width:min(20vw,280px);display:grid;position:relative;box-shadow:inset 0 0 0 14px #ffffff59,0 22px 46px #a5761e33}.member-symbol img{border-radius:7px;width:18%;height:18%;position:absolute;top:12%;left:12%;opacity:1!important}.member-symbol b{letter-spacing:-.1em;color:#8e5c00;font-size:clamp(48px,6vw,94px)}.member-symbol span{color:#815d17;font:10px DM Mono,monospace;position:absolute;bottom:18%}.case-voucher{background:linear-gradient(140deg,#fff3f1,#ffe1e4)}.voucher-symbol{aspect-ratio:1;color:#fff;background:#ff315f;border-radius:50%;place-items:center;width:min(21vw,290px);display:grid;position:relative;box-shadow:0 22px 44px #e1345d33}.voucher-symbol:before,.voucher-symbol:after{content:"";background:#ffffff70;width:1px;position:absolute;top:12%;bottom:12%}.voucher-symbol:before{left:31%}.voucher-symbol:after{right:31%}.voucher-symbol b{font-size:clamp(80px,11vw,160px);font-weight:500;line-height:.7}.voucher-symbol span{font:700 12px Manrope;position:absolute;bottom:19%}.voucher-symbol i{color:#ed2958;background:#fff;border-radius:99px;padding:7px 10px;font:9px DM Mono,monospace;position:absolute}.voucher-symbol i:first-of-type{top:11%;right:-9%}.voucher-symbol i:nth-of-type(2){bottom:9%;left:-13%}.dark-symbol{aspect-ratio:1;background:linear-gradient(145deg,#17212c,#0d1016);border:1px solid #a2a9ba45;border-radius:22px;width:min(21vw,300px);position:relative;overflow:hidden;box-shadow:0 18px 38px #0004}.dark-symbol:before{content:"";opacity:.65;background-color:#0000;background-image:linear-gradient(90deg,#0000 49%,#7c879340 50%),linear-gradient(#7c879340 50%,#0000 51%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:25% 25%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:12%}.route{border:2px solid #0000;border-color:#54d661 #0000 #0000 #54d661;border-radius:70% 30% 0 0;width:66%;height:38%;position:absolute;transform:rotate(20deg)}.route-a{top:29%;left:14%}.route-b{border-color:#c476e9 #0000 #0000 #c476e9;top:41%;left:31%;transform:rotate(200deg)scale(.72)}.dark-symbol span,.dark-symbol b{color:#7cf683;background:#1d2a2b;border-radius:7px;padding:6px 8px;font:9px DM Mono,monospace;position:absolute}.dark-symbol span{top:12%;left:12%}.dark-symbol b{color:#dcd6e7;bottom:11%;right:10%}.case-ui{background:linear-gradient(140deg,#e9f1ee,#d8e4df)}.ui-symbol{aspect-ratio:1;grid-template-columns:repeat(2,1fr);gap:10px;width:min(19vw,260px);display:grid;position:relative}.ui-symbol i{background:#f9fbf8;border:1px solid #2b493f21;border-radius:22px;box-shadow:0 12px 22px #2f50441a}.ui-symbol i:nth-child(2){background:#202824}.ui-symbol i:nth-child(3){background:#f6cc70}.ui-symbol i:nth-child(4){background:#b7d8cf}.ui-symbol b{aspect-ratio:1;color:#203028;background:#f7faf7;border-radius:50%;place-items:center;width:38%;font-size:clamp(16px,1.8vw,26px);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 5px 14px #29463a29}@media (width<=780px){.work-intro{padding:38px 0 25px}.work-grid{gap:14px}.work-grid .case-card,.work-grid .case-card:nth-child(2n){border-radius:22px;height:112vw;min-height:410px;margin:0}.case-top{top:18px;left:18px;right:18px}.case-visual{inset:58px 18px 124px}.case-copy{bottom:19px;left:18px;right:18px}.case-copy small{font-size:10px}.member-symbol,.voucher-symbol,.dark-symbol,.ui-symbol{width:min(52vw,250px)}}.work-grid .case-card{filter:grayscale(.78)saturate(.48)brightness(.97);box-shadow:none}.work-grid .case-card:hover{filter:grayscale(0)saturate()brightness();box-shadow:0 18px 28px -20px #20242159}.case-icon{color:#29302b;background:0 0;border-radius:10px;position:relative}.case-icon:before,.case-icon:after{content:"";box-sizing:border-box;position:absolute}.icon-membership:before{border:1.5px solid;border-radius:50%;width:12px;height:12px;top:8px;left:11px}.icon-membership:after{border:1.5px solid;border-bottom:0;border-radius:12px 12px 0 0;width:18px;height:9px;bottom:8px;left:8px}.icon-voucher:before{border:1.5px solid;border-radius:4px;inset:10px 7px}.icon-voucher:after{border-left:1.5px dashed;top:11px;bottom:11px;left:17px}.icon-dark:before{border:1.5px solid;border-radius:4px;inset:9px}.icon-dark:after{border:1.5px solid #0000;border-color:currentColor #0000 #0000 currentColor;border-radius:7px 0 0;width:14px;height:8px;top:14px;left:11px;transform:rotate(22deg)}.icon-ui:before{border:1.5px solid;width:7px;height:7px;top:9px;left:9px;box-shadow:10px 0 0 -1.5px #0000,10px 0,0 10px 0 -1.5px #0000,0 10px,10px 10px 0 -1.5px #0000,10px 10px}.icon-ui:after{display:none}.case-dark{background:linear-gradient(140deg,#f0edf1,#e4dfe6)}.case-dark .case-top,.case-dark .case-copy p,.case-dark .case-copy small{color:#636067}.case-dark .case-icon{color:#2a2630;background:0 0;border-color:#201c242e}.case-dark .case-copy,.case-dark .case-copy h2{color:#202421}.case-top{align-items:flex-start}.case-top>span{letter-spacing:.08em;color:#373d37;padding-top:8px;font-family:DIN Condensed,DIN Alternate,Arial Narrow,Manrope,sans-serif;font-size:clamp(46px,5vw,78px);font-weight:500;line-height:.72}.about-art>img,.about-art:hover>img{filter:grayscale()contrast(1.08)brightness(1.03)!important}.work-grid{border-top:1px solid #20242138;max-width:1180px;margin:0 auto;display:block}.work-grid .index-case,.work-grid .index-case:nth-child(2n){grid-template-columns:clamp(92px,12vw,164px) minmax(0,1fr);align-items:start;gap:clamp(18px,3.1vw,58px);height:auto!important;min-height:0!important;box-shadow:none!important;filter:none!important;background:0 0!important;border:0!important;border-bottom:1px solid #20242138!important;border-radius:0!important;margin:0!important;padding:clamp(27px,3.1vw,48px) 0 clamp(30px,3.5vw,54px)!important;transition:opacity .34s!important;display:grid!important;overflow:visible!important;transform:none!important}.work-grid .index-case:before,.work-grid .index-case:after{content:none!important;display:none!important}.case-index-no{letter-spacing:.09em;color:#4a5049;padding-top:6px;font-family:DIN Condensed,DIN Alternate,Arial Narrow,Manrope,sans-serif;font-size:clamp(54px,6.2vw,102px);font-weight:500;line-height:.75;display:block}.case-index-copy{z-index:1;min-width:0;transition:transform .34s cubic-bezier(.22,1,.36,1);position:relative}.case-index-copy [contenteditable]{cursor:text;outline:0}.case-index-copy p{color:#5f675f;letter-spacing:.1em;margin:0 0 clamp(10px,1.1vw,16px);font:500 clamp(10px,.82vw,13px)/1.2 DM Mono,monospace}.case-index-copy h2{color:#202421;letter-spacing:-.08em;margin:0;font-size:clamp(32px,4vw,66px);font-weight:650;line-height:.93}.case-index-copy small{color:#727970;max-width:720px;margin-top:clamp(13px,1.35vw,21px);font-size:clamp(13px,1.15vw,18px);line-height:1.45;display:block}.work-grid:has(.index-case:hover) .index-case{opacity:.32}.work-grid:has(.index-case:hover) .index-case:hover{opacity:1}.work-grid .index-case:hover .case-index-copy{transform:translate(10px)}@media (width<=780px){.work-grid .index-case,.work-grid .index-case:nth-child(2n){grid-template-columns:66px minmax(0,1fr);gap:16px;padding:27px 0 31px!important}.case-index-no{padding-top:4px;font-size:46px}.case-index-copy h2{font-size:31px}.case-index-copy small{font-size:12px}.work-grid .index-case:hover .case-index-copy{transform:none}}.about-art>img,.about-art:hover>img{object-fit:cover!important;object-position:center top!important;mix-blend-mode:normal!important;transform-origin:top!important;filter:none!important;width:100%!important;max-width:none!important;height:100%!important;inset:0!important;transform:translate(8%)scale(.8)!important}.work-intro h2{letter-spacing:-.09em!important;font-size:clamp(48px,6vw,98px)!important;line-height:.84!important}.work-grid{max-width:900px!important}.work-grid .index-case,.work-grid .index-case:nth-child(2n){justify-content:center;grid-template-columns:max-content minmax(0,650px)!important;gap:clamp(16px,1.8vw,28px)!important}.case-index-no{justify-self:end;letter-spacing:.04em!important;padding-top:8px!important;font-size:clamp(46px,5.3vw,82px)!important}.case-index-copy{text-align:left}.case-index-copy p,.case-index-copy h2,.case-index-copy small{text-align:left;margin-left:0!important;margin-right:0!important}.case-index-copy small{max-width:680px}@media (width<=780px){.work-intro{padding:38px 0 32px!important}.work-grid{max-width:100%!important}.work-grid .index-case,.work-grid .index-case:nth-child(2n){justify-content:start;grid-template-columns:max-content minmax(0,1fr)!important;gap:12px!important}.case-index-no{font-size:42px!important}.case-index-copy h2{font-size:30px!important}}.about-art>img,.about-art:hover>img{object-fit:contain!important;object-position:center!important;mix-blend-mode:normal!important;width:auto!important;max-width:none!important;height:1500px!important;transform:translate(-50%,-50%) rotateY(var(--mesh-x)) rotateX(var(--mesh-y)) scale(1.025)!important;transform-origin:50%!important;filter:grayscale()contrast(1.08)brightness(1.03)!important;inset:50% auto auto 50%!important}.work-intro{text-align:left!important;padding:54px 0 46px!important}.work-intro h2{text-align:left!important}.work-grid .index-case,.work-grid .index-case:nth-child(2n){grid-template-columns:max-content minmax(0,650px)!important;align-items:start!important;gap:clamp(14px,1.6vw,24px)!important}.case-index-no{place-self:start end;letter-spacing:.02em!important;padding-top:0!important;font-size:clamp(76px,8.1vw,126px)!important;line-height:.75!important}@media (width<=780px){.work-intro,.work-intro h2{text-align:left!important}.case-index-no{font-size:70px!important;line-height:.75!important}}.work-grid{border-top:0!important}.work-grid .index-case,.work-grid .index-case:nth-child(2n){border-bottom:0!important}.case-index-no{transform:translateY(12px);letter-spacing:-.04em!important;padding-top:0!important;font-family:Playfair Display,Georgia,serif!important;font-weight:500!important}.projects{margin-top:-1px;padding-top:0!important}.case-board{background:#e9e9e9;border-radius:0;grid-template-columns:1.06fr .94fr;min-height:clamp(540px,46vw,690px);padding:clamp(28px,3.2vw,54px);display:grid;overflow:hidden}.case-board-side{color:#090909;flex-direction:column;justify-content:space-between;padding:0 0 clamp(3px,.7vw,10px);display:flex}.case-board-side>p{letter-spacing:-.02em;margin:0;font-size:clamp(10px,.8vw,13px)}.case-board-side>div{align-items:flex-start;gap:clamp(14px,1.8vw,27px);display:flex}.case-board-side h2{letter-spacing:-.1em;margin:0;font-size:clamp(57px,6.3vw,104px);font-weight:700;line-height:.77}.case-board-side span{aspect-ratio:1;border:1px solid #181818;border-radius:50%;place-items:center;width:clamp(35px,3vw,49px);margin-top:clamp(5px,.7vw,10px);font-size:clamp(17px,1.4vw,24px);display:grid}.case-board .work-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:10px;border:0!important;max-width:none!important;margin:0!important;display:grid!important}.case-board .contents-card,.case-board .contents-card:nth-child(2n){aspect-ratio:1.02;flex-direction:column;justify-content:space-between;position:relative;height:auto!important;min-height:0!important;box-shadow:none!important;filter:none!important;opacity:1!important;background:#dedede!important;border:0!important;border-radius:10px!important;margin:0!important;padding:clamp(17px,2vw,30px)!important;transition:background .28s,transform .28s cubic-bezier(.22,1,.36,1)!important;display:flex!important;overflow:hidden!important;transform:none!important}.case-board .contents-card:before,.case-board .contents-card:after{content:none!important;display:none!important}.case-board .contents-card:hover{background:#d9e2d3!important;transform:translateY(-4px)!important}.contents-no{color:#050505;letter-spacing:-.06em;font-family:Manrope,Arial,sans-serif;font-size:clamp(30px,3.3vw,54px);font-weight:800;line-height:.8;display:block}.contents-copy{color:#090909;margin-top:auto}.contents-copy [contenteditable]{cursor:text;outline:0}.contents-copy h2{color:inherit;letter-spacing:-.07em;margin:0;font-size:clamp(20px,2vw,33px);font-weight:750;line-height:1.05}.contents-copy p{color:inherit;letter-spacing:-.035em;white-space:nowrap;text-overflow:ellipsis;margin:4px 0 8px;font-size:clamp(10px,.9vw,14px);line-height:1.25;overflow:hidden}.contents-copy i{background:#8c8c8c;width:100%;height:1px;margin:0 0 9px;display:block}.contents-copy small{color:#555;font-size:clamp(8px,.66vw,11px);line-height:1.2;display:block}@media (width<=900px){.case-board{grid-template-columns:1fr;gap:38px}.case-board-side{min-height:165px}.case-board .work-grid{width:100%;max-width:660px!important;margin:auto!important}.case-board-side h2{font-size:70px}}@media (width<=580px){.projects{padding-top:34px!important}.case-board{padding:24px 18px}.case-board-side{min-height:135px}.case-board-side h2{font-size:58px}.case-board .work-grid{gap:7px}.case-board .contents-card{padding:14px!important}.contents-copy h2{font-size:18px}.contents-copy p{font-size:8px}.contents-copy small{display:none}}.case-board{background:0 0!important}.case-board-side{color:#484947!important}.case-board-side h2,.case-board-side>p{color:#484947!important;font-family:Manrope,Arial,sans-serif!important}.case-board-side span{color:#484947;border-color:#484947}.about-echo .warp-glyphs,.echo-static{font-family:Manrope,Arial,sans-serif!important;font-style:normal!important}.about-echo{margin-left:39px!important}.about-echo .warp-glyphs,.echo-static{filter:drop-shadow(7px 0 10px #94be9c29);text-shadow:9px 0 14px #89b59138!important;font-size:clamp(57px,6.3vw,104px)!important;font-weight:700!important;line-height:.77!important}@media (width<=900px){.about-echo{margin-left:23px!important}}.case-board{width:110%;margin-left:-5%}.case-board .contents-card,.case-board .contents-card:nth-child(2n){background:#9ea29d1a!important}.case-board .contents-card:hover{background:#d9e2d3!important}.contents-membership{cursor:pointer}.contents-membership:focus-visible{outline-offset:4px;outline:2px solid #769b76}@media (width<=900px){.case-board{width:100%;margin-left:0}}.case-board{isolation:isolate;position:relative}.case-board-side,.case-board .work-grid{z-index:1;position:relative}.case-liquid{z-index:0;pointer-events:none;opacity:.4;filter:blur(24px)saturate(.9);background:radial-gradient(34% 28% at 27% 36%,#cdaf4c94,#0000 72%),radial-gradient(32% 38% at 71% 53%,#749b768a,#0000 72%),radial-gradient(27% 30% at 47% 72%,#9b7eaf61,#0000 72%);animation:9s cubic-bezier(.45,.05,.55,.95) infinite alternate case-liquid-drift;position:absolute;inset:-30%}.case-liquid:before,.case-liquid:after{content:"";background:radial-gradient(28% 35% at 38% 62%,#e6c4677a,#0000 72%),radial-gradient(38% 26% at 76% 24%,#80ac8d66,#0000 74%);animation:11s ease-in-out infinite alternate case-liquid-orbit;position:absolute;inset:0}.case-liquid:after{opacity:.72;filter:blur(12px);animation-duration:14s;animation-direction:alternate-reverse;transform:rotate(130deg)scale(1.12)}@media (prefers-reduced-motion:reduce){.case-liquid,.case-liquid:before,.case-liquid:after{animation:none}}.case-board:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(90deg,#f6f5ef 0%,#f6f5ef00 5.5% 94.5%,#f6f5ef 100%);position:absolute;inset:0}.about-rebuild{padding-bottom:0!important}.about-echo{transform-origin:0;transform:skew(-15deg)}@media (width<=580px){.projects{padding-top:0!important}}.about-art{clip-path:inset(0 round 30px);border-radius:30px}@media (width>=901px){.about-art>img,.about-art:hover>img{top:auto!important;left:-12%!important;bottom:var(--portrait-baseline-offset,12.6%)!important;height:1500px!important;transform:rotateY(var(--mesh-x)) rotateX(var(--mesh-y)) scale(.82)!important;transform-origin:0 100%!important}}@media (width>=1701px){.about-rebuild{grid-template-columns:45% 55%;column-gap:0;width:100%;max-width:1700px;margin-left:auto;margin-right:auto;padding-left:60px;padding-right:60px}.about-details{padding-left:60px}}.fallback-warp:not(.is-warping)>span{animation:3.9s ease-in-out infinite static-warp-idle;animation-delay:calc(var(--glyph-index,0) * -.16s)}@media (prefers-reduced-motion:reduce){.fallback-warp:not(.is-warping)>span{animation:none}}:root{--portfolio-cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='51' height='51' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='11' y1='8' x2='56' y2='58' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23e5bc3d'/%3E%3Cstop offset='.5' stop-color='%237cae8e'/%3E%3Cstop offset='1' stop-color='%233b6858'/%3E%3C/linearGradient%3E%3Cfilter id='s' x='-30%25' y='-30%25' width='160%25' height='160%25'%3E%3CfeDropShadow dx='1' dy='3' stdDeviation='2' flood-color='%232b342c' flood-opacity='.25'/%3E%3C/filter%3E%3C/defs%3E%3Cpath d='M12 7c-2.7-2.1-6.5.1-6.1 3.6l5.1 43.1c.4 3.7 5.1 4.9 7.2 1.9l8.8-12.1 14 3.6c3.6.9 6.4-3.3 4.2-6.2L15.5 8.8A4.2 4.2 0 0 0 12 7Z' fill='url(%23g)' stroke='%23f8f7ef' stroke-width='5' stroke-linejoin='round' filter='url(%23s)'/%3E%3C/svg%3E") 8 6}@media (pointer:fine){body,body *{cursor:var(--portfolio-cursor),auto!important}}.membership-gallery{flex-direction:column;gap:10pt;display:flex}.membership-spread{background:#f6f5ef;width:110%;margin:0 0 0 -5%;position:relative;overflow:hidden}.membership-spread img{z-index:0;mix-blend-mode:multiply;width:100%;height:auto;display:block;position:relative}.membership-spread:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#f6f5ef 0%,#f6f5ef00 5.5% 94.5%,#f6f5ef 100%);position:absolute;inset:0}.membership-phone-pair{transform-origin:58% 55%;animation:5.4s cubic-bezier(.45,.05,.55,.95) infinite membership-phone-breathe;z-index:2!important;mix-blend-mode:normal!important;width:54%!important;height:auto!important;position:absolute!important;top:7%!important;right:1%!important}@media (prefers-reduced-motion:reduce){.membership-phone-pair{animation:none}}@media (width<=900px){.membership-spread{width:100%;margin-left:0}}.voucher-gallery{flex-direction:column;gap:10pt;margin-top:10pt;display:flex}.voucher-spread{background:#f6f5ef;width:110%;margin:0 0 0 -5%;position:relative;overflow:hidden}.voucher-spread img{z-index:0;mix-blend-mode:multiply;width:100%;height:auto;display:block;position:relative}.voucher-spread:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#f6f5ef 0%,#f6f5ef00 5.5% 94.5%,#f6f5ef 100%);position:absolute;inset:0}.voucher-spread-dark{background:#000;width:100vw;margin-left:calc(50% - 50vw)}.voucher-spread-dark img{mix-blend-mode:normal}.voucher-spread-dark:after{display:none}.contents-voucher{cursor:pointer}.contents-voucher:focus-visible{outline-offset:4px;outline:2px solid #769b76}@media (width<=900px){.voucher-spread{width:100%;margin-left:0}.voucher-spread-dark{width:100vw;margin-left:calc(50% - 50vw)}}.dark-gallery{background:#000;flex-direction:column;gap:10pt;width:100vw;margin:10pt calc(50% - 50vw) 0;padding:10pt 0;display:flex}.dark-spread{background:0 0;width:100%;margin:0;position:relative;overflow:hidden}.dark-spread img{mix-blend-mode:normal;width:100%;height:auto;display:block}.contents-dark{cursor:pointer}.contents-dark:focus-visible{outline-offset:4px;outline:2px solid #769b76}@media (width<=900px){.dark-gallery{width:100vw;margin-left:calc(50% - 50vw)}}.ui-gallery{background:#000;flex-direction:column;gap:10pt;width:100vw;margin:10pt calc(50% - 50vw) 0;padding:10pt 0;display:flex}.ui-spread{background:0 0;width:100%;margin:0;position:relative;overflow:hidden}.ui-spread img{mix-blend-mode:normal;width:100%;height:auto;display:block}.contents-ui{cursor:pointer}.contents-ui:focus-visible{outline-offset:4px;outline:2px solid #769b76}@media (width<=900px){.ui-gallery{width:100vw;margin-left:calc(50% - 50vw)}}.back-to-top{z-index:20;color:#11130f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;opacity:0;pointer-events:none;background:#f6f5efe0;border:1px solid #11130f47;border-radius:50%;place-items:center;width:50px;height:50px;padding:0;transition:opacity .25s,transform .25s cubic-bezier(.22,1,.36,1),background .2s;display:grid;position:fixed;bottom:clamp(18px,2.2vw,38px);right:clamp(18px,2.2vw,38px);transform:translateY(12px)scale(.92);box-shadow:0 10px 24px #12161029}.back-to-top.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.back-to-top:hover{color:#f6f5ef;background:#11130f}.back-to-top span{font:500 30px/1 Manrope,Arial,sans-serif;transform:translateY(1px)}@media (width<=780px){.back-to-top{width:44px;height:44px;bottom:16px;right:16px}.back-to-top span{font-size:26px}}.contact-section.scene-hero{color:#11130f;background:#f6f5ef;height:max(720px,100svh);min-height:0;padding:0;overflow:hidden}.contact-section.scene-hero .hero-flow{opacity:.5}.contact-content{z-index:1;flex-direction:column;justify-content:center;align-items:center;height:100%;padding-bottom:24px;display:flex;position:relative}.contact-content .hero-letters{color:#989b97;letter-spacing:.08em;text-align:center;grid-template-columns:repeat(4,1fr);gap:12px;width:42%;font:32px DM Mono;display:grid;position:absolute;top:19%}.contact-content .hero-letters span:nth-child(5){grid-column:2}.contact-content .contact-letters{grid-template-columns:repeat(7,1fr);width:min(58%,780px);left:auto}.contact-content .contact-letters span:nth-child(5){grid-column:3}.contact-content .apple-wrap{top:29%;left:31%}.contact-title{z-index:999;pointer-events:auto;width:100%;height:320px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.contact-title.fallback-warp{font-size:clamp(5.4rem,13.7vw,15.6rem)}.contact-title .warp-text{width:100%;height:320px!important}.contact-foot{z-index:3;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:24px;left:0;right:0}.contact-details{letter-spacing:-.03em;flex-direction:column;gap:10pt;font:13px/1 Manrope,Arial,sans-serif;display:flex}.contact-details a{color:#11130f;text-decoration:none}.contact-details a:hover{text-underline-offset:4px;text-decoration:underline}.contact-details .email-link{cursor:pointer;position:relative}.contact-details .email-link:after{content:attr(data-tip) " ↗";z-index:4;color:#f6f5ef;letter-spacing:.03em;white-space:nowrap;opacity:0;pointer-events:none;background:#11130f;padding:6px 8px;font:9px DM Mono;transition:opacity .2s,transform .2s;position:absolute;bottom:calc(100% + 9px);left:0;transform:translateY(3px)}.contact-details .email-link:hover:after,.contact-details .email-link:focus-visible:after{opacity:1;transform:translateY(0)}.wechat-qr{margin:0;line-height:0}.wechat-qr img{background:#fff;width:clamp(92px,8vw,142px);height:auto;padding:7px;display:block;box-shadow:0 10px 26px #2d372021}@media (width<=780px){.contact-content .hero-letters{width:76%;font-size:18px;top:21%}.contact-content .contact-letters{grid-template-columns:repeat(7,1fr);gap:5px;width:88%;left:auto}.contact-content .contact-letters span:nth-child(5){grid-column:3}.contact-content .apple-wrap{width:80vw;top:31%;left:50%}.contact-title{top:50%;left:0;transform:translateY(-50%)}.contact-title,.contact-title .warp-text{height:200px!important}.contact-foot{bottom:18px;left:0;right:0}.contact-details{gap:10pt;font-size:11px}.wechat-qr img{width:92px}}.project-links{display:contents}.project-links a{opacity:.65}.project-links a:hover{opacity:1}.warp-text{isolation:isolate;cursor:default;place-items:center;width:100%;height:320px;display:grid;position:relative;overflow:visible}.warp-glyphs{z-index:2;width:100%;font:var(--warp-weight) var(--warp-size)/.78 Manrope,Arial,sans-serif;letter-spacing:.08em;color:var(--warp-color);white-space:nowrap;-webkit-user-select:none;user-select:none;justify-content:center;font-style:italic;display:flex;position:relative}.warp-glyph{will-change:transform,filter;transition:transform var(--warp-speed) cubic-bezier(.18,.78,.24,1),filter var(--warp-speed) ease;display:inline-block}.warp-ripple{z-index:1;width:var(--ripple-size);height:var(--ripple-size);border:1px solid color-mix(in srgb,var(--warp-color),transparent 78%);background:radial-gradient(circle,color-mix(in srgb,var(--warp-color),transparent 93%) 0%,transparent 68%);pointer-events:none;border-radius:50%;animation:1.1s ease-out forwards warp-ripple;position:absolute;transform:translate(-50%,-50%)}@keyframes warp-ripple{to{opacity:0;transform:translate(-50%,-50%)scale(1.35)}}@media (width<=780px){.warp-text{height:200px}.warp-glyphs{letter-spacing:.02em}}