:root{--c-bg:#050505;--c-text:#f4f4f5;--font-serif-en:'Cormorant Garamond' , serif;--font-serif-jp:'Noto Serif JP' , serif;--font-sans:'Inter' , 'Noto Sans JP' , sans-serif;--font-heavy:'Dela Gothic One' , sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;background-color:var(--c-bg)}body{color:var(--c-text);font-family: var(--font-sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}.header-minimal{position:fixed;top:0;left:0;width:100%;padding:0 4vw;height:64px;display:flex;justify-content:space-between;align-items:center;z-index:9999;background:rgba(5,5,5,.55);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.08);transition:background .4s ease , border-color .4s ease}.header-minimal.scrolled{background:rgba(5,5,5,.88);border-bottom-color:rgba(255,255,255,.15)}.header-minimal .logo{font-family: var(--font-serif-en);font-style:italic;font-size:1.35rem;letter-spacing:.05em;color:#fff;font-weight:600;flex-shrink:0;transition:opacity .3s ease}.header-minimal .logo:hover{opacity:.7}.header-minimal nav{display:flex;gap:0;align-items:center}.header-minimal nav a{font-family: var(--font-sans);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:rgba(255,255,255,.9);padding:.5rem 1.2rem;position:relative;transition:color .3s ease}.header-minimal nav a::after{content:'';position:absolute;bottom:0;left:1.2rem;right:1.2rem;height:1px;background:#fff;transform:scaleX(0);transform-origin:left center;transition:transform .3s cubic-bezier(.4,0,.2,1)}.header-minimal nav a:hover{color:#fff}.header-minimal nav a:hover::after{transform:scaleX(1)}.nav-hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;cursor:pointer;gap:5px;background:none;border:none;padding:0;z-index:10001}.nav-hamburger span{display:block;width:22px;height:1.5px;background:#fff;transition:transform .35s cubic-bezier(.4,0,.2,1) , opacity .25s ease;transform-origin:center}.nav-hamburger.is-open span:nth-child(1) {transform:translateY(6.5px) rotate(45deg)}.nav-hamburger.is-open span:nth-child(2) {opacity:0;transform:scaleX(0)}.nav-hamburger.is-open span:nth-child(3) {transform:translateY(-6.5px) rotate(-45deg)}.nav-drawer{display:none;position:fixed;inset:0;z-index:9998;background:rgba(5,5,5,.96);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;opacity:0;transition:opacity .35s ease}.nav-drawer.is-open{display:flex;opacity:1}.nav-drawer a{font-family: var(--font-serif-en);font-size:clamp(2rem,8vw,3.5rem);font-weight:300;font-style:italic;letter-spacing:.08em;color:rgba(255,255,255,.9);text-transform:uppercase;transition:color .3s ease , transform .3s ease}.nav-drawer a:hover{color:#fff;transform:translateX(8px)}main{position:relative;background:var(--c-bg)}.poster-container{height:200vh;position:relative;z-index:10}.poster{position:sticky;top:0;height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:0 5vw}.poster-bg{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;z-index:-2;transform: scale(calc(1 + var(--scroll-progress, 0) * 0.15));filter:brightness(.65);will-change:transform , clip-path}.poster-overlay{position:absolute;inset:0;z-index:-1;background:rgba(0,0,0,.3)}.poster-overlay-gradient{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at center,rgba(0,0,0,.1) 0%,rgba(0,0,0,.8) 100%)}.dynamic-fade-overlay{opacity: calc(0.5 + var(--scroll-progress, 0) * 0.5)}.dynamic-crop{clip-path: inset(
    calc(var(--scroll-progress, 0) * 15%) 
    calc(var(--scroll-progress, 0) * 5%) 
    calc(var(--scroll-progress, 0) * 5%) 
    calc(var(--scroll-progress, 0) * 15%)
  )}.poster-content{position:relative;z-index:10;display:flex;flex-direction:column}.align-left{align-items:flex-start}.align-right{align-items:flex-end}.align-center{align-items:center}.text-right{text-align:right}.text-center{text-align:center}.huge-text{font-family: var(--font-sans);font-size:clamp(80px,14vw,240px);line-height:.85;text-transform:uppercase;font-weight:900;margin-bottom:2rem;letter-spacing:-.04em;color:#fff}.poster-hero .poster-bg{filter:brightness(.8) contrast(1.1)}.poster-hero .poster-overlay-gradient{background:linear-gradient(to top,rgba(0,0,0,.6) 0%,transparent 60%)}.hero-content-cinematic{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:1.4rem;padding:16vh 7vw 12vh}.hero-word{font-family: var(--font-serif-jp);font-size:clamp(30px,5vw,72px);font-weight:400;font-style:normal;color:#fff;letter-spacing:.12em;text-shadow:4px 4px 20px rgba(0,0,0,.8);line-height:1.35}.hero-copy{max-width:min(820px,88vw);margin:0;font-family: var(--font-serif-jp);font-size:clamp(34px,5.4vw,76px);font-weight:400;line-height:1.16;letter-spacing:.04em;color:#fff;text-wrap:balance;text-shadow:4px 4px 20px rgba(0,0,0,.8)}.hero-bottom-right{align-self:flex-start;text-align:left;margin-bottom:0}.hero-bottom-center{position:absolute;bottom:10vh;left:7vw;right:7vw;transform:none;text-align:left;width:auto}.sc-char{display:inline-block;transform: translate(calc(var(--sx) * var(--scroll-progress, 0)), calc(var(--sy) * var(--scroll-progress, 0))) rotate(calc(var(--sr) * var(--scroll-progress, 0)))}.poster-hero .sc-char{transform:none}.hero-subtitle{font-family: var(--font-serif-jp);font-size:clamp(14px,2vw,20px);color:#fff;letter-spacing:.18em;margin:0;font-weight:300;text-shadow:2px 2px 10px rgba(0,0,0,.8)}.poster-city .poster-bg{filter:brightness(.62) contrast(1.08)}.city-info .ja-text{font-family: var(--font-serif-jp);font-size:clamp(18px,2.4vw,28px);letter-spacing:.14em;line-height:1.8}.poster-db .poster-bg{filter:brightness(.4) grayscale(80%)}.poster-db .poster-overlay{background:repeating-linear-gradient(0deg,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 2px,transparent 2px,transparent 4px)}.huge-jp-text{font-family: var(--font-sans);font-weight:900;font-size:clamp(40px,8vw,120px);line-height:1.4;color:#fff;letter-spacing:.1em;animation:tech-glitch .2s infinite alternate , tech-pulse 3s infinite ease-in-out}.type-char{opacity:0;display:inline-block;transition:opacity .1s}.type-char{opacity: calc(clamp(0, (var(--scroll-progress, 0) * 20 - var(--char-index)), 1));transform: translateY(calc(10px - clamp(0, (var(--scroll-progress, 0) * 20 - var(--char-index)), 1) * 10px))}@keyframes tech-glitch {
  0% { text-shadow: 3px 0 0 rgba(0,255,255,0.7), -3px 0 0 rgba(255,0,255,0.7); }
  50% { text-shadow: -2px 0 0 rgba(0,255,255,0.7), 2px 0 0 rgba(255,0,255,0.7); }
  100% { text-shadow: 2px -2px 0 rgba(0,255,255,0.7), -2px 2px 0 rgba(255,0,255,0.7); }
}@keyframes tech-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.9; transform: scale(1.02); }
}.coming-soon-tape{position:absolute;top:50%;left:50%;width:200vw;height:100px;background-color:#fff;color:#000;display:flex;align-items:center;justify-content:center;z-index:10;transform: translate(calc(-50% + (1 - var(--scroll-progress, 0)) * 100vw), -50%) rotate(-10deg);box-shadow:0 10px 30px rgba(0,0,0,.5);pointer-events:none}.tape-text{font-family: var(--font-heavy);font-size:60px;letter-spacing:.2em;white-space:nowrap}.db-content{z-index:5}.db-info .ja-text{font-family: var(--font-sans);font-weight:700;font-size:clamp(14px,2vw,18px);letter-spacing:.1em;text-transform:uppercase;background:transparent;display:inline-block;padding:10px 0;white-space:nowrap}.pf-bg{filter:brightness(.7) contrast(1.2);background-position:left center}.vertical-layout{writing-mode:vertical-rl;text-orientation:upright;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding-right:10vw;height:100vh}.elegant-text-vertical{font-family: var(--font-serif-en);font-size:clamp(40px,6vw,80px);font-weight:300;font-style:italic;color:#fff;letter-spacing:.1em;margin-right:2rem;text-orientation:mixed}.pf-info-vertical{display:flex;flex-direction:row;align-items:center}.vertical-lines{display:flex;flex-direction:row;margin-right:1.5rem}.ja-text-vertical{font-family: var(--font-serif-jp);font-size:clamp(16px,2vw,24px);letter-spacing:.2em;color:rgba(255,255,255,.9);white-space:nowrap;margin:0}.link-line-vertical{font-family: var(--font-sans);font-weight:500;font-size:14px;color:#fff;text-decoration:none;border-left:1px solid #fff;padding-left:.5rem;letter-spacing:.1em;text-orientation:mixed}.elegant-text-small{font-family: var(--font-serif-en);font-size:clamp(30px,5vw,60px);line-height:1;font-weight:300;font-style:italic;margin-bottom:2rem;color:#fff;letter-spacing:.1em}.pf-info .ja-text{font-family: var(--font-serif-jp);font-size:1.3rem;font-weight:400;letter-spacing:.3em;margin-bottom:1.5rem}.pf-info .link-line{font-family: var(--font-serif-jp);border-bottom:1px solid rgba(255,255,255,.4)}.blog-bg{filter:brightness(.6) grayscale(50%);background-position:left center}.poster-blog{background-color:#000}.magazine-text{font-family: var(--font-sans);font-weight:900;font-size:clamp(60px,12vw,200px);line-height:1;letter-spacing:-.05em;color:#fff;margin-bottom:2rem}.blog-info .ja-text{font-weight:700;font-size:1.5rem;background:transparent;color:#fff;display:inline-block;padding:5px 0;line-height:1.5}.blog-info .link-line{font-family: var(--font-sans);font-weight:700;margin-top:1rem;padding:.5rem 0;background:transparent;color:#fff;border:none;border-bottom:1px solid #fff;font-size:1.1rem}.subtitle{font-family: var(--font-serif-jp);font-size:1.5rem;letter-spacing:.1em;color:#fff;font-weight:600;text-shadow:0 2px 10px rgba(0,0,0,.8)}.info-box{max-width:400px}.ja-text{font-size:1.1rem;line-height:2;letter-spacing:.1em;font-weight:300;color:rgba(255,255,255,.9);margin-bottom:2rem}.badge{display:inline-block;padding:.4rem 1rem;border:1px solid rgba(255,255,255,.4);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase}.link-line{display:inline-block;font-size:.85rem;letter-spacing:.15em;text-transform:uppercase;padding-bottom:.5rem;border-bottom:1px solid #fff;transition:opacity .3s ease}.link-line:hover{opacity:.6}.scroll-move-left{transform: translateX(calc(var(--scroll-progress, 0) * -150px))}.scroll-move-right{transform: translateX(calc(var(--scroll-progress, 0) * 150px))}.scroll-scale-up{transform: scale(calc(1 + var(--scroll-progress, 0) * 0.3))}.scroll-fade-in{opacity: calc(0 + var(--scroll-progress, 0) * 2);transform: translateY(calc(10px - var(--scroll-progress, 0) * 10px))}.scroll-appear{opacity: calc(0 + var(--scroll-progress, 0) * 2);transform: translateY(calc(20px - var(--scroll-progress, 0) * 20px))}.footer-minimal{position:relative;z-index:100;background:#000;padding:5vw;display:flex;justify-content:space-between;align-items:center}.footer-logo{font-family: var(--font-serif-en);font-style:italic;font-size:1.5rem}.footer-links{display:flex;gap:2rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.1em}.opacity-muted{opacity:.4}.title-reveal{opacity:0;transform:translateY(50px);animation:revealUp 1.2s cubic-bezier(.16,1,.3,1) forwards .2s}.fade-in-up{opacity:0;transform:translateY(20px);animation:revealUp 1.2s cubic-bezier(.16,1,.3,1) forwards .6s}@keyframes revealUp {
  to { opacity: 1; transform: translateY(0); }
}@media (max-width:768px){.huge-text{font-size:clamp(60px,18vw,120px)}.info-box{margin-top:2rem}.header-minimal{padding:0 5vw;height:56px}.header-minimal nav{display:none}.nav-hamburger{display:flex}.hero-copy{max-width:86vw;font-size:clamp(30px,8vw,42px);line-height:1.18;letter-spacing:.02em}.footer-minimal{flex-direction:column;gap:2rem;align-items:flex-start}.footer-links{flex-direction:column;gap:1rem}}@media (min-width:769px){.nav-drawer{display:none!important}.nav-hamburger{display:none!important}}