@font-face{font-family:SeriesTitle;src:url('assets/alternation-nav.woff2?v=quiet-2') format('woff2');font-weight:900;font-display:swap}
@font-face{font-family:AlternationSans;src:url('assets/alternation-sans.woff2?v=quiet-2') format('woff2');font-weight:700;font-display:swap}
.work-tile .blue-cover{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.work-tile[data-series="abstract"]::after{content:"!";position:absolute;left:6%;top:8%;font:900 clamp(70px,8vw,140px)/1 Georgia,serif;color:#e43d30;pointer-events:none}
.abstract-gate .blue-series-layout{display:block;width:min(76vh,82vw);max-width:820px;margin:10vh auto}
.abstract-gate .blue-series-photo:first-child{position:relative;aspect-ratio:1}
.abstract-gate .blue-series-photo:first-child>img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:15% 50%}
.abstract-gate .blue-series-photo:not(:first-child){display:none}
.abstract-gate .blue-series-copy{visibility:hidden!important}
.abstract-warning{position:absolute;left:6%;top:8%;writing-mode:vertical-rl;text-orientation:upright;font:700 clamp(18px,2.3vw,34px)/1 Arial,sans-serif;letter-spacing:.08em;color:var(--orange);pointer-events:none}
.abstract-proceed{position:absolute;border:1px solid rgba(255,255,255,.17);color:#fff;display:flex;align-items:center;justify-content:center;pointer-events:auto;backdrop-filter:blur(12px);cursor:pointer;z-index:4}
.abstract-proceed svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.abstract-proceed:hover{background:var(--orange)}
.abstract-proceed:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
.abstract-proceed[hidden],.abstract-warning[hidden]{display:none}
@media(max-width:700px){.abstract-gate .blue-series-copy{display:none}.abstract-warning{font-size:18px}}
.work-tile .design-cover{object-fit:cover;background:#f8f8f5}
.work-tile[data-series="longquan"] .design-cover{object-position:50% 50%}
.work-tile[data-series="gantz"] .design-cover{object-position:0% 50%!important}
.work-tile[data-series="oolong"] .design-cover{object-position:100% 50%!important}
.work-tile[data-series="bebop"] .design-cover{object-position:50% 50%!important}
.design-series .blue-flight-front{object-fit:cover;background:#f8f8f5}
.design-series .blue-flight-back{object-fit:contain;object-position:center!important;background:#f8f8f5}
.design-series .blue-series-photo img{width:100%;max-height:none}
.design-series .blue-series-copy h2{font-size:clamp(30px,3vw,56px);overflow-wrap:break-word}
.blue-series{position:fixed;inset:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:rgba(18,18,17,.96);color:#eee;overflow:auto;overscroll-behavior:contain}
.blue-series::backdrop{background:rgba(0,0,0,.35)}
/* Native scrolling, with only the thumb visible over each page. */
.blue-series,.about-page{scrollbar-width:thin;scrollbar-color:#92918b transparent}
.blue-series::-webkit-scrollbar,.about-page::-webkit-scrollbar{width:8px;height:8px;background:transparent}
.blue-series::-webkit-scrollbar-track,.about-page::-webkit-scrollbar-track{background:transparent;border:0;box-shadow:none}
.blue-series::-webkit-scrollbar-thumb,.about-page::-webkit-scrollbar-thumb{background:#92918b;border:0;border-radius:0;box-shadow:none}
.blue-series::-webkit-scrollbar-thumb:hover,.about-page::-webkit-scrollbar-thumb:hover{background:#c4c1b9}
.blue-series::-webkit-scrollbar-button,.about-page::-webkit-scrollbar-button{display:none;width:0;height:0}
.blue-series::-webkit-scrollbar-corner,.about-page::-webkit-scrollbar-corner{background:transparent}
.blue-series-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(220px,1fr);gap:5vw;width:91%;max-width:1900px;margin:8vh auto 7vh;align-items:start}
.blue-series-photos{min-width:0;display:flex;flex-direction:column;gap:28px}
.blue-series-photo{margin:0;overflow:hidden}
.blue-series-photos.xinjiang-photos{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(12px,1.5vw,24px)}
.xinjiang-photos .blue-series-photo{grid-column:1 / -1}
.xinjiang-photos .paired-portrait{grid-column:auto}
.xinjiang-photos .paired-portrait img{width:100%;height:min(73vh,75vw);max-height:none;object-fit:contain;object-position:center top}
.blue-series-photo img{display:block;width:auto;max-width:100%;height:auto;max-height:73vh;object-fit:contain;object-position:left center}
.blue-series-copy{position:sticky;top:15vh;padding-top:24px;font-family:Arial,sans-serif}
.blue-series-copy small{font-size:11px;letter-spacing:.16em;color:#aaa}
.blue-series-copy h2{font:400 clamp(34px,4vw,68px) Georgia,serif;margin:24px 0}
.blue-series-copy p{font-size:14px;line-height:1.9;max-width:29em;color:#bbb}
.alternation-series .blue-series-copy{top:4vh;padding-top:8px;font-family:AlternationSans,AboutSans,"Microsoft YaHei",sans-serif;font-weight:700;font-synthesis:none}
.alternation-series .blue-series-copy h2{font-family:SeriesTitle,ArchiveNav,serif;font-weight:900;font-size:clamp(36px,3.4vw,58px);letter-spacing:.09em;line-height:1.2;margin:18px 0}
.alternation-series.design-series .blue-series-copy h2{font-size:clamp(30px,2.8vw,48px);letter-spacing:.035em;overflow-wrap:normal}
.alternation-series .blue-series-copy small{display:none}
.alternation-series .blue-series-layout{grid-template-columns:minmax(0,1fr) minmax(0,clamp(400px,32vw,540px));gap:3vw}
.alternation-series .blue-series-copy{min-width:0;width:100%}
.alternation-series .blue-series-copy .series-meta{font-size:clamp(15px,1.1vw,18px);line-height:1.8;color:#b9b9b5;margin:0 0 26px;white-space:nowrap;max-width:none;width:100%}
.alternation-series .blue-series-copy p:not(.series-meta){font-size:clamp(14px,1vw,17px);line-height:1.85;margin:0 0 16px;color:#c6c6c2}
.alternation-series.design-series .blue-series-copy .series-subtitle{font-family:SeriesTitle,ArchiveNav,serif;font-size:clamp(20px,1.6vw,27px);line-height:1.4;letter-spacing:.08em;color:#d5d4cc;margin:-5px 0 20px}
.alternation-series.design-series .blue-series-copy .series-note{font-size:clamp(11px,.8vw,13px);font-weight:700;line-height:1.75;color:#92938e;margin-top:24px}
.blue-series-close.corner-return{display:flex;position:fixed;right:4.5%;bottom:5vh;top:auto;z-index:4}
.blue-flight{position:fixed;z-index:5;pointer-events:none;perspective:1600px}
.blue-flight-turn{width:100%;height:100%;position:relative;transform-style:preserve-3d}
.blue-flight img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;backface-visibility:hidden}
.blue-flight-back{transform:rotateY(180deg)}
@media(max-width:700px){.blue-series-layout{display:flex;flex-direction:column;gap:24px;width:90%;margin-top:75px}.blue-series-copy{position:static;order:-1;padding:0}.blue-series-copy h2{margin:10px 0}.blue-series-copy p{margin:0;font-size:13px}.blue-series-photos{gap:18px;width:100%}.blue-series-photo img{max-height:none}.blue-series-close{top:14px}}
@media(max-width:700px){.abstract-series .blue-series-copy{order:0}}
@media(max-width:700px){.alternation-series .blue-series-copy p:not(.series-meta){font-size:13px}}