.works .section-top{margin-bottom:35px}.work-toolbar{border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:20px}.substyle-tabs{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 34px}.substyle-tabs button{border:1px solid #dddfd5;background:transparent;color:#71746a;border-radius:5px;padding:12px 17px;font-size:11px;transition:.2s}.substyle-tabs button.active{background:#fff0e8;color:#bc4a23;border-color:#ffac88}.substyle-tabs button:hover{border-color:var(--orange)}.substyle-tabs button[hidden]{display:none}.breakdown-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:40px;align-items:start}.style-profile{position:sticky;top:125px;padding:15px 0 10px}.style-profile .eyebrow{font-size:8px;letter-spacing:1px;color:var(--orange)}.style-profile h3{font-size:27px;line-height:1.4;letter-spacing:-1px;margin:14px 0}.character-title{display:block;font-size:11px;color:#777c6d}.style-profile>p{font-size:12px;line-height:2;color:#6d7367;margin:22px 0}.profile-divider{height:1px;background:var(--line);margin:25px 0 20px}.profile-label{font-size:10px;color:#939689;letter-spacing:1px}.style-profile ul{padding:0;margin:13px 0 0;list-style:none;display:flex;flex-direction:column;gap:12px}.style-profile li{font-size:12px}.style-profile li:before{content:'+';color:var(--orange);margin-right:9px}.style-profile .view-spec{margin:12px 0 25px;font-size:11px;line-height:2.1}.style-profile .profile-disclaimer{font-size:9px;line-height:1.9;color:#96998f;margin-top:27px;max-width:220px}.breakdown-viewer{min-width:0;background:#f0f0eb;border:1px solid #e2e4da;border-radius:8px;overflow:hidden}.viewer-toolbar{padding:15px 17px;display:flex;gap:10px;align-items:center;justify-content:space-between;background:#f7f7f2;border-bottom:1px solid #dcdfd5}.stage-tabs{display:flex;gap:3px;flex-wrap:wrap}.stage-tabs button{border:0;border-radius:4px;background:none;padding:10px 13px;font-size:10px;color:#73796b}.stage-tabs button.active{background:#30372c;color:#fff}.zoom-sheet{background:none;border:0;font-size:10px;color:#626d58;padding:10px 5px;white-space:nowrap}.zoom-sheet:hover{color:var(--orange)}.view-stage[hidden]{display:none}.stage-heading{display:flex;justify-content:space-between;align-items:center;padding:17px 20px 12px;background:#efefe8;font-size:11px;gap:12px}.stage-heading b{font-size:9px;font-weight:500;color:var(--orange);margin-right:10px}.stage-heading small{font-size:8px;color:#92978a;letter-spacing:.7px;margin-left:9px}.stage-heading>span:last-child{font-size:9px;color:#8a9080}.view-labels{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;background:#e9eae3;border-top:1px solid #dfe2d6;border-bottom:1px solid #dfe2d6}.view-labels>span{font-size:10px;padding:9px;border-right:1px solid #dce0d3;letter-spacing:1px}.view-labels>span:last-child{border:0}.view-labels small{font-size:8px;color:#92988a;margin-left:7px}.sheet-row{aspect-ratio:2/1;position:relative;overflow:hidden;background:#e8e9e3}.sheet-row img{position:absolute;width:100%;height:200%;left:0;max-width:none;object-fit:fill}.clay-row img{top:0}.texture-row img{top:-100%}#texture-stage{border-top:1px solid #d6dbcc}.viewer-footer{display:flex;justify-content:space-between;gap:15px;padding:15px 20px;border-top:1px solid #d6dbcc;font-size:9px;color:#868d7c;line-height:1.7}.viewer-footer>span:last-child{white-space:nowrap}.work-dialog{width:min(1100px,94vw)}.work-dialog>img{height:min(78vh,100vw);background:#e9e9e4;object-fit:contain}.work-dialog .dialog-copy{padding:25px 35px}.work-dialog .dialog-copy h2{font-size:25px}.work-dialog .dialog-copy p{max-width:800px}.work-dialog .eyebrow{font-size:9px}@media(max-width:1050px){.breakdown-layout{grid-template-columns:190px minmax(0,1fr);gap:25px}.style-profile h3{font-size:23px}.viewer-toolbar{padding:12px}.stage-tabs button{font-size:9px;padding:9px}.stage-heading{padding:13px 14px}.stage-heading>span+span{display:none}.stage-heading small{font-size:7px;margin-left:5px}.view-labels small{font-size:7px}}@media(max-width:760px){.work-toolbar{gap:15px}.substyle-tabs{gap:8px;margin-bottom:25px;display:grid;grid-template-columns:1fr 1fr}.substyle-tabs button{font-size:10px;padding:12px 7px}.breakdown-layout{display:flex;flex-direction:column;gap:25px}.style-profile{position:static;padding:0;width:100%}.style-profile h3{font-size:27px;margin-top:12px}.style-profile>p{font-size:12px;margin:15px 0}.style-profile ul{flex-direction:row;flex-wrap:wrap;gap:9px 15px;margin:12px 0 18px}.style-profile li{font-size:10px}.profile-divider{margin:18px 0 15px}.style-profile .view-spec{font-size:10px;margin:10px 0 17px}.style-profile .view-spec br{display:none}.style-profile .view-spec br:after{content:' / '}.style-profile .profile-disclaimer{max-width:none;font-size:9px;margin:18px 0 0}.breakdown-viewer{width:100%}.viewer-toolbar{padding:9px 8px;gap:3px}.stage-tabs{gap:0}.stage-tabs button{padding:10px 8px;font-size:9px}.zoom-sheet{font-size:9px}.stage-heading{padding:13px 10px;font-size:10px}.stage-heading small{font-size:6px}.stage-heading b{margin-right:6px}.view-labels>span{font-size:9px;padding:8px 2px}.view-labels small{font-size:6px;letter-spacing:0;margin-left:3px}.viewer-footer{font-size:8px;padding:12px;flex-direction:column;gap:4px}.work-dialog .dialog-copy{padding:22px}.work-dialog .dialog-copy h2{font-size:22px}}@media(prefers-reduced-motion:reduce){.substyle-tabs button{transition:none}}
.works [hidden]{display:none!important}
@media(max-width:760px){.works h2{font-size:26px}.style-profile .view-spec br{display:initial}}

.expertise .expertise-layout{margin-top:35px;align-items:center}.experience-label{display:block;font-size:12px;color:var(--muted);letter-spacing:2px}.expertise-intro .experience-number{font-family:Arial,sans-serif;font-size:78px;letter-spacing:1px;font-kerning:none;font-variant-numeric:tabular-nums;white-space:nowrap;line-height:1.1;margin:15px 0 25px;font-weight:600;color:var(--orange)}.experience-number span{font-family:"Microsoft YaHei",sans-serif;font-size:23px;letter-spacing:0;margin-left:12px;color:var(--ink)}.expertise-intro>p{font-size:13px;margin-bottom:28px}.expertise .service-list article{padding:30px 0}.style-profile .profile-disclaimer{margin-top:28px}.style-profile #style-brief{margin:22px 0 28px}
@media(max-width:760px){.expertise-intro .experience-number{font-size:68px}.expertise .service-list article{padding:25px 0}.expertise .expertise-layout{gap:35px}.expertise-intro>p{font-size:12px}.style-profile #style-brief{margin:14px 0 20px}.style-profile .profile-disclaimer{margin-top:20px}}
.ai-image-title{font-size:12px;font-weight:600;color:#666e5d;letter-spacing:1px;padding:8px 0}

@media(min-width:761px){.substyle-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}}
.sheet-row{aspect-ratio:auto;height:0;padding-top:50%;overflow-anchor:none;contain:layout paint}
.sheet-crop{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);overflow:hidden;contain:paint}
.sheet-crop img{display:block;transition:none!important}
.breakdown-viewer.is-loading .sheet-crop,.breakdown-viewer.is-empty .sheet-crop{visibility:hidden}
.style-profile.is-loading{opacity:.55}
#gallery-status{font-size:10px;font-weight:400;letter-spacing:0;margin-left:14px;color:#888e80}
.substyle-tabs button.pending{border-color:#fc713d;background:#fff0e8}
.zoom-sheet:disabled{opacity:.4;cursor:default}
.side-view-flip{transform:scaleX(-1);clip-path:inset(0 33.333333% 0 33.333333%);pointer-events:none}
.detail-sheet{height:78vh;max-height:100vw;display:flex;align-items:center;justify-content:center;background:#e9e9e4}
.detail-sheet-crop{height:100%;width:78vh;max-width:100%;position:relative;overflow:hidden}
.detail-sheet-crop>img{display:block;width:100%;height:100%;object-fit:contain}
.detail-sheet-crop>.side-view-flip{position:absolute;top:0;right:0;bottom:0;left:0}

.works .work-toolbar{justify-content:flex-end}
/* Keep style navigation within reach while reading either row of the gallery. */
.gallery-navigation{position:fixed;left:0;right:0;z-index:40;pointer-events:none}
.gallery-arrow{position:absolute;top:0;transform:translateY(-50%);width:48px;height:68px;border:1px solid #d8dacf;border-radius:24px;background:#faf9f6;color:#656d5b;box-shadow:0 3px 14px #29301f12;pointer-events:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:color .2s,border-color .2s,background .2s}
.gallery-prev{left:8px}.gallery-next{right:8px}
.gallery-arrow>span{font-size:24px;line-height:1.2}.gallery-arrow>small{font-size:10px;line-height:1.8}
.gallery-arrow:hover{color:#bc4a23;border-color:#ffac88;background:#fff0e8}
.gallery-arrow:focus{outline:2px solid #bc4a23;outline-offset:3px}
.gallery-arrow:disabled{opacity:.45;cursor:default}
.dialog-open .gallery-navigation,.menu-open .gallery-navigation{display:none}
@media(min-width:1600px){.gallery-prev{left:24px}.gallery-next{right:24px}}
@media(min-width:2320px){.gallery-prev{left:calc((100vw - 2320px)/2 + 28px)}.gallery-next{right:calc((100vw - 2320px)/2 + 28px)}}
@media(max-width:1050px){.gallery-arrow{width:44px;height:60px}.gallery-prev{left:4px}.gallery-next{right:4px}}
@media(max-width:760px){.gallery-arrow{height:52px;background:#faf9f6f5}.gallery-arrow>span{font-size:21px}.gallery-arrow>small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.gallery-arrow{transition:none}}
.substyle-tabs button{font-size:13px;line-height:1.65;min-height:46px;padding:11px 12px;color:#5e6558}
.style-profile .eyebrow{font-size:10px;line-height:1.8}
.character-title{font-size:13px;line-height:1.8;color:#646c5d}
.style-profile>p{font-size:14px;line-height:1.9}
.style-profile .profile-disclaimer{font-size:12px;color:#697261}
.zoom-sheet{font-size:13px;min-height:40px}
.stage-heading,.stage-heading>span:last-child{font-size:13px;line-height:1.7;color:#5d6655}
.stage-heading b{font-size:11px}
.stage-heading small{font-size:10px;color:#68735e}
.view-labels>span{font-size:12px;line-height:1.7}
.view-labels small{font-size:10px;color:#69745f}
.viewer-footer{font-size:12px;color:#65705b}
#gallery-status{font-size:12px;color:#68735e}
.work-dialog .eyebrow{font-size:11px;line-height:1.8}
.experience-label{font-size:14px}
.expertise-intro>p{font-size:14px}
@media(max-width:1050px){.works .work-toolbar{align-items:flex-end}.stage-heading small{font-size:10px}.view-labels small{font-size:10px}}
@media(max-width:760px){.substyle-tabs button{font-size:12px;padding:10px 5px;min-height:44px}.character-title{font-size:13px}.style-profile>p{font-size:14px}.style-profile .profile-disclaimer{font-size:12px}.zoom-sheet{font-size:12px}.stage-heading,.stage-heading>span:last-child{font-size:12px}.stage-heading small{font-size:9px;display:inline-block;margin-left:6px}.view-labels>span{font-size:12px;letter-spacing:0}.view-labels small{font-size:9px;display:block;margin-left:0}.viewer-footer{font-size:12px}.expertise-intro>p{font-size:14px}#gallery-status{font-size:11px;margin-left:8px}.work-dialog .eyebrow{font-size:10px}}

@media(min-width:1600px){.breakdown-layout{grid-template-columns:minmax(260px,20%) minmax(0,1fr);gap:clamp(40px,3vw,80px)}.substyle-tabs{gap:12px}.substyle-tabs button{font-size:15px;min-height:50px}.style-profile h3{font-size:32px}.style-profile>p{font-size:16px}.character-title{font-size:14px}}
