:root{--font-primary: "Geist", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--text-sm: clamp(.85rem, .8rem + .25vw, .95rem);--text-base: clamp(.95rem, .9rem + .3vw, 1.05rem);--weight-regular: 400;--weight-bold: 700;--all-color: #000;--all-color-secondary: #fff;--all-color-hover: rgba(255, 255, 255, .06)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--weight-regular);line-height:1.45;background:var(--all-color);color:var(--all-color-secondary);width:100vw;height:100dvh;overflow:hidden;touch-action:manipulation}a{color:inherit}.loading-screen{position:fixed;inset:0;z-index:9999;background:#000;display:flex;align-items:center;justify-content:center;opacity:1;visibility:visible;pointer-events:auto;transition:opacity .35s ease,visibility .35s ease}.loading-screen.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-video{display:block;width:min(72vmin,520px);height:auto;aspect-ratio:1 / 1;object-fit:contain;object-position:center;transform:scale(.5);transform-origin:center;-webkit-tap-highlight-color:transparent}.main-content{width:100vw;height:100dvh;position:relative;transition:opacity .25s ease}.page-blur{position:fixed;inset:0;z-index:70;opacity:0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff0d;pointer-events:none;transition:opacity .22s ease}body.info-open .page-blur{opacity:1;pointer-events:auto}.topbar{position:fixed;top:calc(18px + env(safe-area-inset-top,0px));left:18px;right:18px;z-index:80;display:flex;align-items:center;justify-content:space-between}.menu{position:relative;z-index:80;display:flex;align-items:center}.menu-item{cursor:pointer;background:transparent;border:0;color:var(--all-color-secondary);font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--weight-bold);padding:8px 12px;border-radius:12px;-webkit-user-select:none;user-select:none}.menu-item:hover{background:var(--all-color-hover)}.menu-item:focus-visible{outline:2px solid rgba(255,255,255,.45);outline-offset:2px}.logo{z-index:80;cursor:pointer;text-decoration:none;color:var(--all-color-secondary);font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--weight-bold);padding:8px 12px;border-radius:12px;-webkit-user-select:none;user-select:none}.logo:hover{background:var(--all-color-hover)}.info-dropdown{position:fixed;inset:0;z-index:85;display:flex;align-items:center;justify-content:center;background:transparent;opacity:0;pointer-events:none;transition:opacity .22s ease}.info-dropdown.is-open{opacity:1;pointer-events:auto}.info-inner{display:flex;align-items:center;justify-content:center;gap:clamp(14px,4vw,48px);white-space:nowrap;max-width:min(92vw,980px);padding:0 12px}.info-inner>.info-row{flex:0 0 auto}.info-row{opacity:0;transform:translateY(-12px);font-size:var(--text-sm);line-height:1.35}.info-dropdown.is-open .info-row{opacity:1;transform:translateY(0);transition:opacity .38s ease,transform .38s ease}.info-dropdown a{color:var(--all-color-secondary);opacity:.92;text-decoration:underline;text-underline-offset:3px}.info-dropdown a:hover{opacity:1}@media(max-width:640px){.info-inner{max-width:98vw;width:98vw;justify-content:space-between;gap:clamp(8px,2vw,14px);padding:0 10px}.info-row{font-size:clamp(.62rem,2.6vw,.85rem)}}.link-lines{position:fixed;inset:0;width:100vw;height:100dvh;z-index:5;pointer-events:none}.link-lines .chain{fill:none;stroke:var(--all-color-secondary);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.project-container{position:absolute;inset:0;z-index:10}.project-wrap{position:absolute;transform-origin:50% 50%;will-change:transform}.project-wrap>.project{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center;transform-origin:50% 50%;will-change:transform}.project-wrap>video.project{background:#000}.overview-video{object-fit:cover}body.book-open .overview-video{object-fit:contain}.project-caption{position:absolute;top:50%;left:100%;transform:translateY(-50%);font-size:clamp(.28rem,.42vw,.38rem);line-height:1.18;font-weight:var(--weight-regular);letter-spacing:.01em;color:var(--all-color-secondary);opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:normal;overflow:hidden;max-width:1200px}body.book-open .project-wrap.is-center .project-caption{opacity:1}body.book-open .project-wrap.is-center .project-caption.cap-animate{animation:captionStack 1s steps(6,end) forwards}@keyframes captionStack{0%{max-width:1200px}to{max-width:min(22vw,190px)}}.section-label{position:fixed;left:calc(env(safe-area-inset-left,0px) + 14px);top:50%;transform:translateY(-50%);z-index:75;font-weight:var(--weight-bold);letter-spacing:.06em;font-size:clamp(1.25rem,2vw,1.7rem);display:none;opacity:0;filter:blur(10px);pointer-events:none;-webkit-user-select:none;user-select:none}body.book-open .section-label{display:block}