/* RIOT information architecture v1 — public home only */
.home-hero{min-height:calc(100vh - 70px)}
.home-hero .hero-copy{max-width:510px}
.hero-inline-link{display:inline-flex;margin-top:16px;color:var(--white);font:800 14px/1 var(--display);letter-spacing:.08em;text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:7px}
.hero-inline-link:hover{color:var(--lime);border-color:var(--lime)}
.site-section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.58fr);gap:56px;align-items:end;margin-bottom:42px}
.site-section-heading h2{margin:0;font:900 clamp(56px,7vw,96px)/1.02 var(--display);letter-spacing:-.045em;text-transform:uppercase}
.site-section-heading h2 em{font-style:normal;color:var(--lime)}
.site-section-heading>p{margin:0;color:#aeb6b3;max-width:470px;font-size:14px;line-height:1.8}
.home-start{padding-top:124px;padding-bottom:124px}
.home-start-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.home-route-card{display:flex;min-height:390px;flex-direction:column;align-items:flex-start;padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#0d1010;color:var(--white);text-decoration:none}
.home-route-card:hover{background:#141a16}
.home-route-card span,.guide-grid span{color:var(--lime);font:800 14px/1 var(--display);letter-spacing:.1em}
.home-route-card h3{margin:50px 0 14px;font:900 48px/.98 var(--display);letter-spacing:-.03em}
.home-route-card p{margin:0;max-width:260px;color:#aeb6b3;font-size:13px;line-height:1.8}
.home-route-card b{margin-top:auto;padding-top:34px;color:var(--lime);font:800 15px/1 var(--display);letter-spacing:.08em}
.care-loop{background:#111414;padding:120px 0}
.split-heading{margin-bottom:50px}
.care-loop-grid{display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:0;border-top:1px solid var(--line);border-left:1px solid var(--line);list-style:none}
.care-loop-grid li{min-height:228px;padding:27px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.care-loop-grid span{color:var(--lime);font:800 20px/1 var(--display)}
.care-loop-grid strong{display:block;margin:38px 0 10px;font:900 36px/1 var(--display);letter-spacing:.01em}
.care-loop-grid p{margin:0;color:#aeb6b3;font-size:13px;line-height:1.75}
.home-community{background:#111414}
.home-partner{padding:128px 0}
.home-products{background:#0d1010;padding:128px 0}
.home-routine-grid article{min-height:235px}
.home-shop-action{display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line);padding:22px 0}
.home-shop-action p{margin:0;color:#aeb6b3;font-size:13px}
.guide-section{padding-top:128px;padding-bottom:128px}
.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.guide-grid a{display:flex;min-height:300px;flex-direction:column;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#090a0a;color:var(--white);text-decoration:none}
.guide-grid a:hover{background:#111414}
.guide-grid h3{margin:42px 0 10px;font:900 37px/1.06 var(--display);letter-spacing:-.02em}
.guide-grid p{margin:0;color:#aeb6b3;font-size:13px;line-height:1.8}
.guide-grid b{margin-top:auto;padding-top:28px;color:var(--lime);font:800 15px/1 var(--display);letter-spacing:.08em}
@media(max-width:900px){.site-section-heading{grid-template-columns:1fr;gap:22px}.home-start,.guide-section{padding-top:90px;padding-bottom:90px}.home-start-grid,.guide-grid{grid-template-columns:1fr}.home-route-card,.guide-grid a{min-height:260px}.home-route-card h3{margin-top:34px}.care-loop,.home-partner,.home-products{padding:90px 0}.care-loop-grid{grid-template-columns:repeat(2,1fr)}.home-shop-action{align-items:flex-start;flex-direction:column}.home-shop-action .button{width:auto}.home-hero{min-height:690px}}
@media(max-width:520px){.site-section-heading h2{font-size:54px}.home-route-card{min-height:230px;padding:24px}.home-route-card h3{font-size:42px}.care-loop-grid{grid-template-columns:1fr}.care-loop-grid li{min-height:190px}.care-loop-grid strong{margin-top:28px}.guide-grid h3{font-size:34px}.home-shop-action .button{width:100%}.home-hero .hero-inline-link{margin-top:14px}}