@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600&family=Space+Mono:wght@400;700&display=swap");:root{--bg:#08090b;--panel:#0d0f12;--ink:#f3eee3;--muted:#85888f;--blue:#4f9cff;--gold:#d5a35c;--line:#25282d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Space Mono,monospace}a{color:inherit;text-decoration:none}main{overflow:hidden}.site-header{position:fixed;z-index:20;top:0;left:0;right:0;height:76px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(8,9,11,.96),rgba(8,9,11,0))}.mark{color:var(--gold);font-size:24px}nav{display:flex;gap:42px;font-size:11px;letter-spacing:.18em}nav a{padding:10px 0;border-bottom:1px solid transparent}nav a:hover{color:var(--gold);border-color:var(--gold)}.hero{min-height:100svh;padding:120px 7vw 70px 22vw;position:relative;display:flex;align-items:center;border-bottom:1px solid var(--line)}.hero-name{position:absolute;left:5vw;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:.12em;font:400 clamp(54px,6.4vw,106px)/1 Noto Sans JP,sans-serif}.hero-copy{position:relative;z-index:2;max-width:620px}.eyebrow{color:var(--blue);font-size:10px;letter-spacing:.32em}.hero h1{font:400 clamp(40px,5.5vw,82px)/1.2 Noto Sans JP,sans-serif;letter-spacing:.06em;margin:28px 0}.hero-copy>p:not(.eyebrow){color:#a9abb0;font:400 14px/2.2 Noto Sans JP,sans-serif}.round-link{margin-top:38px;width:160px;height:160px;border:1px solid #404349;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:14px;font-size:10px;transition:.3s}.round-link:hover{background:var(--blue);color:#06101e;border-color:var(--blue);transform:rotate(-6deg)}.round-link span{font-size:20px}.hero-orbit{position:absolute;right:4vw;width:min(31vw,460px);aspect-ratio:1;border:1px solid #282b30;border-radius:50%;display:grid;place-items:center}.hero-orbit:after,.hero-orbit:before{content:"";position:absolute;inset:15%;border:1px solid #1d324f;border-radius:50%}.hero-orbit:after{inset:35%;background:radial-gradient(circle,var(--blue),transparent 65%);opacity:.35;filter:blur(12px)}.hero-orbit span{font-size:10px;letter-spacing:.3em;transform:rotate(28deg);color:#737780}.scroll-label{position:absolute;right:5vw;bottom:45px;writing-mode:vertical-rl;font-size:9px;letter-spacing:.2em;color:#666a72}.collection{padding:100px 5vw 70px}.vintage-section{background:#0b0c0e}.section-heading{position:relative;border-top:1px solid var(--line);padding-top:24px;margin-bottom:40px}.section-heading p{font-size:10px;letter-spacing:.24em}.section-heading p span{margin-right:20px}.section-heading h2{margin:18px 0 0;font:400 clamp(30px,4vw,60px)/1 Noto Sans JP,sans-serif;letter-spacing:.08em}.section-heading.blue h2,.section-heading.blue p span{color:var(--blue)}.section-heading.gold h2,.section-heading.gold p span{color:var(--gold)}.section-count{position:absolute;right:0;bottom:2px;color:#74777d;font-size:10px}.gallery-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:14px;gap:14px}.image-frame{position:relative;overflow:hidden;width:100%;padding:0;color:inherit;text-align:left;cursor:zoom-in;-webkit-appearance:none;-moz-appearance:none;appearance:none;aspect-ratio:3/4;background-color:#111419;border:1px solid #262a31;transition:transform .35s,border-color .35s}.image-frame img{position:absolute;z-index:2;inset:0;width:100%;height:100%;display:block;object-fit:cover;background:#111419}.gallery-card--vintage .image-frame img{object-fit:contain;background:#e7e3dc}.gallery-card:hover .image-frame{transform:translateY(-7px);border-color:var(--blue)}.vintage-grid .gallery-card:hover .image-frame{border-color:var(--gold)}.placeholder-number{position:absolute;left:20px;top:18px;color:#333841;font:400 58px/1 Noto Sans JP,sans-serif}.placeholder-copy{position:absolute;left:20px;bottom:20px;color:#555a63;font-size:8px;line-height:1.7;letter-spacing:.18em}.zoom-label{position:absolute;z-index:3;right:14px;bottom:14px;padding:8px 10px;color:#fff;background:rgba(8,9,11,.78);font-size:7px;letter-spacing:.14em;opacity:0;transform:translateY(5px);transition:.25s}.gallery-card:hover .zoom-label,.image-frame:focus-visible .zoom-label{opacity:1;transform:none}.image-frame:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.card-meta{display:flex;gap:14px;padding:16px 2px;align-items:baseline}.card-meta span{color:#5d6169;font-size:9px}.card-meta h3{font-size:9px;font-weight:400;letter-spacing:.08em;margin:0}.about{margin:70px 5vw;padding:110px 8vw;border:1px solid var(--line);background:radial-gradient(circle at 85% 30%,#10213b 0,transparent 30%)}.about h2{max-width:900px;font:400 clamp(30px,4vw,58px)/1.55 Noto Sans JP,sans-serif}.about-description{margin:50px 0 0 auto;max-width:560px;color:#999ca3;font:400 14px/2.2 Noto Sans JP,sans-serif}.profile-links{margin-top:80px;border-top:1px solid var(--line)}.profile-links>a{min-height:96px;display:grid;grid-template-columns:60px 1fr auto;align-items:center;grid-gap:18px;gap:18px;border-bottom:1px solid var(--line);transition:color .25s,padding .25s,background .25s}.profile-links>a:hover{color:var(--gold);padding:0 20px;background:rgba(213,163,92,.04)}.link-number{color:#5f636b;font-size:9px}.link-content{display:flex;align-items:baseline;gap:24px}.link-content strong{font:400 20px/1.4 Noto Sans JP,sans-serif;letter-spacing:.05em}.link-content small{color:#84878e;font:400 12px/1.8 Noto Sans JP,sans-serif}.link-content em{margin-left:8px;padding:4px 7px;border:1px solid #3a3d43;color:#777b83;font:400 7px/1 Space Mono,monospace;letter-spacing:.12em;vertical-align:middle}.link-arrow{font-size:18px}.tools-section{margin:150px 5vw 40px;padding:80px 0 100px;border-bottom:1px solid var(--line)}.tools-heading{padding-bottom:0;margin-bottom:0}.tools-heading h2{font-family:Noto Sans JP,sans-serif;font-weight:400;letter-spacing:.08em}.tools-ja{color:var(--blue);font:500 11px/1.5 Noto Sans JP,sans-serif;letter-spacing:.08em}.tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:70px 5vw;gap:70px 5vw;padding-top:70px}.tool-group h3{margin:0 0 20px;color:#656a73;font-size:9px;letter-spacing:.25em}.tool-list{display:flex;flex-wrap:wrap;gap:9px}.tool-list span{padding:12px 16px;border:1px solid #3a3e46;color:#d9dbe0;font:500 12px/1.2 Noto Sans JP,sans-serif;transition:.25s}.tool-list span:hover{color:var(--bg);background:var(--gold);border-color:var(--gold);transform:translateY(-2px)}.tool-group--accent .tool-list span{color:#07101d;background:var(--blue);border-color:var(--blue)}.tool-group--accent .tool-list span:hover{background:var(--ink);border-color:var(--ink)}footer{margin-top:120px;min-height:70vh;padding:100px 5vw 35px;position:relative;border-top:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}footer h2{font-size:clamp(44px,8vw,128px);line-height:.9;margin:30px 0;font-weight:400;letter-spacing:-.06em}footer>a{align-self:flex-end;padding:18px 0;border-bottom:1px solid var(--gold);color:var(--gold)}.copyright{margin-top:100px;color:#5c6067;font-size:9px;letter-spacing:.16em}.lightbox{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:70px 5vw 35px;background:rgba(3,4,6,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:lightbox-in .2s ease-out}.lightbox figure{width:100%;height:100%;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.lightbox img{display:block;max-width:100%;max-height:calc(100vh - 130px);width:auto;height:auto;object-fit:contain;box-shadow:0 24px 80px rgba(0,0,0,.5)}.lightbox figcaption{color:#9da1a8;font-size:9px;letter-spacing:.16em}.lightbox-close{position:absolute;right:5vw;top:28px;padding:10px 0;border:0;border-bottom:1px solid var(--gold);color:var(--gold);background:transparent;font:400 10px/1 Space Mono,monospace;letter-spacing:.15em;cursor:pointer}@keyframes lightbox-in{0%{opacity:0}to{opacity:1}}@media (max-width:800px){.site-header{padding:0 22px}nav{gap:16px;font-size:8px}.hero{padding:130px 24px 70px 100px;align-items:flex-start}.hero-name{left:20px;top:145px;transform:none;font-size:50px}.hero h1{font-size:36px;margin-top:50px}.hero-orbit{right:-20vw;bottom:4vh;width:70vw;opacity:.65}.round-link{width:124px;height:124px}.collection{padding:76px 20px 50px}.gallery-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px}.gallery-card{min-width:72vw;scroll-snap-align:start}.about{margin:50px 20px;padding:70px 28px}.profile-links{margin-top:60px}.profile-links>a{min-height:110px;grid-template-columns:32px 1fr auto;gap:10px}.link-content,.link-content small,.link-content strong{display:block}.link-content small{margin-top:8px;font-size:11px}.tools-section{margin:100px 20px 20px;padding:60px 0}.tools-heading h2{font-size:30px}.tools-ja{font-size:9px}.tools-grid{grid-template-columns:1fr;gap:48px;padding-top:50px}.tool-list span{padding:10px 13px;font-size:11px}footer{min-height:80vh;padding-left:22px;padding-right:22px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}