@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--ink:#202028;--muted:#72727c;--purple:#6546ed;--bg:#f7f8fa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #ad97ff;outline-offset:5px}.wrap{max-width:1280px;margin:auto;padding-left:48px;padding-right:48px}.header{height:110px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:30px;font-weight:800;letter-spacing:-1.8px;display:inline-flex;align-items:center;gap:8px}.brand-mark{color:var(--purple);font-size:37px;line-height:1}nav{display:flex;gap:34px;font-size:14px;font-weight:600}.nav-contact{font-size:14px;font-weight:700;border-bottom:1px solid #b6b5be;padding:8px 0}.nav-contact span{padding-left:18px}.hero{padding-top:48px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.4px}.hero>.eyebrow{display:flex;justify-content:space-between;color:#666570}.hero h1{font-size:clamp(48px,6.8vw,94px);font-weight:650;line-height:1.08;letter-spacing:-5px;margin:38px 0 32px}.hero h1>span{color:var(--purple)}.hero-bottom{display:flex;align-items:center;gap:65px;margin-bottom:45px}.hero-bottom p{font-size:16px;line-height:1.7;color:#62616c;margin:0}.button{border:0;background:var(--purple);color:white;border-radius:50px;padding:20px 27px;display:inline-flex;gap:28px;align-items:center;font-size:14px;font-weight:700;transition:background .2s,transform .2s}.button:hover{background:#5032ce;transform:translateY(-2px)}.hero-note{margin-left:auto;font-size:13px;color:#81808a}.showcase{height:430px;background:#e6e8ee;border-radius:22px;position:relative;overflow:hidden}.showcase-label{position:absolute;left:30px;right:30px;top:22px;display:flex;justify-content:space-between;font-size:11px;font-weight:700;letter-spacing:1px;color:#6a6c79}.screen{position:absolute;overflow:hidden;border-radius:10px;box-shadow:0 24px 45px #20203326;background:white;transition:transform .4s}.screen:hover{transform:translateY(-8px) rotate(0deg)}.screen-main{width:67%;top:85px;left:5%;transform:rotate(-4deg)}.screen-side{width:45%;height:230px;left:53%;top:145px;transform:rotate(6deg)}.screen img{width:100%;display:block}.screen-side img{min-height:100%;object-fit:cover;object-position:top}.browser-bar{height:26px;display:flex;align-items:center;gap:4px;background:#fff;padding:0 10px}.browser-bar i{height:5px;width:5px;border-radius:50%;background:#d8d7de}.browser-bar span{font-size:9px;position:absolute;left:40%;color:#87828c}.showcase-caption{position:absolute;left:30px;bottom:23px;font-size:12px;color:#6a6c79}.asterisk{position:absolute;right:50px;top:43px;font-size:92px;color:var(--purple);line-height:1}.work{padding-top:112px;padding-bottom:100px}.section-top{display:flex;justify-content:space-between;align-items:start}.section-top p{margin:0;font-size:14px;color:var(--muted)}h2{font-size:clamp(35px,4.3vw,57px);font-weight:600;line-height:1.14;letter-spacing:-2.5px;margin:22px 0 40px}.purple{color:var(--purple)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.project-image{width:100%;height:315px;position:relative;border:0;overflow:hidden;border-radius:15px;padding:40px 30px;display:flex;align-items:center}.ceramic{background:#e5e9e7}.hot{background:#e8e4ee}.project-image img{width:100%;border-radius:5px;box-shadow:0 14px 25px #15152222;transition:transform .4s}.project-image:hover img{transform:scale(1.05)}.round-arrow{position:absolute;right:18px;bottom:18px;display:grid;place-items:center;border-radius:50%;height:40px;width:40px;background:white;font-size:24px}.project-heading{display:flex;align-items:center;justify-content:space-between}.project h3{font-size:25px;letter-spacing:-.8px;margin:20px 0 3px;font-weight:650}.project-heading>span{font-size:13px;color:#92919b}.project p{font-size:14px;color:#76747f;margin:2px 0 15px}.tags{display:flex;gap:7px;flex-wrap:wrap}.tags span{border:1px solid #dcdce4;border-radius:30px;padding:5px 12px;font-size:12px;color:#696875}.support-project{margin-top:45px;border-top:1px solid #dcdce3;padding-top:30px;display:flex;justify-content:space-between;align-items:center}.support-project h3{font-size:27px;margin:12px 0 8px;letter-spacing:-.8px}.support-project p{font-size:15px;color:#676671;margin:0 0 10px}.role-note{font-size:12px;color:#81808c}.text-link{font-size:14px;border-bottom:1px solid #bdbcc9;padding-bottom:8px}.services{background:#24242d;color:white;padding:65px 0 70px}.services .eyebrow,.service-note{color:#adabb9}.service-note{font-size:14px}.services h2{font-size:62px;margin:36px 0 50px}.service-rows>div{display:grid;grid-template-columns:70px 1fr 1fr;align-items:start;border-top:1px solid #46454f;padding:25px 0}.service-rows>div>span{font-size:13px;color:#a797ff;padding-top:8px}.service-rows h3{font-weight:500;font-size:26px;letter-spacing:-.8px;margin:0}.service-rows p{font-size:15px;color:#b8b6c3;margin:3px 0}.about{display:grid;grid-template-columns:1fr 2fr;gap:30px;padding-top:105px;padding-bottom:105px}.about h2{margin:0 0 25px}.about p{font-size:19px;line-height:1.7;color:#686773;max-width:650px}.about .tags{margin-top:25px}.contact{background:var(--purple);border-radius:22px;padding-top:50px;padding-bottom:50px;color:white;position:relative;max-width:1184px}.contact h2{font-size:64px;margin:20px 0;letter-spacing:-3px}.contact h2>span{position:absolute;right:55px;top:85px;font-size:110px;font-weight:400}.contact p{font-size:16px;color:#e1daff}.white{color:#403078;background:white;margin-top:15px}.white:hover{background:#ebe6ff}.contact small{font-size:12px;margin-left:22px;color:#e1daff}footer{display:flex;align-items:center;justify-content:space-between;padding-top:45px!important;padding-bottom:45px!important}footer>span,footer>a:last-child{font-size:13px;color:#74717e}dialog{max-width:950px;width:90%;max-height:90vh;border:0;border-radius:20px;padding:45px;box-shadow:0 30px 100px #0003;background:var(--bg);color:var(--ink)}dialog::backdrop{background:#1c172b99;backdrop-filter:blur(7px)}dialog p{color:#62616d;max-width:720px}.close{position:absolute;top:12px;right:18px;font-size:32px;background:none;border:0}.dialog-image{width:100%;border-radius:8px}.mobile-image{display:block;max-width:300px;width:100%;margin:25px auto}dialog h2{font-size:38px;margin:15px 0}
@media(min-width:1500px){.hero h1{font-size:98px}}@media(max-width:800px){.wrap{padding-left:24px;padding-right:24px}.header{height:90px}nav{gap:18px}.hero{padding-top:24px}.hero h1{font-size:64px;letter-spacing:-3px}.hero-bottom{gap:25px;flex-wrap:wrap}.hero-note{display:none}.showcase{height:320px}.screen-main{top:80px;width:75%}.screen-side{height:160px;top:140px}.asterisk{font-size:65px;right:30px}.project-image{height:230px;padding:25px 18px}.contact{margin-left:24px;margin-right:24px}.contact h2{font-size:48px}.contact h2>span{font-size:70px;right:25px}.services h2{font-size:49px}.contact small{display:block;margin:20px 0 0}.service-rows>div{grid-template-columns:40px 1fr 1.2fr}.about{grid-template-columns:1fr}.about p{font-size:17px}}
@media(max-width:540px){.header nav{display:none}.brand{font-size:26px}.nav-contact{font-size:12px}.hero>.eyebrow{font-size:10px;letter-spacing:.7px}.hero>.eyebrow span:last-child{display:none}.hero h1{font-size:45px;letter-spacing:-2.3px;margin-top:25px}.hero-bottom{margin-bottom:30px;gap:20px}.hero-bottom p{font-size:15px}.button{padding:17px 22px}.showcase{height:265px;border-radius:15px}.showcase-label{font-size:8px;left:16px;right:16px}.screen-main{top:73px;width:90%;left:-2%}.screen-side{top:134px;width:57%;height:100px;left:48%}.asterisk{font-size:48px;right:16px;top:37px}.showcase-caption{font-size:9px;left:16px;bottom:12px}.work{padding-top:65px;padding-bottom:60px}.section-top p{font-size:12px}.eyebrow{font-size:10px}h2{font-size:37px;letter-spacing:-1.8px}.project-grid{grid-template-columns:1fr;gap:35px}.project-image{height:250px;padding:30px 22px}.project h3{font-size:24px}.support-project{align-items:start;gap:20px;flex-direction:column}.support-project br{display:none}.services{padding:45px 0}.service-note{font-size:11px}.services h2{font-size:41px}.service-rows>div{grid-template-columns:30px 1fr;gap:8px}.service-rows p{grid-column:2;font-size:14px}.service-rows h3{font-size:24px}.about{padding-top:65px;padding-bottom:65px}.about h2{font-size:36px}.contact{padding:30px 24px;margin:0 16px}.contact h2{font-size:38px;letter-spacing:-1.9px}.contact h2>span{display:none}.contact p{font-size:14px}.contact p br{display:none}footer{flex-wrap:wrap;gap:20px}footer>span{font-size:11px}dialog{padding:40px 22px 25px}dialog h2{font-size:30px}}
.screen img{height:auto}.screen-main{width:65%;top:78px;left:4%;transform:rotate(-3deg)}.screen-side{width:36%;height:auto;left:64%;top:176px;transform:rotate(5deg)}.screen-side img{min-height:0;height:auto}.showcase-caption{background:#e6e8ee;padding:3px 8px;border-radius:5px;left:22px;bottom:13px}.additional{margin-top:-55px;padding-bottom:90px}.private-case{border-top:1px solid #dcdce3;border-bottom:1px solid #dcdce3}.private-case summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:27px 0;cursor:pointer}.private-case summary::-webkit-details-marker{display:none}.private-case summary:focus-visible{outline:3px solid #ad97ff;outline-offset:5px}.private-title{display:block;font-size:25px;font-weight:600;letter-spacing:-.7px;margin:8px 0}.age-label{font-size:12px;letter-spacing:0;color:#6c667c;border:1px solid #d5d1df;border-radius:5px;padding:3px 7px;vertical-align:middle;margin-left:9px}.private-hint{font-size:14px;color:var(--muted)}.disclosure-icon{font-size:28px;color:var(--purple);transition:transform .2s}.private-case[open] .disclosure-icon{transform:rotate(45deg)}.private-content{padding:0 0 30px;max-width:760px}.private-content h3{font-size:22px;margin:0 0 10px}.private-content p{color:#686773;font-size:16px;margin:0 0 18px}
@media(max-width:800px){.screen-main{top:75px;width:70%;left:3%}.screen-side{width:37%;left:62%;top:155px}.additional{margin-top:-50px;padding-bottom:65px}}
@media(max-width:540px){.showcase{height:290px}.screen-main{top:65px;width:90%;left:5%;transform:rotate(-2deg)}.screen-side{top:171px;width:46%;left:49%;transform:rotate(4deg)}.showcase-caption{bottom:7px;left:10px;font-size:9px}.asterisk{font-size:30px;top:27px}.additional{margin-top:-25px;padding-bottom:55px}.private-title{font-size:22px}.private-hint{font-size:12px}.private-content h3{font-size:20px}}
/* September refinement: readable copy, truthful case studies and local brief. */
.project-image img{height:auto;max-height:100%;object-fit:contain}.hero-actions{max-width:100%;min-width:0;flex-shrink:1}
[hidden]{display:none!important}.skip-link{position:absolute;left:20px;top:-100px;background:white;padding:12px 20px;z-index:50}.skip-link:focus{top:12px}.modal-open{overflow:hidden}.hero-actions{display:grid;gap:12px;justify-items:start;flex-shrink:0}.hero-actions .secondary-link{font-size:14px;padding:4px 0;color:#5f586e}.hero-bottom{gap:36px}.hero-bottom p{max-width:450px}.showcase{height:auto;aspect-ratio:2.56;min-height:260px}.screen-main{top:17%;width:65%;left:4%}.screen-side{top:41%;left:65%;width:32%}.asterisk{font-size:70px;right:5%;top:12%}.case-link{border:0;background:none;padding:12px 0 0;font-size:14px;font-weight:650;color:#5940c9;text-align:left;min-height:44px}.case-link span{margin-left:10px}.support-project{align-items:center;gap:38px}.support-preview{width:40%;border:0;background:#e7e8eb;padding:18px;border-radius:14px;flex-shrink:0;cursor:pointer}.support-preview img{display:block;width:100%;height:auto;border-radius:6px}.support-copy{flex:1}.support-copy p{max-width:440px;font-size:16px}.support-links{display:flex;gap:28px;align-items:center;margin-top:12px}.support-links .case-link{padding-top:0}.role-note{display:block;font-size:14px;color:#6b6876}.project p{font-size:15px}.tags span{font-size:13px}.services .process-line{font-size:16px;color:#c5c1d1;border-top:1px solid #46454f;padding-top:26px;margin-bottom:0;max-width:850px}.service-rows h3{font-size:24px}.service-rows p{font-size:16px}.service-rows>div{grid-template-columns:60px 1fr 1.15fr;gap:18px}.contact h2{font-size:58px;letter-spacing:-2.4px}.brief-form{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px;margin-top:32px;max-width:850px}.brief-form label{font-size:14px;display:flex;flex-direction:column;gap:8px;min-width:0}.brief-form input,.brief-form textarea,.brief-form select{font:inherit;font-size:16px;background:#fff;color:#25212f;border:1px solid #e0d7ff;border-radius:10px;padding:13px 14px;width:100%;min-width:0}.brief-form textarea{resize:vertical}.brief-form input::placeholder,.brief-form textarea::placeholder{color:#7e768d}.brief-form :is(input,textarea,select):focus-visible{outline:3px solid white;outline-offset:3px}.brief-wide{grid-column:1/-1}.brief-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.brief-actions .button{margin-top:0}.brief-note{font-size:13px;color:#e6dfff}.brief-form p{font-size:14px;margin:0}.preview-note{font-size:13px!important;color:#ece7ff!important;max-width:700px;margin-top:25px}.direct-contact{margin-top:10px}.case-work{padding-left:22px;color:#5c5669;line-height:1.8;font-size:16px}.case-note{font-size:14px!important;color:#736b81!important}.case-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:25px}.dialog-image{height:auto}.close{position:sticky;float:right;top:0;width:44px;height:44px;padding:0;line-height:1;z-index:2;border-radius:50%;background:white;box-shadow:0 3px 20px #0001}dialog h3{font-size:18px;font-weight:650}dialog{overscroll-behavior:contain}.private-hint{font-size:14px}.eyebrow{font-size:12px}.showcase-label{font-size:11px}.contact .eyebrow{color:#eee9ff}
@media(max-width:800px){.hero-bottom p br{display:none}.hero-bottom p{max-width:410px}.screen-main{top:20%;width:68%;left:3%}.screen-side{top:49%;width:32%;left:65%}.asterisk{font-size:50px;top:17%}.support-preview{width:43%}.support-project{gap:24px}.service-rows>div{grid-template-columns:32px 1fr 1.15fr;gap:12px}.contact h2{font-size:48px}.hero h1{font-size:clamp(2.7rem,8.1vw,4.5rem)}}
@media(max-width:540px){.hero h1{font-size:clamp(2.25rem,10.4vw,3rem);letter-spacing:-1.8px}.hero-bottom p{font-size:16px}.hero-actions{display:flex;gap:18px;flex-wrap:wrap;align-items:center}.showcase{aspect-ratio:auto;min-height:0;height:290px}.screen-main{top:64px;width:90%;left:5%}.screen-side{top:175px;width:44%;left:51%}.asterisk{font-size:32px;top:30px}.support-project{flex-direction:column}.support-preview{width:100%;padding:16px}.service-rows>div{grid-template-columns:24px 1fr}.service-rows p{grid-column:2}.service-rows h3{font-size:23px}.service-note{font-size:12px}.hero>.eyebrow{font-size:12px}.showcase-label{font-size:9px}.contact h2{font-size:36px;letter-spacing:-1.6px}.brief-form{grid-template-columns:1fr}.brief-form label{font-size:14px}.brief-actions{gap:14px}.brief-note{font-size:13px}.contact{padding:30px 22px}.contact p{font-size:16px}.tags span{font-size:13px}.private-title{font-size:22px}.role-note{font-size:14px}.support-links{gap:20px}.about h2{font-size:33px}.eyebrow{letter-spacing:1px}.section-top{gap:15px}.section-top p{font-size:13px}.hero>.eyebrow span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}