.story-page{--story-ink:#2a110f;--story-ochre:#edcb88;--story-blue:#e9efff;background:#fffdfa;color:var(--story-ink)}.story-page h1,.story-page main h2,.story-page main h3{font-family:var(--font-display);font-weight:700;letter-spacing:-.03em;line-height:1.1;text-wrap:balance}.story-page main p{text-wrap:pretty}.story-hero{position:relative;display:grid;grid-template-columns:1fr 1fr;background:var(--story-ink);color:#fffdfa;padding:48px var(--gutter) 64px;gap:48px;align-items:center;--hero-edge-height:32px}.story-hero-copy{padding:0;min-width:0}.story-label{font-size:14px;font-weight:500;margin:0 0 24px}.story-hero h1{font-size:clamp(44px,5.2vw,80px);margin:0;max-width:17ch}.story-hero-lead{font-size:18px;line-height:1.7;max-width:42ch;margin:24px 0 32px}.story-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:52px;border-radius:999px;background:#121212;color:#fff;padding:16px 24px;font-size:14px;font-weight:500;transition:background-color .18s ease-out,transform .18s ease-out}.story-primary:hover{background:#392b22}.story-primary:active{transform:scale(.98)}.story-hero-photo{margin:0;min-width:0;position:relative;padding-bottom:24px}.story-hero-photo img{width:100%;height:clamp(360px,34vw,488px);object-fit:cover;object-position:center;border-radius:16px}.story-hero-photo figcaption{position:absolute;bottom:0;left:0;font-size:12px;line-height:1.5}.story-manifest{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding:80px var(--gutter);scroll-margin-top:24px;align-items:start}.story-manifest h2,.story-chain h2,.story-journey h2,.story-closing h2{font-size:clamp(32px,3.4vw,48px);margin:0 0 24px}.story-manifest-title{min-width:0}.story-manifest-title>p{max-width:35ch;font-size:14px;line-height:1.75;margin:16px 0 0}.story-original-logo{display:block;width:280px;max-width:100%;height:auto;margin-top:48px}.story-manifest-body p{max-width:56ch;font-size:16px;line-height:1.8;margin:0 0 24px;color:#50413a}.story-manifest-body p:last-child{margin-bottom:0}.story-manifest-body strong{font-weight:600;color:var(--story-ink)}.story-chain{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;padding:64px var(--gutter);background:#f3efdf}.story-chain-intro p{max-width:36ch;font-size:16px;line-height:1.75;margin:0}.story-chain h3{font-family:Plus Jakarta Sans,Arial,sans-serif!important;letter-spacing:0!important;line-height:1.5!important;font-weight:500!important;font-size:13px;margin:0 0 16px}.story-chain-long{padding:0 0 32px;border-bottom:1px solid #c5bca9}.story-chain-long ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:0;margin:0}.story-chain-long li{display:flex;align-items:center;gap:8px;font-size:12px;color:#665346}.story-chain-long li:first-child,.story-chain-long li:last-child{font-weight:600;color:var(--story-ink)}.story-chain-direct{padding-top:32px}.story-chain-direct ol{list-style:none;display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;align-items:start;padding:0;margin:0}.story-chain-direct li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;min-width:0}.story-chain-direct li>strong{font-family:var(--font-display);font-size:32px;line-height:1.15}.story-chain-direct li>span{font-size:12px;line-height:1.6;max-width:20ch}.story-chain-direct .story-chain-connection{align-items:center;text-align:center}.story-chain-direct .story-chain-arrow{position:relative;display:block;width:100%;height:36.8px;max-width:none;flex-shrink:0}.story-chain-arrow:before{content:"";position:absolute;left:0;right:2px;top:50%;border-top:2px solid var(--story-ink)}.story-chain-arrow:after{content:"";position:absolute;right:2px;top:50%;width:10px;height:10px;border-top:2px solid var(--story-ink);border-right:2px solid var(--story-ink);transform:translateY(-50%) rotate(45deg)}.story-chain-direct .story-chain-connection>span:last-child{max-width:none;font-size:12px;line-height:1.6}.story-chain-direct>p{font-size:13px;line-height:1.75;max-width:60ch;margin:24px 0 0;color:#665346}.story-conviction{position:relative;padding:64px var(--gutter);background:var(--story-ochre);text-align:center;isolation:isolate;overflow:hidden}.story-conviction:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(//dirt.family/cdn/shop/t/40/assets/dirt-paper-hero-paper-chateau-9367479e5701ccd3.webp?v=30288840298178050211791723686&quality=100) center bottom/cover no-repeat;opacity:.2;mix-blend-mode:multiply;z-index:-1}.story-conviction p{font-family:var(--font-display);font-size:clamp(40px,5.2vw,72px);font-weight:700;letter-spacing:-.03em;line-height:1.08;margin:0 0 24px;text-wrap:balance}.story-conviction>span{font-size:16px}.story-journey{padding:64px var(--gutter);background:var(--story-blue)}.story-journey-heading{max-width:650px;margin-bottom:32px}.story-journey-heading h2{margin-bottom:16px}.story-journey-heading p{margin:0;font-size:16px;line-height:1.7}.story-chapter-tabs{display:flex;border-bottom:1px solid #b6bdce;gap:24px;margin-bottom:32px}.story-chapter-tabs button{flex:1;min-height:56px;padding:16px 8px;background:none;border:0;border-bottom:3px solid transparent;border-radius:0;font-size:15px;color:#4f5262;white-space:nowrap;transition:color .16s ease-out,border-color .16s ease-out}.story-chapter-tabs button[aria-selected=true]{border-bottom-color:var(--story-ink);color:var(--story-ink);font-weight:600}.story-chapter-tabs button:hover{color:var(--story-ink)}.story-chapter-tabs button:focus-visible{outline-offset:-4px}.story-chapter{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center}.story-chapter figure{margin:0;min-width:0}.story-chapter img{width:100%;height:360px;object-fit:cover;border-radius:16px}.story-chapter figcaption{font-size:12px;line-height:1.5;margin-top:16px;color:#4f5262}.story-chapter h3{font-size:36px;margin:0 0 24px}.story-chapter-copy{min-width:0;animation:story-chapter-in .22s cubic-bezier(.16,1,.3,1)}.story-chapter p{font-size:16px;line-height:1.8;max-width:46ch;margin:0}.story-text-link{display:inline-flex;gap:16px;align-items:center;min-height:48px;font-size:14px;font-weight:500;text-decoration:underline;text-underline-offset:6px;margin-top:24px}.story-text-link:hover{text-decoration-thickness:2px}.story-closing{padding:64px var(--gutter);text-align:center}.story-closing h2{margin-bottom:24px}.story-closing>p{max-width:50ch;margin:0 auto 32px;font-size:16px;line-height:1.75}.story-closing>div{display:flex;justify-content:center;align-items:center;gap:32px;flex-wrap:wrap}.story-closing .story-text-link{margin:0}@keyframes story-chapter-in{0%{opacity:.6;clip-path:inset(0 0 8% 0)}to{opacity:1;clip-path:inset(0)}}@media(max-width:1000px){.story-hero{gap:32px}.story-hero h1{font-size:clamp(40px,5.6vw,56px)}.story-hero-lead{font-size:16px}.story-manifest,.story-chain,.story-chapter{gap:32px}.story-chain{grid-template-columns:1fr}.story-chain-intro{max-width:60ch}.story-chain-intro p{max-width:55ch}.story-chapter img{height:320px}.story-chapter h3{font-size:32px}}@media(max-width:700px){.story-hero{grid-template-columns:1fr;padding-top:32px;padding-bottom:48px;gap:32px}.story-hero h1{font-size:clamp(40px,9vw,56px);max-width:15ch}.story-label{margin-bottom:16px}.story-hero-lead{margin:24px 0;max-width:40ch}.story-hero-photo img{height:auto;aspect-ratio:4/3}.story-hero-photo{padding-bottom:24px}.story-hero-photo figcaption{font-size:11px}.story-primary{gap:16px;padding:16px 20px;font-size:13px;max-width:100%}.story-manifest{grid-template-columns:1fr;padding-block:48px;gap:32px}.story-manifest h2{font-size:36px}.story-original-logo{width:200px;margin-top:24px}.story-manifest-title>p{max-width:40ch}.story-manifest-body p{font-size:15px}.story-chain{padding-block:48px}.story-chain-direct ol{grid-template-columns:1fr 1fr 1fr;gap:8px}.story-chain-direct li>strong{font-size:28px}.story-chain-direct .story-chain-arrow{height:32.2px}.story-chain-direct li>span{font-size:11px}.story-conviction,.story-journey{padding-block:48px}.story-chapter-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;border:0}.story-chapter-tabs button{font-size:13px;border-bottom:1px solid #b6bdce;min-height:52px}.story-chapter-tabs button[aria-selected=true]{border-bottom:3px solid var(--story-ink)}.story-chapter{grid-template-columns:1fr;gap:24px}.story-chapter img{height:auto;aspect-ratio:4/3}.story-chapter h3{font-size:32px}.story-chapter p{font-size:15px}.story-closing{padding-block:48px}.story-closing>div{gap:16px;flex-direction:column}}@media(prefers-reduced-motion:reduce){.story-chapter-copy{animation:none}.story-primary,.story-chapter-tabs button{transition:none}.story-primary:active{transform:none}}.story-hero .story-primary{background:#fffdfa;color:var(--story-ink)}.story-hero .story-primary:hover{background:var(--story-ochre)}.story-hero .story-primary:focus-visible{outline:2px solid #fffdfa;outline-offset:4px}@media(max-width:480px){.story-chain-direct ol{grid-template-columns:1fr;gap:20px}.story-chain-direct li>span{max-width:28ch;font-size:12px}.story-chain-direct .story-chain-arrow{width:48px;height:48px;transform:rotate(90deg)}.story-chain-direct .story-chain-connection{gap:8px}.story-chain-direct>p{margin-top:32px}}.story-chain{grid-template-columns:1fr;gap:40px}.story-chain-intro{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.story-chain-intro h2{margin-bottom:0}@media(max-width:1000px){.story-chain-intro{display:block}.story-chain-intro h2{margin-bottom:24px}}.story-conviction{background:#f3efdf;min-height:0;height:clamp(120px,22vw,340px);padding:0}.story-conviction:before{top:0;right:0;bottom:0;left:0;height:auto;aspect-ratio:auto;background:url(//dirt.family/cdn/shop/t/40/assets/dirt-paper-soil-to-glass-paper-v2-1df169a454cf28ec.webp?v=126793435659123465201791723687&quality=100) center bottom/100% auto no-repeat;opacity:1;mix-blend-mode:normal;-webkit-mask-image:none;mask-image:none}.story-chain{padding-bottom:24px}
/*# sourceMappingURL=/cdn/shop/t/40/assets/dirt-paper-our-story-2dabf84c6f44904c.css.map */