:root{--ink:#08090b;--ink-soft:#101216;--paper:#f5f4f0;--muted:#9b9da5;--line:rgba(255,255,255,.12);--accent:#d8ff62;--glass:rgba(18,20,24,.68);--sans:"Manrope",Arial,sans-serif;--display:"DM Sans",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;z-index:100;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}img{display:block;width:100%;object-fit:cover}button,input,textarea,select{font:inherit}.shell{width:min(calc(100% - 64px),1400px);margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}.cursor-glow{position:fixed;z-index:-1;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(148,87,255,.11),transparent 68%);pointer-events:none;will-change:transform}.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:600}.nav-wrap{position:fixed;z-index:40;top:14px;left:0;right:0}.nav{height:64px;padding:0 20px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:var(--glass);backdrop-filter:blur(20px) saturate(140%);box-shadow:0 12px 50px rgba(0,0,0,.2)}.mark{font:700 20px var(--display);letter-spacing:-.08em;width:max-content}.mark i{font-style:normal;color:var(--accent)}.desktop-nav{display:flex;gap:8px}.desktop-nav a{font-size:12px;padding:9px 14px;border-radius:10px;color:#c4c5c8;transition:.25s}.desktop-nav a:hover,.desktop-nav a.active{background:rgba(255,255,255,.08);color:white}.nav-availability{justify-self:end;font-size:10px;text-transform:uppercase;letter-spacing:.1em;display:flex;align-items:center;gap:8px}.nav-availability span,.availability span{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 16px var(--accent)}.menu-toggle,.mobile-menu{display:none}
.hero{min-height:100svh;padding:150px 0 82px;display:flex;flex-direction:column;justify-content:center;position:relative}.hero-kicker{margin-bottom:45px}.hero h1,.page-hero h1,.contact-page h1,.case-title h1{font:500 clamp(4.4rem,9.5vw,9.4rem)/.83 var(--display);letter-spacing:-.075em;margin:0;position:relative;z-index:2}.hero h1>span{display:block;overflow:hidden;animation:rise 1s cubic-bezier(.16,1,.3,1) both}.hero h1>span:nth-child(2){animation-delay:.09s}.hero h1>span:nth-child(3){animation-delay:.18s}.hero h1 .outline{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.45)}.hero h1 i{color:var(--accent);font-style:normal}.hero-footer{margin:55px 0 0 38%;display:flex;justify-content:space-between;align-items:end;position:relative;z-index:2}.hero-footer>p{max-width:540px;margin:0;color:#c6c7ca;font-size:18px;line-height:1.55}.hero-actions{display:flex;gap:10px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:14px 17px;border-radius:12px;border:1px solid var(--line);font-size:12px;cursor:pointer;transition:transform .25s,background .25s}.button:hover{transform:translateY(-3px)}.button.primary{background:var(--accent);color:#0a0b0d;border-color:var(--accent);font-weight:700}.button.ghost{background:rgba(255,255,255,.04);backdrop-filter:blur(10px)}.hero-aurora{position:absolute;inset:0;overflow:hidden;pointer-events:none}.hero-aurora i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.2}.hero-aurora i:first-child{width:42vw;height:42vw;background:#663dff;right:-10%;top:5%;animation:drift 10s ease-in-out infinite}.hero-aurora i:nth-child(2){width:22vw;height:22vw;background:#d8ff62;left:28%;bottom:-8%;animation:drift 8s ease-in-out infinite reverse}.hero-aurora i:last-child{width:15vw;height:15vw;border:1px solid rgba(255,255,255,.5);right:22%;top:35%;filter:none;opacity:.12}.floating-chip{position:absolute;padding:12px 15px;border:1px solid var(--line);border-radius:14px;background:rgba(20,22,27,.64);backdrop-filter:blur(14px);font-size:13px;animation:float 6s ease-in-out infinite;z-index:3}.floating-chip small{color:var(--muted)}.chip-one{right:8%;top:24%;transform:rotate(5deg)}.chip-two{left:2%;bottom:17%;animation-delay:-2s;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.scroll-cue{position:absolute;bottom:28px;left:0;display:flex;gap:10px;align-items:center;color:var(--muted);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.scroll-cue span{height:1px;width:35px;background:var(--accent)}.marquee{overflow:hidden;border-block:1px solid var(--line);padding:19px 0;color:#c4c5c8;white-space:nowrap}.marquee div{width:max-content;font:500 12px var(--display);letter-spacing:.12em;text-transform:uppercase;animation:marquee 25s linear infinite}
.section{padding-block:150px;border-bottom:1px solid var(--line)}.section-head{display:grid;grid-template-columns:22% 1fr 25%;align-items:end;margin-bottom:90px}.section-head .eyebrow{align-self:start}.section-head h2,.about-preview-copy h2,.contact-cta h2{font:500 clamp(3rem,6vw,6.2rem)/.95 var(--display);letter-spacing:-.065em;margin:0}.section-head h2 em,.contact-cta h2 em,.page-hero h1 em,.contact-page h1 em,.about-preview-copy h2 em,.philosophy blockquote em{font-family:Georgia,serif;font-weight:400}.section-head>p:last-child{color:var(--muted);font-size:14px;line-height:1.7;margin:0}.text-link{font-size:12px;text-decoration:underline;text-underline-offset:5px;justify-self:end}.services{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:7% 32% 1fr auto;gap:30px;align-items:center;padding:32px 0;border-bottom:1px solid var(--line);transition:padding .35s,background .35s}.service-row:hover{padding-inline:18px;background:rgba(255,255,255,.025)}.service-row>span{font-size:10px;color:var(--accent)}.service-row h3{font:500 28px var(--display);letter-spacing:-.04em;margin:0}.service-row p{max-width:610px;color:var(--muted);line-height:1.65;font-size:14px}.service-row b{font-weight:400}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:100px 28px}.project-card:nth-child(even){transform:translateY(110px)}.project-card[hidden]{display:none}.project-image{height:650px;position:relative;overflow:hidden;border-radius:4px;background:#17191e}.project-image>img{height:100%;transition:transform .8s cubic-bezier(.16,1,.3,1);transform:translate(var(--mx,0),var(--my,0)) scale(1.04);filter:saturate(.82)}.project-overlay{position:absolute;inset:0;padding:24px;display:flex;align-items:flex-end;justify-content:space-between;background:linear-gradient(transparent 55%,rgba(0,0,0,.6));opacity:0;transition:.35s}.project-overlay span{font-size:11px;text-transform:uppercase;letter-spacing:.1em}.project-overlay b{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#08090b}.project-card:hover .project-overlay{opacity:1}.project-card:hover .project-image>img{transform:translate(var(--mx,0),var(--my,0)) scale(1.09)}.project-caption{display:flex;justify-content:space-between;align-items:end;margin-top:20px}.project-caption p{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0 0 7px}.project-caption h3{font:500 28px var(--display);letter-spacing:-.045em;margin:0}.project-caption>span{font-size:10px;color:var(--muted)}.project-description{max-width:580px;color:var(--muted);font-size:13px;line-height:1.6}.generated-visual{height:100%;position:relative;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--project-accent) 78%,#111),#090a0d 68%);padding:42px;color:#07080a}.generated-visual:before{content:"";position:absolute;width:60%;aspect-ratio:1;border:1px solid rgba(255,255,255,.42);border-radius:50%;right:-17%;top:-15%}.generated-visual span{font-size:11px;letter-spacing:.15em}.generated-visual strong{position:absolute;left:42px;bottom:40px;max-width:70%;font:600 clamp(2.6rem,5vw,5rem)/.85 var(--display);letter-spacing:-.07em}.generated-visual i{position:absolute;width:110px;height:160px;border-radius:20px;background:rgba(255,255,255,.12);backdrop-filter:blur(15px);right:20%;top:25%;transform:rotate(15deg);border:1px solid rgba(255,255,255,.25)}.generated-visual i:last-child{right:9%;top:39%;transform:rotate(-10deg);background:rgba(0,0,0,.15)}.about-preview{display:grid;grid-template-columns:.85fr 1.15fr;gap:9vw;align-items:center}.portrait-panel{position:relative}.portrait-panel img{height:680px;filter:grayscale(.9);border-radius:4px}.portrait-panel span{position:absolute;right:-35px;bottom:30px;writing-mode:vertical-rl;font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:var(--muted)}.about-preview-copy>p:nth-of-type(2){font-size:16px;line-height:1.75;color:#b9bbc1;margin:45px 0}.stat-line{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;border-block:1px solid var(--line);padding:28px 0;margin-bottom:38px}.stat-line div{display:flex;flex-direction:column;gap:4px}.stat-line strong{font:500 32px var(--display)}.stat-line span{font-size:10px;color:var(--muted);text-transform:uppercase}.contact-cta{padding-block:170px;text-align:center}.contact-cta h2{font-size:clamp(4rem,9vw,9rem)}.contact-cta>a{display:inline-flex;gap:90px;border-bottom:1px solid white;padding:0 0 10px;margin-top:60px}.contact-cta>a span{color:var(--accent)}.footer{min-height:210px;padding-block:45px;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.footer>div:first-child p{line-height:1.6}.footer-links{display:flex;gap:30px}.copyright{text-align:right;line-height:1.7}
.page-hero{padding:220px 0 130px}.page-hero h1{margin-top:35px}.page-hero>p:last-child{width:min(500px,100%);margin:55px 0 0 48%;color:var(--muted);line-height:1.7}.portfolio{padding-bottom:170px}.filters{position:sticky;top:95px;z-index:20;display:flex;width:max-content;max-width:100%;gap:6px;padding:7px;margin:0 0 75px;border:1px solid var(--line);border-radius:15px;background:var(--glass);backdrop-filter:blur(18px);overflow:auto}.filters button{color:var(--muted);border:0;background:none;padding:10px 15px;border-radius:9px;font-size:11px;white-space:nowrap;cursor:pointer}.filters button.active{background:var(--paper);color:var(--ink)}.all-projects{padding-bottom:100px}.about-hero{padding-bottom:80px}.about-main{display:grid;grid-template-columns:.9fr 1.1fr;gap:10vw;align-items:center;padding-bottom:160px}.about-main figure{margin:0}.about-main img{height:750px;filter:grayscale(1)}.about-main figcaption{font-size:10px;color:var(--muted);margin-top:12px}.about-story h2{font:500 clamp(3rem,5vw,5.5rem)/.95 var(--display);letter-spacing:-.06em;margin:0 0 45px}.about-story>p{font-size:17px;line-height:1.8;color:#b9bbc1}.availability{display:flex;gap:10px;align-items:center;margin-top:40px;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.philosophy blockquote{font:500 clamp(3.5rem,7vw,7rem)/.98 var(--display);letter-spacing:-.06em;text-align:center;margin:80px 0 120px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.principles article{padding:30px 0;border-top:1px solid var(--line)}.principles span{font-size:10px;color:var(--accent)}.principles h3{font-size:24px;margin:40px 0 20px}.principles p{color:var(--muted);line-height:1.7;font-size:14px}.tag-cloud{display:flex;flex-wrap:wrap;gap:10px}.tag-cloud span{padding:15px 19px;border:1px solid var(--line);border-radius:999px;font-size:13px;transition:.25s}.tag-cloud span:hover{background:var(--paper);color:var(--ink)}.tool-list{margin-top:80px;border-top:1px solid var(--line)}.tool-list>div{display:grid;grid-template-columns:25% 1fr;padding:25px 0;border-bottom:1px solid var(--line)}.tool-list small{color:var(--accent);text-transform:uppercase;letter-spacing:.1em}.tool-list p{margin:0;color:#c4c5c8}.contact-page{padding:220px 0 150px}.contact-page h1{margin:38px 0 100px}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw}.contact-details>p{font-size:17px;line-height:1.7;color:var(--muted);max-width:430px}.big-email{display:block;margin:45px 0 90px;font-size:20px;text-decoration:underline;text-underline-offset:7px}.contact-details>div{display:flex;flex-direction:column;gap:13px;font-size:13px}.contact-details small{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px}.contact-form{display:flex;flex-direction:column;gap:30px}.contact-form label{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}.contact-form input,.contact-form textarea,.contact-form select{display:block;width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:white;padding:14px 0;outline:none;text-transform:none;letter-spacing:0;font-size:16px}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--accent)}.contact-form select option{background:#111}.contact-form .button{align-self:flex-start}.case-title{padding:220px 0 80px}.case-title h1{font-size:clamp(5rem,12vw,12rem);margin:35px 0}.case-title>p:last-child{color:var(--muted);font-size:18px;max-width:620px;line-height:1.6;margin-left:auto}.case-hero{height:88vh;min-height:620px;margin:0 20px;overflow:hidden;border-radius:5px;background:var(--ink-soft)}.case-hero>img{height:100%}.case-hero .generated-visual strong{font-size:12vw}.case-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding-block:70px;border-bottom:1px solid var(--line)}.case-meta small{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.case-meta p{font-size:13px;line-height:1.5}.case-story{padding-block:150px}.case-story article{display:grid;grid-template-columns:8% 25% 1fr;padding:48px 0;border-top:1px solid var(--line)}.case-story article>span{font-size:10px;color:var(--accent)}.case-story h2{font:500 34px var(--display);margin:0;letter-spacing:-.04em}.case-story p{max-width:700px;margin:0;font-size:18px;line-height:1.8;color:#b9bbc1}.case-gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-bottom:150px}.case-gallery button{border:0;padding:0;background:none;color:white;position:relative;cursor:zoom-in}.case-gallery button img,.case-placeholder{height:700px}.case-gallery button span{position:absolute;right:15px;bottom:15px;background:rgba(0,0,0,.7);padding:10px;font-size:10px}.case-nav{display:grid;grid-template-columns:1fr 1fr;padding:70px 0 130px;border-top:1px solid var(--line)}.case-nav a:last-child{text-align:right}.case-nav small{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:15px}.case-nav span{font-size:26px}.lightbox{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:5vw;background:rgba(4,5,7,.96);cursor:zoom-out}.lightbox img{max-height:85vh;object-fit:contain}.lightbox button{position:absolute;right:25px;top:20px;color:white;border:0;background:none;cursor:pointer}
.reveal{opacity:0;transform:translateY(32px);transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1)}.reveal.is-visible,.no-js .reveal{opacity:1;transform:none}@keyframes rise{from{transform:translateY(110%)}to{transform:none}}@keyframes drift{50%{transform:translate(-40px,35px) scale(1.12)}}@keyframes float{50%{transform:translateY(-16px) rotate(-2deg)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:900px){.shell{width:min(calc(100% - 32px),1400px)}.nav{grid-template-columns:1fr auto}.desktop-nav,.nav-availability{display:none}.menu-toggle{display:block;width:38px;height:38px;border:0;border-radius:10px;background:rgba(255,255,255,.08);position:relative}.menu-toggle span{display:block;width:15px;height:1px;background:white;margin:5px auto;transition:.3s}.menu-open .menu-toggle span:first-child{transform:translateY(3px) rotate(45deg)}.menu-open .menu-toggle span:nth-child(2){transform:translateY(-3px) rotate(-45deg)}.mobile-menu{display:flex;position:fixed;top:88px;left:16px;right:16px;flex-direction:column;padding:24px;border:1px solid var(--line);border-radius:18px;background:rgba(12,14,18,.94);backdrop-filter:blur(24px);opacity:0;visibility:hidden;transform:translateY(-12px);transition:.35s}.menu-open .mobile-menu{opacity:1;visibility:visible;transform:none}.mobile-menu>a{display:flex;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--line);font:500 28px var(--display)}.mobile-menu>a span{font-size:9px;color:var(--accent)}.mobile-menu p{font-size:10px;color:var(--muted);margin:28px 0 4px}.hero{padding-top:125px}.hero h1{font-size:13vw}.hero-footer{margin-left:0;display:block}.hero-actions{margin-top:30px}.floating-chip{display:none}.section{padding-block:100px}.section-head{grid-template-columns:1fr}.section-head h2{margin:30px 0}.section-head>p:last-child{max-width:500px}.text-link{justify-self:start;margin-top:25px}.about-preview,.about-main,.contact-layout{grid-template-columns:1fr;gap:70px}.portrait-panel img,.about-main img{height:680px}.project-image{height:65vw}.project-card:nth-child(even){transform:none}.page-hero{padding:170px 0 100px}.page-hero>p:last-child{margin-left:0}.case-story article{grid-template-columns:10% 25% 1fr}.footer{grid-template-columns:1fr 1fr}.footer-links{display:none}}
@media(max-width:600px){.shell{width:min(calc(100% - 24px),1400px)}.nav-wrap{top:8px}.nav{height:58px}.hero{min-height:760px;padding-bottom:75px}.hero-kicker{margin-bottom:30px}.hero h1{font-size:16.5vw;line-height:.88}.hero h1 .outline{-webkit-text-stroke:.7px rgba(255,255,255,.55)}.hero-footer{margin-top:38px}.hero-footer>p{font-size:15px}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.button{gap:12px}.scroll-cue{bottom:22px}.section{padding-block:80px}.section-head{margin-bottom:55px}.section-head h2,.about-preview-copy h2{font-size:13vw}.service-row{grid-template-columns:10% 1fr auto;gap:12px;padding:25px 0}.service-row h3{font-size:21px}.service-row p{grid-column:2/4;margin:5px 0 0}.project-grid{display:block}.project-card{display:block;margin-bottom:65px}.project-image{height:120vw;max-height:620px}.project-overlay{opacity:1;background:linear-gradient(transparent 68%,rgba(0,0,0,.55))}.project-overlay b{width:44px;height:44px}.project-caption h3{font-size:24px}.generated-visual{padding:25px}.generated-visual strong{left:25px;bottom:28px;font-size:13vw}.portrait-panel img,.about-main img{height:125vw}.portrait-panel span{display:none}.stat-line strong{font-size:25px}.stat-line span{font-size:8px}.contact-cta{padding-block:100px}.contact-cta h2{font-size:14vw}.contact-cta>a{gap:35px;margin-top:40px}.footer{min-height:180px}.copyright{text-align:right}.page-hero{padding:145px 0 75px}.page-hero h1,.contact-page h1{font-size:15vw}.page-hero>p:last-child{margin-top:35px}.filters{top:76px;margin-bottom:50px}.about-main{padding-bottom:90px}.philosophy blockquote{font-size:12vw;margin:60px 0 80px}.principles{grid-template-columns:1fr}.tool-list>div{grid-template-columns:1fr;gap:10px}.contact-page{padding:145px 0 90px}.contact-page h1{margin-bottom:65px}.big-email{font-size:15px}.case-title{padding:150px 0 50px}.case-title h1{font-size:17vw}.case-title>p:last-child{font-size:15px}.case-hero{height:65vh;min-height:480px;margin:0 8px}.case-meta{grid-template-columns:1fr 1fr;padding-block:50px}.case-story{padding-block:80px}.case-story article{grid-template-columns:12% 1fr}.case-story h2{font-size:27px}.case-story p{grid-column:2;margin-top:20px;font-size:16px}.case-gallery{grid-template-columns:1fr;padding-bottom:80px}.case-gallery button img,.case-placeholder{height:115vw}.case-nav{padding:50px 0 80px;gap:15px}.case-nav span{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.cursor-glow{display:none}}