:root{--navy:#17243d;--cream:#fff8e7;--orange:#f47b42;--mustard:#f4bd3d;--pink:#ef6f79;--teal:#2a9d8f;--line:rgba(23,36,61,.25);--sans:'DM Sans',Arial,sans-serif;--display:'Space Grotesk',Arial,sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--navy);font-family:var(--sans);overflow-x:hidden}.ticker{background:var(--navy);color:var(--cream);font:500 11px var(--mono);letter-spacing:.12em;overflow:hidden;height:29px;display:flex;align-items:center}.ticker__track{display:flex;align-items:center;gap:28px;white-space:nowrap;animation:marquee 26s linear infinite}.ticker i{color:var(--orange);font-style:normal;font-size:16px}@keyframes marquee{to{transform:translateX(-50%)}}.site-header{max-width:1320px;margin:auto;padding:25px 5vw;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo{display:grid;grid-template-columns:auto auto auto;align-items:baseline;text-decoration:none;color:var(--navy);font:900 23px var(--display);letter-spacing:-.08em;line-height:.8}.logo__mark{color:var(--orange)}.logo__amp{font:700 15px var(--sans);margin:0 4px}.logo small{grid-column:1/-1;font:400 8px var(--mono);letter-spacing:.05em;line-height:1.2;margin-top:9px;text-transform:uppercase}.nav{display:flex;gap:38px;margin-left:auto}.nav a,.text-link,.footer a{color:var(--navy);text-decoration:none;font:500 12px var(--mono)}.nav a:hover,.text-link:hover,.footer a:hover{color:var(--orange)}.header-cta{background:var(--orange);border:2px solid var(--navy);box-shadow:4px 4px 0 var(--navy);color:var(--navy);padding:13px 17px;text-decoration:none;font:700 11px var(--mono);transform:rotate(-1.5deg);transition:.2s}.header-cta:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--navy)}.header-cta span{font-size:18px;margin-left:18px}.section-pad{padding-left:8vw;padding-right:8vw}.hero{max-width:1440px;min-height:650px;margin:auto;display:grid;grid-template-columns:48% 52%;align-items:center;position:relative;padding-top:48px;padding-bottom:45px}.eyebrow{font:500 11px var(--mono);letter-spacing:.09em;text-transform:uppercase;display:flex;align-items:center;gap:10px}.eyebrow__dot{width:8px;height:8px;background:var(--orange);border-radius:50%;display:inline-block}.hero h1{font:900 clamp(62px,8.5vw,125px)/.84 var(--display);letter-spacing:-.09em;margin:28px 0 30px}.hero h1 em,.section-heading em,.services em,.contact em{font-style:normal;color:var(--orange)}.hero__lead{font-size:17px;line-height:1.45;max-width:390px;margin:0 0 32px}.hero__lead strong{font-weight:900}.hero__actions{display:flex;align-items:center;gap:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border:2px solid var(--navy);padding:16px 17px;text-decoration:none;font:700 12px var(--mono);transition:.2s;cursor:pointer}.button span{font-size:19px}.button--dark{color:var(--cream);background:var(--navy);box-shadow:5px 5px 0 var(--orange)}.button--dark:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--orange)}.text-link{border-bottom:1px solid var(--navy);padding-bottom:4px}.text-link span{font-size:17px;margin-left:10px}.hero__proof{display:flex;align-items:center;gap:14px;margin-top:48px}.faces{display:flex}.face{width:34px;height:34px;border:2px solid var(--navy);background:var(--mustard);border-radius:50%;display:grid;place-items:center;font-size:19px;margin-right:-8px}.face--two{background:var(--pink)}.face--three{background:var(--teal)}.hero__proof p{font:10px var(--mono);line-height:1.3;margin:0}.hero__proof strong{font-size:12px}.hero__art{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center}.hero__art:before{content:'';position:absolute;inset:9% 4% 7% 2%;background:var(--mustard);border:3px solid var(--navy);border-radius:50% 46% 49% 42%;transform:rotate(4deg);z-index:-1}.hero__art img{width:100%;max-width:630px;max-height:590px;object-fit:contain}.stamp{position:absolute;right:8%;top:13%;border:2px solid var(--navy);color:var(--navy);background:var(--pink);padding:10px 9px 8px;text-align:center;font:700 12px/.95 var(--mono);transform:rotate(9deg);z-index:2}.hero__scribble{position:absolute;right:3%;bottom:12%;font:italic 22px var(--display);color:var(--orange);transform:rotate(-12deg)}.manifesto{background:var(--navy);color:var(--cream);padding-top:90px;padding-bottom:95px;display:grid;grid-template-columns:23% 77%}.manifesto__label{font:11px var(--mono);letter-spacing:.1em;color:var(--orange);text-transform:uppercase}.manifesto__body{display:flex;justify-content:space-between;max-width:920px}.big-copy{font:700 clamp(35px,4.8vw,69px)/1.04 var(--display);letter-spacing:-.07em;margin:0}.big-copy mark{background:var(--orange);color:var(--navy);padding:0 .08em}.big-copy span{color:var(--mustard)}.side-note{align-self:flex-end;font:11px/1.4 var(--mono);color:var(--mustard);margin:0 5% 5px 35px}.side-note span{color:var(--cream);opacity:.6}.cases{padding-top:100px;padding-bottom:125px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px}.section-heading h2,.services h2,.contact h2{font:900 clamp(44px,6vw,78px)/.9 var(--display);letter-spacing:-.08em;margin:22px 0 0}.section-heading__note{font:11px/1.4 var(--mono);text-align:right;margin:0 0 6px}.cases__art{width:100%;margin:0 auto 42px}.cases__art img{width:100%;height:auto;display:block}.cases__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.case-card{position:relative;border:2px solid var(--navy);background:var(--mustard);padding:25px 23px 20px;min-height:183px;box-shadow:5px 5px 0 var(--navy);transition:.25s}.case-card:hover{transform:translateY(-6px) rotate(-1deg)}.case-card--pink{background:var(--pink)}.case-card--teal{background:var(--teal)}.case-card__number{font:500 11px var(--mono)}.case-card h3{font:700 22px/1 var(--display);letter-spacing:-.05em;margin:20px 0 12px}.case-card p{font:11px/1.35 var(--mono);margin:0}.case-card__tag{position:absolute;right:15px;bottom:15px;font:9px var(--mono);opacity:.7}.services{background:var(--pink);display:grid;grid-template-columns:40% 60%;gap:8%;padding-top:100px;padding-bottom:105px}.services__intro>p:last-child{font:13px/1.5 var(--mono);max-width:260px;margin-top:30px}.service-list{border-top:2px solid var(--navy)}details{border-bottom:2px solid var(--navy);padding:22px 0}summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:44px 1fr 20px;align-items:center;font:700 18px var(--display);letter-spacing:-.04em}summary::-webkit-details-marker{display:none}summary span{font:11px var(--mono);font-weight:400}summary b{font:400 27px var(--sans);transition:.2s}details[open] summary b{transform:rotate(45deg)}details p{font:12px/1.5 var(--mono);max-width:560px;padding-left:44px;margin:15px 0 0}.contact{background:var(--teal);display:grid;grid-template-columns:44% 46%;gap:10%;position:relative;padding-top:100px;padding-bottom:95px}.contact__top>p:last-child{font:12px/1.5 var(--mono);max-width:290px;margin-top:28px}.brief-form{border-top:2px solid var(--navy)}.brief-form label{display:flex;gap:8px;align-items:baseline;border-bottom:2px solid var(--navy);padding:17px 0;font:500 14px var(--mono);flex-wrap:wrap}.brief-form input,.brief-form select{border:0;background:transparent;color:var(--navy);font:700 17px var(--display);outline:0;flex:1;min-width:180px;padding:0}.brief-form input::placeholder{color:var(--navy);opacity:.5}.brief-form select{appearance:none;cursor:pointer}.button--orange{background:var(--orange);color:var(--navy);margin-top:25px;box-shadow:5px 5px 0 var(--navy)}.button--orange:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--navy)}.form-note{font:9px var(--mono);opacity:.75}.contact__paw{position:absolute;right:6%;bottom:12%;font-size:75px;color:var(--mustard);transform:rotate(18deg)}.footer{background:var(--cream);min-height:175px;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:25px;align-items:center;padding-top:40px;padding-bottom:40px}.footer p{font:11px/1.45 var(--mono);margin:0}.footer__links{display:flex;flex-direction:column;gap:10px}.footer>small{grid-column:1/-1;font:9px var(--mono);opacity:.55;border-top:1px solid var(--line);padding-top:15px}.toast{position:fixed;right:25px;bottom:25px;background:var(--navy);color:var(--cream);padding:17px 20px;border:2px solid var(--orange);font:11px var(--mono);box-shadow:5px 5px 0 var(--orange);transform:translateY(150%);transition:.4s;z-index:5}.toast.is-visible{transform:translateY(0)}.toast span{color:var(--orange);font-size:19px;margin-right:8px}@media(max-width:800px){.site-header{padding-top:20px;padding-bottom:18px}.nav{display:none}.header-cta{font-size:10px;padding:10px 12px}.hero{display:flex;flex-direction:column;padding-top:45px;min-height:auto}.hero__copy{width:100%}.hero h1{font-size:clamp(64px,17vw,105px);margin-top:22px}.hero__lead{font-size:15px}.hero__art{width:100%;margin-top:35px;min-height:380px}.hero__art img{max-height:430px}.hero__art:before{inset:7% 3% 3%}.hero__scribble{right:2%;bottom:4%}.stamp{right:3%;top:5%;font-size:10px}.manifesto{display:block;padding-top:65px;padding-bottom:70px}.manifesto__body{margin-top:30px;display:block}.side-note{margin:28px 0 0 40%;}.cases{padding-top:70px;padding-bottom:75px}.section-heading{display:block}.section-heading__note{text-align:left;margin-top:25px}.cases__art{overflow:hidden;margin-left:-5%;width:110%;margin-bottom:30px}.cases__art img{min-width:750px}.cases__cards{grid-template-columns:1fr;gap:13px}.case-card{min-height:145px}.case-card h3{margin:13px 0 8px}.services{display:block;padding-top:70px;padding-bottom:75px}.service-list{margin-top:52px}summary{font-size:16px}.contact{display:block;padding-top:70px;padding-bottom:80px}.brief-form{margin-top:55px}.contact__paw{right:5%;bottom:5%;font-size:46px}.footer{display:block;padding-top:38px}.footer p{margin:25px 0}.footer__links{margin-bottom:28px}.footer>small{display:block;padding-top:15px}.toast{left:15px;right:15px;bottom:15px;text-align:center}}@media(max-width:430px){.section-pad{padding-left:6vw;padding-right:6vw}.logo{font-size:20px}.header-cta span{margin-left:8px}.hero__actions{gap:20px;flex-wrap:wrap}.hero__proof{margin-top:35px}.section-heading h2,.services h2,.contact h2{font-size:52px}.big-copy{font-size:39px}.cases__art img{min-width:680px}.brief-form label{font-size:12px}.brief-form input,.brief-form select{font-size:15px}.button{width:100%}}
