.reference-benefits{padding-block:clamp(64px,7.5vw,112px) 40px;background:var(--ink)}.benefits-heading{text-align:center;margin:0 auto 44px;max-width:960px}.benefits-heading h2{font-size:clamp(34px,4.1vw,58px);line-height:1.2;font-weight:500;letter-spacing:-.025em}.benefits-heading p{font-size:clamp(16px,1.5vw,20px);line-height:1.7;margin-top:18px;text-wrap:balance}.benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.benefit-card{position:relative;isolation:isolate;border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;background:var(--ink)}.benefit-scene{height:280px;background-image:url('assets/benefits-atlas.jpg');background-size:200% 200%;position:relative}.benefit-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 40%,rgb(11 14 17 / 25%) 65%,var(--ink) 100%)}.bamboo{background-position:0 0}.temple{background-position:100% 0}.fuji{background-position:0 100%}.tea{background-position:100% 100%}.benefit-content{position:relative;text-align:center;margin-top:-46px;padding:0 22px 32px}.benefit-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;margin:0 auto 22px;border:1px solid var(--accent);border-radius:50%;background:var(--ink);color:var(--paper)}.benefit-icon svg{width:30px;height:30px}.benefit-content h3{font-size:21px;line-height:1.35;font-weight:500;text-wrap:balance}.benefit-content p{margin-top:15px;font-size:16px;line-height:1.85;text-wrap:pretty}.benefits-signoff{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:48px}.benefits-signoff p{font-family:var(--font-brand);font-size:10px;letter-spacing:5px}.benefits-signoff span{width:40px;height:1px;background:var(--accent)}.reference-note{font-size:12px;color:var(--muted);text-align:center;padding-block:24px 32px}.reference-note a{text-decoration:underline}@media(min-width:1101px){.reference-benefits .wrap{width:min(1440px,calc(100% - var(--layout-gutter)*2))}}@media(max-width:1100px){.benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.benefit-scene{height:300px}.benefit-content{padding-inline:28px}.benefit-content p{max-width:30ch;margin-inline:auto}}@media(max-width:600px){.benefits-heading{margin-bottom:28px}.benefit-grid{grid-template-columns:1fr;gap:24px}.benefit-scene{height:280px}.benefit-content{padding:0 24px 28px}.benefit-content h3{font-size:23px}.benefit-content p{font-size:16px}.benefits-signoff{gap:14px;margin-top:32px}.benefits-signoff p{letter-spacing:3px}.reference-benefits{padding-bottom:24px}}