@font-face{font-family:Manrope;src:url("assets/manrope-variable.woff2") format("woff2");font-weight:400 800;font-style:normal;font-display:swap}
:root{--ink:#202125;--muted:#6d6e79;--blue:#5b57ed;--blue-dark:#403bc6;--pale:#f0effe;--line:#e2e2e7;--paper:#fff;--radius:16px;--font:Manrope,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{color:inherit}button,select,input{outline-offset:5px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:6px}::selection{background:#dcd8ff}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.15}h2{font-weight:600;letter-spacing:-2px}svg{display:block}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.section{padding-block:110px}.eyebrow,.tiny-label{font-size:11px;letter-spacing:1.6px;font-weight:700;line-height:1.6}.eyebrow{color:var(--blue)}.muted{color:var(--muted)}.soft-text{color:#888892}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;left:20px;top:-100px;background:var(--ink);color:white;padding:12px 20px;z-index:99}.skip-link:focus{top:15px}[hidden]{display:none!important}
.site-header{height:94px;width:100%;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e6e6ef;background:#f8f8fce8;backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.wordmark{display:flex;align-items:baseline;font-size:37px;font-weight:800;letter-spacing:-2.4px;line-height:1}.brand-dot{color:var(--blue)}.wordmark-label{font-size:9px;letter-spacing:1.1px;font-weight:600;margin-left:18px;color:#6e6e7a}.desktop-nav{display:flex;gap:35px;font-size:13px;font-weight:600}.desktop-nav a{transition:color .2s;position:relative}.desktop-nav a:hover,.desktop-nav a.active{color:var(--blue)}.desktop-nav a.active:after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:var(--blue);bottom:-9px;left:50%}.header-contact{padding:13px 22px;border:1px solid #d9d9e2;border-radius:30px;font-size:13px;font-weight:600;display:flex;gap:25px;align-items:center}.header-contact span{font-size:21px;color:var(--blue)}.header-contact:hover{background:var(--blue);color:white;border-color:var(--blue)}.header-contact:hover span{color:white}.menu-toggle{display:none;background:none;border:0;width:40px;height:40px}.menu-toggle span{display:block;height:2px;width:22px;background:var(--ink);margin:6px auto}.mobile-nav{background:white;padding:20px 24px;position:fixed;z-index:30;inset:75px 0 auto;box-shadow:0 10px 25px #20212512;display:grid;gap:20px}
.hero{background:radial-gradient(ellipse at 48% 78%,#e2e0ff88,transparent 43%),#f8f8fc;position:relative;overflow:hidden}.hero-top{text-align:center;padding-top:38px;position:relative;z-index:2}.hero-top .eyebrow{font-size:10px;letter-spacing:2.2px;color:#747381;display:flex;justify-content:center;align-items:center;gap:10px}.small-star{color:var(--blue);font-size:20px;line-height:1}.hero h1{display:inline-block;font-size:clamp(70px,8.5vw,125px);font-weight:700;letter-spacing:-7px;line-height:1.2;margin-top:10px;position:relative}.hero h1>span:not(.name-spark){color:var(--blue)}.name-spark{position:absolute;font-size:37px;top:-6px;right:-40px;color:var(--blue);font-weight:400;letter-spacing:0}.hero-scene{display:grid;grid-template-columns:1fr 1.2fr .8fr;position:relative;min-height:470px;align-items:center}.hero-intro{align-self:center;position:relative;z-index:4;padding-top:12px}.hero-intro .tiny-label{color:#6b6a79;margin-bottom:17px}.hero-intro .tiny-label span{color:var(--blue);font-size:17px;margin-left:10px}.hero-intro h2{font-size:27px;line-height:1.37;letter-spacing:-.7px;font-weight:500}.hero-intro h2 em{font-style:normal;color:var(--blue)}.hero-description{font-size:13px;color:var(--muted);line-height:1.75;margin:20px 0 24px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:15px 25px;font-size:12px;font-weight:600;border-radius:30px;border:1px solid transparent;line-height:1.5;transition:background .2s,transform .2s}.button span{font-size:19px;line-height:1}.button:hover{transform:translateY(-2px)}.button-dark{color:white;background:var(--ink)}.button-dark:hover{background:var(--blue)}.button-outline{background:transparent;border-color:#d5d5df}.button-outline:hover{border-color:var(--blue);color:var(--blue)}.hero-social{display:flex;align-items:center;gap:16px;margin-top:22px;font-size:11px;color:#666675}.hero-social a:first-child{font-size:16px;font-weight:800}.hero-social a:nth-child(2){border-inline:1px solid #d3d2df;padding-inline:16px}.hero-social a:hover{color:var(--blue)}.hero-social svg{width:19px;stroke:currentColor;stroke-width:1.4;fill:none}.hero-portrait{height:470px;position:relative;align-self:end}.hero-portrait>img{position:absolute;left:50%;bottom:-35px;transform:translateX(-50%);width:390px;height:575px;max-width:none;object-fit:contain;object-position:center bottom;z-index:2;pointer-events:none;clip-path:inset(0 0 35px 0)}.portrait-orbit{position:absolute;width:385px;height:385px;background:linear-gradient(135deg,#dcd9ff,#eae8fb);border-radius:50%;left:50%;top:55px;transform:translateX(-50%)}.orbit-line{position:absolute;width:520px;max-width:none;left:50%;top:5px;transform:translateX(-50%);fill:none;stroke:#b9b3ed;stroke-width:.7}.portrait-tag{position:absolute;z-index:5;background:#fffffff2;box-shadow:0 6px 30px #34305609;font-size:11px;letter-spacing:.1px;padding:10px 15px;border:1px solid #eceafc;border-radius:6px;white-space:nowrap;display:flex;align-items:center;gap:12px}.tag-one{top:135px;left:-35px;transform:rotate(-7deg)}.tag-spark{color:var(--blue);font-size:20px}.tag-two{bottom:70px;right:-28px;transform:rotate(6deg);font-size:10px}.tag-two>span{font-size:19px;color:var(--blue)}.hero-aside{justify-self:end;align-self:center;z-index:3;width:210px;padding-top:10px}.experience-stat{display:flex;align-items:center;gap:13px}.experience-stat>span{font-size:62px;letter-spacing:-4px;font-weight:600;line-height:1}.experience-stat .plus{font-size:31px;color:var(--blue);vertical-align:top;display:inline-block;padding-top:8px;letter-spacing:-1px}.experience-stat p{font-size:9px;line-height:1.8;letter-spacing:1px;color:#71707e}.hero-aside>p{font-size:13px;color:var(--muted);margin:20px 0 16px}.circle-cta{display:block;position:relative;width:116px;height:116px;margin:20px 0 21px}.circle-cta>svg{width:116px;height:116px;transform:rotate(-30deg);transition:transform .8s}.circle-cta text{font-size:8.5px;letter-spacing:2px;fill:#757382}.circle-cta>span{position:absolute;inset:26px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:white;font-size:35px;font-weight:400;transition:background .3s}.circle-cta:hover>svg{transform:rotate(15deg)}.circle-cta:hover>span{background:var(--ink)}.location{display:flex;align-items:center;font-size:8px;letter-spacing:1px;color:#74737e;gap:7px}.location-dot{height:5px;width:5px;border-radius:50%;background:#646270}.hero-bottom{position:relative;z-index:5;display:flex;justify-content:space-between;border-top:1px solid #deddea;padding:20px 0 22px;font-size:9px;color:#7f7d8b;letter-spacing:1.1px;background:#f8f8fc}.hero-bottom a{display:flex;gap:24px}.hero-bottom a span{font-size:17px;line-height:1}.discipline-strip{background:var(--blue);color:white;padding:24px 0;overflow:hidden}.discipline-strip>div{display:flex;gap:36px;align-items:center;justify-content:center;min-width:max-content}.discipline-strip span{font-size:13px;letter-spacing:1px}.discipline-strip i{font-size:21px;line-height:1;font-style:normal;color:#b7b5ff}
.section-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.section-topline>.tiny-label{font-size:9px;color:#90909a}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:40px}.section-heading h2{font-size:44px;line-height:1.2}.section-heading>p{font-size:12px;color:var(--muted);line-height:1.8;padding-bottom:5px}.work-controls{padding-block:20px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px}.filters{display:flex;flex-wrap:wrap;gap:6px}.filter{background:none;border:1px solid transparent;border-radius:30px;padding:10px 13px;font-size:11px;white-space:nowrap;color:#777783;transition:all .2s}.filter:hover{border-color:#cfcde9;color:var(--blue)}.filter.active{background:var(--ink);color:white;border-color:var(--ink)}.filter sup{font-size:8px;margin-left:4px}.work-search{display:flex;gap:7px;align-items:center;border-bottom:1px solid #d2d2db;padding-block:8px;max-width:148px}.work-search svg{width:14px;height:14px;stroke:#7f7c8b;fill:none;stroke-width:1.5;flex:none}.work-search input{border:0;background:transparent;font-size:10px;min-width:0;width:100%;outline:none;color:var(--ink)}.work-search:focus-within{border-color:var(--blue)}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 28px}.project-card{min-width:0}.project-open{background:none;border:0;padding:0;text-align:left;width:100%;display:block}.project-visual{aspect-ratio:1.48;position:relative;background:#f1f0f5;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}.project-visual>img{height:100%;width:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.65,.2,1)}.project-open:hover .project-visual>img{transform:scale(1.035)}.project-visual.contain>img{object-fit:contain;padding:26px}.project-visual.logo>img{object-fit:contain;padding:0;width:72%;height:72%;border-radius:0}.project-visual.portrait-layout>img{object-fit:contain;padding:20px}.project-visual.softtrix{background:#dcdcdc}.project-visual.kemaya{background:#800500}.project-visual.afs{background:#e8f0f3}.project-visual.max-vitality{background:#e9e7e5}.project-type{position:absolute;top:16px;left:16px;font-size:9px;letter-spacing:.2px;background:#ffffffed;padding:6px 11px;border-radius:20px;box-shadow:0 2px 5px #00000004}.project-visual .round-arrow{position:absolute;bottom:18px;right:18px;height:39px;width:39px;display:grid;place-items:center;border-radius:50%;background:white;color:var(--ink);font-size:23px;transition:background .2s,color .2s,transform .2s}.project-open:hover .round-arrow{background:var(--blue);color:white;transform:rotate(45deg)}.project-meta{display:flex;justify-content:space-between;padding:18px 2px 0;gap:12px;align-items:center}.project-meta h3{font-size:19px;letter-spacing:-.45px;font-weight:600}.project-meta p{font-size:10px;color:var(--muted);margin-top:7px}.project-index{font-size:10px;color:#aaaab2;align-self:start;margin-top:3px}.featured-marker{font-size:9px;color:var(--blue);border:1px solid #e7e5fb;border-radius:20px;padding:4px 9px;letter-spacing:.4px}.project-visual.figma-card{background:#efedfb;padding:40px;align-items:flex-start;flex-direction:column}.figma-card .figma-mark{font-size:31px;color:var(--blue);font-weight:800;margin-bottom:15px}.figma-card h4{font-size:36px;line-height:1.2;letter-spacing:-1.5px;max-width:280px;margin:0 0 17px;font-weight:500}.figma-card .figma-note{font-size:11px;color:var(--muted)}.figma-card .figma-grid{display:flex;gap:6px;margin-top:30px}.figma-grid i{height:7px;border-radius:4px;width:40px;background:#a6a1e9}.figma-grid i:nth-child(2){width:90px;background:#d0cbf2}.figma-grid i:nth-child(3){width:27px;background:#5b57ed}.play-marker{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border:1px solid #ffffffa0;border-radius:50%;background:#17171c50;color:white;backdrop-filter:blur(4px);display:grid;place-items:center;font-size:22px;padding-left:3px}.work-footer{display:flex;align-items:center;justify-content:center;gap:30px;padding-top:55px}.work-footer p{color:var(--muted);font-size:12px}.empty-state{text-align:center;min-height:300px;padding:60px 20px;background:#f9f9fb;border-radius:12px}.empty-state>span{font-size:40px;color:var(--blue)}.empty-state h3{margin:10px}.empty-state p{color:var(--muted);margin-bottom:20px}.clients{padding-bottom:75px;text-align:center}.clients>p{font-size:9px;color:#93939d;margin-bottom:30px}.clients>div{display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}.clients>div>span{color:#66666d;font-size:20px;font-weight:600;letter-spacing:-.7px}.clients small{font-family:Georgia,serif;font-style:italic}.client-nissan{letter-spacing:3px!important;font-size:18px!important}.client-kreditbee{font-weight:800!important}.client-reckitt{font-style:italic;font-size:28px!important}.client-fabulate{font-size:27px!important}
.services-section{background:#f7f7fa}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #dfdfe7;margin-top:44px}.service{position:relative;padding:35px 30px 38px;border-bottom:1px solid #dfdfe7;border-right:1px solid #dfdfe7;min-height:280px}.service:nth-child(3n){border-right:0}.service:nth-child(3n+1){padding-left:0}.service-number{position:absolute;right:30px;top:33px;font-size:10px;color:#a1a0ad}.service>svg{width:37px;height:37px;stroke:var(--blue);stroke-width:1.25;fill:none;margin-bottom:22px}.service h3{font-size:20px;font-weight:600;letter-spacing:-.5px;margin-bottom:13px}.service p{font-size:12px;line-height:1.8;color:var(--muted);max-width:280px}.service-tags{font-size:9px;color:#90909d;display:block;margin-top:21px;max-width:calc(100% - 30px)}.service>button,.service>a{position:absolute;bottom:30px;right:26px;background:none;border:0;font-size:25px;color:#aaa7bc}.service>button:hover,.service>a:hover{color:var(--blue)}.about-section{display:grid;grid-template-columns:1fr 1.15fr;gap:95px;align-items:center}.about-image{position:relative;height:535px;background:#eeedf6;border-radius:14px;overflow:hidden}.about-image>img{height:100%;width:100%;object-fit:cover;object-position:50% 22%;filter:grayscale(100%)}.about-image:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0009)}.about-sticker{position:absolute;left:25px;top:25px;width:112px;height:112px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;line-height:1.3;background:#d4d0ff;color:#4b45b7;text-align:center;transform:rotate(-12deg);font-size:12px;font-weight:600}.about-sticker span{font-size:30px;line-height:1}.image-caption{display:flex;position:absolute;z-index:2;left:25px;right:25px;bottom:25px;color:white;justify-content:space-between;align-items:center;gap:15px;font-size:9px;letter-spacing:1px}.image-caption>span:last-child{font-size:7px;letter-spacing:.6px}.about-copy>.eyebrow{margin-bottom:22px}.about-copy h2{font-size:43px;line-height:1.2;margin-bottom:24px}.about-copy h2 em{font-style:normal;color:var(--blue)}.about-copy>p:not(.eyebrow){font-size:13px;color:var(--muted);margin-bottom:16px;max-width:490px}.about-copy>.about-lead{font-size:16px!important;color:var(--ink)!important;line-height:1.7}.about-facts{display:flex;gap:45px;border-top:1px solid var(--line);padding:20px 0 25px;margin-top:25px}.about-facts span{font-size:9px;letter-spacing:1px;color:#95949e;display:block}.about-facts strong{font-size:11px;font-weight:500;display:block;margin-top:5px}.toolkit{border-block:1px solid var(--line);padding-block:25px 30px;display:flex;align-items:center;gap:40px}.toolkit>p{font-size:9px;max-width:145px;color:var(--muted);flex:none}.toolkit>div{display:flex;align-items:center;justify-content:space-between;gap:24px;flex:1;flex-wrap:wrap}.toolkit>div>span{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:500;white-space:nowrap}.tool-icon{display:grid;place-items:center;font-style:normal;width:28px;height:28px;border-radius:6px;font-size:13px;font-weight:600;background:#171728;color:#aaa5ff}.tool-icon.ps{color:#78c9ff;background:#112033}.tool-icon.ai{color:#ffbf74;background:#362410}.tool-icon.ppt{background:#fae2d9;color:#bd4b30}.tool-icon.figma-icon{background:#eeeafb;color:#6d5bc3}.experience-section{display:grid;grid-template-columns:.85fr 1.3fr;gap:80px}.experience-intro h2{font-size:39px;line-height:1.2;margin:23px 0}.experience-intro>p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:1.8}.text-link{display:inline-flex;align-items:center;gap:35px;border-bottom:1px solid #c8c7d5;padding-block:15px 8px;font-size:12px;font-weight:600;margin-top:20px}.text-link>span{color:var(--blue);font-size:20px}.timeline>article,.timeline details article{display:grid;grid-template-columns:135px 1fr;gap:20px;padding:26px 0;border-bottom:1px solid var(--line)}.timeline>article:first-child{padding-top:0}.timeline-year{font-size:9px;letter-spacing:.5px;color:#92909e;display:flex;align-items:baseline;gap:8px;white-space:nowrap;padding-top:4px}.current-dot{height:5px;width:5px;background:var(--blue);border-radius:50%;display:inline-block}.timeline h3{font-size:16px;font-weight:600;letter-spacing:-.3px;line-height:1.4}.timeline p{font-size:11px;margin-top:7px}.timeline small{font-size:10px;color:#93919c;display:block;margin-top:9px}.timeline details>summary{padding:18px 0;list-style:none;cursor:pointer;font-size:11px;display:flex;justify-content:space-between;color:#777482}.timeline details>summary::-webkit-details-marker{display:none}.timeline details>summary>span{font-size:19px;line-height:1;color:var(--blue)}.timeline details[open]>summary>span{transform:rotate(45deg)}.contact-section{background:#f0effc;padding:65px 0 50px}.contact-top{display:flex;justify-content:space-between;align-items:center}.contact-top>span{font-size:8px;letter-spacing:1px;color:#9793ae}.contact-heading{display:flex;align-items:center;justify-content:space-between;margin-block:25px 45px}.contact-heading h2{font-size:clamp(50px,6.6vw,90px);font-weight:500;line-height:1.06;letter-spacing:-4px}.contact-heading h2 em{font-style:normal;color:var(--blue)}.contact-arrow{width:128px;height:128px;display:grid;place-items:center;border-radius:50%;background:var(--blue);color:white;font-size:76px;font-weight:400;transition:transform .3s,background .3s}.contact-arrow:hover{transform:rotate(45deg);background:var(--ink)}.contact-details{border-top:1px solid #d5d2e9;padding-top:30px;display:flex;justify-content:space-between;gap:25px;align-items:center}.email-link{font-size:21px;letter-spacing:-.6px;display:flex;gap:25px;align-items:center}.email-link>span{color:var(--blue)}.contact-details>div{font-size:12px;display:grid;gap:4px}.contact-details>div>span{font-size:10px;color:#868098}.contact-resume{font-size:11px;display:flex;align-items:center;gap:20px}.contact-resume>span{font-size:18px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:30px}.site-footer .wordmark{font-size:30px}.site-footer>p{font-size:9px;color:#92909a}.site-footer>div{display:flex;gap:24px;font-size:10px}.site-footer>div>a:last-child{font-size:18px;line-height:1}.site-footer a:hover{color:var(--blue)}.noscript{padding:30px;text-align:center;background:#eee}.noscript a{text-decoration:underline}
dialog{border:none;padding:0;overscroll-behavior:contain;color:var(--ink);background:white}dialog::backdrop{background:#111124a8;backdrop-filter:blur(7px)}body.modal-open{overflow:hidden}.project-dialog{width:min(1100px,calc(100vw - 48px));max-height:92dvh;border-radius:20px}.dialog-top{display:flex;align-items:center;justify-content:space-between;padding:25px 38px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fffffff5;backdrop-filter:blur(15px);z-index:5}.dialog-top .wordmark{font-size:26px}.dialog-close{display:flex;align-items:center;gap:17px;font-size:11px;background:transparent;border:0}.dialog-close>span{font-size:27px;line-height:1;color:var(--blue)}.detail-header{padding:45px 50px 35px}.detail-header h2{font-size:42px;margin:12px 0 18px;letter-spacing:-1.5px}.detail-description{max-width:680px;font-size:14px;color:var(--muted)}.detail-info{display:flex;gap:50px;padding-top:30px}.detail-info>div>span{display:block;color:#9b98a7;font-size:9px;letter-spacing:1px}.detail-info strong{font-weight:500;font-size:12px}.detail-images{padding:0 50px 35px;display:grid;gap:22px}.detail-images img{width:100%;height:auto;max-height:1100px;object-fit:contain;border-radius:8px;background:#f4f3f7}.detail-images video{width:100%;max-height:620px;background:#17171a;border-radius:8px}.detail-bottom{padding:25px 50px 40px;display:flex;gap:20px;flex-wrap:wrap}.resource-links{display:grid;gap:12px;margin:10px 50px 30px}.resource-link{display:flex;justify-content:space-between;align-items:center;padding:22px;border-radius:10px;background:#f3f1fb;font-size:14px;color:var(--blue)}.resource-note{padding:0 50px 30px;font-size:12px;color:var(--muted)}.archive-dialog{width:min(1240px,calc(100vw - 40px));max-height:94dvh;border-radius:18px}.archive-head{padding:35px 38px 25px}.archive-head h2{font-size:39px;letter-spacing:-1.5px}.archive-head>p{font-size:12px;color:var(--muted);margin-top:12px}.archive-controls{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:25px}.archive-controls input,.archive-controls select{border:1px solid #dddbe6;background:#faf9fc;padding:11px 15px;border-radius:7px;font-size:12px;color:var(--ink)}.archive-controls input{width:260px}.archive-controls>span{margin-left:auto;font-size:11px;color:var(--muted)}.archive-grid{padding:0 38px 30px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px 20px}.archive-card{min-width:0}.archive-card .archive-image{aspect-ratio:1;position:relative;background:#f2f1f7;border-radius:9px;overflow:hidden;display:flex;align-items:center;justify-content:center}.archive-image>img{width:100%;height:100%;object-fit:contain}.archive-image>span{position:absolute;bottom:9px;right:9px;border-radius:20px;background:white;padding:1px 10px;font-size:17px;color:var(--blue)}.archive-card:hover .archive-image{outline:2px solid #cac5ff}.archive-file-type{font-size:29px;font-weight:600;color:var(--blue);letter-spacing:-1px}.archive-card h3{font-size:11px;font-weight:600;line-height:1.5;margin-top:12px;overflow-wrap:anywhere}.archive-card p{font-size:9px;color:var(--muted);margin-top:4px}.archive-card .archive-collection{font-size:9px;color:var(--blue)}#archive-more{display:flex;margin:0 auto 25px}.archive-note{text-align:center;font-size:10px;color:var(--muted);padding:0 30px 25px}.archive-empty{grid-column:1/-1;text-align:center;padding:55px;font-size:14px;color:var(--muted)}
@media(min-width:1600px){.hero-scene{min-height:500px}.hero-portrait{height:500px}.hero-portrait>img{height:620px;width:420px}.hero h1{font-size:125px}}
@media(max-width:1150px){.wordmark-label{display:none}.wrap{width:calc(100% - 72px)}.site-header{padding-inline:36px}.hero h1{letter-spacing:-5px}.hero-intro h2{font-size:23px}.hero-scene{grid-template-columns:1fr 1.15fr .75fr}.hero-aside{width:180px}.hero-portrait>img{width:360px;height:530px}.portrait-orbit{width:330px;height:330px;top:90px}.orbit-line{width:430px;top:55px}.tag-one{left:-12px;top:165px;font-size:9px}.tag-two{right:-20px;font-size:9px}.experience-stat>span{font-size:53px}.experience-stat p{font-size:8px}.section-heading h2{font-size:38px}.work-controls{align-items:start}.filters{gap:3px}.filter{padding:9px 10px;font-size:10px}.work-search{max-width:125px;flex:none}.about-section{gap:55px}.about-copy h2{font-size:36px}.about-image{height:500px}.toolkit{display:block}.toolkit>p{max-width:none;margin-bottom:20px}.toolkit>div{gap:16px}.experience-section{gap:40px}.timeline>article,.timeline details article{grid-template-columns:105px 1fr;gap:15px}.timeline-year{font-size:8px}.email-link{font-size:18px}.section{padding-block:85px}}
@media(max-width:900px){.desktop-nav{gap:22px}.hero-top{padding-top:35px}.hero h1{font-size:9vw}.hero-scene{grid-template-columns:1fr 1.15fr .7fr;min-height:420px}.hero-portrait{height:420px}.hero-portrait>img{height:480px;width:325px;bottom:-20px;clip-path:inset(0 0 20px)}.hero-intro h2{font-size:20px}.hero-description{font-size:11px}.hero-intro .tiny-label{font-size:9px}.hero-intro .button{padding:12px 18px;gap:15px;font-size:10px}.hero-aside{width:145px}.experience-stat{display:block}.experience-stat p{margin-top:7px}.hero-aside>p{font-size:11px}.location{font-size:6px}.circle-cta{width:95px;height:95px}.circle-cta>svg{width:95px;height:95px}.circle-cta>span{inset:22px;font-size:28px}.portrait-orbit{width:290px;height:290px;top:85px}.orbit-line{width:355px;top:70px}.portrait-tag{padding:8px 10px}.tag-one{left:-22px;top:150px;font-size:8px}.tag-two{font-size:8px;right:-15px;bottom:60px}.tag-spark{font-size:15px}.hero-bottom{font-size:7px}.hero-social{gap:10px;font-size:10px}.hero-social a:nth-child(2){padding-inline:10px}.section-heading{align-items:start}.section-heading h2{font-size:33px}.section-heading>p{font-size:11px;max-width:265px}.work-controls{display:block}.work-search{max-width:200px;margin-top:20px}.services-grid{grid-template-columns:repeat(2,1fr)}.service:nth-child(3n){border-right:1px solid #dfdfe7}.service:nth-child(2n){border-right:0}.service:nth-child(3n+1){padding-left:30px}.service:nth-child(2n+1){padding-left:0}.about-section{gap:35px}.about-image{height:480px}.about-copy h2{font-size:31px}.about-copy>.about-lead{font-size:14px!important}.about-copy>p:not(.eyebrow){font-size:12px}.about-facts{gap:18px}.about-facts strong{font-size:9px}.about-facts span{font-size:8px}.about-copy>.eyebrow{font-size:9px}.experience-section{display:block}.experience-intro{margin-bottom:40px}.experience-intro h2{font-size:38px}.timeline>article,.timeline details article{grid-template-columns:155px 1fr}.timeline-year{font-size:9px}.contact-details{flex-wrap:wrap}.contact-resume{margin-left:auto}.contact-arrow{width:100px;height:100px;font-size:60px}.clients>div{justify-content:center;column-gap:40px;row-gap:23px}.clients>div>span{font-size:18px}.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){html{scroll-padding-top:85px}.wrap{width:calc(100% - 40px)}.section{padding-block:64px}.site-header{height:76px;padding:0 20px}.wordmark{font-size:32px}.desktop-nav{display:none}.header-contact{padding:9px 16px;font-size:10px;gap:15px;margin-left:auto;margin-right:12px}.header-contact>span{font-size:18px}.menu-toggle{display:block}.hero-top{padding:30px 16px 0}.hero-top .eyebrow{font-size:7px;letter-spacing:1.3px;gap:7px}.hero-top .small-star{font-size:15px}.hero h1{font-size:12.2vw;letter-spacing:-3px;line-height:1.3;margin-top:13px}.name-spark{font-size:20px;right:-12px;top:-10px}.hero-scene{grid-template-columns:1fr 1fr;grid-template-rows:358px auto;min-height:0}.hero-portrait{grid-column:1/-1;grid-row:1;width:100%;height:358px}.hero-portrait>img{height:420px;width:285px;bottom:-27px;clip-path:inset(0 0 27px)}.portrait-orbit{top:48px;width:285px;height:285px}.orbit-line{top:7px;width:360px}.tag-one{top:125px;left:0;font-size:8px;transform:rotate(-7deg)}.tag-two{right:-4px;bottom:50px;font-size:7px;transform:rotate(5deg);gap:7px;padding:7px}.tag-two>span{font-size:14px}.hero-intro{grid-column:1;grid-row:2;align-self:start;padding-top:24px}.hero-intro h2{font-size:21px;line-height:1.4}.hero-intro .tiny-label{font-size:8px;margin-bottom:12px}.hero-intro .tiny-label>span{font-size:13px}.hero-description{font-size:10px;line-height:1.8;margin:14px 0 18px}.hero-intro .button{padding:12px 17px;font-size:9px;gap:18px}.hero-aside{grid-column:2;grid-row:2;justify-self:end;align-self:start;width:125px;padding-top:29px}.experience-stat{display:block}.experience-stat>span{font-size:50px;letter-spacing:-2px}.experience-stat .plus{font-size:24px}.experience-stat p{font-size:7px;letter-spacing:.6px;line-height:1.7}.hero-aside>p{font-size:10px;margin:14px 0 10px}.circle-cta{margin:8px 0 0;width:94px;height:94px}.circle-cta>svg{width:94px;height:94px}.circle-cta>span{inset:22px}.location{font-size:6px;letter-spacing:.4px;margin-top:14px}.hero-social{margin:20px 0 22px}.hero-bottom{font-size:6px;letter-spacing:.6px;padding-block:15px;align-items:center}.hero-bottom>a{gap:9px;white-space:nowrap}.hero-bottom>span{max-width:150px}.discipline-strip{padding:19px 0}.discipline-strip>div{justify-content:flex-start;padding-left:20px;gap:24px}.discipline-strip span{font-size:10px}.discipline-strip i{font-size:15px}.section-topline{margin-bottom:18px}.section-topline>.eyebrow{font-size:9px}.section-topline>.tiny-label{font-size:7px;letter-spacing:1px}.section-heading{display:block;margin-bottom:23px}.section-heading h2{font-size:32px;line-height:1.23;letter-spacing:-1.5px}.section-heading>p{font-size:11px;line-height:1.8;margin-top:20px;max-width:none}.desktop-only{display:none}.work-controls{padding-block:5px 24px}.filters{gap:7px}.filter{padding:8px 11px;font-size:9px;border-color:#e5e4ec}.filter.active{border-color:var(--ink)}.work-search{margin-top:17px;max-width:100%;width:100%}.work-search input{font-size:11px}.project-grid{grid-template-columns:1fr;gap:29px}.project-visual{aspect-ratio:1.38;border-radius:10px}.project-visual.contain>img{padding:17px}.project-type{left:12px;top:12px;font-size:8px;padding:5px 10px}.project-visual .round-arrow{width:34px;height:34px;font-size:19px;right:13px;bottom:13px}.project-meta{padding-top:14px}.project-meta h3{font-size:17px}.project-meta p{font-size:9px}.project-index{font-size:9px}.figma-card h4{font-size:30px;max-width:230px}.figma-card .figma-note{font-size:10px}.work-footer{flex-direction:column;gap:15px;padding-top:35px}.work-footer p{font-size:11px}.button{font-size:11px;padding:13px 23px}.clients{padding-bottom:50px}.clients>p{font-size:8px}.clients>div{column-gap:30px;row-gap:25px}.clients>div>span{font-size:17px}.clients .client-nissan{font-size:14px!important}.clients .client-reckitt{font-size:23px!important}.clients .client-fabulate{font-size:23px!important}.services-grid{margin-top:30px}.service{min-height:260px;padding:25px 0 28px 20px}.service:nth-child(3n+1){padding-left:20px}.service:nth-child(2n+1){padding-left:0;padding-right:16px}.service-number{right:15px;top:25px;font-size:9px}.service>svg{width:30px;height:30px;margin-bottom:18px}.service h3{font-size:16px;line-height:1.3;letter-spacing:-.5px;margin-bottom:10px;max-width:135px}.service p{font-size:10px;line-height:1.75;max-width:140px}.service-tags{font-size:7px;line-height:1.7;margin-top:15px;max-width:calc(100% - 20px)}.service>button,.service>a{font-size:22px;right:8px;bottom:23px}.about-section{display:flex;flex-direction:column;gap:36px;align-items:stretch}.about-image{height:380px;width:100%}.about-image>img{object-position:50% 20%}.about-copy h2{font-size:34px;letter-spacing:-1.5px}.about-copy>.about-lead{font-size:15px!important}.about-copy>p:not(.eyebrow){font-size:12px}.about-facts{gap:40px}.about-facts strong{font-size:10px}.about-facts span{font-size:8px}.toolkit{padding-block:25px}.toolkit>p{font-size:8px;margin-bottom:20px}.toolkit>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 10px}.toolkit>div>span{font-size:8px;gap:5px}.tool-icon{height:24px;width:24px;font-size:11px;flex:none}.experience-intro h2{font-size:33px}.timeline>article,.timeline details article{grid-template-columns:90px 1fr;gap:10px;padding-block:22px}.timeline-year{font-size:7px;letter-spacing:0;gap:4px;padding-top:4px}.timeline h3{font-size:14px;line-height:1.5}.timeline p{font-size:10px}.timeline small{font-size:9px;line-height:1.7}.current-dot{height:4px;width:4px;flex:none}.contact-section{padding-block:48px 30px}.contact-top>.eyebrow{font-size:9px}.contact-top>span{display:none}.contact-heading{margin-block:26px 32px;gap:12px}.contact-heading h2{font-size:45px;letter-spacing:-2.3px}.contact-arrow{width:65px;height:65px;font-size:42px;flex:none}.contact-details{padding-top:24px;gap:20px}.email-link{font-size:17px;gap:16px;width:100%}.contact-details>div{font-size:11px}.contact-details>div>span{font-size:9px}.contact-resume{font-size:9px;gap:10px}.site-footer{flex-wrap:wrap;gap:20px;padding-block:25px}.site-footer>.wordmark{font-size:28px}.site-footer>div{font-size:9px;gap:20px}.site-footer>p{font-size:8px;order:3;width:100%;text-align:center;border-top:1px solid var(--line);padding-top:18px}.project-dialog,.archive-dialog{width:calc(100vw - 20px);max-height:95dvh;border-radius:12px}.dialog-top{padding:19px 22px}.detail-header{padding:30px 22px 25px}.detail-header h2{font-size:30px}.detail-description{font-size:12px}.detail-info{gap:30px;padding-top:20px}.detail-info>div>span{font-size:8px}.detail-info strong{font-size:10px}.detail-images{padding:0 18px 20px;gap:15px}.detail-bottom{padding:20px 22px 30px}.resource-links{margin:0 22px 20px}.resource-link{font-size:12px;padding:18px}.resource-note{padding:0 22px 25px;font-size:11px}.archive-head{padding:25px 20px}.archive-head h2{font-size:31px}.archive-head>p{font-size:11px}.archive-controls{gap:10px}.archive-controls input{width:100%}.archive-controls>label:first-child{width:100%}.archive-controls input,.archive-controls select{font-size:11px}.archive-controls>span{font-size:9px}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 20px 25px;gap:22px 12px}.archive-card h3{font-size:10px}.archive-card p{font-size:8px}.archive-card .archive-collection{font-size:8px}.archive-note{font-size:9px}.archive-image>span{font-size:14px;padding:1px 8px}}
@media(min-width:641px){.hero-description{font-size:14px}.section-heading>p,.service p{font-size:14px}.about-copy>p:not(.eyebrow){font-size:14px}.filter{font-size:12px}.work-search input{font-size:12px}.project-meta p{font-size:12px}.timeline small{font-size:11px}.service-tags{font-size:10px}.detail-description{font-size:15px}}
@media(max-width:640px){.hero-description{font-size:12px}.hero-aside>p{font-size:11px}.hero-intro .button{font-size:11px}.section-heading>p{font-size:13px}.filter{font-size:11px;padding:8px 10px}.work-search input{font-size:12px}.project-meta p{font-size:11px}.service p{font-size:12px;max-width:100%}.service-tags{font-size:9px}.service{min-height:295px}.about-copy>p:not(.eyebrow){font-size:14px}.timeline small{font-size:11px}.timeline p{font-size:12px}.detail-description{font-size:14px}.archive-card h3{font-size:11px}.archive-head>p{font-size:13px}.contact-details>div{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Collection browsing and media previews */
.detail-images figure{margin:0;min-width:0}.detail-images figure img{display:block;width:100%;height:auto}.detail-images figcaption{font-size:12px;color:var(--muted);padding:12px 2px 4px}.detail-bottom{flex-wrap:wrap}.archive-card{display:block;width:100%;padding:0;border:0;background:none;text-align:left;color:inherit;font:inherit;cursor:pointer}.archive-card:focus-visible{outline:3px solid var(--accent,#5b57ed);outline-offset:5px;border-radius:8px}.archive-controls{flex-wrap:wrap}.archive-controls select{max-width:230px}.archive-reset{background:none;border:0;font:inherit;font-size:12px;text-decoration:underline;text-underline-offset:4px;cursor:pointer;color:var(--muted);padding:10px 0}.archive-controls>span{margin-left:auto}.file-dialog .detail-header h2{font-size:clamp(24px,3vw,38px);overflow-wrap:anywhere}.file-dialog .detail-images>figure:only-child img{max-height:70vh;object-fit:contain}.project-visual.contain{background:#ececf0}.detail-images video{width:100%;height:auto;max-height:75vh;background:#111;border-radius:12px}@media(max-width:600px){.archive-controls>label{max-width:100%;flex:1 1 45%}.archive-controls select{width:100%;max-width:100%;font-size:10px;padding:12px 9px}.archive-controls>label:first-child{flex-basis:100%}.archive-controls>span{margin-left:0;flex-basis:100%}.archive-reset{font-size:11px}.detail-images figcaption{font-size:10px}.detail-bottom .button{width:100%;justify-content:space-between}.file-dialog .detail-images>figure:only-child img{max-height:65vh}}
.project-visual.ui-preview{background:#e6e7ef;padding:24px;display:flex;align-items:center;justify-content:center}.project-visual.ui-preview>img{object-fit:contain;width:100%;height:100%;border-radius:5px;filter:drop-shadow(0 10px 14px #20223a1c)}@media(max-width:600px){.project-visual.ui-preview{padding:14px}}