@font-face{font-family:Inter;src:url('assets/Inter.subset.woff2') format('woff2'),url('assets/Inter.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html{background:#070807;color:#eeeee8;font-family:Inter,Arial,sans-serif;scrollbar-color:#474a43 #070807;scrollbar-width:thin}body{margin:0;overflow:hidden}body[data-mode=wall][data-travelling=false]{overflow-y:auto}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:wait;color:#85877f}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:1px solid #e2e7d7;outline-offset:5px}button{border:0;background:none}button:hover,a:hover{color:#fff}[hidden]{display:none!important}.micro{font-size:9px;font-weight:450;letter-spacing:.16em;line-height:1.6;color:#95998e}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-60px;left:20px;z-index:20;padding:15px;background:#eeeee8;color:#070807}.skip:focus{top:15px}header{height:98px;position:fixed;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;margin:0 40px;border-bottom:1px solid #ffffff1c;z-index:5;pointer-events:none}.brand,header nav{pointer-events:auto}.brand{display:flex;gap:13px;align-items:center}.brand img{object-fit:contain;display:block}.brand img:last-child{width:165px;height:auto}header nav{display:flex;gap:32px;align-items:center}header nav button{padding:12px 0;font-size:12px;color:#bbbfb5}header nav span{margin-left:12px;color:#7e8475}#world{position:fixed;inset:0;display:block;width:100%;height:100%;outline-offset:-5px;background:#070807;touch-action:pan-y;z-index:0}#scroll-track{height:100vh;pointer-events:none}.entrance-ui,.wall-ui,.work-ui{position:fixed;inset:0;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}.entrance-ui button,.wall-ui button,.work-ui button,.work-ui a,.vibe-dock,.work-panel{pointer-events:auto}body[data-mode=entrance] .entrance-ui{opacity:1;visibility:visible}body[data-mode=wall][data-travelling=false] .wall-ui{opacity:1;visibility:visible}body[data-mode=work] .work-ui{opacity:1;visibility:visible}body[data-travelling=true] .entrance-ui,body[data-travelling=true] .wall-ui{opacity:0;pointer-events:none}.entrance-copy{position:absolute;left:42px;bottom:66px}.entrance-copy h1{font-size:clamp(32px,4vw,62px);line-height:1.04;letter-spacing:-.055em;font-weight:430;margin:20px 0 0}.enter-action{position:absolute;left:50%;bottom:10%;transform:translateX(-50%);text-align:center;white-space:nowrap}.enter-action>button{border:1px solid #ffffff50;border-radius:2px;padding:17px 22px;font-size:12px;display:flex;justify-content:space-between;align-items:center;gap:45px;background:#070807ba;transition:background .2s,border-color .2s}.enter-action>button:hover{background:#1b1e17;border-color:#a9b09c}.enter-action p{font-size:9px;color:#969b8e;margin-top:15px;letter-spacing:.025em}.entrance-edition{position:absolute;right:42px;bottom:68px;font-size:8px}#head-door{position:fixed;border:1px solid transparent;border-radius:0;padding:0;transition:border-color .3s;background:transparent;opacity:0}#head-door:hover,#head-door:focus-visible{border-color:#ffffff55}#head-door>span{font-size:15px;color:#d2d9c5;opacity:0;transition:opacity .2s}#head-door:hover>span,#head-door:focus-visible>span{opacity:1}body[data-loading=false] #head-door{opacity:1}.wall-heading{position:absolute;top:128px;left:40px;right:40px;display:flex;justify-content:space-between;align-items:end}.wall-heading h1{font-size:clamp(29px,4vw,50px);font-weight:430;line-height:1.05;letter-spacing:-.05em;margin:12px 0 0}.wall-heading>p{font-size:10px;color:#9da393;letter-spacing:.025em}.vibe-dock{position:absolute;bottom:0;left:0;right:0;min-height:118px;background:#070807f5;border-top:1px solid #ffffff1c;padding:18px 40px 16px;display:grid;grid-template-columns:155px 1fr;gap:12px 15px;align-items:center}.vibe-label{display:flex;gap:12px;align-items:center}.vibe-label .micro{font-size:8px}.vibe-label button{border:1px solid #757d68;border-radius:50%;width:15px;height:15px;padding:0;font-size:9px;color:#b8c1ab}#vibes{display:flex;gap:7px;flex-wrap:wrap}#vibes button{font-size:11px;color:#adb5a0;padding:9px 13px;border:1px solid #343b2d;border-radius:2px;transition:background .2s,color .2s}#vibes button[aria-pressed=true]{color:#090c07;background:#e0e5d7;border-color:#e0e5d7}#vibes button:hover{border-color:#9ba68c}#vibe-order{grid-column:2;font-size:9px;color:#808b74;margin:0}#hover-label{position:absolute;left:0;top:0;opacity:0;background:#080b07e8;border:1px solid #424a37;padding:8px 11px;font-size:10px;letter-spacing:.05em;color:#dce6ce;white-space:nowrap;pointer-events:none}#zoom-out{position:fixed;left:40px;bottom:151px;z-index:4;color:#d0d8c3;font-size:11px;padding:11px 14px;border:1px solid #484f3d;background:#070807df;backdrop-filter:blur(8px)}#zoom-out span{margin-right:13px}body[data-mode=work] #zoom-out{bottom:38px}body[data-travelling=true] #zoom-out{opacity:.5}#focus-frame{position:absolute;width:min(61vw,calc(100vh - 220px),800px);aspect-ratio:1;left:max(5vw,calc(50vw - 630px));top:calc(50% + 20px);transform:translateY(-50%)}.work-panel{position:absolute;right:max(5vw,calc(50vw - 650px));width:285px;top:52%;transform:translateY(-50%);max-height:calc(100vh - 165px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#555f46 transparent;padding:3px 8px 3px 3px}.work-panel h1{font-size:40px;font-weight:440;letter-spacing:-.055em;margin:22px 0 30px}.work-reading>.micro{font-size:8px}.dominant{font-size:23px;font-weight:400;letter-spacing:-.03em;text-transform:capitalize;margin:11px 0 25px}#emotion-bars>div{display:grid;grid-template-columns:80px 1fr 24px;align-items:center;gap:12px;font-size:9px;color:#9da98e;margin:10px 0;text-transform:capitalize}#emotion-bars meter{height:3px;min-width:0;width:100%;appearance:none;border:0;background:#242c1c}#emotion-bars meter::-webkit-meter-bar{background:#242c1c;border:0;border-radius:0}#emotion-bars meter::-webkit-meter-optimum-value{background:#c1cead}#emotion-bars output{font-size:8px;text-align:right;color:#adb99e}.reading-source{padding:12px 0 5px;text-align:left;font-size:9px;color:#889a74;text-decoration:underline;text-underline-offset:4px}.work-collector{border-top:1px solid #31382b;border-bottom:1px solid #31382b;margin-top:25px;padding:20px 0;display:flex;justify-content:space-between;align-items:center;gap:15px}.work-collector p{font-size:10px;color:#9da98e;line-height:1.8;margin:0}.work-collector>span{font-size:17px;letter-spacing:-.03em}.work-collector small{font-size:8px;color:#91a07e;margin-left:3px}.work-actions{display:flex;justify-content:space-between;gap:18px;margin:24px 0}.work-actions button,.work-actions a{font-size:10px;text-align:left;padding:0;line-height:1.7}.work-actions span{margin-left:7px}.work-pagination{border-top:1px solid #31382b;padding-top:18px;display:flex;justify-content:space-between;gap:20px}.work-pagination button{font-size:10px;padding:5px 0;color:#acb69d}dialog{color:#e4eadb;background:#0c0f09;border:1px solid #414b34;padding:30px;max-width:700px;width:calc(100% - 40px);max-height:82vh;scrollbar-width:thin;scrollbar-color:#566347 #0c0f09}dialog::backdrop{background:#030502d9;backdrop-filter:blur(6px)}.dialog-heading{display:flex;justify-content:space-between;align-items:start;gap:25px}.dialog-heading button{font-size:11px;padding:3px 0}.dialog-heading h2,dialog>h2{font-size:37px;font-weight:430;letter-spacing:-.05em;margin:15px 0 24px}dialog>p{font-size:13px;color:#aebca0;line-height:1.85;max-width:570px}dialog>.micro{display:block;margin-top:25px;font-size:8px}.index-search{display:flex;justify-content:space-between;align-items:center;margin:15px 0 25px;padding:15px 0;border-top:1px solid #313c26;border-bottom:1px solid #313c26;font-size:11px;color:#aab99b}.index-search input{background:#12190c;border:1px solid #39482a;padding:10px;color:#e7eede;width:200px;max-width:60%;font-size:11px}#index-works{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#index-works button{text-align:left;border:1px solid #29351e;padding:15px 12px;display:flex;justify-content:space-between;align-items:center;gap:8px;min-width:0;font-size:12px}#index-works button span{font-size:8px;color:#a5b395;text-transform:capitalize}#index-works button:hover{background:#1a2311;border-color:#9ba78b}#fallback{position:fixed;inset:30% 20% auto;z-index:6;text-align:center}#fallback h1{font-size:40px;font-weight:430;letter-spacing:-.05em}#fallback p{font-size:13px;line-height:1.7;color:#a8b598}#fallback a{display:inline-block;margin-top:25px;border:1px solid #5e6a4d;padding:15px;font-size:12px;color:inherit;text-decoration:none}body[data-mode="fallback"] header nav a{font:inherit;font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:12px 8px;color:inherit;text-decoration:none}#fallback a:focus-visible{outline:2px solid #d5e6ae;outline-offset:4px}.no-script{position:fixed;inset:50% 15% auto;z-index:10;font-size:15px;line-height:1.7}
@media(max-width:1100px){.work-panel{width:260px;right:35px}#focus-frame{left:35px;width:min(57vw,calc(100vh - 230px))}.wall-heading{top:120px}.vibe-dock{grid-template-columns:1fr;gap:13px;padding-top:13px}.vibe-label{display:none}#vibe-order{grid-column:1}.entrance-edition{display:none}}
@media(max-width:700px){header{height:77px;margin:0 20px}.brand{gap:9px}.brand img:first-child{width:25px;height:29px}.brand img:last-child{width:127px}header nav{gap:18px}header nav button{font-size:10px}header nav span{display:none}.entrance-copy{left:22px;bottom:42px}.entrance-copy h1{font-size:36px;margin-top:13px}.entrance-copy .micro{font-size:7px}.enter-action{bottom:22%;}.enter-action>button{font-size:11px;padding:16px 19px;gap:28px}.enter-action p{font-size:8px}.wall-heading{left:20px;right:20px;top:101px}.wall-heading .micro{font-size:7px}.wall-heading h1{font-size:34px;margin-top:9px}.wall-heading>p{font-size:8px;text-align:right;max-width:90px;line-height:1.8}.vibe-dock{min-height:102px;padding:13px 20px;display:block}#vibes{gap:6px;flex-wrap:nowrap;overflow-x:auto;padding:0 0 9px;scrollbar-width:none}#vibes button{white-space:nowrap;font-size:10px;padding:9px 12px}#vibe-order{font-size:8px;margin-top:8px}#zoom-out{left:20px;bottom:123px;padding:10px 12px;font-size:10px}body[data-mode=work] #zoom-out{bottom:22px}#focus-frame{--art-size:min(calc(100vw - 40px),42svh);width:var(--art-size);left:calc((100vw - var(--art-size))/2);top:105px;transform:none}.work-panel{left:20px;right:20px;width:auto;top:calc(105px + min(calc(100vw - 40px),42svh) + 25px);bottom:78px;transform:none;max-height:none;padding:0 5px 0 0}.work-panel>.micro{font-size:8px}.work-panel h1{font-size:32px;margin:10px 0 25px}.dominant{font-size:22px;margin-bottom:20px}#emotion-bars>div{font-size:9px;grid-template-columns:95px 1fr 24px;gap:15px;margin:10px 0}.work-collector{padding:18px 0;margin-top:20px}.work-actions{margin:18px 0}.work-pagination{padding-top:13px}.work-actions button,.work-actions a,.work-pagination button{font-size:11px}.work-reading>.micro{font-size:8px}#index-works{grid-template-columns:repeat(2,minmax(0,1fr))}dialog{padding:23px;max-height:85svh}dialog>h2,.dialog-heading h2{font-size:32px}dialog>p{font-size:12px}#fallback{inset:25% 25px auto}}
.brand img{filter:invert(1)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}

#motion{position:fixed;bottom:24px;right:40px;z-index:5;padding:8px 0;font-size:9px;color:#92988a}#motion:hover{color:#e1e7d6}#motion:disabled{cursor:default}
@media(max-width:700px){#motion{right:20px;bottom:22px;font-size:8px}}

body[data-reduced=true] *,body[data-reduced=true] *::before,body[data-reduced=true] *::after{transition:none!important;scroll-behavior:auto!important}

.entrance-ui::before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#070807e6 0%,transparent 38%)}
@media(min-width:701px){#focus-frame{--art-size:min(62vw,calc(100svh - 220px),800px);width:var(--art-size);left:calc((70vw - var(--art-size))/2)}}

#work-title:focus{outline:none}
