@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--paper:#f4f2eb;--ink:#20211d;--lime:#dcf963;--purple:#b5a1e4;--line:#c9c9bf}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #6652b8;outline-offset:5px}img{display:block;width:100%}.draftbar{padding:9px 4%;background:var(--ink);color:var(--paper);font-size:10px;letter-spacing:2px;display:flex;justify-content:space-between}.draftbar span{letter-spacing:.5px;color:#dfdfd5}header{display:flex;align-items:center;justify-content:space-between;padding:27px 4%;border-bottom:1px solid var(--line);gap:25px}.wordmark{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-weight:900;font-size:28px;line-height:.84;text-decoration:none;position:relative;letter-spacing:-.8px}.wordmark span{position:absolute;top:0;right:-25px;font-size:28px}nav{display:flex;gap:32px;font-size:13px}nav a{text-decoration:none}nav a:hover{text-decoration:underline;text-underline-offset:6px}.button{padding:17px 22px;border:1px solid var(--ink);display:inline-flex;align-items:center;justify-content:space-between;gap:32px;font-size:13px;font-weight:600;text-decoration:none;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button span{font-size:23px;line-height:18px}.dark{background:var(--ink);color:var(--paper)}.light{background:transparent;color:var(--ink)}.lime{background:var(--lime);color:var(--ink)}.hero{padding:64px 4% 65px;display:grid;grid-template-columns:1.05fr 1fr;gap:3%;overflow:hidden}.eyebrow{font-size:11px;font-weight:600;letter-spacing:1.3px;line-height:1.7;margin:0 0 24px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ink);margin-right:8px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-weight:800}h1{font-size:clamp(60px,7.6vw,125px);line-height:.88;letter-spacing:-1.8px;margin-bottom:30px}.outlined{color:transparent;-webkit-text-stroke:1.4px var(--ink)}.intro{font-size:17px;line-height:1.6;max-width:430px;margin-bottom:26px}.hero-actions{display:flex;gap:12px;margin-bottom:27px}.text-link{border:0;border-bottom:1px solid currentColor;padding:0 0 5px;background:transparent;display:inline-flex;gap:24px;align-items:center;font-size:12px;text-decoration:none;color:inherit;font-weight:600}.text-link:hover{opacity:.7}.hero-art{position:relative;align-self:stretch;margin:25px 0 15px 18px;padding:18px 14px 16px 0}.hero-photo{margin:0;height:100%;min-height:430px;background:#373c32;transform:rotate(3deg);position:relative;box-shadow:10px 13px 0 var(--purple)}.hero-photo img{height:100%;object-fit:cover;object-position:49% 50%;filter:saturate(.8)}.hero-photo:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#0009)}.hero-photo figcaption{position:absolute;bottom:21px;left:20px;color:white;font-size:10px;letter-spacing:1.2px;z-index:1}.sticker{position:absolute;top:-23px;right:-4px;padding:18px 20px 18px;background:var(--lime);transform:rotate(-8deg);font-family:'Barlow Condensed',Impact,sans-serif;font-size:30px;line-height:.96;font-weight:800;box-shadow:3px 4px 0 #20211d33}.sticker span{font-size:19px}.sticker b{display:block;text-align:right;font-size:34px;margin-top:10px}.vertical-label{position:absolute;left:-25px;bottom:35px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:9px;letter-spacing:1.5px}.culture-strip{display:flex;justify-content:space-around;align-items:center;padding:21px 4%;background:var(--lime);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);font-family:'Barlow Condensed',Impact,sans-serif;font-weight:700;font-size:32px;gap:20px}.culture-strip span{font-size:27px}.section{padding:90px 4%}h2{font-size:clamp(48px,5.6vw,88px);line-height:.94;letter-spacing:-1px;margin-bottom:25px}.section-heading{display:grid;grid-template-columns:1fr 2fr 1.4fr;gap:3%;align-items:end;margin-bottom:34px}.section-heading h2{font-size:clamp(48px,4.3vw,67px);margin:0}.section-heading .eyebrow{align-self:start}.section-heading>p:last-child{font-size:14px;line-height:1.7;margin:0}.case-image{position:relative;border:0;padding:0;background:#242820;display:block;width:100%;height:490px;overflow:hidden}.case-image img{height:100%;object-fit:cover;object-position:center 43%;transition:transform .6s;filter:saturate(.8)}.case-image:hover img{transform:scale(1.025)}.case-tag{position:absolute;top:22px;left:22px;background:var(--paper);padding:10px 13px;font-size:10px;letter-spacing:.9px}.circle-arrow{width:48px;height:48px;border:1px solid var(--ink);border-radius:50%;font-size:26px;display:grid;place-items:center;background:var(--paper);color:var(--ink);flex-shrink:0;transition:transform .2s}.circle-arrow:hover{transform:rotate(12deg)}.case-image .circle-arrow{position:absolute;right:23px;bottom:23px}.case-caption{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:24px 0 42px}.case-caption .eyebrow{margin-bottom:8px;font-size:9px}.case-caption h3{font-size:37px;margin:0}.case-caption>p{font-size:13px;line-height:1.7;margin:0}.announced-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.announced{padding:29px 32px;min-height:310px;display:flex;flex-direction:column;justify-content:space-between}.represent{background:var(--ink);color:var(--paper)}.pets{background:var(--purple)}.announced .eyebrow{font-size:9px}.brand-type{position:relative;font-size:clamp(35px,4vw,65px);font-weight:700;letter-spacing:-3px;line-height:.94;align-self:flex-start}.represent .brand-type{font-family:Georgia,serif;letter-spacing:-3px}.brand-type>span{font-size:18px;vertical-align:top;letter-spacing:0;margin-left:4px}.brand-type .paw{font-size:70px;position:absolute;right:-110px;top:3px}.announced-bottom{display:flex;align-items:end;justify-content:space-between;margin-top:38px;gap:15px}.announced-bottom p{font-size:13px;line-height:1.5;margin:0}.work-note{font-size:11px;line-height:1.8;max-width:850px;margin:20px 0 0;color:#5f6257}.work-note a{white-space:nowrap}.approach{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:10%;background:#ecebe2}.approach h2{font-size:clamp(60px,6.5vw,100px)}.steps>div{position:relative;border-top:1px solid #aaa99e;padding:25px 0 28px 58px}.steps>div:last-child{border-bottom:1px solid #aaa99e}.steps span{position:absolute;left:0;top:32px;font-size:11px}.steps h3{font-size:33px;line-height:1.1;margin-bottom:14px}.steps p{font-size:14px;line-height:1.7;max-width:410px;margin:0}.creators{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:.85fr 1fr;gap:10%;align-items:center}.creator-image{position:relative;max-height:660px;overflow:hidden}.creator-image img{max-height:660px;object-fit:cover;object-position:center 34%;filter:saturate(.7)}.creator-image span{position:absolute;bottom:0;left:0;background:var(--lime);color:var(--ink);padding:13px 17px;font-size:9px;letter-spacing:1px}.creator-copy h2{font-size:clamp(56px,6.8vw,105px)}.creator-copy h2 em{color:var(--lime);font-style:normal}.creator-copy>p:not(.eyebrow){font-size:15px;line-height:1.7;max-width:450px}.creator-copy .text-link{margin-top:24px;display:flex;width:max-content}.support-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.support-heading p{font-size:14px;line-height:1.7}.services{border-top:1px solid var(--ink);margin:24px 0}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;display:flex;align-items:center;gap:28px;padding:24px 0;list-style:none;font-family:'Barlow Condensed',Impact,sans-serif;font-size:32px;font-weight:600}summary::-webkit-details-marker{display:none}summary span{font:11px 'DM Sans',Arial,sans-serif}summary b{margin-left:auto;font-family:Arial;font-weight:400;font-size:25px}details[open] summary b{transform:rotate(45deg)}details p{font-size:14px;line-height:1.8;max-width:650px;padding-left:42px;margin-bottom:25px}.contact{background:var(--lime);border-top:1px solid var(--ink)}.contact h2{font-size:clamp(80px,12vw,190px);line-height:.87;letter-spacing:-3px}.contact h2>span:first-child{-webkit-text-stroke:1.5px var(--ink);color:transparent}.contact-bottom{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-top:40px}.contact-bottom p{font-size:14px;line-height:1.6;margin:0}.contact-bottom>div{display:flex;gap:12px}.email{font-size:14px;text-underline-offset:6px}footer{display:flex;justify-content:space-between;align-items:center;padding:45px 4%;gap:40px}footer p,footer a:not(.wordmark),footer small{font-size:11px;line-height:1.7;margin:0}footer small{color:#65675b}dialog{border:1px solid var(--ink);background:var(--paper);color:var(--ink);width:min(650px,calc(100% - 32px));max-height:90vh;padding:40px;overflow:auto}dialog::backdrop{background:#171c17aa;backdrop-filter:blur(6px)}dialog h2{font-size:52px;margin-bottom:20px}dialog p{font-size:14px;line-height:1.7}dialog img{margin-bottom:20px;max-height:300px;object-fit:cover}.close{position:absolute;right:14px;top:10px;border:0;background:transparent;font-size:30px}dialog .eyebrow{font-size:10px;margin-top:10px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}form label{display:block;font-size:12px;font-weight:600;margin:15px 0}input,textarea,select{display:block;width:100%;padding:12px;border:1px solid #92978a;background:#fffef8;border-radius:0;margin-top:8px;color:var(--ink);font-size:14px}textarea{resize:vertical}form .form-note{font-size:11px;color:#65675b;margin:18px 0}form .copy-brief{margin-left:18px}.skip{position:fixed;z-index:5;background:var(--ink);color:white;padding:12px;top:-70px}.skip:focus{top:10px}.source-page{max-width:950px;margin:auto}.source-page h1{font-size:70px;margin:30px 0}.source-page h2{font-size:36px;margin:40px 0 20px}.source-page p,.source-page li{font-size:14px;line-height:1.8}.source-page li{margin-bottom:10px}.source-page a{overflow-wrap:anywhere}
@media(min-width:1500px){body>header,main>section,footer{padding-left:max(4%,calc((100vw - 1440px)/2));padding-right:max(4%,calc((100vw - 1440px)/2))}.hero{grid-template-columns:1.15fr 1fr}h1{font-size:123px}}
@media(max-width:900px){nav{gap:18px}.hero{gap:22px;padding-top:45px}h1{font-size:9vw}.hero-photo{min-height:390px}.sticker{font-size:24px;padding:13px}.hero-actions .button{gap:15px;padding:15px}.section{padding:65px 4%}.section-heading{grid-template-columns:1fr 1.5fr}.section-heading>p:last-child{grid-column:2}.case-image{height:400px}.case-caption{flex-wrap:wrap}.case-caption>p{margin-left:auto}.case-caption>.text-link{display:none}.approach{gap:7%}.creators{gap:6%}.contact-bottom{flex-wrap:wrap}.email{margin-top:15px}footer{flex-wrap:wrap}.brand-type .paw{right:-80px;font-size:50px}}
@media(max-width:620px){header{padding:22px 5%}.wordmark{font-size:25px}nav{display:none}.header-cta{padding:12px 15px;gap:15px}.hero{padding:38px 5% 48px;grid-template-columns:1fr;gap:28px}.eyebrow{font-size:9px;margin-bottom:22px}h1{font-size:19vw;letter-spacing:-1.4px}.intro{font-size:15px}.hero-actions .button{padding:16px 22px;gap:22px}.hero-art{margin:18px 4% 10px 15px;height:335px}.hero-photo{min-height:0}.sticker{right:-6px;top:-21px}.culture-strip{font-size:20px;padding:15px 3%;gap:8px}.culture-strip span{font-size:16px}.section{padding:50px 5%}h2{font-size:53px}.section-heading{display:block;margin-bottom:24px}.section-heading h2{font-size:52px;margin-bottom:19px}.section-heading>p:last-child{font-size:13px}.case-image{height:330px}.case-image img{object-position:55% 50%}.case-tag{font-size:8px;top:15px;left:15px;padding:8px}.circle-arrow{width:41px;height:41px;font-size:23px}.case-caption{display:block;padding:20px 0 30px}.case-caption h3{font-size:32px}.case-caption>p{margin-top:15px}.case-caption>.text-link{display:inline-flex;margin-top:15px}.announced-grid{grid-template-columns:1fr;gap:15px}.announced{min-height:270px;padding:25px}.brand-type{font-size:50px}.brand-type .paw{font-size:65px;right:-100px}.approach{grid-template-columns:1fr;gap:40px}.approach h2{font-size:68px}.steps>div{padding-left:42px}.creators{grid-template-columns:1fr;gap:34px}.creator-image{max-height:480px}.creator-image img{height:480px}.creator-copy h2{font-size:66px}.support-heading{display:block}.support-heading p{font-size:13px}summary{font-size:27px;gap:16px}details p{padding-left:30px;font-size:13px}.contact h2{font-size:21vw;letter-spacing:-2px}.contact-bottom{display:block;margin-top:30px}.contact-bottom>div{margin:25px 0}.contact-bottom .button{gap:20px;padding:15px 18px}.email{font-size:16px}footer{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:35px 5%}.wordmark span{right:auto;margin-left:7px}dialog{padding:32px 22px}dialog h2{font-size:43px}.form-row{grid-template-columns:1fr;gap:0}form .copy-brief{margin-left:12px;font-size:11px}.source-page h1{font-size:55px}}
@media(max-width:620px){.hero-copy,.hero-art,.announced{min-width:0}h1{font-size:16.5vw}.sticker{right:0}.creator-copy{min-width:0}.creator-copy h2{font-size:16vw}.represent .brand-type{font-size:11vw;letter-spacing:-2px}}
@media(max-width:620px){h1{font-size:16vw}.culture-strip{font-size:17px;gap:5px;padding-inline:3%}.culture-strip span{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
