.studio-sample{--studio-ink:#171615;--studio-paper:#fff;--studio-line:#1716153d;--studio-accent:#e45c2f;background:var(--studio-paper);color:var(--studio-ink);font-family:var(--font-body,Arial,"Microsoft YaHei",sans-serif);scroll-behavior:smooth;position:relative}.studio-sample *{box-sizing:border-box}.studio-sample button,.studio-sample a{font:inherit;color:inherit}html:has(.studio-sample){scroll-behavior:smooth;scroll-snap-type:y mandatory}.studio-sample .studio-site-header{z-index:100;height:var(--header-height);padding-left:max(var(--header-side-padding),calc((100vw - var(--header-content-width))/2));padding-right:max(var(--header-side-padding),calc((100vw - var(--header-content-width))/2));color:var(--header-text);border-bottom:var(--border-width) solid color-mix(in srgb,var(--line-color) var(--header-border-opacity),transparent);-webkit-backdrop-filter:blur(var(--header-blur)) saturate(var(--header-saturation));box-shadow:var(--header-shadow);background:#fffffff0;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}.studio-sample .studio-site-header .brand{text-decoration:none}.studio-sample .studio-site-header nav{flex-direction:row;align-items:center;gap:clamp(24px,3.5vw,68px);display:flex}.studio-sample .studio-site-header nav a,.studio-sample .studio-site-header nav button{font-size:var(--nav-size)}.studio-sample .studio-site-header .language-switch{flex-direction:row;align-items:center;gap:7px;display:flex}.studio-chapter-nav{z-index:90;-webkit-backdrop-filter:blur(24px)saturate(160%);background:linear-gradient(145deg,#ffffff6b,#ffffff2e);border:1px solid #ffffffb8;border-radius:2px;flex-direction:column;align-items:stretch;gap:0;width:148px;padding:16px 10px;display:flex;position:fixed;top:36%;left:clamp(18px,2.4vw,46px);transform:translateY(-50%);box-shadow:0 14px 42px #19171414,inset 0 1px #ffffffb8}.studio-chapter-nav:before{content:"";background:#1716152e;width:1px;position:absolute;top:29px;bottom:29px;left:17px}.studio-chapter-nav button{text-align:left;opacity:.34;background:0 0;border:0;grid-template-rows:1fr;grid-template-columns:26px 1fr;align-items:center;width:100%;height:48px;padding:0 0 0 20px;transition:opacity .35s,transform .35s;display:grid;position:relative}.studio-chapter-nav button:after{display:none!important}.studio-chapter-nav button:hover{opacity:.72}.studio-chapter-nav button.active{opacity:1;transform:none}.chapter-dot{z-index:1;background:var(--studio-paper);border:1px solid;border-radius:50%;width:7px;height:7px;transition:background .3s,box-shadow .3s,border-color .3s;position:absolute;top:50%;left:3.5px;transform:translateY(-50%)}.studio-chapter-nav button.active .chapter-dot{background:#454541;border-color:#454541;box-shadow:0 0 0 4px #4545411a,0 0 13px #2d2d2a7a}.studio-chapter-nav small{grid-column:1;align-self:center;font-size:8px;line-height:1}.studio-chapter-nav b{letter-spacing:.08em;white-space:nowrap;grid-column:2;align-self:center;font-size:9px;line-height:1}.studio-chapter-nav button.active b{font-size:10px}.studio-screen{border-bottom:1px solid var(--studio-line);scroll-snap-align:start;scroll-snap-stop:always;height:100svh;min-height:100svh;padding:clamp(108px,13vh,145px) clamp(48px,7vw,132px) 58px clamp(205px,15vw,286px);scroll-margin-top:0;position:relative;overflow:hidden}.studio-screen-heading{z-index:4;position:relative}.studio-screen-heading p{letter-spacing:.2em;margin:0 0 14px;font-size:9px;font-weight:700}.studio-screen-heading h1{font-family:var(--font-heading,var(--font-body,Arial,sans-serif));font-size:clamp(44px,8vw,var(--page-title-size,130px));letter-spacing:-.065em;margin:0;font-weight:400;line-height:.88}.studio-screen-heading>span{color:#17161594;margin-top:25px;font-size:12px;display:block}.studio-screen-heading.compact h1{font-size:clamp(68px,8vw,142px)}.studio-screen-heading h1,.services-screen .studio-screen-heading h1,.works-heading h1{font-size:clamp(44px,min(8vw,14vh),var(--studio-title-max-size,var(--page-title-size,130px)))!important}.services-screen{flex-direction:column;padding-top:clamp(140px,16vh,180px);display:flex}.services-screen .studio-screen-heading,.services-stage{width:min(100%,1450px);margin-left:auto;margin-right:auto}.services-screen .studio-screen-heading h1{font-size:clamp(44px,8vw,var(--page-title-size,130px))}.services-stage{z-index:3;height:clamp(440px,52vh,580px);margin-top:clamp(18px,3vh,34px);position:relative}.service-card{-webkit-backdrop-filter:blur(14px)saturate(70%);background:linear-gradient(118deg,#fafaf9f7 0%,#efefeded 58%,#f8f8f7f5 100%);border:1px solid #17161585;border-radius:2px;outline:none;min-height:clamp(215px,25vh,265px);padding:26px 29px 24px;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s,background .35s;position:absolute;box-shadow:0 20px 55px #1a181512}.service-card:hover,.service-card:focus{z-index:10;background:#fff;transform:translateY(-13px);box-shadow:0 28px 80px #1a181524}.service-card-01{width:31%;top:0;left:0}.service-card-02{width:25%;top:14%;left:28%}.service-card-03{width:25%;top:32%;left:51%}.service-card-04{width:26%;top:4%;left:74%}.service-card-top{font-size:11px;font-weight:700;display:flex}.service-card h2{white-space:pre-line;font-family:var(--font-heading,var(--font-body,Arial,sans-serif));letter-spacing:-.062em;border-bottom:1px solid #17161557;margin:38px 0 20px;padding-bottom:18px;font-size:clamp(24px,2.05vw,38px);font-weight:750;line-height:.94}.service-card p{color:#171615c7;max-width:370px;margin:0;font-size:clamp(9px,.65vw,11px);font-weight:500;line-height:1.5}.works-screen{background:#fff;padding-left:0;padding-right:0}.works-heading{z-index:7;text-align:left;width:min(900px,100vw - clamp(205px,15vw,286px) - clamp(48px,7vw,132px));position:absolute;top:clamp(140px,16vh,180px);left:calc(clamp(205px,15vw,286px) + max(0px,50vw - clamp(205px,15vw,286px)/2 - clamp(48px,7vw,132px)/2 - 725px));transform:none}.works-heading h1{white-space:nowrap;line-height:.88;font-size:clamp(44px,8vw,var(--page-title-size,130px))!important}.works-heading>span{margin-top:17px;font-size:11px;line-height:1.45}.works-orbit{z-index:3;perspective:1500px;transform-style:preserve-3d;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;outline:none;position:absolute;inset:clamp(250px,29vh,315px) 0 70px;overflow:hidden}.works-orbit:active{cursor:grabbing}.orbit-project{z-index:var(--orbit-layer);aspect-ratio:14/19;width:clamp(185px,15.4vw,292px);opacity:var(--orbit-opacity);transform:translate(-50%,-50%) translate3d(var(--orbit-x),var(--orbit-y),var(--orbit-z)) rotateY(var(--orbit-turn)) scale(var(--orbit-scale));transform-style:preserve-3d;filter:saturate(.66)contrast(.96);will-change:transform,opacity;background:#d8d4cc;border:1px solid #17161557;border-radius:0;padding:0;transition:filter .35s,box-shadow .45s;position:absolute;top:47%;left:50%;overflow:hidden;box-shadow:5px 4px #1716151f,0 22px 50px #1a181526}.orbit-project:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(100deg,#ffffff2e 0,#0000 9% 86%,#0a0a0a2b 100%);position:absolute;inset:0;box-shadow:inset 1px 0 #ffffff61,inset -6px 0 #0e0e0d1a,inset 0 -2px #0e0e0d14}.orbit-project.active{filter:saturate(.94)contrast();border-color:#17161594;box-shadow:7px 6px #17161526,0 34px 78px #1a18153d}.orbit-project.active:before{background:linear-gradient(100deg,#ffffff38 0,#0000 10% 85%,#0a0a0a33 100%);box-shadow:inset 1px 0 #ffffff75,inset -7px 0 #0e0e0d1f,inset 0 -2px #0e0e0d17}.orbit-project>.upload-box{aspect-ratio:auto;background:#d8d4cc;border:0;border-radius:0;width:100%;height:100%;position:absolute;inset:0}.orbit-project>.upload-box:after{display:none}.orbit-project img{object-fit:cover;pointer-events:none;width:100%;height:100%}.orbit-project>.orbit-project-label{z-index:3;color:#fff;text-align:left;pointer-events:none;background:linear-gradient(#0000,#0c0c0ce6);gap:7px;padding:56px 18px 18px;transition:transform .4s cubic-bezier(.16,1,.3,1);display:grid;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.orbit-project:hover>.orbit-project-label,.orbit-project:focus-visible>.orbit-project-label{transform:none}.orbit-project b{font-family:var(--font-heading,var(--font-body,Arial,sans-serif));font-size:clamp(14px,1.05vw,20px);font-weight:500;line-height:1.1}.orbit-project small{color:#ffffffad;font-size:clamp(8px,.62vw,11px);line-height:1.35}.studio-work-audio-edit{pointer-events:auto;letter-spacing:.08em;color:#fff;background:#00000047;border:1px solid #ffffff80;width:max-content;margin-top:6px;padding:6px 9px;font-size:8px}.orbit-controls{z-index:8;align-items:center;gap:18px;display:flex;position:absolute;bottom:38px;left:50%;transform:translate(-50%)}.orbit-controls>button{border:1px solid var(--studio-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffc2;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.orbit-controls>div{gap:6px;display:flex}.orbit-controls>div button{background:#17161540;border:0;border-radius:50%;width:6px;height:6px;padding:0;transition:width .3s,border-radius .3s,background .3s}.orbit-controls>div button.active{background:#454541;border-radius:999px;width:24px}.drag-hint{letter-spacing:.14em;opacity:.38;margin:0;font-size:7px;position:absolute;bottom:48px;right:4vw}.work-modal{z-index:300;-webkit-backdrop-filter:blur(14px)saturate(75%);backdrop-filter:blur(14px)saturate(75%);background:#0e0e0db8;place-items:center;padding:32px;animation:.38s both studio-modal-fade;display:grid;position:fixed;inset:0}.work-modal>.studio-player-card{color:#fff;background:#111;border:1px solid #ffffff3d;border-radius:0;width:min(390px,100vw - 40px);max-height:90svh;animation:.55s cubic-bezier(.16,1,.3,1) both studio-player-enter;display:block;position:relative;overflow:auto;box-shadow:0 42px 120px #0000007a}.studio-player-visual{aspect-ratio:14/15;background:#222;width:100%;min-height:0;position:relative;overflow:hidden}.studio-player-visual>.upload-box{aspect-ratio:auto;border:0;border-radius:0;width:100%;height:100%;position:absolute;inset:0}.studio-player-visual>.upload-box:after{display:none}.studio-player-visual img{object-fit:cover;width:100%;height:100%}.studio-player-visual:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0000008c);height:34%;position:absolute;inset:auto 0 0}.studio-player-info{background:#111;padding:22px 26px 25px;position:relative}.studio-player-info h2{font-family:var(--font-heading,var(--font-body,Arial,sans-serif));letter-spacing:-.04em;margin:0 0 8px;font-size:clamp(25px,2.2vw,34px);font-weight:500;line-height:1.05}.studio-player-info .studio-player-meta{color:#ffffff8c;margin:0;font-size:12px;line-height:1.4}.studio-player-info .studio-player-description{color:#ffffff94;border-top:1px solid #ffffff29;margin:18px 0 0;padding-top:16px;font-size:11px;line-height:1.55}.studio-player-info>.studio-player-toggle{color:#fff;letter-spacing:.13em;background:0 0;border:1px solid #ffffff4d;align-items:center;gap:7px;width:max-content;height:28px;margin:15px 0 0;padding:0 11px;font-size:8px;display:flex}.studio-player-toggle i{width:6px;height:6px;box-shadow:none;background:#ffffff59;border-radius:50%}.studio-player-toggle.playing i{background:#eee;box-shadow:0 0 9px #ffffffbf}.studio-player-toggle:disabled{opacity:.45}.studio-player-audio-edit{letter-spacing:.08em;color:#ffffffc7;cursor:pointer;border:1px solid #ffffff40;margin-top:12px;padding:7px 10px;font-size:8px;display:inline-block}.studio-audio-visualizer{z-index:3;align-items:flex-end;gap:3px;height:27px;display:flex;position:absolute;bottom:20px;right:22px}.studio-audio-visualizer i{opacity:.84;transform-origin:bottom;background:#fff;width:2px;height:5px;display:block}.studio-audio-visualizer.playing i{animation:.72s ease-in-out infinite alternate studio-audio-bar}.studio-audio-visualizer.playing i:nth-child(2n){animation-duration:.48s}.studio-audio-visualizer.playing i:nth-child(3n){animation-duration:.9s}.studio-audio-visualizer.playing i:nth-child(4n){animation-delay:-.28s}.work-modal-close{z-index:5;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000057;border:1px solid #ffffff73;border-radius:50%;width:34px;height:34px;font-size:20px;line-height:1;position:absolute;top:12px;right:12px}@keyframes studio-modal-fade{0%{opacity:0}to{opacity:1}}@keyframes studio-player-enter{0%{opacity:0;transform:translateY(28px)scale(.93)}to{opacity:1;transform:none}}@keyframes studio-audio-bar{0%{height:4px}to{height:27px}}.overview-screen{background:#fff;padding:0}.overview-statement{z-index:3;width:min(55vw,920px);position:absolute;top:clamp(140px,16vh,180px);left:calc(clamp(205px,15vw,286px) + max(0px,50vw - clamp(205px,15vw,286px)/2 - clamp(48px,7vw,132px)/2 - 725px))}.overview-statement h1{font-family:var(--font-heading,var(--font-body,Arial,sans-serif));font-size:clamp(44px,min(8vw,14vh),var(--studio-overview-title-max-size,var(--page-title-size,130px)));letter-spacing:-.065em;margin:0;font-weight:400;line-height:.88}.overview-statement h1 span{white-space:nowrap;display:block}.overview-statement h1.zh{line-height:1.04}.overview-statement p{letter-spacing:-.025em;margin:20px 0 0;font-size:clamp(14px,1.15vw,21px);font-style:italic;line-height:1.25}.overview-note{z-index:4;width:min(39vw,680px);position:absolute}.overview-note-origin{top:26%;left:60%}.overview-note-process{top:66%;left:43%}.overview-note-label{align-items:center;gap:14px;margin-bottom:16px;display:flex}.overview-note-label span{letter-spacing:-.03em;flex:none;font-size:clamp(11px,.95vw,16px);font-weight:650;line-height:1}.overview-note-label i{background:#17161580;flex:1;height:1px;display:block}.overview-note article{-webkit-backdrop-filter:blur(16px);background:linear-gradient(122deg,#fafaf9f5,#efefede0);border:1px solid #17161552;border-radius:2px;align-items:center;height:clamp(175px,23vh,225px);display:flex;box-shadow:0 18px 52px #1a18150f}.overview-note article p{letter-spacing:-.035em;margin:0;padding:clamp(24px,2.2vw,38px) clamp(30px,2.8vw,50px);font-size:clamp(18px,1.45vw,25px);font-weight:400;line-height:1.34}@media (width<=1100px){.studio-screen{padding-left:180px}.studio-chapter-nav{width:128px}.works-screen{padding-left:0}.works-heading{width:calc(100vw - 228px);left:180px}.orbit-project{width:clamp(175px,20vw,250px)}.overview-statement{width:55vw;left:180px}.overview-note{width:39vw}.overview-note-origin{left:60%}.overview-note-process{left:43%}}@media (width<=900px){html:has(.studio-sample){scroll-snap-type:none}.studio-screen{scroll-snap-align:none;scroll-snap-stop:normal;height:auto;min-height:100svh}.services-stage{grid-template-columns:1fr 1fr;gap:12px;height:auto;margin-top:35px;display:grid}.service-card{min-height:190px;position:relative;width:auto!important;inset:auto!important}.service-card h2{margin-top:30px}.overview-screen{flex-direction:column;gap:34px;padding:140px 32px 70px 180px;display:flex}.overview-statement,.overview-note{width:auto;position:relative;inset:auto}.overview-statement h1{font-size:clamp(54px,10vw,var(--studio-overview-title-max-size,92px))}.overview-note article{height:auto;min-height:175px}.overview-note-process{align-self:stretch;margin-left:12%}}@media (width<=720px){.studio-sample .studio-site-header{height:64px;padding:0 18px}.studio-sample .studio-site-header nav{display:none}.studio-sample .studio-site-header nav.open{border-bottom:1px solid var(--studio-line);background:#fffffff7;flex-direction:column;align-items:stretch;gap:8px;padding:18px;display:flex;position:absolute;top:64px;left:0;right:0}.studio-sample .studio-site-header nav.open a,.studio-sample .studio-site-header nav.open>button{text-align:left;padding:10px 0}.studio-sample .studio-site-header .language-switch{margin:8px 0 0}.studio-sample .studio-site-header .menu-toggle{display:block}.studio-chapter-nav{border-color:var(--studio-line);grid-template-columns:repeat(3,1fr);width:min(390px,100vw - 28px);height:43px;padding:0 10px;display:grid;top:74px;left:50%;transform:translate(-50%)}.studio-chapter-nav:before{width:auto;height:1px;inset:21px 20px auto}.studio-chapter-nav button{align-items:center;gap:5px;height:42px;padding:0 0 0 17px;display:flex}.studio-chapter-nav button.active{transform:none}.studio-chapter-nav small,.studio-chapter-nav b{font-size:7px}.studio-chapter-nav button.active b{font-size:8px}.chapter-dot{width:7px;height:7px;top:50%;left:5px}.studio-screen{min-height:100svh;padding:140px 18px 65px}.studio-screen-heading h1,.studio-screen-heading.compact h1{font-size:clamp(52px,18vw,82px)}.services-screen .studio-screen-heading h1,.works-heading h1{font-size:clamp(44px,14vw,62px)!important}.services-stage{grid-template-columns:1fr;margin-top:28px}.service-card{min-height:145px;padding:18px}.service-card h2{margin:19px 0 13px;padding-bottom:13px;font-size:23px}.service-card p{font-size:9px}.works-screen{padding:0}.works-heading{width:calc(100vw - 36px);top:140px;left:18px}.works-orbit{inset:245px 0 68px}.orbit-project{width:min(58vw,230px);top:44%}.orbit-project>.orbit-project-label{transform:none}.orbit-controls{bottom:24px}.orbit-controls>button,.drag-hint{display:none}.work-modal{padding:12px}.work-modal>.studio-player-card{max-height:92svh}.studio-player-info{padding:20px}.studio-player-info h2{font-size:28px}.overview-screen{gap:30px;padding:140px 18px 65px}.overview-statement h1,.overview-statement h1.zh{max-width:100%;letter-spacing:-.055em!important;font-size:clamp(42px,12vw,54px)!important;line-height:1.04!important}.overview-statement p{margin-top:16px;font-size:13px}.overview-note-process{margin-left:0}.overview-note-label{margin-bottom:12px}.overview-note article p{padding:24px 22px;font-size:18px;line-height:1.45}.studio-chapter-nav{top:calc(clamp(54px,var(--header-height),90px) + 24px)}.studio-screen{padding-top:calc(clamp(54px,var(--header-height),90px) + 94px)}.works-screen{padding-top:0}.works-heading{top:calc(clamp(54px,var(--header-height),90px) + 94px)}.works-orbit{top:calc(clamp(54px,var(--header-height),90px) + 199px)}.overview-screen{padding-top:calc(clamp(54px,var(--header-height),90px) + 94px)}}@media (prefers-reduced-motion:reduce){.studio-sample *{scroll-behavior:auto!important;transition-duration:.01ms!important}}