
:root{--display:'Bigger Display','Arial Narrow',Impact,sans-serif;--ease-out:cubic-bezier(.22,1,.36,1)}
h1,h2,.wordmark,.service-summary h3,.nav-dialog nav a{font-weight:900;font-synthesis:none}
.hero h1{font-size:clamp(95px,11.3vw,174px);letter-spacing:-1.6px;line-height:.98}
.hero h1>.hero-line{display:block;overflow:clip;padding-bottom:.08em;margin-bottom:-.08em}
.hero h1>.hero-line:first-child{color:var(--navy)}.hero h1>.hero-line:last-child{color:var(--blue)}
.hero-line>span{display:block}
h2{line-height:1.04;letter-spacing:-.4px}
.about-copy h2{font-size:clamp(55px,4.8vw,73px)}.service-summary h3{line-height:1.02;letter-spacing:0}
.hero-sticker{top:5px;right:0}.hero-sticker>.handwritten{font-size:24px}.hero-title-wrap{margin-top:27px}
.hero-showcase{margin-top:55px}
.values-strip{justify-content:space-around}.values-strip>span+span{border-left:1px solid #b6a521;padding-left:35px}
.round-link{font-size:11px;font-family:var(--body);font-weight:500}
.browser-chrome .browser-controls{display:flex;gap:3px;flex:0 0 auto}.browser-controls i{display:block;width:4px;height:4px;border-radius:50%;background:#b7afff}
.project-cover .case-browser{transition:transform 900ms var(--ease-out),box-shadow 900ms var(--ease-out)}
.project-cover:hover .case-browser{transform:translateY(-7px);box-shadow:0 20px 35px #19124f24}
.pill{gap:0;transition:background 350ms ease,transform 550ms var(--ease-out),box-shadow 550ms var(--ease-out)}
.pill:hover{transform:translateY(-2px);box-shadow:0 8px 22px #2414f51c}.header-cta{gap:12px}
.project-caption .round-link{transition:background 350ms,transform 550ms var(--ease-out)}.round-link:hover{transform:translateY(-2px)}
.underlined-link{gap:0;transition:color 250ms,border-color 250ms}.underlined-link:hover{color:var(--blue)}
.contact .underlined-link:hover{color:var(--yellow)}
.personal-points span+span{padding-left:15px;border-left:1px solid #c7c1e6}
.included li:before{content:'';width:4px;height:4px;border-radius:50%;background:var(--blue);margin-top:8px;flex-shrink:0}
.step-top{min-height:25px}.process-grid h3{margin-top:26px}
.process-grid article{transition:transform 700ms var(--ease-out),background 550ms}.process-grid article:hover{transform:translateY(-3px)}
.contact h2{display:block;font-size:clamp(110px,17.5vw,255px);letter-spacing:-1px;line-height:1.08}
.service-tabs button{transition:background 350ms,color 350ms}.service-panel{min-height:570px}
.hero-caption{font-size:24px}
.motion-enabled [data-reveal]{opacity:0;transform:translate3d(0,28px,0);transition:opacity 800ms var(--ease-out),transform 1000ms var(--ease-out);transition-delay:var(--reveal-delay,0ms)}
.motion-enabled [data-reveal].is-visible{opacity:1;transform:translate3d(0,0,0)}
.motion-enabled .hero-line>span{transform:translate3d(0,115%,0);transition:transform 1100ms var(--ease-out)}
.motion-enabled .hero-line:nth-child(2)>span{transition-delay:120ms}
.motion-enabled .hero-kicker,.motion-enabled .hero-bottom,.motion-enabled .hero-sticker,.motion-enabled .hero-showcase{opacity:0;transform:translate3d(0,15px,0);transition:opacity 900ms var(--ease-out),transform 1100ms var(--ease-out)}
.motion-enabled.intro-visible .hero-line>span{transform:translate3d(0,0,0)}
.motion-enabled.intro-visible .hero-kicker,.motion-enabled.intro-visible .hero-bottom,.motion-enabled.intro-visible .hero-sticker,.motion-enabled.intro-visible .hero-showcase{opacity:1;transform:translate3d(0,0,0)}
.motion-enabled .hero-bottom{transition-delay:220ms}.motion-enabled .hero-showcase{transition-delay:320ms}.motion-enabled .hero-sticker{transition-delay:350ms}
dialog::backdrop{transition:background 280ms ease,backdrop-filter 280ms ease}dialog.closing::backdrop{background:#16103e00;backdrop-filter:blur(0)}
.faq-list details{overflow:clip}.faq-list summary>span{font-family:Arial,sans-serif}
@media(min-width:1600px){.hero h1{font-size:178px}}
@media(max-width:1150px){.hero h1{font-size:12vw}.about-copy h2{font-size:55px}.values-strip>span+span{padding-left:20px}}
@media(max-width:800px){.hero h1{font-size:clamp(62px,14.4vw,115px);letter-spacing:-.3px}.hero-sticker{top:-26px}.hero-sticker>.handwritten{font-size:19px}.about-copy h2{font-size:56px}.service-panel{min-height:0}.values-strip{grid-template-columns:1fr 1fr;gap:18px}.values-strip>span+span{padding-left:0;border:0}.contact h2{font-size:17.2vw;letter-spacing:0}.personal-points{gap:12px 15px}.personal-points span+span{padding-left:0;border:0}.hero-caption{font-size:21px}}
@media(min-width:550px) and (max-width:800px){.about-copy h2{font-size:45px}}
@media(max-width:400px){.hero h1{font-size:14.2vw}.about-copy h2{font-size:50px}.hero-caption{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.motion-enabled [data-reveal],.motion-enabled .hero-line>span,.motion-enabled .hero-kicker,.motion-enabled .hero-bottom,.motion-enabled .hero-sticker,.motion-enabled .hero-showcase{opacity:1;transform:none;transition:none!important}*,*:before,*:after{animation:none!important;transition:none!important}}


.hero h1{font-size:clamp(110px,13.3vw,202px)}
@media(min-width:1600px){.hero h1{font-size:202px}}
@media(max-width:1150px) and (min-width:801px){.hero h1{font-size:13.3vw}}
@media(max-width:800px){.hero h1{font-size:clamp(70px,18.7vw,145px)}.hero-showcase{margin-top:34px}}
@media(max-width:400px){.hero h1{font-size:18.5vw}}

