@font-face{font-family:Fang;src:url('assets/fang.woff');font-display:swap}@font-face{font-family:Hei;src:url('assets/hei.woff');font-display:swap}
:root{--paper:#e6e0cf;--sheet:#f4f2ed;--ink:#201c15;--line:#16130e;--blue:#1f3fb0;--muted:#6d6a63;--ease:cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.8 Hei,system-ui,sans-serif}button,a,video{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit}button{background:none}button:focus-visible,a:focus-visible,summary:focus-visible,video:focus-visible{outline:3px solid var(--blue);outline-offset:6px}button:disabled{opacity:.35;cursor:default}[hidden]{display:none!important}p,h1,h2,h3,figure{margin:0}img{max-width:100%}.skip{position:fixed;left:20px;top:-100px;background:var(--sheet);z-index:300;padding:10px}.skip:focus{top:20px}
.frame{position:fixed;inset:14px;border-radius:34px;overflow:hidden;background:var(--paper);isolation:isolate}.frame:after{content:'';position:absolute;inset:0;border:6px solid var(--line);border-radius:34px;pointer-events:none;z-index:30}.hero-nav{position:absolute;inset:40px 5.5% auto;z-index:28;display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;font:30px Fang,serif;display:flex;align-items:center;gap:10px}.brand small{font:10px Hei;letter-spacing:.2em;margin-left:5px}.hero-nav nav{display:flex;gap:42px}.hero-nav button{border:0;font-size:13px;padding:8px 0}.hero-nav button:hover{border-bottom:1px solid}.hero-foot{position:absolute;bottom:28px;left:5.5%;right:5.5%;z-index:28;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.08em}#scene{position:absolute;transform-origin:0 0}#scene>*{position:absolute}.wave{left:0;top:0;pointer-events:none;overflow:visible}.sprite{background-repeat:no-repeat;will-change:transform}#ship{background-image:url('assets/ship.webp');background-size:100% 100%;transform-origin:50% 100%}#captain{transform-origin:45% 100%}#palm{transform-origin:22% 100%;clip-path:polygon(0 0,100% 0,100% 61%,46% 61%,46% 100%,0 100%)}#shade{position:absolute;left:-12%;top:-12%;width:124%;height:124%;mix-blend-mode:multiply;opacity:.33;pointer-events:none;z-index:24}#cloud{width:300px;height:80px}.intro-copy{left:150px;top:285px;width:680px}.eyebrow{font:16px/1.5 Hei,sans-serif;letter-spacing:.17em}.intro-copy h1{font:88px/1.18 Fang,serif;letter-spacing:-.045em;margin:24px 0 35px}.pill{display:inline-flex;align-items:center;gap:40px;border:3px solid var(--line);border-radius:99px;background:#ece7d8;box-shadow:0 7px 0 -1px var(--paper),0 7px 0 2px var(--line);padding:18px 38px;font-size:17px;transition:transform .25s,box-shadow .25s}.pill:hover{transform:translateY(3px);box-shadow:0 4px 0 -1px var(--paper),0 4px 0 2px var(--line)}.island-copy{left:965px;top:445px;width:560px}.island-copy h2{font:70px/1.16 Fang,serif;margin:16px 0}.island-note{font:16px/1.9 Hei;margin:20px 0 24px}.island-copy .pill{font-size:16px;padding:13px 27px}
#archive{position:fixed;inset:0;background:#edebe6;overflow:hidden}.archive-head{position:absolute;top:27px;left:32px;right:32px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;z-index:5}.archive-head>:last-child{justify-self:end}.archive-head>:first-child{justify-self:start}.archive-logo{font:27px/1.3 Fang,serif;text-decoration:none;color:var(--blue);text-align:center}.archive-logo small{display:block;font:9px/1.5 Hei;letter-spacing:.2em;margin-top:6px}.boxed{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid var(--ink);padding:6px 13px;font:12px/1.3 Hei;text-decoration:none;transition:background .2s,color .2s}.boxed:hover{background:var(--blue);border-color:var(--blue);color:white}.tabs{position:absolute;top:calc(50% - 260px);left:50%;transform:translateX(-50%);display:flex;z-index:3;white-space:nowrap}.tabs button{border:1px solid var(--ink);margin-left:-1px;padding:6px 20px;font:12px/1.4 Hei;transition:background .35s,color .35s}.tabs button[aria-selected=true]{background:var(--blue);color:white}.shelf{position:absolute;left:0;right:0;top:calc(50% - 190px);height:400px;perspective:2200px;overflow:visible;touch-action:pan-y}.shelf:focus-visible{outline:none}#tapes{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d}.tape{position:absolute;left:0;top:0;width:0;height:0;border:0;padding:0;transform-style:preserve-3d;will-change:transform}.face{position:absolute;top:calc(var(--h)/-2);height:var(--h);border-radius:2px;backface-visibility:hidden;overflow:hidden;box-shadow:inset 0 0 0 1px #302b25}.spine{left:calc(var(--ws)/-2);width:var(--ws);transform:translateZ(calc(var(--d)/2));background:#c5bca5;display:flex;align-items:center;flex-direction:column;padding:16px 7px}.spine img{width:100%;height:58px;object-fit:cover;margin-bottom:20px}.spine strong{writing-mode:vertical-rl;font:28px/1.2 Fang;letter-spacing:.16em}.spine small{margin-top:auto;font:8px Hei;letter-spacing:.08em}.cover{left:calc(var(--d)/-2);width:var(--d);transform:rotateY(90deg) translateZ(calc(var(--ws)/2));background:var(--sheet);box-shadow:0 30px 60px -28px #20180b88;text-align:left}.cover-top{height:39px;padding:13px 12px;font:7px Hei;letter-spacing:.12em;background:var(--blue);color:white}.cover-art{height:57%;width:100%;object-fit:cover;display:block}.cover-copy{padding:15px 12px}.cover-copy h3{font:30px/1.2 Fang;margin-bottom:8px}.cover-copy p{font:9px/1.8 Hei}.cover-badge{position:absolute;bottom:12px;right:12px;font:9px Hei;border:1px solid;padding:1px 5px}.face:after{content:'';position:absolute;inset:0;background:#141414;opacity:var(--shade,0);pointer-events:none}.shelf-caption{position:absolute;left:50%;top:calc(50% + 235px);transform:translateX(-50%);width:min(90vw,720px);text-align:center}.shelf-caption h2{font:32px/1.4 Fang;margin:8px 0}.shelf-caption p{font-size:11px;color:var(--blue)}.shelf-caption #cap-note{color:var(--muted);font-size:12px}.watch{color:var(--blue);border-color:var(--blue);margin-top:18px}.shelf-arrows{position:absolute;top:calc(50% + 238px);left:4%;right:4%;display:flex;justify-content:space-between;pointer-events:none}.arrow{border:0;font:30px/1 Hei;padding:10px;pointer-events:auto}.archive-foot{position:absolute;bottom:24px;left:32px;right:32px;display:flex;justify-content:space-between;gap:12px;font:10px/1.5 Hei;letter-spacing:.08em}#counter{color:var(--blue)}
dialog{border:0;padding:0;color:var(--ink);background:var(--sheet);max-width:none;max-height:none}dialog::backdrop{background:#201c1555}#detail{width:100vw;height:100dvh;overflow:auto}.detail-sheet{min-height:100%;padding:28px 5vw 100px}.detail-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:28px;border-bottom:1px solid #bfb9ad;font:11px Hei}.detail-top a{font-size:12px}.detail-top kbd{font:9px Hei;color:var(--muted)}.detail-heading{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;padding:56px 0 32px}.detail-heading h1{font:clamp(34px,4.5vw,68px)/1.3 Fang;margin:12px 0}.detail-heading p{max-width:620px}.detail-meta{color:var(--blue);font-size:11px;letter-spacing:.12em}.video-shell{background:#171c1b;border:1px solid #c7c0b3;position:relative}.video-shell video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;max-height:76vh;background:#171c1b}.video-tools{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:14px 0 28px;font-size:12px}.video-tools a{color:var(--blue)}.section-title{font:36px Fang;margin:60px 0 25px}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.work-card{border-top:1px solid #c6bfb1;padding-top:18px}.work-card>img{width:100%;height:260px;object-fit:contain;background:#e7e2d8}.work-card h3{font:25px Fang;margin:18px 0 10px}.course{font:11px/1.8 Hei;color:var(--muted);min-height:48px}.work-card details{border-top:1px solid #d4cec2}.work-card summary{font:13px/1.8 Hei;cursor:pointer;padding:13px 0;list-style:none}.work-card summary:after{content:'＋';float:right;color:var(--blue)}.work-card details[open] summary:after{content:'−'}.analysis-copy{font:13px/1.95 Hei;padding-bottom:18px;overflow-wrap:anywhere}.analysis-copy p{margin-bottom:14px}.analysis-copy a{color:var(--blue);text-underline-offset:3px}.commentary{max-width:950px;margin:24px auto;padding:25px 0;border-top:1px solid #c6bfb1}.commentary h3{font:26px Fang;margin:16px 0}.references{max-width:1000px;overflow-wrap:anywhere;font:12px/1.9 Hei}.references p{margin:12px 0}.source-row{padding:15px 0;border-top:1px solid #d4cec2}.source-row a{color:var(--blue)}.coming{min-height:70vh;display:flex;flex-direction:column;justify-content:center;max-width:800px;margin:auto}.coming h1{font:70px/1.3 Fang;margin:25px 0}.coming p{margin-bottom:24px}.about-sheet{max-width:680px;padding:40px}.about-sheet h2{font:38px Fang;margin:30px 0}.about-sheet p{margin:20px 0}.about-sheet .boxed{float:right}.about-sheet .eyebrow{padding-top:35px}.muted{color:var(--muted)}#cursor{position:fixed;width:30px;height:30px;border:2px solid var(--ink);border-radius:50%;pointer-events:none;z-index:150;display:none;transform:translate(-50%,-50%);transition:width .2s,height .2s}.fine:not(.reading){cursor:none}.fine:not(.reading) button,.fine:not(.reading) a{cursor:none}.fine:not(.reading) #cursor{display:block}body.reading{overflow:hidden}
@media(min-width:768px) and (max-height:760px){.shelf{height:310px;top:calc(50% - 160px)}.tabs{top:calc(50% - 220px)}.shelf-caption{top:calc(50% + 180px)}.shelf-caption h2{font-size:26px}.shelf-caption .watch{margin-top:10px}.shelf-arrows{top:calc(50% + 200px)}.archive-foot{bottom:14px}}
.portrait .intro-copy{left:60px;top:190px;width:680px}.portrait .intro-copy h1{font-size:98px}.portrait .intro-copy .eyebrow{font-size:27px}.portrait .intro-copy .pill{font-size:26px;padding:22px 52px}.portrait .island-copy{left:64px;top:1036px;width:680px}.portrait .island-copy h2{font-size:88px}.portrait .island-copy .eyebrow{font-size:22px}.portrait .island-note{font-size:22px}.portrait .island-copy .pill{font-size:24px;padding:18px 38px}
@media(max-width:767px){.frame{inset:8px;border-radius:22px}.frame:after{border-width:4px;border-radius:22px}.hero-nav{top:24px;left:7%;right:7%}.brand{font-size:22px}.brand small{display:none}.hero-nav nav{gap:15px}.hero-nav button{font-size:10px}.hero-foot{font-size:8px;bottom:18px;gap:12px}.hero-foot span{max-width:50%}.archive-head{left:18px;right:18px;top:22px}.archive-head .boxed{font-size:10px;padding:5px 8px}.archive-logo{font-size:23px}.archive-logo small{font-size:7px}.tabs{top:calc(50% - 215px)}.tabs button{padding:7px 10px;font-size:11px}.shelf{top:calc(50% - 145px);height:295px}.shelf-caption{top:calc(50% + 190px)}.shelf-caption h2{font-size:26px}.shelf-caption .watch{margin-top:12px}.shelf-caption #cap-note{font-size:10px}.shelf-arrows{top:calc(50% + 220px);left:2%;right:2%}.archive-foot{left:18px;right:18px;bottom:20px;font-size:9px}.archive-foot span:last-child{display:none}.detail-sheet{padding:20px 20px 60px}.detail-top{gap:8px;font-size:9px;flex-wrap:wrap}.detail-top .boxed{font-size:10px}.detail-top a{font-size:10px}.detail-heading{grid-template-columns:1fr;gap:18px;padding:32px 0 24px}.detail-heading h1{font-size:38px}.detail-heading p{font-size:13px}.work-grid{grid-template-columns:1fr}.work-card>img{height:340px}.video-tools{align-items:flex-start;flex-direction:column}.section-title{font-size:30px;margin-top:38px}.coming h1{font-size:50px}.about-sheet{padding:26px}.about-sheet h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}}

.portrait #bushL{display:none}.portrait #shade{opacity:.22}.hero-foot span{background:rgba(230,224,207,.85);padding:2px 5px}.brand svg{width:25px;height:30px;flex:none}

/* Archive edition: twelve records, each with its own printed sleeve. */
#archive{background:#eeeae1;isolation:isolate}
#archive:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.2;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 170 170' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23736a54' opacity='.22' filter='url(%23n)' d='M0 0h170v170H0z'/%3E%3C/svg%3E")}
.spine,.cover{background-color:var(--case);color:var(--print);border:2px solid #81745c77;border-radius:5px;box-shadow:inset 2px 1px 3px #f6e9cd99,inset -3px 0 3px #0006,1px 4px 4px #29251e2b}
.face:before{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;opacity:.7;background:linear-gradient(93deg,#ebddc966 0,transparent 3%,transparent 94%,#e6dac799 97%,#201d1640),repeating-linear-gradient(0deg,transparent 0 21px,#ede3cb19 22px,transparent 23px 68px),linear-gradient(173deg,#e5d8b955 0,transparent 2%,transparent 96%,#201e2138 99%);box-shadow:inset 0 0 0 1px #e1d6be88,inset 0 0 0 4px #36302022}
.face:after{z-index:4}
.spine{padding:13px 5px 10px;gap:8px}
.spine-series{font:7px Hei;letter-spacing:.14em;border-bottom:1px solid currentColor;padding-bottom:6px;width:100%;text-align:center;opacity:.8}
.spine img{height:19%;width:100%;object-fit:cover;margin:0;border:1px solid #e7d4b855}
.spine strong{font:calc(var(--h)*.067)/1.05 Fang;letter-spacing:.07em;white-space:nowrap;margin-top:5px}
.spine-en{font:6px/1.2 Hei!important;writing-mode:vertical-rl;letter-spacing:.08em;margin-top:8px!important;max-height:15%;overflow:hidden;opacity:.75}
.spine-number{margin-top:auto!important;width:100%;display:flex;justify-content:space-between;align-items:center;font:8px Hei!important}
.spine-number b{font-weight:400;font-size:7px;border:1px solid;padding:0 2px}
.cover-top{display:block;height:8%;padding:9px 10px 5px;background:transparent;color:inherit;font:6px/1.3 Hei;letter-spacing:.13em;border-bottom:1px solid #d7c6aa77}
.cover-art{height:58%;width:100%;object-fit:cover;object-position:center}
.cover-copy{display:block;padding:10px 12px}
.cover-kind{display:block;font:7px/1.5 Hei;letter-spacing:.08em;opacity:.8}
.cover-copy h3{font:calc(var(--h)*.07)/1.15 Fang;margin:7px 0 6px;letter-spacing:-.03em}
.cover-english{display:block;font:7px/1.5 Hei;letter-spacing:.05em;max-width:90%}
.cover-badge{bottom:10px;right:11px;font:7px Hei;padding:1px 4px}
.design-1 .cover-art{height:49%;margin:9px 10px 0;width:calc(100% - 20px);border:1px solid #a68f6a}
.design-1 .cover-copy h3{font-size:calc(var(--h)*.079)}
.design-2 .cover-art{height:65%;object-position:center}
.design-2 .cover-copy{position:absolute;bottom:0;left:0;right:0;min-height:30%;padding-top:10px;background:var(--case)}
.design-2 .cover-copy h3{font-size:calc(var(--h)*.074)}
.design-3 .cover-art{height:56%;margin:12px 14px 0;width:calc(100% - 28px);object-fit:cover}
.design-3 .cover-copy{text-align:center}
.notes-mark{font:22px/1.3 Fang;border:1px solid currentColor;padding:8px 3px;margin:8px 0}
.notes-art{display:flex;flex-direction:column;justify-content:center;height:57%;font:calc(var(--h)*.14)/1.05 Fang;padding:20px;border-bottom:1px solid currentColor;margin:0 13px;letter-spacing:-.1em}
.notes-art span{font:6px/1.8 Hei;letter-spacing:.1em;margin-top:14px}
.empty-archive{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:24px;gap:16px}
.empty-archive h2{font:56px Fang}.empty-archive p{color:var(--blue);font-size:12px;letter-spacing:.1em}.empty-archive span{font-size:12px;color:var(--muted)}
.single-work{max-width:1100px;margin:0 auto}.single-work .work-card{display:grid;grid-template-columns:1fr 1fr;column-gap:50px;align-items:start}
.single-work .work-card>img{grid-column:1;grid-row:1 / span 10;height:auto;max-height:75vh;position:sticky;top:25px;object-fit:contain}
.single-work .work-card>h3,.single-work .work-card>.course,.single-work .work-card>details{grid-column:2}
.single-work .work-card>h3{margin-top:0}.single-work .work-card>.course{min-height:0;margin-bottom:24px}
.related-film{max-width:1100px;margin:55px auto 0;border-top:1px solid #c6bfb1;padding-top:25px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.analysis-note{max-width:1100px;margin:20px auto;font-size:11px;color:var(--muted)}
.tabs button{padding:6px 14px}
.tape:focus-visible .cover{outline:3px solid var(--blue);outline-offset:5px}
@media(max-width:767px){.tabs{width:max-content;max-width:calc(100% - 30px);flex-wrap:wrap;justify-content:center;row-gap:5px;top:calc(50% - 225px)}.tabs button{padding:6px 9px;font-size:10px}.single-work .work-card{display:block}.single-work .work-card>img{position:static;max-height:60vh;width:100%;height:auto;margin-bottom:25px}.related-film{align-items:flex-start;flex-direction:column}.empty-archive h2{font-size:44px}.empty-archive span{max-width:260px}.spine-series{font-size:6px}.cover-top{font-size:5px;padding:6px 8px}.cover-copy{padding:8px 10px}.cover-english{font-size:6px}.cover-kind{font-size:6px}.cover-badge{font-size:6px;bottom:7px}.spine{gap:5px;padding-top:9px}.spine img{height:17%}.spine-en{font-size:5px!important}.spine-number{font-size:6px!important}.spine-number b{font-size:5px}}