:root{color-scheme:dark;--ink:#101113;--paper:#f5f4ef;--accent:#ff683c;--muted:#a9aaab;--line:#343538}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font:16px/1.65 "Inter","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.wrap{width:min(1180px,90%);margin:auto}header{}header .wrap,footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding:20px 0}.brand{font-weight:900;letter-spacing:.13em}.brand i{display:inline-block;width:12px;height:12px;background:var(--accent);margin-right:12px;transform:skew(-16deg)}nav{display:flex;flex-wrap:wrap;gap:clamp(12px,3vw,32px);font-size:14px}nav a:hover{color:var(--accent)}.hero{padding:clamp(72px,12vw,155px) 0 70px;background:radial-gradient(ellipse at 90% 5%,#492119,transparent 58%)}.hero h1{font-size:clamp(46px,8.5vw,120px);line-height:1.04;letter-spacing:-.06em;margin:0 0 28px}.hero h1 span{color:var(--accent)}p{margin:0 0 1em}.hero p{max-width:42em;color:#ccc;font-size:clamp(16px,2vw,21px)}.button{display:inline-block;margin-top:15px;background:var(--accent);color:#19110e;padding:12px 22px;font-weight:bold}.stats,.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);}.stats div,.card{padding:clamp(20px,3.4vw,42px);background:#191a1c}.stats strong{display:block;color:var(--accent);font-size:clamp(34px,5vw,65px);line-height:1.15}.stats small,.card p,.lead,footer{color:var(--muted)}section{padding:clamp(55px,8vw,100px) 0}h2{font-size:clamp(34px,6vw,72px);line-height:1.1;margin:0 0 24px;letter-spacing:-.04em}h3{margin:0 0 10px;font-size:23px}.light{background:var(--paper);color:var(--ink)}.light .grid{background:#d6d3cd}.light .card{background:var(--paper)}.light .card p,.light .lead{color:#525251}.case strong{font-size:31px;color:#a7371b}.team{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;margin-bottom:35px}figure{margin:0}img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover}figcaption{color:var(--muted);font-size:13px;margin-top:6px}footer{}@media(max-width:740px){.grid,.team{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.stats div{display:flex;align-items:baseline;gap:14px}.hero{padding-top:65px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
:root{color-scheme:light;--ink:#202522;--paper:#f9faf6;--accent:#a93421;--muted:#525e55;--line:#d8dfd6}body{background:var(--paper);color:var(--ink)}header{background:#fff}.hero{background:linear-gradient(112deg,#f0f5e9,#faf6ed);padding-bottom:75px}.hero p{color:var(--muted)}.button{background:var(--accent);color:white}.button:hover{background:#872817}.stats{margin-top:-24px;position:relative}.stats div,.card,.light .card{background:#fff}.light{background:#eef3ec}.light .grid{background:var(--line)}.grid,.stats{border-radius:14px;overflow:hidden}.team img{border-radius:14px}.lead{max-width:56em}.tags{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none}.tags li{background:#e9f0e5;padding:5px 13px;border-radius:20px}.more{display:inline-block;margin-top:22px;color:var(--accent);font-weight:700}.footer-links{display:flex;gap:18px;flex-wrap:wrap}footer a:hover{text-decoration:underline}.brand i{background:var(--accent)}.contact{margin-top:26px}.contact p{margin-bottom:6px}
.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:26px}.photo-card{overflow:hidden;border-radius:14px;background:#fff}.photo-card figcaption{margin:0;padding:14px 18px;font-size:15px}.photo-card img{background:#f1f3ed}.photo-card.poster img{object-fit:contain}.team figure img{object-fit:contain;background:#f1f3ed}.feature-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;margin-top:24px}.feature-grid img{height:auto;aspect-ratio:16/10;object-fit:contain}@media(max-width:740px){.photo-grid,.feature-grid{grid-template-columns:1fr}}
body{background:#fafaf6}.hero{background:#edf2e8}.hero h1{font-size:clamp(42px,7vw,96px)}.section-title{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:end;margin-bottom:30px}.section-title h2,.section-title p{margin:0}.showcase{display:grid;grid-template-columns:1.15fr 1fr;gap:18px}.showcase .photo-card img{aspect-ratio:16/10;object-fit:contain}.showcase-side{display:grid;gap:18px}.showcase-side .card,.highlight{border-radius:14px}.highlight{background:#e6eee0;padding:24px;margin:22px 0}.highlight strong,.creator-list strong{color:var(--accent)}.creator-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 24px}.creator-list article{background:white;border-radius:12px;padding:16px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}details{background:white;border-radius:12px;margin-top:12px;padding:14px 18px}summary{cursor:pointer;font-weight:700}details ul{padding-left:22px}figure img{object-fit:contain;background:#edf1e9}@media(max-width:740px){.section-title,.showcase{grid-template-columns:1fr;gap:12px}.creator-list{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-side{gap:12px}nav{column-gap:15px;row-gap:8px}header .wrap{gap:12px}.stats div{flex-wrap:wrap}.photo-grid{gap:14px}}
.awards{margin-top:48px}.awards h3{font-size:clamp(26px,4vw,40px)}.awards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.awards img{object-fit:contain}.awards .photo-card{margin:0}.award-year{display:block;color:var(--accent);font-weight:700}.award-name{display:block;color:var(--ink);font-size:20px}.award-feature{padding:clamp(20px,4vw,45px);display:flex;flex-direction:column;justify-content:center;background:#e2ebdd}.award-feature .award-name{font-size:clamp(24px,4vw,42px);line-height:1.2;margin-top:10px}@media(max-width:640px){.awards-grid{grid-template-columns:1fr}}.creator-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.creator-list article{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:20px;}.creator-list .avatar{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#e7efe3;color:#344d36;font-weight:800;margin-bottom:5px}.creator-list .creator-name{font-size:18px;font-weight:750}.creator-list small{color:var(--muted)}.creator-list strong{font-size:21px}.photo-card figcaption strong{color:var(--ink)}@media(max-width:900px){.creator-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.creator-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.creator-list article{padding:14px}.creator-list .creator-name{font-size:16px}}
header{background:linear-gradient(105deg,#f6f8f1,#f2eee9 55%,#edf3ee);}
header .wrap{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;min-height:84px;padding:13px 0}
header .brand{justify-self:start;display:block}
header .brand img{display:block;width:clamp(122px,12vw,160px);height:auto;aspect-ratio:auto;background:transparent}
header nav{grid-column:2;display:grid;grid-template-columns:repeat(4,auto);gap:6px;padding:5px;background:#ffffff70;backdrop-filter:blur(14px);border-radius:999px;}
header nav a{display:grid;place-items:center;min-height:42px;padding:0 17px;border-radius:999px;background:#ffffff80;font-weight:650;white-space:nowrap}
header nav a:hover,header nav a:focus-visible{background:#fff;color:var(--accent)}
@media(max-width:740px){header .wrap{grid-template-columns:1fr;justify-items:center;gap:10px;padding:12px 0 15px}header .brand{justify-self:center}header nav{grid-column:1;max-width:100%;gap:4px}header nav a{padding:0 clamp(4px,2vw,13px);font-size:clamp(11px,3.4vw,14px);min-height:40px}}
.team-gallery img{aspect-ratio:16/9;object-fit:contain}.awards img[src*="award-delta"],.awards img[src*="award-ccking"]{aspect-ratio:4/3}.awards-latest{margin-bottom:16px}
.awards-archive{grid-template-columns:repeat(3,minmax(0,1fr))}
.awards .photo-card{display:flex;flex-direction:column}
.awards .photo-card figcaption{flex:1;padding:16px 18px}
.awards-latest .photo-card img[src]{aspect-ratio:1;object-fit:cover;object-position:50% 71%}
.awards-archive .photo-card img{aspect-ratio:4/3;object-fit:cover}
.awards-archive .photo-card img[src*="award-arena"]{object-fit:contain;background:#252c29}
@media(max-width:640px){.awards-latest,.awards-archive{grid-template-columns:1fr}}
#esports .team{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:clamp(18px,4vw,48px)}
#esports .team img{height:auto;aspect-ratio:16/9}
#esports .team-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
#esports .team-gallery article{background:#fff;border-radius:14px;padding:clamp(14px,3vw,28px);min-width:0}
#esports .team-gallery figure+figure{margin-top:16px}
@media(max-width:740px){#esports .team,#esports .team-gallery{grid-template-columns:minmax(0,1fr)}}
.portfolio{margin-top:38px}.portfolio>h3{margin:30px 0 14px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.portfolio-card{min-width:0;background:#fff;border-radius:14px;padding:16px}.portfolio-card h4{margin:0 0 9px;font-size:17px}.portfolio-card p{color:var(--muted);font-size:14px}.portfolio-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.portfolio-media>a:only-child{grid-column:1/-1}.portfolio-media>a{display:block;overflow:hidden;border-radius:7px;background:#eef1eb}.portfolio-media img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}.portfolio-media a:hover{outline:2px solid var(--accent)}@media(max-width:900px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.portfolio-grid{grid-template-columns:minmax(0,1fr)}}
.image-caption{display:block;padding:6px 8px;background:#f5f7f1;color:var(--muted);font-size:12px}.hero{background:linear-gradient(125deg,#f4f6ed,#f9f4ee);padding:clamp(38px,6vw,82px) 0 60px}
.hero-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(22px,5vw,70px);align-items:center}
.hero h1{font-family:"Microsoft YaHei UI","PingFang SC",sans-serif;font-size:clamp(38px,6vw,76px);font-weight:650;letter-spacing:.04em;line-height:1.18;margin:0 0 14px}
.hero p{font-size:16px;line-height:1.8}.hero .hero-tagline{font-size:clamp(18px,2.5vw,26px);font-weight:600;color:#33483b}
.hero .button,#contact .button{border-radius:999px}.hero figure img{width:auto;max-width:100%;max-height:440px;height:auto;aspect-ratio:auto;object-fit:contain;margin-inline:auto;border-radius:16px}
header nav{grid-template-columns:repeat(5,auto)}#about time{display:block;color:var(--accent);font-weight:700;margin-bottom:8px}.contact-panel{background:white;border-radius:16px;padding:24px}.contact-panel address{font-style:normal}
@media(max-width:850px){header .wrap{grid-template-columns:1fr;justify-items:center}header .brand{justify-self:center}header nav{grid-column:1}}
@media(max-width:600px){.hero-layout{grid-template-columns:1fr}.hero figure img{max-height:360px}.hero figure figcaption{text-align:center}header nav{gap:3px;padding:4px}header nav a{min-height:40px;padding:0 clamp(2px,1vw,6px);font-size:clamp(10px,3.2vw,13px)}}

.uniform-gallery .gallery-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px}
.gallery-tiles>a{display:flex;min-width:0;flex-direction:column;overflow:hidden;border-radius:12px;background:#fff}
.gallery-tiles img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#eef1eb}
.gallery-tiles .image-caption{padding:10px 12px;height:calc(3em + 20px);line-height:1.5;overflow:hidden;overflow-wrap:anywhere}
.gallery-tiles>a:hover,.gallery-tiles>a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.hero figure figcaption{text-align:center}
@media(max-width:940px){.uniform-gallery .gallery-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.uniform-gallery .gallery-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.gallery-tiles .image-caption{padding-inline:8px}}
.portfolio-grid{align-items:start}
.portfolio-card .portfolio-media{grid-template-columns:repeat(2,minmax(0,1fr))}
.portfolio-card .portfolio-media>a:only-child{grid-column:auto}
.portfolio-media>a{display:flex;flex-direction:column}
.portfolio-media img,.gallery-tiles img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
.portfolio-media .image-caption,.gallery-tiles .image-caption{height:calc(3em + 16px);padding:8px 10px;line-height:1.5;overflow:hidden;overflow-wrap:anywhere}
.summer-results{display:flex;flex-direction:column;justify-content:space-between;border-radius:14px;background:white;padding:clamp(18px,3vw,32px);gap:14px}.summer-results dl{margin:0;display:grid;gap:8px}.summer-results dl div{padding:9px 12px;background:#f1f5ee}.summer-results dt{font-weight:700}.summer-results dd{margin:3px 0 0;color:var(--muted)}.summer-team{padding-top:10px}.summer-team h4,.summer-team p{margin:0}.summer-team h4{margin-bottom:4px}.portfolio-image{display:block;width:100%;aspect-ratio:16/10;overflow:hidden;background:#e9eee6}
.portfolio-media .portfolio-image img,.gallery-tiles .portfolio-image img{width:100%;height:100%;aspect-ratio:auto;object-fit:contain}
#esports .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
#esports .portfolio-card{display:flex;flex-direction:column}
#esports .portfolio-card .portfolio-media{margin-top:auto;padding-top:6px}
@media(max-width:600px){#esports .portfolio-grid{grid-template-columns:minmax(0,1fr)}}
.creator-list img.avatar{width:80px;height:80px;object-fit:cover;aspect-ratio:1}.contact-panel a:not(.button){overflow-wrap:anywhere;text-decoration:underline}@media(max-width:640px){.contact-panel{grid-template-columns:1fr}}header nav{grid-template-columns:repeat(6,auto)}@media(max-width:600px){header nav{width:min(100%,420px);grid-template-columns:repeat(3,minmax(0,1fr));border-radius:24px}header nav a{font-size:13px;min-height:40px}}
:root{--paper:#fafbf8;--ink:#1f2c25;--muted:#536258;--line:#dbe4da;--accent:#a1362a}
.light{background:#eef3eb}
.photo-card,.portfolio-card,.creator-list article,.gallery-tiles>a{border-radius:14px;background:#fff;}
.photo-card figcaption{padding:14px 16px;line-height:1.55}
.photo-grid,.feature-grid,.awards-grid,.portfolio-grid{gap:16px}
.portfolio-image,.gallery-tiles .portfolio-image{aspect-ratio:16/10;background:#e9eee7}
.portfolio-media .portfolio-image img,.gallery-tiles .portfolio-image img{height:100%;width:100%;object-fit:contain}
.portfolio-card h4{line-height:1.4}.portfolio-card p{margin-bottom:10px}
#esports .team-gallery figure img{height:auto;aspect-ratio:16/9;object-fit:contain}
#about .photo-grid img{height:auto;aspect-ratio:3/2;object-fit:cover}
#about .photo-grid img[src$="dongguan.jpg"]{object-position:center top}
@media(max-width:640px){.photo-card figcaption{padding:12px}.portfolio-grid,.photo-grid,.awards-grid{gap:12px}}

:root{--paper:#f6f7fc;--ink:#171a33;--muted:#4e566f;--line:#dce0f1;--accent:#5030b7}
body{background:var(--paper);color:var(--ink);font-family:Inter,"Microsoft YaHei UI",sans-serif}
header{position:sticky;top:0;z-index:5;background:#f6f7fcf5;backdrop-filter:blur(16px)}
header nav{background:#e9e8f7;}
header nav a{color:var(--ink);transition:background .18s,color .18s}
header nav a:hover,header nav a[aria-current]{background:#302362;color:white}
section[id]{scroll-margin-top:145px}
.hero{background:linear-gradient(115deg,#eceaff,#f6f7fc 57%,#dbf4f3)}
.light{background:#edf0fa}
.button{background:#432797;color:#fff;}
.button:hover{background:#32216c}
.stats,.grid{background:var(--line)}
.photo-card,.portfolio-card,.creator-list article,.gallery-tiles>a,.contact-panel,.summer-results{}
.creator-list article,.summer-results dl div{}
.portfolio-image,.gallery-tiles .portfolio-image{background:#e5e9f5}
.gallery-tiles .image-caption,.portfolio-media .image-caption{background:#f1f2fa;color:var(--muted)}
details{}summary{min-height:40px;align-content:center;color:#432797}
summary:hover{text-decoration:underline}
.gallery-tiles>a,.portfolio-media>a{cursor:zoom-in}
dialog{padding:16px;border-radius:16px;background:#f6f7fc;color:var(--ink);width:min(94vw,1080px);max-height:92vh}
dialog::backdrop{background:#10152bd9}
dialog form{display:flex;justify-content:flex-end;margin-bottom:10px}
dialog button{min-height:40px;border-radius:20px;padding:0 18px;background:#302362;color:white;cursor:pointer}
dialog img{width:100%;height:auto;max-height:72vh;aspect-ratio:auto;object-fit:contain}
dialog p{margin:10px 0 0;color:var(--muted)}
@media(max-width:600px){header .wrap{min-height:auto}section[id]{scroll-margin-top:170px}}
.creator-list{grid-template-columns:repeat(3,minmax(0,1fr))}.creator-list article{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:16px}.creator-profile{display:grid;justify-items:start;gap:4px}.creator-work{display:grid;place-content:center;text-align:center;gap:5px;min-height:108px;border-radius:12px;background:#eee9fc;color:#432797;font-weight:700}.creator-work:hover:not(.pending){background:#432797;color:#fff}.creator-work.pending{color:var(--muted);background:#f2f3f7;font-size:13px}@media(max-width:900px){.creator-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.creator-list{grid-template-columns:1fr}}.portfolio-media .image-caption:has(strong){height:auto;min-height:76px}.image-caption strong,.image-caption small{display:block;overflow-wrap:anywhere}.stats{gap:1px;overflow:hidden}
.stats div{display:grid;align-content:center;justify-items:start;gap:9px;min-width:0;padding:clamp(16px,3vw,36px);min-height:145px}
.stats strong{display:flex;align-items:baseline;gap:.13em;white-space:nowrap;font-size:clamp(25px,4.15vw,56px);font-weight:750;line-height:1.12;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.stats strong span{font-size:.62em;letter-spacing:0}
.stats small{font-size:14px;line-height:1.45}
@media(max-width:740px){.stats div{min-height:0;padding:16px 20px;gap:5px}.stats strong{font-size:clamp(30px,7vw,44px)}}
.creator-list article{grid-template-columns:minmax(84px,.72fr) minmax(0,1.6fr);min-height:156px;padding:14px;gap:12px}
.creator-profile{grid-template-columns:44px minmax(0,1fr);column-gap:9px;row-gap:2px;align-items:center;line-height:1.35}
.creator-profile img.avatar{grid-column:1;grid-row:1/span 2;width:44px;height:44px;margin:0}
.creator-profile .creator-name,.creator-profile small,.creator-profile strong{grid-column:2;overflow-wrap:anywhere}
.creator-profile .creator-name{font-size:16px}
.creator-profile strong{font-size:19px}
.creator-work{min-height:64px;padding:6px;font-size:13px;gap:2px}
@media(min-width:901px) and (max-width:1050px){.creator-list{grid-template-columns:repeat(2,minmax(0,1fr))}}

:root{--paper:#f7f8fc;--ink:#171d32;--muted:#505b70;--line:#dce2ef;--accent:#5038ae}
body{background:var(--paper)}
header{background:#f7f8fcef}
.hero{background:linear-gradient(120deg,#f0edfb 0%,#f7f8fc 60%,#e5f4f2 100%)}
.light{background:#eef1f8}
main h2{font-size:clamp(30px,5vw,60px);letter-spacing:-.035em}
.button,header nav a[aria-current]{background:#32256e;color:white}
.photo-card,.portfolio-card,.creator-list article,.gallery-tiles>a{background:white;}
.photo-card figcaption{padding:14px 16px;color:var(--ink)}
.portfolio-media+.portfolio-media,.gallery-tiles+.gallery-tiles{margin-top:12px}
.uniform-gallery .gallery-tiles.format-portrait{grid-template-columns:repeat(auto-fill,minmax(min(100%,145px),1fr))}
.gallery-tiles.format-portrait .portfolio-image,.portfolio-media.format-portrait .portfolio-image{aspect-ratio:3/4}
.gallery-tiles.format-landscape .portfolio-image,.portfolio-media.format-landscape .portfolio-image{aspect-ratio:16/10}
.gallery-tiles .portfolio-image img,.portfolio-media .portfolio-image img{object-fit:contain}
.awards .photo-card[data-format=portrait] img[src]{width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;background:#191e2c}
.awards .photo-card[data-format=landscape] img[src]{aspect-ratio:4/3;object-fit:cover}
.awards-latest{max-width:790px;margin-inline:auto}
@media(max-width:640px){.uniform-gallery .gallery-tiles.format-portrait{grid-template-columns:repeat(2,minmax(0,1fr))}}
header .wrap{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
header nav a{padding-inline:clamp(9px,1.15vw,17px)}
.photo-grid,.showcase,.team-gallery,.awards-grid,.portfolio-grid{align-items:start}
.photo-grid>.photo-card,.awards-grid>.photo-card{height:100%}
.portfolio-media.format-portrait>a:only-child{grid-column:1;max-width:100%}
.gallery-tiles>a,.portfolio-media>a{min-width:0}
@media(max-width:980px){header .wrap{grid-template-columns:minmax(0,1fr);justify-items:center}header nav{grid-column:1}header .brand{justify-self:center}}
@media(max-width:740px){.creator-list article{min-height:132px}.hero figure img{max-height:360px}}
@media(max-width:360px){header nav a{font-size:11px;padding-inline:2px}.creator-list article{grid-template-columns:minmax(70px,.75fr) minmax(0,1.6fr);gap:8px}}

.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.case-grid+.case-grid{margin-top:18px}
.case-grid .portfolio-card{padding:0;overflow:hidden}
.case-grid a{display:block;cursor:zoom-in}
.case-grid a:focus-visible{outline-offset:-4px}
.case-grid .portfolio-image{aspect-ratio:16/10}
.case-grid img{width:100%;height:100%;aspect-ratio:auto;object-fit:contain}
.case-portrait{grid-template-columns:repeat(5,minmax(0,1fr))}
.case-portrait .portfolio-image{aspect-ratio:9/16;background:#e8ebf5}
.case-copy{padding:14px 16px}
.case-copy p{margin:0}
@media(max-width:900px){.case-landscape{grid-template-columns:repeat(2,minmax(0,1fr))}.case-portrait{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.case-landscape{grid-template-columns:1fr}.case-portrait{grid-template-columns:repeat(2,minmax(0,1fr))}.case-grid{gap:10px}.case-copy{padding:12px}}
:root{--paper:#f7f8fc;--ink:#17223b;--muted:#4c5871;--line:#dce3f0;--accent:#44319a;--surface:#fff;--card-shadow:0 8px 24px #252c5310}
main{background:linear-gradient(180deg,#f8faff,#f5f7fc 55%,#f9faff)}
main>section[id]{padding-block:clamp(40px,5vw,72px);}
main>section.light{background:linear-gradient(130deg,#f1f3fc,#f8faff 68%,#edf6f8)}
.hero{background:radial-gradient(ellipse at 80% 12%,#e0f2f5,transparent 58%),linear-gradient(125deg,#efebfa,#f8faff)}
.stats div,.grid .card,.portfolio-card,.creator-list article,.photo-card,.contact-panel{background:var(--surface)}
.portfolio-card,.creator-list article,.photo-card,.contact-panel,.gallery-tiles>a{}
.portfolio-grid,.photo-grid,.awards-grid,.case-grid{gap:clamp(10px,1.5vw,18px)}
.portfolio-grid,#esports .portfolio-grid{align-items:start}
#esports .portfolio-card .portfolio-media{margin-top:0;padding-top:0}
.portfolio-media>a,.gallery-tiles>a{min-width:0;background:#f0f3fa}
.portfolio-media>a:only-child{grid-column:auto}
.portfolio-media.format-landscape>a:only-child{grid-column:1/-1}
.portfolio-media.format-portrait{grid-template-columns:repeat(auto-fit,minmax(min(100%,105px),1fr))}
.portfolio-media.format-portrait>a:only-child{width:min(100%,175px);justify-self:center}
.portfolio-card p:empty,.portfolio-card .portfolio-media:empty{display:none}
.portfolio-media .image-caption,.gallery-tiles .image-caption{height:auto;min-height:0;padding:8px 10px;line-height:1.45}
.case-grid .portfolio-card{height:100%}
.case-grid .case-copy{padding:12px 14px}
.case-grid .case-copy h4{margin:0 0 5px}
.case-grid .case-copy h4:last-child{margin-bottom:0}
.case-portrait .portfolio-image{background:#e8edf8}
.creator-list article{min-height:0;padding:14px}
.creator-work{min-height:52px}
details{padding:10px 14px;background:#fafbff}
#ai{background:linear-gradient(120deg,#eeebfa,#f4f8fc 70%,#e7f4f5)}
#ai p{margin-bottom:0}
@media(max-width:560px){main>section[id]{padding-block:32px}.case-copy,.photo-card figcaption{padding:10px 12px}}
#content .portfolio>h3{margin:38px 0 16px}
#content .portfolio-grid{align-items:stretch;grid-template-columns:repeat(3,minmax(0,1fr))}
#content .portfolio-card{display:flex;flex-direction:column;gap:10px;padding:14px}
#content .portfolio-card h4,#content .portfolio-card p{margin:0}
#content .portfolio-card .content-media{display:flex;gap:8px;align-items:flex-start;margin:0;min-width:0}
#content .content-media>a{flex:1;min-width:0}
#content .content-media>a[data-shape=portrait]{flex:.56}
#content .content-media>a:only-child{flex:0 1 100%}
#content .content-media>a[data-shape=portrait]:only-child{flex-basis:48%}
#content .content-media .portfolio-image{aspect-ratio:16/10}
#content .content-media [data-shape=portrait] .portfolio-image{aspect-ratio:9/16}
#content .content-media .image-caption{padding:6px 8px}
@media(max-width:900px){#content .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#content .portfolio-grid{grid-template-columns:minmax(0,1fr)}}
#creators .roster-grid{grid-template-columns:minmax(0,1fr);gap:16px}
#creators .roster-panel{background:#edf0fa;padding:clamp(12px,2vw,22px)}
#creators .roster-members{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
#creators .roster-members>a{border-radius:10px;background:white}
#creators .roster-members .portfolio-image{aspect-ratio:1}
#creators .roster-members img{object-fit:cover}
#creators .roster-members .image-caption{height:76px;background:white}
@media(max-width:900px){#creators .roster-members{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:460px){#creators .roster-members{grid-template-columns:repeat(2,minmax(0,1fr))}}

#content .editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
#content .editorial-grid+.editorial-grid{margin-top:16px}
#content .editorial-portrait{grid-template-columns:repeat(4,minmax(0,1fr))}
#content .editorial-case{display:block;padding:0;overflow:hidden;background:#fff}
#content .case-cover{display:block;margin:0}
#content .case-cover>a{display:block;border-radius:0;background:#e9edf6}
#content .case-cover .portfolio-image{aspect-ratio:16/10}
#content .editorial-portrait .case-cover .portfolio-image{aspect-ratio:9/16}
#content .case-cover img{object-fit:contain}
#content .case-body{padding:14px 16px}
#content .case-body p{margin-top:6px}
#content .case-extra{margin-top:8px;padding:0;background:transparent}
#content .case-extra summary{font-size:13px;min-height:32px}
#content .case-extra .content-media>a{flex:1}
@media(max-width:900px){#content .editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){#content .editorial-landscape{grid-template-columns:1fr}#content .editorial-grid{gap:10px}#content .case-body{padding:10px}}
:root{--paper:#f5f6fb;--ink:#151b32;--accent:#5134ab;--line:#dce2ef}
.hero{position:relative;isolation:isolate;background:#15152e;color:#fff;padding-block:clamp(40px,7vw,104px) 64px}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 76% 24%,#6746b77a,transparent 60%),repeating-linear-gradient(125deg,transparent 0 46px,#bcb0fb14 47px 48px)}
.hero h1{font-size:clamp(44px,8vw,108px);letter-spacing:.035em;font-weight:800}
.hero p,.hero .hero-tagline,.hero figcaption{color:#deddf3}
.hero figure{background:#d6ceff13;border-radius:20px;padding:14px;text-align:center}
.hero figure img{max-height:380px}
.hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:24px}
.hero-actions .button{margin:0;background:#cab9ff;color:#201548}
.hero-link{padding:10px 14px;border-radius:999px}
.hero-link:hover{background:#d6ceff26}
main>section[id]>.wrap>h2::before,main>section[id] .section-title h2::before{content:"";display:block;width:42px;height:4px;margin-bottom:14px;background:linear-gradient(90deg,#6345c9,#2e9da6);border-radius:4px}
.photo-card,.portfolio-card,.creator-list article{transition:box-shadow .22s,transform .22s}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.photo-card:hover,.portfolio-card:hover,.creator-list article:hover{transform:translateY(-3px);}}
@media(max-width:600px){.hero figure img{max-height:280px}}
#content .stacked-case .case-cover{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:0 14px 14px}#content .stacked-case .case-cover>a{border-radius:8px}#content .stacked-case .case-cover .portfolio-image{aspect-ratio:16/9}#content .stacked-case .image-caption{height:auto}
:root{--paper:#f4f5fb;--ink:#13182e;--muted:#4f5970;--accent:#4f32aa;--line:#dce0ef}
main>section.light{background:linear-gradient(145deg,#eef0fa,#f9faff 64%,#eaf4f5)}
#content .showcase{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:stretch}
#content .showcase-side .card{background:#191932;color:#fff}#content .showcase-side .card p{color:#dbdcef}
.studio-filters:not([hidden]){display:flex;gap:8px;flex-wrap:wrap;padding:8px;background:#1b1a35;border-radius:14px;margin-bottom:24px}
.studio-filters button{border-radius:8px;background:#ffffff10;color:#fff;padding:10px 16px;cursor:pointer;font:inherit}
.studio-filters button[aria-pressed=true]{background:#e1d7ff;color:#20153d}
.studio-panel h3{margin:0 0 16px}
#content .editorial-grid{align-items:stretch}
#content .editorial-case{display:flex;flex-direction:column;border-radius:14px}
#content .case-body{flex:1;padding:14px 16px}
#content .editorial-landscape .case-cover .portfolio-image{aspect-ratio:16/9}
#content .editorial-portrait .case-cover .portfolio-image{aspect-ratio:9/16}
#content .case-cover img{object-fit:cover}
#content .editorial-portrait .case-cover img,#content .stacked-case .case-cover img{object-fit:contain}
@media(max-width:740px){#content .showcase{grid-template-columns:minmax(0,1fr)}}
.company-intro{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:clamp(18px,4vw,48px);padding:clamp(18px,4vw,42px);margin:0 0 24px;border-radius:20px;background:white}
.company-intro p{color:var(--muted);max-width:65ch}.company-intro p:last-child{margin-bottom:0}
.company-intro aside{display:grid;align-content:center;gap:4px;border-radius:14px;padding:18px;background:#211e3b;color:#fff}
.company-intro aside span{color:#ded9ef;margin-bottom:8px}
main details{border-radius:14px;background:#fff;padding:0;overflow:hidden}
main details>summary{padding:12px 16px;min-height:48px}
main details[open]>summary{background:#eeecfa;}
main details>div,main details>ul{margin:0;padding:16px}
main details.case-extra{}
main details.case-extra>summary{padding:7px 10px;min-height:36px}
#content .case-extra>.content-media{padding:10px}
#content .editorial-grid{align-items:start}
#content .case-body{flex:0}
@media(max-width:740px){.company-intro{grid-template-columns:minmax(0,1fr)}}

#content .editorial-grid{align-items:stretch;grid-auto-rows:1fr}
#content .editorial-case{position:relative;display:flex;flex-direction:column;padding:0}
#content .editorial-case .case-cover{flex:none}
#content .editorial-landscape .case-cover .portfolio-image{aspect-ratio:16/9}
#content .editorial-portrait .case-cover .portfolio-image{aspect-ratio:9/16}
#content .editorial-case .case-cover img{object-fit:contain}
#content .editorial-case .case-body{display:flex;flex-direction:column;flex:1;gap:6px;padding:14px 16px}
#content .editorial-case .case-body h4{margin:0;line-height:1.4}
#content .editorial-case .case-body p{margin:0;font-size:13px}
#content .editorial-case .case-cover a::after{content:"";position:absolute;inset:0}
.case-action{margin-top:auto;padding-top:7px;display:flex;justify-content:space-between;color:var(--accent);font-weight:650;font-size:13px}
#content .editorial-case:focus-within{outline:2px solid var(--accent);outline-offset:2px}
.viewer-controls:not([hidden]){display:flex;justify-content:center;gap:10px;margin-top:10px}
.viewer-controls button:disabled{opacity:.45;cursor:default}
@media(max-width:540px){#content .editorial-landscape{grid-auto-rows:auto}#content .editorial-case .case-body{padding:11px}}

#content .studio-feature{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#content .studio-feature>figure,#content .studio-production>figure{display:flex;flex-direction:column;margin:0;overflow:hidden}
#content .studio-feature>figure img{height:auto;aspect-ratio:16/9;object-fit:cover}
#content .studio-feature .showcase-side{grid-template-rows:repeat(2,minmax(0,1fr));gap:16px}
#content .studio-feature .showcase-side .card{display:flex;flex-direction:column;justify-content:center;padding:clamp(16px,2.4vw,30px)}
#content .studio-feature .showcase-side .card p{margin-bottom:8px}
#content .studio-production{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;align-items:stretch}
#content .studio-production>figure img{height:auto;aspect-ratio:2/1;object-fit:cover}
#content .studio-production>figure img[src$="mocap.jpg"]{object-position:center 36%}
#content .studio-production figcaption{flex:1}
@media(max-width:740px){#content .studio-feature,#content .studio-production{grid-template-columns:minmax(0,1fr)}#content .studio-feature .showcase-side{grid-template-rows:auto}}

.hero .hero-layout>figure{padding:0;background:none}
.hero .hero-layout>figure img{width:min(100%,390px);height:auto;max-height:none;aspect-ratio:auto}
@media(max-width:600px){.hero .hero-layout>figure img{width:min(100%,300px)}}
.case-grid .case-copy a.case-source{display:inline;text-decoration:underline;cursor:pointer}.hero .hero-layout>figure .hq-cutout{width:min(100%,390px);border-radius:0;clip-path:polygon(16.4% 4.5%,83.6% 4.5%,83.6% 11.5%,82.2% 14.5%,82.2% 72%,82.7% 72%,82% 84%,79% 85%,79% 98.8%,21.2% 98.8%,21.2% 85%,17.8% 84%,17.4% 72%,17.7% 14.5%,16.4% 11.5%)}@media(max-width:600px){.hero .hero-layout>figure .hq-cutout{width:min(100%,290px)}}.hero .hq-building{position:relative;width:min(100%,390px);margin-inline:auto;transform:perspective(680px) rotateX(10deg);transform-origin:center bottom}
.hero .hero-layout>figure .hq-building .hq-cutout{width:100%}
.hero .hero-layout>figure .hq-building .hq-sign{position:absolute;left:28%;top:76.4%;width:9%;height:5%;object-fit:cover;object-position:left;clip-path:inset(0 0 0 0);border-radius:0}
.hq-sign-text{position:absolute;top:77%;left:39%;font-size:clamp(12px,2.2vw,25px);font-weight:800;letter-spacing:.16em;color:#fff;text-shadow:0 1px 3px #161426;line-height:1.3}
@media(max-width:600px){.hero .hq-building{width:min(100%,290px)}}
#esports .syg-rank-card .portfolio-media.format-landscape>a:only-child{grid-column:1;grid-row:1;justify-self:stretch}
#contact .site-legal{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px 18px;margin-top:20px;font-size:13px;text-align:center;color:var(--muted)}#contact .site-legal a{text-decoration:underline;text-underline-offset:3px}#esports .rank-video{display:grid;place-items:center;padding:12px;text-align:center;background:#f0edf9;border-radius:8px;color:var(--accent)}#esports .rank-video a{text-decoration:underline;text-underline-offset:3px}
#content .editorial-grid{
  display:flex;
  flex-wrap:wrap;
  align-items:stretch;
  gap:var(--studio-gap,16px);
  --studio-columns:3;
}
#content .editorial-portrait{--studio-columns:4}
#content .editorial-grid>.editorial-case{
  flex:1 1 calc((100% + var(--studio-gap,16px))/var(--studio-columns) - var(--studio-gap,16px));
  min-width:0;
}
#content .editorial-grid .case-cover .portfolio-image{
  height:clamp(150px,17vw,220px);
  aspect-ratio:auto;
}
#content .editorial-portrait .case-cover .portfolio-image{
  height:clamp(240px,26vw,350px);
}
#content .editorial-grid[data-count="1"]>.editorial-case{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
}
#content .editorial-grid[data-count="1"] .case-body{justify-content:center}
#content .editorial-grid[data-count="1"] .case-action{margin-top:8px}
#content .editorial-portrait[data-count="2"]{--studio-columns:2}
#content .editorial-portrait[data-count="2"] .case-cover .portfolio-image{
  background:linear-gradient(145deg,#e8edf9,#f5f6fc);
}
#content .case-body{overflow-wrap:anywhere}
#esports .portfolio-grid,#creators .case-grid,.awards-grid{align-items:stretch}
#esports .portfolio-card{height:100%}
#esports .portfolio-card .portfolio-media{margin-top:auto;padding-top:6px}
#creators .case-grid>.portfolio-card{min-width:0}
main details>.gallery-tiles{margin-top:0}
#ai{padding-block:clamp(26px,4vw,48px)}
@media(max-width:900px){
  #content .editorial-grid{--studio-columns:2}
  #content .editorial-grid .case-cover .portfolio-image{height:clamp(150px,26vw,220px)}
  #content .editorial-portrait .case-cover .portfolio-image{height:clamp(220px,42vw,350px)}
}
@media(max-width:540px){
  #content .editorial-grid{--studio-gap:10px}
  #content .editorial-landscape{--studio-columns:1}
  #content .editorial-grid[data-count="1"]>.editorial-case{grid-template-columns:minmax(0,1fr)}
  #content .editorial-portrait .case-cover .portfolio-image{height:clamp(175px,55vw,260px)}
}

html.sy-original-document{width:100%!important;max-width:none!important;min-width:0;height:auto!important;max-height:none!important;overflow-x:clip;overflow-y:auto;scroll-padding-top:0;scrollbar-width:thin;scrollbar-color:#b2b4bf transparent}
html.sy-original-document::-webkit-scrollbar{width:6px;height:6px}html.sy-original-document::-webkit-scrollbar-thumb{background:#b2b4bf;border-radius:6px}html.sy-original-document::-webkit-scrollbar-track{background:transparent}
body.sy-original{width:100%!important;max-width:none!important;min-width:0;height:auto!important;max-height:none!important;margin:0;padding:0;overflow:visible;background:var(--paper)}
.sy-original main{width:100%;max-width:none;height:auto;overflow:visible}.sy-original .wrap{margin-left:auto;margin-right:auto;min-width:0}
.sy-original header{background:rgba(247,248,252,.96);box-shadow:none;transition:box-shadow .25s ease,background .25s ease}
.sy-original header.is-scrolled{background:rgba(247,248,252,.98);box-shadow:0 5px 20px rgba(27,34,54,.035)}
.sy-original header nav{background:transparent;border:0;box-shadow:none;backdrop-filter:none;border-radius:0;padding:0;gap:6px}
.sy-original header nav a{background:transparent;border:0;box-shadow:none;color:var(--muted);border-radius:999px;transition:color .2s ease,background-color .2s ease;position:relative}
.sy-original header nav a:not([aria-current="location"]):hover,.sy-original header nav a:not([aria-current="location"]):focus-visible{background:transparent;color:var(--ink);box-shadow:none}
.sy-original header nav a[aria-current="location"],.sy-original header nav a[aria-current="location"]:hover{background:#32256e;color:#fff;box-shadow:none}
.sy-original a:focus-visible,.sy-original button:focus-visible,.sy-original summary:focus-visible{outline:2px solid #7259bc;outline-offset:4px}
.sy-original main>section[id]{border:0;scroll-margin-top:calc(var(--header-height,88px) + 20px)}
.sy-original main>section[id]>.wrap>h2::before,.sy-original main>section[id] .section-title h2::before{content:none}
.sy-original .hero{background:#18172b;color:#fff}.sy-original .hero::before{content:none}.sy-original main>section.light{background:#f8f9fc}
.sy-original .stats,.sy-original .grid{background:transparent;gap:16px}.sy-original .stats>div,.sy-original .grid>.card{border-radius:14px}
.sy-original :is(.card,.photo-card,.portfolio-card,.creator-list article,.gallery-tiles>a,.contact-panel,.summer-results,.company-intro aside,details,.stats,.hq-figure){border:0;box-shadow:none}
.sy-original :is(.card,.photo-card,.portfolio-card,.creator-list article,.gallery-tiles>a,.contact-panel,.summer-results):hover{box-shadow:none;transform:none}
.sy-original :is(.portfolio-card,.photo-card,.creator-list article,.gallery-tiles>a){background:#fff}
.sy-original .company-intro aside{background:transparent;color:var(--ink)}.sy-original .company-intro aside span{color:var(--muted)}
.sy-original .button{box-shadow:none}.sy-original .button:hover{box-shadow:none}
.sy-original :is(.photo-card figcaption,.case-body,.image-caption,.summer-results dl div,.creator-profile,.studio-panel,.site-legal){border:0;box-shadow:none}
.sy-original .summer-results dl div{background:#f4f5f9;padding-left:14px;border-radius:8px}
.sy-original main details{border:0;box-shadow:none;background:#fff}.sy-original main details>summary{background:transparent;color:var(--ink);border:0}
.sy-original main details[open]>summary{background:transparent;border:0}.sy-original main details>summary:hover{text-decoration:none;color:var(--accent)}
.sy-original .studio-filters{display:flex;flex-wrap:wrap;gap:8px;background:transparent;border:0;box-shadow:none;padding:0;margin-bottom:24px}
.sy-original .studio-filters a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 18px;border-radius:999px;background:transparent;color:var(--muted);font-size:14px;font-weight:600;transition:background-color .2s,color .2s}
.sy-original .studio-filters a:hover{color:var(--ink)}.sy-original .studio-filters a[aria-current="location"]{background:#e9e6f5;color:#32256e}
.sy-original .studio-panel{display:block;scroll-margin-top:calc(var(--header-height,88px) + 24px)}.sy-original .studio-panel+.studio-panel{margin-top:40px}
.sy-original .official-contact{display:flex;align-items:center;gap:30px}.sy-original .official-qr{display:block;text-align:center;text-decoration:none!important}
.sy-original .contact-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:36px}
.sy-original .official-qr img{width:148px;height:148px;object-fit:contain;background:white;border-radius:0;aspect-ratio:1}
.sy-original .official-qr span{display:block;font-size:12px;color:var(--muted);margin-top:10px}
.sy-original .contact-link{font-size:14px;color:#32256e;font-weight:600;white-space:nowrap;text-decoration:none!important}
.sy-original #gallery-viewer{border:0;box-shadow:0 16px 60px rgba(20,27,43,.18);background:var(--paper)}
.sy-original #gallery-viewer::backdrop{background:rgba(20,25,38,.72);backdrop-filter:blur(5px)}
html.sy-original-document.sy-modal-open{overflow:hidden!important}.sy-original.sy-modal-open{padding-right:var(--scrollbar-width,0)}
.sy-original #gallery-viewer img{object-fit:contain}.sy-original #gallery-viewer button{box-shadow:none}
body.sy-original.admin-bar header{top:32px}
@media(max-width:850px){.sy-original header nav{gap:4px}.sy-original .contact-panel{gap:25px}}
@media(max-width:600px){.sy-original header nav{padding:0;gap:4px}.sy-original header nav a{padding:0 10px;min-height:40px;font-size:13px}.sy-original .studio-filters{gap:4px}.sy-original .studio-filters a{padding:8px 13px;font-size:13px}.sy-original .official-contact{gap:22px;flex-wrap:wrap}.sy-original .official-qr img{width:136px;height:136px}.sy-original .contact-panel{display:grid;grid-template-columns:1fr}.sy-original main details>summary{padding:12px 14px}body.sy-original.admin-bar header{top:46px}}
@media(prefers-reduced-motion:reduce){html.sy-original-document{scroll-behavior:auto}.sy-original *{animation:none!important;transition:none!important}}