@font-face{font-family:"Space Mono";src:url(/assets/fonts/SpaceMono-Regular.woff) format("woff");font-weight:400;font-display:swap}
@font-face{font-family:"Space Mono";src:url(/assets/fonts/SpaceMono-Bold.woff) format("woff");font-weight:700;font-display:swap}

:root{--bg:#f2efe9;--fg:#111;--mut:#777;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0e0e0e;--fg:#eee;--mut:#888}}
:root[data-theme="dark"]{--bg:#0e0e0e;--fg:#eee;--mut:#888}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
html.snap{scroll-snap-type:y mandatory}
*{box-sizing:border-box;margin:0}
body{background:var(--bg);color:var(--fg);font:14px "Helvetica Neue",Arial,sans-serif;letter-spacing:.02em}
a{color:inherit;text-decoration:none}
.mono{font-family:"Space Mono",ui-monospace,Menlo,monospace;text-transform:uppercase;font-size:12px}
.big{font-family:"Space Mono","Space Mono",ui-monospace,Menlo,monospace;text-transform:uppercase;font-weight:700;line-height:.95;letter-spacing:-.05em}
.lg path{fill:transparent;stroke:currentColor;stroke-width:2.2;stroke-dasharray:1;stroke-dashoffset:1;animation:draw 2.4s ease-in-out forwards,fillin .7s 2.2s forwards}
@keyframes draw{to{stroke-dashoffset:0}}@keyframes fillin{to{fill:currentColor}}
#loader{position:fixed;inset:0;background:var(--bg);z-index:99;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:24px;transition:transform .9s cubic-bezier(.77,0,.18,1)}
#loader.done{transform:translateY(-100%)}
#loader .lg{position:absolute;top:50%;left:50%;height:26vh;width:22.8vh;transform:translate(-50%,-50%)}
#loader .mono{width:100%;display:flex;justify-content:space-between}
nav{position:fixed;top:env(safe-area-inset-top,0px);left:0;right:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:18px 24px;color:#fff;mix-blend-mode:difference}
nav .lg{height:34px}nav .lg path{animation:none;fill:currentColor;stroke:none}
.s{position:relative;height:100svh;overflow:hidden;display:flex;align-items:flex-end;padding:24px;color:#fff;scroll-snap-align:start;scroll-snap-stop:always}
.m{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.15);transition:transform 1.6s ease}
.m video,.m img{width:100%;height:100%;object-fit:cover}
.s.in .m{transform:scale(1)}
.s::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(0,0,0,.6))}
.meta{position:relative;z-index:2;width:100%;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}
.meta h2{font-size:clamp(34px,9vw,130px)}
.sep{letter-spacing:.3em;opacity:.8}
.page{padding:140px 24px 60px;min-height:100svh}
.list a{display:block;border-top:1px solid var(--mut);padding:3.5vh 0;position:relative;z-index:2;transition:color .3s}
.list{position:relative;z-index:2}
.list a h2{font-size:clamp(30px,6.5vw,96px)}
.list a .mono{float:right;margin-top:14px}
#bgp{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .4s;background-size:cover}
#bgp.on{opacity:1}
body.hov .list a{color:rgba(255,255,255,.35)}body.hov .list a:hover{color:#fff}
.gal{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:24px}
.gal div{aspect-ratio:4/5}.gal div:first-child{grid-column:1/-1;aspect-ratio:16/9}
.txt{padding:40px 24px;max-width:70ch;font-size:18px;line-height:1.4}
.next{display:block;padding:12vh 24px;border-top:1px solid var(--mut)}.next h2{font-size:clamp(34px,8vw,120px)}
.row{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;margin-bottom:12vh}
.row:nth-child(even) .ph{order:2}
.ph{aspect-ratio:4/5;background:linear-gradient(135deg,#c9b8a6,#6d7a6b)}.row:nth-child(even) .ph{background:linear-gradient(135deg,#2c3e50,#b08968)}
.row p{font-size:clamp(18px,2.4vw,30px);line-height:1.25;max-width:22ch}
form{display:grid;gap:16px;max-width:560px;margin:6vh 0}
input,textarea{background:none;border:0;border-bottom:1px solid var(--mut);color:var(--fg);font:inherit;padding:10px 0;outline:none}
button{justify-self:start;background:var(--fg);color:var(--bg);border:0;padding:12px 22px;font:inherit;cursor:pointer}
.soc{display:flex;gap:18px;flex-wrap:wrap}
.more{display:flex;align-items:center;justify-content:center;background:var(--bg);color:var(--fg)}.more::after{display:none}
@media(max-width:700px){.row{grid-template-columns:1fr}.row:nth-child(even) .ph{order:0}.list a .mono{display:none}}
.idx{scroll-snap-align:start;position:relative}.foot{padding:40px 24px;border-top:1px solid var(--mut);display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.foot p{max-width:46ch;text-transform:none;line-height:1.5;color:var(--mut)}.foot>div:last-child{text-align:right}
.grid{display:grid;grid-template-columns:repeat(3,1fr)}.tile{position:relative;aspect-ratio:16/10;overflow:hidden;display:block;color:#fff}.tile .m{transform:none}.tile:hover .m{transform:scale(1.06)}.tile span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s;background:rgba(0,0,0,.35);z-index:2}.tile:hover span{opacity:1}
.cats{margin:0 0 4vh}.cats a.on{text-decoration:underline}
.pinfo{display:flex;gap:10vw;padding:6vh 24px 0}.pinfo span{display:block;color:var(--mut);margin-bottom:6px}.pinfo a{text-decoration:underline}
.end .bar{position:absolute;left:0;bottom:0;height:4px;width:0;background:var(--fg)}.end.in .bar{width:100%;transition:width 1s linear}
@media(max-width:700px){.foot{flex-direction:column}.foot>div:last-child{text-align:left}.grid{grid-template-columns:1fr 1fr}}
.txt h3{margin:34px 0 8px;font:700 13px "Space Mono",ui-monospace,Menlo,monospace;text-transform:uppercase}.txt p{margin-bottom:10px}a.s .meta h2{font-size:clamp(26px,5.5vw,80px)}.meta .mono a{text-decoration:underline;text-underline-offset:3px}#ck{position:fixed;left:0;right:0;bottom:env(safe-area-inset-bottom,0px);z-index:90;background:var(--bg);color:var(--fg);border-top:1px solid var(--fg);padding:16px 24px;display:flex;flex-wrap:wrap;gap:16px 32px;align-items:center;justify-content:space-between;font-size:13px}#ck[hidden],#ckp[hidden]{display:none}#ck p{max-width:70ch;line-height:1.5}#ck a{text-decoration:underline}.ckb{display:flex;gap:8px;flex-wrap:wrap}#ck button{background:none;color:var(--fg);border:1px solid var(--fg);padding:10px 16px;font:12px "Space Mono",ui-monospace,Menlo,monospace;text-transform:uppercase;cursor:pointer}#ckp{width:100%;display:flex;gap:16px;align-items:center}
.ytw{padding:40px 24px 0}.yt{aspect-ratio:16/9;background:#000;color:#fff}.yt iframe{width:100%;height:100%;border:0}.ytph{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;text-align:center;padding:24px}.ytph a{text-decoration:underline}
.meta{margin-bottom:var(--ckh,0px);transition:margin-bottom .3s}body.dark{background:#000;color:#fff}#bgp{background:#000}.bgm{position:absolute;inset:0;opacity:0;transition:opacity .35s}.bgm.on{opacity:1}.bgm video,.bgm img{width:100%;height:100%;object-fit:cover}.pv{width:min(100%,calc((100svh - 200px)*16/9 + 48px));margin:0 auto;padding:90px 24px 0}.pm{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding-top:20px}.pm h1{font-size:clamp(26px,4vw,56px)}.pm a{text-decoration:underline;text-underline-offset:3px}#trans{position:fixed;inset:0;z-index:95;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s}#trans.on{opacity:1;pointer-events:all}#trans .lg{height:22vh;width:19.3vh}#trans .lg path{animation:draw .8s ease-in-out forwards,fillin .3s .6s forwards}
#bgp{inset:auto;right:6vw;top:50%;width:40vw;aspect-ratio:16/10;transform:translateY(-50%);background:#000}
.pv{width:100%;max-width:none;margin:0;padding:0}.pv .yt{aspect-ratio:auto;width:100%;height:100svh}.pm{padding:24px 24px 0}
.gal{display:block;columns:2;column-gap:16px}.gal img{width:100%;display:block;margin-bottom:16px;break-inside:avoid}
@media(max-width:700px){.gal{columns:1}#bgp{width:70vw;right:5vw}}
.ab{max-width:64ch;text-align:left;font:clamp(14px,1.5vw,20px)/1.45 "Space Mono",ui-monospace,Menlo,monospace;text-transform:uppercase}.ab p{margin-bottom:1.8em}.pm{padding:24px 24px 10vh}
#loader{animation:lift .9s cubic-bezier(.77,0,.18,1) 3.2s forwards}@keyframes lift{to{transform:translateY(-100%);visibility:hidden}}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.hp{position:absolute;left:-9999px}
.pm{padding:10vh 24px}.gal img{height:auto}
.gal.one{columns:1;width:50%;margin:0 auto 10vh;padding:0}.gal.one img{margin:0}
.gal.grid{display:grid;columns:auto;grid-template-columns:repeat(2,1fr);gap:16px;padding:0 24px 10vh}.gal.grid img{aspect-ratio:16/9;object-fit:cover;margin:0}
@media(max-width:700px){.gal.one{width:100%}.gal.grid{grid-template-columns:1fr}}
.meta h1{font-size:clamp(34px,9vw,130px)}.m video,.bgm video{position:absolute;inset:0}#fs{margin-top:8px}