:root{--cream:#f2eedf;--ink:#22261e;--red:#8e2525;--olive:#737349;--paper:#faf7ee;--body:'DM Sans',Arial,sans-serif;--display:'Barlow Condensed','Arial Narrow',sans-serif;--hand:'Caveat',cursive}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--body);font-size:15px}a{color:inherit}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #ce7639;outline-offset:5px}img{display:block;width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);line-height:.95;letter-spacing:-.02em}h2{font-size:clamp(44px,5.5vw,76px);font-weight:700}h2 em,h1 em{font-style:normal;color:var(--red)}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:700;display:block}.nav{height:83px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #22261e30;background:var(--cream);position:relative;z-index:5}.wordmark{font-family:var(--display);font-size:25px;letter-spacing:-.03em;font-weight:800;text-decoration:none}.wordmark span{color:var(--red)}.wordmark i{display:block;font-family:var(--hand);font-size:14px;font-weight:600;letter-spacing:0;margin-top:-2px}.nav nav{display:flex;gap:32px;align-items:center;font-size:12px;font-weight:600}.nav nav a{text-decoration:none}.nav-contact{border-bottom:1px solid;padding-bottom:5px}.nav-contact span{margin-left:16px}.hero{position:relative;min-height:660px;height:calc(100svh - 83px);max-height:830px;isolation:isolate;overflow:hidden}.hero-art{position:absolute;inset:0;z-index:-2;background:url('assets/hero.png') center center/cover no-repeat}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--cream) 0%,#f2eedff0 18%,#f2eedf30 44%,transparent 58%)}.hero-copy{position:relative;padding:65px 0 60px 6%;width:47%;max-width:640px}.hero .eyebrow{margin-bottom:25px}.hero h1{font-size:clamp(78px,8.8vw,135px);line-height:.83;font-weight:800;letter-spacing:-.035em}.hero h1 em{display:inline-block;transform:rotate(-4deg);margin-top:10px}.scribble{font-family:var(--hand);font-size:clamp(22px,2.3vw,33px);transform:rotate(-3deg);color:var(--red);margin:19px 0 22px;white-space:nowrap}.hero-description{font-size:14px;line-height:1.65;max-width:315px;margin:0 0 24px}.button{min-height:46px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:15px 20px;font-size:12px;font-weight:700;text-decoration:none;border:0}.dark{background:var(--ink);color:var(--cream)}.cream{background:var(--cream);color:var(--red)}.button:hover{transform:translateY(-2px)}.hero-stamp{position:absolute;bottom:30px;right:5%;width:104px;height:104px;border:2px solid var(--red);border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--red);font-family:var(--display);font-size:36px;line-height:.9;transform:rotate(13deg);background:#f2eedfdc}.hero-stamp span{font-size:12px;text-align:center;margin-top:5px}.reach{background:var(--red);color:var(--cream);padding:42px 6% 24px;display:grid;grid-template-columns:1fr 2.15fr;gap:25px 50px}.reach h2{font-size:38px;margin-top:12px}.stats{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:25px}.stat strong{font-family:var(--display);font-size:clamp(46px,6.8vw,92px);line-height:1;font-weight:700;letter-spacing:-.02em}.stat span{display:block;font-size:13px;margin-top:5px;letter-spacing:.04em}.metrics-foot{grid-column:1/-1;border-top:1px solid #f2eedf45;padding-top:16px;display:flex;justify-content:space-between;gap:25px;font-size:10px;line-height:1.5}.metrics-foot button{background:none;color:inherit;border:0;padding:0;cursor:pointer;font-size:10px;white-space:nowrap}.metrics-foot button span{padding-left:20px}#metric-sources{grid-column:1/-1;font-size:10px;line-height:1.6;max-width:850px}#metric-sources p{margin-bottom:4px}.section{padding:70px 6%}.section-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:38px}.section-intro .eyebrow{margin-bottom:17px}.section-intro>p{max-width:340px;line-height:1.8;font-size:13px;padding-bottom:5px}.show-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:42px;align-items:start}.flagship{padding:13px 13px 24px;background:var(--paper);box-shadow:1px 5px 14px #22261e15;transform:rotate(-1.5deg)}.flagship-image{position:relative}.flagship-image img{height:340px;object-fit:cover;object-position:50% 50%}.tape{position:absolute;left:15px;bottom:-12px;font-family:var(--hand);font-size:22px;background:#dfd29c;padding:3px 14px;transform:rotate(-4deg)}.flagship-copy{padding:32px 16px 0}.flagship-copy h3{font-size:43px;margin:13px 0 15px}.flagship-copy p{font-size:13px;line-height:1.75;max-width:360px}.text-link{display:inline-block;font-size:11px;font-weight:700;text-underline-offset:5px;margin-top:20px;line-height:1.6}.show-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 22px;padding-top:8px}.show-card{background:none;border:0;padding:0;text-align:left;cursor:pointer;color:var(--ink);width:100%}.show-card .photo{position:relative;border:6px solid var(--paper);box-shadow:1px 3px 7px #0002;overflow:hidden;transition:transform .2s}.show-card:nth-child(odd) .photo{transform:rotate(2deg)}.show-card:nth-child(even) .photo{transform:rotate(-2deg)}.show-card:hover .photo{transform:rotate(0deg) translateY(-3px)}.show-card img{aspect-ratio:1.55;object-fit:cover}.number{position:absolute;top:8px;left:8px;background:var(--cream);color:var(--ink);padding:4px 6px;font-size:10px;font-weight:700}.card-copy{position:relative;padding:15px 17px 0 2px}.card-copy h3{font-size:25px;line-height:1.03;margin-bottom:8px}.card-copy p{font-size:10px;line-height:1.6}.card-arrow{position:absolute;right:0;top:15px;font-size:17px;color:var(--red)}.partners{background:var(--ink);color:var(--cream);display:grid;grid-template-columns:1fr 1fr;gap:80px}.partners h2{margin:20px 0 24px}.partners h2 em{color:#d7c79b}.partner-note p{font-size:13px;line-height:1.8;max-width:370px;margin-bottom:12px}.partner-note .button{margin-top:15px}.partner-right{display:flex;flex-direction:column;justify-content:space-between;padding:34px 0 0}.handwritten{font-family:var(--hand);font-size:35px;line-height:1.25;transform:rotate(-5deg);color:#d7c79b;border-bottom:1px solid #d7c79b70;padding-bottom:30px}.prior{padding-top:35px}.brand-list{display:flex;flex-wrap:wrap;align-items:center;gap:28px;margin-top:25px}.brand-list>span{font-family:var(--display);font-size:29px;font-weight:700}.brand-list small{display:block;font-family:var(--body);font-size:7px;letter-spacing:.2em;margin-top:1px}.prior .text-link{opacity:.8}footer{padding:30px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px}footer .wordmark{font-size:21px}footer>a:not(.wordmark){font-size:11px;text-decoration:none}footer>span{font-family:var(--hand);font-size:19px;color:var(--red)}dialog{padding:0;border:0;background:var(--cream);color:var(--ink);max-width:750px;width:calc(100% - 40px);box-shadow:0 20px 70px #0005}dialog::backdrop{background:#151a13cb;backdrop-filter:blur(5px)}dialog>img{max-height:350px;object-fit:cover}.close{position:absolute;right:12px;top:12px;border:0;border-radius:50%;background:var(--cream);color:var(--ink);width:36px;height:36px;font-size:26px;cursor:pointer}.dialog-copy{padding:32px}.dialog-copy h2{font-size:43px;margin:14px 0 18px}.dialog-copy p{font-size:14px;line-height:1.8;margin-bottom:15px}.brand-fit{border-left:3px solid var(--red);padding-left:16px}.dialog-copy .button{margin-top:8px}
@media(min-width:1500px){body{max-width:1800px;margin:auto}.hero-copy{padding-left:8%}}
@media(max-width:1000px){.hero{min-height:620px}.hero-copy{padding-top:65px;width:48%}.hero h1{font-size:90px}.hero-description{max-width:270px;font-size:13px}.scribble{font-size:25px}.reach{grid-template-columns:1fr 2fr;gap:25px}.reach h2{font-size:31px}.show-layout{gap:24px}.flagship-image img{height:285px}.flagship-copy h3{font-size:34px}.card-copy h3{font-size:22px}.partners{gap:45px}.brand-list{gap:20px}.brand-list>span{font-size:24px}footer>span{display:none}}
@media(max-width:700px){html{scroll-padding-top:20px}.nav{height:72px;padding:0 6%}.wordmark{font-size:22px}.wordmark i{font-size:12px}.nav nav{gap:18px}.nav nav>a:not(.nav-contact){display:none}.hero{height:auto;min-height:0;padding-bottom:305px}.hero-art{background-size:auto 440px;background-position:62% bottom;background-repeat:no-repeat;top:auto;height:440px}.hero:after{background:linear-gradient(180deg,var(--cream) 0%,var(--cream) 45%,transparent 65%)}.hero-copy{width:100%;padding:36px 6% 0;max-width:none}.hero .eyebrow{font-size:8px;margin-bottom:24px}.hero h1{font-size:90px;line-height:.84}.hero h1 br:nth-child(2){display:none}.hero h1 em{margin-left:12px}.scribble{font-size:26px;white-space:normal;margin:20px 0}.hero-description{max-width:330px;font-size:13px}.hero-stamp{width:78px;height:78px;bottom:18px;right:6%;font-size:27px}.hero-stamp span{font-size:9px}.reach{padding:30px 6% 22px;display:block}.reach-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:24px}.reach-heading .eyebrow{max-width:110px;font-size:8px;line-height:1.8}.reach h2{font-size:28px;margin:0}.stats{gap:12px;margin-bottom:24px}.stat strong{font-size:50px}.stat span{font-size:11px}.metrics-foot{display:block;font-size:9px}.metrics-foot button{margin-top:12px}#metric-sources{margin-top:15px}.section{padding:45px 6%}.section-intro{display:block;margin-bottom:30px}.section-intro>p{margin-top:20px;font-size:12px;max-width:330px}.section-intro h2{font-size:53px}.show-layout{display:block}.flagship{margin-bottom:35px}.flagship-image img{height:250px}.flagship-copy{padding:29px 10px 0}.flagship-copy h3{font-size:37px}.flagship-copy p{font-size:12px}.tape{font-size:19px;left:8px}.show-grid{gap:27px 17px}.card-copy h3{font-size:23px}.card-copy p{font-size:10px}.show-card .photo{border-width:4px}.card-copy{padding-top:12px}.partners{display:block}.partners h2{font-size:61px}.partner-note p{font-size:13px}.partner-right{padding-top:45px}.handwritten{font-size:29px}.brand-list{gap:25px}footer{flex-wrap:wrap;padding:25px 6%;gap:16px}footer .wordmark{width:100%}footer>a:not(.wordmark){font-size:10px}.dialog-copy{padding:25px}.dialog-copy h2{font-size:35px}.dialog-copy p{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;transform:none!important}}
