.guide-index{--guide-radius:8px;--guide-green:#627533;--guide-action:#b95000;--guide-action-hover:#963e00;--guide-peach:#faead6;background:var(--surface-white)}.store-links a[aria-current=page]{color:var(--orange-ink);box-shadow:0 2px var(--orange)}.guide-index-hero{isolation:isolate;background:var(--surface-warm);position:relative;overflow:hidden}.guide-index-visual{z-index:-1;width:min(60vw,900px);position:absolute;inset:0 max(0px,50% - 720px) 0 auto}.guide-index-visual img{object-fit:cover;object-position:center;width:100%;height:100%}.guide-index-visual:after{content:"";background:linear-gradient(90deg, var(--surface-warm) 0%, #faf6f0fa 28%, #faf6f0d1 40%, transparent 64%);position:absolute;inset:0}.guide-index-hero-inner{align-items:center;min-height:420px;padding-block:28px 36px;display:flex;position:relative}.guide-index-copy{width:52%;max-width:568px}.guide-index-copy .crumbs{margin-bottom:24px;font-size:13px}.guide-index h1{letter-spacing:-.035em;margin-top:16px;font-size:clamp(36px,3.8vw,50px);line-height:1.07}.guide-index-intro{max-width:500px;color:var(--text-secondary);margin-top:16px;font-size:16px;line-height:1.7}.guide-benefits{flex-wrap:wrap;gap:16px 24px;margin-top:28px;padding:0;list-style:none;display:flex}.guide-benefits li{color:var(--guide-green);align-items:center;gap:10px;font-size:11px;font-weight:700;display:flex}.guide-benefits svg{flex-shrink:0}.guide-handwriting-hero{width:140px;font-size:clamp(28px,2.6vw,38px);position:absolute;top:40px;right:20px;transform:rotate(-9deg)}.guide-hero-rays{width:56px;height:48px;color:var(--guide-green);position:absolute;bottom:24px;right:22%;transform:rotate(30deg)}.guide-index-section{padding-block:24px 64px}.guide-filters{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.guide-filter{border:1px solid var(--border-cool);background:var(--surface-white);min-height:44px;color:var(--navy);cursor:pointer;border-radius:999px;padding:10px 24px;font-size:12px;font-weight:700;transition:color .18s,border-color .18s,background .18s}.guide-filter:hover{background:var(--surface-warm);border-color:var(--navy)}.guide-filter[aria-pressed=true]{color:var(--white);background:var(--guide-action);border-color:var(--guide-action)}.guide-cards{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:24px;display:grid}.guide-card{border:1px solid var(--border-default);border-radius:var(--guide-radius);background:var(--surface-white);flex-direction:column;min-width:0;transition:box-shadow .2s,border-color .2s;display:flex;overflow:hidden}.guide-card:hover{border-color:#baa78f;box-shadow:0 8px 24px #10233412}.guide-card-media{aspect-ratio:16/9;background:var(--surface-warm);flex-shrink:0;display:block;position:relative;overflow:hidden}.guide-card-media img{object-fit:cover;width:100%;height:100%;transition:transform .25s}.guide-card-media:hover img{transform:scale(1.025)}.guide-card-content{flex:1;min-width:0;padding:24px;display:flex}.guide-card-editorial{flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex}.guide-card-meta{color:var(--orange-ink);letter-spacing:.035em;text-transform:uppercase;font-size:10px;font-weight:800;line-height:1.6}.guide-card h2{letter-spacing:-.025em;margin-top:10px;font-size:clamp(22px,2vw,26px);line-height:1.17}.guide-card h2 a:hover{color:var(--orange-ink)}.guide-card-editorial>p{color:var(--text-secondary);margin-top:12px;margin-bottom:20px;font-size:14px;line-height:1.65}.guide-read-link{border-radius:var(--guide-radius);min-height:44px;margin-top:auto;padding-inline:20px;font-size:13px}.guide-read-primary{color:var(--white);background:var(--guide-action)}.guide-read-primary:hover{background:var(--guide-action-hover)}.guide-read-link svg{flex-shrink:0}.guide-card-featured{grid-column:1/-1;grid-template-columns:minmax(0,.44fr) minmax(0,.56fr);display:grid;box-shadow:0 4px 20px #1023340a}.guide-card-featured .guide-card-media{aspect-ratio:auto;width:100%;min-width:0;height:100%}.guide-card-featured .guide-card-content{align-items:center;gap:20px;padding:28px 32px}.guide-card-featured h2{max-width:440px;font-size:clamp(26px,2.5vw,34px)}.guide-card-featured .guide-card-editorial>p{max-width:440px}.guide-featured-badge{border-radius:var(--guide-radius);color:var(--white);background:#526426;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:700;display:flex;position:absolute;top:16px;left:16px}.guide-handwriting-featured{width:120px;margin-top:40px;font-size:29px;transform:rotate(-10deg)}.guide-brush{width:152px;height:160px;color:var(--guide-peach);position:absolute;top:-32px;left:-16px;transform:rotate(8deg)}.guide-note-rays{z-index:1;width:48px;height:40px;color:var(--guide-green);margin:8px 0 -24px auto;display:block;position:relative}.guide-index [hidden]{display:none!important}@media (width>=1700px){.guide-index-visual img{object-position:center 58%}.guide-index-hero-inner{min-height:440px}}@media (width<=1120px){.guide-handwriting-hero{width:108px;font-size:29px;right:16px}.guide-card-featured .guide-card-content{gap:12px;padding:24px}.guide-handwriting-featured{width:92px;font-size:25px}.guide-brush{width:120px;height:132px;top:-24px;left:-14px}}@media (width<=1000px){.guide-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-card-featured{grid-template-columns:minmax(0,.45fr) minmax(0,.55fr)}.guide-card-featured h2{font-size:27px}.guide-card-featured .guide-card-content{flex-direction:column;align-items:stretch}.guide-handwriting-featured{align-self:flex-end;width:92px;margin:-40px 0 12px}.guide-card-featured .guide-read-link{margin-right:112px}}@media (width<=900px){.guide-index-visual{width:100%;height:clamp(210px,40vw,330px);position:relative;inset:auto}.guide-index-visual img{object-position:center 55%}.guide-index-visual:after{background:linear-gradient(0deg, var(--surface-warm), transparent 28%)}.guide-index-hero-inner{min-height:0;padding-block:12px 32px;display:block}.guide-index-copy{width:100%;max-width:640px}.guide-index-copy .crumbs{margin-bottom:20px}.guide-index h1{max-width:600px;font-size:clamp(34px,5.3vw,44px)}.guide-index-intro{max-width:620px}.guide-handwriting-hero{top:clamp(-290px,-34vw,-182px);right:var(--content-pad);width:96px;font-size:28px}.guide-hero-rays{width:44px;top:-56px;bottom:auto;right:25%}}@media (width<=760px){.guide-card-featured{grid-template-columns:1fr}.guide-card-featured .guide-card-media{aspect-ratio:16/8;height:auto}.guide-card-featured .guide-card-content{flex-direction:row;gap:24px;padding:24px}.guide-card-featured .guide-read-link{margin-right:0}.guide-handwriting-featured{align-self:center;width:100px;margin:24px 0}}@media (width<=640px){.guide-index .container{--content-pad:20px}.guide-index-section{padding-block:20px 48px}.guide-index h1{font-size:clamp(32px,8.7vw,40px)}.guide-index-intro{font-size:15px}.guide-benefits{gap:16px;margin-top:24px}.guide-benefits li{gap:8px;font-size:10px}.guide-handwriting-hero{width:76px;font-size:24px;right:16px}.guide-handwriting-hero .guide-note-heart{width:28px;height:28px}.guide-filters{gap:8px;margin-bottom:20px}.guide-filter{padding:10px 16px;font-size:11px}.guide-cards{grid-template-columns:1fr;gap:20px}.guide-card-content{padding:20px}.guide-card h2{font-size:25px}.guide-card-featured .guide-card-content{grid-template-columns:minmax(0,1fr) 104px;gap:12px;padding:20px;display:grid}.guide-card-featured .guide-card-editorial{display:contents}.guide-card-featured .guide-card-meta,.guide-card-featured h2,.guide-card-featured .guide-card-editorial>p{grid-column:1/-1}.guide-card-featured .guide-read-link{grid-area:4/1;place-self:center start;margin:0;padding-inline:12px;font-size:12px}.guide-card-featured h2{font-size:26px}.guide-handwriting-featured{grid-area:4/2;width:80px;margin:24px 0;font-size:23px}.guide-brush{width:108px;height:128px}.guide-featured-badge{font-size:11px;top:12px;left:12px}}@media (width<=374px){.guide-index .container{--content-pad:16px}}@media (prefers-reduced-motion:reduce){.guide-card,.guide-card-media img,.guide-filter,.guide-read-link{transition:none}.guide-card-media:hover img{transform:none}}