*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scrollbar-width:none}
::-webkit-scrollbar{display:none}
body{overflow-x:hidden;background:#000;color:#fff;font-family:'Cormorant Garamond',serif;cursor:none}
#cursor{position:fixed;width:12px;height:12px;border:1px solid rgba(255,255,255,0.6);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width 0.15s,height 0.15s,border-color 0.15s}
canvas#particleCanvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none;display:block}
#hero{position:relative;z-index:5;width:100vw;height:100vh;overflow:hidden;pointer-events:none}
.hero-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:10;width:100%;padding:0 2rem}
#headline{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:clamp(56px,8vw,100px);color:#fff;letter-spacing:-0.02em;line-height:1.15;white-space:nowrap}
#headline .word{display:inline-block;white-space:nowrap}
#headline .char{display:inline-block;opacity:0;transform:translateY(12px)}
#headline .space{display:inline-block;width:0.3em}
#subline{font-family:'Cormorant Garamond',serif;font-weight:300;font-style:italic;font-size:clamp(14px,2vw,18px);color:#fff;opacity:0;margin-top:1.5rem;letter-spacing:0.05em}
#coming-soon{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:clamp(11px,1.4vw,14px);color:rgba(255,255,255,0.5);letter-spacing:0.3em;text-transform:uppercase;margin-top:2rem;opacity:0}
#coming-soon .dot{animation:blinkDot 1.4s ease-in-out infinite}
#coming-soon .dot:nth-child(2){animation-delay:0.2s}
#coming-soon .dot:nth-child(3){animation-delay:0.4s}
@keyframes blinkDot{0%,100%{opacity:0}50%{opacity:1}}
#scroll-hint{position:absolute;bottom:2.5rem;left:50%;transform:translateX(-50%);z-index:10;opacity:0}
#scroll-hint svg{display:block;width:28px;height:28px;stroke:#fff;stroke-width:1.5;fill:none}
nav{position:fixed;top:0;left:0;width:100%;z-index:100;display:flex;align-items:center;justify-content:center;padding:1.5rem 3rem;background:transparent;pointer-events:auto;transition:transform 0.4s ease}
nav.hidden{transform:translateY(-100%)}
nav .logo{position:absolute;left:3rem;display:flex;align-items:center}
nav .logo img{height:32px;width:auto;display:block}
nav .company-name{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:15px;letter-spacing:0.25em;color:#fff;text-transform:uppercase}
nav .hamburger{position:absolute;right:3rem;display:flex;flex-direction:column;gap:5px;cursor:pointer;pointer-events:auto;background:none;border:none;padding:0}
nav .hamburger span{display:block;width:24px;height:1.5px;background:#fff;transition:transform 0.3s ease,opacity 0.3s ease;transform-origin:center}
nav .hamburger.active span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
nav .hamburger.active span:nth-child(2){opacity:0}
nav .hamburger.active span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
#menu-overlay{position:fixed;top:0;right:0;width:100vw;height:100vh;background:rgba(0,0,0,0.95);z-index:99;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;pointer-events:none;opacity:0;visibility:hidden;transition:opacity 0.5s ease,visibility 0.5s ease}
#menu-overlay.open{pointer-events:auto;opacity:1;visibility:visible}
#menu-overlay a{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:clamp(20px,3vw,36px);color:#fff;text-decoration:none;letter-spacing:0.12em;opacity:0;transform:translateY(20px);transition:opacity 0.3s ease}
#menu-overlay a:hover{opacity:0.6}
section.content-section{position:relative;z-index:5;min-height:220vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:50vh;pointer-events:none}
.section-label{text-align:center}
.section-label .hr-wrap{display:flex;justify-content:center;overflow:hidden;margin-bottom:1.5rem}
.section-label .hr-wrap hr{width:80px;border:none;border-top:1px solid rgba(255,255,255,0.2);margin:0;transform:scaleX(0);transform-origin:center}
.section-label h2{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:clamp(40px,6vw,80px);color:#fff;letter-spacing:0.15em;margin:0;opacity:0;transform:translateY(40px)}
@media(max-width:768px){
  nav{padding:1rem 1.5rem}
  nav .logo{left:1.5rem}
  nav .hamburger{right:1.5rem}
  #headline{font-size:clamp(36px,10vw,56px)}
}