:root{--ink:#09070d;--paper:#f4f1eb;--violet:#7d29e8;--hot:#b76cff;--muted:#a7a0ad;--line:rgba(255,255,255,.14);--pad:clamp(24px,5vw,80px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font-family:"DM Sans",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;width:100%}::selection{background:var(--hot);color:#09070d}
.grain{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.065;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(139,52,244,.14),transparent 65%);pointer-events:none;z-index:0;transform:translate(-50%,-50%)}
.site-header{position:absolute;top:0;left:0;width:100%;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:28px var(--pad);border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:flex;align-items:center;gap:10px}.brand-mark{font:700 24px/1 "Space Grotesk";letter-spacing:-2px;border:1px solid rgba(255,255,255,.6);padding:6px 7px}.brand-mark span{color:var(--hot)}.brand-copy{font:600 9px/1 "Space Grotesk";letter-spacing:4px}.brand-copy small{display:block;font-size:5px;letter-spacing:2.8px;margin-top:5px;color:#aaa}.site-header nav{display:flex;gap:34px;font-size:13px}.site-header nav a{color:#c8c4ca;transition:.3s}.site-header nav a:hover{color:#fff}.contact-pill{border:1px solid var(--line);border-radius:999px;padding:11px 16px;font-size:13px}.contact-pill span{color:var(--hot);margin-left:12px}
.hero{min-height:100svh;position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:120px var(--pad) 70px;overflow:hidden;background:radial-gradient(circle at 73% 48%,rgba(104,31,198,.34),transparent 30%),linear-gradient(120deg,#09070d 40%,#160d22 100%)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent,#000)}.eyebrow{text-transform:uppercase;letter-spacing:.28em;color:var(--hot);font-size:11px;font-weight:600}.hero h1,.section-head h2,.contact h2{font:600 clamp(64px,9vw,148px)/.82 "Space Grotesk";letter-spacing:-.07em;margin:28px 0}.hero h1 em,.contact h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #fff}.hero-copy{position:relative;z-index:3}.hero-intro{max-width:560px;color:#bcb7c1;font-size:clamp(16px,1.4vw,21px);line-height:1.6}.hero-actions{display:flex;align-items:center;gap:32px;margin-top:38px}.button{display:inline-flex;align-items:center;gap:36px;border-radius:999px;padding:18px 23px;font-weight:600;font-size:13px;transition:transform .25s,box-shadow .25s}.button.primary{background:#fff;color:#0b0810}.button.primary:hover{box-shadow:0 14px 45px rgba(183,108,255,.25)}.text-link{font-size:13px;color:#bbb}.scene{height:620px;position:relative;z-index:2;perspective:1200px}.camera-rig{position:absolute;inset:13% 2% auto auto;width:min(40vw,520px);height:370px;transform-style:preserve-3d;filter:drop-shadow(0 40px 70px rgba(0,0,0,.55));transition:transform .15s linear}.camera-body{position:absolute;inset:55px 20px 20px 90px;border-radius:42px;background:linear-gradient(145deg,#2d2931,#0d0b10 45%,#1c1821);border:1px solid #504a56;box-shadow:inset 0 1px 4px #716a78,inset -18px -25px 50px #030205}.camera-top{position:absolute;width:58%;height:42px;top:-42px;right:42px;border-radius:15px 15px 2px 2px;background:linear-gradient(#37323b,#0a090c);border:1px solid #55505a}.lens{position:absolute;width:225px;height:225px;border-radius:50%;left:-90px;top:45px;background:repeating-radial-gradient(circle,#08070a 0 16px,#26202c 18px 22px,#070608 24px 32px);border:8px solid #38313e;box-shadow:0 0 0 4px #17131b,0 22px 45px #000}.lens i{position:absolute;inset:49px;border-radius:50%;background:radial-gradient(circle at 38% 33%,#d5acff 0 3%,#4d0b79 8%,#09040d 36%,#020103 65%);box-shadow:inset 0 0 24px #8d36d7}.lens b{position:absolute;inset:12px;border-radius:50%;border:1px dashed #777;animation:spin 18s linear infinite}.rec{position:absolute;right:28px;top:24px;color:#a69fa9;font:600 10px "Space Grotesk";letter-spacing:.2em}.rec:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#c42aff;margin-right:7px;box-shadow:0 0 12px #c42aff}.screen{position:absolute;width:210px;height:145px;right:-20px;top:145px;background:linear-gradient(135deg,#5f149d,#12071f);border:8px solid #17131a;border-radius:8px;transform:rotateY(-28deg) translateZ(50px);box-shadow:0 18px 36px #000;display:flex;flex-direction:column;align-items:center;justify-content:center}.screen span{font:700 48px "Space Grotesk";letter-spacing:-5px}.screen small{font:500 7px "Space Grotesk";letter-spacing:.3em;color:#d8bcf0}.float-tag{position:absolute;border:1px solid var(--line);background:rgba(12,8,17,.65);backdrop-filter:blur(8px);padding:10px 14px;font:500 9px "Space Grotesk";letter-spacing:.18em;color:#aaa;animation:float 5s ease-in-out infinite}.float-tag b{color:#fff;margin-left:16px}.tag-one{top:14%;right:4%}.tag-two{bottom:13%;left:5%;animation-delay:-2s}.hero-orbit{position:absolute;border:1px solid rgba(183,108,255,.2);border-radius:50%;pointer-events:none}.orbit-one{width:620px;height:620px;right:-90px;top:12%;transform:rotateX(68deg)}.orbit-two{width:380px;height:380px;right:12%;top:27%;transform:rotateY(64deg)}.scroll-cue{position:absolute;bottom:28px;left:var(--pad);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#79727e}.scroll-cue span{display:inline-block;width:42px;height:1px;background:#635c66;margin:0 12px 3px 0}
.section-pad{padding:clamp(90px,12vw,180px) var(--pad);position:relative}.statement{background:var(--paper);color:var(--ink)}.statement-copy{font:500 clamp(38px,5.5vw,88px)/1.04 "Space Grotesk";letter-spacing:-.055em;margin:45px 0 80px;max-width:1380px}.statement-copy span{color:#aaa4a8}.statement-meta{display:flex;justify-content:flex-end;gap:65px;border-top:1px solid #d5d0c8;padding-top:22px;text-transform:uppercase;letter-spacing:.14em;font-size:10px}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:70px}.section-head h2{font-size:clamp(46px,6vw,92px);margin:24px 0 0}.section-head>p{color:#8e8794;max-width:310px;line-height:1.6}.service-stack{border-top:1px solid var(--line)}.service-card{display:grid;grid-template-columns:80px 1fr 210px;align-items:center;gap:30px;min-height:210px;border-bottom:1px solid var(--line);padding:22px 8px;transform-style:preserve-3d;transition:background .3s,padding .3s}.service-card:hover{background:linear-gradient(90deg,rgba(124,41,232,.11),transparent);padding-left:24px}.service-no{font:500 11px "Space Grotesk";color:#756f79}.service-card h3{font:500 clamp(28px,4vw,59px) "Space Grotesk";letter-spacing:-.045em;margin:0 0 13px}.service-card p{max-width:540px;color:#948d9a;margin:0;line-height:1.55}.service-icon{width:154px;height:112px;justify-self:end;position:relative;perspective:500px}.service-icon:before,.service-icon:after,.service-icon i{content:"";position:absolute;border:1px solid rgba(183,108,255,.5);background:linear-gradient(135deg,rgba(125,41,232,.28),rgba(18,12,24,.1));box-shadow:0 12px 32px rgba(96,24,178,.22);transform-style:preserve-3d}.icon-doc:before{width:94px;height:65px;border-radius:8px;top:20px;left:12px;transform:rotateY(28deg) rotateZ(-8deg)}.icon-doc:after{width:65px;height:46px;border-radius:50%;right:2px;bottom:6px}.icon-photo:before{width:94px;height:70px;border-radius:12px;left:18px;top:18px;transform:rotate(-7deg)}.icon-photo:after{width:43px;height:43px;border-radius:50%;left:43px;top:31px;background:radial-gradient(circle,#050208 28%,#751bd0 32%,#0d0615 55%)}.icon-video:before{width:100px;height:64px;border-radius:10px;top:22px;left:5px}.icon-video:after{border-width:28px 0 28px 43px;border-style:solid;border-color:transparent transparent transparent rgba(183,108,255,.5);right:5px;top:26px;background:none}.icon-event:before{width:120px;height:20px;left:12px;bottom:22px;transform:rotateX(55deg)}.icon-event:after{width:12px;height:70px;left:38px;top:12px;box-shadow:31px 0 0 rgba(125,41,232,.15),62px 0 0 rgba(125,41,232,.15)}.icon-post:before{width:112px;height:66px;left:8px;top:18px;transform:skewY(-8deg)}.icon-post:after{width:85px;height:1px;left:22px;top:52px;box-shadow:0 14px 0 #7d29e8,0 -14px 0 rgba(183,108,255,.4)}
.work{background:var(--paper);color:var(--ink)}.work .eyebrow{color:#7625d6}.work .section-head>p{color:#777}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px 28px}.project-wide{grid-column:1/-1}.project-image{position:relative;overflow:hidden;background:#1b111f;aspect-ratio:16/10;border-radius:2px}.project-wide .project-image{aspect-ratio:2.1/1}.project-image img{height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .6s}.project:hover img{transform:scale(1.035);filter:saturate(1.15)}.project-index{position:absolute;top:16px;right:16px;background:rgba(9,7,13,.78);backdrop-filter:blur(8px);color:#fff;padding:8px 10px;font:500 9px "Space Grotesk";letter-spacing:.13em}.project-info{display:flex;justify-content:space-between;gap:30px;border-top:1px solid #c9c3bd;padding-top:20px;margin-top:18px}.project-info span{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#7c757d}.project-info h3{font:600 clamp(24px,3vw,43px) "Space Grotesk";letter-spacing:-.04em;margin:10px 0 0}.project-info p{max-width:450px;color:#716b72;line-height:1.6;margin:0}
.process{min-height:900px;display:flex;align-items:center;justify-content:center;overflow:hidden}.process:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(107,26,196,.26),transparent 48%)}.process-stage{width:min(1050px,90vw);height:680px;position:relative}.process-core{position:absolute;left:50%;top:50%;width:190px;height:190px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 35% 30%,#a85af4,#401071 50%,#100719 80%);box-shadow:0 0 80px rgba(125,41,232,.42),inset -25px -30px 40px rgba(0,0,0,.5);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2}.process-core span{font:700 48px "Space Grotesk";letter-spacing:-5px}.process-core small{text-transform:uppercase;letter-spacing:.25em;color:#c7a9e2;font-size:7px}.process-ring{position:absolute;inset:55px 235px;border:1px solid rgba(183,108,255,.25);border-radius:50%;transform:rotateX(61deg);box-shadow:0 0 0 80px rgba(125,41,232,.025),0 0 0 160px rgba(125,41,232,.018)}.process-step{position:absolute;width:200px}.process-step b{font:500 10px "Space Grotesk";color:var(--hot)}.process-step h3{font:600 27px "Space Grotesk";margin:8px 0}.process-step p{font-size:13px;color:#88818e;line-height:1.5}.step-1{left:4%;top:13%}.step-2{right:3%;top:18%}.step-3{left:7%;bottom:10%}.step-4{right:5%;bottom:9%}
.contact{background:linear-gradient(135deg,#6f18c4 0%,#8f30e4 55%,#c178ff 130%);min-height:85vh;overflow:hidden}.contact .eyebrow{color:#1c082e}.contact h2{position:relative;z-index:2;margin:55px 0;font-size:clamp(66px,10vw,150px)}.contact-row{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-end}.button.light{background:#0c0810;color:#fff}.contact-row>div{display:grid;gap:8px;text-align:right}.contact-row>div a,.contact-row>div span{font-size:14px}.contact-row>div span{color:#35104f}.contact-orb{position:absolute;width:650px;height:650px;border-radius:50%;right:-100px;top:-100px;background:radial-gradient(circle at 33% 28%,rgba(255,255,255,.58),rgba(230,183,255,.16) 18%,rgba(65,2,113,.42) 62%,rgba(34,3,54,.65));box-shadow:inset -50px -70px 100px rgba(19,0,32,.6),0 50px 120px rgba(33,2,54,.35);filter:blur(.3px)}footer{display:flex;justify-content:space-between;align-items:center;padding:34px var(--pad);font-size:11px;color:#777;border-top:1px solid var(--line)}footer>div:last-child{display:flex;gap:28px}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-12px) rotate(1deg)}}
@media(max-width:900px){.site-header nav{display:none}.contact-pill{display:none}.hero{grid-template-columns:1fr;padding-top:150px}.hero-copy{align-self:start}.scene{height:440px;margin-top:-30px}.camera-rig{right:-70px;width:450px;transform:scale(.85)}.hero-actions{align-items:flex-start;flex-direction:column}.statement-meta{justify-content:flex-start;flex-wrap:wrap;gap:20px 35px}.section-head{display:block}.section-head>p{margin-top:20px}.service-card{grid-template-columns:48px 1fr}.service-icon{display:none}.project-grid{grid-template-columns:1fr}.project-wide{grid-column:auto}.project-wide .project-image,.project-image{aspect-ratio:16/10}.project-info{display:block}.project-info p{margin-top:18px}.process{min-height:800px}.process-stage{height:700px}.process-ring{inset:130px 12%;}.process-step{width:150px}.step-1{left:0;top:3%}.step-2{right:0;top:6%;text-align:right}.step-3{left:0;bottom:1%}.step-4{right:0;bottom:4%;text-align:right}.contact-row{align-items:flex-start;gap:45px;flex-direction:column}.contact-row>div{text-align:left}footer{flex-wrap:wrap;gap:25px}}@media(max-width:560px){.brand-copy{display:none}.hero{padding-bottom:50px}.hero h1{font-size:58px}.hero-intro{font-size:15px}.scene{height:360px}.camera-rig{right:-145px;top:4%;transform:scale(.65)}.float-tag{display:none}.section-pad{padding-top:88px;padding-bottom:88px}.statement-copy{font-size:35px}.service-card{grid-template-columns:36px 1fr;min-height:175px}.service-card p{font-size:14px}.project-grid{gap-top:56px}.project-info h3{font-size:27px}.process-core{width:145px;height:145px}.process-core span{font-size:39px}.process-step h3{font-size:20px}.process-step p{font-size:11px}.contact h2{font-size:58px}footer>p{order:3;width:100%}.cursor-glow{display:none}}
.packages{background:#110b16;overflow:hidden}.packages:before{content:"";position:absolute;width:700px;height:700px;border-radius:50%;right:-350px;top:120px;background:radial-gradient(circle,rgba(125,41,232,.22),transparent 67%);pointer-events:none}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;position:relative}.package-card{position:relative;display:flex;flex-direction:column;min-height:680px;padding:32px;border:1px solid rgba(255,255,255,.13);background:linear-gradient(155deg,rgba(255,255,255,.05),rgba(255,255,255,.015));transform-style:preserve-3d;transition:border-color .3s,box-shadow .3s}.package-card:hover{border-color:rgba(183,108,255,.55);box-shadow:0 30px 80px rgba(0,0,0,.24)}.package-card.featured{background:linear-gradient(155deg,rgba(125,41,232,.4),rgba(48,14,76,.3) 55%,rgba(255,255,255,.02));border-color:rgba(183,108,255,.5)}.popular-label{position:absolute;right:22px;top:-13px;border-radius:999px;background:#fff;color:#0b0710;padding:7px 12px;font:600 9px "Space Grotesk";letter-spacing:.12em;text-transform:uppercase}.package-top{display:flex;justify-content:space-between;align-items:center;color:#817989;font:500 9px "Space Grotesk";letter-spacing:.14em;text-transform:uppercase}.package-number{color:var(--hot)}.package-card h3{font:600 clamp(38px,4.2vw,66px)/.92 "Space Grotesk";letter-spacing:-.055em;margin:58px 0 24px}.package-summary{min-height:76px;color:#a9a2ae;line-height:1.55;margin:0 0 30px}.package-card ul{list-style:none;padding:26px 0 0;margin:0;border-top:1px solid rgba(255,255,255,.13);display:grid;gap:15px}.package-card li{position:relative;padding-left:21px;color:#d4cfd7;font-size:13px;line-height:1.45}.package-card li:before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;border:1px solid var(--hot);transform:rotate(45deg)}.package-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:34px;border-top:1px solid rgba(255,255,255,.13)}.package-bottom>span{font:500 10px "Space Grotesk";letter-spacing:.15em;text-transform:uppercase;color:#817989}.package-bottom a{display:flex;gap:20px;align-items:center;font-weight:600}.package-bottom a b{color:var(--hot)}.package-note{text-align:center;color:#8e8794;max-width:780px;margin:38px auto 0;font-size:13px;line-height:1.6}
@media(max-width:900px){.package-grid{grid-template-columns:1fr}.package-card{min-height:600px}}
@media(max-width:560px){.package-card{min-height:0;padding:26px}.package-card h3{margin-top:42px}.package-summary{min-height:0}.package-bottom{margin-top:34px}}
.booking{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(50px,8vw,130px);background:var(--paper);color:var(--ink);align-items:start}.booking .eyebrow{color:#7625d6}.booking-intro{position:sticky;top:40px}.booking-intro h2{font:600 clamp(46px,6.5vw,96px)/.9 "Space Grotesk";letter-spacing:-.065em;margin:28px 0 35px}.booking-intro>p{max-width:480px;color:#6f6970;font-size:16px;line-height:1.65}.booking-contact{margin-top:55px;padding-top:22px;border-top:1px solid #cfc8c1;display:flex;justify-content:space-between;gap:20px;font-size:13px}.booking-contact span{color:#8e878d}.booking-contact a{font-weight:600}.booking-form{background:#0e0a12;color:#fff;padding:clamp(26px,4vw,55px);box-shadow:0 30px 90px rgba(48,22,60,.16)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:29px 22px}.booking-form label>span{display:block;font:500 11px "Space Grotesk";letter-spacing:.09em;text-transform:uppercase;color:#a59eaa;margin-bottom:11px}.field-wide{grid-column:1/-1}.booking-form input,.booking-form select,.booking-form textarea{width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.22);background:transparent;color:#fff;border-radius:0;padding:11px 0 14px;font:400 15px "DM Sans";outline:none;transition:border-color .25s}.booking-form input:focus,.booking-form select:focus,.booking-form textarea:focus{border-color:var(--hot)}.booking-form input::placeholder,.booking-form textarea::placeholder{color:#625b66}.booking-form select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#9c94a1 50%),linear-gradient(135deg,#9c94a1 50%,transparent 50%);background-position:calc(100% - 7px) calc(50% - 1px),calc(100% - 2px) calc(50% - 1px);background-size:5px 5px,5px 5px;background-repeat:no-repeat}.booking-form select option{background:#120d16;color:#fff}.booking-form input[type=date]{color-scheme:dark}.booking-form textarea{resize:vertical;min-height:115px}.consent{display:flex;align-items:flex-start;gap:12px;margin:27px 0}.consent input{width:17px;height:17px;margin:1px 0 0;accent-color:var(--violet)}.booking-form .consent span{font:400 12px/1.5 "DM Sans";letter-spacing:0;text-transform:none;color:#8f8793;margin:0}.form-actions{display:flex;align-items:center;gap:25px;border-top:1px solid rgba(255,255,255,.12);padding-top:28px}.form-actions button{border:0;cursor:pointer;white-space:nowrap}.form-actions p{font-size:11px;line-height:1.5;color:#756d79;margin:0}.form-status{min-height:20px;color:var(--hot);font-size:12px;margin:16px 0 0}
@media(max-width:900px){.booking{grid-template-columns:1fr}.booking-intro{position:static}.booking-form{padding:35px}.booking-contact{max-width:500px}}
@media(max-width:560px){.field-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}.booking-form{padding:24px}.form-actions{align-items:flex-start;flex-direction:column}.booking-intro h2{font-size:50px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.lens b,.float-tag{animation:none}.camera-rig{transition:none}}