@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Manrope:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');

:root{--ink:#0a0a0b;--ink2:#111114;--paper:#f1eee8;--muted:#aaa59c;--gold:#d7bb87;--gold2:#f0dbb5;--blue:#143bff;--line:rgba(255,255,255,.13);--ease:cubic-bezier(.2,.75,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink);color:var(--paper)}body{margin:0;font-family:'DM Sans',sans-serif;background:var(--ink);color:var(--paper);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}::selection{background:var(--gold);color:#111}
body.no-scroll{overflow:hidden}.grain{position:fixed;inset:0;pointer-events:none;opacity:.08;z-index:999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E")}
#loader{position:fixed;inset:0;background:#050506;z-index:1200;display:grid;place-items:center;transition:opacity .8s var(--ease),visibility .8s}.loader-inner{width:min(800px,86vw)}.loader-word{display:flex;justify-content:space-between;font-family:'Manrope';font-weight:700;font-size:clamp(3rem,10vw,8rem);letter-spacing:-.08em}.loader-line{height:1px;background:#36363b;margin-top:18px;overflow:hidden}.loader-line i{display:block;height:100%;width:0;background:var(--gold);animation:loadline 1.35s var(--ease) forwards}@keyframes loadline{to{width:100%}}.loaded #loader{opacity:0;visibility:hidden}
.cursor{width:18px;height:18px;border:1px solid rgba(255,255,255,.65);border-radius:50%;position:fixed;z-index:1100;pointer-events:none;transform:translate(-50%,-50%);transition:width .2s,height .2s,background .2s,border .2s}.cursor.hot{width:54px;height:54px;background:rgba(215,187,135,.14);border-color:var(--gold)}
.progress{position:fixed;z-index:1000;top:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--gold),var(--gold2))}
.nav{position:fixed;z-index:1000;top:0;left:0;right:0;height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:linear-gradient(to bottom,rgba(5,5,6,.72),transparent);mix-blend-mode:normal}.brand img{width:154px;display:block}.nav-links{display:flex;gap:30px;align-items:center;font-size:.9rem}.nav-links a{opacity:.74;transition:.25s}.nav-links a:hover,.nav-links a.active{opacity:1}.nav-cta{border:1px solid rgba(255,255,255,.3);border-radius:99px;padding:11px 18px!important}.menu-btn{display:none;border:0;background:none;color:inherit;font-size:1.5rem}
.overlay-menu{position:fixed;inset:0;background:var(--paper);color:var(--ink);z-index:990;padding:120px 7vw 7vw;transform:translateY(-101%);transition:.65s var(--ease)}.overlay-menu.open{transform:none}.overlay-menu a{display:block;font-family:'Manrope';font-size:clamp(3rem,12vw,7rem);letter-spacing:-.07em;line-height:.95;border-bottom:1px solid #c8c4bd;padding:10px 0}
.scene{min-height:100svh;position:relative;overflow:hidden}.scene-inner{position:relative;z-index:2;width:min(1440px,92vw);margin:auto;min-height:100svh;display:flex;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:var(--gold);font-weight:600}.display{font-family:'Manrope';font-weight:500;letter-spacing:-.075em;line-height:.88;margin:0}.serif{font-family:'Playfair Display',serif;font-style:italic;font-weight:500}.copy{max-width:650px;color:#c6c1b8;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.55}.btn{display:inline-flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.25);padding:14px 20px;border-radius:999px;transition:.3s var(--ease)}.btn:hover{background:var(--paper);color:var(--ink)}.btn.gold{background:var(--gold);color:#0b0b0c;border-color:var(--gold)}.btn.gold:hover{transform:translateY(-3px);background:var(--gold2)}
.hero{background:radial-gradient(circle at 70% 46%,#222124 0 8%,#111114 28%,#080809 60%)}.hero .scene-inner{justify-content:space-between;gap:5vw}.hero-copy{width:min(720px,55vw);padding-top:7vh}.hero h1{font-size:clamp(4.1rem,10vw,9.6rem)}.hero h1 span{display:block}.hero h1 .stroke{-webkit-text-stroke:1px rgba(241,238,232,.55);color:transparent}.hero-sub{display:flex;align-items:flex-end;gap:42px;margin-top:34px}.hero-sub p{max-width:430px;color:#aaa59c}.hero-orbit{position:relative;width:min(43vw,610px);aspect-ratio:1;perspective:1200px}.halo{position:absolute;inset:11%;border:1px solid rgba(255,255,255,.11);border-radius:50%;box-shadow:0 0 100px rgba(215,187,135,.05)}.halo:nth-child(2){inset:23%;transform:rotateX(70deg)}.monolith{position:absolute;left:50%;top:50%;width:160px;height:340px;transform-style:preserve-3d;transform:translate(-50%,-50%) rotateX(-10deg) rotateY(-20deg);animation:float 6s ease-in-out infinite}.monolith .face{position:absolute;inset:0;border-radius:32px;background:linear-gradient(145deg,#26272b,#08090b 58%,#2f2a21);border:1px solid rgba(255,255,255,.2);box-shadow:0 30px 80px rgba(0,0,0,.5);display:grid;place-items:center}.monolith .face:before{content:'LH';font-family:'Manrope';font-size:3.2rem;font-weight:700;color:var(--gold);letter-spacing:-.08em}.monolith .face:after{content:'STRATEGY / CREATIVITY / GROWTH';position:absolute;bottom:26px;font-size:.46rem;letter-spacing:.18em;color:#bcb6ab;writing-mode:vertical-rl}.orb{position:absolute;width:88px;height:88px;border-radius:22px;background:linear-gradient(145deg,#f0ece4,#aaa49a);color:#0b0b0c;display:grid;place-items:center;font-family:'Manrope';font-weight:700;box-shadow:0 20px 60px rgba(0,0,0,.34);animation:orbit 12s linear infinite}.orb.o1{left:6%;top:18%}.orb.o2{right:4%;top:42%;animation-delay:-4s;background:linear-gradient(145deg,#2845ff,#0c22a9);color:white}.orb.o3{left:12%;bottom:8%;animation-delay:-8s;background:linear-gradient(145deg,#e3c897,#856d45)}@keyframes orbit{50%{transform:translateY(36px) rotate(12deg)}}@keyframes float{50%{transform:translate(-50%,-54%) rotateX(-4deg) rotateY(18deg)}}
.scroll-cue{position:absolute;bottom:28px;left:4vw;z-index:3;font-size:.7rem;letter-spacing:.15em;color:#817d76;display:flex;align-items:center;gap:12px}.scroll-cue i{width:50px;height:1px;background:#6d6a65;display:block}
.sky{background:#2044ff;color:white}.sky:before,.sky:after{content:'';position:absolute;width:56vw;height:22vw;border-radius:50%;filter:blur(34px);background:rgba(255,255,255,.78);opacity:.65}.sky:before{left:-18vw;bottom:-9vw}.sky:after{right:-16vw;top:8vw}.sky-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,transparent,black 30%,black 75%,transparent)}.sky .scene-inner{align-items:flex-start;padding-top:18vh;display:block}.sky h2{font-size:clamp(3.5rem,8vw,8.5rem);max-width:1000px}.sky .copy{color:rgba(255,255,255,.75)}.float-card{position:absolute;width:min(360px,32vw);aspect-ratio:1.18;border-radius:28px;background:rgba(245,245,247,.95);color:#0d0e12;box-shadow:0 45px 120px rgba(4,8,64,.36);padding:28px;transform:rotate(-8deg);right:10vw;bottom:8vh}.float-card .number{font-family:'Manrope';font-size:5rem;letter-spacing:-.08em}.float-card small{display:block;text-transform:uppercase;letter-spacing:.14em}.float-chip{position:absolute;left:-55px;top:45%;width:118px;height:55px;border-radius:99px;background:#111;color:white;display:grid;place-items:center;transform:rotate(18deg)}
.manifesto{background:var(--paper);color:var(--ink)}.manifesto .scene-inner{display:block;padding:15vh 0}.manifesto h2{font-size:clamp(4rem,11vw,10rem);max-width:1300px}.manifesto h2 em{color:#a78653}.manifesto-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:8vw;margin-top:70px;border-top:1px solid #cfcac0;padding-top:40px}.manifesto .copy{color:#4c4943}.index-num{font-family:'Manrope';font-size:clamp(5rem,12vw,11rem);color:#d2ccc1;letter-spacing:-.08em}
.dark-story{background:#060608}.dark-story .scene-inner{display:block;padding:16vh 0}.dark-story h2{font-family:'Playfair Display';font-size:clamp(3.6rem,8vw,7.8rem);font-weight:500;line-height:.98;max-width:1150px}.dark-story h2 span{color:#777}.story-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:80px}.story-card{min-height:340px;border:1px solid var(--line);border-radius:22px;padding:28px;position:relative;overflow:hidden;background:linear-gradient(150deg,#101014,#09090b)}.story-card:before{content:'';position:absolute;width:180px;height:180px;border-radius:50%;background:var(--gold);filter:blur(80px);opacity:.12;right:-60px;bottom:-50px}.story-card b{display:block;font-family:'Manrope';font-size:1.45rem;margin-top:180px}.story-card p{color:#928e87;font-size:.9rem;line-height:1.5}
.reel{background:#ebe8e1;color:#111}.reel .scene-inner{padding:14vh 0;display:block}.reel-head{display:flex;justify-content:space-between;align-items:end;gap:30px}.reel h2{font-size:clamp(4rem,8vw,8rem)}.projects{margin-top:60px;display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.project{position:relative;min-height:500px;border-radius:28px;overflow:hidden;padding:30px;background:#101114;color:white;isolation:isolate}.project:before{content:'';position:absolute;inset:0;z-index:-1;transition:transform .8s var(--ease)}.project:hover:before{transform:scale(1.06)}.project.p1:before{background:radial-gradient(circle at 70% 30%,#3959ff,#111 42%,#070708 70%)}.project.p2:before{background:linear-gradient(135deg,#d8bb89,#7b633f 45%,#131313)}.project.p3:before{background:linear-gradient(150deg,#f0ece4,#c2beb6 60%,#868279)}.project.p3{color:#0b0b0c;grid-column:1/-1;min-height:430px}.project .tag{font-size:.72rem;letter-spacing:.15em;text-transform:uppercase}.project h3{position:absolute;left:30px;bottom:28px;margin:0;font-family:'Manrope';font-size:clamp(2rem,5vw,5rem);letter-spacing:-.06em}.project .mock{position:absolute;width:40%;aspect-ratio:.72;border-radius:24px;right:7%;top:9%;background:rgba(255,255,255,.12);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.22);transform:rotate(8deg);box-shadow:0 40px 80px rgba(0,0,0,.32)}.project .mock:after{content:'LUXHIVE';position:absolute;top:24px;left:22px;font-family:'Manrope';font-weight:700;letter-spacing:-.05em}.project.p3 .mock{width:30%;background:#111;color:white}
.cta-scene{background:#111;color:white}.cta-scene .scene-inner{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.cta-scene h2{font-size:clamp(4rem,9vw,9rem)}.cta-box{border:1px solid var(--line);border-radius:28px;padding:36px}.cta-box p{color:#aaa59c}.contact-mini{display:grid;gap:12px;margin-top:24px}.contact-mini a{padding:14px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}
.page-hero{min-height:76svh;background:#09090b}.page-hero .scene-inner{padding-top:110px;display:block}.page-hero h1{font-size:clamp(4.6rem,12vw,11rem);max-width:1200px}.page-hero p{max-width:680px;color:#aaa59c;font-size:1.15rem}.content-section{padding:110px 4vw;background:var(--paper);color:var(--ink)}.content-wrap{width:min(1360px,100%);margin:auto}.section-title{font-family:'Manrope';font-size:clamp(3rem,7vw,7rem);letter-spacing:-.07em;line-height:.93;margin:0 0 40px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid #d2cdc3;border-radius:22px;padding:28px;min-height:330px;display:flex;flex-direction:column;justify-content:space-between;transition:.35s var(--ease)}.card:hover{transform:translateY(-8px);border-color:#8d8069}.card .n{font-family:'Manrope';font-size:4.4rem;color:#d0c9bd}.card h3{font-family:'Manrope';font-size:1.7rem;letter-spacing:-.04em}.card p{color:#5c5851;line-height:1.55}.band{background:var(--blue);color:white;padding:80px 4vw}.band .content-wrap{display:flex;justify-content:space-between;align-items:end;gap:40px}.band h2{font-size:clamp(3rem,7vw,7rem);margin:0}.band p{max-width:500px;color:rgba(255,255,255,.75)}
.service-list{border-top:1px solid #ccc6bc}.service-row{display:grid;grid-template-columns:70px 1fr 1fr;gap:30px;padding:35px 0;border-bottom:1px solid #ccc6bc;align-items:start}.service-row h3{font-family:'Manrope';font-size:clamp(1.8rem,3vw,3.4rem);letter-spacing:-.05em;margin:0}.service-row p{color:#5a5650;line-height:1.55;margin:0}.service-row .no{color:#a2998c}
.work-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.work-item{min-height:480px;border-radius:24px;padding:28px;position:relative;overflow:hidden}.work-item:nth-child(1){grid-column:span 7;background:#0c0d10;color:white}.work-item:nth-child(2){grid-column:span 5;background:#2543ff;color:white}.work-item:nth-child(3){grid-column:span 5;background:#d3b783;color:#111}.work-item:nth-child(4){grid-column:span 7;background:#151515;color:white}.work-item h3{position:absolute;left:28px;bottom:24px;font-size:clamp(2rem,4vw,4rem);font-family:'Manrope';letter-spacing:-.06em;margin:0}.work-item span{text-transform:uppercase;letter-spacing:.14em;font-size:.7rem}
.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.contact-layout h2{font-size:clamp(3rem,6vw,6rem);margin:0}.form{display:grid;gap:18px}.field{display:grid;gap:7px}.field label{font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:#777066}.field input,.field textarea,.field select{width:100%;border:0;border-bottom:1px solid #bbb3a8;background:transparent;padding:15px 0;outline:none;color:#111}.field input:focus,.field textarea:focus,.field select:focus{border-color:#111}.form button{justify-content:center;cursor:pointer}
.footer{padding:70px 4vw 35px;background:#050506;color:white}.footer-top{width:min(1400px,100%);margin:auto;display:grid;grid-template-columns:1.4fr repeat(3,.6fr);gap:40px}.footer h3{font-family:'Manrope';font-size:clamp(2.5rem,5vw,5rem);letter-spacing:-.06em;margin:0}.footer small,.footer p,.footer a{color:#928f89}.footer-col{display:grid;align-content:start;gap:11px}.footer-bottom{width:min(1400px,100%);margin:60px auto 0;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#6f6c67;font-size:.78rem}
.reveal{opacity:0;transform:translateY(34px);transition:opacity .85s var(--ease),transform .85s var(--ease)}.reveal.in{opacity:1;transform:none}.split-word span{display:inline-block;transform:translateY(120%);transition:transform .9s var(--ease)}.split-word.in span{transform:none}
@media(max-width:900px){.cursor{display:none}.nav{height:72px}.brand img{width:135px}.nav-links{display:none}.menu-btn{display:block}.hero .scene-inner,.cta-scene .scene-inner{display:block;padding-top:125px}.hero-copy{width:100%;padding-top:0}.hero h1{font-size:clamp(4rem,19vw,7rem)}.hero-orbit{width:100%;height:44vh;margin-top:20px}.monolith{width:108px;height:230px}.orb{width:64px;height:64px;border-radius:16px;font-size:.75rem}.hero-sub{display:block}.sky .scene-inner{padding-top:14vh}.float-card{width:60vw;right:5vw;bottom:7vh}.manifesto-grid,.story-row,.projects,.cards,.contact-layout,.footer-top{grid-template-columns:1fr}.story-card{min-height:260px}.story-card b{margin-top:110px}.project{min-height:380px}.project.p3{grid-column:auto}.service-row{grid-template-columns:40px 1fr}.service-row p{grid-column:2}.work-grid{display:grid;grid-template-columns:1fr}.work-item{grid-column:auto!important;min-height:380px}.band .content-wrap,.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}.page-hero .scene-inner{padding-top:120px}.content-section{padding:80px 5vw}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.split-word span{transform:none}}
