:root{--blue:#3455ed;--ink:#202126;--paper:#f7f8fa;--pink:#f5e8e6;--lavender:#eeeaf6;--mist:#e8edf6;--line:#d9dce3;--muted:#6c707b;--gutter:clamp(24px,4.7vw,88px);--body:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;--display:"Arial Black","Helvetica Neue",var(--body)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:var(--body);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #ef8d34;outline-offset:6px}button{border:0}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}button:disabled{opacity:.4}::selection{color:white;background:var(--blue)}.skip-link{position:fixed;left:20px;top:-80px;z-index:100;background:white;padding:16px}.skip-link:focus{top:10px}.site-header{height:92px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;background:var(--paper);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:12px;color:var(--blue)}.brand-mark{width:40px;height:40px}.brand-name{font-size:26px;font-weight:750;letter-spacing:-1px;line-height:1.1}.brand-name>span{display:block;font:9px/1.8 var(--display);letter-spacing:1.5px;margin-top:3px}.site-header nav{display:flex;gap:38px}.site-header nav a{display:flex;gap:7px;font-size:13px;font-weight:600;align-items:center}.site-header nav a span{font-size:11px;color:var(--muted);font-weight:400}.site-header nav a:hover{color:var(--blue)}.header-contact{font-size:13px;border-bottom:1px solid var(--ink);padding:9px 0;display:flex;gap:28px}.header-contact>span{font-size:19px}.menu-toggle{display:none;background:none;padding:12px}.hero{min-height:700px;height:calc(100svh - 92px);max-height:900px;background:var(--blue);color:white;position:relative;overflow:hidden;padding:32px var(--gutter) 0}.hero-topline{display:flex;justify-content:space-between;gap:20px;font:10px/1.4 ui-monospace,SFMono-Regular,monospace;letter-spacing:1.1px;opacity:.76}.hero-copy{position:relative;z-index:2;padding-top:90px;width:54%;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{font-size:13px;letter-spacing:2px;display:flex;align-items:center;gap:12px}.tiny-fold{display:inline-block;width:13px;height:16px;background:currentColor;clip-path:polygon(0 0,100% 0,100% 65%,60% 100%,0 100%)}h1{font-size:clamp(62px,6.7vw,110px);line-height:1.17;letter-spacing:-.065em;font-weight:750;margin:24px 0 26px}.period{margin-left:-.08em}.hero-description{font-size:16px;line-height:1.9;opacity:.9;letter-spacing:.6px}.round-link{display:inline-flex;align-items:center;justify-content:space-between;gap:44px;padding:17px 23px;border-radius:40px;font-size:13px;font-weight:600;margin-top:34px;transition:transform .2s,background .2s}.round-link.white{background:white;color:var(--blue)}.round-link>span{font-size:23px;font-weight:400;line-height:1}.round-link:hover{transform:translateY(-3px);background:#e8edff}.hero-art{position:absolute;right:3.7%;top:17%;width:48%;max-width:780px;height:70%;max-height:640px;z-index:1}.hero-device{position:absolute;background:#e4e5ec;border:5px solid #eef0f7;border-radius:25px;overflow:hidden;box-shadow:0 25px 45px #142a9b45;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.hero-device img{width:100%;aspect-ratio:1320/2120;object-fit:cover}.device-left{left:3%;top:13%;width:38%;transform:rotate(-15deg);z-index:1}.device-right{right:0%;top:12%;width:37%;transform:rotate(14deg);z-index:2}.device-center{left:32%;top:3%;width:40%;transform:rotate(-2deg);z-index:3}.hero-art:hover .device-left{transform:translate(-9px,-6px) rotate(-18deg)}.hero-art:hover .device-right{transform:translate(9px,-6px) rotate(18deg)}.hero-art:hover .device-center{transform:translateY(-14px) rotate(0)}.art-orbit{position:absolute;border:1px solid #ffffff35;width:103%;height:67%;border-radius:50%;top:12%;left:0;transform:rotate(-22deg)}.art-note{font:10px/1.6 ui-monospace,monospace;letter-spacing:1px;position:absolute;right:4%;bottom:4%;opacity:.8;text-align:right}.art-sticker{position:absolute;bottom:7%;left:8%;width:106px;height:106px;display:grid;place-content:center;background:#dce6ff;color:var(--blue);font-size:18px;line-height:1.5;font-weight:650;border-radius:50%;transform:rotate(-13deg);z-index:5}.hero-bottom{display:flex;justify-content:space-between;position:absolute;bottom:30px;left:var(--gutter);right:var(--gutter);font-size:11px;letter-spacing:1px;z-index:4}.hero-bottom>a{font:9px ui-monospace,monospace;display:flex;align-items:center;gap:30px;margin-right:56px}.hero-bottom>a>span{font-size:18px}.hero-fold{position:absolute;bottom:0;right:0;width:110px;height:110px;clip-path:polygon(100% 0,100% 100%,0 100%);background:#b8c4ff}.section-pad{padding:110px var(--gutter)}.section-kicker{font:10px/1.5 ui-monospace,SFMono-Regular,monospace;letter-spacing:1.2px;display:flex;align-items:center;gap:10px;color:var(--blue)}.section-kicker>span:last-child:not(.dot){margin-left:16px;font-family:var(--body);letter-spacing:0;color:var(--muted)}.dot{height:6px;width:6px;border-radius:50%;background:currentColor;display:inline-block;flex-shrink:0}.section-kicker.light{color:white}.about-main{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;margin-top:42px;align-items:start}h2{font-size:clamp(31px,3.3vw,54px);font-weight:650;line-height:1.45;letter-spacing:-.04em}.about-main h2 span{color:var(--blue)}.about-copy{font-size:15px;line-height:2.05;padding-top:4px}.about-copy p+p{margin-top:16px;color:#606570}.studio-facts{display:grid;grid-template-columns:repeat(4,1fr);margin-top:65px;padding-top:35px;border-top:1px solid var(--line);gap:20px}.studio-facts>div:not(:first-child){padding-left:30px;border-left:1px solid var(--line)}.studio-facts strong{font:500 clamp(34px,4.2vw,62px)/1.15 "Helvetica Neue",Arial,sans-serif;letter-spacing:-3px}.studio-facts strong>span{font:13px var(--body);letter-spacing:0;margin-left:8px}.studio-facts p{font-size:12px;color:var(--muted);margin-top:14px}.works{background:white;padding-top:100px}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:56px}.section-heading h2{margin-top:24px}.section-heading>p{font-size:14px;line-height:1.9;color:var(--muted);margin-bottom:7px}.project-grid{display:grid;grid-template-columns:1.08fr 1fr;column-gap:36px;row-gap:64px}.project-visual{display:block;width:100%;height:clamp(360px,36vw,610px);position:relative;overflow:hidden;text-align:left;padding:0}.visual-label{position:absolute;top:25px;left:28px;font:9px/1.4 ui-monospace,monospace;letter-spacing:1.5px;z-index:5}.project-open{position:absolute;right:21px;bottom:21px;border-radius:50%;width:45px;height:45px;background:#ffffffed;color:var(--ink);display:grid;place-items:center;font-size:26px;font-weight:300;z-index:6;transition:transform .25s,background .25s}.project-visual:hover .project-open,.starlight-stage:hover .project-open{transform:rotate(45deg);background:white}.project-caption{display:flex;justify-content:space-between;gap:12px;margin-top:22px;align-items:baseline}.project-caption h3{font-size:21px;font-weight:600;letter-spacing:-.6px}.project-caption p{font-size:12px;color:var(--muted);margin-top:9px;line-height:1.6}.project-caption>span{font-size:10px;color:var(--muted);white-space:nowrap}.dun-stage{background:var(--lavender);color:#75668d}.stage-word{position:absolute;left:7%;top:18%;font:600 clamp(37px,4.4vw,72px)/.96 "Helvetica Neue",Arial,sans-serif;letter-spacing:-4px;color:#b2a6c6}.dun-phone{position:absolute;width:36%;border-radius:12px;box-shadow:0 22px 30px #5b446d26;transition:transform .5s}.dun-phone-one{left:25%;top:27%;transform:rotate(-12deg)}.dun-phone-two{right:7%;top:12%;transform:rotate(9deg)}.dun-stage:hover .dun-phone-one{transform:translate(-5px,-5px) rotate(-15deg)}.dun-stage:hover .dun-phone-two{transform:translateY(-8px) rotate(6deg)}.rabbit-stage{background:#182631;color:#fff}.rabbit-stage>img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.rabbit-stage .visual-label{color:white;text-shadow:0 1px 4px #000;top:25px}.rabbit-stage:hover>img{transform:scale(1.035)}.yuanbao-stage{background:#e5eddf;color:#4e6246}.yuanbao-type{position:absolute;left:8%;top:22%;font-size:clamp(38px,4.6vw,73px);line-height:1.15;font-weight:650;letter-spacing:-.05em}.yuanbao-phone{position:absolute;width:40%;right:12%;top:13%;border-radius:20px;box-shadow:0 15px 35px #2b3c2b25;transform:rotate(9deg);transition:transform .5s}.yuanbao-stage:hover .yuanbao-phone{transform:rotate(4deg) translateY(-8px)}.deer-stage{background:#e8ebf3;color:#656a7b}.deer-type{position:absolute;right:8%;top:20%;font-family:"Songti SC",STSong,serif;font-size:clamp(38px,4.6vw,73px);line-height:1.2;color:#9aa1b7}.deer-phone{position:absolute;width:40%;left:12%;top:13%;border-radius:20px;box-shadow:0 15px 35px #44547425;transform:rotate(-9deg);transition:transform .5s}.deer-stage:hover .deer-phone{transform:rotate(-4deg) translateY(-8px)}.theme-section{background:var(--paper)}.theme-tabs{display:flex;gap:32px;border-bottom:1px solid #ced2dc;margin-bottom:30px}.theme-tabs>button{background:transparent;color:var(--muted);border-bottom:2px solid transparent;display:flex;gap:13px;align-items:center;padding:18px 1px;font-size:15px;transition:color .2s}.theme-tabs>button>span{font:9px ui-monospace,monospace;letter-spacing:.5px}.theme-tabs>button[aria-selected="true"]{color:var(--blue);border-bottom-color:var(--blue)}.theme-tabs>button:hover{color:var(--blue)}.theme-panel{padding:54px 36px 54px 44px;display:grid;grid-template-columns:.85fr 1.75fr;gap:6%;align-items:center;background:var(--mist);transition:background .3s}.theme-panel[data-active="matcha"]{background:#e4e9df}.theme-panel[data-active="autumn"]{background:#f5ecd6}.theme-category{font-size:10px;letter-spacing:.6px;color:#686e7b}.theme-description h3{font-size:32px;font-weight:600;margin:25px 0 16px;letter-spacing:-1px}.theme-description>p{font-size:13px;line-height:2;max-width:270px;color:#5d6472}.theme-features{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.theme-features>span{font-size:10px;padding-bottom:5px;border-bottom:1px solid #b3bac8;color:#545f72}.text-link{background:none;display:inline-flex;align-items:center;gap:45px;border-bottom:1px solid currentColor;padding:12px 0;font-size:12px;font-weight:550;margin-top:24px}.text-link>span{font-size:20px;font-weight:400;transition:transform .2s}.text-link:hover>span{transform:translate(3px,-3px)}.theme-screens{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:center}.theme-screens>img{border-radius:13px;box-shadow:0 12px 30px #2b304a1a;width:100%;aspect-ratio:1320/2120;object-fit:cover}.theme-screens>img:nth-child(2){margin-top:52px}.details-section{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:white;align-items:center}.starlight-stage{position:relative;background:#202329;overflow:hidden;height:540px;width:100%;display:flex;justify-content:center;align-items:center;padding:40px}.starlight-stage>img{height:100%;width:auto;object-fit:contain;transition:transform .5s}.starlight-stage:hover>img{transform:scale(1.025)}.detail-copy h2{font-size:clamp(30px,3vw,46px);margin:25px 0}.detail-copy>p{font-size:14px;color:var(--muted);line-height:2}.detail-copy .detail-note{font-size:12px;margin-top:30px;color:var(--ink)}.detail-note>span{color:var(--muted);font-size:11px}.expertise{display:grid;grid-template-columns:.8fr 1.3fr;gap:10%;padding-top:100px;padding-bottom:100px}.expertise-intro h2{margin-top:24px}.expertise-intro>p{font-size:13px;color:var(--muted);line-height:1.8;margin-top:24px}.fold-symbol{display:block;width:70px;height:70px;background:var(--blue);clip-path:polygon(0 0,100% 0,50% 50%,100% 50%,100% 100%,0 100%,50% 50%,0 50%);margin-top:40px}.services{padding-top:22px}.services details{border-top:1px solid #cfd2db;padding:26px 0}.services details:last-child{border-bottom:1px solid #cfd2db}.services summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:1fr auto;align-items:center;gap:9px;position:relative;padding-right:40px}.services summary::-webkit-details-marker{display:none}.services summary>span:first-child{font-size:20px;font-weight:550}.service-en{grid-row:2;font:8px ui-monospace,monospace;letter-spacing:.7px;color:var(--muted)}.services summary .plus{position:absolute;right:0;top:2px;font-size:27px;font-weight:300;color:var(--muted);transition:transform .2s}.services details[open] .plus{transform:rotate(45deg)}.services details>p{font-size:13px;line-height:1.9;color:var(--muted);padding:24px 35px 0 0}.contact{background:var(--blue);color:white;padding-top:52px;padding-bottom:30px}.contact-top{display:flex;justify-content:space-between;align-items:center}.contact-top>span{font-size:12px;opacity:.8}.contact-heading{display:flex;justify-content:space-between;align-items:center;margin:62px 0 70px}.contact-heading h2{font-size:clamp(42px,5.7vw,90px);line-height:1.25;letter-spacing:-.055em;font-weight:650}.contact-heading>span{font-size:clamp(80px,13vw,180px);font-weight:200;line-height:1;transition:transform .3s;padding-right:10px}.contact-heading:hover>span{transform:translate(9px,-9px)}.contact-details{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:40px}.contact-details>div>span{font-size:10px;opacity:.72;display:block;margin-bottom:15px}.contact-details a{font-size:20px;letter-spacing:.1px}.email-line{display:flex;align-items:center;gap:14px}.email-line button{background:transparent;color:white;padding:5px}.contact-company{justify-self:end}.contact-company p{font-size:12px;opacity:.9}.contact footer{margin-top:60px;border-top:1px solid #ffffff40;padding-top:32px;display:flex;justify-content:space-between;align-items:flex-end}.footer-brand{font:900 clamp(45px,8vw,120px)/.85 var(--display);letter-spacing:-.07em}.footer-brand>span{font:10px/1 ui-monospace,monospace;letter-spacing:0;vertical-align:top;display:inline-block;margin:5px 0 0 10px}.contact footer>div{display:flex;flex-direction:column;gap:20px;text-align:right;font-size:10px;opacity:.75}.contact footer>div>a{align-self:flex-end}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,15px);background:var(--ink);color:white;border-radius:30px;padding:14px 24px;font-size:13px;opacity:0;pointer-events:none;z-index:100;transition:.2s;max-width:calc(100vw - 30px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{color:var(--ink);border:0;padding:0;width:min(1100px,calc(100vw - 48px));max-height:90svh;background:var(--paper);overscroll-behavior:contain}dialog::backdrop{background:#11152bd1;backdrop-filter:blur(7px)}.dialog-shell{padding:26px 40px 32px}.dialog-header{display:flex;justify-content:space-between;align-items:center;font:9px ui-monospace,monospace;letter-spacing:1px;border-bottom:1px solid var(--line);padding-bottom:20px}.dialog-close{background:transparent;display:flex;align-items:center;gap:15px;padding:8px;font-size:12px}.dialog-close>span{font-size:25px;font-weight:300;line-height:1}.dialog-intro{display:grid;grid-template-columns:1fr 1.2fr;gap:36px;margin:26px 0;align-items:center}.dialog-category{font-size:10px;color:var(--blue);margin-bottom:10px}.dialog-intro h2{font-size:32px;line-height:1.3}.dialog-intro>p{font-size:12px;color:var(--muted);line-height:1.9}.gallery{position:relative;background:#e8eaf0;min-height:250px}.gallery figure{margin:0;display:flex;flex-direction:column;align-items:center;padding:24px 60px 14px}.gallery figure img{object-fit:contain;width:100%;max-height:47svh;min-height:180px}.gallery figcaption{font-size:11px;color:#656b77;margin-top:16px;text-align:center;line-height:1.5}.gallery-nav{position:absolute;top:46%;border:1px solid #d2d4dc;background:var(--paper);width:37px;height:37px;border-radius:50%;font-size:20px;z-index:1}.gallery-nav.previous{left:14px}.gallery-nav.next{right:14px}.gallery-thumbs{display:flex;justify-content:center;gap:10px;margin-top:22px;flex-wrap:wrap}.gallery-thumbs button{padding:3px;width:55px;height:55px;background:#eceef3;border:2px solid transparent}.gallery-thumbs button[aria-pressed="true"]{border-color:var(--blue)}.gallery-thumbs img{height:100%;width:100%;object-fit:contain}.gallery-count{text-align:center;color:var(--muted);font:10px ui-monospace,monospace;margin-top:15px}
@media(min-width:1600px){.hero-copy{padding-top:110px}.hero-art{top:16%;right:6%;height:73%}.hero-device{border-width:6px;border-radius:32px}.section-pad{padding-top:130px;padding-bottom:130px}.contact{padding-bottom:40px}.project-grid{gap:70px 50px}.theme-panel{padding:75px 60px}.theme-screens{gap:24px}.starlight-stage{height:660px}}
@media(max-width:1100px){.site-header nav{gap:24px}.site-header nav a>span{display:none}.hero{min-height:650px}.hero-copy{padding-top:86px}.hero-art{top:25%;width:47%;height:60%;right:2%}.hero-device{border-width:4px;border-radius:18px}.art-sticker{width:84px;height:84px;font-size:15px;bottom:10%;left:10%}.art-note{font-size:8px}.section-pad{padding-top:80px;padding-bottom:80px}.project-grid{column-gap:25px;row-gap:48px}.project-caption{display:block}.project-caption>span{display:block;margin-top:13px}.theme-panel{padding:36px 26px;gap:5%;grid-template-columns:.85fr 1.5fr}.theme-description h3{font-size:27px}.theme-screens{gap:12px}.theme-screens>img{border-radius:9px}.theme-tabs>button>span{font-size:8px}.details-section{gap:7%}.starlight-stage{height:460px;padding:30px}.contact-details{gap:24px}.contact-details a{font-size:17px}.contact-company p{font-size:10px}.expertise{gap:7%}}
@media(max-width:760px){:root{--gutter:24px}.site-header{height:76px}.brand-mark{width:32px;height:32px}.brand-name{font-size:23px}.brand-name>span{font-size:8px;letter-spacing:1px}.header-contact{font-size:12px;margin-left:auto;margin-right:18px;gap:15px}.menu-toggle{display:flex;flex-direction:column;gap:6px;padding:10px 0 10px 10px;position:relative;z-index:22}.menu-toggle span{width:21px;height:1.5px;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.75px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}.site-header nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--paper);padding:25px 24px 35px;box-shadow:0 20px 25px #1c2a5215;gap:0;flex-direction:column}.site-header nav.is-open{display:flex}.site-header nav a{font-size:19px;padding:17px 0;border-top:1px solid var(--line);justify-content:space-between}.site-header nav a>span{display:inline;font-size:12px}.hero{height:auto;min-height:0;padding-top:24px;padding-bottom:75px}.hero-topline{font-size:7px;letter-spacing:.6px}.hero-topline>span:last-child{display:none}.hero-copy{width:100%;padding-top:48px;pointer-events:auto}.eyebrow{font-size:10px;letter-spacing:1.3px;gap:9px}.tiny-fold{width:10px;height:12px}h1{font-size:clamp(51px,12.3vw,90px);letter-spacing:-.065em;line-height:1.17;margin:22px 0 20px}.hero-description{font-size:13px;line-height:1.9}.round-link{padding:13px 18px;gap:27px;margin-top:25px;font-size:11px}.round-link>span{font-size:20px}.hero-art{position:relative;right:auto;top:auto;width:100%;height:420px;margin-top:44px;display:block;max-width:500px;margin-left:auto;margin-right:auto}.hero-device{border-width:4px;border-radius:18px}.device-center{left:30%;top:2%;width:42%}.device-left{left:2%;top:10%;width:40%}.device-right{right:0;top:12%;width:38%}.art-orbit{height:65%;top:5%}.art-sticker{bottom:8%;left:3%;width:82px;height:82px;font-size:15px}.art-note{right:2%;bottom:6%;font-size:8px}.hero-bottom{bottom:25px;left:24px;right:24px;font-size:8px;letter-spacing:.3px}.hero-bottom>a{margin-right:5px;font-size:0;gap:0}.hero-bottom>a>span{font-size:20px}.hero-fold{width:64px;height:64px}.section-pad{padding-top:64px;padding-bottom:64px}.section-kicker{font-size:9px;letter-spacing:.9px}.section-kicker>span:last-child:not(.dot){font-size:10px}.about-main{grid-template-columns:1fr;gap:28px;margin-top:28px}h2{font-size:32px;line-height:1.45}.about-copy{font-size:13px;line-height:2}.about-copy p+p{margin-top:14px}.studio-facts{grid-template-columns:1fr 1fr;row-gap:30px;margin-top:40px;padding-top:28px}.studio-facts>div:not(:first-child){padding-left:0;border-left:0}.studio-facts>div:nth-child(even){border-left:1px solid var(--line);padding-left:24px}.studio-facts strong{font-size:43px;letter-spacing:-2px}.studio-facts strong>span{font-size:11px}.studio-facts p{font-size:10px;margin-top:10px}.section-heading{display:block;margin-bottom:30px}.section-heading h2{margin-top:22px}.section-heading>p{font-size:12px;line-height:1.8;margin:20px 0 0}.project-grid{grid-template-columns:1fr;gap:34px}.project-visual{height:clamp(330px,90vw,560px)}.visual-label{font-size:8px;top:22px;left:22px}.project-caption{display:flex;gap:10px;margin-top:17px}.project-caption h3{font-size:19px}.project-caption p{font-size:11px;margin-top:7px}.project-caption>span{font-size:8px;margin-top:0;padding-top:3px}.project-open{height:39px;width:39px;font-size:23px;bottom:18px;right:18px}.stage-word{font-size:54px;letter-spacing:-3px;top:17%}.dun-phone-one{top:25%;left:23%}.dun-phone-two{top:12%;right:8%}.yuanbao-type,.deer-type{font-size:55px}.theme-tabs{gap:0;justify-content:space-between;margin-bottom:20px}.theme-tabs>button{display:block;text-align:left;font-size:14px;padding:13px 4px 13px 0}.theme-tabs>button>span{display:block;font-size:7px;margin-top:7px;letter-spacing:.3px}.theme-panel{grid-template-columns:1fr;padding:28px 23px 36px;gap:30px}.theme-description h3{font-size:27px;margin:18px 0 12px}.theme-description>p{font-size:12px;max-width:100%}.theme-category{font-size:9px}.theme-features{margin-top:18px;gap:15px}.theme-features span{font-size:9px}.theme-description .text-link{margin-top:15px;font-size:11px;padding:8px 0}.theme-screens{gap:9px}.theme-screens>img{border-radius:6px}.theme-screens>img:nth-child(2){margin-top:28px}.details-section{display:flex;flex-direction:column;gap:32px}.starlight-stage{height:400px;padding:28px;order:2}.detail-copy{width:100%}.detail-copy h2{font-size:29px;margin:20px 0}.detail-copy>p{font-size:12px}.detail-copy .detail-note{margin-top:20px;font-size:11px}.text-link{margin-top:17px}.expertise{grid-template-columns:1fr;gap:22px}.expertise-intro h2{margin-top:20px}.expertise-intro{position:relative}.expertise-intro>p{font-size:12px;margin-top:18px}.fold-symbol{position:absolute;right:4px;bottom:8px;margin:0;width:57px;height:57px}.services{padding-top:0}.services summary>span:first-child{font-size:18px}.services details{padding:22px 0}.services details>p{font-size:12px;padding-top:20px}.service-en{font-size:7px}.contact{padding-top:32px;padding-bottom:25px}.contact-top>span{font-size:9px}.contact-heading{margin:45px 0}.contact-heading h2{font-size:clamp(30px,7.7vw,56px);line-height:1.35;letter-spacing:-.06em}.contact-heading>span{font-size:55px;padding-right:0;align-self:flex-start}.contact-details{grid-template-columns:1fr;gap:28px}.contact-details>div>span{font-size:10px;margin-bottom:10px}.contact-details a{font-size:19px}.contact-company{justify-self:start}.contact-company p{font-size:11px}.contact footer{margin-top:36px;padding-top:26px;display:block}.footer-brand{font-size:clamp(61px,18vw,100px)}.contact footer>div{flex-direction:row;justify-content:space-between;align-items:center;margin-top:25px;font-size:8px;text-align:left;gap:10px}.contact footer>div>a{align-self:auto;white-space:nowrap}dialog{width:calc(100vw - 20px);max-height:94svh}.dialog-shell{padding:14px 18px 24px}.dialog-header{font-size:7px;padding-bottom:12px}.dialog-close{font-size:11px;padding:7px 0;gap:10px}.dialog-intro{grid-template-columns:1fr;gap:15px;margin:22px 0}.dialog-intro h2{font-size:27px}.dialog-intro>p{font-size:11px}.dialog-category{font-size:9px}.gallery figure{padding:20px 42px 12px}.gallery figure img{max-height:43svh}.gallery-nav{width:29px;height:29px;font-size:16px}.gallery-nav.previous{left:7px}.gallery-nav.next{right:7px}.gallery figcaption{font-size:10px}.gallery-thumbs{gap:7px}.gallery-thumbs button{width:47px;height:47px}}
@media(max-width:380px){:root{--gutter:20px}.header-contact{margin-right:14px;font-size:11px;gap:10px}.brand-name{font-size:21px}.hero-art{height:350px}.hero-copy{padding-top:38px}.project-caption{display:block}.project-caption>span{margin-top:10px}.theme-tabs>button{font-size:12px}.hero-bottom{left:20px;right:20px}.contact-heading h2{font-size:29px}.contact-top>span{font-size:8px}.contact-heading>span{font-size:44px}.stage-word{font-size:47px}.yuanbao-type,.deer-type{font-size:49px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Honors: photographic evidence with the studio's existing blue identity. */
.honors{padding-top:36px;border-top:1px solid var(--line)}
.honors .section-heading{margin-bottom:36px}
.honors .section-heading h2{margin-top:18px}
.honors-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.honor-photo{width:100%;aspect-ratio:3/4;background:#e4e5ea;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0}
.honor-photo img{width:100%;height:100%;object-fit:contain;transition:transform .35s}
.honor-photo:hover img{transform:scale(1.025)}
.honor-photo-landscape{background:#dcd9d3}
.honor-photo-landscape img{height:auto}
.honor-zoom{position:absolute;bottom:12px;right:12px;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#ffffffed;color:var(--ink);font-size:20px;transition:transform .2s}
.honor-photo:hover .honor-zoom{transform:rotate(45deg)}
.honor-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:19px 0 10px;font-size:10px;color:var(--blue)}
.honor-meta time{font-family:ui-monospace,monospace;letter-spacing:1px}
.honor-card h3{font-size:20px;line-height:1.45;font-weight:600;letter-spacing:-.5px}
.honor-card>p{font-size:11px;line-height:1.7;color:var(--muted);margin-top:6px}
.honors-note{color:var(--muted);font-size:10px;line-height:1.7;margin-top:30px}
.gallery-original{display:block;width:max-content;margin:18px auto 0;padding:8px 0;color:var(--blue);border-bottom:1px solid currentColor;font-size:12px}
.honor-dialog .gallery figure img{max-height:58svh}
/* Social accounts: two platform groups, five real editorial covers. */
.social{background:#edf0fb;border-top:1px solid #dce1f1}
.social-platforms{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}
.social-xhs{grid-column:span 3}.social-douyin{grid-column:span 2}
.social-platform-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #b8c2e2;padding-bottom:16px;margin-bottom:22px}
.social-platform-heading h3{font-size:18px;font-weight:650;letter-spacing:-.5px}
.social-platform-heading>span{font:9px ui-monospace,monospace;letter-spacing:1px;color:#5c6791}
.social-accounts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.social-douyin .social-accounts{grid-template-columns:repeat(2,minmax(0,1fr))}
.social-account{display:block;min-width:0}
.social-cover{aspect-ratio:3/4;overflow:hidden;background:#dce1ef}
.social-cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.social-account:hover .social-cover img{transform:scale(1.035)}
.social-account-info{padding-top:18px}
.social-account h4{font-size:clamp(17px,1.6vw,24px);line-height:1.4;font-weight:650;letter-spacing:-.5px;margin:0 0 8px}
.social-handle{font-size:10px;line-height:1.6;color:#606a83;overflow-wrap:anywhere}
.social-account-link{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #c1c9df;color:var(--blue);padding:17px 0 13px;margin-top:6px;font-size:11px}
.social-account-link>span{font-size:23px;line-height:1;transition:transform .2s}
.social-account:hover .social-account-link>span{transform:translate(3px,-3px)}
.social-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:40px;color:#5c6791}
.social-bottom p{font-size:12px;letter-spacing:1px}
.social-bottom>span{font:9px ui-monospace,monospace;letter-spacing:1px}
@media(min-width:761px){.site-header nav{gap:clamp(18px,2.1vw,32px)}}
@media(min-width:761px) and (max-width:1240px){.site-header nav a>span{display:none}}
@media(max-width:1000px){.social-platforms{grid-template-columns:1fr;gap:38px}.social-platform{grid-column:auto}.social-douyin .social-accounts{grid-template-columns:repeat(3,minmax(0,1fr))}.social-account h4{font-size:20px}.social-cover{aspect-ratio:4/5}.social-bottom{margin-top:34px}}
@media(max-width:600px){.social-platforms{gap:34px}.social-platform-heading{padding-bottom:14px;margin-bottom:0}.social-platform-heading h3{font-size:17px}.social-accounts,.social-douyin .social-accounts{display:block}.social-account{display:grid;grid-template-columns:100px minmax(0,1fr);gap:21px;padding:22px 0;border-bottom:1px solid #c1c9df;align-items:center}.social-cover{aspect-ratio:3/4}.social-account-info{padding:0}.social-account h4{font-size:21px;margin-bottom:8px}.social-handle{font-size:10px}.social-account-link{border:0;padding:10px 0 0;margin-top:9px;font-size:11px}.social-account-link>span{font-size:24px}.social-bottom{display:block;margin-top:28px}.social-bottom>span{display:block;margin-top:12px;font-size:8px}}
@media(max-width:360px){.social-account{grid-template-columns:84px minmax(0,1fr);gap:16px}.social-account h4{font-size:19px}.social-handle{font-size:9px}}
@media(max-width:1100px){.honors-grid{gap:18px}.honor-card h3{font-size:17px}.honor-meta{font-size:9px}.honor-card>p{font-size:10px}}
@media(max-width:760px){.honors{padding-top:44px}.honors-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}.honors .section-heading{margin-bottom:28px}.honor-card h3{font-size:16px;letter-spacing:-.4px}.honor-meta{margin-top:13px;font-size:9px;align-items:flex-start}.honor-meta>span{max-width:70%}.honor-card>p{font-size:10px}.honor-zoom{width:27px;height:27px;font-size:17px;bottom:9px;right:9px}.honors-note{font-size:9px;margin-top:25px}.honor-dialog .gallery figure img{max-height:53svh}}