:root{color-scheme:light;--ink:#181714;--paper:#f6f3ed;--muted:#5d5b55;--gold:#c7a76b;--line:#d9d4c8;font-family:Inter,"Noto Sans SC",system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{margin:0;background:var(--paper);color:var(--ink)}body:has(.creator-hero){background:#11110f}a{color:inherit}img,video{display:block;max-width:100%}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid #e3bd72;outline-offset:4px}.skip{position:absolute;top:-100px;left:1rem;background:white;color:#111;padding:.8rem;z-index:20}.skip:focus{top:1rem}.sitebar{position:relative;z-index:5;background:#11110f;color:#faf7f0;border-bottom:1px solid #39352d}.sitebar-inner{width:min(100% - 3rem,1480px);margin:auto;min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:1.4rem}.sitebar-brand{display:inline-flex;align-items:center;text-decoration:none;flex:none}.sitebar-brand img{width:112px;height:auto}.sitebar-nav{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:clamp(.7rem,2vw,1.6rem);font-size:.8rem;font-weight:700;letter-spacing:.03em}.sitebar-nav a{text-decoration:none;color:#e8e3d8;padding:.6rem .15rem}.sitebar-nav a:hover,.sitebar-nav a[aria-current="page"]{color:#e4bf79}.sitebar-lang{display:inline-flex;align-items:center;border:1px solid #786746;border-radius:4px;padding:0 .35rem}.sitebar-lang a{padding:.55rem .4rem;min-width:42px;text-align:center}.sitebar-lang .active{color:#e4bf79}.wrap{width:min(100% - 3rem,1360px);margin-inline:auto}.eyebrow{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;font-weight:800;color:#a98443}.kicker{font-size:.86rem;line-height:1.55;letter-spacing:.07em;text-transform:uppercase;font-weight:700}.creator-hero{color:#f5f1e8;background:radial-gradient(circle at 78% 14%,#604d32 0%,#1b1b19 34%,#11110f 70%);padding:clamp(5rem,11vw,10rem) 0 clamp(4rem,8vw,8rem)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(2rem,5vw,6rem);align-items:center}.creator-hero h1,.trainer-hero h1{font-size:clamp(2.65rem,6.4vw,7.25rem);line-height:.98;letter-spacing:-.065em;margin:.35em 0}.creator-hero .hero-sub{font-size:clamp(1.15rem,2.1vw,2rem);line-height:1.25;color:#ead7ae;max-width:22ch}.hero-body{max-width:57ch;font-size:clamp(1rem,1.3vw,1.17rem);line-height:1.7;color:#d5d2c9}.location{font-size:.77rem;text-transform:uppercase;letter-spacing:.1em;color:#bdb4a2}.button-row{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.82rem 1.3rem;text-decoration:none;font-weight:800;border:1px solid currentColor;border-radius:3px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:#e8ca90;color:#16130e;border-color:#e8ca90}.button-ghost{color:#f6f1e7}.hero-media{margin:0;position:relative}.hero-media img{width:100%;height:clamp(370px,46vw,680px);object-fit:cover;object-position:center top;border-radius:2px;filter:saturate(.8)}.hero-media figcaption{font-size:.72rem;line-height:1.4;color:#c8c0b2;margin-top:.65rem}.hero-media:before{content:"";position:absolute;inset:-12px 12px 12px -12px;border:1px solid #8d7450;pointer-events:none}.intro-strip{background:#e7dfd0;padding:1rem 0;border-bottom:1px solid #d4cabc}.intro-strip p{margin:0;font-size:clamp(.85rem,1.2vw,1rem);font-weight:700;letter-spacing:.035em;text-align:center}.block{padding:clamp(4.5rem,9vw,8rem) 0}.block h2{font-size:clamp(2.2rem,4.5vw,4.7rem);letter-spacing:-.055em;line-height:1.07;margin:.18em 0 .4em}.lede{max-width:62ch;font-size:clamp(1rem,1.5vw,1.24rem);line-height:1.7;color:var(--muted)}.work-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1.1rem;margin-top:3rem}.work-card{grid-column:span 4;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.work-card:first-child{grid-column:span 7}.work-card:nth-child(2){grid-column:span 5}.work-card figure{margin:0;overflow:hidden;background:#d9d5cc}.work-card img{width:100%;height:clamp(260px,32vw,440px);object-fit:cover;transition:transform .35s}.work-card:hover img{transform:scale(1.025)}.work-card:first-child img,.work-card:nth-child(2) img{height:clamp(300px,40vw,520px)}.work-card-copy{padding:clamp(1.2rem,2vw,2rem);display:flex;flex-direction:column;flex:1}.work-card h3{font-size:clamp(1.35rem,2vw,2rem);letter-spacing:-.04em;line-height:1.15;margin:.5rem 0}.work-card p:not(.eyebrow){line-height:1.6;color:var(--muted);margin:.3rem 0 1rem}.work-card a{font-weight:800;text-decoration-thickness:1px;text-underline-offset:4px;margin-top:auto}.dark-block{background:#171715;color:#f6f2e9}.dark-block .lede{color:#c9c6bb}.equation{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#4b463d;margin:3rem 0 1.6rem;border:1px solid #4b463d}.equation div{background:#22221f;padding:clamp(1.1rem,2.4vw,2rem)}.equation b{display:block;color:#e6c684;font-size:clamp(1.15rem,2vw,2rem);line-height:1.15;letter-spacing:-.03em}.equation span{display:block;font-size:.74rem;line-height:1.5;color:#bdb8ad;margin-top:.55rem}.workflow{list-style:none;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;counter-reset:steps;margin:2.5rem 0 0}.workflow li{border-top:1px solid #a38a62;padding:1.2rem .2rem;line-height:1.45;font-size:clamp(.92rem,1.25vw,1.1rem);font-weight:700}.workflow li:before{counter-increment:steps;content:counter(steps,decimal-leading-zero);display:block;color:#b28f56;font-size:.7rem;letter-spacing:.15em;margin-bottom:.8rem}.collab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2.5rem}.collab-grid article{padding:clamp(1.2rem,2vw,2rem);border:1px solid var(--line);background:#fff}.collab-grid h3{font-size:1.17rem;margin:.2rem 0 .6rem}.collab-grid p{line-height:1.6;color:var(--muted);margin:0}.platform-note{padding:1.3rem 1.5rem;background:#efeae0;border-left:3px solid #a9874d;max-width:75ch;line-height:1.6}.closing{background:#161613;color:#f7f2e8;text-align:center}.closing p{max-width:62ch;margin:0 auto 1.6rem;line-height:1.7;color:#c9c2b4}.closing .button-row{justify-content:center}.sitefoot{background:#0d0d0c;color:#eee9e0;border-top:1px solid #363127;padding:3rem 0}.foot-grid{display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap}.sitefoot p{margin:.4rem 0;line-height:1.5;color:#aaa69c}.foot-links{display:flex;flex-wrap:wrap;gap:1rem}.foot-links a{font-size:.85rem}.trainer-hero{padding:clamp(5rem,9vw,9rem) 0;background:#eee8dd}.trainer-hero h1{max-width:12ch}.trainer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.trainer-grid a{display:block;padding:2rem;background:#fff;border:1px solid var(--line);text-decoration:none}.trainer-grid a:hover{border-color:#ad8c57}.trainer-grid h3{font-size:1.4rem;margin:.4rem 0}.trainer-grid p{line-height:1.6;color:var(--muted)}.mini-reel{background:#10100f;color:#f7f1e7}.mini-reel video{width:100%;aspect-ratio:16/9;object-fit:cover;background:#000}.mini-reel .lede{color:#d4cfc3}.mini-reel .button{margin-top:1.5rem}@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-media img{height:auto;max-height:610px}.work-card:first-child,.work-card:nth-child(2),.work-card{grid-column:span 6}.collab-grid,.trainer-grid{grid-template-columns:repeat(2,1fr)}.equation{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.sitebar-inner{width:min(100% - 1.4rem,1480px);min-height:70px;flex-wrap:wrap;padding:.7rem 0}.sitebar-brand img{width:82px}.sitebar-nav{width:100%;justify-content:space-between;gap:.15rem;font-size:.68rem}.sitebar-nav a{padding:.35rem .12rem}.sitebar-lang a{min-width:32px;padding:.3rem .2rem}.wrap{width:min(100% - 2rem,1360px)}.creator-hero{padding:4rem 0}.creator-hero h1,.trainer-hero h1{font-size:clamp(2.55rem,12vw,4rem)}.work-grid{display:block}.work-card{margin-bottom:1rem}.work-card img,.work-card:first-child img,.work-card:nth-child(2) img{height:300px}.collab-grid,.trainer-grid{grid-template-columns:1fr}.workflow{grid-template-columns:repeat(2,1fr)}.button-row{display:grid}.button{width:100%}.hero-media:before{display:none}}@media(max-width:360px){.sitebar-nav{font-size:.63rem}.sitebar-lang a{min-width:28px}.workflow{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

@media(max-width:640px){.sitebar-nav{justify-content:flex-start;gap:.35rem .8rem;font-size:.76rem}.sitebar-lang{margin-left:auto}html[lang^="zh"] .creator-hero h1{font-size:clamp(2.1rem,9vw,4.6rem)}}
@media(max-width:360px){.sitebar-nav{font-size:.75rem}.sitebar-lang a{min-width:34px}}

.trainer-hero .location{color:#60584d}

.eyebrow{color:#75572c}.creator-hero .eyebrow,.dark-block .eyebrow,.mini-reel .eyebrow,.closing .eyebrow{color:#d7b678}

/* Preserve each visual work in its native frame: two portrait studies and one wide event photo. */
.work-card figure{display:flex;align-items:center;justify-content:center}.work-card img,.work-card:first-child img,.work-card:nth-child(2) img{height:auto;max-height:none;object-fit:contain;aspect-ratio:3/4}.work-card:nth-child(3) img{aspect-ratio:16/9}@media(max-width:640px){.work-card img,.work-card:first-child img,.work-card:nth-child(2) img{height:auto}}

/* Show the full supplied portrait; avoid cutting off the head or feet at desktop/tablet widths. */
.hero-media img{width:min(100%,430px);height:auto;max-height:none;object-fit:contain;margin-inline:auto}.hero-media figcaption{text-align:center}.hero-media:before{display:none}
/* Equal card frames with full artwork visible across desktop and phone layouts. */
.work-card figure{height:clamp(320px,39vw,520px)}
.work-card figure img,.work-card:first-child figure img,.work-card:nth-child(2) figure img,.work-card:nth-child(3) figure img{width:100%;height:100%;aspect-ratio:auto;object-fit:contain}
.work-card:first-child figure{background:#26334b}
.work-card:nth-child(2) figure{background:#a8773d}
.work-card:nth-child(3) figure{background:#262018}
@media(max-width:640px){.work-card figure{height:clamp(300px,94vw,420px)}}
/* Light content panels need an explicit surface because the creator page body is dark. */
.block{background:var(--paper);color:var(--ink)}
.block.mini-reel{background:#10100f;color:#f7f1e7}
.block.dark-block{background:#171715;color:#f6f2e9}
.block.closing{background:#161613;color:#f7f2e8}

/* Category-matched image groups fill wide work cards without enlarging or cropping one portrait. */
.work-card figure.work-gallery{display:grid;height:clamp(270px,31vw,390px);gap:3px;align-items:stretch;background:#171715}
.work-gallery-lighting{grid-template-columns:repeat(3,minmax(0,1fr))}
.work-gallery-craft{grid-template-columns:repeat(2,minmax(0,1fr))}
.work-card figure.work-gallery img,.work-card:first-child figure.work-gallery img,.work-card:nth-child(2) figure.work-gallery img{display:block;width:100%;height:100%;object-fit:contain;aspect-ratio:auto;background:#171715}
@media(max-width:640px){.work-card figure.work-gallery{height:clamp(215px,63vw,285px)}.work-gallery-lighting{grid-template-columns:repeat(2,minmax(0,1fr))}.work-gallery-lighting img:last-child{display:none!important}}