.dirt-paper-app-promo{color:#241b13;font-family:var(--font-sans);font-size:16px;line-height:1.6}
.dirt-paper-app-promo :is(h2,h3,p,figure){margin:0}
.dirt-paper-app-promo :is(h2,h3){font-family:var(--font-display);font-weight:650;letter-spacing:-.03em;text-wrap:balance}
.dirt-paper-app-promo__kicker{font-size:14px;font-weight:500;line-height:1.5}
.dirt-paper-app-promo--composition{padding:32px var(--gutter);background:#f8f4ec}
.dirt-paper-app-promo__pair{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
.dirt-paper-app-promo--home,.dirt-paper-app-promo__taste-panel{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;align-items:start;gap:24px;min-width:0;padding:32px;border-radius:16px;background:#f0ebe2}
.dirt-paper-app-promo--home{container-type:inline-size}
.dirt-paper-app-promo__copy{max-width:52ch}
.dirt-paper-app-promo--composition h2{font-size:clamp(28px,2.6vw,38px);line-height:1.1}
.dirt-paper-app-promo__copy>h2{margin:12px 0 16px}
.dirt-paper-app-promo__lead,.dirt-paper-app-promo__together>p:last-child{color:#655b50}
.dirt-paper-app-promo__together{margin:24px 0}
.dirt-paper-app-promo__together h3{margin:0 0 8px;font-size:21px;line-height:1.1}
.dirt-paper-app-promo__cta{display:inline-flex;align-items:center;justify-content:center;gap:16px;max-width:100%;min-height:48px;padding:12px 20px;border-radius:999px;background:#241b13;color:#fffdfa;font-size:14px;font-weight:600;line-height:1.4;text-decoration:none}
.dirt-paper-app-promo__cta:active{transform:scale(.98)}
.dirt-paper-app-promo__cta:hover{background:#403125}
.dirt-paper-app-promo .dirt-paper-app-promo__note{margin-top:12px;color:#655b50;font-size:13px;line-height:1.5}
.dirt-paper-app-promo :is(a):focus-visible{outline:3px solid #2457ff;outline-offset:5px}
.dirt-paper-app-promo__preview{min-width:0;justify-self:center;align-self:center;width:min(100%,200px)}
.dirt-paper-app-promo__phone{position:relative;box-sizing:border-box;width:100%;margin-inline:auto;padding:5px;border:2px solid #241b13;border-radius:30px;background:#241b13;box-shadow:0 14px 28px -20px rgba(36,27,19,.4)}
.dirt-paper-app-promo__phone::before,.dirt-paper-app-promo__phone::after{content:"";position:absolute;width:3px;border-radius:3px;background:#241b13}
.dirt-paper-app-promo__phone::before{top:72px;left:-3px;height:24px}
.dirt-paper-app-promo__phone::after{top:112px;right:-3px;height:32px}
.dirt-paper-app-promo__screen{overflow:hidden;border-radius:24px;background:#fffdfa}
.dirt-paper-app-promo__status,.dirt-paper-app-promo__home-bar,.dirt-paper-app-promo__screenshot{display:block;width:100%;height:auto}
.dirt-paper-app-promo__status{font-family:var(--font-sans)}
.dirt-paper-app-promo__preview figcaption{margin-top:12px;color:#655b50;font-size:12px;line-height:1.5;text-align:center}
.dirt-paper-app-promo__taste-copy>h2{max-width:18ch}
.dirt-paper-app-promo__wheel{min-width:0;width:min(100%,180px);justify-self:center;align-self:center}
.dirt-paper-app-promo__wheel img{display:block;width:100%;height:auto;object-fit:contain}
.dirt-paper-app-promo__taste-question{margin:24px 0}
.dirt-paper-app-promo__taste-question .dirt-paper-app-promo__kicker{margin:0 0 4px;color:#655b50}
.dirt-paper-app-promo__taste-question h3{margin-bottom:16px;font-size:23px;line-height:1.1}
.dirt-paper-app-promo__colour-choices{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.dirt-paper-app-promo__colour-choices a{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 14px;border:1px solid #d6cab5;border-radius:999px;background:#fffdfa;font-size:13px;font-weight:600;line-height:1.5;white-space:nowrap;text-decoration:none}
.dirt-paper-app-promo__colour-choices a:hover{background:#f8f4ec;border-color:#241b13}
.dirt-paper-app-promo__colour-choices i{width:8px;height:8px;border-radius:50%;background:var(--dot);flex:none}
.dirt-paper-app-promo--compact{margin-top:24px;padding-top:20px;border-top:1px solid #e8e1d7}
.dirt-paper-app-promo--compact h3{margin:6px 0 8px;font-size:24px;line-height:1.15}
.dirt-paper-app-promo--compact>p:not(.dirt-paper-app-promo__kicker):not(.dirt-paper-app-promo__note){color:#655b50;font-size:14px;line-height:1.6}
.dirt-paper-app-promo__link{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-top:8px;color:#241b13;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:4px}
.dirt-paper-app-promo__link svg,.dirt-paper-app-promo__cta svg{flex:none}
.dirt-paper-app-promo--compact .dirt-paper-app-promo__note{margin-top:0;font-size:12px}
@media(min-width:1100px){.dirt-paper-app-promo__pair{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:600px){.dirt-paper-app-promo--home,.dirt-paper-app-promo__taste-panel{grid-template-columns:minmax(0,1fr) minmax(160px,38%)}.dirt-paper-app-promo__wheel{width:min(100%,320px)}}
@media(max-width:760px){.dirt-paper-app-promo--composition{padding-block:24px}.dirt-paper-app-promo__pair{gap:16px}.dirt-paper-app-promo--home,.dirt-paper-app-promo__taste-panel{gap:12px;padding:20px}.dirt-paper-app-promo__copy{max-width:none}.dirt-paper-app-promo__kicker{font-size:13px}.dirt-paper-app-promo--composition h2{font-size:24px}.dirt-paper-app-promo__copy>h2{margin:4px 0 8px}.dirt-paper-app-promo__lead,.dirt-paper-app-promo__together>p:last-child{font-size:15px;line-height:1.5}.dirt-paper-app-promo__together{margin:12px 0 16px}.dirt-paper-app-promo__together h3{margin-bottom:4px;font-size:18px}.dirt-paper-app-promo__taste-question{margin:12px 0 16px}.dirt-paper-app-promo__taste-question .dirt-paper-app-promo__kicker{margin-bottom:0}.dirt-paper-app-promo__taste-question h3{margin-bottom:8px;font-size:19px}.dirt-paper-app-promo__colour-choices{gap:6px}.dirt-paper-app-promo__colour-choices a{gap:6px;padding:8px 10px}.dirt-paper-app-promo .dirt-paper-app-promo__note{margin-top:8px}.dirt-paper-app-promo .dirt-paper-app-promo__taste-copy .dirt-paper-app-promo__note{margin-top:0}.dirt-paper-app-promo__note a{display:inline-flex;align-items:center;min-height:44px}}
@media(max-width:599px){.dirt-paper-app-promo--home h2 br{display:none}.dirt-paper-app-promo__preview{width:100%}.dirt-paper-app-promo__phone{width:112px;padding:3px;border-radius:18px}.dirt-paper-app-promo__phone::before{top:42px;height:14px}.dirt-paper-app-promo__phone::after{top:66px;height:19px}.dirt-paper-app-promo__screen{border-radius:14px}.dirt-paper-app-promo__preview figcaption{margin-top:6px}.dirt-paper-app-promo__wheel{width:120px}}
@media(max-width:360px){.dirt-paper-app-promo__cta{gap:8px;padding-inline:16px}}