@import"https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&family=Inter:wght@400;500;600&display=swap";:root{--navy:#102f38;--navy-2:#173d47;--cream:#f7f4ed;--paper:#fffdf8;--teal:#287c78;--teal-dark:#1e6663;--ink:#24353a;--muted:#66777b;--line:#d7e0df;--pale:#e7f0ee;--warm:#df8c57;--shadow:0 24px 60px rgba(15,47,56,.12);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{margin:0;min-width:0;background:var(--paper);line-height:1.65}body,button,input,select,textarea{font:inherit}a{color:inherit}section[id]{scroll-margin-top:6rem}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4,.wordmark{font-family:Manrope,system-ui,sans-serif;line-height:1.08;color:var(--navy)}h1{font-size:clamp(2.85rem,7.2vw,6.75rem);letter-spacing:-.065em;margin-bottom:1.6rem;max-width:10ch}h2{font-size:clamp(2rem,4.4vw,4rem);letter-spacing:-.045em;margin-bottom:1.25rem}h3{font-size:1.25rem;letter-spacing:-.02em}.container{width:min(1180px,calc(100% - 2rem));margin-inline:auto}.section{padding:6rem 0}.skip-link{position:fixed;z-index:100;top:.75rem;left:.75rem;background:var(--navy);color:#fff;padding:.75rem 1rem;transform:translateY(-150%);transition:transform .2s}.skip-link:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.eyebrow,.section-label{color:var(--teal-dark);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.section-label{display:flex;align-items:center;gap:.75rem}.section-label:before{content:"";width:1.8rem;height:1px;background:currentColor}.button{display:inline-flex;min-height:3.25rem;align-items:center;justify-content:center;border:1px solid var(--teal);border-radius:3px;padding:.75rem 1.2rem;background:var(--teal);color:#fff;text-decoration:none;font-weight:600;cursor:pointer;transition:background .2s,transform .2s}.button:hover{background:var(--teal-dark);transform:translateY(-2px)}.button--outline{background:transparent;color:var(--navy);border-color:#a8b9b7}.button--outline:hover{background:#fff}.button--small{min-height:2.65rem;padding:.5rem 1rem;color:#fff!important}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #e8a35f;outline-offset:3px}.site-header{position:sticky;z-index:50;top:0;border-bottom:1px solid rgba(215,224,223,.8);background:#fffdf8f0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.header-inner{display:flex;height:4.8rem;align-items:center;justify-content:space-between}.wordmark{display:flex;align-items:center;gap:.7rem;font-weight:800;text-decoration:none;letter-spacing:-.025em}.wordmark span{display:grid;width:2.35rem;aspect-ratio:1;place-items:center;border-radius:50%;background:var(--navy);color:#fff;font-size:.7rem;letter-spacing:.05em}.menu-button{display:grid;width:2.75rem;height:2.75rem;place-content:center;gap:4px;border:0;background:transparent}.menu-button i{display:block;width:22px;height:2px;background:var(--navy)}#site-nav{position:absolute;left:0;right:0;top:100%;display:none;background:var(--paper);border-bottom:1px solid var(--line);padding:1rem}#site-nav.is-open{display:block}#site-nav ul{list-style:none;margin:0;padding:0}#site-nav a{display:block;padding:.75rem;color:var(--navy);font-size:.9rem;font-weight:600;text-decoration:none}.hero{overflow:hidden;background:var(--cream);padding:5.5rem 0 5rem}.hero-grid{display:grid;gap:4rem}.hero-text{max-width:600px;font-size:clamp(1.05rem,2vw,1.3rem);color:#4e6266}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:2rem 0}.trust-line{display:flex;align-items:center;gap:.7rem;color:var(--muted);font-size:.86rem}.trust-line span{width:1.8rem;height:1px;background:var(--teal)}.hero-composition{position:relative;min-height:380px}.hero-orbit{position:absolute;inset:8% -35% -20% 12%;border:1px solid #bbceca;border-radius:50%}.mini-site{position:absolute;top:3%;left:2%;width:85%;height:300px;transform:rotate(-2deg);border:7px solid white;border-radius:4px;background:#e8f0ed;box-shadow:var(--shadow);overflow:hidden}.mini-top{height:15%;display:flex;align-items:center;gap:1rem;padding:0 6%;background:#183c46;color:#fff;font-size:.42rem;letter-spacing:.12em}.mini-top i{margin-left:auto;width:25%;height:5px;background:#779095}.mini-copy{width:62%;padding:9% 6%}.mini-copy span{display:block;width:35%;height:5px;background:var(--teal);margin-bottom:1rem}.mini-copy strong{display:block;width:95%;height:16px;background:var(--navy);margin:7px 0}.mini-copy strong+strong{width:72%}.mini-copy p{width:80%;height:7px;background:#a3b4b3;margin:1rem 0}.mini-copy button{width:42%;height:25px;border:0;background:var(--teal)}.mini-grid{position:absolute;right:5%;top:32%;display:grid;gap:8px}.mini-grid i{width:64px;height:45px;background:#c4d5d1}.mobile-card{position:absolute;right:1%;bottom:0;width:31%;height:245px;padding:16px 12px;border:7px solid var(--navy);border-radius:18px;background:#fff;box-shadow:var(--shadow)}.mobile-card div{height:65px;background:#d9e8e4}.mobile-card strong,.mobile-card p{display:block;height:8px;margin:14px 0;background:var(--navy)}.mobile-card p{width:70%;height:5px;background:#b6c4c2}.mobile-card button{width:100%;height:26px;border:0;background:var(--teal)}.pei-tag{position:absolute;bottom:3%;left:3%;padding:.65rem .8rem;background:#e5a167;color:var(--navy);font-family:Manrope;font-weight:800;font-size:.8rem;box-shadow:0 8px 20px #00000014}.pei-tag span{display:block;font-family:Inter;font-size:.45rem;font-weight:600;letter-spacing:.08em}.value{padding:4rem 0;background:var(--navy);color:#dbe7e5}.value h2{color:#fff;font-size:clamp(1.8rem,3.5vw,3rem);max-width:720px}.value-grid{display:grid;gap:2rem}.value-grid>div>p{max-width:650px;color:#aec1c0}.value-list{display:flex;flex-direction:column;gap:.4rem}.value-list span{padding:.55rem 0;border-bottom:1px solid #426069;font-family:Manrope;font-weight:600;color:#fff}.section-heading{display:grid;gap:1rem;margin-bottom:3rem}.section-heading>div{max-width:800px}.section-heading>p{max-width:420px;color:var(--muted)}.services-grid{display:grid;gap:1rem}.service-card{display:flex;flex-direction:column;padding:1.35rem;border:1px solid var(--line);background:#fff;transition:transform .2s,box-shadow .2s}.service-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #0f2f3817}.service-card>span{color:var(--teal);font-family:Manrope;font-size:.75rem;font-weight:700}.service-card h3{margin-top:2rem;font-size:1.45rem}.service-card p{color:var(--muted)}.service-card a{margin-top:1.25rem;color:var(--teal-dark);font-size:.85rem;font-weight:700;text-decoration:none}.service-card a span{float:right}.section.section--work{padding-bottom:3rem;background:#edf3f1}.project{padding:2rem 0 4rem}.project:last-child{padding-bottom:0}.project+.project{border-top:1px solid #cbd8d5;padding-top:4.5rem}.project-visual{position:relative;margin-bottom:3.5rem;padding:0 1.5rem 2.5rem 0}.browser-frame{overflow:hidden;border:7px solid white;border-radius:6px;background:#fff;box-shadow:var(--shadow)}.browser-chrome{display:flex;height:25px;align-items:center;gap:5px;padding:0 8px;background:#e9eded}.browser-chrome i{width:5px;height:5px;border-radius:50%;background:#9caaa9}.phone-frame{position:absolute;right:0;bottom:0;width:29%;padding:6px;border-radius:16px;background:#1c3339;box-shadow:0 15px 35px #0f2f3840;overflow:hidden}.concept-shot{aspect-ratio:16/10;background:#eef5f4;color:#183c46;overflow:hidden}.concept-shot--warm{background:#f6eee8}.shot-bar{display:flex;height:14%;align-items:center;gap:5%;padding:0 5%;background:#143742;color:#fff;font-size:clamp(3px,.55vw,8px)}.concept-shot--warm .shot-bar{background:#44342c}.shot-brand{font-weight:800}.shot-nav{margin-left:auto;color:#b9c9c7}.shot-button,.shot-cta{background:#e6a064;color:#17343c;padding:1.2% 2%;font-weight:700}.shot-body{display:grid;grid-template-columns:3fr 2fr;min-height:60%;align-items:center;padding:5%}.shot-copy{display:flex;flex-direction:column;align-items:flex-start}.shot-kicker{color:#287c78;font-size:clamp(3px,.5vw,8px);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.shot-copy strong{display:block;margin:3% 0;font-family:Manrope;font-size:clamp(9px,2vw,28px);line-height:1.08;max-width:12ch}.shot-copy p{max-width:32ch;color:#617375;font-size:clamp(4px,.7vw,10px)}.shot-cta{font-size:clamp(3px,.55vw,8px);background:#287c78;color:#fff}.shot-art{position:relative;display:grid;aspect-ratio:1;place-items:center;border-radius:50%;background:#b9d2ce}.concept-shot--warm .shot-art{background:#ddc1ad}.shot-art span{width:44%;aspect-ratio:1;border:clamp(2px,.4vw,7px) solid white;border-radius:50%}.shot-art i{position:absolute;width:3%;height:40%;background:#17343c}.shot-art b{position:absolute;bottom:10%;right:3%;padding:4%;background:#fff;font-size:clamp(4px,.75vw,12px)}.shot-cards{display:flex;gap:3%;padding:2% 5%}.shot-cards span{flex:1;padding:3%;background:#fff;font-weight:700;font-size:clamp(3px,.6vw,9px)}.concept-shot--mobile{aspect-ratio:9/16;border-radius:11px}.concept-shot--mobile .shot-bar{height:10%}.concept-shot--mobile .shot-nav{display:none}.concept-shot--mobile .shot-body{grid-template-columns:1fr;align-content:start;gap:7%;padding:12% 8%}.concept-shot--mobile .shot-copy strong{font-size:clamp(5px,1.1vw,14px)}.concept-shot--mobile .shot-copy p{font-size:clamp(3px,.4vw,7px)}.concept-shot--mobile .shot-art{width:68%;justify-self:end}.concept-shot--mobile .shot-cards{display:none}.project-content h3{font-size:clamp(1.8rem,3vw,2.7rem)}.project-content>p:not(.eyebrow,.concept-note){color:#556a6e;font-size:1.05rem}.project-detail{padding:1.2rem 0;border-top:1px solid #cbd8d5}.project-detail h4{margin-bottom:.45rem;font-size:.82rem;text-transform:uppercase;letter-spacing:.06em}.project-detail p,.project-detail ul{margin:0;color:#5e7174}.project-detail ul{columns:2;padding-left:1.2rem}.concept-note{display:grid;grid-template-columns:1.3rem 1fr;gap:0 .55rem;padding:.7rem .75rem;border:1px solid #cdd8d6;background:#ffffff6b;color:#637372;font-size:.72rem}.concept-note span{grid-row:1/3;display:grid;width:1.2rem;height:1.2rem;place-items:center;border-radius:50%;background:#dfe9e7;color:#526664;font-weight:700}.concept-note strong{display:block;color:#4d625f;font-size:.7rem}.text-link{display:inline-block;margin-top:1rem;color:var(--teal-dark);font-weight:700}.process{background:var(--navy);color:#c3d3d1}.section-heading--light h2{color:#fff}.section-heading--light .section-label{color:#79aaa4}.section-heading--light>p{color:#a9bebc}.process-list{list-style:none;margin:0;padding:0}.process-list li{display:grid;grid-template-columns:3rem 1fr;gap:1rem;padding:1.4rem 0;border-top:1px solid #35545c}.process-list>li>span{color:#73aaa4;font-family:Manrope;font-size:.75rem}.process-list h3{color:#fff;margin-bottom:.35rem}.process-list p{margin:0;color:#a9bebc}.reasons{background:var(--cream)}.reasons-grid{display:grid;gap:3rem}.reasons-grid>div>p:last-child{max-width:580px;color:var(--muted)}.reasons ul{list-style:none;margin:0;padding:0;background:#fff}.reasons li{display:flex;gap:.9rem;padding:1rem 1.2rem;border-bottom:1px solid var(--line);font-weight:600}.reasons li span{color:var(--teal)}.about-grid{display:grid;gap:3rem;align-items:center}.about-mark{position:relative;display:grid;min-height:340px;place-items:center;background:var(--pale);overflow:hidden}.about-mark:before,.about-mark:after{content:"";position:absolute;width:70%;aspect-ratio:1;border:1px solid #b4ccc8;border-radius:50%}.about-mark:after{width:45%}.about-mark span{z-index:1;color:var(--navy);font-family:Manrope;font-size:5rem;font-weight:800;letter-spacing:-.08em}.about-mark i{position:absolute;right:8%;bottom:8%;padding:.5rem .8rem;background:var(--warm);color:var(--navy);font-family:Manrope;font-style:normal;font-weight:800}.about-lead{font-size:1.15rem;color:#4e6367}.about ul{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0}.about li{padding:.45rem .7rem;border:1px solid var(--line);font-size:.8rem}.contact{background:#e9f1ef}.contact-grid{display:grid;gap:3rem;align-items:center}.contact-intro>p{max-width:500px;color:#53686c}.availability{margin-top:2rem;padding:1.2rem;border-left:3px solid var(--teal);background:#fff9}.availability strong{color:var(--navy)}.availability span{display:block;margin-top:.5rem}.contact-card{padding:2rem;background:#fff;box-shadow:0 14px 40px #0f2f3814}.contact-card h3{font-size:clamp(1.7rem,3vw,2.4rem)}.contact-card>p:not(.eyebrow){max-width:520px;color:var(--muted)}.contact-email{display:inline-block;margin:1rem 0 1.5rem;color:var(--teal-dark);font-family:Manrope;font-size:clamp(1rem,2vw,1.25rem);font-weight:700}.contact-card .email-action{display:flex;width:100%;justify-content:center}footer{background:#0c252c;color:#9db3b2}.footer-main{display:grid;gap:2rem;padding-block:4rem}.wordmark--footer{color:#fff}.wordmark--footer span{background:#fff;color:var(--navy)}footer nav{display:flex;flex-direction:column;gap:.45rem}footer nav a{color:#cfdddc;text-decoration:none}footer strong{color:#fff}.footer-bottom{display:grid;gap:.4rem;padding-block:1.2rem;border-top:1px solid #29454d;font-size:.68rem}.footer-bottom p{margin:0}@media(min-width:700px){.container{width:min(1180px,calc(100% - 4rem))}.hero{padding:7rem 0 6rem}.hero-grid{grid-template-columns:1.08fr .92fr;align-items:center}.value-grid{grid-template-columns:.45fr 2fr 1fr}.services-grid{grid-template-columns:repeat(3,1fr)}.service-card{min-height:330px;padding:1.6rem}.service-card h3{margin-top:4.5rem}.service-card a{margin-top:auto}.section-heading{grid-template-columns:2fr 1fr;align-items:end;justify-content:space-between}.project{display:grid;grid-template-columns:1.15fr .85fr;gap:5rem;align-items:center}.project:nth-of-type(2n) .project-visual{order:2}.project-visual{margin-bottom:0}.reasons-grid{grid-template-columns:1fr 1fr;align-items:center}.about-grid{grid-template-columns:.8fr 1.2fr;gap:5rem}.contact-grid{grid-template-columns:.82fr 1.18fr}.footer-main{grid-template-columns:2fr 1fr 1fr}.footer-bottom{grid-template-columns:1fr 3fr}.menu-button{display:none}#site-nav{position:static;display:block;border:0;background:transparent;padding:0}#site-nav ul{display:flex;align-items:center;gap:.15rem}#site-nav a{padding:.65rem .7rem;font-size:.77rem}}@media(min-width:1000px){.section{padding:8rem 0}.section.section--work{padding-bottom:4.5rem}.header-inner{height:5.2rem}#site-nav ul{gap:.45rem}#site-nav a{font-size:.84rem}.process-list li{grid-template-columns:4rem 1fr;padding:1.65rem 0}.process-list h3{display:inline-block;width:32%;margin:0}.process-list li div{display:flex}.process-list p{width:65%}.hero-composition{min-height:470px}.mini-site{height:370px}.mobile-card{height:290px}}@media(max-width:420px){h1{font-size:2.6rem}.hero{padding:4rem 0 3.5rem}.hero-grid{gap:3rem}.hero-composition{min-height:340px}.hero-actions{margin:1.5rem 0}.hero-actions .button{width:100%}.project-detail ul{columns:1}.section{padding:4.5rem 0}.section.section--work{padding-bottom:3rem}.phone-frame{width:34%}.concept-note{grid-template-columns:1.3rem 1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.project-screenshot{display:block;width:100%;height:auto}.project-screenshot--mobile{border-radius:11px}.availability .email-action{display:inline-flex}