@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-outline-style:solid}}}@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.static{position:static}.outline{outline-style:var(--tw-outline-style);outline-width:1px}}:root{color:#f7f5ff;color-scheme:dark;--ink:#f7f5ff;--muted:#b4adc8;--line:#302842;--mono:"SFMono-Regular", Consolas, monospace;background:#080812;font-family:Helvetica Neue,Arial,sans-serif}*,:before,:after{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--ink);outline-offset:5px}main:focus{outline:none}h1,h2,h3,p,figure{margin:0}h1,h2,h3{text-wrap:balance}h1 span,h2 span{color:#aa95ff}p{line-height:1.6}.wrap{width:min(100% - 88px,1260px);margin-inline:auto}.eyebrow,.visual-label,.visual-end,.feature-caption,.brand,.footer>span{font:600 11px/1.5 var(--mono);letter-spacing:.11em}.eyebrow{color:var(--muted)}.site-header{padding-top:17px}.header-inner{border:1px solid var(--line);background:#111022;border-radius:32px;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:62px;padding:8px 14px;display:grid}.brand{align-items:center;gap:12px;width:fit-content;display:inline-flex}.brand-mark{background:var(--ink);color:#080812;letter-spacing:-.07em;border-radius:50%;place-items:center;width:35px;height:35px;font:900 14px Arial,sans-serif;display:grid}nav{color:var(--muted);gap:clamp(16px,3vw,40px);font-size:14px;display:flex}nav a:hover,nav a[aria-current]{color:var(--ink)}nav a[aria-current]{text-underline-offset:7px;text-decoration:underline}.header-cv{font:600 12px var(--mono);border:1px solid var(--line);white-space:nowrap;border-radius:999px;justify-self:end;padding:10px 12px}.header-cv:hover,.button:hover{border-color:var(--ink)}.hero{isolation:isolate;text-align:center;padding:clamp(46px,6vw,83px) 0 53px;position:relative}.hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(440px 290px at 50% 33%,#39218a66,#0000 77%);position:absolute;inset:0 0 10%}.greeting{color:#ded4fa;font-size:17px}.greeting span{color:#b5a2ff;margin-left:4px}.hero-monogram{aspect-ratio:1;background:radial-gradient(circle at 38% 21%,#583abd,#171033 66%,#100c22);border:1px solid #9d7bff9c;border-radius:50%;place-items:center;width:clamp(105px,13vw,146px);margin:20px auto 23px;display:grid;box-shadow:inset 0 0 25px #9b70fa32,0 0 60px #794dff4a}.hero-monogram span{letter-spacing:-.09em;padding-right:.09em;font:800 clamp(33px,5vw,54px)/1 Georgia,serif}.hero h1{letter-spacing:-.075em;font-size:clamp(42px,7vw,90px);line-height:1.02}.hero h1 span{color:#a990ff}.hero-role{letter-spacing:-.035em;margin-top:7px;font-size:clamp(20px,3vw,32px);font-weight:650}.lede{color:#c3bbd4;max-width:45ch;font-size:clamp(16px,1.8vw,20px)}.hero .lede{margin:10px auto 0}.lede.wide{max-width:57ch}.location{color:#d3c3ff;border:1px solid #51377f;border-radius:999px;align-items:center;gap:7px;margin:17px auto 0;padding:5px 13px;font-size:13px;display:inline-flex}.status-dot{background:#ae94ff;border-radius:50%;width:6px;height:6px}.actions{flex-wrap:wrap;gap:10px;margin-top:25px;display:flex}.hero .actions{justify-content:center}.button{background:0 0;border:1px solid #615476;border-radius:999px;justify-content:center;align-items:center;gap:12px;min-height:43px;padding:11px 19px;font-size:14px;font-weight:650;display:inline-flex}.button.primary{color:#fff;background:#6944db;border-color:#8e68ff}.button.primary:hover{background:#7953e6}.skill-strip{border-block:1px solid var(--line);color:#e0d8f6;background:linear-gradient(90deg,#0000,#22143d77,#0000);flex-wrap:wrap;justify-content:center;gap:10px 26px;padding:16px 12px;font-size:13px;display:flex}.skill-strip i{color:#ad91ff;margin-right:4px;font-style:normal}.process-section{border-top:1px solid var(--line);padding:clamp(44px,7vw,85px) 0}.process-section h2,.home-about h2{margin-top:9px}.process-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px;margin-top:28px;display:grid}.process-grid article{border:1px solid var(--line);background:#141023;border-radius:19px;padding:23px}.process-grid h3{margin:10px 0 5px;font-size:23px}.process-grid p:last-child{color:#c3bbd4}.visual{isolation:isolate;aspect-ratio:1.57;background:#262626;border:1px solid #454545;border-radius:10px;place-items:center;display:grid;position:relative;overflow:hidden}.visual:before{content:"";z-index:-2;background:repeating-linear-gradient(0deg,#0000 0 27px,#ffffff0b 28px 29px),repeating-linear-gradient(90deg,#0000 0 27px,#ffffff0b 28px 29px),radial-gradient(#513287,#191129 74%);position:absolute;inset:0}.visual.instagram:before{background:repeating-linear-gradient(125deg,#0000 0 18px,#ffffff0b 19px 20px),radial-gradient(#49336c,#1b132c 74%)}.visual-label,.visual-end{color:#d2d0c9;z-index:2;position:absolute}.visual-label{top:13px;left:14px}.visual-end{bottom:12px;right:14px}.visual-word{z-index:-1;letter-spacing:-.1em;color:#ffffff18;font-size:clamp(52px,9vw,146px);font-weight:900;position:absolute;transform:rotate(-10deg)}.devices{justify-content:center;align-items:center;gap:clamp(5px,1.2vw,16px);width:100%;height:100%;padding:34px 15px;transition:transform .32s;display:flex}.devices img{object-fit:contain;border:3px solid #111020;border-radius:9px;width:23%;max-width:140px;max-height:100%;display:block;box-shadow:0 12px 26px #0009}.devices img:first-child{transform:translateY(4%)rotate(-9deg)}.devices img:nth-child(2){z-index:1;transform:translateY(-4%)}.devices img:nth-child(3){transform:translateY(4%)rotate(9deg)}.instagram .devices img:first-child{width:32%;max-width:145px;transform:rotate(-10deg)}.project-card:hover .devices{transform:scale(1.045)}.work-section,.home-about{border-top:1px solid var(--line);padding:clamp(44px,7vw,85px) 0}.section-heading{justify-content:space-between;align-items:end;gap:15px;margin-bottom:30px;display:flex}h2{letter-spacing:-.075em;font-size:clamp(32px,5vw,65px);line-height:1}.section-heading h2,.section-heading h1{margin-top:9px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.project-card{border:1px solid var(--line);background:#111020;border-radius:12px;height:100%;padding:10px 10px 21px;transition:border-color .2s;display:block}.project-card:hover{border-color:#a6a6a6}.card-copy{justify-content:space-between;align-items:center;gap:10px;padding:18px 10px 0;display:flex}.card-copy h3{letter-spacing:-.065em;margin-top:5px;font-size:clamp(23px,3.3vw,43px)}.circle-arrow{border:1px solid #555;border-radius:50%;flex:0 0 35px;place-items:center;height:35px;display:grid}.project-card:hover .circle-arrow{color:#111;background:var(--ink)}.card-description{color:#c3bbd4;max-width:53ch;margin:8px 10px 0}.home-about{border-top:0;grid-template-columns:1fr 2fr;gap:18px;display:grid}.home-about h2{margin-bottom:14px}.home-about p:not(.eyebrow){color:#c3bbd4;max-width:57ch}.inline-link{border-bottom:1px solid #777;gap:10px;width:fit-content;margin-top:16px;padding-bottom:5px;font-weight:700;display:inline-flex}.inline-link:hover{border-color:var(--ink)}.page-section{min-height:61vh;padding:clamp(44px,7vw,95px) 0}.page-section h1{letter-spacing:-.095em;margin:10px 0 18px;font-size:clamp(54px,9vw,124px);line-height:.9}.case-intro{padding:28px 0}.case-study .visual{aspect-ratio:2.65}.case-study .devices img{width:auto;max-width:24%}.case-study .instagram .devices img{max-width:30%}.case-overview{border-bottom:1px solid var(--line);grid-template-columns:.65fr 2fr auto;align-items:start;gap:22px;padding:30px 0;display:grid}.case-overview>p:not(.eyebrow){font-size:clamp(17px,2vw,22px)}.case-process>div{border-bottom:1px solid var(--line);grid-template-columns:.65fr 2.7fr;gap:22px;padding:26px 0;display:grid}.case-process h2,.about-grid h2{letter-spacing:-.06em;margin-bottom:10px;font-size:clamp(24px,3.6vw,40px)}.case-process p,.about-grid p:not(.eyebrow){color:#c3bbd4;max-width:63ch}.gallery{padding:45px 0}.gallery h2{margin:8px 0 22px}.gallery-grid{flex-wrap:wrap;gap:16px;display:flex}.gallery-grid figure{flex:165px;max-width:360px}.gallery-grid figure>div{border:1px solid var(--line);background:#171228;border-radius:8px;place-items:center;min-height:312px;padding:16px;display:grid}.gallery-grid img{object-fit:contain;max-width:100%;height:263px;display:block}.gallery-grid figcaption{color:#c3bbd4;margin-top:8px;font-size:14px}.next-project{border:1px solid var(--line);border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:24px;display:flex}.next-project strong{letter-spacing:-.055em;margin-top:5px;font-size:clamp(22px,4vw,42px);display:block}.next-project>span:last-child{font-size:28px}.next-project:hover{border-color:var(--ink)}.about-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:32px 0;display:grid}.about-grid article{border:1px solid var(--line);background:#141023;border-radius:8px;padding:clamp(17px,3vw,34px)}.about-grid h2,.about-grid p+p{margin-top:10px}.skills ul{flex-wrap:wrap;gap:8px;margin:12px 0 24px;padding:0;list-style:none;display:flex}.skills li{border:1px solid var(--line);border-radius:100px;padding:8px 12px;font-size:14px}.contact-panel{border:1px solid var(--line);background:radial-gradient(at 100% 0,#211638,#100d1d 72%);border-radius:18px;margin-bottom:42px;padding:clamp(22px,5vw,64px)}.contact-panel h1,.contact-panel h2{letter-spacing:-.045em;margin-top:9px;font:600 clamp(34px,5vw,60px)/1.08 Georgia,serif}.contact-panel h1:after,.contact-panel h2:after{content:"";background:#aa95ff;width:58px;height:2px;margin-top:16px;display:block}.contact-page{margin-top:clamp(30px,6vw,72px)}.contact-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:start;gap:clamp(24px,6vw,88px);margin-top:clamp(24px,4vw,44px);display:grid}.contact-intro{color:#e0d8ee;max-width:42ch;font-size:clamp(16px,2vw,20px)}.contact-info dl{gap:16px;margin:24px 0;display:grid}.contact-info dt{margin-bottom:4px;font-weight:700}.contact-info dd{color:var(--muted);overflow-wrap:anywhere;margin:0}.contact-info dd a:hover{text-decoration:underline}.copy-email{color:#cdbdff;background:0 0;border:0;padding:4px 6px;font-size:13px}.contact-form{background:#100d1d;border:1px solid #4b3a65;border-radius:12px;gap:15px;padding:clamp(16px,3vw,32px);display:grid}.contact-form label{color:#ddd1ff;gap:6px;font-size:14px;display:grid}.portfolio-input,.portfolio-textarea{width:100%;min-height:44px;color:var(--ink);font:inherit;background:#181226;border:1px solid #665479;border-radius:6px;padding:10px 12px;font-size:16px;display:block}.portfolio-textarea{resize:vertical}.contact-form button{margin-top:4px}.contact-form p{color:var(--muted);text-align:center;font-size:13px}@media(max-width:700px){.contact-layout{grid-template-columns:1fr}}.footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:14px;padding:20px 0;font-size:13px;display:flex}.footer button{background:0 0;border:0;padding:8px 0}.footer a:hover,.footer button:hover{color:var(--ink)}.skip{z-index:5;color:#111;background:var(--ink);padding:8px;position:absolute;top:8px;left:8px;transform:translateY(-160%)}.skip:focus{transform:none}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.case-study .visual{aspect-ratio:1.65}.case-overview{grid-template-columns:1fr;gap:10px}.case-overview .button{width:fit-content}.section-aside{display:none}}@media(max-width:540px){.header-inner{gap:12px;min-height:62px}.brand>span:last-child,.footer>span{display:none}.project-grid,.about-grid,.home-about{grid-template-columns:1fr}.case-process>div{grid-template-columns:25px 1fr;gap:10px}.visual-label,.visual-end{font-size:9px}}@media(prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}.header-actions{justify-self:end;align-items:center;gap:8px;display:flex}.header-actions .hire{white-space:nowrap;min-height:38px;padding:8px 13px;font-size:13px}.project-card{border-radius:18px}.project-card .visual{border-radius:12px}.home-about{align-items:center}@media(max-width:680px){.header-actions .hire{display:none}nav{gap:clamp(9px,2.4vw,16px);font-size:13px}}@media(max-width:370px){.header-inner{gap:7px;padding-inline:9px}.brand-mark{width:29px;height:29px}.header-cv{padding-inline:8px}}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}