@font-face{font-family:Geist;src:url('fonts/geist-sans.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:'Geist Mono';src:url('fonts/geist-mono.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--ink:#ededf1;--muted:#a0a0ab;--blue:#c3a4ff;--blue-dark:#8b3df0;--paper:#08080b;--line:#ffffff24;--light:#14121b;--yellow:#b6ef52;--white:#18171d}
body{background:#08080b;color:#ededf1;font-family:Geist,'Segoe UI',Arial,sans-serif;position:relative}
body:before{content:'';position:absolute;z-index:-1;inset:0 0 auto;height:1180px;pointer-events:none;background:radial-gradient(ellipse at 47% 22%,#6d24c946,transparent 64%),linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:auto,64px 64px,64px 64px}
.wrap{max-width:1360px;padding:0 48px}.topbar{background:#08080b88;border-color:#ffffff0e}.nav{min-height:80px}.brand-mark{width:38px;height:38px;padding:0;background:transparent;border-radius:9px;overflow:hidden;border:1px solid var(--line)}.brand-mark img{width:100%;height:100%;object-fit:cover}.brand-name{font-size:17px;letter-spacing:2.5px;text-transform:uppercase;font-weight:650}.brand-name small{font-family:'Geist Mono',monospace;font-size:8px;letter-spacing:2px;color:var(--muted)}.navlinks>a{font-family:'Geist Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);min-height:44px}.lang{background:#ffffff07;border:1px solid var(--line)}.lang button{min-width:38px;min-height:38px}.lang button[aria-pressed=true]{background:#ededf1;color:#08080b;box-shadow:none}
h1,h2,h3{font-weight:500}h2{line-height:1.02;letter-spacing:-.03em}.hero{padding:96px 0 78px;gap:60px;grid-template-columns:1.06fr 1fr}.hero h1{font-size:clamp(3.3rem,6vw,5.4rem);line-height:.96;letter-spacing:-.04em;font-weight:500}.hero h1 em{background:linear-gradient(100deg,#ededf1,#c3a4ff 48%,#b6ef52);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-copy{color:var(--muted);font-size:19px;line-height:1.7;max-width:555px}.eyebrow{font-family:'Geist Mono',monospace;font-size:10px;letter-spacing:1.6px;color:var(--muted);font-weight:500}.hero .eyebrow{border:1px solid #ffffff14;border-radius:99px;padding:8px 13px;display:inline-flex;align-items:center;gap:9px;background:#ffffff04}.hero .eyebrow:before{content:'';width:6px;height:6px;background:#b6ef52;border-radius:50%;box-shadow:0 0 10px #97d130;flex-shrink:0}.btn{border-radius:999px;font-weight:550;font-size:14px;min-height:52px}.btn-primary{background:#fff;color:#08080b;box-shadow:0 5px 28px #ffffff0e}.btn-primary:hover{background:#d8dae0}.btn-secondary{background:#ffffff04;color:var(--ink);border-color:var(--line)}.btn-secondary:hover{background:#ffffff0b}.hero-note strong{color:var(--ink)}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid #b6ef52;outline-offset:5px}
.featured-stage{border:1px solid #ffffff24;border-radius:25px;background:#0c0c10d9;padding:20px;box-shadow:0 24px 100px #0007;min-width:0;transform:translateY(12px)}.featured-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px;font-family:'Geist Mono',monospace;font-size:10px;color:var(--muted);letter-spacing:.9px;text-transform:uppercase}.featured-heading span:last-child{color:#b6ef52;display:flex;align-items:center;gap:6px}.featured-heading span:last-child:before{content:'';background:#b6ef52;width:5px;height:5px;border-radius:50%}.featured-preview{display:block;overflow:hidden;border-radius:14px;border:1px solid #ffffff14;background:#08080b}.featured-preview img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}.featured-details{padding:22px 3px 4px}.featured-details h2{font-size:25px;letter-spacing:-.03em}.featured-details p{margin-top:10px;font-size:13px;color:var(--muted)}.featured-details>a{margin-top:16px;display:inline-flex;align-items:center;gap:18px;min-height:44px;color:#c3a4ff;text-decoration:none;font-size:13px}.featured-details>a:hover{color:#b6ef52}
.value-strip{border-color:#ffffff14;padding:27px 0}.value{font-size:13px;font-weight:450;color:#d8dae0}.value-icon{background:#8b3df014;color:#b6ef52;border:1px solid #8b3df032}.section{padding:85px 0}.weekend-callout{background:#121019;border:1px solid #8b3df035;margin-top:30px}.weekend-callout h2{font-weight:500}.section-heading p{color:var(--muted)}
.portfolio-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.portfolio-controls[hidden]{display:none}.portfolio-filters{display:flex;flex-wrap:wrap;gap:7px}.portfolio-filters button{border:1px solid #ffffff1a;background:#ffffff03;color:#a0a0ab;border-radius:999px;padding:11px 16px;font:500 12px Geist,sans-serif;min-height:44px}.portfolio-filters button:hover{border-color:#c3a4ff77;color:#ededf1}.portfolio-filters button[aria-pressed=true]{background:#ededf1;color:#08080b;border-color:#ededf1}.project-search{display:flex;gap:10px;align-items:center;border:1px solid #ffffff24;border-radius:999px;padding:7px 15px;max-width:100%;color:#a0a0ab;min-height:44px}.project-search span{font-size:12px}.project-search input{width:160px;min-width:0;background:transparent;color:#ededf1;border:0;font:400 14px Geist,sans-serif;padding:6px 0;border-radius:3px}.project-search input::-webkit-search-cancel-button{cursor:pointer}.portfolio-count{font-family:'Geist Mono',monospace;font-size:11px;color:var(--muted);margin-bottom:18px;letter-spacing:.4px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.portfolio-card{background:#0c0c10;border:1px solid #ffffff18;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;min-width:0;transition:transform .2s,border-color .2s}.portfolio-card[hidden]{display:none}.portfolio-card:hover{transform:translateY(-3px);border-color:#8b3df06b}.featured-card{border-color:#8b3df061}.project-art{display:block;width:100%;aspect-ratio:16/10;overflow:hidden;background:#08080b;border-bottom:1px solid #ffffff14}.project-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.project-art.portrait img{object-fit:contain}.project-info{padding:24px;gap:14px}.project-meta{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.project-category{font-family:'Geist Mono',monospace;letter-spacing:.3px;color:#a0a0ab;font-size:9px;font-weight:400}.project-status{font-size:10px;line-height:1.5;padding:4px 8px;border:1px solid #ffffff1a;border-radius:999px;background:#ffffff03;color:#d8dae0}.status-public,.status-redesign{background:#97d13010;border-color:#97d13033;color:#b6ef52}.status-concept,.status-development{background:#8b3df013;border-color:#8b3df03d;color:#c3a4ff}.status-review,.status-verification{background:#d2ae3a0d;border-color:#d2ae3a33;color:#e4c964}.project-info h3{font-size:24px;font-weight:500;letter-spacing:-.035em}.project-description{font-size:13px;line-height:1.7;max-width:none}.project-link{color:#ededf1;text-decoration:none;min-height:48px;font-weight:500}.project-link:hover{color:#b6ef52}.project-access{font-size:11px;border-top:1px solid #ffffff14;padding-top:17px;margin-top:auto;color:#a0a0ab;min-height:48px}.system-art{position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 65% 30%,#6d24c91c,transparent 68%),linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px),#0b0b10;background-size:auto,32px 32px,32px 32px,auto}.system-monogram{font-size:50px;font-weight:500;letter-spacing:-.04em;color:#d8dae0;opacity:.9}.system-art-label{position:absolute;bottom:21px;left:24px;font-family:'Geist Mono',monospace;font-size:9px;color:#a0a0ab;letter-spacing:2px}.owned-art .system-monogram{color:#c3a4ff}.portfolio-note{font-size:12px;margin-top:24px;line-height:1.8;max-width:760px}.project-empty{padding:36px;border:1px dashed var(--line);border-radius:20px;font-size:15px}.project-empty[hidden]{display:none}
.demo-card{background:#0c0c10;border-color:#ffffff18}.demo-info h3{color:#ededf1}.demo-info p{color:var(--muted)}.menu-demo .demo-info .menu-demo-kicker,.menu-demo-link{color:#c3a4ff}.menu-demo-link:hover{color:#b6ef52}.demo-note{color:var(--muted)}.tag{background:#ffffff03;color:#d8dae0}.pricing-wrap{background:#0e0d13;border:1px solid #8b3df026}.price-card{background:#121116;border-color:#ffffff18}.price-card.express{border-color:#8b3df0a3}.package-tag{background:#b6ef5214;border:1px solid #97d13044;color:#b6ef52;border-radius:999px}.price{font-weight:500}.features li:before{color:#b6ef52}.timing{background:#ffffff03;border-color:#ffffff1a;color:#a0a0ab}.step-no{font-family:'Geist Mono',monospace;color:#c3a4ff}.step h3{font-weight:500}.contact{background:radial-gradient(ellipse at top left,#6d24c945,transparent 75%),#14101e;border:1px solid #8b3df047}.contact p{color:#a0a0ab}.contact .btn{background:white;color:#08080b}.contact .btn:hover{background:#d8dae0}.footer{border-color:#ffffff14}.skip{background:#ededf1;color:#08080b}.mobile-contact{background:#0c0c10f2;backdrop-filter:blur(14px);border-color:#ffffff24}.mobile-contact .btn{border-radius:999px}.mobile-contact div{color:#a0a0ab}.mobile-contact strong{color:#ededf1}
@media(max-width:1150px){.wrap{padding:0 32px}.hero{gap:32px}.hero h1{font-size:4.2rem}.portfolio-controls{align-items:flex-start}.portfolio-filters{max-width:100%}.navlinks{gap:21px}.portfolio-grid{gap:18px}.project-info{padding:20px}.project-info h3{font-size:22px}}
@media(max-width:900px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{font-size:3.7rem}.hero-copy{font-size:17px}.featured-stage{padding:16px}.featured-details h2{font-size:22px}.navlinks>a{font-size:10px}.navlinks{gap:14px}}
@media(max-width:760px){.wrap{padding:0 22px}.nav{min-height:76px}.brand-name{font-size:14px;letter-spacing:1.3px}.brand-name small{font-size:7px;letter-spacing:1.5px}.brand{gap:11px}.navlinks{gap:0}.navlinks>a{display:none}.hero{padding:54px 0 42px;gap:38px;grid-template-columns:1fr}.hero h1{font-size:clamp(2.8rem,11.8vw,4.6rem);line-height:.98}.hero .eyebrow{font-size:8px;letter-spacing:1px;padding:8px 10px;margin-bottom:25px}.hero-copy{font-size:17px;line-height:1.7}.featured-stage{transform:none;padding:16px;max-width:540px;margin:auto;width:100%}.featured-details{padding:18px 2px 0}.featured-details h2{font-size:23px}.featured-heading{font-size:8px;letter-spacing:.5px}.section{padding:58px 0}.value-strip{padding:24px 0}.portfolio-grid{grid-template-columns:1fr;gap:22px}.project-info{padding:24px}.project-info h3{font-size:25px}.project-category{font-size:10px}.project-description{font-size:14px}.project-art{aspect-ratio:16/10}.portfolio-controls{gap:16px}.portfolio-filters button{padding:10px 13px;font-size:11px}.project-search{width:100%}.project-search input{width:100%}.portfolio-count{font-size:10px}.pricing-wrap{padding:29px 17px}.weekend-callout{margin-top:24px}.contact{padding:31px 26px}.mobile-contact{padding-bottom:max(10px,env(safe-area-inset-bottom));gap:10px}.mobile-contact .btn{font-size:11px;padding:10px 14px}.footer{padding-bottom:110px}.actions .btn{border-radius:999px}}
@media(max-width:370px){.wrap{padding:0 17px}.brand-name{font-size:12px;letter-spacing:1px}.brand-name small{font-size:6px}.brand-mark{width:32px;height:32px}.hero h1{font-size:2.8rem}.lang button{min-width:34px;padding:7px}.project-info{padding:21px}.featured-heading{flex-wrap:wrap}.mobile-contact{padding-left:13px;padding-right:13px}.mobile-contact .btn{font-size:10px;padding-left:11px;padding-right:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.portfolio-card,.btn{transition:none}.portfolio-card:hover,.btn:hover{transform:none}}


/* Three curated galleries. Art in category cards is decorative, not a client work sample. */
.showcase-hub{padding-top:88px}.showcase-intro{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:32px}.showcase-intro h2{max-width:680px;font-size:clamp(2.6rem,4.8vw,5.2rem);line-height:.98}.showcase-intro>p{font-size:14px;line-height:1.8;max-width:340px}
.showcase-switcher{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.showcase-choice{min-width:0;display:flex;flex-direction:column;text-decoration:none;border:1px solid #ffffff1c;border-radius:21px;background:#101015;overflow:hidden;padding:19px;min-height:340px;transition:transform .2s,border-color .2s,background .2s}
.showcase-choice:hover{transform:translateY(-3px);border-color:#c3a4ff77}.showcase-choice.is-active,.showcase-choice[aria-current=page]{border-color:#b998ffb2;background:#15121e;box-shadow:inset 0 0 0 1px #8b3df025}.showcase-choice-top,.showcase-choice-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;font-family:'Geist Mono',monospace;font-size:10px;letter-spacing:.2px;color:#a0a0ab}.showcase-choice-top span:last-child{font-size:19px;color:#c3a4ff}.showcase-choice-art{height:172px;display:grid;place-items:center;overflow:hidden;border-radius:13px;margin:20px 0;background:#15131e;position:relative}.showcase-choice>strong{display:block;font-size:29px;font-weight:520;letter-spacing:-1.2px;line-height:1.1;margin:0 0 12px}.showcase-choice-foot{align-items:start;letter-spacing:0;line-height:1.4}.showcase-choice-foot>span:last-child{text-align:right;color:#ded8e9;white-space:nowrap}.showcase-art-web{background:radial-gradient(circle at 68% 0%,#7840c054,transparent 60%),#16111d}.showcase-browser{width:76%;height:129px;border-radius:10px;background:#24202b;border:1px solid #ffffff3d;transform:rotate(-7deg) translateY(16px);box-shadow:20px 23px 0 #0b0b10,22px 24px 0 #8b3df055;padding:13px 15px}.showcase-browser i{display:inline-block;width:5px;height:5px;margin-right:5px;background:#9a819d;border-radius:50%}.showcase-browser b{display:block;font-size:34px;letter-spacing:-2px;font-weight:500;color:#ded5f5;margin-top:8px}.showcase-art-design{background:radial-gradient(circle at 80% 30%,#e1f85a2c,transparent 70%),#151a11}.showcase-design-tile{width:65%;height:150px;background:#b6ef52;transform:rotate(9deg) translateY(24px);border-radius:4px;padding:18px;color:#171b10;box-shadow:-17px 18px 0 #252b1d}.showcase-design-tile b{font-size:17px}.showcase-design-tile i{font-style:normal;font-weight:800;font-size:27px;line-height:.89;letter-spacing:-1.5px;display:block;margin-top:14px}.showcase-art-video{background:radial-gradient(circle at 55% 50%,#6d24c96a,transparent 60%),#0e0b14}.showcase-film-frame{width:78%;height:139px;border:1px solid #ffffff32;border-radius:9px;background:linear-gradient(150deg,#25182f,#110f18);display:grid;place-items:center;position:relative;transform:rotate(5deg)}.showcase-film-frame i{font-style:normal;border:1px solid #ffffff70;width:53px;height:53px;display:grid;place-items:center;border-radius:50%;color:white;font-size:19px;padding-left:3px}.showcase-film-frame b{position:absolute;bottom:10px;right:12px;font:10px 'Geist Mono',monospace;color:#a0a0ab}
.showcase-content{padding-top:18px}.showcase-panel{padding:58px 0 14px;min-width:0}.showcase-panel[hidden]{display:none}.showcase-panel .section-heading{margin-bottom:30px}
.gallery-empty{border:1px dashed #ffffff40;background:linear-gradient(130deg,#171320,#0d0d10);border-radius:22px;padding:54px 36px;min-height:220px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:15px}.gallery-empty strong{font-size:24px;font-weight:500}.gallery-empty p{max-width:550px;font-size:14px}.gallery-empty .eyebrow{margin:0;color:#c3a4ff}
.creative-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.creative-piece{border:1px solid #ffffff20;background:#101015;border-radius:18px;overflow:hidden}.creative-piece>a{display:block;min-height:220px}.creative-piece img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}.creative-piece h3{padding:16px 19px;font-size:18px}
.motion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.motion-card{min-width:0;background:#0e0e13;border:1px solid #ffffff22;border-radius:20px;overflow:hidden;transition:border-color .2s,transform .2s}.motion-card:hover{border-color:#b998ff75;transform:translateY(-2px)}.motion-cover{display:flex;flex-direction:column;text-align:left;justify-content:space-between;position:relative;width:100%;height:238px;padding:18px;border:0;border-bottom:1px solid #ffffff1a;background:radial-gradient(circle at 75% 19%,#6d24c961,transparent 53%),linear-gradient(145deg,#24152e 1%,#0d0d13 95%);color:#ededf1;overflow:hidden}.motion-card:nth-child(4n+2) .motion-cover{background:radial-gradient(circle at 68% 35%,#6542bf67,transparent 55%),linear-gradient(145deg,#181021,#11101b)}.motion-card:nth-child(4n+3) .motion-cover{background:radial-gradient(circle at 35% 30%,#608c3e48,transparent 65%),linear-gradient(145deg,#131b1a,#0b0d13)}.motion-card:nth-child(4n+4) .motion-cover{background:radial-gradient(circle at 80% 30%,#a8467350,transparent 65%),linear-gradient(145deg,#211118,#110e13)}.motion-top{display:flex;justify-content:space-between;gap:15px;font-family:'Geist Mono',monospace;font-size:9px;letter-spacing:1.1px;color:#ffffffb4}.motion-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:62px;height:62px;display:grid;place-items:center;border:1px solid #ffffff8e;background:#ffffff16;border-radius:50%;font-size:21px;padding-left:4px;transition:transform .2s,background .2s}.motion-cover:hover .motion-play{transform:translate(-50%,-50%) scale(1.08);background:#ffffff30}.motion-cover-label{display:block;font-size:23px;font-weight:500;letter-spacing:-.7px;max-width:95%;line-height:1.16;word-break:break-word}.motion-card-bottom{padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px}.motion-card-bottom p{font-size:10px;font-family:'Geist Mono',monospace;color:#a0a0ab}.motion-original{font-size:12px;text-decoration:none;white-space:nowrap;color:#c3a4ff}.motion-original:hover{color:#b6ef52}
.motion-dialog{border:1px solid #ffffff40;border-radius:20px;background:#0b0a10;color:#ededf1;width:min(940px,calc(100vw - 32px));max-width:none;max-height:90dvh;padding:25px;box-shadow:0 30px 130px #000b;overflow:auto}.motion-dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}.motion-dialog-top{display:flex;align-items:start;justify-content:space-between;gap:20px;padding-bottom:18px}.motion-dialog-top .eyebrow{margin-bottom:10px}.motion-dialog h2{font-size:clamp(20px,3vw,33px);letter-spacing:-.03em}.motion-close{flex:none;width:42px;height:42px;border:1px solid #ffffff38;border-radius:50%;background:#ffffff10;color:#fff;font-size:25px;line-height:1}.motion-dialog-screen{width:100%;aspect-ratio:16/9;background:#050507;border:1px solid #ffffff12;border-radius:12px;overflow:hidden}.motion-dialog-screen iframe{width:100%;height:100%;display:block;border:0}.motion-player-note{font-size:11px;margin:15px 0;color:#a0a0ab}.motion-source{display:inline-flex;gap:15px;align-items:center;font-size:13px;min-height:44px;color:#c3a4ff;text-decoration:none}
@media(max-width:1020px){.showcase-choice{padding:15px;min-height:315px}.showcase-choice-art{height:154px}.showcase-choice>strong{font-size:25px}.motion-grid,.creative-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.showcase-hub{padding-top:55px}.showcase-intro{display:block;margin-bottom:26px}.showcase-intro h2{font-size:clamp(2.5rem,9vw,3.7rem)}.showcase-intro>p{margin-top:18px;font-size:13px}.showcase-switcher{grid-template-columns:1fr;gap:12px}.showcase-choice{min-height:132px;padding:17px;display:grid;grid-template-columns:1fr 96px;grid-template-rows:auto auto auto;align-items:center;gap:7px 14px}.showcase-choice-top{grid-column:1;grid-row:1}.showcase-choice-top span:last-child{display:none}.showcase-choice-art{grid-column:2;grid-row:1/4;height:96px;margin:0;border-radius:10px}.showcase-choice>strong{grid-column:1;grid-row:2;font-size:25px;margin:0}.showcase-choice-foot{grid-column:1;grid-row:3;display:block;font-size:9px}.showcase-choice-foot>span:last-child{display:block;text-align:left;margin-top:4px}.showcase-browser{height:75px;width:85%;padding:5px;transform:rotate(-7deg) translateY(13px)}.showcase-browser b{font-size:22px;margin-top:2px}.showcase-design-tile{height:100px;width:85%;padding:10px}.showcase-design-tile b{font-size:12px}.showcase-design-tile i{font-size:16px;margin-top:6px}.showcase-film-frame{height:79px}.showcase-film-frame i{width:33px;height:33px;font-size:12px}.showcase-film-frame b{font-size:7px}.showcase-panel{padding-top:40px}.motion-grid,.creative-gallery{grid-template-columns:1fr}.motion-cover{height:220px}.gallery-empty{padding:34px 23px;min-height:180px}.motion-dialog{padding:14px;max-height:88dvh}.motion-dialog h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){.showcase-choice,.motion-card,.motion-play{transition:none}.showcase-choice:hover,.motion-card:hover{transform:none}}