:root{--black:#0A0A0A;--gold:#D4AF37;--champagne:#F5E7B2;--white:#FFFFFF;--muted:rgba(255,255,255,0.64);--glass:rgba(255,255,255,0.07);--line:rgba(212,175,55,0.22);--font-inter:"Inter","SF Pro Display","Segoe UI",Arial,sans-serif;--font-playfair:"Playfair Display","Cormorant Garamond",Georgia,serif}*{box-sizing:border-box}html{background:var(--black);scroll-behavior:auto}body,html{color:var(--white)}body{margin:0;overflow-x:hidden;background:radial-gradient(circle at 50% 0,rgba(212,175,55,.12),transparent 34rem),linear-gradient(180deg,#0A0A0A,#050505);cursor:none;font-family:var(--font-inter)}a{color:inherit;text-decoration:none}button{font:inherit}::-moz-selection{background:rgba(212,175,55,.34);color:var(--white)}::selection{background:rgba(212,175,55,.34);color:var(--white)}.loader{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#050505;transition:opacity .7s ease,visibility .7s ease}.loader span{color:var(--champagne);font-family:var(--font-playfair);font-size:clamp(2.4rem,8vw,7rem);letter-spacing:.04em}.loader.loaded{opacity:0;visibility:hidden}.progress-bar{position:fixed;top:0;left:0;z-index:80;width:100%;height:2px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,transparent,var(--gold),var(--champagne))}.cursor{z-index:99;width:12px;height:12px;border:1px solid var(--champagne);mix-blend-mode:difference}.cursor,.mouse-glow{position:fixed;pointer-events:none;border-radius:999px;transform:translate(-50%,-50%)}.mouse-glow{z-index:1;width:34rem;height:34rem;background:radial-gradient(circle,rgba(212,175,55,.16),transparent 62%);filter:blur(18px)}.nav{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;align-items:center;justify-content:space-between;padding:1.25rem clamp(1rem,4vw,4rem);border-bottom:1px solid rgba(255,255,255,.08);background:rgba(10,10,10,.52);backdrop-filter:blur(24px)}.brand,.footer h2{font-family:var(--font-playfair);font-size:1.2rem;color:var(--champagne)}.footer-links,.nav div,.socials{display:flex;align-items:center;gap:clamp(1rem,3vw,2rem)}.footer a,.nav a:not(.brand){color:rgba(255,255,255,.72);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;transition:color .25s ease}.footer a:hover,.nav a:hover{color:var(--champagne)}.section-pad{min-height:100vh;padding:clamp(6rem,10vw,10rem) clamp(1.25rem,6vw,7rem)}.hero{position:relative;min-height:190vh;isolation:isolate}.hero-scene{position:sticky;top:0;width:100%;height:100vh}.hero:after{position:fixed;inset:0;z-index:-1;pointer-events:none;content:"";background:linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 0),linear-gradient(rgba(255,255,255,.035) 1px,transparent 0);background-size:6rem 6rem;-webkit-mask-image:radial-gradient(circle at center,black,transparent 72%);mask-image:radial-gradient(circle at center,black,transparent 72%)}.hero-copy{position:fixed;top:52%;left:clamp(1.25rem,6vw,7rem);z-index:5;width:min(58vw,760px);text-align:left;transform:translateY(-50%)}.hero-copy h1{margin:0;color:var(--champagne);font-family:var(--font-playfair);font-size:clamp(4rem,8.6vw,8.4rem);font-weight:500;line-height:.88}.cinematic h2,.cta h2,.hero-copy h2,.mockup-copy h2,.portfolio-intro h2,.services h2,.story-line{margin:0;font-family:var(--font-playfair);font-size:clamp(2.4rem,7vw,7rem);font-weight:500;line-height:.92}.hero-copy h2{margin-top:.4rem;max-width:720px;font-size:clamp(2.7rem,5.1vw,5.8rem)}.cinematic p,.cta p,.hero-copy p,.mockup-copy p,.story-close{margin:1rem auto 0;max-width:680px;color:var(--muted);font-size:clamp(1rem,1.8vw,1.35rem);line-height:1.7}.eyebrow{color:var(--gold)!important;font-size:.74rem!important;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.button-row{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:1rem;margin-top:2.2rem}.magnetic{display:inline-flex;align-items:center;justify-content:center;min-height:3.35rem;padding:0 1.35rem;border:1px solid rgba(212,175,55,.54);border-radius:999px;color:#060606;background:linear-gradient(135deg,var(--champagne),var(--gold));box-shadow:0 20px 50px rgba(212,175,55,.2);cursor:none;gap:.7rem;letter-spacing:.04em;transition:box-shadow .3s ease,border-color .3s ease}.magnetic.secondary{color:var(--white);background:rgba(255,255,255,.04);backdrop-filter:blur(18px)}.magnetic:hover{border-color:var(--champagne);box-shadow:0 26px 80px rgba(212,175,55,.32)}.cinematic{display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 20% 30%,rgba(212,175,55,.11),transparent 28rem),#080808}.split-line{overflow:hidden}.split-line span{display:inline-block}.mockup-section{display:grid;align-items:center;gap:4rem;perspective:1400px}.mockup-copy{max-width:960px}.mockup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.25rem,4vw,4rem)}.device,.mockup-grid{transform-style:preserve-3d}.device{min-height:36rem;padding:1rem;border:1px solid var(--line);border-radius:8px;background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.035));box-shadow:0 38px 120px rgba(0,0,0,.55);will-change:transform}.browser-bar{height:2.2rem;margin-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.browser-bar:before{display:block;width:3.4rem;height:.7rem;border-radius:999px;background:linear-gradient(90deg,#ff6b6b 0 28%,#ffd166 28% 60%,#67e8a5 60%);content:""}.device-image{height:22rem;border-radius:8px;background-size:cover;background-position:50%}.device-image.fashion{background-image:linear-gradient(rgba(0,0,0,.04),rgba(0,0,0,.45)),url(https://images.unsplash.com/photo-1483985988355-763728e1935b?auto=format&fit=crop&w=1000&q=80)}.device-image.commerce{background-image:linear-gradient(rgba(0,0,0,.04),rgba(0,0,0,.45)),url(https://images.unsplash.com/photo-1515886657613-9f3515b0c78f?auto=format&fit=crop&w=1000&q=80)}.device h3,.glass-card h3,.project h3{margin:1.3rem 0 .35rem;font-family:var(--font-playfair);font-size:clamp(1.6rem,3vw,2.5rem);font-weight:500}.device p,.footer p,.glass-card p,.project p,.testimonial p{color:var(--muted);line-height:1.7}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:1px;min-height:70vh;background:linear-gradient(180deg,#050505,#0A0A0A)}.stat{display:grid;place-items:center;min-height:18rem;border:1px solid rgba(255,255,255,.08);text-align:center}.stat strong{color:var(--champagne);font-family:var(--font-playfair);font-size:clamp(3.5rem,8vw,7rem);font-weight:500}.stat span:last-child{color:var(--muted);letter-spacing:.12em;text-transform:uppercase}.services h2{max-width:1020px}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:4rem}.glass-card{position:relative;overflow:hidden;min-height:22rem;padding:1.6rem;border:1px solid var(--line);border-radius:8px;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.035));backdrop-filter:blur(22px);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}.glass-card:before{position:absolute;inset:-1px;opacity:0;background:radial-gradient(circle at var(--x,50%) var(--y,0),rgba(212,175,55,.2),transparent 40%);transition:opacity .35s ease;content:""}.glass-card:hover{transform:translateY(-12px);border-color:rgba(212,175,55,.62);box-shadow:0 30px 90px rgba(212,175,55,.14)}.glass-card:hover:before{opacity:1}.glass-card>*{position:relative;z-index:1}.glass-card span{color:var(--gold);letter-spacing:.16em}.portfolio-section{position:relative;min-height:100vh;overflow:hidden;padding:7rem 0}.portfolio-intro{padding:0 clamp(1.25rem,6vw,7rem) 3rem}.portfolio-track{display:flex;width:-moz-max-content;width:max-content;gap:clamp(1.2rem,3vw,3rem);padding:0 clamp(1.25rem,6vw,7rem);will-change:transform}.project{position:relative;overflow:hidden;width:min(76vw,760px);height:min(70vh,640px);border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#111}.project img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform:scale(1.02);transition:transform .7s ease,filter .7s ease}.project:hover img{filter:saturate(1.08) contrast(1.08);transform:scale(1.1)}.project div{position:absolute;left:1.4rem;right:1.4rem;bottom:1.4rem;padding:1.2rem;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(0,0,0,.42);backdrop-filter:blur(20px)}.story-section{min-height:160vh;display:grid;align-content:center;gap:1.2rem}.story-line{color:rgba(255,255,255,.14)}.story-close{max-width:760px;margin:4rem 0 0;color:var(--champagne);font-size:clamp(1.5rem,3vw,2.6rem)}.testimonials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:1rem;min-height:80vh}.testimonial{min-height:18rem;animation:float 5s ease-in-out infinite}.testimonial:nth-child(2){animation-delay:-1.5s}.testimonial:nth-child(3){animation-delay:-3s}.stars{color:var(--gold);letter-spacing:.2em}.cta{position:relative;display:grid;place-items:center;min-height:100vh;overflow:hidden;padding:clamp(4rem,7vw,8rem) 1.25rem;text-align:center}.gold-gradient{position:absolute;inset:-30%;background:radial-gradient(circle at 20% 40%,rgba(212,175,55,.45),transparent 28%),radial-gradient(circle at 75% 55%,rgba(245,231,178,.24),transparent 26%),conic-gradient(from 180deg,transparent,rgba(212,175,55,.18),transparent,rgba(245,231,178,.16),transparent);filter:blur(40px);animation:rotateGlow 16s linear infinite}.cta>div:not(.gold-gradient){position:relative;z-index:1}.footer{display:grid;grid-template-columns:1.2fr 1fr auto;align-items:center;gap:2rem;padding:2rem clamp(1.25rem,6vw,7rem);border-top:1px solid rgba(255,255,255,.1)}.booking-page{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 74% 16%,rgba(212,175,55,.18),transparent 28rem),radial-gradient(circle at 10% 80%,rgba(245,231,178,.08),transparent 24rem),#0A0A0A;cursor:auto}.booking-page a,.booking-page button,.booking-page select{cursor:pointer}.booking-page input,.booking-page textarea{cursor:text}.booking-glow{position:fixed;inset:auto -12rem -18rem auto;width:42rem;height:42rem;pointer-events:none;border-radius:999px;background:radial-gradient(circle,rgba(212,175,55,.18),transparent 64%);filter:blur(26px)}.booking-nav{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:1.35rem clamp(1rem,5vw,5rem);border-bottom:1px solid rgba(255,255,255,.08);background:rgba(10,10,10,.5);backdrop-filter:blur(24px)}.back-link,.booking-contact a{display:inline-flex;align-items:center;gap:.55rem;color:rgba(255,255,255,.72);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;transition:color .25s ease}.back-link:hover,.booking-contact a:hover{color:var(--champagne)}.booking-hero{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.95fr) minmax(360px,.82fr);align-items:center;gap:clamp(2rem,6vw,6rem);min-height:calc(100vh - 5rem);padding:clamp(4rem,8vw,8rem) clamp(1rem,5vw,5rem)}.booking-copy h1{max-width:900px;margin:0;color:var(--champagne);font-family:var(--font-playfair);font-size:clamp(4rem,9vw,9rem);font-weight:500;line-height:.9}.booking-copy p{max-width:760px;margin:1.3rem 0 0;color:var(--muted);font-size:clamp(1rem,1.55vw,1.24rem);line-height:1.75}.booking-points{display:grid;gap:.9rem;margin-top:2rem}.booking-points span{display:inline-flex;align-items:center;width:-moz-fit-content;width:fit-content;gap:.7rem;padding:.8rem 1rem;border:1px solid rgba(212,175,55,.2);border-radius:999px;color:rgba(255,255,255,.78);background:rgba(255,255,255,.045);backdrop-filter:blur(16px)}.booking-points svg{color:var(--gold)}.booking-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:clamp(1rem,3vw,1.6rem);border:1px solid rgba(212,175,55,.26);border-radius:8px;background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.035));box-shadow:0 35px 110px rgba(0,0,0,.45),0 0 80px rgba(212,175,55,.09);backdrop-filter:blur(28px)}.booking-form .full,.booking-submit,.form-header,.form-note{grid-column:1/-1}.form-header span{color:var(--gold);font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.form-header h2{margin:.25rem 0 .5rem;font-family:var(--font-playfair);font-size:clamp(2rem,4vw,3rem);font-weight:500}.booking-form label{display:grid;gap:.55rem;color:rgba(255,255,255,.72);font-size:.78rem;letter-spacing:.11em;text-transform:uppercase}.booking-form input,.booking-form select,.booking-form textarea{width:100%;border:1px solid rgba(255,255,255,.12);border-radius:8px;outline:none;padding:.95rem 1rem;color:var(--white);background:rgba(0,0,0,.3);font-family:var(--font-inter);font-size:.95rem;letter-spacing:0;text-transform:none;transition:border-color .25s ease,box-shadow .25s ease,background .25s ease}.booking-form textarea{resize:vertical}.booking-form select option{color:#0A0A0A}.booking-form input:focus,.booking-form select:focus,.booking-form textarea:focus{border-color:rgba(212,175,55,.72);background:rgba(0,0,0,.44);box-shadow:0 0 0 4px rgba(212,175,55,.08)}.booking-submit{width:100%;margin-top:.2rem}.form-note{margin:0;color:rgba(255,255,255,.5);font-size:.82rem;line-height:1.6}.booking-email-link{grid-column:1/-1;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:3rem;border:1px solid rgba(255,255,255,.11);border-radius:999px;color:rgba(255,255,255,.7);background:rgba(255,255,255,.035);font-size:.82rem;text-align:center;transition:color .25s ease,border-color .25s ease,background .25s ease}.booking-email-link:hover{border-color:rgba(212,175,55,.45);color:var(--champagne);background:rgba(212,175,55,.06)}.booking-contact{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;gap:1.2rem;padding:0 1rem 3rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}@keyframes rotateGlow{to{transform:rotate(1turn) scale(1.05)}}@media (max-width:980px){body{cursor:auto}.cursor,.mouse-glow,.nav div{display:none}.booking-form,.booking-hero,.footer,.mockup-grid,.service-grid,.stats,.testimonials{grid-template-columns:1fr}.stats{gap:1rem}.service-grid{margin-top:2rem}.mockup-grid{perspective:none}.device{min-height:auto}.portfolio-section{min-height:100vh}.project{width:86vw;height:62vh}.hero-copy{left:50%;width:min(92vw,760px);text-align:center;transform:translate(-50%,-50%)}.hero-copy .button-row{justify-content:center}}@media (max-width:640px){.section-pad{padding-left:1rem;padding-right:1rem}.hero-copy h1{font-size:clamp(4rem,21vw,7rem)}.button-row,.magnetic{width:100%}.device-image{height:16rem}.stat{min-height:13rem}.footer-links,.socials{align-items:flex-start}.booking-copy h1{font-size:clamp(3.6rem,17vw,5.8rem)}.booking-points span{width:100%}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}