.hero{min-height:560px;padding:calc(var(--header-h) + 32px) 0 72px;color:#fff;isolation:isolate;place-items:center;display:grid;position:relative;overflow:visible}.hero-photo{z-index:-1;background:#2f3d2a linear-gradient(#1f2a1c,#3d5034);position:absolute;inset:0;overflow:hidden}.hero-photo img{object-fit:cover;object-position:50% 60%;width:100%;height:100%}.hero-photo:after{content:"";background:linear-gradient(#0a100999 0%,#0a100966 35%,#0a100973 70%,#0a1009a6 100%);position:absolute;inset:0}.hero-inner{z-index:2;width:min(100% - 2 * var(--gutter), 760px);text-align:center;margin-inline:auto;position:relative}.hero h1{letter-spacing:-.03em;color:#fff;text-shadow:0 2px 24px #00000040;font-size:36px;font-weight:600;line-height:1.18}.hero-credit{z-index:2;color:#ffffffd9;font-size:12px;position:absolute;bottom:10px;right:12px}.hero-lead{color:#fff;text-shadow:0 1px 12px #00000059;margin-top:12px;font-size:16px;line-height:1.5}.hero-search{text-align:left;margin-top:24px;position:relative}.hero-field{border-radius:var(--r-pill);background:#fff;border:0;align-items:center;gap:12px;height:60px;padding:6px 6px 6px 22px;display:flex;box-shadow:0 12px 32px -12px #00000073}.hero-field:focus-within{outline-offset:3px;outline:3px solid #fff}.hero-field>svg{color:var(--c-ink);flex-shrink:0}.hero-field input{min-width:0;height:100%;color:var(--c-ink);background:0 0;border:0;outline:0;flex:1;font-size:17px;font-weight:400}.hero-field input::placeholder{color:#5b6459}.hero-field input::-webkit-search-cancel-button{display:none}.hero-field button{border-radius:var(--r-pill);background:var(--c-ink);color:#fff;border:0;flex-shrink:0;height:100%;padding:0 22px;font-size:16px;font-weight:600}.hero-field button:hover{background:var(--c-brand)}.hero-list{z-index:20;border-radius:var(--r-3);color:var(--c-ink);background:#fff;max-height:min(60vh,420px);margin:0;padding:8px;list-style:none;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 16px 40px -12px #00000059}.hero-list a{border-radius:var(--r-2);grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:12px;padding:10px 12px;display:grid}.hero-list [aria-selected=true] a,.hero-list a:hover{background:var(--c-soft)}.hero-list .kind{border-radius:var(--r-pill);color:var(--c-ink-2);background:var(--c-soft);grid-row:span 2;align-self:start;margin-top:2px;padding:0 9px;font-size:12px;font-weight:600;line-height:1.8}.hero-list .kind-place{background:var(--c-brand);color:#fff}.hero-list strong{font-size:16px;font-weight:600;line-height:1.4}.hero-list small{color:var(--c-ink-2);font-size:13px;line-height:1.4}.hero-none{color:var(--c-ink-2);padding:12px;font-size:14px}.hero-quick{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:18px;font-size:15px;display:flex}.hero-quick span{display:none}.hero-quick a{border-radius:var(--r-pill);min-height:44px;color:var(--c-ink);background:#fff;align-items:center;gap:6px;padding:0 20px;font-weight:500;display:inline-flex;box-shadow:0 4px 14px -6px #00000059}.hero-quick a:hover{background:var(--c-soft)}.home-section{margin-top:56px}.rail-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.rail-head h2{letter-spacing:-.02em;font-size:24px;font-weight:600;line-height:1.3}.rail-tools{align-items:center;gap:8px;display:flex}.rail-tools .text-link{margin-right:4px}.rail-btn{border:1px solid var(--c-line-strong);border-radius:var(--r-pill);width:40px;height:40px;color:var(--c-ink);background:#fff;place-items:center;display:none}.rail-btn.prev svg{rotate:180deg}.rail-btn:hover:not(:disabled){background:var(--c-soft)}.rail-btn:disabled{opacity:.35}.rail.is-static .rail-btn{display:none!important}.card-rail{margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter) 6px;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none;grid-auto-columns:74%;grid-auto-flow:column;gap:16px;list-style:none;display:grid;overflow-x:auto}.card-rail::-webkit-scrollbar{display:none}.cards-wide{grid-auto-columns:84%}@media (width<=899.98px){.card-rail:has(>li:only-child){grid-auto-columns:100%}}@media (width<=639.98px){.card-rail.rail-phone-list,.card-rail.rail-phone-grid{scroll-snap-type:none;grid-auto-flow:row;margin:0;padding:0;overflow:visible}.rail-phone-list{border-top:1px solid var(--c-line);grid-template-columns:minmax(0,1fr);gap:0}.rail-phone-list>li:nth-child(n+7){display:none}.rail-phone-list>li{border-bottom:1px solid var(--c-line)}.rail-phone-list .entry-card>a{grid-template-columns:104px minmax(0,1fr);grid-auto-rows:min-content;align-content:start;column-gap:14px;padding:14px 0;display:grid}.rail-phone-list .entry-photo{aspect-ratio:1;border-radius:var(--r-2);grid-row:1/span 4;width:104px}.rail-phone-list .entry-photo .entry-p{width:32px;height:32px;font-size:16px}.rail-phone-list .entry-badge{display:none}.rail-phone-list .entry-card h3{margin-top:0}.rail-phone-list .entry-sub{-webkit-line-clamp:1}.rail-phone-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.rail-phone-grid>li:not(.entry-more):nth-child(n+5){display:none}.rail-phone-grid>li.entry-more,.rail-phone-grid>li:only-child{grid-column:1/-1}.rail-phone-grid .entry-more>a{padding:20px}}.guide-grid{gap:0;display:grid}.popular-list{border-top:1px solid var(--c-line);gap:0 32px;margin:0;padding:0;list-style:none;display:grid}.popular-list a{border-bottom:1px solid var(--c-line);align-items:center;gap:14px;padding:12px 0;font-size:16px;font-weight:500;display:flex}.popular-list .rank{border-radius:var(--r-pill);background:var(--c-ink);color:#fff;font-variant-numeric:tabular-nums;place-items:center;width:28px;height:28px;font-size:13px;font-weight:600;display:grid}.popular-source{color:var(--c-ink-3);margin-top:8px;font-size:13px}.feature{align-items:center;gap:28px;margin-top:80px;display:grid}.feature h2{letter-spacing:-.03em;font-size:32px;font-weight:600;line-height:1.2}.feature-text p{color:var(--c-ink-2);max-width:36em;margin-top:16px;font-size:17px;line-height:1.7}.feature-text .button{margin-top:24px}.feature-photo{border-radius:var(--r-3);aspect-ratio:4/3;display:block;position:relative;overflow:hidden}.feature-photo img{object-fit:cover;width:100%;height:100%}.feature-tag{border-radius:var(--r-pill);color:var(--c-ink);background:#ffffffeb;padding:4px 12px;font-size:13px;font-weight:600;position:absolute;bottom:14px;left:14px}.place-keywords h2,.browse h2{margin-bottom:10px;font-size:18px;font-weight:600}.keyword-links{flex-wrap:wrap;gap:0 20px;margin:0;padding:0;list-style:none;display:flex}.keyword-links a{color:var(--c-ink-2);padding:6px 0;font-size:14px;line-height:1.5;display:inline-block}.keyword-links a:hover{color:var(--c-ink);text-underline-offset:3px;text-decoration:underline}main .browse{border-top:1px solid var(--c-line);margin-top:80px;padding-top:40px}@media (width>=640px){.card-rail{grid-auto-columns:44%}.cards-wide{grid-auto-columns:46%}.popular-list{grid-template-columns:1fr 1fr}}@media (width>=900px){.hero{min-height:640px;padding-bottom:96px}.hero h1{font-size:60px;line-height:1.1}.hero-lead{font-size:19px}.hero-search{margin-top:36px}.hero-field{height:72px;padding-left:28px}.hero-field input{font-size:19px}.hero-field button{padding:0 30px;font-size:17px}.home-section{margin-top:72px}.rail-head h2{font-size:28px}.rail-btn{display:grid}.card-rail{grid-auto-columns:calc(25% - 15px);gap:20px;margin:0;padding:0 0 6px;scroll-padding-inline:0}.cards-wide{grid-auto-columns:calc(33.3333% - 13.3333px)}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px}.feature{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:64px;margin-top:112px}.feature h2{font-size:48px}}@media (width>=1200px){.hero h1{font-size:68px}}.rank-block .section-head h2{font-size:18px;font-weight:600}.rank-links{gap:8px;margin:0;padding:0;list-style:none;display:grid}.rank-links a{border-radius:var(--r-2);background:var(--c-soft);min-height:52px;color:var(--c-ink);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.rank-links a:hover{background:var(--c-soft-2)}.rank-links a:hover strong{text-underline-offset:3px;text-decoration:underline}.rank-links strong{font-size:15px;font-weight:600}.rank-links span{color:var(--c-ink-2);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:13px}@media (width>=640px){.rank-links{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1200px){.rank-links{grid-template-columns:repeat(4,minmax(0,1fr))}}
