@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(../media/inter-latin-400-normal.2qdljeg3s-lsl.woff2)format("woff2"),url(../media/inter-latin-400-normal.102grxki9ek3x.woff)format("woff")}
@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(../media/inter-latin-ext-400-normal.1aowtwjb6jex7.woff2)format("woff2"),url(../media/inter-latin-ext-400-normal.0zt1v0rj9tqox.woff)format("woff")}
@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(../media/inter-latin-500-normal.1d14jwmkqqa0f.woff2)format("woff2"),url(../media/inter-latin-500-normal.3mx_ru0c2nzc3.woff)format("woff")}
@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(../media/inter-latin-ext-500-normal.0qn8fxo3_-rz7.woff2)format("woff2"),url(../media/inter-latin-ext-500-normal.39_ak3tg9vcce.woff)format("woff")}
@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(../media/inter-latin-600-normal.2dov6rjg62vru.woff2)format("woff2"),url(../media/inter-latin-600-normal.2mum3nstrlzrd.woff)format("woff")}
@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(../media/inter-latin-ext-600-normal.1zn8rwi8y9u6i.woff2)format("woff2"),url(../media/inter-latin-ext-600-normal.1pfmybho54-ry.woff)format("woff")}
@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(../media/inter-latin-700-normal.4421omqeymgmp.woff2)format("woff2"),url(../media/inter-latin-700-normal.2u2w-uf8g45lc.woff)format("woff")}
@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(../media/inter-latin-ext-700-normal.2yxivqwrhow2d.woff2)format("woff2"),url(../media/inter-latin-ext-700-normal.0g4_n0pq31d8c.woff)format("woff")}
:root{--bg-main:#07111d;--bg-secondary:#091522;--bg-card:#0d1a29;--bg-card-hover:#102238;--border:#78a0dc30;--border-hover:#6496ff6b;--text-main:#f5f7ff;--text-secondary:#a9b6c9;--text-muted:#8296af;--blue:#72b6ff;--purple:#8d76ff;--cyan:#58c5ff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{color:var(--text-main);-webkit-font-smoothing:antialiased;background:radial-gradient(at 50% 0,#18273e 0,#0b1421 60%);margin:0;font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}svg{stroke-width:1.8px;flex-shrink:0;width:21px;height:21px}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.035em;line-height:1.2}h2{font-size:36px;font-weight:700}h3{letter-spacing:-.025em;font-size:18px;font-weight:600}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:5px;outline:2px solid #9ecaff}::selection{color:#fff;background:#5443b1}.site-shell{background:var(--bg-main);border-left:1px solid var(--border);border-right:1px solid var(--border);max-width:1440px;margin:0 auto;overflow:clip}.skip-link{z-index:100;background:#172d47;border-radius:8px;padding:12px 20px;position:fixed;top:10px;left:15px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}section{scroll-margin-top:85px}.navbar{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#06101cf0;border-bottom:1px solid #6a92c614;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:26px;max-width:1320px;height:80px;margin:auto;padding:0 30px;display:flex}.brand{white-space:nowrap;align-items:center;gap:15px;font-size:23px;font-weight:600;display:flex}.monogram{color:#638fff;width:42px;height:42px}.nav-links{align-self:stretch;gap:38px;display:flex}.nav-links a{color:var(--text-secondary);align-items:center;font-size:14px;display:flex;position:relative}.nav-links a:hover,.nav-links a[aria-current]{color:#ecf3ff}.nav-links a[aria-current]:after{content:"";background:#528fff;height:2px;position:absolute;bottom:0;left:-12px;right:-12px;box-shadow:0 -2px 16px #396cbe}.button{border:1px solid var(--border);border-radius:10px;justify-content:center;align-items:center;gap:14px;min-height:48px;padding:12px 25px;font-size:14px;font-weight:600;transition:transform .2s,border-color .2s,box-shadow .2s,filter .2s;display:inline-flex}.button svg{width:19px;height:19px}.button-primary{color:#fff;background:linear-gradient(115deg,#5a2ef5,#3f79ff);border-color:#7885ff;box-shadow:0 3px 20px #542af538,inset 0 1px 3px #ffffff38}.button-secondary{background:linear-gradient(120deg,#101e30b3,#0a1522);border-color:#35506e;box-shadow:inset 0 1px 4px #bad7ff0b}.button:hover{filter:brightness(1.13);border-color:#799bda;transform:translateY(-1px);box-shadow:0 5px 24px #4467d02e}.nav-cta{min-height:44px;padding:10px 18px;font-size:13px}.menu-toggle{color:var(--text-main);background:var(--bg-card);border:1px solid var(--border);border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;display:none}.hero{isolation:isolate;position:relative}.hero-inner{grid-template-columns:minmax(0,1fr) 370px;align-items:center;gap:50px;max-width:1320px;min-height:594px;margin:auto;padding:32px 30px 16px;display:grid}.hero-background{z-index:-3;opacity:.65;inset:0;position:absolute!important}.hero-background img{object-position:center!important}.hero-shade{z-index:-2;background:linear-gradient(90deg,#06101bea 0%,#07121ca8 48%,#07111d36 100%),linear-gradient(#0000 40%,#07111d 100%);position:absolute;inset:0}.hero-copy{padding-bottom:8px;animation:.7s both rise-in}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:#83acd9;margin-bottom:12px;font-size:12px;font-weight:600}h1{letter-spacing:-.045em;font-size:clamp(38px,4.05vw,62px);font-weight:700;line-height:1.08}.gradient-text{color:#8875ff;-webkit-text-fill-color:transparent;background:linear-gradient(110deg,#687dff,#9470ff);-webkit-background-clip:text;background-clip:text}.hero-intro{color:#c5d0df;max-width:650px;margin-top:24px;font-size:18px;line-height:1.55}.hero-actions{gap:18px;margin-top:38px;display:flex}.hero-actions .button{min-height:58px;padding:14px 32px;font-size:15px}.hero-traits{gap:30px;margin:45px 0 0;padding:0;list-style:none;display:flex}.hero-traits li{color:var(--text-secondary);align-items:center;gap:12px;font-size:13px;line-height:1.5;display:flex}.icon-box{color:#85bdff;background:#10233877;border:1px solid #27466355;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.profile-card{background:linear-gradient(145deg,#161c388f,#0b1728);border:1px solid #6486d8;border-radius:18px;animation:.9s both fade-in;overflow:hidden;box-shadow:-1px 0 #a578ff66,0 8px 35px #03081044}.portrait-wrap{isolation:isolate;background:radial-gradient(at 40% 20%,#564290,#172946 65%);height:300px;position:relative}.asset-image{width:100%;height:100%;position:relative;overflow:hidden}.asset-image img{object-fit:cover;object-position:center}.asset-fallback{color:#92a9c6;text-align:center;background:radial-gradient(at 35% 15%,#243560,#0b1828 75%);place-items:center;height:100%;padding:24px;display:grid}.portrait-wrap:after{content:"";background:linear-gradient(#0000,#101a2c);position:absolute;inset:80% 0 0}.handwritten{color:#a3a6d5;font-family:Segoe Print,Bradley Hand,cursive;font-style:italic;line-height:1.4}.portrait-note{font-size:17px;position:absolute;top:65px;right:19px;transform:rotate(-9deg)}.profile-info{padding:17px 33px 25px}.profile-info ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.profile-info li{color:#d2d9e7;align-items:center;gap:17px;font-size:14px;display:flex}.profile-info li svg{color:#98bfff;width:20px;height:20px}.profile-info li:nth-child(4) svg{color:#af98ff}.belgium-flag{vertical-align:middle;background:linear-gradient(90deg,#20212a 33.33%,#ffe066 33.33% 66.66%,#ef5263 66.66%);border-radius:1px;width:15px;height:11px;margin-left:7px;display:inline-block}.profile-quote{color:#a895ff;white-space:nowrap;margin-top:24px;font-size:14px;font-style:italic}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (min-width:1500px){.site-shell{border:1px solid var(--border);border-radius:8px;margin:18px auto;box-shadow:0 20px 100px #0005}}@media (max-width:1199px){.nav-links{gap:24px}.hero-inner{grid-template-columns:minmax(0,1fr) 320px;gap:26px;min-height:560px}.portrait-wrap{height:275px}.profile-info{padding:17px 24px 23px}h1{font-size:46px}.hero-intro{font-size:16px}.hero-traits{gap:18px}.hero-traits li{font-size:12px}.hero-actions .button{padding:13px 22px}.brand{font-size:21px}}@media (max-width:1023px){.nav-cta{display:none}.hero-inner{grid-template-columns:minmax(0,1fr) 285px;gap:24px;padding:32px 24px}.profile-info{padding:16px 19px 23px}.profile-info li{gap:12px;font-size:12px}.profile-quote{font-size:12px}h1{font-size:38px}.hero-traits{flex-wrap:wrap;gap:16px;margin-top:30px}.hero-traits li:last-child{flex-basis:100%}.portrait-wrap{height:270px}.hero-actions{gap:12px}.hero-actions .button{min-height:48px;padding:12px 17px;font-size:13px}}@media (max-width:767px){.nav-inner{height:72px;padding:0 22px}.brand{font-size:20px}.monogram{width:34px;height:34px}.menu-toggle{display:flex}.nav-links{border-bottom:1px solid var(--border);background:#0a1727;padding:12px 22px 22px;display:none;position:absolute;top:72px;left:0;right:0;box-shadow:0 15px 20px #0003}.nav-links.is-open{gap:3px;display:grid}.nav-links a{border-radius:7px;min-height:46px;padding:12px 14px}.nav-links a[aria-current]{background:#172b46}.nav-links a[aria-current]:after{display:none}.hero-inner{grid-template-columns:1fr;gap:32px;padding:48px 22px 32px}.hero-copy{padding:0}h1{font-size:clamp(34px,7.7vw,52px);line-height:1.12}.hero-intro{max-width:560px;margin-top:22px;font-size:16px}.hero-actions{gap:12px;margin-top:26px}.hero-actions .button{padding:13px 20px;font-size:14px}.hero-traits{gap:20px;margin-top:30px}.hero-traits li:last-child{flex-basis:auto}.profile-card{justify-self:center;width:100%;max-width:390px}.portrait-wrap{height:300px}.profile-info{padding:18px 28px 26px}.profile-info li,.profile-quote{font-size:14px}.hero-background{opacity:.4}.eyebrow{font-size:11px}.hero-traits li{font-size:12px}.hero-traits .icon-box{width:32px;height:32px}.hero-traits .icon-box svg{width:18px;height:18px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}
.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.brand-icon{flex-shrink:0;width:24px;height:24px}.github-icon{filter:brightness(0)invert()}.contact-icon .brand-icon{width:38px;height:38px}.contact-linkedin .contact-icon{box-shadow:none;background:0 0}.unavailable-link .brand-icon{opacity:.7;width:20px;height:20px}.section{background:linear-gradient(120deg,#08131e,#09152299 80%);border-top:1px solid #6b94c517;position:relative}.section:nth-of-type(odd){background:radial-gradient(at 90% 0,#23275112,#0000 70%),#07111c}.section-inner{max-width:1320px;margin:0 auto;padding:25px 24px 28px}.section-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px;padding:0 9px;display:flex}.section-heading .eyebrow{margin-bottom:8px}.section-aside{color:var(--text-muted);text-align:right;max-width:45%;padding-bottom:6px;font-size:14px}.text-link{color:#80beff;align-items:center;gap:9px;font-size:14px;font-weight:500;transition:color .2s,gap .2s;display:inline-flex}.text-link svg{width:17px;height:17px;transition:transform .2s}.text-link:hover{color:#c1b8ff}.text-link:hover svg{transform:translate(3px)}.card{border:1px solid var(--border);background:linear-gradient(145deg,#102031eb,#0a1521f0);border-radius:12px;transition:transform .22s,border-color .22s,box-shadow .22s,background .22s;position:relative;box-shadow:0 12px 30px #00000012,inset 0 1px #c7dbff04}.card:hover,.card:focus-within{border-color:var(--border-hover);box-shadow:0 9px 28px #2c60b114,inset 0 1px #c7dbff08}.project-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.project-card{flex-direction:column;min-width:0;padding:11px;display:flex}.project-card:hover{transform:translateY(-4px)}.project-image-link{aspect-ratio:16/10;background:#101f32;border:1px solid #7a9fcd25;border-radius:7px;display:block;position:relative;overflow:hidden}.project-image-link .asset-image{transition:transform .4s}.project-card:hover .project-image-link .asset-image{transform:scale(1.025)}.project-image-arrow{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;background:#182c49cc;border:1px solid #7ba4ee55;border-radius:50%;place-items:center;width:32px;height:32px;transition:opacity .2s,transform .2s;display:grid;position:absolute;bottom:12px;right:12px;transform:translateY(8px)}.project-card:hover .project-image-arrow,.project-card:focus-within .project-image-arrow{opacity:1;transform:none}.project-body{flex-direction:column;flex:1;align-items:flex-start;padding:15px 3px 5px;display:flex}.project-body h3{letter-spacing:-.025em;margin-bottom:8px;font-size:18px}.project-body h3 a:hover{color:#b3cfff}.project-body p{color:var(--text-secondary);flex:1;margin-bottom:18px;font-size:14px;line-height:1.5}.technology-tags{flex-wrap:wrap;gap:7px;margin:0 0 14px;padding:0;list-style:none;display:flex}.technology-tags li{color:#8ec3ff;white-space:nowrap;background:linear-gradient(130deg,#172f4a,#142338);border:1px solid #6a9de51a;border-radius:7px;padding:4px 10px;font-size:12px;font-weight:500;line-height:1.6}.skills-grid{grid-template-columns:repeat(9,minmax(0,1fr));gap:12px;display:grid}.skill-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:17px;min-height:130px;padding:19px 9px 16px;display:flex}.skill-card:hover{background:linear-gradient(145deg,#152741,#0e1a30);transform:translateY(-4px)}.skill-card h3{letter-spacing:0;max-width:110px;font-size:13px;font-weight:600;line-height:1.3}.skill-icon{color:#89beff;place-items:center;height:42px;transition:transform .3s,filter .3s;display:grid}.skill-icon img,.skill-icon svg{width:42px;height:42px}.skill-card:hover .skill-icon{filter:drop-shadow(0 0 10px #689aff6b);transform:translateY(-3px)scale(1.08)}.skill-wordpress img,.skill-github img{filter:brightness(0)invert()}.skill-palette,.skill-brain{color:#b18bff}.skill-database{color:#629aff}.experience-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.experience-card{align-items:flex-start;gap:18px;padding:21px 19px 18px;display:flex}.feature-icon{color:#86baff;filter:drop-shadow(0 0 7px #5b8aff29);width:35px;height:35px}.experience-card:nth-child(2n) .feature-icon{color:#ae90ff}.experience-card:nth-child(3) .feature-icon{color:#8390ff}.experience-card h3,.education-card h3{letter-spacing:-.015em;margin-bottom:10px;font-size:16px}.experience-card p,.education-card p{color:var(--text-secondary);margin-bottom:11px;font-size:13px;line-height:1.5}.experience-card .text-link{font-size:13px}.experience-card:hover .feature-icon{filter:drop-shadow(0 0 12px #8b70ff80);transform:translateY(-2px)}.feature-icon{transition:filter .3s,transform .3s}.education-section .section-inner{padding-top:22px}.education-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.education-card{align-items:flex-start;gap:21px;padding:23px 23px 20px;display:flex}.education-card>div{flex:1;min-width:0}.education-card p{min-height:59px}.tone-purple .feature-icon{color:#a185ff}.learning-status{color:#7fbcff;white-space:nowrap;align-items:center;gap:10px;font-size:11px;display:flex}.tone-purple .learning-status{color:#b495ff}.learning-track{background:#1c3047;border-radius:20px;flex:1;min-width:40px;max-width:170px;height:6px;display:block;overflow:hidden}.learning-track>span{border-radius:inherit;background:linear-gradient(90deg,#548aff,#a0d2ff);width:45%;height:100%;display:block;position:relative;overflow:hidden}.track-1>span{background:linear-gradient(90deg,#7245ec,#b286ff);width:36%}.learning-track>span:after{content:"";background:linear-gradient(90deg,#0000,#fff7,#0000);animation:6s ease-in-out infinite track-shine;position:absolute;inset:0;transform:translate(-120%)}.about-layout{grid-template-columns:1.2fr 1fr;align-items:center;gap:45px;padding:0 9px 5px;display:grid}.about-copy{gap:12px;display:grid}.about-copy p{color:var(--text-secondary);font-size:15px;line-height:1.7}.about-facts{grid-template-columns:1fr 1fr;gap:12px;display:grid}.about-fact{align-items:flex-start;gap:12px;padding:20px 15px;display:flex}.about-fact>svg{color:#98b8ff;width:24px;height:24px}.about-fact:nth-child(2n)>svg{color:#af99ff}.about-fact h3{letter-spacing:-.01em;font-size:14px;line-height:1.4}.about-fact p{color:var(--text-muted);margin-top:5px;font-size:12px}.contact-grid{grid-template-columns:1fr 1.46fr 1.05fr;gap:18px;padding:0 9px;display:grid}.contact-links{gap:6px;display:grid}.contact-link{border-radius:10px;align-items:center;gap:16px;min-width:0;padding:10px 13px;display:flex}.contact-link:hover{transform:translate(3px)}.contact-icon{color:#f0f5ff;background:linear-gradient(135deg,#1295ff,#3d65e3);border-radius:9px;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 0 18px #1e7bff25,inset 0 0 0 1px #94caff50}.contact-icon svg{stroke-width:1.6px;width:30px;height:30px}.contact-github .contact-icon{box-shadow:none;background:0 0}.contact-github .contact-icon svg{width:39px;height:39px}.contact-label{flex-direction:column;flex:1;min-width:0;line-height:1.45;display:flex}.contact-label strong{font-size:13px;font-weight:600}.contact-label>span{color:#8fc2ff;overflow-wrap:anywhere;font-size:12px}.contact-link>svg{color:#8fc2ff;width:19px;height:19px}.contact-form-card{flex-direction:column;justify-content:center;min-width:0;padding:16px;display:flex}.contact-form{gap:13px;display:grid}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.contact-form label{min-width:0;display:block}.contact-form input,.contact-form textarea{width:100%;color:var(--text-main);outline-offset:2px;background:#0d1c2b;border:1px solid #2b435e;border-radius:7px;padding:11px 13px;font-size:13px;transition:border-color .2s,box-shadow .2s;display:block}.contact-form input{min-height:43px}.contact-form textarea{resize:vertical;min-height:90px;max-height:340px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#91a5c0}.contact-form input:focus,.contact-form textarea:focus{border-color:#819fff;box-shadow:0 0 15px #517df51a}.form-bottom{justify-content:space-between;align-items:center;gap:10px;display:flex}.form-bottom .button{gap:12px;min-height:46px;padding:11px 18px;font-size:12px}.demo-caption{color:var(--text-muted);max-width:94px;font-size:10px;line-height:1.4}.form-success{text-align:center;padding:12px 8px;animation:.4s rise-in}.success-icon{color:#a5caff;background:#153753;border:1px solid #648fff66;border-radius:12px;place-items:center;width:45px;height:45px;margin-bottom:12px;display:inline-grid}.form-success h3{margin-bottom:8px;font-size:17px}.form-success p{color:var(--text-secondary);margin-bottom:16px;font-size:13px}.reset-button{background:0 0;border:0;justify-content:center;font-size:12px}.location-card{min-height:238px;overflow:hidden}.location-card>.asset-image{position:absolute;inset:0}.location-card img{opacity:.8}.location-overlay{background:linear-gradient(#0000,#081320e8 40%,#07121bf5);align-items:flex-start;gap:11px;padding:45px 18px 17px;display:flex;position:absolute;bottom:0;left:0;right:0}.location-overlay>svg{color:#92c5ff;width:24px;height:24px}.location-overlay h3{letter-spacing:0;margin:0 0 5px;font-size:13px}.location-overlay p{color:var(--text-secondary);font-size:11px;line-height:1.5}.footer{border-top:1px solid var(--border);background:#06101a;padding:24px 39px 20px}.footer-main{justify-content:space-between;align-items:center;gap:25px;max-width:1234px;margin:auto;display:flex}.footer-brand .brand{gap:11px;font-size:20px}.footer-brand p{color:var(--text-muted);margin:2px 0 0 57px;font-size:11px}.footer-main nav{color:#aabdd3;align-items:center;gap:26px;font-size:12px;display:flex}.footer-main nav a:hover{color:#91c5ff}.footer-socials{gap:18px;display:flex}.footer-socials a{border-radius:8px;place-items:center;width:34px;height:40px;transition:background .2s,color .2s;display:grid}.footer-socials a:hover{color:#a7c7ff;background:#152946}.footer-socials svg{width:24px;height:24px}.footer-note{font-size:13px;transform:rotate(-7deg)}.footer-bottom{max-width:1234px;color:var(--text-muted);border-top:1px solid #708aaf17;justify-content:space-between;gap:20px;margin:24px auto 0;padding-top:14px;font-size:11px;display:flex}.projects-page,.project-detail{min-height:65vh;padding-top:40px;padding-bottom:60px}.back-link{margin:0 9px 35px}.page-heading,.detail-header{margin-bottom:34px;padding:0 9px}.page-heading h1,.detail-header h1{font-size:54px}.page-heading>p:last-child,.detail-description{color:var(--text-secondary);max-width:800px;margin-top:20px;font-size:18px}.projects-page .project-grid{margin-top:36px}.detail-header .technology-tags{margin-top:22px}.detail-actions{flex-wrap:wrap;align-items:center;gap:18px;margin-top:26px;display:flex}.unavailable-link{color:var(--text-muted);align-items:center;gap:10px;padding:13px 0;font-size:13px;display:inline-flex}.detail-hero{aspect-ratio:16/7;overflow:hidden}.demo-notice{color:var(--text-secondary);background:#302b511f;border:1px solid #7566b038;border-radius:8px;margin:24px 0 15px;padding:14px 18px;font-size:13px}.demo-notice>span{color:#bca8ff;margin-right:10px;font-weight:600}.case-content{padding:5px 9px}.case-row{border-bottom:1px solid var(--border);background:0 0;grid-template-columns:1fr 2fr;gap:40px;padding:34px 0;display:grid}.case-row>div:first-child{align-items:baseline;gap:16px;display:flex}.case-row h2{font-size:25px}.case-number{color:#858ed1;letter-spacing:.08em;font-size:12px}.case-row>p{color:var(--text-secondary);font-size:16px;line-height:1.8}.case-row .technology-tags{align-items:center;margin:0}.screenshot-figure{margin:0}.screenshot-frame{aspect-ratio:16/9;overflow:hidden}.screenshot-figure figcaption{color:var(--text-muted);margin-top:12px;font-size:12px}.next-project{justify-content:space-between;align-items:center;margin-top:35px;padding:26px;display:flex}.next-project>span{gap:4px;display:grid}.next-project .eyebrow{margin:0}.next-project strong{font-size:22px;font-weight:600}.next-project>svg{color:#94baff;width:28px;height:28px}.next-project:hover{transform:translateY(-3px)}.not-found{text-align:center;padding:100px 22px}.not-found h1{font-size:48px}.not-found>p{color:var(--text-secondary);margin-bottom:24px}.not-found .button{margin-top:26px}.logo-mark{isolation:isolate;flex-shrink:0;place-items:center;width:46px;height:46px;display:inline-grid;position:relative}.logo-mark:before{content:"";filter:blur(12px);opacity:.12;z-index:-1;background:#6d61ff;border-radius:50%;animation:7s ease-in-out infinite logo-aura;position:absolute;inset:5px}.logo-mark .monogram{width:46px;height:44px;overflow:visible}.logo-letters{stroke:#8682ff}.logo-light{stroke:#ceefff;stroke-dasharray:9 91;stroke-dashoffset:109px;filter:drop-shadow(0 0 3px #5daaff);opacity:0;animation:7s ease-in-out infinite logo-trace}.brand-link:hover .logo-mark:before{opacity:.45}.brand{gap:12px;font-size:21px}.nav-inner{grid-template-columns:auto 1fr auto;gap:20px;display:grid}.nav-links{justify-content:center;justify-self:center;gap:28px}.nav-links a{justify-content:center;gap:8px}.nav-links a svg{color:#789abd;width:16px;height:16px;transition:color .2s,filter .2s,transform .2s}.nav-links a:hover svg,.nav-links a[aria-current] svg{color:#9cbdff;filter:drop-shadow(0 0 5px #5d86ff77);transform:translateY(-1px)}.nav-cta{white-space:nowrap}.button{isolation:isolate;position:relative;overflow:hidden}.button:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(110deg,#0000 25%,#ffffff25 47%,#0000 68%);position:absolute;inset:0;transform:translate(-140%)}.button-primary:before{animation:7s ease-in-out infinite button-shine}.button-secondary:hover:before{animation:1.1s ease-out button-shine}.button-primary{background:linear-gradient(110deg,#642af8,#4c51fa 48%,#398bff);border-color:#8981ff;box-shadow:0 4px 24px #5c3eff38,inset 0 1px 1px #c4c8ff66,inset 0 -2px 4px #32228c33}.button-primary:hover{box-shadow:0 6px 32px #6560ff55,inset 0 1px 1px #dee4ff99}.button svg{transition:transform .2s}.button:hover svg:last-child{transform:translate(3px)}.gradient-text{background-image:linear-gradient(100deg,#698bff 5%,#a079ff 40%,#71baff 65%,#8b73ff 95%);background-size:200% 100%;animation:10s ease-in-out infinite text-shift}.hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#4e54d317,#0000 68%);width:50%;height:70%;animation:9s ease-in-out infinite hero-glow;position:absolute;top:0;right:0}.profile-card{animation:.9s both fade-in,8s ease-in-out infinite profile-glow}.profile-card:before{content:"";pointer-events:none}.portrait-wrap .asset-image:after{content:"";background:linear-gradient(115deg,#0000 30%,#8aabff0d 48%,#0000 66%);animation:10s ease-in-out infinite button-shine;position:absolute;inset:0;transform:translate(-140%)}.icon-box svg{filter:drop-shadow(0 0 5px #6d9eff44)}.section-heading h2{position:relative}.section-heading h2:after{content:"";background:linear-gradient(90deg,#7ba6ff99,#0000);width:36px;height:1px;position:absolute;bottom:-9px;left:0}.will-reveal{opacity:0;transform:translateY(16px)}.will-reveal.revealed{opacity:1;transition:opacity .6s ease var(--reveal-delay,0s), transform .6s ease var(--reveal-delay,0s), border-color .22s, box-shadow .22s;transform:translateY(0)}.will-reveal.revealed:hover{transform:translateY(-3px)}@keyframes logo-trace{0%,14%{stroke-dashoffset:109px;opacity:0}20%{opacity:1}56%{stroke-dashoffset:-100px;opacity:1}63%,to{stroke-dashoffset:-100px;opacity:0}}@keyframes logo-aura{0%,15%,70%,to{opacity:.12;transform:scale(.9)}35%,50%{opacity:.35;transform:scale(1.2)}}@keyframes button-shine{0%,60%{transform:translate(-140%)}85%,to{transform:translate(140%)}}@keyframes text-shift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes hero-glow{0%,to{opacity:.5;transform:translate(0)}50%{opacity:1;transform:translate(-12%)}}@keyframes profile-glow{0%,to{box-shadow:-1px 0 #a578ff66,0 8px 35px #03081044}50%{box-shadow:-1px 0 #c2a5ff99,0 0 30px #6566d924}}@keyframes track-shine{0%,55%{transform:translate(-120%)}85%,to{transform:translate(140%)}}@media (min-width:1440px){.hero-inner{grid-template-columns:minmax(0,1fr) 370px;gap:40px}h1{font-size:60px}}@media (max-width:1199px){.section-inner{padding-left:23px;padding-right:23px}.section-heading{padding:0}.section-heading h2{font-size:30px}.brand{font-size:18px}.nav-links{gap:19px}.nav-links a{gap:6px;font-size:13px}.nav-cta{padding:9px 12px;font-size:11px}.nav-inner{gap:20px;padding:0 25px}.project-grid,.experience-grid{gap:13px}.project-body h3{font-size:16px}.project-body p{font-size:13px}.technology-tags{gap:5px}.technology-tags li{padding:4px 8px;font-size:11px}.skills-grid{gap:10px}.skill-card{min-height:124px;padding:17px 7px}.skill-card h3{font-size:12px}.experience-card{gap:13px;padding:18px 15px}.feature-icon{width:30px;height:30px}.experience-card h3,.education-card h3{font-size:14px}.experience-card p,.education-card p{font-size:12px}.education-card{gap:17px;padding:21px 18px}.learning-status{gap:8px;font-size:10px}.contact-grid{grid-template-columns:1fr 1.4fr 1fr;gap:15px;padding:0}.contact-link{gap:11px;padding:9px 10px}.contact-icon{width:38px;height:40px}.contact-label>span{font-size:10px}.contact-form-card{padding:13px}.form-bottom .button{padding:10px 12px;font-size:11px}.form-bottom .demo-caption{font-size:9px}.footer{padding-left:24px;padding-right:24px}.footer-main{gap:18px}.footer-main nav{gap:20px}.footer-brand .brand{font-size:17px}.footer-note{display:none}.about-layout{gap:25px;padding:0}.about-fact{gap:10px;padding:17px 12px}.about-fact h3{font-size:13px}}@media (max-width:1023px){.nav-inner{grid-template-columns:auto 1fr}.nav-links{justify-self:end;gap:23px}.section-heading h2{font-size:29px}.section-aside{font-size:12px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.project-body h3{font-size:18px}.project-body p{font-size:14px}.project-image-link{aspect-ratio:16/9}.technology-tags li{font-size:12px}.skills-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.skill-card h3{font-size:13px}.experience-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.experience-card h3,.education-card h3{font-size:16px}.experience-card p,.education-card p{font-size:14px}.experience-card{padding:22px}.education-grid{gap:12px}.education-card{padding:19px 16px;display:block}.education-card .feature-icon{margin-bottom:13px}.education-card p{min-height:98px;font-size:13px}.learning-status{font-size:10px}.learning-track{min-width:25px}.about-layout{grid-template-columns:1fr;gap:24px}.about-facts{grid-template-columns:repeat(4,minmax(0,1fr))}.about-fact{padding:18px 13px;display:block}.about-fact>svg{margin-bottom:10px}.contact-grid{grid-template-columns:1fr 1.4fr}.location-card{grid-column:1/-1;min-height:180px}.location-card img{object-position:center 45%}.location-overlay{padding:60px 23px 20px}.location-overlay h3{font-size:15px}.location-overlay p{max-width:400px;font-size:13px}.contact-label>span{font-size:12px}.form-bottom .button{padding:10px 18px;font-size:12px}.footer-main{flex-wrap:wrap}.footer-brand{flex:1}.footer-main nav{flex-basis:100%;order:3;justify-content:center;gap:35px;margin-top:14px}.footer-bottom{font-size:10px}.case-row{grid-template-columns:1fr 1.8fr;gap:25px}.case-row h2{font-size:23px}}@media (max-width:767px){.nav-inner{justify-content:space-between;padding:0 22px;display:flex}.nav-links{justify-items:stretch;gap:3px}.nav-links a{justify-content:flex-start;gap:12px;font-size:15px}.nav-links a svg{width:18px;height:18px}.brand{font-size:18px}.logo-mark{width:39px;height:40px}.logo-mark .monogram{width:39px;height:38px}.section-inner{padding:29px 22px 30px}.section-heading{margin-bottom:23px;display:block}.section-heading h2{font-size:29px;line-height:1.2}.section-aside{text-align:left;max-width:100%;margin-top:14px;padding:0;font-size:13px}.section-aside .text-link{font-size:13px}.project-grid{grid-template-columns:1fr;gap:18px}.project-card{padding:12px}.project-body{padding:17px 5px 6px}.project-body h3{font-size:20px}.project-body p{margin-bottom:16px;font-size:15px}.project-body .text-link{min-height:36px;font-size:14px}.technology-tags{margin-bottom:10px}.technology-tags li{font-size:12px}.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.skill-card{gap:15px;min-height:130px}.skill-card h3{max-width:145px;font-size:14px}.skills-grid .skill-card:last-child{grid-column:1/-1}.experience-grid,.education-grid{grid-template-columns:1fr;gap:13px}.experience-card,.education-card{gap:20px;padding:22px;display:flex}.experience-card h3,.education-card h3{font-size:17px}.experience-card p,.education-card p{min-height:0;font-size:14px}.feature-icon{width:32px;height:32px}.experience-card .text-link{min-height:32px;font-size:14px}.education-card .feature-icon{margin-bottom:0}.learning-status{margin-top:14px;font-size:12px}.learning-track{max-width:165px}.about-copy p{font-size:15px}.about-facts{grid-template-columns:1fr 1fr;gap:12px}.about-fact{padding:18px 14px}.about-fact h3{font-size:14px}.about-fact p{font-size:12px}.contact-grid{grid-template-columns:1fr;gap:17px}.contact-link{gap:16px;padding:12px 15px}.contact-icon{width:44px;height:44px}.contact-label strong{font-size:14px}.contact-label>span{font-size:13px}.contact-form-card{padding:17px}.contact-form input,.contact-form textarea{font-size:16px}.contact-form textarea{min-height:120px}.form-row{gap:10px}.form-bottom .button{min-height:48px;padding:12px 18px;font-size:13px}.form-bottom .demo-caption{max-width:110px;font-size:11px}.location-card{min-height:250px}.location-overlay{padding:70px 22px 20px}.footer{padding:27px 22px 22px}.footer-brand .brand{font-size:17px}.footer-brand p{max-width:210px;margin-left:51px;font-size:10px}.footer-socials{gap:8px}.footer-main nav{flex-wrap:wrap;justify-content:flex-start;gap:22px;margin-top:6px;font-size:12px}.footer-bottom{font-size:10px;display:block}.footer-bottom p+p{margin-top:8px}.projects-page,.project-detail{padding-top:30px}.page-heading,.detail-header{padding:0}.back-link{min-height:35px;margin-bottom:30px;margin-left:0}.page-heading h1,.detail-header h1{font-size:38px}.page-heading>p:last-child,.detail-description{font-size:16px}.detail-hero{aspect-ratio:16/10}.demo-notice{font-size:12px}.demo-notice>span{margin-bottom:5px;display:block}.case-content{padding:0}.case-row{grid-template-columns:1fr;gap:18px;padding:27px 0}.case-row h2{font-size:25px}.case-row>p{font-size:15px;line-height:1.7}.next-project{padding:20px}.next-project strong{font-size:20px}.not-found h1{font-size:36px}.hero-traits{gap:17px}.hero-traits li:last-child{flex-basis:100%}}@media (max-width:380px){.hero-actions .button{gap:9px;padding:13px 14px;font-size:12px}.brand{font-size:17px}.form-row{grid-template-columns:1fr}.form-bottom .button{padding:11px 12px;font-size:12px}.contact-label>span{font-size:12px}.footer-brand p{margin-top:6px;margin-left:0}.footer-main{gap:10px}.footer-main nav{gap:17px}.profile-info{padding-left:20px;padding-right:20px}.profile-quote{font-size:12px}}@media (prefers-reduced-motion:reduce){.will-reveal{opacity:1;transform:none}.logo-light{opacity:0}*,:before,:after{transition:none!important;animation:none!important}html{scroll-behavior:auto}.will-reveal.revealed:hover{transform:none}}
.reading-progress{z-index:60;height:3px;transform:scaleX(var(--progress,0));transform-origin:0;pointer-events:none;background:linear-gradient(90deg,#7153ff,#78d8ff);position:fixed;top:0;left:0;right:0;box-shadow:0 0 12px #759eff88}.back-to-top{z-index:40;color:#d7eaff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(135deg,#253355ed,#171e36ed);border:1px solid #8998fb88;border-radius:15px;place-items:center;width:48px;height:48px;transition:transform .2s,box-shadow .2s;display:grid;position:fixed;bottom:25px;right:25px;box-shadow:0 6px 25px #030b1855}.back-to-top[hidden]{display:none}.back-to-top:hover{transform:translateY(-4px);box-shadow:0 3px 30px #6667fa55}.card:after,.profile-card:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(420px circle at var(--pointer-x,50%) var(--pointer-y,50%),#829bff17,transparent 65%);opacity:0;z-index:2;transition:opacity .3s;position:absolute;inset:0}.spotlight-active:after{opacity:1}.profile-card{position:relative}.profile-card.spotlight-active{border-color:#b8b3ff;box-shadow:0 0 32px #6c6cf535}.route-enter{animation:.45s ease-out route-enter}.nav-links a:hover svg{animation:.55s icon-lift}.project-image-link:hover .asset-image img{filter:brightness(1.12)}.gallery-grid{gap:20px;display:grid}.gallery-grid figure{margin:0}.gallery-thumbnail{aspect-ratio:16/9;cursor:zoom-in;color:#fff;width:100%;padding:0;display:block;overflow:hidden}.gallery-expand{background:#102136e8;border:1px solid #879be855;border-radius:8px;align-items:center;gap:8px;padding:9px 13px;font-size:12px;display:flex;position:absolute;bottom:14px;right:14px}.gallery-expand svg{width:16px;height:16px}.gallery-grid figcaption{color:var(--text-muted);margin-top:10px;font-size:12px}.gallery-dialog{width:min(1200px,94vw);max-height:94dvh;color:var(--text-main);background:#0a1424;border:1px solid #627aab;border-radius:16px;padding:0;box-shadow:0 25px 100px #0009}.gallery-dialog::backdrop{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#020816dc}.gallery-toolbar,.gallery-bottom{justify-content:space-between;align-items:center;gap:15px;padding:15px 20px;display:flex}.gallery-toolbar{border-bottom:1px solid var(--border);font-size:14px}.gallery-dialog button{border:1px solid var(--border);color:#bed7ff;background:#14243c;border-radius:10px;place-items:center;min-width:44px;height:44px;display:grid}.gallery-dialog button:disabled{opacity:.35;cursor:default}.gallery-large{height:min(66dvh,720px);padding:12px}.gallery-large img{object-fit:contain!important}.gallery-bottom p{color:var(--text-secondary);text-align:center;font-size:13px}.project-outcomes{grid-template-columns:repeat(3,1fr);gap:14px;margin:25px 0;display:grid}.project-outcomes article{padding:22px}.project-outcomes h2{margin-bottom:10px;font-size:16px}.project-outcomes p{color:var(--text-secondary);font-size:14px;line-height:1.65}.portrait-wrap:before{content:"";z-index:1;pointer-events:none;position:absolute;inset:0;box-shadow:inset 16px 0 55px #557fff20,inset -20px 0 60px #a168ff20}.contact-form button:disabled{opacity:.7;cursor:wait}.form-error{color:#ffc0c8;font-size:13px}.hero-resume-link{margin-top:18px;font-size:13px}.photo-credit{color:var(--text-muted);text-align:right;padding:0 35px 12px;font-size:10px}.photo-credit a{text-decoration:underline}@keyframes route-enter{0%{opacity:.65;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes icon-lift{50%{transform:translateY(-3px)rotate(-8deg)}}@media (max-width:767px){.back-to-top{width:44px;height:44px;bottom:16px;right:16px}.project-outcomes{grid-template-columns:1fr}.gallery-toolbar,.gallery-bottom{padding:10px 12px}.gallery-toolbar{font-size:12px}.gallery-large{height:55dvh}.gallery-bottom p{font-size:12px}.photo-credit{padding-right:22px}}@media (prefers-reduced-motion:reduce){.route-enter{animation:none}.card:after,.profile-card:after{display:none}.back-to-top:hover{transform:none}}body:has(.gallery-dialog[open]){overflow:hidden}
:root{--bg-main:#090c13;--bg-secondary:#0d111c;--bg-card:#101725;--text-muted:#95a2b9;--border:#9fb0d52e;--purple:#a490ff;--blue:#99baff}body{background:#090c13}.site-shell{background:#090c13;border:0;max-width:none;box-shadow:none!important;border-radius:0!important;margin:0!important}.navbar{background:#090c13ed;border-bottom:1px solid #bac9ff0e}.nav-inner{max-width:1400px;height:94px;padding:0 55px}.brand{letter-spacing:-.03em;font-size:19px}.nav-links a{font-size:13px}.nav-links a[aria-current]:after{border-radius:10px;height:3px;bottom:21px;left:0;right:0}.nav-cta{background:#151b29;border-radius:30px;padding:12px 21px}.button{border-radius:40px;min-height:54px}.button-primary{color:#111323;background:linear-gradient(110deg,#b8a0ff,#a9bcff);border-color:#c7bcff;font-weight:700;box-shadow:0 5px 30px #9470ff25}.button-secondary{background:#111622;border-color:#65718b55}.studio-hero{background:radial-gradient(at 76% 35%,#29204255,#0000 55%),#090c13;overflow:hidden}.studio-hero:before{display:none}.hero-inner{grid-template-columns:1.12fr 1fr;gap:55px;max-width:1400px;min-height:760px;padding:70px 55px 55px}.hero-copy{padding:0}.availability{color:#c5cbd9;background:#141a2188;border:1px solid #9eacc72b;border-radius:30px;align-items:center;gap:9px;margin-bottom:28px;padding:7px 12px;font-size:12px;display:inline-flex}.availability>span{background:#b7e6c9;border-radius:50%;width:6px;height:6px;box-shadow:0 0 9px #b7e6c966}.hero-name{letter-spacing:.17em;color:#a1adc3;margin-bottom:20px;font-size:10px}.hero-copy h1{letter-spacing:-.065em;font-size:clamp(58px,5.6vw,82px);font-weight:600;line-height:.99}.hero-copy .gradient-text{white-space:nowrap;background-image:linear-gradient(100deg,#bfa1ff,#94b4ff,#dad1ff);font-weight:600}.hero-role{color:#d6d9e8;margin-top:29px;font-size:14px}.hero-intro{color:#a2adc2;max-width:510px;margin-top:11px;font-size:14px;line-height:1.85}.hero-actions{gap:13px;margin-top:30px}.hero-actions .button{min-height:54px;padding:14px 24px;font-size:13px}.signature-stage{isolation:isolate;aspect-ratio:1/1.13;background:radial-gradient(at 50% 43%,#51437b4a,#0000 66%),linear-gradient(140deg,#121420bb,#11141d66);border:1px solid #b6a2ff24;border-radius:26px;width:100%;max-height:610px;position:relative;overflow:hidden}.signature-grid{z-index:-1;background-image:linear-gradient(#b3a3ff08 1px,#0000 1px),linear-gradient(90deg,#b3a3ff08 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000,#0000 75%);mask-image:radial-gradient(#000,#0000 75%)}.signature-main{flex-direction:column;justify-content:center;align-items:center;gap:28px;display:flex;position:absolute;inset:20% 14% 24%}.signature-main .logo-mark,.signature-main .logo-mark .monogram{width:100%;height:100%;max-height:230px}.signature-main .logo-letters{stroke:#b1a0f9;stroke-width:1.6px;filter:drop-shadow(0 0 15px #8c67ff44)}.signature-main .logo-light{stroke-width:1.9px;stroke:#eff9ff}.signature-main .logo-mark:before{filter:blur(50px);inset:20%}.signature-main>span{letter-spacing:.45em;color:#d5ccec;text-align:center;font-size:10px}.stage-coordinate{letter-spacing:.2em;color:#9099b3;font-size:9px;position:absolute;top:25px;left:26px}.signature-orbit{z-index:-1;border:1px solid #a48bc325;border-radius:50%;width:79%;height:68%;animation:18s ease-in-out infinite orbit-drift;position:absolute;top:13%;left:10%;transform:rotate(-30deg)}.orbit-two{border-color:#84baff1e;width:105%;height:47%;animation-delay:-8s;top:24%;left:-3%;transform:rotate(34deg)}.signature-orbit:after{content:"";background:#c9b9ff;border-radius:50%;width:6px;height:6px;position:absolute;top:9%;left:15%;box-shadow:0 0 15px #a8f}.floating-label{color:#c8cee0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#161b29df;border:1px solid #b2c0ea24;border-radius:11px;align-items:center;gap:9px;padding:11px 15px;font-size:11px;animation:7s ease-in-out infinite label-float;display:flex;position:absolute}.floating-label svg{color:#b8a5ff;width:17px;height:17px}.label-code{bottom:27%;left:6%;transform:rotate(-5deg)}.label-design{animation-delay:-3s;top:24%;right:5%}.stage-bottom{color:#a5aec4;border-top:1px solid #c6c4e41b;justify-content:space-between;padding-top:20px;font-size:10px;display:flex;position:absolute;bottom:25px;left:26px;right:26px}.stage-bottom span:first-child{align-items:center;gap:7px;display:flex}.stage-bottom svg{width:13px;height:13px}.hero-bottom{color:#919eb4;border-top:1px solid #acb5d61a;justify-content:space-between;align-items:center;gap:20px;max-width:1290px;margin:0 auto;padding:24px 0 28px;display:flex}.hero-bottom>a{align-items:center;gap:12px;font-size:12px;display:flex}.hero-bottom>a svg{width:15px;height:15px}.hero-bottom>span{letter-spacing:.17em;align-items:center;gap:20px;font-size:9px;display:flex}.hero-bottom i{background:#a291d1;border-radius:50%;width:3px;height:3px}.section,.section:nth-of-type(odd){background:#0b0f18;border-top:1px solid #a9b5d414}.section:nth-of-type(2n){background:radial-gradient(at 100% 30%,#29203513,#0000 60%),#090c13}.section-inner{max-width:1400px;padding:70px 55px}.section-heading{align-items:center;margin-bottom:35px;padding:0}.section-heading h2{letter-spacing:-.055em;font-size:44px;font-weight:500}.section-heading .eyebrow{color:#aca0cd;letter-spacing:.16em;margin-bottom:14px;font-size:10px}.section-heading h2:after{display:none}.section-aside{max-width:330px;font-size:12px}.text-link{color:#b9b0ec;font-size:13px}.card{box-shadow:none;background:linear-gradient(145deg,#121925,#10141e);border-radius:18px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.project-card{border-radius:22px;padding:13px;overflow:hidden}.project-image-link{aspect-ratio:16/9;background:#131a2a;border:0;border-radius:12px}.project-body{padding:22px 12px 12px}.project-category{text-transform:uppercase;letter-spacing:.18em;color:#a49bc5;margin-bottom:12px;font-size:9px}.project-body h3{letter-spacing:-.04em;font-size:26px;font-weight:500}.project-body p{max-width:480px;margin:7px 0 20px;font-size:14px;line-height:1.75}.technology-tags li{color:#bcc8e3;background:#18203080;border:1px solid #c7d1eb15;border-radius:30px;padding:4px 12px;font-size:11px}.project-body>.text-link{align-self:flex-end;min-height:32px;margin-top:-39px;font-size:12px}.project-body .technology-tags{max-width:72%;margin-bottom:0}.skills-grid{gap:13px}.skill-card{background:#10151f;border-radius:15px;gap:22px;min-height:145px}.skill-card h3{font-size:12px;font-weight:500}.skill-icon svg,.skill-icon img{width:35px;height:35px}.experience-card{padding:26px 22px;display:block}.experience-card>.feature-icon{margin-bottom:25px}.experience-card h3{font-size:17px;font-weight:500}.experience-card p{font-size:13px;line-height:1.75}.experience-card .text-link{margin-top:10px}.education-section .section-inner{padding-top:65px}.education-card{gap:20px;padding:28px 24px}.education-card h3{font-size:16px}.education-card p{font-size:13px;line-height:1.7}.learning-status{font-size:10px}.about-layout{grid-template-columns:1.1fr 1fr;gap:70px;padding:0}.about-copy{gap:20px}.about-copy p{font-size:16px;line-height:1.9}.about-facts{gap:15px}.about-fact{padding:25px 20px;display:block}.about-fact>svg{margin-bottom:20px}.about-fact h3{font-size:14px}.contact-section .section-heading h2{max-width:600px;font-size:52px}.contact-grid{gap:20px;padding:0}.contact-link{border-radius:12px;padding:15px 12px}.contact-form-card{padding:23px}.contact-form input,.contact-form textarea{background:#0c131f;border-color:#95a3c22e}.contact-icon{box-shadow:none;background:linear-gradient(130deg,#6b70b5,#514c89)}.location-card{min-height:280px}.footer{background:#080b11;padding:40px 55px 25px}.footer-main,.footer-bottom{max-width:1290px}.footer-bottom{margin-top:35px;padding-top:25px}.projects-page,.project-detail{padding-top:45px}.detail-header h1,.page-heading h1{font-size:64px}.project-outcomes{margin:35px 0}.next-project{padding:30px}.reading-progress{height:2px}.back-to-top{background:#1b1d30;border-radius:50%}@keyframes orbit-drift{0%,to{rotate:none}50%{rotate:20deg}}@keyframes label-float{0%,to{translate:0}50%{translate:0 -9px}}@media (max-width:1199px){.nav-inner{padding:0 30px}.hero-inner{gap:35px;min-height:700px;padding:55px 30px}.hero-copy h1{font-size:clamp(45px,5.5vw,66px)}.hero-bottom{margin:0 30px}.section-inner{padding:55px 30px}.section-heading h2{font-size:37px}.project-body h3{font-size:23px}.project-body>.text-link{align-self:flex-start;margin-top:15px}.project-body .technology-tags{max-width:100%}.signature-main .logo-mark .monogram{max-height:180px}.experience-card{padding:24px 18px}.about-layout{gap:35px}.contact-grid{grid-template-columns:1fr 1.35fr}.location-card{grid-column:1/-1;min-height:190px}.skills-grid{grid-template-columns:repeat(5,1fr)}}@media (max-width:767px){.nav-inner{height:76px;padding:0 22px}.nav-links{top:76px}.nav-links a[aria-current]:after{display:none}.hero-inner{grid-template-columns:1fr;gap:36px;min-height:0;padding:40px 22px 35px}.hero-copy h1{font-size:clamp(40px,9.7vw,70px)}.hero-name{letter-spacing:.09em;max-width:280px;font-size:9px;line-height:1.8}.availability{margin-bottom:24px;font-size:11px}.hero-role{margin-top:23px;font-size:13px}.hero-intro{font-size:14px;line-height:1.8}.hero-actions .button{min-height:50px;padding:13px 19px;font-size:12px}.signature-stage{aspect-ratio:1;max-width:450px;margin:auto}.signature-main .logo-mark .monogram{max-height:160px}.signature-main>span{font-size:8px}.floating-label{padding:9px 11px;font-size:10px}.hero-bottom{margin:0 22px;padding:20px 0;display:block}.hero-bottom>span{letter-spacing:.08em;gap:10px;margin-top:20px;font-size:7px}.section-inner{padding:45px 22px}.section-heading{margin-bottom:25px}.section-heading h2{font-size:34px}.section-aside{margin-top:15px;font-size:12px}.project-grid{grid-template-columns:1fr;gap:22px}.project-card{border-radius:18px;padding:9px}.project-body{padding:20px 12px 12px}.project-body h3{font-size:24px}.project-body p{font-size:14px}.project-body>.text-link{font-size:13px}.skills-grid{grid-template-columns:repeat(2,1fr)}.skill-card{min-height:130px}.experience-grid{grid-template-columns:1fr}.experience-card{gap:22px;padding:26px;display:flex}.experience-card>.feature-icon{margin-bottom:0}.education-section .section-inner{padding-top:45px}.education-card{padding:24px 20px}.about-layout{grid-template-columns:1fr;gap:30px}.about-copy p{font-size:15px}.about-fact{padding:22px 16px}.contact-section .section-heading h2{font-size:38px;line-height:1.12}.contact-grid{grid-template-columns:1fr}.contact-link{padding:14px}.contact-form-card{padding:18px}.location-card{min-height:230px}.footer{padding:32px 22px}.footer-main nav{gap:23px}.footer-brand .brand{font-size:16px}.detail-header h1,.page-heading h1{font-size:40px}.project-outcomes{gap:12px}.stage-bottom{font-size:9px;bottom:20px;left:20px;right:20px}.gallery-dialog{border-radius:12px}}@media (prefers-reduced-motion:reduce){.signature-orbit,.floating-label{animation:none}}
.case-study{--case-accent:#b5a2ff;--case-glow:#7455bf30;background:radial-gradient(ellipse at 80% 8%,var(--case-glow),transparent 27%),#090c13}.case-business{--case-accent:#9dd8cc;--case-glow:#2a76692c}.case-otclient{--case-accent:#a3bdff;--case-glow:#3e66bd2c}.case-otcreator{--case-accent:#d6b0ed;--case-glow:#9257a82c}.case-container{max-width:1400px;margin:auto;padding:0 55px}.case-topline{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;padding:35px 0;display:flex}.case-topline>span{letter-spacing:.18em;color:#a0aac0;font-size:10px}.case-topline .text-link{font-size:12px}.case-opening{grid-template-columns:1fr 160px;align-items:end;gap:50px;padding:65px 0 48px;display:grid}.case-opening .eyebrow{color:var(--case-accent);letter-spacing:.2em;margin-bottom:25px;font-size:10px}.case-slash{opacity:.5;margin:0 15px;display:inline-block}.case-opening h1{letter-spacing:-.06em;max-width:900px;font-size:clamp(48px,6vw,86px);font-weight:500;line-height:1.05}.case-lead{color:#acb6cb;max-width:740px;margin-top:25px;font-size:18px;line-height:1.8}.case-opening-side{flex-direction:column;align-items:flex-end;gap:24px;padding-bottom:4px;display:flex}.case-symbol{width:100px;height:100px;box-shadow:0 0 60px var(--case-glow);background:linear-gradient(140deg,#a794f918,#0000);border:1px solid #b4a6de38;border-radius:50%;place-items:center;display:grid}.case-symbol svg{width:46px;height:46px;color:var(--case-accent)}.case-opening-side>span:last-child{color:#96a1b6;text-align:right;font-size:12px;line-height:1.7}.case-facts{border-top:1px solid var(--border);grid-template-columns:1fr 1.3fr 1fr auto;align-items:center;gap:24px;padding:27px 0 35px;display:grid}.case-facts>div:not(.case-launch){gap:10px;display:grid}.case-facts>div>span:first-child:not(.case-unavailable){letter-spacing:.18em;color:#8e9bb2;font-size:9px}.case-facts strong{color:#d4daea;font-size:12px;font-weight:500}.case-launch .button{min-height:48px;padding:12px 20px;font-size:12px}.case-unavailable{color:#a3aec3;align-items:center;gap:9px;font-size:11px;display:flex}.case-unavailable svg{width:16px;height:16px}.case-showcase{isolation:isolate;background:linear-gradient(145deg,#232338,#111927 70%,#141320);border:1px solid #b0aac91c;border-radius:24px;margin-top:15px;padding:55px 60px 22px;position:relative;overflow:hidden}.showcase-glow{z-index:-1;background:radial-gradient(ellipse at 55% 35%,var(--case-glow),transparent 65%);animation:8s ease-in-out infinite case-breathe;position:absolute;inset:0}.case-browser{background:#0d111c;border:1px solid #b6b7d138;border-radius:13px;transition:transform .5s;overflow:hidden;transform:perspective(1800px)rotateX(2deg);box-shadow:0 25px 70px #0005}.case-browser:hover{transform:perspective(1800px)rotateX(0)translateY(-3px)}.browser-bar{color:#aab1c7;background:#171c2a;border-bottom:1px solid #c3c5e118;justify-content:space-between;align-items:center;height:37px;padding:0 15px;font-size:10px;display:flex}.browser-bar>svg{width:13px;height:13px}.browser-dots{gap:5px;display:flex}.browser-dots i{background:#596275;border-radius:50%;width:6px;height:6px}.browser-dots i:first-child{background:#ad83a2}.browser-dots i:nth-child(2){background:#b7a782}.browser-dots i:last-child{background:#83a69e}.case-browser-image{aspect-ratio:1.6;position:relative}.case-browser-image img{object-position:top!important}.showcase-caption{color:#b1b9ce;justify-content:space-between;align-items:center;gap:15px;margin-top:25px;font-size:10px;display:flex}.showcase-caption>span{align-items:center;gap:9px;display:flex}.showcase-caption svg{width:14px;height:14px}.showcase-caption .text-link{font-size:11px}.case-study .demo-notice{color:#9ca6be;background:#161423;border-color:#b7a4f521;margin:22px 0 0;font-size:11px}.case-study .demo-notice>span{color:var(--case-accent)}.case-editorial{grid-template-columns:250px 1fr;gap:100px;padding:90px 0 50px;display:grid}.case-index{align-self:start;position:sticky;top:125px}.case-index>.eyebrow{color:#9a91b6;margin-bottom:22px;font-size:9px}.case-index nav{gap:4px;display:grid}.case-index nav a{color:#b5bfd3;border-bottom:1px solid #b4c3e412;align-items:center;gap:14px;padding:13px 0;font-size:12px;transition:color .2s,padding .2s;display:flex}.case-index nav a>span{color:#8982a2;font-size:9px}.case-index nav a>svg{opacity:.45;width:13px;height:13px;margin-left:auto}.case-index nav a:hover{color:var(--case-accent);padding-left:5px}.case-source{color:var(--case-accent);gap:15px;padding:28px 0;font-size:12px;display:flex}.case-source p{line-height:1.8}.case-source p>span{color:#8c97ac;font-size:10px}.case-source a{align-items:center;gap:12px;display:flex}.case-narrative{min-width:0}.case-chapter{border:0;border-bottom:1px solid #b8bbd11c;margin-bottom:42px;padding:0 0 42px;scroll-margin-top:125px;background:0 0!important}.chapter-label{letter-spacing:.2em;color:var(--case-accent);margin-bottom:20px;font-size:9px}.case-chapter h2{letter-spacing:-.04em;margin-bottom:20px;font-size:38px;font-weight:500}.case-chapter>p:last-of-type:not(.chapter-label){color:#aab5ca;max-width:790px;font-size:16px;line-height:1.95}.case-chapter .technology-tags{gap:10px;margin:24px 0 0}.case-chapter .technology-tags li{color:#c5c9e6;background:#161d2b;border-radius:10px;padding:10px 20px;font-size:13px}.case-contributions{border:0;padding:10px 0 70px;background:0 0!important}.case-section-title h2{letter-spacing:-.045em;font-size:43px;font-weight:500}.case-section-title .eyebrow{color:var(--case-accent);margin-bottom:16px;font-size:9px}.case-study .project-outcomes{gap:20px;margin:30px 0 0}.case-study .project-outcomes article{padding:30px}.outcome-number{letter-spacing:.12em;color:var(--case-accent);margin-bottom:35px;font-size:11px;display:block}.case-study .project-outcomes h3{margin-bottom:16px;font-size:20px;font-weight:500}.case-study .project-outcomes p{color:#a8b3c8;font-size:13px;line-height:1.9}.case-gallery-section{border:0;border-top:1px solid var(--border);padding:65px 0 70px;background:0 0!important}.case-gallery-section .case-section-title{justify-content:space-between;align-items:end;gap:25px;margin-bottom:32px;display:flex}.case-gallery-section .case-section-title>p{color:#a0abc0;font-size:12px}.case-gallery-section .gallery-thumbnail{aspect-ratio:16/9;border-radius:18px}.case-gallery-section .gallery-thumbnail img{object-position:top}.case-gallery-section figcaption{margin-top:15px;font-size:11px}.case-learning{border:1px solid #a3a0cc22;border-radius:22px;grid-template-columns:90px 1fr;gap:35px;margin:0 0 80px;padding:48px;scroll-margin-top:125px;display:grid;background:linear-gradient(130deg,#191b2b,#121722)!important}.learning-star{color:var(--case-accent);font-family:Arial,sans-serif;font-size:80px;line-height:1}.case-learning h2{letter-spacing:-.035em;margin-bottom:18px;font-size:34px;font-weight:500}.case-learning .eyebrow{color:var(--case-accent);margin-bottom:17px;font-size:9px}.case-learning div>p:last-child{color:#afb9cd;max-width:850px;font-size:15px;line-height:1.9}.case-next{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:30px;padding:48px 0 70px;display:flex}.case-next>div{gap:15px;display:grid}.case-next .eyebrow{color:var(--case-accent);margin:0;font-size:10px}.case-next strong{letter-spacing:-.05em;font-size:clamp(28px,4vw,56px);font-weight:500}.case-next>div>span{color:#9da9bf;font-size:12px}.case-next-arrow{width:90px;height:90px;color:var(--case-accent);border:1px solid #bbadea44;border-radius:50%;flex-shrink:0;place-items:center;transition:background .3s,transform .3s;display:grid}.case-next-arrow svg{width:34px;height:34px}.case-next:hover .case-next-arrow{background:#b8a1ff16;transform:rotate(45deg)}@keyframes case-breathe{50%{opacity:.45;transform:scale(1.12)}}@media (max-width:1199px){.case-container{padding:0 30px}.case-opening{gap:30px}.case-opening h1{font-size:64px}.case-editorial{grid-template-columns:200px 1fr;gap:55px}.case-showcase{padding:35px 35px 20px}.case-facts{grid-template-columns:1fr 1fr;gap:18px}.case-launch{justify-self:end}.case-study .project-outcomes article{padding:24px}.case-section-title h2{font-size:36px}}@media (max-width:767px){.case-container{padding:0 22px}.case-topline{gap:10px;padding:25px 0}.case-topline .text-link{font-size:11px}.case-topline>span{font-size:8px}.case-opening{grid-template-columns:1fr;gap:0;padding:38px 0 30px}.case-opening h1{font-size:clamp(38px,10vw,58px);line-height:1.1}.case-opening .eyebrow{letter-spacing:.1em;margin-bottom:20px;font-size:8px}.case-slash{margin:0 8px}.case-lead{margin-top:20px;font-size:15px;line-height:1.85}.case-opening-side{display:none}.case-facts{grid-template-columns:1fr 1fr;gap:25px 16px;padding:23px 0}.case-facts strong{font-size:11px;line-height:1.6}.case-facts>div>span:first-child:not(.case-unavailable){font-size:8px}.case-launch{justify-self:start}.case-launch .button{gap:7px;min-height:44px;padding:10px 13px;font-size:10px}.case-unavailable{font-size:10px;line-height:1.5}.case-showcase{border-radius:15px;margin-top:8px;padding:17px 12px 16px}.browser-bar{height:28px;padding:0 10px;font-size:8px}.browser-dots i{width:4px;height:4px}.browser-dots{gap:4px}.case-browser{border-radius:8px;transform:none}.case-browser-image{aspect-ratio:1.4}.showcase-caption{gap:12px;margin-top:15px}.showcase-caption>span{gap:5px;font-size:8px}.showcase-caption .text-link{gap:5px;font-size:9px}.case-study .demo-notice{margin-top:16px;padding:13px;font-size:10px;line-height:1.7}.case-editorial{grid-template-columns:1fr;gap:35px;padding:42px 0 12px}.case-index{position:static}.case-index nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.case-index nav a{gap:8px;font-size:11px}.case-index nav a>svg,.case-source{display:none}.case-chapter{margin-bottom:28px;padding-bottom:28px;scroll-margin-top:100px}.chapter-label{margin-bottom:15px;font-size:8px}.case-chapter h2{margin-bottom:15px;font-size:31px}.case-chapter>p:last-of-type:not(.chapter-label){font-size:14px;line-height:1.9}.case-chapter .technology-tags li{padding:9px 16px;font-size:12px}.case-contributions{padding-bottom:40px}.case-section-title h2{font-size:32px}.case-study .project-outcomes{grid-template-columns:1fr;gap:13px;margin-top:25px}.case-study .project-outcomes article{padding:25px}.outcome-number{margin-bottom:18px}.case-study .project-outcomes h3{font-size:21px}.case-study .project-outcomes p{font-size:14px}.case-gallery-section{padding:40px 0}.case-gallery-section .case-section-title{display:block}.case-gallery-section .case-section-title>p{margin-top:15px}.case-gallery-section .gallery-thumbnail{border-radius:12px}.case-learning{border-radius:16px;grid-template-columns:1fr;gap:15px;margin-bottom:40px;padding:26px}.learning-star{font-size:45px}.case-learning h2{font-size:29px}.case-learning div>p:last-child{font-size:14px}.case-next{gap:18px;padding:35px 0 45px}.case-next strong{font-size:29px}.case-next-arrow{width:55px;height:55px}.case-next-arrow svg{width:24px;height:24px}.case-next .eyebrow{font-size:8px}}@media (prefers-reduced-motion:reduce){.showcase-glow{animation:none}.case-browser,.case-browser:hover,.case-next:hover .case-next-arrow{transform:none}}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-main:#fafbff;--bg-secondary:#f2f5fc;--bg-card:#fff;--bg-card-hover:#f5f3ff;--text-main:var(--text-primary);--text-secondary:#505b72;--text-muted:#5c667c;--border:#dedbe7;--border-hover:#b8abe8;--blue:#3756ad;--purple:#6846b8;--cyan:#277193}body,.site-shell{color:var(--text-main);background:#fafbff}::selection{color:#252041;background:#dcd4fb}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:4px;outline:3px solid #7154c9}.skip-link{color:#302351;background:#fff;border:1px solid #b7a7df;box-shadow:0 5px 20px #35305020}.navbar{background:#fffffff0;border-bottom:1px solid #e4e7f1;box-shadow:0 4px 25px #333c6504}.nav-links a{color:#59637a}.nav-links a:hover,.nav-links a[aria-current]{color:#463180}.nav-links a svg{color:#667194}.nav-links a:hover svg,.nav-links a[aria-current] svg{color:#7150bd;filter:drop-shadow(0 0 4px #ad9ae844)}.nav-links a[aria-current]:after{background:linear-gradient(90deg,#805ed3,#547ed8);box-shadow:0 0 12px #8b76da25}.nav-cta,.button-secondary{color:#34405b;background:#fff;border-color:#d4dbea;box-shadow:0 3px 8px #35436a06}.button-primary{color:#fff;background:linear-gradient(110deg,#7350c6,#466bd0);border-color:#7156c4;box-shadow:0 6px 22px #7960bd28,inset 0 1px 1px #ffffff40}.button-primary:hover{filter:brightness(1.06);border-color:#6d4cba;box-shadow:0 9px 27px #745bbf35}.button-secondary:hover{background:#f7f4ff;border-color:#b0a0d4;box-shadow:0 5px 20px #6e59a317}.menu-toggle{color:#3e4864;background:#fff;border-color:#d5dcea}.logo-letters{stroke:#7350c6}.logo-light{stroke:#369bdc;filter:drop-shadow(0 0 3px #76b9ed)}.logo-mark:before{opacity:.12;background:#ba9df3}.studio-hero{background:radial-gradient(at 80% 28%,#e8e2fa 0,#0000 53%),linear-gradient(160deg,#fff,#f6f8fe)}.availability{color:#445368;background:#fff;border-color:#d8e4e1;box-shadow:0 3px 12px #48546404}.availability>span{background:#2d805e;box-shadow:0 0 7px #64ad8922}.hero-name{color:#635978}.hero-copy .gradient-text{color:#7350be;background-image:linear-gradient(100deg,#7650bc,#466dcc,#7755bc)}.hero-role{color:#34415c}.hero-intro{color:#56637b}.signature-stage{background:radial-gradient(at 50% 40%,#e0d7f7a8,#0000 68%),linear-gradient(140deg,#fff,#edf1ff);border-color:#d7d9ef;box-shadow:0 25px 70px #6d66a312,inset 0 1px #fff}.signature-grid{background-image:linear-gradient(#8d82b512 1px,#0000 1px),linear-gradient(90deg,#8d82b512 1px,#0000 1px)}.signature-main .logo-letters{stroke:#8565c9;filter:drop-shadow(0 4px 12px #8a6dc126)}.signature-main .logo-light{stroke:#fff;filter:drop-shadow(0 0 4px #727cdf)}.signature-main>span{color:#655084}.stage-coordinate{color:#6e6486}.signature-orbit{border-color:#a58ad83b}.orbit-two{border-color:#6d98ce36}.signature-orbit:after{background:#9970d2;box-shadow:0 0 12px #9970d250}.floating-label{color:#565374;background:#ffffffec;border-color:#dedbee;box-shadow:0 7px 25px #70639612}.floating-label svg{color:#7653bd}.stage-bottom{color:#655b7c;border-color:#dcdbea}.hero-bottom{color:#596580;border-color:#dfe2ed}.hero-bottom i{background:#9476be}.section,.section:nth-of-type(odd){background:#fff;border-top-color:#e9ecf5}.section:nth-of-type(2n){background:radial-gradient(at 100% 30%,#e8e2fa20,#0000 60%),#f7f9fd}.section-heading .eyebrow,.eyebrow{color:#6d5d87}.section-aside{color:#5e6980}.text-link{color:#64469e}.text-link:hover{color:#3c286b}.card{background:linear-gradient(145deg,#fff,#fafbff);border-color:#dce2ee;box-shadow:0 5px 18px #33467004}.card:hover,.card:focus-within{border-color:#b5a3dd;box-shadow:0 10px 35px #6d58a411}.card:after,.profile-card:after{background:radial-gradient(420px circle at var(--pointer-x,50%) var(--pointer-y,50%), #916de610, transparent 65%)}.project-image-link{background:#edf0fb;border:1px solid #e2e5ef}.project-image-arrow{color:#7051a5;background:#fffffff0;border-color:#c6b9e1}.project-category{color:#6b5689}.project-body h3 a:hover{color:#6646a2}.project-body p{color:#59657b}.technology-tags li{color:#495a80;background:#f0f2fb;border-color:#e0e5f2}.skill-card{background:#fff}.skill-card:hover{background:linear-gradient(145deg,#fff,#f3effd)}.skill-wordpress img,.skill-github img,.github-icon{filter:none}.skill-icon{color:#4875b6}.skill-palette,.skill-brain{color:#8260c1}.skill-database{color:#497aca}.skill-card:hover .skill-icon{filter:drop-shadow(0 3px 6px #8270c331)}.feature-icon{color:#577cbc;filter:drop-shadow(0 2px 4px #687fc51a)}.experience-card:nth-child(2n) .feature-icon{color:#8d65bd}.experience-card:nth-child(3) .feature-icon{color:#7773b9}.experience-card p,.education-card p{color:#56637b}.tone-purple .feature-icon{color:#8b61bf}.learning-status{color:#4264a3}.tone-purple .learning-status{color:#7750ad}.learning-track{background:#e4eaf4}.learning-track>span{background:linear-gradient(90deg,#6988d6,#a3b9eb)}.track-1>span{background:linear-gradient(90deg,#8a60c5,#b491e5)}.about-copy p{color:#505d76}.about-fact>svg{color:#5577b5}.about-fact:nth-child(2n)>svg{color:#845eac}.about-fact p{color:#636e83}.contact-icon{color:#fff;background:linear-gradient(130deg,#8571c8,#5277be)}.contact-label>span,.contact-link>svg{color:#4b68a3}.contact-github .contact-icon{background:0 0}.contact-form input,.contact-form textarea{color:#253149;background:#f8faff;border-color:#d5deed}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#66748b}.contact-form input:focus,.contact-form textarea:focus{border-color:#9a7bc9;box-shadow:0 0 0 3px #b7a0df18}.demo-caption{color:#68738a}.success-icon{color:#4a759b;background:#edf4fa;border-color:#c3d8e9}.form-success p{color:#56637b}.form-error{color:#a92c47}.location-overlay{color:#26364c;background:linear-gradient(#0000,#ffffffed 45%,#fff)}.location-overlay>svg{color:#587eb4}.location-overlay p{color:#596780}.location-card img{opacity:1}.footer{background:#f3f5fb;border-color:#dde3ef}.footer-brand p,.footer-bottom{color:#64718a}.footer-main nav{color:#56647c}.footer-main nav a:hover{color:#6c4aa9}.footer-socials a:hover{color:#6748a4;background:#e7e1f5}.footer-bottom{border-color:#dce3f0}.handwritten{color:#74628a}.back-to-top{color:#7054ab;background:#fff;border-color:#d1c3e8;box-shadow:0 8px 28px #60478820}.back-to-top:hover{box-shadow:0 9px 30px #6e53a22a}.reading-progress{box-shadow:none;background:linear-gradient(90deg,#916dcd,#6a91db)}.asset-fallback{color:#695c7e;background:radial-gradient(at 40% 20%,#e9e0f9,#f2f5fc)}.profile-card{background:#f9faff;border-color:#bca4df;animation:.9s both fade-in;box-shadow:0 10px 30px #77609212}.profile-info li{color:#495674}.profile-info li svg{color:#6689c2}.profile-quote{color:#7c55ab}.portrait-wrap{background:#ebe4f5}.portrait-wrap:after{background:linear-gradient(#0000,#f9faff)}.portrait-note{color:#75618d}.projects-page,.project-detail,.not-found{background:#fafbff}.page-heading>p:last-child,.detail-description{color:#56657b}.unavailable-link{color:#64728a}.detail-hero{background:#f0f2fa}.demo-notice{color:#665d77;background:#f4f0fb;border-color:#e3d9f0}.demo-notice>span{color:#745298}.case-row{border-color:#dce2ed}.case-row>p{color:#536078}.case-number{color:#765e9d}.next-project>svg{color:#695292}.screenshot-figure figcaption{color:#64718a}.not-found>p{color:#56617a}.case-study{--case-accent:#71509f;--case-glow:#ddd1f342;background:radial-gradient(ellipse at 80% 8%, var(--case-glow), transparent 27%), #fafbff}.case-business{--case-accent:#356f65;--case-glow:#c7e8df42}.case-otclient{--case-accent:#4a66a4;--case-glow:#cfdcf442}.case-otcreator{--case-accent:#885690;--case-glow:#ecd4ee42}.case-topline{border-color:#dce2ed}.case-topline>span{color:#66738c}.case-lead{color:#56637b}.case-symbol{background:linear-gradient(140deg,#ede5fba0,#fff);border-color:#d9cbe9}.case-opening-side>span:last-child{color:#69718a}.case-facts{border-color:#dce2ed}.case-facts>div>span:first-child:not(.case-unavailable){color:#68748a}.case-facts strong{color:#33435c}.case-unavailable{color:#66748b}.case-showcase{background:linear-gradient(145deg,#eee8f9,#e7eefb 70%,#f5f1fc);border-color:#dedfee}.case-browser{background:#fff;border-color:#d1d8e7;box-shadow:0 25px 55px #53628e19}.browser-bar{color:#606d84;background:#f7f8fc;border-color:#e1e5f0}.browser-dots i{background:#adb5c7}.browser-dots i:first-child{background:#cba5b6}.browser-dots i:nth-child(2){background:#d6c397}.browser-dots i:last-child{background:#a3c6b7}.showcase-caption{color:#5f6d85}.case-study .demo-notice{color:#665d78;background:#f3effa;border-color:#e3d9ed}.case-index>.eyebrow{color:#6e5d85}.case-index nav a{color:#57657c;border-color:#e2e6ef}.case-index nav a>span{color:#817292}.case-index nav a:hover{color:var(--case-accent)}.case-source p>span{color:#6a768c}.case-chapter{border-bottom-color:#e0e5f0}.case-chapter>p:last-of-type:not(.chapter-label){color:#56657b}.case-chapter .technology-tags li{color:#4d5d7b;background:#edf1fa;border-color:#dce4f1}.case-study .project-outcomes p{color:#56657c}.case-gallery-section{border-color:#dce3ef}.case-gallery-section .case-section-title>p{color:#64718a}.case-learning{border-color:#ddd9ee;background:linear-gradient(130deg,#f0ebfa,#eef3fc)!important}.case-learning div>p:last-child{color:#53627c}.case-next{border-color:#dce2ed}.case-next>div>span{color:#62718a}.case-next-arrow{background:#fff;border-color:#d7c7e8}.case-next:hover .case-next-arrow{background:#eee7f8}.gallery-dialog{color:#26334d;background:#fff;border-color:#d1c8e2;box-shadow:0 25px 100px #29345235}.gallery-dialog::backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#3c45699c}.gallery-toolbar{color:#4f5e78;background:#fafbff;border-color:#e0e5ef}.gallery-dialog button{color:#5b508b;background:#f1f3fa;border-color:#dce3ee}.gallery-bottom p{color:#59657b}.gallery-expand{color:#5b477f;background:#fffffff5;border-color:#d9cee8;box-shadow:0 3px 12px #46507710}.gallery-thumbnail{color:#283951;background:#edf1fa}.gallery-grid figcaption{color:#606f85}.gallery-large{background:#f7f8fc}@media (max-width:767px){.nav-links{background:#fff;border-bottom-color:#dde4f0;box-shadow:0 12px 25px #33446b0d}.nav-links a[aria-current]{color:#603e95;background:#f0eafb}.contact-form input,.contact-form textarea{font-size:16px}.case-launch .button{color:#fff}.hero-copy h1{overflow-wrap:normal}.gallery-bottom p{font-size:12px}}
.newsletter-section{background:#fafbff!important}.newsletter-banner{background:linear-gradient(135deg,#f6f2ff,#fff);border:1px solid #dcd8ed;border-radius:28px;grid-template-columns:1.05fr 1fr;display:grid;overflow:hidden;box-shadow:0 20px 60px #6553810c}.newsletter-content{padding:50px;position:relative}.newsletter-icon{color:#7956ae;background:#ffffffc9;border:1px solid #d8cdee;border-radius:14px;place-items:center;width:46px;height:46px;margin-bottom:25px;display:grid;box-shadow:0 8px 20px #7457940b}.newsletter-content .eyebrow{letter-spacing:.17em;color:#745887;margin-bottom:17px;font-size:9px}.newsletter-content h2{letter-spacing:-.055em;max-width:440px;font-size:clamp(32px,3.3vw,47px);font-weight:500;line-height:1.12}.newsletter-intro{color:#5c6580;max-width:440px;margin-top:22px;font-size:14px;line-height:1.85}.newsletter-topics{color:#6a5c7e;flex-wrap:wrap;gap:10px 16px;margin:23px 0 30px;font-size:10px;display:flex}.newsletter-topics>span{align-items:center;gap:6px;display:flex}.newsletter-topics>span+span:before{content:"";background:#b09cc8;border-radius:50%;width:3px;height:3px;margin-right:6px}.newsletter-topics svg{width:13px;height:13px}.newsletter-action{flex-wrap:wrap;align-items:center;gap:15px 20px;display:flex}.newsletter-action .button{padding:13px 21px;font-size:12px}.newsletter-action p{color:#6b6b81;font-size:10px;line-height:1.7}.newsletter-soon{color:#624383;background:#eae2f6;border:1px solid #d9cce9;border-radius:30px;padding:13px 20px;font-size:12px;font-weight:600}.newsletter-photo{isolation:isolate;min-height:450px;position:relative}.newsletter-photo>.asset-image{position:absolute;inset:0}.newsletter-photo img{object-position:53% center;filter:saturate(.6)contrast(.92)brightness(1.09)}.newsletter-photo-wash{pointer-events:none;background:linear-gradient(#0000 50%,#ffffffed),linear-gradient(110deg,#d4c9e345,#b3c8ed22);position:absolute;inset:0}.newsletter-place{color:#343a52;align-items:flex-start;gap:14px;display:flex;position:absolute;bottom:35px;left:35px;right:25px}.newsletter-place>svg{color:#735395;margin-top:3px}.newsletter-place>div{gap:7px;display:grid}.newsletter-place strong{letter-spacing:-.04em;font-size:24px;font-weight:500}.newsletter-place span{color:#505a73;font-size:12px}.genk-credit{color:#6a7082;text-align:right;margin-top:12px;font-size:10px;line-height:1.7;display:block}.genk-credit a{text-underline-offset:2px;text-decoration:underline}.location-card img{filter:saturate(.65)brightness(1.08)}.contact-section>.section-inner>.genk-credit{margin-right:9px}@media (max-width:1023px){.newsletter-content{padding:35px}.newsletter-banner{grid-template-columns:1.15fr 1fr}.newsletter-content h2{font-size:35px}.newsletter-photo{min-height:460px}}@media (max-width:767px){.newsletter-banner{border-radius:20px;grid-template-columns:1fr}.newsletter-content{padding:29px 24px 32px}.newsletter-content h2{font-size:36px}.newsletter-intro{font-size:14px}.newsletter-topics{gap:12px;margin-bottom:25px;font-size:10px}.newsletter-photo{min-height:290px}.newsletter-photo img{object-position:center 42%}.newsletter-place{bottom:23px;left:25px}.newsletter-place strong{font-size:22px}.newsletter-action p{font-size:11px}.genk-credit{text-align:left;font-size:9px}.newsletter-content .eyebrow{font-size:8px}.newsletter-icon{margin-bottom:22px}}.newsletter-signup{max-width:720px;margin:40px auto;padding:clamp(24px,5vw,52px)}.newsletter-signup h1{font-size:clamp(30px,5vw,48px);line-height:1.1}.newsletter-signup p{margin:22px 0;line-height:1.65}.newsletter-signup form>label{margin:22px 0;display:block}.newsletter-signup input[type=email]{color:#252a3d;background:#fff;border:1px solid #aaa1bb;border-radius:10px;width:100%;margin-top:8px;padding:14px;display:block}.newsletter-signup .newsletter-consent{align-items:flex-start;gap:12px;font-size:14px;line-height:1.5;display:flex}.newsletter-consent input{flex-shrink:0;width:20px;height:20px}.newsletter-trap{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}
.studio-hero{background:radial-gradient(at 88% 22%,#e3d8ff 0,#0000 55%),radial-gradient(at 8% 95%,#e4efff,#0000 50%),#fbfaff}.hero-inner{align-items:center;gap:48px;min-height:680px;padding-top:54px;padding-bottom:42px}.hero-copy h1{font-weight:700}.playground{--demo-accent:#6946b6;--demo-soft:#ebe1ff;background:#ffffffa8;border:1px solid #fff;border-radius:28px;min-width:0;padding:22px;position:relative;transform:rotate(1deg);box-shadow:0 24px 70px #563b9920}.playground.accent-1{--demo-accent:#236b83;--demo-soft:#d9eff1}.playground.accent-2{--demo-accent:#a24b30;--demo-soft:#fbe5d8}.playground-top{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.playground-top>span{letter-spacing:.14em;color:#625577;align-items:center;gap:8px;font-size:9px;display:flex}.playground-top i{background:#378166;border-radius:50%;width:7px;height:7px}.playground-top>svg{width:36px;height:36px}.playground-tabs{background:#ece8f5;border-radius:13px;gap:5px;margin-bottom:17px;padding:5px;display:flex}.playground-tabs button{color:#574e69;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:7px;padding:11px 4px;font-size:12px;display:flex}.playground-tabs button[aria-pressed=true]{color:#54308e;background:#fff;box-shadow:0 3px 10px #31264d12}.playground-tabs svg{width:15px;height:15px}.preview-browser{background:#f3eff9;border:1px solid #ded7eb;border-radius:13px;overflow:hidden}.preview-chrome{color:#706880;background:#fff;justify-content:space-between;gap:8px;padding:11px 13px;font-size:9px;display:flex}.preview-chrome>span:first-child{letter-spacing:3px;color:#ad9fc8}.preview-canvas{background:#fff;width:100%;min-height:340px;margin:auto;transition:width .35s;overflow:hidden}.preview-canvas.preview-compact{width:76%}.mini-website{color:#334238;background:#f6f1e8;min-height:340px}.mini-nav{border-bottom:1px solid #40573d20;justify-content:space-between;gap:8px;padding:18px 20px;font-size:8px;display:flex}.mini-web-body{isolation:isolate;min-height:254px;padding:30px 22px;position:relative}.mini-kicker{letter-spacing:.13em;font-size:9px;font-weight:600}.mini-web-body h2{letter-spacing:-.055em;z-index:1;max-width:260px;margin:16px 0;font-size:clamp(25px,2.6vw,38px);line-height:1.08;position:relative}.mini-web-body em{font-family:Georgia,serif;font-weight:400}.mini-web-body p{z-index:1;font-size:9px;position:relative}.mini-pill{color:#fff;background:#344c3a;border-radius:20px;align-items:center;gap:12px;margin-top:18px;padding:10px 12px;font-size:9px;display:inline-flex}.mini-pill svg{width:12px;height:12px}.mini-sculpture{z-index:-1;width:160px;height:210px;position:absolute;top:39px;right:-26px;transform:rotate(-15deg)}.mini-sculpture i{border:24px solid #9caf91;border-radius:90px;width:110px;height:170px;position:absolute;box-shadow:inset 5px 4px 12px #3e624a30,8px 8px 20px #3e624a25}.mini-sculpture i:nth-child(2){border-color:#c5d0af;top:12px;left:23px}.mini-sculpture i:nth-child(3){border-color:#e3dbc0;top:24px;left:46px}.mini-footer{border-top:1px solid #40573d20;justify-content:space-between;gap:8px;padding:15px 20px;font-size:8px;display:flex}.mini-interface,.mini-tools{color:#30253f;min-height:340px;padding:25px}.mini-interface h2,.mini-tools h2{letter-spacing:-.05em;margin:12px 0;font-size:27px}.mini-interface p,.mini-tools p{color:#655b71;font-size:11px}.swatch-row{gap:10px;margin:15px 0;display:flex}.swatch{cursor:pointer;border:3px solid #fff;border-radius:50%;outline:1px solid #c4bcd1;place-items:center;width:33px;height:33px;display:grid}.swatch svg{color:#fff;width:17px}.swatch-0{background:#6946b6}.swatch-1{background:#236b83}.swatch-2{background:#a24b30}.sample-widget{background:var(--demo-soft);color:var(--demo-accent);border-radius:12px;padding:18px;position:relative;overflow:hidden}.sample-widget>span{letter-spacing:.12em;font-size:8px}.sample-widget strong{z-index:1;margin-top:14px;font-size:24px;line-height:1.12;display:block;position:relative}.widget-bars{opacity:.24;align-items:end;gap:5px;height:70px;display:flex;position:absolute;bottom:0;right:14px}.widget-bars i{background:var(--demo-accent);border-radius:9px 9px 0 0;width:16px;height:45%}.widget-bars i:nth-child(2n){height:75%}.widget-bars i:nth-child(3n){height:100%}.task-progress{background:#e8e1f3;border-radius:6px;height:6px;margin:20px 0}.task-progress span{background:var(--demo-accent);border-radius:6px;height:100%;transition:width .3s;display:block}.demo-task{cursor:pointer;border-bottom:1px solid #ede7f5;align-items:center;gap:10px;padding:13px 0;font-size:12px;display:flex}.demo-task input{width:18px;height:18px;accent-color:var(--demo-accent)}.demo-task>span:last-child{color:#756588;margin-left:auto}.demo-task:has(input:checked)>span:first-of-type{color:#756588;text-decoration:line-through}.playground-controls{justify-content:space-between;align-items:center;gap:10px;margin-top:14px;display:flex}.playground-controls>span{color:#675a77;align-items:center;gap:6px;font-size:10px;display:flex}.playground-controls svg{width:15px;height:15px}.playground-controls button{color:#675084;cursor:pointer;background:#fff;border:1px solid #ded4ee;border-radius:8px;padding:8px}.playground-caption{color:#69567e;margin:16px 0 0;font-size:12px;font-style:italic}.selected-projects{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.selected-projects .project-card:first-child{background:linear-gradient(120deg,#eeebff,#fff);grid-column:1/-1;grid-template-columns:1.3fr 1fr;gap:20px;display:grid}.selected-projects .project-card:first-child .project-image-link{aspect-ratio:1.6;margin:10px}.selected-projects .project-card:first-child .project-body{align-self:center;padding:28px}.selected-projects .project-card:first-child h3{letter-spacing:-.045em;font-size:32px}.selected-projects .project-card:first-child p{font-size:15px}.selected-projects .project-card:first-child .project-category:before{content:"FEATURED / ";color:#6d42b3}.project-concept{color:#355d4d;background:#eaf2ed;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:18px;display:flex}.concept-otclient{color:#375894;background:#e6edff}.concept-otcreator{color:#795290;background:#f0e6fa}.concept-label{letter-spacing:.12em;font-size:7px}.concept-layout{background:#ffffffb5;border:1px solid #fff;border-radius:9px;gap:12px;min-height:120px;margin-top:12px;padding:16px 10px;display:flex;transform:rotate(-3deg);box-shadow:0 12px 22px #35305813}.concept-sidebar{border-right:1px solid #77658822;flex-direction:column;gap:12px;width:22px;display:flex}.concept-sidebar i{opacity:.45;background:currentColor;border-radius:3px;width:10px;height:10px}.concept-content{flex:1}.concept-content strong{letter-spacing:-.04em;max-width:150px;font-size:17px;line-height:1.12;display:block}.concept-blocks{gap:6px;margin-top:14px;display:flex}.concept-blocks i{opacity:.16;background:currentColor;border-radius:4px;flex:1;height:30px}.concept-blocks i:nth-child(2){opacity:.3}.concept-lines i{opacity:.15;background:currentColor;width:75%;height:3px;margin-top:7px;display:block}.concept-lines i:last-child{width:48%}.concept-bottom{justify-content:space-between;align-items:center;margin-top:12px;font-size:8px;display:flex}.concept-bottom svg{width:12px;height:12px}.skills-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.skill-card{text-align:left;min-height:0;padding:0;display:block;position:relative}.skill-card summary{cursor:pointer;align-items:center;gap:14px;padding:20px;list-style:none;display:flex}.skill-card summary::-webkit-details-marker{display:none}.skill-card summary:focus-visible{outline-offset:-3px;border-radius:14px;outline:3px solid #7154c9}.skill-card .skill-icon{flex-shrink:0;margin:0}.skill-name{font-size:14px;font-weight:600}.skill-expand{color:#7954b9;margin-left:auto;font-size:22px;transition:transform .25s}.skill-card[open] .skill-expand{transform:rotate(45deg)}.skill-description{color:#5d5871;padding:0 20px 20px;font-size:13px;line-height:1.65}.skill-card[open]{background:#f3eeff;border-color:#baa5df}.experience-section{background:linear-gradient(125deg,#643ab0,#4b55ad);position:relative;overflow:hidden}.experience-section .section-heading h2,.experience-section .section-heading p,.experience-section .eyebrow{color:#fff}.experience-section .experience-card{background:#fff;border:1px solid #ffffff80;box-shadow:0 16px 30px #26215824}.experience-section:before{content:"";pointer-events:none;border:70px solid #ffffff08;border-radius:50%;width:400px;height:400px;position:absolute;top:-230px;right:-80px}.experience-section .section-inner{position:relative}.experience-card{transition:transform .25s,box-shadow .25s}.experience-card:hover{transform:translateY(-6px);box-shadow:0 22px 40px #26215835}.button-primary{position:relative;overflow:hidden}.button-primary:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff40,#0000);width:30%;animation:7s ease-in-out infinite button-shine;position:absolute;inset:-100% auto -100% -70%;transform:rotate(25deg)}@keyframes button-shine{0%,70%{left:-70%}90%,to{left:140%}}@media (min-width:1000px){.playground:hover{transition:transform .3s;transform:rotate(0)}.selected-projects .project-card:not(:first-child) .project-image-link{aspect-ratio:1.45}}@media (max-width:1023px){.hero-inner{gap:28px}.playground{padding:16px}.selected-projects{grid-template-columns:repeat(2,minmax(0,1fr))}.selected-projects .project-card:first-child{grid-template-columns:1fr 1fr}.selected-projects .project-card:first-child h3{font-size:25px}.selected-projects .project-card:first-child .project-body{padding:18px}}@media (max-width:767px){.hero-inner{grid-template-columns:1fr;gap:34px;min-height:0;padding-top:34px}.playground{justify-self:center;width:100%;max-width:530px;transform:none}.hero-copy h1{font-size:clamp(48px,11vw,74px)}.section{padding-top:44px;padding-bottom:44px}.selected-projects{grid-template-columns:1fr}.selected-projects .project-card:first-child{display:block}.selected-projects .project-card:first-child .project-image-link{margin:0}.selected-projects .project-card:first-child .project-body{padding:20px}.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.skill-card summary{gap:8px;padding:14px}.skill-name{font-size:12px}.skill-card .skill-icon svg,.skill-card .skill-icon img{width:28px;height:28px}.skill-description{padding:0 14px 14px;font-size:12px}.mini-web-body h2{font-size:34px}.project-concept{padding:22px}.concept-content strong{max-width:210px;font-size:24px}.concept-layout{min-height:160px}.concept-blocks i{height:44px}.concept-label,.concept-bottom{font-size:9px}}@media (max-width:359px){.skills-grid{grid-template-columns:1fr}.playground{padding:12px}.playground-controls>span{font-size:9px}.mini-interface,.mini-tools{padding:18px}.mini-interface h2,.mini-tools h2{font-size:24px}.mini-nav{padding:15px 12px}.mini-nav>span{font-size:7px}}@media (prefers-reduced-motion:reduce){.button-primary:after{animation:none}.playground,.preview-canvas,.task-progress span,.experience-card,.skill-expand{transition:none;transform:none}}.section.experience-section{background:linear-gradient(125deg,#643ab0,#4b55ad)}.playground-top>.logo-mark{width:36px;height:36px}.section{padding-top:0;padding-bottom:0}.section>.section-inner{padding-top:60px;padding-bottom:60px}@media (max-width:767px){.section>.section-inner{padding-top:40px;padding-bottom:40px}}
:root{--studio-accent:#6841af;--studio-soft:#eee5ff;--studio-end:#4864bd}:root[data-accent=ocean]{--studio-accent:#17647a;--studio-soft:#e0f3f4;--studio-end:#317e6e;--purple:#17647a;--blue:#23668c}:root[data-accent=rose]{--studio-accent:#9e3d67;--studio-soft:#fbe7f0;--studio-end:#7850af;--purple:#9e3d67;--blue:#7850af}html[data-accent] .button-primary{background:linear-gradient(115deg,var(--studio-accent),var(--studio-end));border-color:var(--studio-accent)}html[data-accent] .gradient-text{background-image:linear-gradient(110deg,var(--studio-accent),var(--studio-end));color:#0000;-webkit-background-clip:text;background-clip:text}html[data-accent] .section.experience-section{background:linear-gradient(125deg,var(--studio-accent),var(--studio-end))}html[data-accent] .studio-hero{background:radial-gradient(ellipse at 88% 22%,var(--studio-soft),transparent 65%),#fafbff}html[data-accent] .logo-letters{stroke:var(--studio-accent)}.hero-studio-link{background:var(--studio-soft);color:var(--studio-accent);border-radius:9px;align-items:center;gap:10px;margin-top:18px;padding:9px 12px;font-size:11px;font-weight:600;display:inline-flex}.hero-studio-link svg{width:15px;height:15px}.studio-preferences{z-index:85;color:#30273f;filter:drop-shadow(0 8px 25px #35265720);max-width:calc(100vw - 36px);font-size:12px;position:fixed;bottom:18px;right:18px}.studio-preferences>summary{cursor:pointer;background:#fff;border:1px solid #d9cce8;border-radius:30px;align-items:center;gap:8px;width:max-content;min-height:44px;margin-left:auto;padding:11px 15px;list-style:none;display:flex}.studio-preferences>summary::-webkit-details-marker{display:none}.studio-preferences svg{width:16px;height:16px}.preferences-body{background:#fff;border:1px solid #d9cce8;border-radius:18px;width:310px;max-width:calc(100vw - 36px);padding:22px;position:absolute;bottom:56px;right:0}.preferences-body>strong{font-size:16px}.preferences-body p{color:#655b71;font-size:11px;line-height:1.6}.preferences-body fieldset,.lab-card fieldset,.brief-section fieldset{border:0;margin:20px 0;padding:0}.preferences-body legend,.lab-card legend,.brief-section legend{margin-bottom:10px;font-size:12px;font-weight:600}.preference-options,.lab-options{flex-wrap:wrap;gap:7px;display:flex}.preference-options button,.lab-options button{color:#544166;cursor:pointer;background:#fff;border:1px solid #d5c9e5;border-radius:9px;min-height:42px;padding:9px 13px;font-size:12px}.preference-options button{text-transform:capitalize}.preference-options button[aria-pressed=true],.lab-options button[aria-pressed=true]{background:var(--studio-accent);border-color:var(--studio-accent);color:#fff}.studio-preferences summary:focus-visible,.studio-recording summary:focus-visible{outline:3px solid var(--studio-accent);outline-offset:4px}.back-to-top{bottom:76px!important}.studio-invitation.section{background:linear-gradient(120deg,#f0eaff,#edf4fa)}.studio-invitation>.section-inner{grid-template-columns:1fr 1fr;align-items:center;gap:50px;display:grid}.studio-invitation h2{letter-spacing:-.055em;margin:15px 0 20px;font-size:clamp(42px,5vw,70px);line-height:1.02}.studio-invitation h2 em{color:var(--studio-accent);font-family:Georgia,serif;font-weight:400}.studio-invitation p:not(.eyebrow){color:#5f536e;max-width:420px;font-size:14px}.studio-invitation .button{width:fit-content;margin-top:24px}.studio-invitation-art{isolation:isolate;place-items:center;min-height:330px;display:grid;position:relative}.studio-invitation-art>svg{width:150px;height:150px;color:var(--studio-accent);stroke-width:1px;filter:drop-shadow(12px 20px #977cc326);transition:transform .4s}.studio-invitation-art:hover>svg{transform:rotate(-10deg)scale(1.06)}.studio-art-orbit{z-index:-1;border:1px solid #bda5db;border-radius:50%;width:280px;height:280px;position:absolute;transform:rotateX(40deg)rotate(-30deg)}.studio-art-orbit:after{content:"";border:1px solid #bda5db;border-radius:50%;position:absolute;inset:22px -35px;transform:rotate(80deg)}.studio-art-tag{background:#fff;border:1px solid #e0d5ed;border-radius:12px;align-items:center;gap:8px;padding:12px 16px;font-size:11px;display:flex;position:absolute;box-shadow:0 10px 20px #79529912}.studio-art-tag svg{width:15px;height:15px;color:var(--studio-accent)}.studio-art-tag:nth-last-child(2){top:32px;left:0;transform:rotate(-6deg)}.studio-art-tag:last-child{bottom:22px;right:0;transform:rotate(5deg)}.studio-page{padding-top:40px;padding-bottom:100px}.studio-page-header{max-width:900px;padding:55px 0 45px}.studio-page-header h1{letter-spacing:-.06em;margin:15px 0 22px;font-size:clamp(38px,5.2vw,70px);line-height:1.06}.studio-page-header>p:not(.eyebrow){color:#645870}.studio-demo-label{color:#645570;background:var(--studio-soft);border-radius:8px;margin-top:15px;padding:8px 12px;font-size:11px;display:inline-block}.lab-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.lab-card{background:#fff;border:1px solid #dcd3e7;border-radius:24px;min-width:0;padding:28px}.lab-card-heading>span{letter-spacing:.13em;color:var(--studio-accent);font-size:9px}.lab-card h2,.evolution-section h2,.brief-section h2{letter-spacing:-.05em;margin:14px 0;font-size:clamp(27px,3vw,38px);line-height:1.13}.lab-card p,.evolution-section>p,.brief-section p{color:#63586f;font-size:13px;line-height:1.7}.character-preview{isolation:isolate;text-align:center;color:#455788;background:linear-gradient(135deg,#e5eeff,#f1eaff);border-radius:16px;min-height:310px;margin-top:24px;padding:25px;position:relative;overflow:hidden}.character-preview>svg{stroke-width:1.2px;filter:drop-shadow(0 6px #7d83b120);width:74px;height:74px;margin:12px auto 18px;display:block}.character-preview>span{letter-spacing:.18em;font-size:10px;display:block}.character-preview>strong{letter-spacing:-.04em;margin:12px 0 20px;font-size:23px;display:block}.character-aura{z-index:-1;border:1px solid #929ace40;border-radius:50%;width:250px;height:250px;animation:6s ease-in-out infinite studio-aura;position:absolute;top:-25px;left:calc(50% - 125px)}.character-aura:after{content:"";border:1px dashed #929ace60;border-radius:50%;position:absolute;inset:20px}.character-mage{color:#7043a0;background:linear-gradient(135deg,#f1e2ff,#e8edff)}.character-ranger{color:#3d6d54;background:linear-gradient(135deg,#dcefe6,#edf4e3)}.character-stats{text-align:left;grid-template-columns:90px 1fr;align-items:center;gap:9px;max-width:330px;margin:auto;font-size:11px;display:grid}.character-stats span{justify-content:space-between;gap:10px;display:flex}.character-stats meter{width:100%;height:12px}.lab-range{color:#554461;margin-top:18px;font-size:12px;display:block}.lab-range input{width:100%;accent-color:var(--studio-accent);cursor:pointer;min-height:25px;margin:14px 0;display:block}.composition{min-height:310px;color:var(--studio-accent);background:radial-gradient(at 70% 10%,#fff,#f0e6fd);border-radius:16px;place-items:center;margin-top:24px;display:grid;position:relative;overflow:hidden}.composition>div{width:175px;height:175px;transition:transform .3s;position:relative}.composition i{opacity:.7;border:25px solid;border-radius:50%;position:absolute;inset:0;box-shadow:10px 15px 20px #64489620}.composition i:nth-child(2){opacity:.4;transform:translate(22px,15px)}.composition i:nth-child(3){opacity:.25;transform:translate(-22px,-15px)}.composition.shape-stack i{border-radius:22px}.composition.shape-bloom i{border-radius:70% 15%}.composition>span{letter-spacing:.15em;font-size:9px;position:absolute;bottom:17px;left:20px}.logo-experiment{background:var(--studio-soft);grid-column:1/-1;grid-template-columns:1fr 200px;align-items:center;display:grid}.logo-experiment>p{grid-column:1/-1;margin:0}.signature-trigger{cursor:pointer;width:160px;height:160px;color:var(--studio-accent);background:0 0;border:0;place-items:center;display:grid;position:relative}.signature-trigger .logo-mark{width:110px;height:110px}.signature-burst{pointer-events:none;position:absolute;inset:0}.signature-burst i{display:block;position:absolute;inset:0}.signature-burst i:after{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;animation:1s ease-out both signature-pop;position:absolute;top:50%;left:calc(50% - 3px)}@keyframes signature-pop{0%{opacity:1;transform:translateY(-30px)}to{opacity:0;transform:translateY(-85px)}}@keyframes studio-aura{50%{opacity:.5;transform:scale(1.12)rotate(12deg)}}.evolution-section{padding:75px 0}.evolution-images{aspect-ratio:1440/940;background:#f7f4fb;border:1px solid #ded5e9;border-radius:18px;margin-top:25px;position:relative;overflow:hidden}.evolution-images img{object-fit:cover}.evolution-before{position:absolute;inset:0}.evolution-divider{background:var(--studio-accent);pointer-events:none;width:3px;position:absolute;top:0;bottom:0}.process-notes{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:35px;display:grid}.process-notes article{border-top:2px solid var(--studio-accent);padding-top:18px}.process-notes span{letter-spacing:.1em;color:var(--studio-accent);font-size:10px}.process-notes h3{letter-spacing:-.03em;margin:10px 0;font-size:19px}.process-notes p{color:#645870;font-size:13px;line-height:1.7}.studio-recording{border:1px solid #dcd3e7;border-radius:14px;margin-top:28px;padding:18px}.studio-recording summary{cursor:pointer;font-size:14px;font-weight:500}.studio-recording video{background:#f5f1fb;width:100%;max-height:650px;margin-top:18px;display:block}.studio-recording p{color:#645870;font-size:12px}.brief-section{background:var(--studio-soft);border-radius:24px;grid-template-columns:1fr 1fr;align-items:start;gap:45px;padding:40px;display:grid}.brief-check{align-items:center;gap:10px;padding:7px 0;font-size:13px;display:flex}.brief-check input{accent-color:var(--studio-accent);width:17px;height:17px}.brief-field{margin-top:16px;font-size:12px;display:block}.brief-field select,.brief-field textarea{color:#3f304e;background:#fff;border:1px solid #c9bbda;border-radius:9px;width:100%;margin-top:8px;padding:12px;display:block}.brief-output{background:#fff;border-radius:18px;min-width:0;padding:28px;position:sticky;top:120px}.brief-output>svg{color:var(--studio-accent)}.brief-output h3{letter-spacing:-.04em;margin:16px 0;font-size:25px}.brief-output pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#544660;border-top:1px solid #eee7f4;padding-top:20px;font:12px/1.8 Inter,sans-serif}.brief-actions{flex-wrap:wrap;gap:10px;margin-top:25px;display:flex}.brief-actions .button{min-height:44px;padding:12px 17px;font-size:12px}.brief-output>p{font-size:11px}.brief-output [role=status]:empty{display:none}html[data-motion=calm]{scroll-behavior:auto}html[data-motion=calm] *,html[data-motion=calm] :before,html[data-motion=calm] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}html[data-motion=calm] .will-reveal{opacity:1!important;transform:none!important}html[data-motion=calm] .button-primary{translate:none!important}html[data-motion=calm] .signature-burst{display:none}html[data-motion=calm] .spotlight-active:before{opacity:0!important}@media (max-width:1100px){.nav-inner{gap:15px}.nav-links{gap:16px}.nav-cta{padding:10px 14px;font-size:11px}}@media (max-width:767px){.studio-invitation>.section-inner{grid-template-columns:1fr;gap:20px}.studio-invitation-art{min-height:260px}.studio-art-orbit{width:210px;height:210px}.studio-art-tag{padding:10px;font-size:10px}.studio-page-header{padding:35px 0}.lab-grid,.brief-section,.process-notes{grid-template-columns:1fr}.lab-card{padding:20px}.lab-options button{padding:9px 10px}.logo-experiment{grid-template-columns:1fr;gap:10px}.signature-trigger{justify-self:center}.brief-section{gap:25px;padding:22px}.brief-output{padding:20px;position:static}.evolution-section{padding:50px 0}.studio-preferences{bottom:12px;right:12px}.studio-preferences>summary{padding:10px 12px}.studio-preferences>summary span{font-size:11px}.process-notes{gap:15px}.character-preview{padding:20px 15px}.hero-studio-link{font-size:10px}.studio-page-header h1{font-size:clamp(34px,8.5vw,56px)}}@media (prefers-reduced-motion:reduce){.character-aura,.signature-burst i:after{animation:none}.signature-burst{display:none}.studio-invitation-art>svg,.composition>div{transition:none}.button-primary{translate:none!important}}.signature-trigger .monogram{width:100%;height:100%}.lab-card>button.text-link{cursor:pointer;font:inherit;color:var(--studio-accent);background:0 0;border:0;padding:8px 0;font-size:12px}.preferences-body{max-height:calc(100dvh - 100px);overflow:auto}#character-lab,#composition-lab,#project-brief{scroll-margin-top:110px}.contact-intro{color:var(--text-secondary);margin-bottom:5px;font-size:13px;line-height:1.7}.selected-package{background:var(--studio-soft);color:var(--studio-accent);border-radius:8px;padding:10px 12px;font-size:12px}.contact-honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.contact-guidance{border:1px solid var(--border);background:#fff;border-radius:14px;padding:22px}.contact-guidance h3{letter-spacing:-.04em;margin:15px 0;font-size:22px;line-height:1.2}.contact-guidance>p:not(.eyebrow){color:var(--text-secondary);margin-bottom:20px;font-size:13px;line-height:1.8}.contact-form [role=status]{color:var(--text-secondary);font-size:12px}.contact-honeypot,.contact-form .contact-honeypot{display:none}.hero-proof{background:#f6f5ee;border:1px solid #d8dccc;border-radius:22px;min-width:0;display:block;overflow:hidden;box-shadow:0 20px 50px #39463412}.hero-proof-label{letter-spacing:.12em;color:#536144;justify-content:space-between;align-items:center;padding:18px 22px;font-size:9px;display:flex}.hero-proof-label svg,.hero-proof-footer>svg{width:18px;height:18px}.hero-proof-image{aspect-ratio:1.1;background:#edf0e3;position:relative}.hero-proof-image img{object-fit:contain!important;object-position:center!important}.hero-proof-footer{color:#304c3d;border-top:1px solid #d8dccc;justify-content:space-between;align-items:center;gap:15px;padding:22px;display:flex}.hero-proof-footer strong{font-size:15px;font-weight:500}.hero-proof-footer small{color:#5e6b56;margin-top:6px;font-size:11px;display:block}.hero-proof-footer>svg{transition:translate .2s}.hero-proof:hover .hero-proof-footer>svg{translate:3px -3px}.studio-extra-preview{max-width:650px;margin:50px auto}.sales-process{border-top:1px solid var(--border);background:#fff}.sales-process-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;margin-top:32px;display:grid}.sales-process-grid article{border-top:1px solid var(--border);padding-top:20px}.sales-process-grid article>span{color:var(--studio-accent);font-size:11px}.sales-process-grid h3{letter-spacing:-.035em;margin:18px 0 12px;font-size:21px}.sales-process-grid p{color:var(--text-secondary);font-size:13px;line-height:1.8}.mobile-enquiry{display:none}.sales-process h2{letter-spacing:-.045em;font-size:clamp(30px,3.5vw,45px);font-weight:500;line-height:1.15}.sales-process-intro{color:var(--text-secondary);max-width:600px;margin-top:16px;font-size:14px}.human-note{border-top:1px solid var(--border);color:var(--text-secondary);margin-top:24px;padding:22px 0;font-size:15px;line-height:1.8}.human-note strong{color:var(--text-main)}@media (max-width:767px){.sales-process-grid{grid-template-columns:1fr 1fr;gap:22px}.mobile-enquiry{z-index:80;background:var(--studio-accent);color:#fff;border-radius:30px;align-items:center;gap:8px;min-height:44px;padding:11px 14px;font-size:11px;display:flex;position:fixed;bottom:12px;left:12px;box-shadow:0 4px 15px #55447b25}.mobile-enquiry svg{width:14px;height:14px}.hero-proof-image{aspect-ratio:1.2}.hero-copy .gradient-text{white-space:normal}.hero-copy h1{font-size:clamp(45px,10vw,70px)}.footer{padding-bottom:70px}}@media (max-width:359px){.sales-process-grid{grid-template-columns:1fr}.mobile-enquiry{padding:10px;font-size:10px}}@media (prefers-reduced-motion:reduce){.hero-proof-footer>svg{transition:none}.hero-proof:hover .hero-proof-footer>svg{translate:none}}.hero-proof-image{aspect-ratio:1.53}@media (max-width:767px){.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .button{justify-content:center;width:100%}.hero-proof-image{aspect-ratio:1.53}}
.standalone-page{min-height:65vh;padding-top:42px}.page-intro{max-width:1240px;margin:35px auto 0;padding:0 32px}.page-intro h1{letter-spacing:-.06em;max-width:850px;font-size:clamp(38px,5vw,68px);line-height:1.08}.hero-proof-image .asset-image img{object-fit:cover!important}.hero-proof .hero-proof-image{aspect-ratio:1.18}.selected-projects{grid-template-columns:1fr 1fr!important}.selected-projects .project-card:first-child{grid-column:auto!important}.consent-panel{z-index:200;color:#252c43;background:#fff;border:1px solid #d9dcf1;border-radius:22px;width:min(550px,100vw - 44px);max-height:calc(100dvh - 44px);padding:24px;position:fixed;bottom:22px;left:22px;overflow:auto;box-shadow:0 20px 80px #242c5330}.consent-panel h2{letter-spacing:-.04em;margin:8px 0;font-size:22px}.consent-panel p{margin:8px 0;font-size:13px;line-height:1.6}.consent-options,.consent-actions{flex-wrap:wrap;gap:12px;margin:16px 0;display:flex}.consent-options label{align-items:center;gap:8px;display:flex}.consent-panel .button{min-height:44px;padding:10px 14px;font-size:12px}.consent-panel>a{color:#584395;font-size:12px}.footer-privacy{color:#526078;flex-wrap:wrap;gap:20px;margin-top:18px;font-size:12px;display:flex}.footer-privacy button{color:inherit;cursor:pointer;background:0 0;border:0;min-height:32px;text-decoration:underline}.admin-shell,.privacy-page{max-width:1260px;min-height:70vh;margin:0 auto;padding:70px 30px 100px}.admin-shell h1,.privacy-page h1{letter-spacing:-.055em;margin:12px 0 20px;font-size:clamp(34px,4.5vw,60px);line-height:1.1}.admin-shell h2{letter-spacing:-.035em;font-size:24px}.admin-shell p,.privacy-page p{color:#596680;line-height:1.75}.admin-shell em{color:#6d49b8;font-family:Georgia,serif;font-weight:400}.admin-login{background:linear-gradient(135deg,#fff,#f2edff);border:1px solid #deddf1;border-radius:28px;max-width:630px;margin:0 auto;padding:48px;box-shadow:0 24px 70px #5e449512}.admin-mark{color:#6241a8;background:#e9dfff;border-radius:18px;place-items:center;width:56px;height:56px;margin-bottom:25px;display:grid}.admin-login form{gap:20px;margin:28px 0;display:grid}.admin-shell label{color:#3c4660;gap:8px;font-size:13px;display:grid}.admin-shell input,.admin-shell select{color:#242c43;background:#fff;border:1px solid #d9dff0;border-radius:10px;width:100%;min-height:44px;padding:12px}.admin-shell input[type=checkbox]{accent-color:#6d49b8;width:18px;min-height:18px}.admin-heading,.admin-actions,.admin-tabs,.admin-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-actions{justify-content:flex-start}.admin-tabs{border-bottom:1px solid #dde1ef;justify-content:flex-start;margin:25px 0 30px;padding-bottom:12px}.admin-tabs button{color:#53617b;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;padding:13px 20px;display:flex}.admin-tabs svg{width:18px}.admin-tabs button[aria-current]{color:#593895;background:#ebe3fb}.admin-stats{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:25px;display:grid}.admin-stats article,.admin-card{background:linear-gradient(140deg,#fff,#f9f8fe);border:1px solid #dce0ef;border-radius:20px;padding:28px}.admin-stats article{gap:12px;display:grid}.admin-stats svg{color:#7652bd;width:24px}.admin-stats strong{letter-spacing:-.05em;font-size:44px}.admin-stats span{color:#5d6780;font-size:13px}.admin-grid{grid-template-columns:1.2fr 1fr;gap:24px;display:grid}.admin-empty{text-align:center;padding:40px 12px}.admin-row{overflow-wrap:anywhere;border-bottom:1px solid #e6e8f2;padding:16px 0;font-size:13px}.admin-chart>div{grid-template-columns:85px 1fr 30px;align-items:center;gap:10px;margin:14px 0;font-size:12px;display:grid}.admin-chart meter{width:100%;height:18px}.admin-fields{grid-template-columns:1fr 1fr;gap:20px;margin:28px 0;display:grid}.admin-switches{flex-wrap:wrap;gap:25px;margin:25px 0;display:flex}.admin-switches label{align-items:center;display:flex}.admin-filters{grid-template-columns:2fr 1fr;gap:20px;display:grid}.admin-message{border-top:1px solid #dce0ef;padding:25px 0}.admin-message header{justify-content:space-between;gap:20px;display:flex}.admin-message h2{margin:0}.admin-message-body{white-space:pre-wrap;overflow-wrap:anywhere}.admin-delete{color:#a43045;cursor:pointer;background:#fff;border:1px solid #efd1d7;border-radius:9px;padding:10px 16px}.admin-notice{background:#e8f4ef;border-radius:12px;padding:16px}.privacy-page{max-width:860px}.privacy-page h2{margin-top:35px}.privacy-page a{color:#6947ac;text-decoration:underline}:is(body:has(.admin-shell) .studio-preferences,body:has(.admin-shell) .mobile-enquiry){display:none}@media (max-width:767px){.selected-projects{grid-template-columns:1fr!important}.admin-shell,.privacy-page{padding:35px 20px 80px}.admin-login{padding:28px 22px}.admin-grid,.admin-fields,.admin-filters{grid-template-columns:1fr}.admin-stats{gap:8px}.admin-stats article{padding:16px 10px}.admin-stats strong{font-size:30px}.admin-stats span{font-size:11px}.admin-tabs{gap:4px}.admin-tabs button{padding:11px;font-size:12px}.admin-message header{flex-direction:column}.admin-card{padding:22px}.consent-panel{width:calc(100vw - 24px);padding:20px;bottom:12px;left:12px}.consent-actions{gap:6px}.consent-panel .button{padding:9px 10px}.page-intro{padding:0 22px}}.selected-projects .project-card:first-child{flex-direction:column;gap:0;display:flex}.selected-projects .project-card:first-child .project-image-link{aspect-ratio:1.6;margin:0}.selected-projects .project-card:first-child .project-body{align-self:stretch;padding:24px}.selected-projects .project-card:first-child h3{font-size:24px}.selected-projects .project-card:first-child p{font-size:14px}.selected-projects .project-card .project-image-link{aspect-ratio:1.6!important}.hero-proof{background:#faf9ff;border-color:#deddf1}.hero-proof-label{color:#655587}.hero-proof-footer{color:#35314c;border-color:#deddf1}.hero-proof-footer small{color:#655f7c}.hero-proof-image{background:#f0edf7}.mini-studio-photo{border-radius:70px 0 0;width:36%;height:88%;position:absolute;bottom:0;right:0;overflow:hidden}.mini-studio-photo .asset-image{height:100%}.mini-studio-photo img{object-fit:cover}.project-note-preview{color:#443862;background:linear-gradient(130deg,#f0ecfa,#f7faff);flex-direction:column;justify-content:center;height:100%;padding:30px;display:flex}.project-note-preview>span{letter-spacing:.13em;font-size:9px}.project-note-preview>strong{letter-spacing:-.04em;margin:18px 0 10px;font-size:32px}.project-note-preview p{max-width:250px;font-size:13px;line-height:1.7}.project-note-preview small{color:#6b5a8c;margin-top:25px}
.contact-experience{max-width:1280px;margin:auto;padding:65px 32px 70px}.contact-page-heading{max-width:850px;margin-bottom:45px}.contact-page-heading h1{letter-spacing:-.055em;margin:18px 0 24px;font-size:clamp(42px,5.3vw,72px);font-weight:600;line-height:1.07}.contact-page-heading h1>span{color:var(--studio-accent);font-family:Georgia,serif;font-style:italic;font-weight:400}.contact-page-heading>p:last-child{max-width:620px;color:var(--text-secondary);font-size:16px;line-height:1.8}.contact-workspace{grid-template-columns:.85fr 1.15fr;align-items:stretch;gap:28px;display:grid}.contact-story{border:1px solid var(--border);background:linear-gradient(145deg,#faf8ff,#f1f4fd);border-radius:26px;flex-direction:column;display:flex;overflow:hidden}.contact-story-photo{height:245px;position:relative;overflow:hidden}.contact-story-photo .asset-image{height:100%}.contact-story-photo img{object-fit:cover;transition:transform .7s}.contact-story:hover .contact-story-photo img{transform:scale(1.035)}.contact-story-photo>span{color:#fff;background:linear-gradient(#0000,#1c2238d9);align-items:center;gap:9px;padding:45px 24px 20px;font-size:11px;display:flex;position:absolute;bottom:0;left:0;right:0}.contact-story-photo svg{flex-shrink:0;width:16px;height:16px}.contact-story-body{flex-direction:column;flex:1;padding:30px;display:flex}.contact-story-body h2{letter-spacing:-.04em;margin:13px 0;font-size:29px;line-height:1.2}.contact-story-body>p:not(.eyebrow){color:var(--text-secondary);font-size:14px;line-height:1.8}.contact-next-steps{gap:23px;margin:30px 0;padding:0;list-style:none;display:grid}.contact-next-steps li{gap:15px;display:flex}.contact-step-icon{width:40px;height:40px;color:var(--studio-accent);background:#fff;border:1px solid #dfd6f2;border-radius:13px;flex-shrink:0;place-items:center;display:grid}.contact-step-icon svg{width:18px}.contact-next-steps small{color:var(--studio-accent);font-size:10px}.contact-next-steps h3{margin:3px 0 6px;font-size:15px}.contact-next-steps p{color:var(--text-secondary);font-size:12px;line-height:1.7}.contact-story-body>.text-link{border-top:1px solid var(--border);margin-top:auto;padding-top:20px;font-size:12px}.enquiry-panel.card{background:#fff;border-radius:26px;flex-direction:column;min-width:0;padding:35px;display:flex;box-shadow:0 18px 65px #59408009}.enquiry-panel-heading{align-items:center;gap:16px;margin-bottom:25px;display:flex}.enquiry-panel-heading>span{background:var(--studio-soft);width:48px;height:48px;color:var(--studio-accent);border-radius:15px;flex-shrink:0;place-items:center;display:grid}.enquiry-panel-heading svg{width:22px}.enquiry-panel-heading h2{letter-spacing:-.04em;margin-top:7px;font-size:24px}.enquiry-panel .contact-form{flex-direction:column;flex:1;gap:23px;display:flex}.enquiry-panel .contact-intro{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.7}.enquiry-panel .form-row{grid-template-columns:1fr 1fr;gap:18px;display:grid}.enquiry-panel .contact-form label{color:#34405a;min-width:0;font-size:12px;font-weight:500;display:block}.enquiry-panel .contact-form label>span:first-child:not(.field-optional){margin-bottom:8px;display:block}.enquiry-panel .contact-form input:not([type=radio]),.enquiry-panel .contact-form textarea,.enquiry-panel select{width:100%;font:inherit;color:#26334b;background:#fafbfe;border:1px solid #dce2f0;border-radius:11px;min-height:47px;padding:13px 14px;font-size:13px;transition:border-color .2s,box-shadow .2s}.enquiry-panel select{margin-top:8px}.enquiry-panel textarea{resize:vertical;min-height:150px}.enquiry-panel input:focus-visible,.enquiry-panel textarea:focus-visible,.enquiry-panel select:focus-visible{outline:2px solid var(--studio-accent);outline-offset:3px;box-shadow:0 0 0 5px var(--studio-soft)}.field-optional{color:#65708a;margin-left:5px;font-size:10px;font-weight:400}.project-type-options{border:0;min-width:0;margin:0;padding:0}.project-type-options legend{margin-bottom:12px;font-size:12px;font-weight:500}.project-type-options>div{flex-wrap:wrap;gap:8px;display:flex}.enquiry-panel .project-type-options label{cursor:pointer;position:relative}.project-type-options input{opacity:0;width:1px;height:1px;position:absolute}.enquiry-panel .project-type-options label>span{background:#fff;border:1px solid #dddff0;border-radius:9px;padding:11px 13px;font-size:12px;font-weight:400;transition:background .2s,border-color .2s;display:block}.project-type-options input:checked+span{color:var(--studio-accent);background:var(--studio-soft)!important;border-color:var(--studio-accent)!important}.project-type-options input:focus-visible+span{outline:2px solid var(--studio-accent);outline-offset:3px}.enquiry-panel .form-bottom{flex-direction:column;align-items:stretch;gap:16px;margin-top:auto;display:flex}.enquiry-panel .demo-caption{align-items:center;gap:7px;font-size:11px;line-height:1.6;display:flex}.enquiry-panel .demo-caption svg{flex-shrink:0;width:14px}.enquiry-panel .button-primary{border-radius:12px;justify-content:space-between;width:100%;min-height:53px;padding:16px 22px}.enquiry-privacy{color:#65708a;margin:0;font-size:10px;line-height:1.7}.enquiry-privacy a{color:var(--studio-accent);text-decoration:underline}.contact-reassurance{color:var(--text-secondary);flex-wrap:wrap;justify-content:center;gap:25px;margin:28px 0 0;font-size:11px;display:flex}.contact-reassurance>span{align-items:center;gap:8px;display:flex}.contact-reassurance svg{width:14px;color:var(--studio-accent)}.enquiry-panel .form-success{text-align:center;padding:60px 10px}.enquiry-panel .form-success p{line-height:1.8}.enquiry-panel .reset-button{margin:25px auto 0}.enquiry-panel .selected-package{margin:0}.enquiry-panel .contact-honeypot{width:1px!important;height:1px!important;position:absolute!important;left:-9999px!important;overflow:hidden!important}@media (max-width:900px){.contact-workspace{grid-template-columns:1fr}.contact-story{grid-template-columns:.8fr 1.2fr;display:grid}.contact-story-photo{height:100%;min-height:300px}.contact-next-steps{gap:15px;margin:20px 0}.contact-story-body{padding:25px}.contact-story-body h2{font-size:26px}.contact-workspace .enquiry-panel{grid-row:1}.contact-experience{padding:40px 24px 60px}.contact-page-heading{margin-bottom:30px}}@media (max-width:540px){.contact-experience{padding:32px 18px 45px}.contact-page-heading h1{font-size:42px}.contact-page-heading>p:last-child{font-size:14px}.enquiry-panel.card{border-radius:20px;padding:23px 20px}.enquiry-panel-heading{gap:12px}.enquiry-panel-heading h2{font-size:21px}.enquiry-panel .form-row{grid-template-columns:1fr;gap:20px}.enquiry-panel .project-type-options label>span{padding:10px;font-size:11px}.contact-story{display:flex}.contact-story-photo{height:220px;min-height:0}.contact-reassurance{justify-content:flex-start;gap:12px}.contact-workspace,.enquiry-panel .contact-form{gap:20px}}@media (prefers-reduced-motion:reduce){.contact-story-photo img,.enquiry-panel input,.enquiry-panel textarea,.enquiry-panel select,.project-type-options span{transition:none!important}.contact-story:hover .contact-story-photo img{transform:none}}.enquiry-panel .demo-caption{width:auto;max-width:none}.project-type-options input{z-index:1;cursor:pointer;width:100%;height:100%;inset:0}body:has(.contact-experience) .studio-preferences{display:none}
.service-ticker{color:#5e667e;white-space:nowrap;background:#fff;border-top:1px solid #e2e4f0;border-bottom:1px solid #e2e4f0;overflow:hidden}.service-ticker-track{width:max-content;animation:34s linear infinite ticker-move;display:flex}.service-ticker span{letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:26px;padding:17px 30px;font-size:10px;display:flex}.service-ticker i{background:var(--studio-accent);width:6px;height:6px;box-shadow:0 0 0 5px var(--studio-soft);border-radius:50%;display:block}@keyframes ticker-move{to{transform:translate(-50%)}}.home-highlights{background:linear-gradient(145deg,#fff,#f4f3fc);border-top:1px solid #e2e4f0;padding:92px 0}.home-highlights-inner{grid-template-columns:.85fr 1.15fr;align-items:center;gap:80px;max-width:1330px;margin:auto;padding:0 55px;display:grid}.highlight-intro h2,.process-heading h2{letter-spacing:-.06em;margin:18px 0 23px;font-size:clamp(36px,4.3vw,58px);font-weight:600;line-height:1.08}.highlight-intro h2 em,.process-heading h2 em,.final-cta h2 em{color:var(--studio-accent);font-family:Georgia,serif;font-weight:400}.highlight-intro>p:not(.eyebrow){max-width:430px;color:var(--text-secondary);margin-bottom:26px;font-size:14px;line-height:1.9}.highlight-stack{grid-template-columns:1fr 1fr;gap:18px;display:grid}.highlight-card{background:#fff;border:1px solid #dfe1ee;border-radius:22px;min-height:225px;padding:25px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 18px 50px #4d4a7410}.highlight-card:hover{transform:translateY(-7px);box-shadow:0 25px 65px #4d4a7420}.highlight-card-tall{background:linear-gradient(145deg,#f0e9ff,#fff);grid-row:span 2;min-height:470px}.highlight-card small{color:var(--studio-accent);letter-spacing:.16em;margin:23px 0 13px;font-size:9px;display:block}.highlight-card h3{letter-spacing:-.045em;max-width:230px;font-size:25px;line-height:1.15}.highlight-card p{color:#63708a;max-width:260px;margin-top:13px;font-size:12px;line-height:1.75}.highlight-icon{width:42px;height:42px;color:var(--studio-accent);background:#fff;border:1px solid #ded5ef;border-radius:13px;place-items:center;display:grid}.highlight-icon svg{width:19px}.highlight-orbit{opacity:.6;width:205px;height:205px;position:absolute;bottom:-45px;right:-55px;transform:rotate(-24deg)}.highlight-orbit i{border:1px solid #9c7bd455;border-radius:50%;position:absolute;inset:0}.highlight-orbit i:nth-child(2){inset:24px -22px;transform:rotate(58deg)}.highlight-orbit i:nth-child(3){inset:-20px 25px;transform:rotate(-63deg)}.process-timeline{background:#fff;border-top:1px solid #e2e4f0}.process-timeline .section-inner{grid-template-columns:.7fr 1.3fr;align-items:start;gap:90px;display:grid}.process-heading>p:last-child{color:var(--text-secondary);max-width:300px;font-size:13px;line-height:1.8}.process-track{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.process-track article{min-width:0}.process-node{align-items:center;gap:9px;margin-bottom:24px;display:flex}.process-node span{width:42px;height:42px;color:var(--studio-accent);background:#fbf9ff;border:1px solid #d9cdee;border-radius:50%;flex-shrink:0;place-items:center;font-size:11px;display:grid}.process-node i{background:linear-gradient(90deg,#cbbbe2,#e8e9f3);flex:1;height:1px}.process-track article:last-child .process-node i{display:none}.process-track h3{margin-bottom:9px;font-size:18px}.process-track p{color:var(--text-secondary);font-size:12px;line-height:1.75}.final-cta{background:linear-gradient(115deg,#eee5ff,#eff4ff 75%);border:1px solid #cfc2e5;border-radius:28px;grid-template-columns:1fr auto;align-items:center;gap:24px;max-width:1330px;margin:0 auto 85px;padding:66px 65px;display:grid;position:relative;overflow:hidden;box-shadow:0 22px 75px #5c4a8120}.final-cta h2{letter-spacing:-.06em;margin:16px 0;font-size:clamp(36px,4.4vw,58px);line-height:1.05}.final-cta>div>p:last-child{color:#5d6780;font-size:14px}.final-cta .button{z-index:1;min-height:54px;padding:16px 21px;position:relative}.final-cta-proof{color:#5c6480;align-items:center;gap:8px;font-size:11px;display:flex;grid-column:1/-1!important}.final-cta-proof svg{width:15px;color:var(--studio-accent)}.final-cta-glow{pointer-events:none;border:1px solid #a991d766;border-radius:50%;width:300px;height:300px;animation:8s ease-in-out infinite cta-pulse;position:absolute;top:-100px;right:-80px;box-shadow:0 0 0 26px #fff3,0 0 0 52px #fff2}@keyframes cta-pulse{50%{opacity:.6;transform:scale(1.13)}}@media (max-width:1000px){.home-highlights-inner{gap:40px;padding:0 30px}.process-timeline .section-inner{gap:40px}.final-cta{margin-left:30px;margin-right:30px;padding:48px}.process-track{grid-template-columns:repeat(2,1fr);gap:30px}.process-node i{display:none}}@media (max-width:767px){.service-ticker-track{animation-duration:25s}.service-ticker span{gap:20px;padding:15px 22px;font-size:8px}.home-highlights{padding:58px 0}.home-highlights-inner{padding:0 22px;display:block}.highlight-intro{margin-bottom:35px}.highlight-stack{gap:11px}.highlight-card{min-height:200px;padding:19px}.highlight-card-tall{grid-area:span 1/1/auto/-1;min-height:260px}.highlight-card h3{font-size:20px}.highlight-card p{font-size:11px}.highlight-orbit{width:150px;height:150px}.process-timeline .section-inner{padding-left:22px;padding-right:22px;display:block}.process-heading{margin-bottom:35px}.process-track{grid-template-columns:1fr;gap:25px}.process-node{margin-bottom:11px}.process-node i{display:block}.process-track article{grid-template-columns:56px 1fr;column-gap:12px;display:grid}.process-node{grid-row:span 2;align-items:start}.process-node i{background:linear-gradient(#cbbbe2,#0000);width:1px;height:45px;margin-top:42px;margin-left:20px;position:absolute}.process-track h3{margin-top:2px}.final-cta{border-radius:20px;margin:0 18px 55px;padding:38px 25px;display:block}.final-cta .button{justify-content:space-between;margin-top:25px;display:flex}.final-cta-proof{margin-top:20px;font-size:10px}.final-cta-glow{top:-120px;right:-130px}}@media (prefers-reduced-motion:reduce){.service-ticker-track,.final-cta-glow{animation:none}.highlight-card{transition:none}.highlight-card:hover{transform:none}}.hero-photo-tag{color:#4d4663;letter-spacing:.13em;background:#ffffffd9;border-radius:7px;padding:8px 10px;font-size:8px;position:absolute;bottom:18px;right:18px;box-shadow:0 8px 18px #25324b20}.hero-proof-image{overflow:hidden}.hero-bottom a svg{animation:2.7s ease-in-out infinite scroll-nudge}@keyframes scroll-nudge{50%{transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.hero-proof-image:after,.hero-bottom a svg{animation:none}}.studio-hero{isolation:isolate;position:relative}.studio-hero:before{content:"";opacity:1;pointer-events:none;z-index:-1;background:radial-gradient(circle at 78% 20%,#e7ddff 0,#0000 35%),radial-gradient(circle at 8% 88%,#e6f1ff 0,#0000 38%),linear-gradient(135deg,#fbfcff 0%,#f7f3ff 48%,#f4f8ff 100%);position:absolute;inset:0;display:block!important}.studio-hero .hero-inner,.studio-hero .hero-bottom{z-index:1;position:relative}.footer-bottom{align-items:flex-start}.footer-location{flex-direction:column;align-items:flex-end;gap:7px;display:flex}.footer-location .footer-privacy{justify-content:flex-end;margin:0}.footer-privacy{gap:12px;font-size:11px}.footer-privacy button{padding:0;font-size:11px}.footer-privacy span{white-space:nowrap}@media (max-width:767px){.footer-location,.footer-bottom{align-items:flex-start}.footer-location .footer-privacy{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){.studio-hero:before{opacity:1}}.nav-search{color:#75539e;cursor:pointer;background:#fff;border:1px solid #dcd4e8;border-radius:10px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.nav-search:focus-visible{outline-offset:3px;outline:3px solid #ab83d6}@media (max-width:600px){.nav-inner{gap:8px!important}.nav-search{width:32px;height:34px}.nav-inner .brand-link{min-width:0}}.navbar .nav-inner{grid-template-columns:auto minmax(0,1fr) auto auto}.navbar .nav-search{justify-self:end}@media (min-width:901px) and (max-width:1350px){.navbar .nav-cta{display:none}.navbar .nav-inner{grid-template-columns:auto minmax(0,1fr) auto}}@media (max-width:900px){.navbar .nav-inner{grid-template-columns:minmax(0,1fr) auto auto;display:grid}.navbar .nav-search{grid-area:1/2}.navbar .menu-toggle{grid-area:1/3}.navbar .brand-link{min-width:0}}@media (max-width:420px){.navbar .brand-copy small{display:none}.navbar .brand-copy strong{font-size:13px}}.tool-page-title{max-width:1200px;margin:35px auto 0;padding:0 25px;font-size:clamp(30px,4vw,48px);line-height:1.2}.page-tool-link{color:#63418f;margin:30px 0 55px;font-size:17px;line-height:1.7}.contact-extra{border:1px solid #ded8e8;border-radius:12px;padding:16px}.contact-extra summary{cursor:pointer;font-size:16px;line-height:1.6}.contact-extra[open] summary{margin-bottom:20px}
.project-explorer-tools{z-index:3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe0;border:1px solid #dfe3ef;border-radius:18px;justify-content:space-between;align-items:center;gap:22px;margin:35px 0 16px;padding:13px 16px;display:flex;position:sticky;top:18px;box-shadow:0 15px 40px #59638c0b}.project-search{color:#6c55b1;align-items:center;gap:10px;min-width:260px;display:flex}.project-search input{color:#27314a;font:inherit;background:0 0;border:0;outline:0;width:100%;min-height:34px;font-size:13px}.project-search input::placeholder{color:#8992a8}.project-filters{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.project-filters>svg{color:#77829a;width:16px;margin-right:3px}.project-filters button{color:#64708a;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:8px 12px;font-size:11px}.project-filters button:hover,.project-filters button.is-active{color:#613da8;background:#eee8ff;border-color:#d6c7f5}.project-result-count{color:#68748d;margin:0 0 18px;font-size:12px}.project-result-count strong{color:#5d3ca4}.project-result-count span{margin-left:6px}.project-empty{text-align:center;background:#fbfcff;border:1px dashed #d9dced;border-radius:22px;grid-column:1/-1;padding:70px 30px}.project-empty h2{margin:0 0 9px}.project-empty p{color:#66728a}.project-empty .button{margin-top:15px}@media (max-width:767px){.project-explorer-tools{margin-top:25px;padding:12px;display:block;position:static}.project-search{margin-bottom:10px}.project-filters{flex-wrap:nowrap;padding-bottom:2px;overflow:auto}.project-filters button{white-space:nowrap}.project-result-count span{margin:5px 0 0;display:block}}