*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:#cfc6b6;color:#fff;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}#c{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;filter:sepia(.14) saturate(.9) contrast(1.05);touch-action:none}#grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.14;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 .9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}#vig{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(30,20,10,.28) 100%)}a{color:inherit;text-decoration:none}.view{position:fixed;left:0;right:0;bottom:0;padding:0 2.6vw 3vh;opacity:0;pointer-events:none;transition:opacity .8s ease;text-shadow:0 1px 18px rgba(0,0,0,.25)}.view.on{opacity:1;pointer-events:auto}#title{font-weight:700;font-size:min(10.4vw,19vh);line-height:.9;letter-spacing:-.035em;text-transform:uppercase}#home{display:flex;justify-content:space-between;align-items:flex-end}#index{display:flex;flex-direction:column;align-items:flex-end;font-weight:700;font-size:max(12px,1.3vw);letter-spacing:.01em;text-transform:uppercase;line-height:1.25;padding-bottom:.4vh}#index a{padding:3px 0}#index a:hover,#list a:hover{text-decoration:underline;text-underline-offset:4px}#contents h2,#element h2{font-weight:700;font-size:min(3.2vw,6vh);letter-spacing:-.01em;text-transform:uppercase;margin-bottom:1.4vh}#list{list-style:none;font-weight:700;font-size:max(13px,min(1.9vw,3.2vh));line-height:1.28;text-shadow:0 1px 14px rgba(0,0,0,.45)}#list a{display:inline-block;padding:2px 0}#top{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;padding:2.2vh 2.6vw;font-weight:700;font-size:max(11px,1vw);letter-spacing:.14em;text-transform:uppercase;text-shadow:0 1px 10px rgba(0,0,0,.35);opacity:0;pointer-events:none;transition:opacity .6s}#top.on{opacity:1;pointer-events:auto}#top a:hover{text-decoration:underline;text-underline-offset:4px}#element #back{display:inline-block;margin-bottom:2vh;font-weight:700;font-size:max(11px,1vw);letter-spacing:.14em;text-transform:uppercase}#el-num{font-weight:700;font-size:max(13px,1.3vw);margin-bottom:.6vh}#el-note{font-size:max(12px,1.1vw);opacity:.8;margin-top:.8vh;max-width:40ch}#el-nav{display:flex;gap:2.4vw;margin-top:2vh;font-weight:700;font-size:max(12px,1.1vw);text-transform:uppercase;letter-spacing:.1em}#loader{position:fixed;top:0;right:0;bottom:0;left:0;background:#cfc6b6;display:flex;align-items:flex-end;padding:0 2.6vw 3vh;font-weight:700;font-size:max(12px,1.3vw);text-transform:uppercase;letter-spacing:.1em;transition:opacity .9s;z-index:10;color:#fff}#loader.done{opacity:0;pointer-events:none}@media (orientation:portrait){#title{font-size:19vw}#home{flex-direction:column;align-items:flex-start;gap:2.4vh}#index{align-items:flex-start;font-size:3.4vw;order:-1}#list{font-size:3.6vw}#contents h2{font-size:8vw}#top{font-size:2.6vw}#element h2{font-size:7vw}}.clean .view,.clean #top,.clean #grain,.clean #vig,.clean #loader{display:none!important}.clean #c{filter:none}#opening{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.3s ease;filter:sepia(.1) saturate(.95) contrast(1.03);pointer-events:none}body.home-mode #opening{opacity:1}body.home-mode #loader,.clean #opening{display:none}#scene{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;opacity:0;pointer-events:none;transition:opacity 1.6s ease;background:#1b1713;touch-action:none;cursor:grab}#scene.on{opacity:1;pointer-events:auto}#scene.drag{cursor:grabbing}#scene img{position:absolute;left:0;top:0;transform-origin:0 0;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;will-change:transform}#top,.view{z-index:5}#element{pointer-events:none}#element a{pointer-events:auto}#scene-link{position:fixed;right:2.6vw;bottom:3vh;z-index:6;color:#fff;text-decoration:none;font-weight:700;font-size:max(12px,1vw);letter-spacing:.14em;text-transform:uppercase;text-shadow:0 1px 14px rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:opacity 1s}#scene-link.on{opacity:1;pointer-events:auto}#home{display:none!important}body.home-mode #grain,body.home-mode #vig{display:none}#landing{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;z-index:8;overflow:hidden;color:#002800;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;transition:opacity .9s ease;--r:min(46.5vh,46vw)}#landing.gone{opacity:0;pointer-events:none}#lmask{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:circle(150vmax at 49.7% 50.4%);transition:clip-path 2.2s cubic-bezier(.65,0,.25,1)}#limg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scale(1);transform-origin:47% 55%;transition:transform 34s cubic-bezier(.35,.15,.35,1);-webkit-user-select:none;user-select:none}#landing.zoom #limg{transform:scale(2.7)}#landing.circle #lmask{clip-path:circle(var(--r) at 49.7% 50.4%)}#landing.entering #lmask{clip-path:circle(150vmax at 49.7% 50.4%);transition:clip-path 1.1s cubic-bezier(.5,0,.2,1)}#landing:not(.circle){background:transparent}.corner{position:absolute;font-weight:700;font-size:min(7.2vh,17vw);line-height:1;opacity:0;transition:opacity 1.2s ease .5s;letter-spacing:0}#cT{left:2.4vw;top:2.9vh}#cC{right:3.5vw;top:2.9vh}#cS{left:2.4vw;bottom:2.1vh}#tap{position:absolute;left:49.7%;top:51.2%;transform:translate(-50%,-50%);background:none;border:0;color:#fff;font:700 min(2.45vh,5vw)/1 "Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;letter-spacing:0;cursor:pointer;opacity:0;transition:opacity 1s ease 1s;padding:3vh 4vw;white-space:nowrap}#lidx{position:absolute;right:3.6vw;bottom:4.7vh;display:flex;flex-direction:column;align-items:flex-end;font-weight:700;font-size:min(2.1vh,3.1vw);line-height:1.26;text-transform:uppercase;opacity:0;transition:opacity 1.2s ease .7s}#lidx a{color:#002800;text-decoration:none}#lidx a:hover{text-decoration:underline;text-underline-offset:4px}#landing.circle:not(.entering) .corner,#landing.circle:not(.entering) #tap,#landing.circle:not(.entering) #lidx{opacity:1}#landing.circle{background:#fff;transition:background 1.2s ease,opacity .9s ease}#landing.intro:not(.circle){background:transparent}@media (max-width:700px){#lidx{font-size:2.9vw;bottom:3.4vh}}