@charset "UTF-8";
:root{--navy:#0a2349;--navy-dark:#071b39;--blue:#214dd4;--ink:#13243c;--muted:#69768a;--line:#dce2eb;--paper:#fff;--rail:112px;--gutter:clamp(28px,5vw,84px);font-family:Inter,"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:disabled{cursor:default}button{border:0}img{display:block;max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #668dff;outline-offset:5px}button:focus:not(:focus-visible){outline:none}::selection{background:#c9d8ff;color:#081d41}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;left:128px;top:8px;z-index:100;padding:12px 20px;background:white;transform:translateY(-160%)}.skip-link:focus{transform:none}.image-unavailable{visibility:hidden}.initial-load{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--navy);color:white}.initial-load>span{font-size:52px;font-weight:800;letter-spacing:.12em}.initial-load p{margin-top:24px;color:#b9c9e2;font-size:14px}
.rail{position:fixed;z-index:40;left:0;top:0;bottom:0;width:var(--rail);display:flex;align-items:center;flex-direction:column;background:var(--navy-dark);color:white;border-right:1px solid #ffffff18}.wordmark{font-size:28px;font-weight:850;letter-spacing:.03em;margin:33px 0 66px;line-height:1.1}.rail-nav{display:flex;flex-direction:column;width:100%;gap:7px}.rail-nav a{display:flex;flex-direction:column;gap:8px;padding:18px 0 18px 26px;position:relative;color:#aebed5;font-size:13px;transition:color .2s,background .2s}.rail-nav a::before{content:"";position:absolute;left:0;top:21px;bottom:21px;width:3px;background:transparent}.rail-nav a[aria-current=page]{color:white;background:#ffffff09}.rail-nav a[aria-current=page]::before{background:#8eacf7}.rail-nav a:hover{color:white;background:#ffffff0d}.nav-index{font-family:ui-monospace,monospace;font-size:10px;letter-spacing:.1em;color:#7088ac}.rail-caption{writing-mode:vertical-rl;font-size:9px;letter-spacing:.25em;color:#7790b6;margin:48px 0 24px}.rail-year{margin:auto 0 24px;font-size:10px;font-family:ui-monospace,monospace;letter-spacing:.04em;color:#8197b8}.page-frame{margin-left:var(--rail);min-width:0}.masthead{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.12em;font-family:ui-monospace,monospace}.masthead b{font-family:inherit;font-size:11px;letter-spacing:.08em;font-weight:400;margin-left:15px;padding-left:15px;border-left:1px solid #bdc8d9}.masthead>span:last-child{color:#738095}
.opening{min-height:680px;min-height:min(820px,calc(100svh - 74px));background:var(--navy);color:white;padding:29px var(--gutter) 28px;display:flex;flex-direction:column;position:relative;isolation:isolate;overflow:hidden}.opening::after{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:1px;background:#ffffff07}.opening-top,.opening-bottom{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.08em;color:#9db2d4}.opening-top>span:last-child{font-family:ui-monospace,monospace;letter-spacing:.13em}.opening-center{text-align:center;padding:38px 0 56px;margin:auto 0}.kicker{font-size:10px;letter-spacing:.25em;margin:0 0 28px;font-weight:500}.opening h1{font-size:clamp(76px,8.6vw,138px);font-weight:800;letter-spacing:-.065em;line-height:1.07;margin:0}.opening h1 em{font-style:normal;color:#bcd1ff}.opening-description{font-size:14px;color:#b6c6de;line-height:1.9;margin:31px 0 26px}.opening-cta{display:inline-flex;align-items:center;gap:52px;padding:15px 0;border-bottom:1px solid #ffffff90;font-size:13px;transition:gap .2s,color .2s}.opening-cta>span{font-size:23px;line-height:1}.opening-cta:hover{gap:64px;color:#bfd1ff}.opening-bottom>a{display:flex;align-items:center;gap:15px}.opening-bottom>a>span{font-size:22px;color:white}.opening-bottom{border-top:1px solid #ffffff1b;padding-top:21px}
.selected-section{padding:0 var(--gutter) 83px;background:#f0f3f8}.line-heading{display:flex;align-items:center;gap:24px;min-height:108px;font-size:10px;color:var(--muted)}.line-heading h2{color:var(--ink);font-size:17px;margin:0;letter-spacing:.03em;font-weight:700}.line-heading>span{font-family:ui-monospace,monospace;letter-spacing:.08em}.line-heading>a{margin-left:auto;font-size:12px;color:var(--ink);border-bottom:1px solid #aab8cc;padding-bottom:5px;display:flex;gap:18px}.selected-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid #d2dbe8}.selected-work{border:0;border-right:1px solid #d2dbe8;border-radius:0;position:relative;isolation:isolate;min-height:308px;overflow:hidden;text-align:left;display:flex;flex-direction:column;padding:25px;background:#fff;transition:background .2s}.selected-work:last-child{border-right:0}.selected-work.tone-0{background:#e0e7f4}.selected-work.tone-1{background:#c8d8f2}.selected-work.tone-2{background:#152f59;color:#fff}.selected-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.08em;opacity:.7}.selected-top>span:last-child{font-size:23px;transition:transform .2s}.selected-name{font-size:clamp(34px,3.3vw,56px);line-height:1.25;font-weight:850;letter-spacing:-.05em;padding:34px 0 31px;word-break:keep-all;white-space:nowrap}.selected-bottom{display:flex;gap:14px;align-items:center;margin-top:auto}.selected-bottom>.work-icon{width:63px;height:63px;flex-shrink:0}.selected-bottom>span:last-child{display:flex;flex-direction:column;gap:7px;min-width:0}.selected-bottom strong{font-size:13px;font-weight:600}.selected-bottom>span>span{font-size:11px;line-height:1.6;opacity:.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.selected-work:hover .selected-top>span:last-child{transform:translate(3px,-3px)}.selected-work:hover{filter:brightness(.97)}.work-icon{display:block;position:relative;aspect-ratio:1;background:#d9e2f0;overflow:hidden;flex-shrink:0}.work-icon img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.icon-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:42px;font-weight:700;color:#8c9fbd;background:#e7ecf4}
.studio-section{padding:100px var(--gutter) 116px}.section-number{font-size:11px;letter-spacing:.11em;font-family:ui-monospace,"Microsoft YaHei",monospace}.studio-section>.section-number{text-align:center;color:var(--muted)}.studio-section h2{font-size:clamp(36px,4.4vw,70px);font-weight:650;letter-spacing:-.04em;line-height:1.33;text-align:center;margin:36px 0 72px}.studio-statement{border-top:1px solid var(--line);padding-top:32px;display:grid;grid-template-columns:1fr 1.5fr;gap:12%;max-width:1050px;margin:auto}.studio-company{font-size:14px;font-weight:600;line-height:1.8;margin:0}.studio-company>span{display:block;font-size:11px;font-weight:400;letter-spacing:.17em;color:var(--muted);margin-top:12px}.studio-statement>div>p{margin:0;color:#667185;font-size:14px;line-height:2.15}.underlined-link{font-size:12px;display:inline-flex;gap:35px;align-items:center;padding:18px 0 12px;margin-top:11px;border-bottom:1px solid #9eacc0}.underlined-link span{font-size:20px}
.contact-section{background:var(--navy-dark);color:white;padding:72px var(--gutter) 0}.contact-heading{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #ffffff26;padding-bottom:47px}.contact-heading>.section-number{color:#95aaca;padding-top:9px}.contact-heading h2{font-size:clamp(37px,4.8vw,72px);font-weight:600;letter-spacing:-.045em;line-height:1.25;margin:0;width:62%}.contact-lines{padding:14px 0 49px}.contact-line{display:grid;grid-template-columns:38% 1fr 26px;align-items:center;gap:20px;padding:25px 0;border-bottom:1px solid #ffffff20}.contact-line>span:first-child{font-size:10px;letter-spacing:.1em;color:#8ca4c8}.contact-line>strong{font-size:clamp(19px,2.5vw,34px);font-weight:450;letter-spacing:-.025em;overflow-wrap:anywhere}.contact-line>span:last-child{font-size:25px;transition:transform .2s}.contact-line:hover>span:last-child{transform:translate(3px,-3px)}.contact-address{display:grid;grid-template-columns:38% 1fr;gap:20px;padding-top:26px}.contact-address>span{font-size:11px;letter-spacing:.08em;color:#8ca4c8}.contact-address p{font-size:13px;margin:0;color:#c4cfe0;line-height:1.7}.legal-footer{display:flex;justify-content:space-between;gap:38px;border-top:1px solid #ffffff24;padding:29px 0 33px;font-size:10px;line-height:1.9;color:#849bbb}.legal-footer>div:first-child{flex-shrink:0;display:flex;flex-direction:column;gap:4px}.legal-footer strong{font-weight:450;color:#b6c7df;font-size:11px}.legal-links{display:flex;flex-wrap:wrap;gap:7px 17px;justify-content:flex-end;max-width:580px}.legal-links a:hover{color:white;text-decoration:underline;text-underline-offset:4px}
.catalog-intro{padding:34px var(--gutter) 54px;background:#edf2fa;border-bottom:1px solid var(--line)}.catalog-breadcrumb{display:flex;gap:13px;align-items:center;color:#6a7990;font-size:11px}.catalog-breadcrumb>a:hover{color:var(--blue)}.catalog-title{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:39px}.catalog-title h1{font-size:clamp(44px,6.5vw,88px);line-height:1.15;letter-spacing:-.06em;font-weight:750;margin:0}.catalog-title h1>span{display:block;font-size:11px;font-weight:400;letter-spacing:.17em;margin-top:17px;color:#667997}.catalog-total{display:flex;align-items:baseline;gap:13px;font-size:clamp(48px,7vw,102px);font-weight:300;line-height:1;font-family:Arial,sans-serif;letter-spacing:-.06em;color:#9db1d4}.catalog-total small{font-size:10px;letter-spacing:.07em;color:#60718d;font-family:inherit}.catalog-intro>p{margin:28px 0 0;font-size:12px;line-height:1.8;color:#69788d}.collection{padding:0 var(--gutter) 95px;min-height:520px}.collection-tools{padding:28px 0 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.filter-tabs{display:flex;gap:20px;align-items:center}.filter-tabs button{padding:10px 0;background:none;font-size:12px;white-space:nowrap;color:#7a8698;position:relative}.filter-tabs button::after{content:"";position:absolute;left:0;bottom:0;right:0;height:2px;background:transparent}.filter-tabs button[aria-pressed=true]{color:var(--navy);font-weight:650}.filter-tabs button[aria-pressed=true]::after{background:var(--navy)}.filter-tabs button:hover{color:var(--blue)}.search-tools{display:flex;align-items:center;gap:21px}.search-field{display:flex;align-items:center;gap:12px;border-bottom:1px solid #bbc6d7;padding:8px 0}.search-field>span{font-size:10px;color:#78859a}.search-field input{width:150px;border:0;padding:3px 0;background:transparent;color:var(--ink);font-size:12px;min-width:0}.search-field input::placeholder{color:#9ba5b4}.sort-field select{border:0;border-bottom:1px solid #bbc6d7;background:white;color:#586a83;border-radius:0;padding:11px 21px 11px 0;font-size:11px;max-width:190px}.collection-caption{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.05em;color:#8b97a8;padding:24px 0 6px}.work-row{display:grid;grid-template-columns:40px 106px minmax(160px,1fr) 139px 105px;gap:25px;align-items:center;padding:31px 0;border-bottom:1px solid var(--line);transition:background .2s}.work-row:hover{background:#f8faff}.work-index{font-size:12px;font-family:ui-monospace,monospace;color:#a1aec0}.work-art-button{background:none;padding:0}.work-art-button>.work-icon{width:106px;height:106px;border-radius:0}.work-copy{min-width:0}.state-label{display:inline-flex;align-items:center;gap:6px;font-size:10px;line-height:1.6;color:#6d7b91;white-space:nowrap}.state-label i{width:4px;height:4px;display:inline-block;background:#8997ad}.state-label.online{color:#325eac}.state-label.online i{background:#325eac}.state-label.delisted{color:#929cac}.state-label.unverified{color:#929082}.work-copy h2{margin:8px 0 9px;line-height:1.3;font-size:clamp(21px,2.15vw,32px);font-weight:650;letter-spacing:-.035em}.work-copy h2 button{padding:0;background:none;font:inherit;letter-spacing:inherit;text-align:left}.work-copy h2 button:hover{color:var(--blue)}.work-copy>p{margin:0;font-size:12px;line-height:1.8;color:#78859a;overflow-wrap:anywhere}.work-facts{margin:0;display:flex;flex-direction:column;gap:15px}.work-facts>div{display:flex;flex-direction:column;gap:5px}.work-facts dt{font-size:9px;color:#8d98aa;letter-spacing:.04em}.work-facts dd{font-size:12px;color:#485c7a;margin:0;font-variant-numeric:tabular-nums}.work-action{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:11px;background:none;padding:14px 0;border-bottom:1px solid #becadc;white-space:nowrap}.work-action>span:last-child{font-size:23px;transition:transform .2s}.work-action:hover{color:var(--blue);border-color:var(--blue)}.work-action:hover>span:last-child{transform:translate(3px,-3px)}.empty-collection{text-align:center;padding:84px 20px;border-bottom:1px solid var(--line)}.empty-collection>span{font-size:24px;font-weight:500}.empty-collection>p{font-size:13px;color:var(--muted);margin:15px 0 29px}.empty-collection button{background:var(--navy);color:white;padding:12px 24px;font-size:12px}
body.modal-open{overflow:hidden}#sy-dialog{padding:0;border:0;width:min(920px,calc(100vw - 48px));max-height:90svh;background:white;color:var(--ink);box-shadow:0 30px 120px #0005;overflow:auto}#sy-dialog::backdrop{background:#05142ec7;backdrop-filter:blur(5px)}.dialog-header{min-height:78px;gap:20px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--line);background:white;position:sticky;top:0;z-index:2}.dialog-brand{display:flex;flex-direction:column;gap:5px;padding:14px 0;min-width:0;overflow-wrap:anywhere}.dialog-brand strong{font-size:23px;font-weight:800;line-height:1.2;letter-spacing:.02em}.dialog-brand>span{font-size:11px;line-height:1.5;color:#536681}.dialog-header button{flex-shrink:0;background:none;display:flex;align-items:center;gap:14px;font-size:11px;padding:9px 0 9px 14px}.dialog-header button span{font-size:28px;font-weight:300;line-height:1}#sy-detail{display:grid;grid-template-columns:minmax(0,35%) minmax(0,1fr)}.detail-identity{min-height:500px;position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--navy);color:white;padding:35px;gap:25px;overflow:hidden}.detail-edition{font-size:9px;letter-spacing:.17em;color:#a6bde2}.detail-icon{width:160px;height:160px;max-width:100%;margin:18px 0 0;box-shadow:0 15px 50px #0002}.detail-identity-name{font-size:25px;line-height:1.5;font-weight:650;text-align:center;letter-spacing:-.03em}.detail-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.2;z-index:-1}.detail-copy{padding:39px 36px 36px;min-width:0}.detail-copy h2{font-size:37px;font-weight:700;line-height:1.3;letter-spacing:-.045em;margin:15px 0 17px}.detail-description{white-space:pre-line;font-size:14px;color:#68758a;line-height:1.9;overflow-wrap:anywhere}.detail-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:31px 0;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.detail-facts dt{font-size:10px;color:#8895a8;margin-bottom:8px}.detail-facts dd{overflow-wrap:anywhere;margin:0;font-size:15px;color:#365274;font-variant-numeric:tabular-nums}.play-entries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.play-entry{display:flex;flex-direction:column;align-items:flex-start;gap:15px;padding:16px;min-width:0;border:1px solid var(--line);background:#fafbfd}.play-entry>div{min-width:0;overflow-wrap:anywhere}.play-qr{width:100%;height:auto;max-width:164px;aspect-ratio:1;align-self:center;object-fit:contain;flex-shrink:0;background:white;border:1px solid #e5e9f0;padding:7px}.play-entry h3,.entry-unavailable h3{font-size:15px;font-weight:600;line-height:1.5;margin:0 0 10px}.play-entry p,.entry-unavailable p{font-size:12px;line-height:1.8;color:#7a879a;margin:0}.play-entry>div>span{display:block;font-size:9px;color:#96a0af;margin-top:12px}.entry-unavailable{padding:25px;background:#f2f5f9;border-left:2px solid #aabbd6}.load-error{margin-left:var(--rail);min-height:100svh;background:var(--navy);color:white;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:var(--gutter)}.load-error h1{font-size:clamp(40px,5vw,80px);line-height:1.3;letter-spacing:-.04em}.load-error>p{color:#afc1df;font-size:14px}.load-error button{margin-top:25px;background:white;color:var(--navy);padding:15px 25px;font-size:13px;display:flex;gap:35px;align-items:center}
@media(min-width:1700px){:root{--rail:128px;--gutter:100px}.opening{min-height:850px}.selected-work{min-height:355px;padding:32px}.selected-name{font-size:65px}.work-row{grid-template-columns:48px 128px minmax(200px,1fr) 170px 120px;gap:34px}.work-art-button>.work-icon{width:128px;height:128px}}
@media(max-width:1150px){:root{--rail:92px;--gutter:32px}.wordmark{font-size:25px}.rail-nav a{padding-left:19px;font-size:12px}.opening{min-height:650px}.selected-work{padding:20px;min-height:280px}.selected-name{font-size:34px}.selected-bottom{gap:10px}.selected-bottom>.work-icon{width:50px;height:50px}.selected-bottom>span>span{font-size:10px}.work-row{grid-template-columns:28px 88px minmax(120px,1fr) 115px 92px;gap:18px}.work-art-button>.work-icon{width:88px;height:88px}.search-tools{gap:16px}.search-field input{width:127px}.filter-tabs{gap:17px}.legal-footer{flex-direction:column;gap:17px}.legal-links{justify-content:flex-start;max-width:none}}
@media(max-width:900px){.masthead>span:last-child{display:none}.opening h1{font-size:83px}.opening-center{padding:42px 0 50px}.selected-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.selected-work{padding:17px;min-height:260px}.selected-name{font-size:27px;padding-top:40px}.selected-bottom{align-items:flex-start;flex-direction:column}.selected-bottom strong{font-size:12px}.selected-bottom>span>span{font-size:10px}.selected-bottom>.work-icon{width:48px;height:48px}.studio-section{padding-top:80px;padding-bottom:80px}.studio-statement{grid-template-columns:1fr 1.4fr;gap:8%}.studio-section h2{font-size:45px}.contact-heading h2{width:60%;font-size:49px}.contact-line{grid-template-columns:30% 1fr 20px}.contact-address{grid-template-columns:30% 1fr}.contact-line>strong{font-size:23px}.work-row{grid-template-columns:90px minmax(0,1fr) 48px;grid-template-areas:"art copy action" "art facts facts";gap:17px 23px}.work-index{display:none}.work-art-button{grid-area:art;align-self:start;margin-top:3px}.work-copy{grid-area:copy}.work-facts{grid-area:facts;flex-direction:row;gap:35px}.work-action{grid-area:action;justify-content:center;border:0}.work-action>span:first-child{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}.work-action>span:last-child{font-size:29px}.work-copy h2{font-size:26px}.collection-tools{align-items:flex-start}.search-tools{margin-left:0}.catalog-intro{padding-bottom:40px}.catalog-title h1{font-size:58px}.catalog-total{font-size:72px}.detail-identity{padding:25px}.detail-copy{padding:29px 26px}.detail-copy h2{font-size:31px}.play-entry{gap:14px}.play-qr{max-width:140px}}
@media(max-width:680px){:root{--rail:0px;--gutter:22px}html{scroll-padding-top:95px}.skip-link{left:15px}.rail{position:sticky;top:0;bottom:auto;width:100%;height:70px;flex-direction:row;justify-content:space-between;gap:18px;padding:0 21px;border:0}.wordmark{font-size:25px;margin:0;flex-shrink:0}.rail-nav{width:auto;flex-direction:row;gap:17px;align-items:center}.rail-nav a{padding:11px 0;font-size:11px;color:#b8c7de;gap:0;white-space:nowrap}.nav-index,.rail-caption,.rail-year{display:none}.rail-nav a::before{top:auto;bottom:0;left:0;right:0;width:auto;height:2px}.rail-nav a[aria-current=page]{background:none}.rail-nav a:hover{background:none}.page-frame{margin-left:0}.masthead{height:48px;font-size:9px}.masthead b{font-size:10px;margin-left:11px;padding-left:11px}.opening{min-height:635px;min-height:calc(90svh - 118px);padding-top:20px;padding-bottom:23px}.opening-top{font-size:9px;letter-spacing:.04em}.opening-top>span:last-child{display:none}.opening-center{padding:59px 0 49px}.opening h1{font-size:clamp(51px,13.7vw,86px);letter-spacing:-.065em;line-height:1.13}.opening .kicker{font-size:9px;letter-spacing:.2em;margin-bottom:28px}.opening-description{font-size:12px;margin:26px 0 20px;line-height:1.95}.opening-cta{font-size:12px;gap:42px}.opening-bottom{font-size:9px;gap:13px;padding-top:18px}.opening-bottom>a{gap:8px}.opening-bottom>a>span{font-size:19px}.selected-section{padding:0 0 42px}.line-heading{padding:0 var(--gutter);min-height:83px;gap:13px}.line-heading h2{font-size:15px}.line-heading>span{display:none}.line-heading>a{font-size:10px;gap:10px}.selected-strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:0;margin:0 0 0 var(--gutter);border-right:0;scrollbar-width:thin;scrollbar-color:#9cafcd transparent;padding-bottom:0}.selected-work{flex:0 0 83%;scroll-snap-align:start;min-height:290px;padding:25px;border-right:1px solid #c3cfe0}.selected-work:last-child{border-right:1px solid #c3cfe0;margin-right:var(--gutter)}.selected-name{font-size:45px;padding:32px 0}.selected-bottom{flex-direction:row;align-items:center;gap:15px}.selected-bottom>.work-icon{width:62px;height:62px}.selected-bottom strong{font-size:13px}.selected-bottom>span>span{font-size:11px}.studio-section{padding:62px var(--gutter) 67px}.studio-section>.section-number{font-size:10px;text-align:left}.studio-section h2{text-align:left;font-size:38px;letter-spacing:-.05em;line-height:1.4;margin:28px 0 35px}.studio-statement{display:block;padding-top:24px}.studio-company{font-size:12px}.studio-company>span{font-size:9px;letter-spacing:.15em;margin-top:8px}.studio-statement>div{margin-top:28px}.studio-statement>div>p{font-size:12px;line-height:2.1}.underlined-link{font-size:11px;gap:18px;margin-top:8px}.contact-section{padding:46px var(--gutter) 0}.contact-heading{display:block;padding-bottom:28px}.contact-heading>.section-number{font-size:9px}.contact-heading h2{font-size:46px;width:auto;margin-top:23px}.contact-lines{padding-bottom:30px}.contact-line{grid-template-columns:1fr 22px;gap:8px 16px;padding:22px 0}.contact-line>span:first-child{grid-column:1/-1;font-size:9px}.contact-line>strong{font-size:24px;font-weight:450}.contact-line>span:last-child{font-size:22px}.contact-address{grid-template-columns:1fr;gap:9px;padding-top:21px}.contact-address>span{font-size:9px}.contact-address p{font-size:11px}.legal-footer{padding:23px 0 27px;gap:18px;font-size:9px}.legal-footer strong{font-size:10px}.legal-links{gap:7px 14px}.catalog-intro{padding-top:23px;padding-bottom:32px}.catalog-breadcrumb{font-size:10px;gap:10px}.catalog-title{margin-top:30px;gap:20px}.catalog-title h1{font-size:48px}.catalog-title h1>span{font-size:9px;letter-spacing:.13em;margin-top:13px}.catalog-total{font-size:56px;display:block;text-align:right}.catalog-total small{display:block;font-size:9px;letter-spacing:.04em;margin-top:8px}.catalog-intro>p{font-size:11px;margin-top:26px}.collection{padding-bottom:50px;min-height:440px}.collection-tools{padding:16px 0 19px;gap:21px;display:block}.filter-tabs{gap:23px;justify-content:space-between}.filter-tabs button{font-size:11px}.search-tools{display:flex;justify-content:space-between;gap:18px;margin-top:19px}.search-field{flex:1;min-width:0;gap:9px}.search-field>span{font-size:9px}.search-field input{width:100%;font-size:11px;min-width:0}.sort-field select{max-width:135px;font-size:10px;padding-right:12px;padding-top:11px;padding-bottom:11px}.collection-caption{font-size:9px;padding-top:22px}.work-row{grid-template-columns:76px minmax(0,1fr);grid-template-areas:"art copy" "facts facts" "action action";gap:17px 18px;padding:24px 0 20px}.work-art-button{margin-top:2px}.work-art-button>.work-icon{width:76px;height:76px}.work-copy h2{font-size:24px;margin-top:6px;margin-bottom:7px}.work-copy>p{font-size:11px;line-height:1.7}.state-label{font-size:9px}.work-facts{justify-content:space-between;gap:20px;padding-top:2px;width:100%}.work-facts>div{flex:1;gap:6px}.work-facts dt{font-size:9px}.work-facts dd{font-size:12px}.work-action{justify-content:flex-end;gap:25px;padding:9px 0 0;border-top:1px solid #ecf0f5;min-height:37px;font-size:10px}.work-action>span:first-child{position:static;width:auto;height:auto;clip:auto;overflow:visible}.work-action>span:last-child{font-size:22px}.empty-collection{padding:61px 12px}.empty-collection>span{font-size:21px}.empty-collection>p{font-size:11px}#sy-dialog{width:calc(100vw - 24px);max-height:94svh}.dialog-header{min-height:74px;padding:0 18px;gap:15px}.dialog-brand strong{font-size:21px}.dialog-brand>span{font-size:10px}.dialog-header button{font-size:10px;gap:10px}#sy-detail{display:flex;flex-direction:column}.detail-identity{min-height:0;padding:23px;display:grid;grid-template-columns:82px minmax(0,1fr);grid-template-areas:"icon edition" "icon name";gap:9px 21px;text-align:left}.detail-identity>.detail-edition:first-of-type{grid-area:edition;align-self:end;font-size:8px}.detail-identity>.detail-edition:last-child{display:none}.detail-icon{grid-area:icon;width:82px;height:82px;margin:0;box-shadow:none}.detail-identity-name{grid-area:name;text-align:left;font-size:24px;align-self:start;line-height:1.4}.detail-copy{padding:26px 23px 28px}.detail-copy h2{font-size:29px;margin-top:11px;margin-bottom:14px}.detail-description{white-space:pre-line;font-size:12px}.detail-facts{margin:23px 0;padding:19px 0}.detail-facts dt{font-size:9px}.detail-facts dd{font-size:14px}.play-entry{gap:19px}.play-qr{max-width:164px;padding:6px}.play-entry h3{font-size:13px}.play-entry p{font-size:11px}.play-entry>div>span{font-size:8px}.entry-unavailable{padding:20px}.entry-unavailable h3{font-size:14px}.entry-unavailable p{font-size:11px}.load-error{margin-left:0;min-height:calc(100svh - 70px);padding:38px 25px}.load-error h1{font-size:42px}.load-error>p{font-size:12px}}
@media(max-width:360px){.rail{padding-left:16px;padding-right:16px;gap:10px}.wordmark{font-size:23px}.rail-nav{gap:13px}.rail-nav a{font-size:10px}:root{--gutter:18px}.opening h1{font-size:51px}.opening-bottom{font-size:8px}.filter-tabs{gap:15px}.filter-tabs button{font-size:10px}.selected-name{font-size:39px}.contact-line>strong{font-size:21px}.play-entry{gap:13px}.play-qr{max-width:145px}.detail-copy{padding-left:20px;padding-right:20px}.detail-copy h2{font-size:27px}.search-tools{gap:12px}.sort-field select{max-width:127px}}
@media(min-width:681px) and (max-height:760px){.wordmark{margin-bottom:35px}.rail-caption{display:none}.rail-nav a{padding-top:15px;padding-bottom:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Editable text brands and release details stay readable at every viewport. */
.wordmark{max-width:calc(100% - 26px);overflow-wrap:anywhere;text-align:center}.work-release{display:flex;flex-wrap:wrap;gap:5px 14px;margin-top:10px;color:#8795aa;font-size:10px;line-height:1.6}.work-release>span{min-width:0;overflow-wrap:anywhere}.selected-top>.selected-action{display:inline-flex;align-items:center;gap:9px;font-size:10px;letter-spacing:0}.selected-action b{font-size:21px;font-weight:400}.detail-copy h2,.detail-identity-name,.work-copy h2{overflow-wrap:anywhere}.detail-identity-name{max-width:100%}
@media(max-width:680px){.wordmark{max-width:28%;font-size:clamp(18px,5vw,25px);flex-shrink:1}.rail-nav{flex-shrink:0}.work-release{font-size:9px;gap:4px 10px;margin-top:8px}}
@media(max-width:480px){.play-entries{grid-template-columns:minmax(0,1fr)}.play-entry{flex-direction:column;align-items:center;gap:17px;padding:14px;text-align:center}.play-qr{width:180px;max-width:100%;height:auto}.play-entry h3{font-size:13px}.play-entry p{font-size:11px}.play-entry>div{width:100%}.dialog-brand{padding:12px 0}}

.kuaishou-entry{margin-top:20px;padding:20px;background:#f7f5ef;border:1px solid #deded7;border-radius:8px}.kuaishou-entry h3{font-size:16px;margin:0 0 12px}.kuaishou-entry p{font-size:12px;line-height:1.7;color:#69747d}.kuaishou-entry textarea{display:block;resize:vertical;width:100%;padding:12px;border:1px solid #d3d9db;background:#fff;font:12px/1.8 inherit;overflow-wrap:anywhere}.kuaishou-entry button{margin-top:12px;padding:10px 18px;border:0;border-radius:4px;background:#ef7348;color:#fff;cursor:pointer}.status-badge.unreleased{background:#eef0f4;color:#63738b}.state-label.unreleased{color:#8ca1bd}.state-label.unreleased i{background:#8ca1bd}

/* Five-platform entries: independent images, two columns where 180px codes fit. */
.work-platforms{margin-top:9px;color:#6d819c;font-size:10px;line-height:1.7;overflow-wrap:anywhere}.play-entries{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.play-entry{align-items:center;text-align:center}.play-entry>div{width:100%}.play-qr{width:180px;max-width:100%;height:auto;padding:0;aspect-ratio:1;object-fit:contain}@media(max-width:900px){.play-entries{grid-template-columns:minmax(0,1fr)}}

/* Hidden fields remove their grid tracks as well as their markup. */
.work-row{--row-index:40px;--row-art:106px;--row-facts:139px;--row-action:105px;--row-copy-min:160px;grid-template-areas:"index art copy facts action"}
.work-index{grid-area:index}.work-art-button{grid-area:art}.work-copy{grid-area:copy}.work-facts{grid-area:facts}.work-action{grid-area:action}
.work-row.without-art{grid-template-columns:var(--row-index) minmax(var(--row-copy-min),1fr) var(--row-facts) var(--row-action);grid-template-areas:"index copy facts action"}
.work-row.without-facts{grid-template-columns:var(--row-index) var(--row-art) minmax(var(--row-copy-min),1fr) var(--row-action);grid-template-areas:"index art copy action"}
.work-row.without-art.without-facts{grid-template-columns:var(--row-index) minmax(var(--row-copy-min),1fr) var(--row-action);grid-template-areas:"index copy action"}
@media(min-width:1700px){.work-row{--row-index:48px;--row-art:128px;--row-facts:170px;--row-action:120px;--row-copy-min:200px}}
@media(min-width:901px) and (max-width:1150px){.work-row{--row-index:28px;--row-art:88px;--row-facts:115px;--row-action:92px;--row-copy-min:120px}}
@media(max-width:900px){
  .work-row{grid-template-areas:"art copy action" "art facts facts"}
  .work-row.without-art{grid-template-columns:minmax(0,1fr) 48px;grid-template-areas:"copy action" "facts facts"}
  .work-row.without-facts{grid-template-columns:90px minmax(0,1fr) 48px;grid-template-areas:"art copy action"}
  .work-row.without-art.without-facts{grid-template-columns:minmax(0,1fr) 48px;grid-template-areas:"copy action"}
}
@media(max-width:680px){
  .work-row{grid-template-areas:"art copy" "facts facts" "action action"}
  .work-row.without-art{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "facts" "action"}
  .work-row.without-facts{grid-template-columns:76px minmax(0,1fr);grid-template-areas:"art copy" "action action"}
  .work-row.without-art.without-facts{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "action"}
  .detail-identity.without-icon{grid-template-columns:minmax(0,1fr);grid-template-areas:"edition" "name";gap:9px}
}