.home-guide{padding-top:clamp(4rem,5.5vw,5.5rem);padding-bottom:clamp(4rem,5.5vw,5.5rem)}.home-guide>header{margin-bottom:clamp(1.5rem,2.2vw,2.25rem)}.home-guide h2{max-width:680px;font-size:clamp(2.7rem,4.1vw,4.65rem);line-height:.98}.home-guide>header>a{min-height:42px;padding:.72rem 1rem;display:inline-flex;align-items:center;border:1px solid rgba(38,51,46,.38);border-radius:9px;background:#ffffff42;font-size:.74rem;font-weight:500;transition:border-color .18s,background-color .18s,box-shadow .18s,color .18s}.home-guide>header>a:hover,.home-guide>header>a:focus-visible{border-color:var(--sage-dark);background:#ffffff9e;box-shadow:0 8px 24px #26332e1a;color:var(--sage-dark)}.home-guide>header>a:focus-visible{outline:2px solid var(--sage-dark);outline-offset:3px}.home-guide-grid{gap:1rem}.home-guide-grid>a{height:clamp(220px,18vw,260px);border:1px solid rgba(67,90,80,.13);border-radius:22px;box-shadow:0 12px 28px #2d3f3813;transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}.home-guide-grid>a:hover,.home-guide-grid>a:focus-visible{border-color:#c6a15b;outline:none;box-shadow:0 0 0 2px #c6a15bb8,0 18px 38px #644d252e;transform:translateY(-2px)}.home-guide-grid img{height:100%;aspect-ratio:auto}.home-guide-grid span,.home-guide-grid h3{left:1.05rem;right:1.05rem}.home-guide-grid span{bottom:4.9rem}.home-guide-grid h3{bottom:1rem;font-size:clamp(1.2rem,1.55vw,1.42rem)}.guide-hero{margin-top:0;padding-top:0;padding-bottom:clamp(1.1rem,1.8vw,1.75rem);grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:clamp(1.5rem,3.5vw,4rem)}.guide-hero h1{font-size:clamp(2.4rem,3vw,2.7rem);line-height:1;white-space:nowrap}.guide-hero h1 br{display:none}.guide-intro{justify-self:start;width:min(100%,35rem);margin-left:clamp(-2.5rem,-2.5vw,-1rem)}.guide-intro>p{max-width:35rem;margin:0;font-size:clamp(.86rem,1vw,.98rem);line-height:1.55}.guide-principles{margin-top:.8rem;flex-wrap:nowrap;white-space:nowrap}.guide-tools{padding-top:1.4rem;padding-bottom:1.4rem}.guide-listing{padding-top:clamp(2.5rem,4vw,4rem)}.guide-listing>header{margin-bottom:2rem}.category-filters{gap:.55rem;padding-top:1rem}.category-filters button{min-height:44px;padding:.68rem 1rem;border:1px solid rgba(38,51,46,.38);border-radius:5px;background:#faf8f32e;font-size:.65rem;font-weight:400;transition:border-color .18s,background-color .18s,color .18s,box-shadow .18s}.category-filters button:hover,.category-filters button:focus-visible{border-color:var(--sage-dark);background:#faf8f3ad;color:var(--sage-dark);box-shadow:0 5px 16px #26332e14;outline:none}.category-filters button:focus-visible{outline:2px solid var(--sage-dark);outline-offset:2px}.category-filters button[aria-pressed=true]{border-color:var(--sage-dark);background:var(--sage-dark);color:#fff;box-shadow:0 5px 16px #26332e24}.guide-listing .article-grid{gap:clamp(1.1rem,1.7vw,1.55rem)}.guide-listing .guide-card{overflow:hidden;border:1px solid rgba(67,90,80,.16);border-radius:28px;background:linear-gradient(155deg,#ffffffd1,#eff0ede6);box-shadow:0 12px 34px #2d3f3813,0 1px #ffffffbf inset;transition:transform .26s ease,border-color .26s ease,box-shadow .26s ease,background-color .26s ease}.guide-listing .guide-card:hover{transform:translateY(-4px);border-color:#435a5057;box-shadow:0 20px 46px #2d3f3821,0 1px #ffffffd1 inset}.guide-listing .guide-card>a:focus-visible{outline:3px solid var(--sage-dark);outline-offset:-3px;border-radius:28px}.guide-listing .card-art{height:clamp(160px,13vw,190px);border-bottom:1px solid rgba(67,90,80,.1)}.guide-listing .card-art img{filter:saturate(.82) contrast(.96);transition:transform .52s cubic-bezier(.22,.7,.28,1),filter .26s ease}.guide-listing .guide-card:hover .card-art img,.guide-listing .guide-card>a:focus-visible .card-art img{transform:scale(1.045);filter:saturate(.96) contrast(1)}.guide-listing .card-art span{top:1rem;left:1rem;padding:.42rem .55rem;border:1px solid rgba(255,255,255,.48);border-radius:999px;background:#f7f5f0e0;box-shadow:0 4px 14px #26332e14}.guide-listing .card-copy{min-height:255px;padding:clamp(1.15rem,1.55vw,1.4rem)}.guide-listing .card-copy>span{width:max-content;max-width:100%;padding:.38rem .55rem;border-radius:999px;background:#72867b1c;color:var(--sage-dark);font-weight:500}.guide-listing .card-copy h3{color:#24332d;font-size:clamp(1.35rem,1.55vw,1.58rem);transition:color .22s ease,transform .22s ease}.guide-listing .card-copy>p{color:#5d6964;font-size:.72rem;transition:color .22s ease}.guide-listing .card-copy b{width:max-content;padding-bottom:.22rem;border-bottom:1px solid rgba(67,90,80,.42);color:var(--sage-dark);font-weight:500;transition:color .22s ease,border-color .22s ease}.guide-listing .guide-card:hover .card-copy h3,.guide-listing .guide-card>a:focus-visible .card-copy h3{color:var(--sage-dark);transform:translate(3px)}.guide-listing .guide-card:hover .card-copy>p,.guide-listing .guide-card>a:focus-visible .card-copy>p{color:#43544d}.guide-listing .guide-card:hover .card-copy b,.guide-listing .guide-card>a:focus-visible .card-copy b{color:#263f34;border-bottom-color:#263f34}@media(max-width:850px){.home-guide{padding-top:4rem;padding-bottom:4rem}.home-guide>header{gap:1.25rem}.home-guide-grid>a{height:270px}.guide-hero{grid-template-columns:1fr}.guide-intro{width:100%;margin-left:0}.guide-principles{flex-wrap:wrap}.guide-hero h1{white-space:normal}.guide-hero h1 br{display:initial}}@media(max-width:600px){.guide-hero{padding-top:1rem;padding-bottom:1.75rem;gap:1.25rem}.guide-hero h1{font-size:clamp(3.1rem,13vw,4.25rem)}.guide-tools{padding-top:1.35rem;padding-bottom:1.35rem}.category-filters button{min-height:46px;padding:.72rem .9rem}.guide-listing .guide-card{border-radius:22px}.guide-listing .card-art{height:170px}.guide-listing .card-copy{min-height:245px}}@media(max-width:560px){.home-guide h2{font-size:2.75rem}.home-guide-grid>a{height:280px}.home-guide-grid h3{font-size:1.4rem}.home-guide>header>a{min-height:44px}}@media(prefers-reduced-motion:reduce){.home-guide>header>a,.home-guide-grid>a,.category-filters button,.guide-listing .guide-card,.guide-listing .card-art img,.guide-listing .card-copy h3,.guide-listing .card-copy>p,.guide-listing .card-copy b{transition:none}.home-guide-grid>a:hover,.home-guide-grid>a:focus-visible{transform:none}}
