:root{font-family:DM Sans,Arial,sans-serif;color:#f7f1ff;background:#190e29;font-synthesis:none;font-weight:400;-webkit-font-smoothing:antialiased;color-scheme:dark;--text-muted:#c6b7d9;--lime:#b9f533;--purple:#8739f8;--line:#ffffff20}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;min-width:320px;background:#190e29}body:has(dialog[open]){overscroll-behavior:contain}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,select{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--lime);outline-offset:6px}p,h1,h2,h3{margin:0}h1,h2,h3{text-wrap:balance;font-weight:500}p{text-wrap:pretty}svg{flex-shrink:0}img{display:block;max-width:100%}::selection{background:var(--lime);color:#20112e}.section-width{width:min(1200px,calc(100% - 96px));margin-inline:auto}section[id]{scroll-margin-top:32px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;line-height:1.7;color:var(--lime)}.glass{background:#7431d2;border:1px solid #a962fa;box-shadow:0 4px #4b1c86}.hero-backdrop{position:absolute;z-index:-1;inset:0 0 auto;height:850px;background:radial-gradient(ellipse at 72% 35%,#35204b,transparent 64%);pointer-events:none}.site-header{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:28px;width:min(1200px,calc(100% - 96px));margin:32px auto 0;padding:9px 16px 9px 12px;border-radius:28px;background:#7732d9}.brand{display:flex;align-items:center;gap:12px;font-size:20px;letter-spacing:-.5px;font-weight:650}.brand-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:17px;background:var(--lime);color:#261335;border:0;box-shadow:0 3px #74a31b}.brand-icon svg{width:24px;height:24px}.nav-links{display:flex;gap:8px}.nav-links a{font-size:13px;display:flex;align-items:center;padding:12px 23px;border-radius:16px}.nav-links a:hover{background:#ffffff15}.nav-links a.active{background:#57229c}.contact-link{display:flex;align-items:center;gap:9px;border-radius:18px;padding:11px 19px;font-size:13px;background:var(--lime);color:#241632;border:0;box-shadow:0 3px #7ca725;font-weight:650}.contact-link svg{width:18px;height:18px}.menu-button{display:none;background:transparent;border:0;padding:10px}.hero{position:relative;display:grid;grid-template-columns:36% 64%;align-items:center;min-height:700px;padding-bottom:70px}.hero-copy{position:relative;z-index:3}.hero-copy .eyebrow{display:flex;align-items:center;gap:12px;letter-spacing:.1em;font-size:10px;margin-bottom:24px}.small-line{width:25px;height:2px;background:var(--lime)}.hero h1{font-size:clamp(76px,7.9vw,110px);line-height:1;letter-spacing:-.067em;margin-left:-5px}.title-dot{color:var(--lime)}.hero-description{font-size:16px;line-height:1.7;margin-top:26px;color:var(--text-muted);letter-spacing:-.2px}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;border-radius:22px;padding:18px 24px;font-weight:650;font-size:13px;min-height:58px;background:var(--lime);color:#251334;border:0;box-shadow:0 4px #759b25;transition:background .2s}.primary-button:hover,.contact-link:hover{background:#cdf974}.hero-copy .primary-button{margin-top:30px}.hero-footnote{color:#a792bd;font-size:10px;margin-top:23px;letter-spacing:.025em}.hero-scene{position:relative;min-width:0;margin-top:24px}.card-stage{position:relative;height:480px;isolation:isolate}.hero-card{display:block;position:absolute;aspect-ratio:1;width:360px;color:#fff;isolation:isolate;border-radius:32px;transition:translate .2s}.paint-block{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.tone-lime{color:#231430}.card-0{width:350px;left:-46px;top:76px;z-index:1;transform:rotate(-10deg)}.card-1{width:420px;left:calc(50% - 210px);top:0;z-index:3;transform:rotate(5deg)}.card-2{width:350px;right:-55px;top:112px;z-index:2;transform:rotate(12deg)}.card-number{position:absolute;left:26%;top:13%;font-size:9px;letter-spacing:.12em;font-weight:650}.card-open{position:absolute;right:30%;top:14%;display:grid;place-items:center;width:30px;height:30px;border-radius:11px;background:#ffffff1f}.card-open svg{width:17px;height:17px}.tone-lime .card-open{background:#29450015}.hero-card-copy{position:absolute;left:26%;right:26%;top:32%}.hero-card-type{font-size:9px;letter-spacing:.12em;text-transform:uppercase;opacity:.8}.hero-card h2{font-size:28px;letter-spacing:-1px;font-weight:600;margin-top:7px}.hero-card p{font-size:10px;line-height:1.6;margin-top:8px;max-width:140px}.card-1 h2{font-size:38px}.card-1 .hero-card-copy{top:37%}.card-2 .hero-card-copy{top:38%}.scene-caption{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:22px;font-size:9px;letter-spacing:.07em;color:#b7a1cc}.caption-line{height:1px;width:24px;background:#7a5d98}.scroll-cue{position:absolute;bottom:24px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:10px;font-size:10px;letter-spacing:.1em;color:#b7a1cc}.scroll-cue svg{width:14px;height:14px}.projects-section{padding-top:70px;padding-bottom:100px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:40px}.section-heading h2,.about-section h2{font-size:clamp(34px,3.5vw,48px);letter-spacing:-1.9px;line-height:1.12;margin-top:14px}.section-heading>p{font-size:13px;line-height:1.7;color:var(--text-muted)}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.work-art{position:relative;display:block;aspect-ratio:1;overflow:hidden;border-radius:28px;border:1px solid var(--line);background:#241334}.concept-badge{position:absolute;left:17px;top:17px;padding:8px 11px;background:#170d24;border:1px solid #ffffff25;border-radius:30px;font-size:10px;letter-spacing:.04em}.work-arrow{position:absolute;bottom:15px;right:15px;display:grid;place-items:center;width:43px;height:43px;border-radius:16px;background:var(--lime);color:#261334;border:0;box-shadow:0 3px #719520}.work-arrow svg{width:19px;height:19px}.work-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:22px}.work-heading h3{font-size:24px;font-weight:550;letter-spacing:-.7px}.work-heading>span{font-size:10px;color:#b7a1cc}.work-card>p{margin-top:8px;font-size:13px;color:var(--text-muted);line-height:1.6}.work-tags,.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.work-tags span,.tags span{font-size:10px;border:1px solid #ffffff25;border-radius:20px;padding:6px 9px;color:var(--text-muted)}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:12px;font-weight:500;border-bottom:1px solid #8b6ba7;padding:8px 0}.text-link:hover{color:var(--lime)}.text-link svg{width:17px;height:17px}.work-card .text-link{margin-top:18px}.about-section{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-top:70px;padding-bottom:100px;border-top:1px solid var(--line)}.about-mark{width:173px;padding:23px;display:flex;align-items:center;gap:18px;border-radius:26px;margin-top:38px;transform:rotate(-5deg);background:var(--lime);color:#291535;border:0;box-shadow:0 6px #6a8b28}.about-mark svg{width:48px;height:48px;stroke-width:1}.about-mark span{font-size:12px;line-height:1.7;letter-spacing:.03em}.about-copy{padding-top:28px}.about-copy p{font-size:14px;line-height:1.9;color:var(--text-muted)}.about-copy .about-lead{font-size:20px;line-height:1.6;color:#f7f0ff;margin-bottom:22px;letter-spacing:-.3px}.approach-list{margin:30px 0 0}.approach-list>div{display:flex;justify-content:space-between;gap:18px;padding:17px 0;border-top:1px solid var(--line);font-size:12px;line-height:1.5}.approach-list dt{font-weight:500}.approach-list dd{color:var(--text-muted);margin:0;text-align:right}.contact-section{padding-bottom:80px}.contact-panel{position:relative;overflow:hidden;padding:65px 40px 50px;border-radius:38px;text-align:center;background:#7830df;border:1px solid #a464f1;box-shadow:0 7px #481984}.contact-panel .eyebrow{color:var(--lime)}.contact-panel h2{font-size:clamp(46px,6vw,80px);line-height:1.04;letter-spacing:-3.5px;margin-top:22px}.contact-panel h2 em{font-family:Georgia,serif;font-weight:400;color:var(--lime)}.contact-panel>p:not(.eyebrow){font-size:14px;line-height:1.75;color:#eadcfb;margin-top:24px}.contact-actions{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;align-items:center;margin-top:29px}.contact-panel>p.contact-note{font-size:11px;margin-top:20px;color:#e0c9fa}.site-footer{border-top:1px solid var(--line);padding:28px 0 35px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;color:#bba3d2}.footer-brand{display:flex;align-items:center;gap:9px;font-size:16px;color:#f5edff}.footer-brand svg{width:20px;height:20px}.site-footer>div{display:flex;gap:20px}.site-footer a:hover{color:var(--lime)}.skip-link{position:fixed;left:16px;top:-80px;z-index:100;padding:14px 20px;border-radius:12px;background:var(--lime);color:#261335}.skip-link:focus{top:16px}dialog{color-scheme:dark;color:#f7f1ff;background:#271638;border:1px solid #724394;border-radius:28px;padding:0;max-height:90dvh;max-width:calc(100vw - 32px);box-shadow:0 25px 80px #0006;overscroll-behavior:contain}dialog::backdrop{background:#10081bda}.close-button{position:absolute;z-index:2;right:16px;top:16px;border:1px solid #ffffff3d;background:#281536;color:#fff;display:grid;place-items:center;width:42px;height:42px;border-radius:50%}.close-button:hover{background:#562985}.project-dialog[open]{display:grid;grid-template-columns:1fr 1fr;width:900px}.dialog-art{background:#1d102c;padding:35px 0;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.static-preview{width:100%;height:auto;aspect-ratio:1;object-fit:contain}.render-caption{color:#c1afd3;font-size:11px;margin-top:15px}.dialog-copy{padding:70px 35px 42px}.dialog-copy .eyebrow{font-size:10px}.dialog-copy h2{font-size:52px;letter-spacing:-2px;margin-top:16px}.dialog-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;margin-top:18px;color:var(--text-muted)}.dialog-copy h3{font-size:21px;margin-top:30px}.dialog-copy>p.concept-note{font-size:11px;color:#ac95c2}.dark-button{display:inline-flex;justify-content:center;align-items:center;gap:20px;background:var(--lime);color:#281635;border:0;border-radius:20px;padding:15px 23px;font-size:13px;font-weight:650}.dark-button:hover{background:#d0fa7d}.dialog-copy .dark-button{margin-top:25px}.brief-dialog{width:640px;padding:45px}.brief-dialog .eyebrow{font-size:10px;padding-right:25px}.brief-dialog h2{font-size:38px;letter-spacing:-1.5px;margin-top:18px}.brief-dialog>p:not(.eyebrow){margin-top:16px;font-size:14px;line-height:1.7;color:var(--text-muted)}.brief-dialog form{margin-top:25px}.brief-dialog label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:500;margin-bottom:18px}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.brief-dialog input,.brief-dialog textarea,.brief-dialog select{width:100%;padding:12px;background:#1b0f28;border:1px solid #73568c;border-radius:9px;color:#fff;font-size:13px}.brief-dialog textarea{resize:vertical;min-height:100px}.brief-dialog input::placeholder,.brief-dialog textarea::placeholder{color:#b5a1c8}.form-note{font-size:11px;line-height:1.6;margin-top:15px;color:var(--text-muted)}.brief-dialog .dark-button{width:100%}@media(max-width:1150px){.section-width,.site-header{width:calc(100% - 80px)}.hero{min-height:640px;grid-template-columns:36% 64%}.hero h1{font-size:86px}.hero-description{font-size:14px}.hero-copy .eyebrow{font-size:9px}.card-stage{height:420px}.card-0,.card-2{width:300px}.card-1{width:350px;left:calc(50% - 175px)}.card-0{left:-40px;top:65px}.card-2{right:-45px;top:110px}.hero-card h2{font-size:25px}.card-1 h2{font-size:32px}.card-number{font-size:8px}.hero-card p{font-size:10px}.about-section{gap:50px}.approach-list>div{display:block}.approach-list dd{text-align:left;margin-top:5px}.project-grid{gap:20px}.work-heading{align-items:flex-start;flex-direction:column;gap:6px}}@media(max-width:850px){.section-width,.site-header{width:calc(100% - 48px)}.site-header{margin-top:24px;gap:12px}.brand{font-size:17px}.nav-links{gap:0}.nav-links a{padding:11px 16px;font-size:12px}.contact-link{padding:11px 14px;font-size:12px}.hero{grid-template-columns:1fr;min-height:auto;padding-top:65px;padding-bottom:75px;gap:20px}.hero h1{font-size:90px}.hero h1 br{display:none}.hero-description{font-size:17px;margin-top:20px}.hero-copy .primary-button{margin-top:24px}.hero-footnote{display:none}.hero-scene{width:min(620px,100%);margin:0 auto}.card-stage{height:420px}.card-0{left:-40px}.card-2{right:-45px}.scene-caption{margin-top:14px}.section-heading{gap:25px}.section-heading h2{font-size:36px}.section-heading>p{font-size:11px;max-width:220px}.work-art{border-radius:20px}.work-heading h3{font-size:21px}.work-card>p{font-size:12px}.work-tags{gap:5px}.work-tags span{font-size:9px}.project-grid{gap:17px}.concept-badge{left:10px;top:10px;font-size:9px;padding:6px 8px}.about-section{gap:35px;padding-block:55px 70px}.about-section h2{font-size:36px}.about-copy{padding-top:26px}.about-copy .about-lead{font-size:17px}.about-copy p{font-size:13px}.site-footer>span{display:none}.contact-section{padding-bottom:60px}}@media(max-width:580px){.section-width{width:calc(100% - 40px)}.site-header{width:calc(100% - 32px);margin-top:16px;padding:8px 10px;gap:6px;border-radius:22px}.brand-icon{width:36px;height:36px;border-radius:13px}.brand-icon svg{width:20px;height:20px}.brand{gap:8px;font-size:17px}.contact-link{margin-left:auto;padding:10px 12px;font-size:11px;border-radius:13px}.contact-link svg{width:16px;height:16px}.menu-button{display:grid;place-items:center;padding:10px 6px}.menu-button svg{width:22px;height:22px}.nav-links{display:none;position:absolute;top:calc(100% + 10px);left:0;right:0;background:#6024ad;padding:10px;border:1px solid #9960d8;border-radius:22px;box-shadow:0 6px #381354}.nav-links.is-open{display:flex;justify-content:space-around}.nav-links a{padding:12px 20px}.hero{padding-top:48px;gap:22px;padding-bottom:70px;overflow:clip}.hero h1{font-size:clamp(50px,14vw,80px);letter-spacing:-.065em}.hero-copy .eyebrow{font-size:9px;margin-bottom:20px}.hero-description{font-size:15px;line-height:1.7;margin-top:20px}.hero-copy .primary-button{padding:16px 22px;font-size:13px;min-height:54px}.hero-scene{margin-top:4px}.card-stage{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:0;width:100%;padding-bottom:10px}.hero-card{position:relative;inset:auto;width:160%;min-width:0;justify-self:center;transform:none}.card-1{grid-column:1/-1;grid-row:1;width:96%;max-width:365px;transform:rotate(5deg);margin-bottom:-8%}.card-0{grid-column:1;grid-row:2;transform:rotate(-8deg)}.card-2{grid-column:2;grid-row:2;transform:rotate(8deg)}.hero-card-copy{left:27%;right:25%;top:31%}.hero-card h2{font-size:22px}.card-1 h2{font-size:34px}.hero-card p{font-size:10px;margin-top:5px}.hero-card-type{font-size:8px}.card-number{font-size:7px;left:27%;top:12%}.card-open{width:25px;height:25px}.card-open svg{width:15px;height:15px}.scene-caption{margin-top:8px;font-size:8px;gap:9px}.caption-line{width:17px}.scroll-cue{font-size:9px}.projects-section{padding-top:45px;padding-bottom:60px}.section-heading{display:block;margin-bottom:28px}.section-heading h2,.about-section h2{font-size:36px;margin-top:12px;letter-spacing:-1.6px}.section-heading>p{font-size:12px;max-width:none;margin-top:18px}.eyebrow{font-size:10px}.project-grid{grid-template-columns:1fr;gap:38px}.work-art{aspect-ratio:1;border-radius:24px}.work-heading{flex-direction:row;align-items:center;margin-top:17px}.work-heading h3{font-size:25px}.work-card>p{font-size:13px;margin-top:8px}.work-tags{margin-top:12px}.work-tags span{font-size:10px}.work-card .text-link{margin-top:12px}.concept-badge{left:16px;top:16px;font-size:10px}.about-section{grid-template-columns:1fr;gap:28px;padding-top:44px}.about-mark{display:none}.about-copy{padding-top:0}.about-copy .about-lead{font-size:19px;line-height:1.6}.about-copy p{font-size:14px}.approach-list>div{display:flex;font-size:11px}.approach-list dd{text-align:right;margin:0;max-width:48%}.contact-panel{border-radius:28px;padding:45px 19px 35px}.contact-panel h2{font-size:clamp(38px,12.5vw,52px);letter-spacing:-2.5px;margin-top:20px}.contact-panel>p:not(.eyebrow){font-size:12px;margin-top:22px}.contact-panel>p br{display:none}.contact-panel .primary-button{font-size:12px;padding:16px;gap:10px;max-width:100%}.contact-panel>p.contact-note{font-size:10px;max-width:240px;margin-inline:auto}.contact-section{padding-bottom:40px}.site-footer{padding:23px 0;font-size:10px}.footer-brand{font-size:14px}.project-dialog[open]{grid-template-columns:1fr;width:440px}.dialog-art{padding:25px 15px 20px}.static-preview{max-width:285px}.render-caption{margin-top:0;font-size:10px}.dialog-copy{padding:29px 25px 32px}.dialog-copy h2{font-size:40px;margin-top:10px}.dialog-copy h3{margin-top:22px}.brief-dialog{padding:40px 24px 25px}.brief-dialog h2{font-size:31px;margin-top:25px}.form-pair{grid-template-columns:1fr;gap:0}}@media(max-width:370px){.hero h1{font-size:47px}.hero-card h2{font-size:18px}.hero-card p{font-size:9px}.card-1 h2{font-size:29px}.brand{font-size:15px}.brand-icon{width:32px;height:32px}.contact-link{padding:10px;font-size:10px}.contact-link svg{display:none}.card-number{font-size:6px}.card-open{width:21px;height:21px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-card:hover{translate:none}}.hero{overflow:clip}.hero-card{clip-path:inset(0 17% 14% 17%)}.hero-card:focus-visible:after{content:"";position:absolute;inset:6% 21% 43%;outline:3px solid #fff;outline-offset:5px;border-radius:22px;pointer-events:none}.card-0 .hero-card-copy,.card-2 .hero-card-copy{top:29%}@media(max-width:580px){.hero-card h2{font-size:21px}.card-1 h2{font-size:34px}}@media(max-width:370px){.hero-card h2{font-size:18px}.card-1 h2{font-size:29px}}.card-1 .hero-card-copy{top:28%}body{min-width:0}@media(min-width:581px){.card-2{right:-15px}}.site-header,.contact-panel{isolation:isolate;background:none;border:0;box-shadow:none}.site-header{padding:13px clamp(24px,3vw,36px) 17px}.site-header .brand-icon,.site-header .contact-link{flex-shrink:0}.site-header .brand,.site-header .contact-link,.site-header .menu-button{position:relative;z-index:1}.site-header .nav-links{z-index:2}.contact-panel{overflow:visible;padding:70px 50px 58px}.contact-section{padding-bottom:130px}.paint-surface{position:absolute;inset:0;z-index:-1;pointer-events:none;container-type:inline-size}.paint-surface>span{position:absolute;left:0;width:100%;display:block;background-image:var(--paint-image);background-repeat:no-repeat}.paint-cap-top{top:0;height:calc(100cqw * (var(--paint-upper) - var(--paint-start)) / var(--paint-w));background-size:100% auto;background-position:center calc(-100cqw * var(--paint-start) / var(--paint-w))}.paint-center{top:calc(100cqw * (var(--paint-upper) - var(--paint-start)) / var(--paint-w) - .5px);bottom:calc(100cqw * (var(--paint-base) - var(--paint-lower)) / var(--paint-w) - .5px);background-size:100% calc(100% * var(--paint-h) / (var(--paint-lower) - var(--paint-upper)));background-position:center calc(100% * var(--paint-upper) / (var(--paint-h) - var(--paint-lower) + var(--paint-upper)))}.paint-cap-bottom{bottom:calc(-100cqw * (var(--paint-end) - var(--paint-base)) / var(--paint-w));height:calc(100cqw * (var(--paint-end) - var(--paint-lower)) / var(--paint-w));background-size:100% auto;background-position:center calc(-100cqw * var(--paint-lower) / var(--paint-w))}.paint-header{--paint-image:url(/art/nav-wide-v2.webp);--paint-w:1800;--paint-h:600;--paint-start:244;--paint-upper:265;--paint-lower:305;--paint-base:330;--paint-end:360}.paint-contact{--paint-image:url(/art/contact-render.webp);--paint-w:1400;--paint-h:637;--paint-start:20;--paint-upper:120;--paint-lower:440;--paint-base:520;--paint-end:620}@media(max-width:1000px){.paint-header{--paint-image:url(/art/nav-tablet-v2.webp);--paint-w:1400;--paint-h:467;--paint-start:180;--paint-upper:210;--paint-lower:250;--paint-base:280;--paint-end:310}.paint-contact{--paint-image:url(/art/contact-tablet-v2.webp);--paint-w:1200;--paint-h:900;--paint-start:14;--paint-upper:140;--paint-lower:720;--paint-base:790;--paint-end:880}.contact-panel{padding:65px 40px 50px}}@media(max-width:580px){.paint-header{--paint-image:url(/art/nav-render-mobile.webp);--paint-w:800;--paint-h:291;--paint-start:40;--paint-upper:80;--paint-lower:155;--paint-base:195;--paint-end:250}.paint-contact{--paint-image:url(/art/contact-mobile-v2.webp);--paint-w:800;--paint-h:1067;--paint-start:22;--paint-upper:160;--paint-lower:900;--paint-base:970;--paint-end:1055}.site-header{padding:12px clamp(18px,5vw,28px) 16px}.site-header .nav-links{top:calc(100% + 40px)}.contact-panel{padding:65px 27px 42px}.contact-section{padding-bottom:105px}}#root{position:relative;isolation:isolate;overflow:clip}.hero-backdrop{inset:0;height:auto;overflow:hidden;background:radial-gradient(ellipse 680px 500px at 78% 360px,#702bc14a,transparent 75%),radial-gradient(ellipse 510px 420px at 3% 1050px,#a4e72a15,transparent 72%),radial-gradient(ellipse 650px 580px at 100% 1800px,#8030d72c,transparent 75%),radial-gradient(ellipse 550px 350px at 15% 92%,#a5d63812,transparent 75%)}.ambient-grid{position:absolute;inset:0 0 auto;height:1050px;background-image:radial-gradient(circle,#bdaaec35 1px,transparent 1.5px);background-size:32px 32px;-webkit-mask-image:radial-gradient(ellipse at 80% 35%,#0008,transparent 72%);mask-image:radial-gradient(ellipse at 80% 35%,#0008,transparent 72%)}.ambient-orbit{position:absolute;display:block;border:1px solid #bb92f52a;border-radius:50%;pointer-events:none}.orbit-one{width:760px;height:400px;top:180px;left:calc(73% - 380px);transform:rotate(-24deg)}.orbit-two{width:590px;height:280px;top:880px;left:-300px;border-color:#b9f53325;transform:rotate(30deg)}.orbit-three{width:650px;height:340px;top:1650px;right:-380px;transform:rotate(-35deg)}.ambient-spark{position:absolute;display:block;width:20px;height:20px;color:#b9f58a;transform:rotate(12deg)}.ambient-spark:before,.ambient-spark:after{content:"";position:absolute;background:currentColor;border-radius:2px}.ambient-spark:before{left:9px;top:0;width:2px;height:20px}.ambient-spark:after{left:0;top:9px;width:20px;height:2px}.spark-one{left:46%;top:170px}.spark-two{right:6%;top:650px;color:#ac73ed99;transform:rotate(35deg) scale(.7)}.spark-three{left:7%;top:1530px;transform:rotate(-15deg) scale(.65)}.ambient-dot{position:absolute;width:6px;height:6px;border-radius:50%;background:#b9f57c}.dot-one{top:590px;left:44%}.dot-two{top:1130px;right:5%;background:#ad70ef80;width:9px;height:9px}.hero-card{--hover-turn:2deg}.card-1{--hover-turn:-2deg}.card-2{--hover-turn:-3deg}.nav-links a,.text-link,.work-art{transition:background .2s,color .2s,border-color .2s}.primary-button:active,.contact-link:active,.dark-button:active{background:#a5de24}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.hero-card{transition:translate .38s cubic-bezier(.2,.7,.2,1),rotate .38s cubic-bezier(.2,.7,.2,1),scale .38s cubic-bezier(.2,.7,.2,1)}.hero-card:hover,.hero-card:focus-visible{translate:0 -12px;rotate:var(--hover-turn);scale:1.025}.work-arrow{transition:rotate .3s,translate .3s,background .2s}.primary-button,.dark-button{transition:translate .22s,background .2s,box-shadow .22s}.primary-button:hover,.dark-button:hover,.primary-button:focus-visible,.dark-button:focus-visible{translate:0 -4px;box-shadow:0 7px #617e24}.primary-button:active,.dark-button:active{translate:0 1px;box-shadow:0 2px #617e24}.primary-button svg,.dark-button svg,.text-link svg{transition:translate .25s,rotate .25s}.primary-button:hover svg,.dark-button:hover svg,.text-link:hover svg{translate:4px 0}.nav-links a{transition:translate .22s,background .2s}.nav-links a:hover,.nav-links a:focus-visible{translate:0 -3px;background:#fff2}.work-card:hover .work-art,.work-card:focus-within .work-art{border-color:#b9f57388}.work-card:hover .work-arrow,.work-card:focus-within .work-arrow{translate:3px -3px;rotate:6deg}.contact-panel{transition:translate .35s}.contact-panel:hover,.contact-panel:focus-within{translate:0 -5px}.about-mark{transition:rotate .35s}.about-mark:hover{rotate:6deg}}@media(max-width:850px){.orbit-one{left:20%;top:430px;width:600px;height:330px}.spark-one{top:430px;left:8%}.dot-one{top:850px;left:8%}}@media(max-width:580px){.hero-backdrop{background:radial-gradient(ellipse 360px 470px at 80% 590px,#702bc137,transparent 78%),radial-gradient(ellipse 320px 400px at 0% 1300px,#a4e72a12,transparent 78%),radial-gradient(ellipse 400px 550px at 100% 2600px,#8030d71f,transparent 75%)}.ambient-grid{height:1150px;background-size:30px 30px;opacity:.6}.orbit-one{width:420px;height:280px;left:7%;top:470px;opacity:.65}.orbit-two{top:1550px;opacity:.6}.orbit-three{display:none}.spark-one{top:355px;left:auto;right:9%;transform:scale(.65)}.spark-two{top:1020px}.spark-three{display:none}.dot-one{top:640px;left:10%}.dot-two{top:1800px}}.hero-card{container-type:inline-size}.hero-card .hero-card-copy{inset:21% 24% 43%;display:flex;flex-direction:column;justify-content:center;gap:1.2cqw;z-index:2}.hero-card .hero-card-type{font-size:clamp(7px,2.4cqw,10px);line-height:1.2}.hero-card .hero-card-copy h2{margin:0;font-size:clamp(12px,5.8cqw,25px);line-height:1.05;letter-spacing:-.025em}.hero-card .hero-card-copy p{margin:0;font-size:clamp(8px,2.8cqw,11px);line-height:1.2}.hero-backdrop:before{content:"";position:absolute;inset:0 0 auto;height:clamp(760px,58vw,1120px);background:linear-gradient(180deg,#190e2933,#190e2940 46%,#190e29),url(/art/violet-ribbons.webp) center top / cover no-repeat}.hero-backdrop .ambient-grid,.hero-backdrop .orbit-one{display:none}@media(max-width:580px){.hero-backdrop:before{height:860px;background-image:linear-gradient(180deg,#190e2959,#190e2966 45%,#190e29),url(/art/violet-ribbons-mobile.webp);background-position:center,63% top}}@media(min-width:581px)and (max-width:680px){.site-header .nav-links a{padding-inline:10px}}.work-art:has(img[src$="texture-crumb.jpg"]){background:#efc8cc}.work-art:has(img[src$="texture-motion-study.jpg"]){background:#edeae1}.work-art:has(img[src$="texture-jpro.jpg"]){background:#e9dbca}.website-preview{display:block;width:100%;height:100%;object-fit:contain;transform:scale(1.013);transform-origin:left center}.projects-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,29%);gap:clamp(24px,4vw,64px);align-items:center}.project-drum{width:100%;max-width:400px;justify-self:center;min-width:0}.drum-heading{font-size:16px;font-weight:550}.drum-window{position:relative;height:390px;perspective:600px;touch-action:pan-x pinch-zoom}.drum-slot{position:absolute;width:83%;top:50%;left:0;transition:transform .32s cubic-bezier(.2,.75,.25,1),opacity .25s}.drum-card{position:relative;isolation:isolate;display:flex;min-height:74px;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-radius:16px}.drum-card>span{min-width:0}.drum-card small{display:block;font-size:10px;color:#f3e5ff}.drum-card strong{display:block;font-size:14px;line-height:1.2}.drum-card svg{width:17px;height:17px;flex:none;color:var(--lime)}.drum-paint{position:absolute;inset:0 0 -25%;z-index:-1;pointer-events:none;background:url(/art/nav-render-mobile.webp) center 48% / 100% 136% no-repeat}.drum-slot:nth-child(4n+2) .drum-paint,.drum-slot:nth-child(4n+3) .drum-paint{transform:scaleX(-1)}.drum-controls{display:flex;align-items:center;gap:10px}.drum-controls button{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;border:1px solid #b388ed55;background:#522386;color:#fff;cursor:pointer}.drum-controls button:hover{background:#7336b3}.drum-controls svg{width:17px;height:17px}.drum-controls button:first-child svg{rotate:180deg}.drum-count{min-width:52px;text-align:center;font-size:11px;color:var(--text-muted)}@media(max-width:920px){.projects-layout{grid-template-columns:minmax(0,1fr);gap:50px}}