*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.045;background-image:radial-gradient(circle,#000 0 .55px,transparent .75px);background-size:8px 8px;mix-blend-mode:multiply}
a{color:inherit;text-decoration:none}button,input{font:inherit}#trace{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.34}.app-shell,.topbar{position:relative;z-index:1}
.topbar{position:fixed;inset:0 0 auto;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:linear-gradient(to bottom,rgba(240,238,231,.97),rgba(240,238,231,.78),transparent);backdrop-filter:blur(10px)}
.brand{font:500 11px var(--mono);letter-spacing:.13em;text-transform:uppercase;display:flex;gap:9px}.brand span{color:var(--muted)}.topbar nav{display:flex;gap:16px;align-items:center;font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase}.topbar nav a{opacity:.55;transition:.2s}.topbar nav a:hover,.topbar nav a.active{opacity:1}.topbar .drift{border:1px solid var(--line);padding:7px 11px;border-radius:99px;opacity:1}
.page{min-height:100vh;padding:118px 4vw 80px;animation:reveal .38s ease}@keyframes reveal{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.kicker,.small{font-family:var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.09em}.kicker{font-size:10px}.small{font-size:10px;line-height:1.6}.blue{color:var(--blue)}
.hero{min-height:78vh;display:grid;grid-template-columns:1.5fr .7fr;align-items:end;padding-bottom:8vh}.hero h1{margin:0;font:400 clamp(80px,13vw,220px)/.77 var(--serif);letter-spacing:-.074em}.hero-aside{justify-self:end;max-width:380px}.hero-aside p{font:32px/1.12 var(--serif);margin:12px 0 24px}.hero-meta{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px}
.head{display:grid;grid-template-columns:1.35fr .65fr;align-items:end;padding-bottom:50px;border-bottom:1px solid var(--line)}.head h1{margin:0;font:400 clamp(76px,11vw,172px)/.82 var(--serif);letter-spacing:-.068em}.head p{justify-self:end;max-width:410px;margin:0;font:24px/1.24 var(--serif)}
.surface{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;border-top:1px solid var(--line);padding-top:38px}.surface-card{cursor:pointer}.surface-card img,.surface-card video{display:block;width:100%;max-height:72vh;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.surface-card:hover img,.surface-card:hover video{transform:scale(.993)}.surface-card:nth-of-type(1){grid-column:1/span 7}.surface-card:nth-of-type(2){grid-column:9/span 4;margin-top:14vh}.surface-card:nth-of-type(3){grid-column:2/span 4;margin-top:16vh}.surface-card:nth-of-type(4){grid-column:7/span 6;margin-top:4vh}.surface-caption{padding-top:9px}.home-word{grid-column:2/span 8;padding:16vh 0 22vh;font:400 clamp(42px,5.2vw,78px)/1.02 var(--serif);letter-spacing:-.04em}.home-word:before{content:"“";display:block;color:var(--blue);font-size:60px;line-height:.8}
.editorial{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;padding-top:42px;align-items:start}.figure{margin:0;cursor:pointer}.figure img{display:block;width:100%;max-height:76vh;object-fit:cover}.figure:nth-child(4n+1){grid-column:1/span 7}.figure:nth-child(4n+2){grid-column:9/span 4;margin-top:18vh}.figure:nth-child(4n+3){grid-column:2/span 4;margin-top:8vh}.figure:nth-child(4n+4){grid-column:7/span 6;margin-top:14vh}.figure figcaption{padding-top:11px}.figure-title{font:28px var(--serif);margin-top:6px}.preview{font:15px/1.5 var(--serif);margin-top:8px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.words-list{max-width:1100px;margin:0 auto;padding-top:9vh}.word-row{padding:8vh 0;border-bottom:1px solid var(--line);cursor:pointer}.word-row .word-text{max-width:850px;font:400 clamp(34px,4.5vw,66px)/1.05 var(--serif);letter-spacing:-.035em}.word-row .word-meta{display:flex;justify-content:space-between;margin-top:24px}
.music-list{padding-top:28px}.music-row{display:grid;grid-template-columns:70px 220px 1fr 150px;gap:28px;padding:36px 0;border-bottom:1px solid var(--line);align-items:end;cursor:pointer}.music-cover{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#151515}.abstract-cover{width:100%;aspect-ratio:1;background:radial-gradient(circle at 60% 42%,var(--blue) 0 7px,transparent 8px),repeating-radial-gradient(circle at 50% 50%,transparent 0 52px,rgba(240,238,231,.25) 53px 54px),#171717}.disc{width:46px;height:46px;border:1px solid var(--ink);border-radius:50%;position:relative}.disc:after{content:"";position:absolute;width:7px;height:7px;background:var(--blue);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.music-title{font:400 clamp(44px,5vw,78px)/.95 var(--serif);letter-spacing:-.048em}.music-preview{font:20px/1.38 var(--serif);max-width:680px}.audio-ui{display:flex;align-items:center;gap:12px;margin-top:18px;max-width:600px}.play{width:40px;height:40px;border:1px solid var(--ink);background:none;border-radius:50%;cursor:pointer;flex:0 0 auto}.progress{height:1px;background:rgba(20,20,20,.25);flex:1;position:relative;cursor:pointer}.progress>i{position:absolute;left:0;top:0;height:1px;width:0;background:var(--blue)}.time{min-width:58px;text-align:right}
.cinema{margin:0 -4vw -80px;padding:118px 4vw 100px;min-height:100vh;background:var(--night);color:var(--night-text)}.cinema .head{border-color:rgba(255,255,255,.16)}.cinema .head p,.cinema .small,.cinema .kicker{color:#aaa}.video-grid{padding-top:44px}.film{display:grid;grid-template-columns:1fr .58fr;gap:5vw;align-items:end;padding:0 0 14vh;cursor:pointer}.frame{aspect-ratio:16/9;background:#050505;position:relative;overflow:hidden}.frame video,.frame img{width:100%;height:100%;object-fit:cover;display:block}.frame:after{content:"▶";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border:1px solid rgba(255,255,255,.72);border-radius:50%;display:grid;place-items:center;padding-left:3px;font-size:15px;backdrop-filter:blur(4px);pointer-events:none}.film-title{font:400 clamp(48px,6vw,92px)/.94 var(--serif);letter-spacing:-.052em;margin:10px 0 20px}.film-preview{font:23px/1.4 var(--serif);color:#ddd}
.detail{max-width:1450px;margin:0 auto;padding-top:92px}.detail-top{display:grid;grid-template-columns:1.15fr .85fr;gap:7vw;align-items:end}.detail-media img,.detail-media video{width:100%;display:block;max-height:72vh;object-fit:contain;object-position:left bottom}.detail-meta h1{font:400 clamp(60px,8vw,120px)/.87 var(--serif);letter-spacing:-.062em;margin:12px 0 22px}.detail-preview{font:400 clamp(27px,3vw,43px)/1.17 var(--serif);max-width:680px}.detail-rule{height:1px;background:var(--line);margin:52px 0}.detail-body{display:grid;grid-template-columns:1fr 2.2fr 1fr;gap:4vw}.note{grid-column:2;font:22px/1.72 var(--serif)}.note p,.note blockquote{margin:0 0 1.35em}.note blockquote{padding-left:20px;border-left:1px solid var(--blue)}.side{grid-column:3;font:10px/1.75 var(--mono);color:var(--muted);text-transform:uppercase}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.tag{border:1px solid var(--line);border-radius:99px;padding:5px 8px;color:var(--ink);text-transform:none}.detail-nav{margin-top:110px;border-top:1px solid var(--line);display:flex;justify-content:space-between;padding-top:18px;font:10px var(--mono);color:var(--muted);text-transform:uppercase}.detail-nav button{border:0;background:none;padding:0;cursor:pointer;color:inherit;text-transform:uppercase}
.index-toolbar{display:flex;justify-content:flex-end;margin:26px 0 0}.index-toolbar input{width:min(360px,100%);background:transparent;border:0;border-bottom:1px solid var(--line);padding:10px 2px;color:var(--ink);outline:none;font:12px var(--mono)}.index-list{margin-top:18px;border-top:1px solid var(--line)}.index-row{display:grid;grid-template-columns:90px 90px 1fr 1.5fr;gap:18px;padding:16px 0;border-bottom:1px solid var(--line);align-items:center;cursor:pointer;font:10px var(--mono)}.index-title{font:22px var(--serif)}.index-row:hover{background:rgba(255,255,255,.25)}
.empty,.loading{min-height:75vh;display:grid;place-items:center;text-align:center;padding:120px 20px}.empty h2{font:48px var(--serif);font-weight:400;margin:0 0 12px}.empty p,.loading p{font:18px/1.6 var(--serif);color:#555;max-width:580px}.sync-badge{position:fixed;right:16px;bottom:14px;z-index:60;font:9px var(--mono);color:var(--muted);opacity:.55}.sync-badge.bad{color:#9a3f36}
@media(max-width:900px){.topbar nav a:nth-child(3),.topbar nav a:nth-child(4),.topbar nav a:nth-child(5){display:none}.page{padding-left:18px;padding-right:18px}.hero,.head{grid-template-columns:1fr}.hero-aside,.head p{justify-self:start;margin-top:30px}.surface-card:nth-of-type(n){grid-column:1/span 12;margin-top:30px}.home-word{grid-column:1/span 12}.figure:nth-child(n){grid-column:1/span 12;margin-top:30px}.music-row{grid-template-columns:48px 110px 1fr}.music-row>div:last-child{display:none}.cinema{margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px}.film{grid-template-columns:1fr}.detail-top,.detail-body{grid-template-columns:1fr}.note,.side{grid-column:1}.index-row{grid-template-columns:60px 70px 1fr}.index-row>:last-child{display:none}}