@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--paper:#f5f4ef;--ink:#242722;--muted:#65685e;--line:#d6d8ce;--lime:#d8f36a;--green:#143c31}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #57851b;outline-offset:6px}.wrap{width:min(1320px,calc(100% - 112px));margin-inline:auto}.serif{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;letter-spacing:-.065em}.eyebrow,.section-label,.project-kicker,.feature-top,.feature-footer,.tags{font-size:12px;letter-spacing:.06em}.eyebrow{text-transform:uppercase;display:flex;align-items:center;gap:10px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#647d32}.skip{position:absolute;top:-100px;background:white;padding:20px;z-index:99}.skip:focus{top:10px}header{display:flex;align-items:center;justify-content:space-between;height:116px;border-bottom:1px solid var(--line)}.wordmark{font-family:'Manrope',Arial,sans-serif;font-size:29px;font-weight:800;letter-spacing:-1.9px}.wordmark span{font:10px Arial;vertical-align:top;position:relative;top:7px;margin-left:4px}nav{display:flex;gap:36px;font-size:13px}nav a:hover,.text-link:hover{color:#617e25}.nav-contact{font-size:13px;border:1px solid var(--ink);border-radius:30px;padding:12px 19px}.nav-contact span{margin-left:23px}.hero{padding-top:66px;padding-bottom:70px}.hero h1{font-family:'Manrope',Arial,sans-serif;font-size:clamp(64px,7.8vw,112px);font-weight:550;line-height:1.04;letter-spacing:-.075em;margin:36px 0 34px;position:relative}.asterisk{position:absolute;right:2%;top:14px;font-size:125px;color:#6f823d;font-weight:400}.hero-bottom{display:flex;justify-content:space-between;align-items:end}.hero-bottom p{font-size:18px;line-height:1.6;max-width:420px;margin:0;color:#575c50}.round-link{display:flex;align-items:center;gap:15px;font-size:12px}.circle{display:grid;place-items:center;border:1px solid var(--ink);width:45px;height:45px;border-radius:50%;font-size:22px;transition:background .2s}.round-link:hover .circle{background:var(--lime)}.section-label{border-top:1px solid var(--line);padding:20px 0 25px;display:flex;justify-content:space-between;text-transform:uppercase}.section-label h2{font-size:12px;font-weight:500;margin:0}.featured{border-radius:8px;background:var(--green);color:#fff;overflow:hidden}.feature-top{display:flex;justify-content:space-between;padding:29px 37px;color:#c6d7ca;letter-spacing:.02em}.project-kicker{display:flex;align-items:center;gap:9px}.project-kicker .dot{background:var(--lime)}.feature-content{display:grid;grid-template-columns:45% 55%;min-height:540px}.feature-copy{padding:30px 0 35px 50px;position:relative;z-index:2}.highfive-logo{font-weight:800;font-size:25px;background:var(--lime);color:var(--green);width:53px;height:53px;border-radius:13px;display:flex;align-items:center;justify-content:center;position:relative;letter-spacing:-4px;transform:rotate(-7deg);margin-bottom:21px}.highfive-logo span{font-size:31px}.highfive-logo i{font-style:normal;font-size:13px;position:absolute;right:5px;top:2px}.feature-copy h3{font-size:17px;letter-spacing:-.03em;font-weight:500;margin:0 0 22px}.feature-line{font-family:Manrope,Arial,sans-serif;font-size:clamp(30px,3.8vw,51px);letter-spacing:-.055em;line-height:1.12;margin:0 0 20px}.feature-line em{font-family:Georgia,serif;color:var(--lime);font-weight:400}.feature-description{font-size:14px;max-width:330px;line-height:1.7;color:#cfdbd2;margin:0 0 28px}.button{display:inline-flex;gap:36px;align-items:center;border-radius:30px;padding:14px 22px;font-size:12px;font-weight:600}.light{background:var(--paper);color:var(--ink)}.button:hover{background:var(--lime);color:var(--ink)}.phones{position:relative;overflow:hidden;min-height:540px;background:radial-gradient(ellipse at 50% 60%,#3d665146,transparent 70%)}.phone{position:absolute;width:216px;height:auto;border:6px solid #13221b;border-radius:34px;box-shadow:0 25px 50px #061e2966;background:#f4f5f5}.back{left:5%;top:39px;transform:rotate(-11deg)}.front{left:44%;top:98px;transform:rotate(10deg)}.image-caption{position:absolute;bottom:12px;right:29px;font-size:10px;color:#b9cebe;letter-spacing:.04em}.feature-footer{border-top:1px solid #ffffff26;margin:0 37px;padding:20px 0;display:flex;justify-content:space-between;color:#c0d1c4;font-size:10px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:28px}.project-image{width:100%;height:340px;border:none;border-radius:6px;position:relative;padding:40px 35px;overflow:hidden;display:flex;align-items:center;justify-content:center}.lavender{background:#e2e0ed}.blue{background:#dce7ec}.project-image img{width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 12px 18px #182a3822);transition:transform .4s}.project-image:hover img{transform:scale(1.035)}.project-arrow{position:absolute;right:18px;bottom:18px;width:35px;height:35px;border-radius:50%;background:var(--paper);display:grid;place-items:center;font-size:20px}.project-meta{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.project-meta h3{font-size:20px;letter-spacing:-.05em;margin:0}.project-meta span{font-size:11px;color:var(--muted)}.project>p{font-size:13px;color:var(--muted);margin:9px 0}.archive{display:flex;justify-content:space-between;align-items:center;margin:41px 0 75px;padding:29px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.archive .eyebrow{font-size:9px}.archive h3{font-size:23px;margin:10px 0 7px;font-weight:500;letter-spacing:-.04em}.archive p{font-size:13px;color:var(--muted);margin:0}.text-button{border:0;background:none;font-size:12px;padding:12px 0}.text-button span{margin-left:35px}.services-section{background:#eaece3;padding:85px 0}.services{display:grid;grid-template-columns:1fr 1.05fr;gap:90px}.services h2,.about h2{font-family:Manrope,Arial,sans-serif;font-size:53px;line-height:1.08;letter-spacing:-.06em;font-weight:500;margin:30px 0 25px}.services>div>p{color:var(--muted);font-size:14px;line-height:1.8;max-width:320px}.text-link{display:inline-block;font-size:13px;border-bottom:1px solid var(--ink);padding-bottom:6px;margin-top:14px}.service-list article{display:flex;gap:25px;padding:29px 0;border-top:1px solid #c8cebf}.service-list article>span{font-size:11px;color:#737967;margin-top:6px}.service-list h3{font-size:23px;font-weight:500;letter-spacing:-.04em;margin:0 0 13px}.service-list p{font-size:13px;color:var(--muted);line-height:1.8;margin:0 0 16px;max-width:400px}.tags{font-size:10px;color:#555e48;letter-spacing:0}.about{padding-block:90px}.about-main{display:grid;grid-template-columns:1fr 1fr;gap:90px;margin-top:25px}.about h2{margin:0}.about-main>div>p{color:var(--muted);font-size:14px;line-height:1.85;margin:0 0 18px}.about-main>div>.about-lead{font-size:20px;line-height:1.5;color:var(--ink);letter-spacing:-.03em}blockquote{margin:65px 0 0;padding:43px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1.4fr 1fr;gap:70px;align-items:center}blockquote>p{font-family:Georgia,serif;font-size:26px;line-height:1.45;letter-spacing:-.025em;margin:0;max-width:670px}blockquote footer{display:flex;gap:20px;align-items:center;justify-content:flex-end}.quote-mark{background:#e6e8dd;border-radius:50%;width:50px;height:50px;display:grid;place-items:center;font:48px Georgia;padding-top:10px}blockquote footer div{display:flex;flex-direction:column;gap:6px;font-size:12px}blockquote footer strong{font-weight:500}blockquote footer div span{color:var(--muted);font-size:11px}.contact{border-radius:8px;background:var(--lime);padding:43px 48px;margin-bottom:55px}.contact-title{font-family:Manrope,Arial,sans-serif;display:block;position:relative;font-size:clamp(65px,8vw,110px);letter-spacing:-.075em;line-height:1.02;margin:34px 0}.contact-arrow{position:absolute;right:0;top:10px;font-family:Arial;font-size:110px}.contact-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}.contact-bottom p,.contact-bottom a{font-size:12px}.contact-bottom a{border-bottom:1px solid;padding-bottom:6px}.site-footer{display:flex;justify-content:space-between;align-items:center;padding-bottom:40px}.site-footer .wordmark{font-size:22px}.site-footer p,.site-footer>span{font-size:10px;color:var(--muted)}dialog{border:0;background:var(--paper);color:var(--ink);padding:38px;width:min(760px,calc(100% - 30px));max-height:88vh;border-radius:10px}dialog::backdrop{background:#142019a8;backdrop-filter:blur(4px)}dialog h2{font:500 42px Manrope,Arial;letter-spacing:-.05em;margin:18px 0}dialog img{max-height:340px;width:100%;object-fit:contain;background:#e4e7de;border-radius:5px}dialog p{font-size:16px;line-height:1.7}#dialog-context{font-size:13px;line-height:1.7;color:var(--muted);margin-bottom:25px}.dark{background:var(--ink);color:white}.close{position:absolute;right:16px;top:13px;border:0;background:transparent;padding:10px;font-size:20px}
@media(min-width:1500px){.hero h1{font-size:118px}}@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.asterisk{font-size:95px}.feature-copy{padding-left:30px}.phone{width:180px}.front{left:42%}.feature-content,.phones{min-height:505px}.services,.about-main{gap:45px}.services h2,.about h2{font-size:44px}.project-image{height:270px;padding:25px}.feature-top{padding-inline:28px}}@media(max-width:700px){.wrap{width:calc(100% - 36px)}header{height:86px}.wordmark{font-size:25px}nav{gap:18px;font-size:12px}nav a:last-child{display:none}.nav-contact{font-size:11px;padding:10px 13px}.nav-contact span{margin-left:8px}.hero{padding-top:44px;padding-bottom:46px}.hero .eyebrow{font-size:9px;letter-spacing:.04em}.hero h1{font-size:clamp(49px,10.6vw,74px);margin-block:29px;letter-spacing:-.07em}.asterisk{font-size:45px;right:1%;top:auto;bottom:0}.hero-bottom{display:block}.hero-bottom p{font-size:15px;max-width:310px}.round-link{margin-top:24px;font-size:11px}.circle{height:34px;width:34px;font-size:18px}.section-label{padding-block:18px}.feature-top{padding:24px 23px;font-size:9px}.project-kicker{font-size:10px}.feature-top>span{max-width:100px;text-align:right}.feature-content{display:flex;flex-direction:column}.feature-copy{padding:12px 25px 0}.highfive-logo{width:44px;height:44px;margin-bottom:18px}.feature-copy h3{margin-bottom:17px}.feature-line{font-size:40px}.feature-description{font-size:13px;max-width:300px}.phones{min-height:425px;margin-top:5px}.phone{width:170px;border-width:5px;border-radius:27px}.back{left:calc(50% - 155px);top:30px}.front{left:calc(50% - 9px);top:60px}.image-caption{font-size:8px;bottom:8px;right:18px}.feature-footer{margin-inline:24px;padding:17px 0;font-size:8px;gap:15px;line-height:1.6}.feature-footer>span{max-width:48%}.project-grid{grid-template-columns:1fr;gap:28px;margin-top:20px}.project-image{height:290px}.project-meta{margin-top:15px}.project-meta h3{font-size:20px}.archive{margin-block:33px 48px;gap:20px;align-items:start}.archive p{font-size:12px;line-height:1.6;max-width:220px}.text-button{font-size:11px;white-space:nowrap;margin-top:24px}.text-button span{margin-left:5px}.services-section{padding-block:52px}.services,.about-main{grid-template-columns:1fr;gap:35px}.services h2,.about h2{font-size:45px}.services h2{margin-block:24px}.service-list article{padding-block:25px;gap:20px}.service-list h3{font-size:23px}.about{padding-block:53px}.about-main{margin-top:24px;gap:25px}.about-main>div>.about-lead{font-size:19px}.about-main>div>p{font-size:13px}blockquote{margin-top:37px;padding-top:28px;display:block}blockquote>p{font-size:24px}blockquote footer{justify-content:flex-start;margin-top:24px}.contact{padding:30px 25px;margin-bottom:32px}.contact .eyebrow{font-size:10px}.contact-title{font-size:64px;margin-block:30px}.contact-arrow{font-size:58px;top:6px;right:-4px}.contact-bottom{display:block}.contact-bottom p{font-size:11px;max-width:200px;line-height:1.6}.contact-bottom a{display:inline-block;margin-top:9px}.site-footer{flex-wrap:wrap;gap:15px;padding-bottom:25px}.site-footer p{display:none}.site-footer>span{font-size:9px}dialog{padding:28px 22px}dialog h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* HighFive project branding */
.featured{background:#082344 url('assets/highfive-bench.png') center/cover no-repeat;position:relative;isolation:isolate}
.featured::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,20,43,.98) 0%,rgba(5,29,62,.92) 37%,rgba(4,26,57,.78) 65%,rgba(3,23,49,.68) 100%)}
.feature-top,.feature-description,.feature-footer,.image-caption{color:#d5e6f8}
.project-kicker .dot{background:#26dcf1}
.highfive-logo{display:block;width:64px;height:64px;object-fit:contain;border-radius:15px;transform:none;background:none;letter-spacing:normal;box-shadow:0 6px 24px #00102c40;margin-bottom:21px}
.feature-line em{color:#59e5f5}
.featured .button:hover{background:#b4f5ff}
.phones{background:radial-gradient(ellipse at 50% 60%,#008aff22,transparent 70%)}
.phone{border-color:#07172a;box-shadow:0 25px 50px #020e3066}
.feature-footer{border-top-color:#c5e6ff33}
@media(max-width:700px){.featured{background-position:65% center}.featured::before{background:linear-gradient(180deg,rgba(4,20,43,.96),rgba(4,26,57,.84))}.highfive-logo{width:56px;height:56px;border-radius:13px}}

/* Studio positioning and service-led layout */
.hero{padding-bottom:50px}.hero h1{font-size:clamp(60px,7.25vw,104px)}.hero-bottom{align-items:center}.hero-bottom p{max-width:535px;font-size:19px}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:28px}.hero-actions .button{font-size:13px;padding:17px 24px}.hero-secondary{font-size:12px}.hero-note{border-left:1px solid var(--line);padding-left:25px;margin-right:20px;font-size:16px;line-height:1.5}.hero-note small{display:block;font-size:10px;line-height:1.7;margin-top:20px;color:var(--muted)}.capability-strip{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:24px 0;border-top:1px solid var(--line);font-size:11px}.capability-strip i{font-style:normal;color:#7a855d}.services-section{padding:70px 0 75px}.services-heading{display:flex;justify-content:space-between;align-items:end;gap:70px;margin-bottom:40px}.services-heading h2,.process-heading h2,.faq h2{font-family:Manrope,Arial,sans-serif;font-size:48px;font-weight:500;letter-spacing:-.06em;line-height:1.12;margin:24px 0 0}.services-heading>p{max-width:330px;font-size:14px;color:var(--muted);line-height:1.8;margin:0 0 3px}.agency-services{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.agency-services article{border-top:1px solid #c3c9b8;padding-top:24px;display:flex;flex-direction:column;align-items:start}.service-number{font-size:10px;letter-spacing:.08em;color:#586248}.agency-services h3{font-size:27px;line-height:1.2;font-weight:500;letter-spacing:-.045em;margin:24px 0 17px}.agency-services p{font-size:13px;line-height:1.8;color:var(--muted);margin:0 0 20px;max-width:310px}.agency-services ul{list-style:none;margin:0 0 28px;padding:0;font-size:11px;line-height:2;color:#555d4c}.agency-services li:before{content:'↗';margin-right:10px;color:#68794e}.agency-services a{font-size:12px;border-bottom:1px solid;padding-bottom:6px;margin-top:auto}.work{padding-top:55px}.process{padding-bottom:70px}.process-heading{display:flex;justify-content:space-between;align-items:end;gap:60px}.process-heading h2{margin-top:10px}.process-heading>p{max-width:320px;color:var(--muted);font-size:14px;line-height:1.8}.process-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:45px}.process-steps article{border-top:1px solid var(--line);padding-top:22px}.process-steps article>span{font-family:Georgia,serif;font-style:italic;font-size:29px;color:#7c8668}.process-steps h3{font-size:22px;font-weight:500;letter-spacing:-.04em;margin:18px 0 13px}.process-steps p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.about{padding-top:55px;border-top:1px solid var(--line)}.faq{padding-bottom:70px}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;margin-top:24px}.faq h2{margin:0}.faq details{border-top:1px solid var(--line);padding:20px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-size:14px;line-height:1.5;list-style:none;padding-right:22px;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:0}.faq details[open] summary:after{content:'−'}.faq details p{font-size:13px;color:var(--muted);line-height:1.8;margin:15px 0 0}.contact-title{font-size:clamp(56px,6.7vw,90px)}.contact-bottom p{max-width:440px;line-height:1.6}.contact-arrow{font-size:90px}.contact-title .serif{letter-spacing:-.07em}
@media(max-width:1000px){.hero-note{margin-right:0;min-width:190px}.hero-bottom p{font-size:17px;max-width:430px}.services-heading h2,.process-heading h2,.faq h2{font-size:40px}.agency-services{gap:25px}.agency-services h3{font-size:24px}.faq-grid{gap:45px}}
@media(max-width:700px){header nav{gap:15px}.nav-contact{padding:10px}.hero h1{font-size:clamp(43px,10.3vw,68px)}.hero .asterisk{display:none}.hero-bottom p{font-size:16px;max-width:340px}.hero-actions{gap:20px;flex-wrap:wrap;margin-top:23px}.hero-actions .button{font-size:12px;padding:15px 20px}.hero-secondary{font-size:11px}.hero-note{display:none}.hero{padding-bottom:35px}.capability-strip{display:grid;grid-template-columns:1fr 1fr;font-size:10px;gap:14px;padding:20px 0}.capability-strip i{display:none}.services-section{padding:45px 0}.services-heading,.process-heading{display:block}.services-heading h2,.process-heading h2,.faq h2{font-size:37px}.services-heading{margin-bottom:30px}.services-heading>p{margin-top:22px;font-size:13px}.agency-services{grid-template-columns:1fr;gap:32px}.agency-services h3{font-size:29px;margin-top:18px}.agency-services h3 br{display:none}.agency-services p{max-width:100%}.agency-services ul{margin-bottom:18px}.work{padding-top:35px}.process{padding-bottom:45px}.process-heading>p{font-size:13px;margin-top:23px}.process-steps{grid-template-columns:1fr;gap:27px;margin-top:28px}.process-steps article{position:relative;padding-left:48px}.process-steps article>span{position:absolute;left:0;top:22px}.process-steps h3{margin-top:0}.about{padding-top:42px}.faq{padding-bottom:45px}.faq-grid{grid-template-columns:1fr;gap:25px}.faq summary{font-size:13px}.contact-title{font-size:clamp(37px,8.8vw,59px)}.contact-arrow{font-size:45px;top:0;right:0}.contact-bottom p{font-size:12px;max-width:260px}}

/* Individual project showcases */
.work-showcases{display:grid;gap:28px;margin:28px 0 75px}.work-showcase{border-radius:8px;overflow:hidden;isolation:isolate;position:relative}.showcase-top,.showcase-footer{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.025em}.showcase-top{padding:28px 37px}.showcase-body{display:grid;grid-template-columns:40% 60%;min-height:455px;align-items:center}.showcase-copy{padding:15px 0 40px 48px;position:relative;z-index:2}.showcase-copy h3{font-size:25px;letter-spacing:-.05em;font-weight:600;margin:0 0 29px}.showcase-headline{font-family:Manrope,Arial,sans-serif;font-size:clamp(30px,3.3vw,44px);letter-spacing:-.055em;line-height:1.15;margin:0 0 22px}.showcase-headline em{font-family:Georgia,serif;font-weight:400}.showcase-description{max-width:310px;font-size:13px;line-height:1.8;margin:0 0 28px}.showcase-button{border:0;background:var(--paper);color:var(--ink)}.showcase-button:hover{background:white}.showcase-visual{border:0;background:transparent;padding:30px 0 38px 40px;position:relative;width:100%;overflow:hidden;text-align:left;min-height:390px;display:flex;align-items:center}.showcase-visual img{display:block;width:112%;max-width:none;transform:perspective(1300px) rotateY(-9deg) rotateZ(-3deg);border-radius:7px;box-shadow:0 30px 50px #0613224d;transition:transform .35s}.showcase-visual:hover img{transform:perspective(1300px) rotateY(-5deg) rotateZ(-2deg) translateX(-5px)}.showcase-caption{position:absolute;bottom:12px;left:45px;font-size:9px;letter-spacing:.04em;opacity:.75}.showcase-footer{border-top:1px solid #ffffff26;padding:20px 0;margin:0 37px;font-size:9px}.showcase-bithoop{background:radial-gradient(ellipse at 90% 30%,#547b83,#203b46 70%);color:#fff}.showcase-bithoop .showcase-headline em{color:#a7ded9}.showcase-bithoop .showcase-description,.showcase-bithoop .showcase-top,.showcase-bithoop .showcase-footer{color:#cfdee2}.showcase-hipchat{background:radial-gradient(ellipse at 85% 30%,#307fbc,#123b68 80%);color:#fff}.showcase-hipchat .showcase-headline em{color:#a4dbff}.showcase-hipchat .showcase-description,.showcase-hipchat .showcase-top,.showcase-hipchat .showcase-footer{color:#d3e7f7}.showcase-navitome{background:radial-gradient(ellipse at 85% 30%,#e9f5fa,#d6e5ec 80%);color:#173e55}.showcase-navitome .showcase-headline em{color:#286f98}.showcase-navitome .showcase-description{color:#466273}.showcase-navitome .showcase-top,.showcase-navitome .showcase-footer{color:#45657a}.showcase-navitome .showcase-footer{border-color:#173e5526}.showcase-navitome .showcase-button{background:#173e55;color:white}.showcase-navitome .showcase-button:hover{background:#286f98}.showcase-navitome .showcase-visual img{box-shadow:0 30px 50px #183f5b33}
@media(max-width:1000px){.showcase-copy{padding-left:30px}.showcase-top{padding-inline:28px}.showcase-body{grid-template-columns:44% 56%}.showcase-headline{font-size:34px}.showcase-description{max-width:260px}.showcase-visual{padding-left:25px}.showcase-caption{left:27px}}
@media(max-width:700px){.work-showcases{gap:20px;margin:20px 0 48px}.showcase-top{padding:23px 25px;font-size:9px;align-items:start}.showcase-top>span:last-child{max-width:150px;text-align:right}.showcase-body{display:flex;flex-direction:column;align-items:stretch;min-height:0}.showcase-copy{padding:15px 25px 8px}.showcase-copy h3{font-size:23px;margin-bottom:23px}.showcase-headline{font-size:38px}.showcase-description{font-size:13px;max-width:100%}.showcase-visual{min-height:0;padding:30px 25px 40px;margin-top:5px}.showcase-visual img{width:112%;transform:perspective(1100px) rotateY(-7deg) rotateZ(-3deg)}.showcase-caption{left:26px;bottom:12px;font-size:8px}.showcase-footer{margin-inline:25px;gap:16px;line-height:1.7;font-size:8px;padding-block:17px}.showcase-footer>span{max-width:55%}.showcase-footer>span:last-child{text-align:right;max-width:40%}}

/* Rippled Waters */
.showcase-rippled{background:radial-gradient(ellipse at 85% 25%,#667f49,#263f30 80%);color:#fff}.showcase-rippled .showcase-headline em{color:#cfdfa9}.showcase-rippled .showcase-description,.showcase-rippled .showcase-top,.showcase-rippled .showcase-footer{color:#dce6d3}.showcase-rippled .showcase-visual{height:490px}.showcase-rippled .showcase-visual img{height:405px;object-fit:cover;object-position:top}.showcase-rippled .showcase-button:hover{background:#e5efcc}
@media(max-width:700px){.showcase-rippled .showcase-visual{height:auto}.showcase-rippled .showcase-visual img{height:285px}.showcase-rippled .showcase-headline{font-size:35px}}

/* Clear service offers */
.services-heading>p{max-width:360px}.services-reassurance{display:flex;justify-content:space-between;gap:30px;border-top:1px solid #c3c9b8;margin-top:38px;padding-top:23px;font-size:12px;line-height:1.7}.services-reassurance strong{font-weight:500}.services-reassurance span{color:var(--muted)}
@media(max-width:700px){.services-heading h2{font-size:34px}.services-reassurance{display:block;margin-top:30px;font-size:12px}.services-reassurance span{display:block;margin-top:7px}.agency-services h3{font-size:28px}}

/* A consistent, high-contrast color for the next action. */
:root{--cta:#b83d22;--cta-hover:#963019;--cta-focus:#b83d22}
.nav-contact,.button,.agency-services a,.contact-bottom a{background:var(--cta);color:#fff;border:1px solid var(--cta);box-shadow:0 2px 0 #74220d14;transition:background .18s,border-color .18s,box-shadow .18s}
.nav-contact:hover,.button:hover,.featured .button:hover,.showcase-button:hover,.showcase-navitome .showcase-button:hover,.showcase-rippled .showcase-button:hover,.agency-services a:hover,.contact-bottom a:hover{background:var(--cta-hover);border-color:var(--cta-hover);color:#fff;box-shadow:0 4px 12px #74220d26}
.showcase-navitome .showcase-button{background:var(--cta);color:#fff}
.agency-services a{display:inline-flex;align-items:center;padding:12px 17px;border-radius:25px;font-weight:500;font-size:12px;text-decoration:none}
.contact-bottom a{display:inline-flex;align-items:center;padding:14px 21px;border-radius:28px;font-weight:500;font-size:13px}
.hero-secondary,.text-link,.round-link{color:var(--cta)}
.hero-secondary:hover,.text-link:hover,.round-link:hover{color:var(--cta-hover)}
.text-link{border-bottom-color:var(--cta)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--cta-focus);outline-offset:5px}
.featured a:focus-visible,.work-showcase button:focus-visible{outline-color:#fff}
@media(max-width:700px){.agency-services a{padding:12px 17px}.contact-bottom a{padding:13px 18px}}

/* Larger, more readable type and a green action accent. */
:root{--cta:#237245;--cta-hover:#195a35;--cta-focus:#237245}
.nav-contact,.button,.agency-services a,.contact-bottom a{box-shadow:0 2px 0 #103d2014}
.nav-contact:hover,.button:hover,.featured .button:hover,.showcase-button:hover,.showcase-navitome .showcase-button:hover,.showcase-rippled .showcase-button:hover,.agency-services a:hover,.contact-bottom a:hover{box-shadow:0 4px 12px #103d2026}
nav,.nav-contact{font-size:15px}nav{gap:30px}
.eyebrow,.section-label,.section-label h2,.project-kicker{font-size:13px}
.hero-bottom p{font-size:22px;line-height:1.6;max-width:610px}.hero-actions .button{font-size:16px}.hero-secondary{font-size:15px}.hero-note{font-size:18px}.hero-note small{font-size:13px}.capability-strip{font-size:13px}
.services-heading>p,.process-heading>p{font-size:17px;line-height:1.7}.services-heading>p{max-width:390px}.agency-services h3{font-size:31px}.agency-services p{font-size:16px;line-height:1.7;max-width:none}.agency-services ul{font-size:14px;line-height:1.8}.agency-services li{margin-bottom:6px}.service-number{font-size:12px}.agency-services a,.contact-bottom a{font-size:15px}.services-reassurance{font-size:15px}
.feature-copy h3{font-size:21px}.feature-description,.showcase-description{font-size:16px;line-height:1.7}.feature-top,.showcase-top{font-size:13px}.feature-footer,.showcase-footer{font-size:12px}.button{font-size:15px}.image-caption,.showcase-caption{font-size:12px}.showcase-copy h3{font-size:28px}.showcase-copy{padding-right:20px}.showcase-body{min-height:505px}
.process-steps h3{font-size:26px}.process-steps p{font-size:16px;line-height:1.7}.about-main>div>p{font-size:17px;line-height:1.75}.about-main>div>.about-lead{font-size:24px}.text-link{font-size:16px}blockquote footer div{font-size:15px}blockquote footer div span{font-size:14px}.faq summary{font-size:17px}.faq details p{font-size:16px}.contact-bottom p{font-size:16px}.site-footer p,.site-footer>span{font-size:13px}dialog p{font-size:18px}#dialog-context{font-size:16px}
@media(max-width:1000px){.services-heading,.process-heading{gap:35px}.services-heading>p,.process-heading>p{font-size:16px}.hero-bottom p{font-size:20px;max-width:500px}.agency-services h3{font-size:27px}.agency-services ul{font-size:13px}.feature-footer,.showcase-footer{font-size:11px}}
@media(max-width:700px){nav{font-size:14px;gap:13px}.nav-contact{font-size:13px}.wordmark{font-size:24px}.hero .eyebrow{font-size:11px}.hero-bottom p{font-size:18px;max-width:100%}.hero-actions .button{font-size:15px}.hero-secondary{font-size:14px}.capability-strip{font-size:12px;line-height:1.6}.services-heading>p,.process-heading>p{font-size:16px}.agency-services h3{font-size:30px}.agency-services p{font-size:16px}.agency-services ul{font-size:14px}.agency-services a{font-size:15px}.services-reassurance{font-size:14px}.section-label,.section-label h2{font-size:12px}.feature-top,.showcase-top{font-size:11px}.project-kicker{font-size:12px}.feature-top>span{max-width:135px}.feature-description,.showcase-description{font-size:16px}.feature-copy{padding-right:25px}.feature-footer,.showcase-footer{font-size:10px}.image-caption,.showcase-caption{font-size:10px}.button{font-size:15px}.showcase-body{min-height:0}.showcase-copy{padding-right:25px}.process-steps p{font-size:16px}.about-main>div>p{font-size:16px}.about-main>div>.about-lead{font-size:22px}.faq summary{font-size:16px}.faq details p{font-size:15px}.contact .eyebrow{font-size:11px}.contact-bottom p{font-size:15px}.contact-bottom a{font-size:15px}.site-footer>span{font-size:11px}}

/* Project actions inherit each showcase's own palette. */
.featured{--project-button:#67e6f4;--project-button-ink:#07364b;--project-button-hover:#a0f1fa}
.showcase-bithoop{--project-button:#b8e1da;--project-button-ink:#193d40;--project-button-hover:#d3eee9}
.showcase-hipchat{--project-button:#b7dfff;--project-button-ink:#143b65;--project-button-hover:#d5edff}
.showcase-rippled{--project-button:#d5e5b1;--project-button-ink:#29422b;--project-button-hover:#e7f0d0}
.showcase-navitome{--project-button:#195e88;--project-button-ink:#fff;--project-button-hover:#12496c}
.featured .button,.work-showcase .showcase-button{background:var(--project-button);color:var(--project-button-ink);border-color:var(--project-button);box-shadow:0 2px 0 #00152614}
.featured .button:hover,.work-showcase .showcase-button:hover{background:var(--project-button-hover);color:var(--project-button-ink);border-color:var(--project-button-hover);box-shadow:0 4px 12px #00152626}

/* Neutral surfaces keep the content clean and let project colors lead. */
:root{--paper:#ffffff;--ink:#242628;--muted:#62666a;--line:#dfe1e3}
.services-section{background:#f3f4f5}
.services-heading .eyebrow,.service-number{color:#62666a}
.agency-services article,.services-reassurance{border-color:#d6d9dc}
.agency-services ul{color:#62666a}.agency-services li:before{color:#7b8187}
.contact{background:#f0f2f3}
.quote-mark{background:#eef0f2}
.asterisk{color:#237245}
dialog img{background:#eef0f2}

/* A full-width neutral backdrop groups the project showcases. */
.work.wrap{width:100%;margin-inline:0;background:#e9ecef;padding-inline:max(56px,calc((100% - 1320px)/2));padding-bottom:1px}
.work .section-label{border-top:0}
.process{padding-top:55px}
@media(max-width:1000px){.work.wrap{padding-inline:32px}}
@media(max-width:700px){.work.wrap{padding-inline:18px}.process{padding-top:35px}}

/* Dinner Aid: herb green, linen, and real iPhone previews. */
.showcase-dinner{background:radial-gradient(ellipse at 90% 20%,#527e62,#203f32 80%);color:#fff;--project-button:#f6f1e7;--project-button-ink:#234c38;--project-button-hover:#e2edda}
.dinner-logo{width:64px;height:64px;object-fit:contain;border-radius:15px;margin-bottom:20px}
.showcase-dinner .showcase-copy h3{margin-bottom:22px}.showcase-dinner .showcase-headline em{color:#d9e6c9}.showcase-dinner .showcase-description,.showcase-dinner .showcase-top,.showcase-dinner .showcase-footer{color:#e2eadd}
.showcase-dinner .showcase-body{grid-template-columns:45% 55%;min-height:570px}.dinner-phones{display:block;width:100%;height:570px;border:0;padding:0;color:#e2eadd;text-align:left;background:radial-gradient(ellipse at 50% 60%,#e6e8c61a,transparent 70%)}.dinner-phones .phone{border-color:#173327}.showcase-dinner .showcase-copy{padding-top:12px}
@media(max-width:700px){.showcase-dinner .showcase-body{display:flex;min-height:0}.dinner-phones{height:425px;min-height:425px;margin-top:15px}.dinner-logo{width:56px;height:56px}.showcase-dinner .showcase-headline{font-size:38px}}