:root{--color-white:#ffffff;--color-off-white:#f5f3ef;--color-cream:#e8e4db;--color-gold:#d4a84b;--color-gold-light:#e8c068;--color-dark:#0a0908;--color-text-muted:rgba(255, 255, 255, 0.7);--font-serif:'Cormorant Garamond',Georgia,serif;--font-sans:'Plus Jakarta Sans',-apple-system,sans-serif;--transition-smooth:cubic-bezier(0.4, 0, 0.2, 1);--transition-bounce:cubic-bezier(0.34, 1.56, 0.64, 1)}*,::after,::before{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;overflow:hidden}body{font-family:var(--font-sans);background:var(--color-dark);color:var(--color-white);-webkit-font-smoothing:antialiased}.preloader{position:fixed;inset:0;z-index:9999;background:var(--color-dark);display:flex;align-items:center;justify-content:center;opacity:1;transform:translateZ(0);will-change:opacity;transition:opacity .15s linear}.preloader.fade-out{opacity:0;pointer-events:none}.preloader-content{display:flex;flex-direction:column;align-items:center;gap:2rem}.mountain-loader{width:200px;height:auto;filter:drop-shadow(0 0 30px rgba(255, 255, 255, .3))}.mountain-path{stroke-dasharray:300;stroke-dashoffset:300;animation:drawMountain 1.8s ease-out forwards}.mountain-fill{opacity:0;animation:fillMountain .6s ease-out 1.2s forwards}@keyframes drawMountain{0%{stroke-dashoffset:300}100%{stroke-dashoffset:0}}@keyframes fillMountain{0%{opacity:0;transform:scale(.95)}100%{opacity:.2;transform:scale(1)}}.preloader-text{font-family:var(--font-serif);font-size:1.2rem;font-style:italic;color:var(--color-cream);letter-spacing:.2em;opacity:0;animation:fadeInText .8s ease-out .5s forwards}@keyframes fadeInText{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}.hero-container{position:fixed;inset:0;display:flex;flex-direction:column;overflow:hidden;opacity:1}.hero-background{position:absolute;inset:0;z-index:0;overflow:hidden}.hero-image{position:absolute;inset:-200px;background:url(../images/hero-bg.webp) center center/cover no-repeat,url(../images/hero-bg.jpg) center center/cover no-repeat;transform-origin:center center;will-change:transform,transform-origin;transition:transform-origin .2s ease-out;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0) scale(1.08)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,9,8,.7) 0,transparent 50%),linear-gradient(to bottom,rgba(10,9,8,.2) 0,transparent 30%),radial-gradient(ellipse at center,transparent 40%,rgba(10,9,8,.3) 100%);pointer-events:none;z-index:1}#cloud-canvas{position:absolute;inset:0;z-index:2;pointer-events:none}.navbar{position:relative;z-index:100;padding:1.5rem 3rem;animation:fadeSlideDown 1s var(--transition-smooth) forwards}.nav-content{max-width:700px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:2.5rem;background:rgba(255,255,255,.08);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:100px;padding:.875rem 2.5rem}.logo{display:flex;align-items:center;color:var(--color-white)}.logo svg{width:38px;height:38px;opacity:.9}.nav-links{display:flex;gap:.25rem;list-style:none}.nav-links a{color:var(--color-off-white);text-decoration:none;font-size:.9rem;font-weight:500;padding:.5rem 1.25rem;border-radius:50px;transition:all .3s var(--transition-smooth);position:relative}.nav-links a:hover{color:var(--color-white);background:rgba(255,255,255,.1)}.hero-content{position:relative;z-index:10;flex:1;display:flex;align-items:flex-end;justify-content:space-between;padding:3rem 4rem 5rem;gap:4rem}.hero-left{max-width:650px}.hero-right{max-width:450px;padding-bottom:.5rem}.badge{display:inline-flex;align-items:center;gap:.6rem;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);padding:.5rem 1.25rem .5rem .875rem;border-radius:50px;margin-bottom:1.75rem;border:1px solid rgba(255,255,255,.08);animation:fadeSlideUp 1s .2s var(--transition-smooth) both}.badge-dot{width:8px;height:8px;background:var(--color-gold);border-radius:50%;animation:pulse 2s infinite}.badge-text{font-size:.75rem;font-weight:600;letter-spacing:.12em;color:var(--color-off-white)}.hero-title{font-family:var(--font-serif);font-size:clamp(3rem,7vw,5.5rem);font-weight:400;line-height:1.05;letter-spacing:-.01em;margin-bottom:2.5rem;animation:fadeSlideUp 1s .4s var(--transition-smooth) both}.title-line{display:block}.title-regular{color:var(--color-white)}.title-italic{color:var(--color-cream);font-style:italic;font-weight:300}.latest-project{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-text-muted);text-decoration:none;font-size:.9rem;font-weight:500;transition:all .3s var(--transition-smooth);animation:fadeSlideUp 1s .6s var(--transition-smooth) both}.latest-project:hover{color:var(--color-white);gap:.75rem}.latest-project svg{transition:transform .3s var(--transition-smooth)}.latest-project:hover svg{transform:translate(2px,-2px)}.hero-description{font-size:1.05rem;line-height:1.75;color:var(--color-cream);margin-bottom:2rem;animation:fadeSlideUp 1s .5s var(--transition-smooth) both}.cta-group{display:flex;align-items:center;gap:1rem;animation:fadeSlideUp 1s .7s var(--transition-smooth) both}.btn-primary{display:inline-flex;align-items:center;gap:.75rem;background:var(--color-white);color:var(--color-dark);text-decoration:none;font-size:.95rem;font-weight:600;padding:1.1rem 1.75rem;border-radius:50px;transition:all .3s var(--transition-smooth);box-shadow:0 4px 20px rgba(0,0,0,.15)}.btn-primary:hover{box-shadow:0 8px 30px rgba(0,0,0,.25);gap:1rem}.btn-primary svg{transition:transform .3s var(--transition-smooth)}.btn-primary:hover svg{transform:translateX(3px)}.btn-play{width:54px;height:54px;border-radius:50%;border:none;background:rgba(30,28,26,.8);backdrop-filter:blur(10px);color:var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s var(--transition-smooth);border:1px solid rgba(255,255,255,.15)}.btn-play:hover{background:rgba(50,48,46,.9);border-color:rgba(255,255,255,.25)}.btn-play svg{margin-left:3px}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);z-index:20;animation:fadeSlideUp 1s 1s var(--transition-smooth) both}.scroll-line{width:40px;height:4px;background:rgba(255,255,255,.3);border-radius:2px;overflow:hidden}.scroll-line::after{content:'';display:block;width:50%;height:100%;background:rgba(255,255,255,.7);border-radius:2px;animation:scrollPulse 2s ease-in-out infinite}@keyframes fadeSlideDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.15)}}@keyframes scrollPulse{0%,100%{transform:translateX(-100%)}50%{transform:translateX(200%)}}@media (max-width:1024px){.hero-content{flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:2rem 2rem 4rem;gap:2rem}.hero-right{max-width:100%}.hero-title{font-size:clamp(2.5rem,8vw,4rem)}}@media (max-width:768px){.navbar{padding:1rem 1rem}.nav-content{padding:.5rem 1.25rem;gap:1rem}.nav-links{display:none}.hero-content{padding:1.5rem 1.5rem 3rem}.hero-title{font-size:clamp(2rem,10vw,3rem);margin-bottom:1.5rem}.hero-description{font-size:.95rem}.cta-group{flex-wrap:wrap}.btn-primary{padding:1rem 1.5rem;font-size:.9rem}}