@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Noto+Sans+JP:wght@300;400;500;700&family=Space+Mono:wght@400;700&family=Caveat:wght@400;500&display=swap";:root{--bg-primary:#0a0b14;--bg-deep:#080a10;--bg-surface:#10121c;--text-primary:#c8c8d0;--text-bright:#dcdce4;--text-muted:#6a6a78;--accent:#8a1525;--accent-bright:#a01828;--accent-glow:#8a152566;--silver:#9098a8;--silver-dim:#5a6070;--font-display:"Instrument Serif", "Cormorant Garamond", serif;--font-body:"Noto Sans JP", sans-serif;--font-mono:"Space Mono", monospace;--font-handwrite:"Caveat", cursive;--fs-hero:clamp(2.5rem, 8vw, 7rem);--fs-h2:clamp(1.8rem, 5vw, 4rem);--fs-h3:clamp(1.2rem, 3vw, 2rem);--fs-body:clamp(.875rem, 1.2vw, 1rem);--fs-label:.75rem;--fs-small:.625rem;--ls-tight:-.03em;--ls-normal:0;--ls-wide:.08em;--lh-display:1;--lh-heading:1.1;--lh-body-jp:1.9;--section-gap:clamp(6rem, 12vw, 12rem);--container-width:min(90vw, 1200px);--container-padding:clamp(1rem, 4vw, 2rem);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-expo:cubic-bezier(.19, 1, .22, 1);--duration-fast:.3s;--duration-normal:.6s;--duration-slow:1.2s;--cheki-border:10px;--cheki-border-bottom:36px;--cheki-radius:2px;--cheki-shadow:0 4px 24px #00000080}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{background:var(--bg-primary);min-height:100vh;color:var(--text-primary);font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body-jp);overflow-x:hidden}img,video{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}ul,ol{list-style:none}::selection{background:var(--accent);color:var(--text-bright)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.container{width:var(--container-width);padding:0 var(--container-padding);margin:0 auto}section{padding:var(--section-gap) 0;position:relative}.display{font-family:var(--font-display);font-size:var(--fs-hero);letter-spacing:var(--ls-tight);line-height:var(--lh-display);color:var(--text-bright)}h2{font-family:var(--font-display);font-size:var(--fs-h2);letter-spacing:var(--ls-tight);line-height:var(--lh-heading);color:var(--text-bright)}h3{font-family:var(--font-body);font-size:var(--fs-h3);letter-spacing:var(--ls-tight);line-height:var(--lh-heading);color:var(--text-bright);font-weight:500}.label{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--silver)}.handwrite{font-family:var(--font-handwrite);font-weight:400}.accent-text{color:var(--accent-bright)}#noise-canvas{pointer-events:none;z-index:0;opacity:.12;width:100vw;height:100vh;position:fixed;top:0;left:0}.cursor{background:var(--silver);pointer-events:none;z-index:9999;mix-blend-mode:difference;width:12px;height:12px;transition:transform .15s var(--ease-out), background .3s var(--ease-out);border-radius:50%;position:fixed}.cursor.--hover{background:var(--accent-bright);mix-blend-mode:normal;opacity:.6;transform:scale(4)}.cursor-badge{pointer-events:none;z-index:9998;font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:var(--ls-wide);color:var(--text-bright);opacity:0;transition:opacity .3s var(--ease-out);position:fixed}.cursor-badge.--visible{opacity:1}#loading{z-index:10000;background:var(--bg-primary);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#loading .glow{background:var(--accent-bright);width:4px;height:4px;box-shadow:0 0 60px 30px var(--accent-glow);border-radius:50%}#hero{align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}#hero .bg{z-index:-1;width:100%;height:100%;position:absolute;inset:0}#hero .content{z-index:1;width:var(--container-width);padding:0 var(--container-padding);margin:0 auto;position:relative}#hero .name{overflow:hidden}#hero .subtitle{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--silver);margin-top:1.5rem}#hero .scroll-hint{font-family:var(--font-mono);font-size:var(--fs-small);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--silver-dim);position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}section:before{content:"";pointer-events:none;z-index:-1;position:absolute;inset:0}#about{background:linear-gradient(175deg,#0e0c18 0%,#0a0b14 40%,#0c0a12 100%)}#about:before{background:radial-gradient(60% 70% at 5%,#8a15252e 0%,#0000 70%),radial-gradient(50% 50% at 90% 10%,#3c32781f 0%,#0000 65%)}#works{background:linear-gradient(#080a10 0%,#0c0d16 50%,#080a10 100%)}#works:before{background:radial-gradient(100% 30% at 50% 0,#9098a80f 0%,#0000 70%),radial-gradient(80% 25% at 50% 100%,#9098a80a 0%,#0000 70%),radial-gradient(40% 40% at 85% 30%,#8a152512 0%,#0000 60%)}#vrc-photos{background:linear-gradient(#080a12 0%,#0a0e18 50%,#080a10 100%)}#vrc-photos:before{background:radial-gradient(120% 60%,#283c641a 0%,#0000 70%),radial-gradient(50% 40% at 10% 70%,#8a15250f 0%,#0000 60%)}#links{background:linear-gradient(#08090e 0%,#0a080e 70%,#0e0a10 100%)}#links:before{background:radial-gradient(80% 50% at 50% 90%,#8a152526 0%,#0000 60%),radial-gradient(40% 30% at 50% 20%,#9098a80a 0%,#0000 60%)}section+section:after{content:"";pointer-events:none;z-index:0;background:linear-gradient(#0a0b14cc 0%,#0000 100%);height:80px;position:absolute;top:-1px;left:0;right:0}#about{min-height:100vh}#about .layout{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(2rem,4vw,4rem);display:grid}#about .photo-wrap{position:sticky;top:10vh}#about .photo-wrap img{filter:brightness(.85);border-radius:2px;width:100%}#about .text-content{padding-top:10vh}#about .text-content p{margin-bottom:1.5em}#about .social-links{gap:1.5rem;margin-top:2rem;display:flex}#about .social-links a{color:var(--silver);transition:color var(--duration-fast) var(--ease-out)}#about .social-links a:hover{color:var(--accent-bright)}#works{position:relative;overflow:hidden}.shutter-overlay{z-index:5000;pointer-events:none;flex-direction:column;display:flex;position:fixed;inset:0}.shutter-blade{background:var(--bg-primary);transform-origin:50%;flex:1;transform:scaleX(0)}.cheki-field{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:clamp(1.5rem,3vw,3rem);max-width:1400px;margin:0 auto;padding:clamp(2rem,5vw,6rem);display:grid;position:relative}.cheki{padding:var(--cheki-border);border-radius:var(--cheki-radius);box-shadow:var(--cheki-shadow);cursor:pointer;transition:transform var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out);will-change:transform;background:#f5f5f0;position:relative}.cheki.--vrc{padding-bottom:var(--cheki-border-bottom)}.cheki:hover{box-shadow:0 8px 40px #0009, 0 0 30px var(--accent-glow);transform:translateY(-8px)scale(1.02)}.cheki img{object-fit:cover;width:100%;display:block}.cheki.--product img{aspect-ratio:1}.cheki.--vrc.--portrait img{aspect-ratio:62/86}.cheki.--vrc.--landscape img{aspect-ratio:86/62}.cheki.--landscape{grid-column:span 2}.cheki .cheki-label{font-family:var(--font-handwrite);color:#333;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.cheki.--vrc .cheki-label{bottom:8px;left:var(--cheki-border);right:var(--cheki-border);position:absolute}.cheki.--product .cheki-footer{justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem 0 0;display:flex}.cheki.--product .cheki-label{font-family:var(--font-body);white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;font-size:.75rem;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.cheki.--product .share-btn{width:28px;height:28px;transition:background var(--duration-fast) var(--ease-out);background:#00000014;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.cheki.--product .share-btn:hover{background:#0003}.cheki.--vrc .developing{inset:var(--cheki-border);bottom:var(--cheki-border-bottom);background:#111;transition:opacity 3s ease-out;position:absolute}.cheki.--vrc .developing.--revealed{opacity:0}#vrc-photos{overflow:hidden}#vrc-photos .photo-slide img{object-fit:cover;filter:grayscale(.5)brightness(.7);width:100%;height:60vh;transition:filter var(--duration-normal) var(--ease-out)}#vrc-photos .photo-slide:hover img{filter:grayscale(0)brightness()}#vrc-photos .photo-info{padding:.75rem 0}#vrc-photos .world-name{font-family:var(--font-handwrite);color:var(--text-primary);font-size:1rem}#vrc-photos .world-link{font-family:var(--font-mono);font-size:var(--fs-label);color:var(--silver);transition:color var(--duration-fast) var(--ease-out)}#vrc-photos .world-link:hover{color:var(--accent-bright)}#links .link-item{border-bottom:1px solid var(--silver-dim);transition:border-color var(--duration-fast) var(--ease-out);justify-content:space-between;align-items:center;padding:1.5rem 0;display:flex}#links .link-item:hover{border-color:var(--accent-bright)}#links .link-item .link-name{font-family:var(--font-mono);letter-spacing:var(--ls-wide);text-transform:uppercase;font-size:1rem}#links .link-item .link-arrow{color:var(--silver);transition:color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out)}#links .link-item:hover .link-arrow{color:var(--accent-bright);transform:translate(4px)}footer{background:linear-gradient(#06070c 0%,#04050a 100%);border-top:1px solid #5a607033;padding:3rem 0}footer .footer-inner{width:var(--container-width);padding:0 var(--container-padding);flex-direction:column;align-items:center;gap:1.5rem;margin:0 auto;display:flex}footer .social-icons{gap:1.5rem;display:flex}footer .social-icons a{color:var(--silver);transition:color var(--duration-fast) var(--ease-out)}footer .social-icons a:hover{color:var(--accent-bright)}footer .contact{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:var(--ls-wide);color:var(--silver)}footer .copyright{font-family:var(--font-mono);font-size:var(--fs-small);color:var(--text-muted)}footer .privacy-link{font-size:var(--fs-small);color:var(--text-muted);transition:color var(--duration-fast) var(--ease-out)}footer .privacy-link:hover{color:var(--silver)}.back-to-top{border:2px solid var(--silver-dim);width:48px;height:48px;color:var(--silver);transition:border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);border-radius:50%;justify-content:center;align-items:center;display:flex}.back-to-top:hover{border-color:var(--accent-bright);color:var(--accent-bright);box-shadow:0 0 20px var(--accent-glow)}.photo-modal{z-index:8000;opacity:0;pointer-events:none;transition:opacity var(--duration-normal) var(--ease-out);background:#080a10f2;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.photo-modal.--active{opacity:1;pointer-events:auto}.photo-modal img{object-fit:contain;border-radius:2px;max-width:90vw;max-height:70vh}.photo-modal .modal-info{text-align:center;margin-top:1.5rem}.photo-modal .modal-world{font-family:var(--font-handwrite);color:var(--text-bright);font-size:1.2rem}.photo-modal .modal-date{font-family:var(--font-mono);font-size:var(--fs-label);color:var(--silver);margin-top:.25rem}.photo-modal .modal-visit{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:var(--ls-wide);color:var(--silver);border:1px solid var(--silver-dim);transition:color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);border-radius:999px;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem 1.25rem;display:inline-flex}.photo-modal .modal-visit:hover{color:var(--accent-bright);border-color:var(--accent-bright)}.photo-modal .modal-close{width:40px;height:40px;color:var(--silver);font-size:1.5rem;position:absolute;top:2rem;right:2rem}.photo-modal .modal-nav{color:var(--silver);transition:color var(--duration-fast) var(--ease-out);padding:1rem;font-size:2rem;position:absolute;top:50%;transform:translateY(-50%)}.photo-modal .modal-nav:hover{color:var(--text-bright)}.photo-modal .modal-nav.--prev{left:1rem}.photo-modal .modal-nav.--next{right:1rem}.toast{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:var(--ls-wide);color:var(--text-bright);background:var(--accent);box-shadow:0 0 30px var(--accent-glow);opacity:0;pointer-events:none;transition:opacity .3s, transform .3s var(--ease-out);z-index:9999;border-radius:999px;padding:.75rem 1.5rem;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)translateY(20px)}.toast.--visible{opacity:1;transform:translate(-50%)translateY(0)}@media (width<=768px){#about .layout{grid-template-columns:1fr}#about .photo-wrap{position:relative;top:auto}.cheki-field{grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:1.5rem}.cheki.--landscape{grid-column:span 1}.cheki.--landscape img{aspect-ratio:62/86}#hero .display{font-size:clamp(2rem,8vw,3.5rem)}#vrc-photos .photo-slide img{height:40vh}.photo-modal .modal-nav{padding:.5rem;font-size:1.5rem}}