.page-guides{background:radial-gradient(circle at 12% 10%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 20rem),radial-gradient(circle at 88% 6%,color-mix(in srgb,var(--accent-cool) 16%,transparent),transparent 24rem),linear-gradient(180deg,#fbfaf7,#f7f6f0 40%,#f3f1e8)}.page-guides:before{opacity:.26;background-size:86px 86px;mask-image:linear-gradient(180deg,black 0%,rgba(0,0,0,.8) 46%,transparent 92%)}.page-guides h1,.page-guides h2,.page-guides h3,.page-guides h4{font-family:var(--font-display)}.guides-stage{padding:clamp(2.75rem,5vw,4.5rem) 0 clamp(1.8rem,3vw,2.4rem);overflow:clip}.guides-stage__grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(24rem,1.14fr);gap:clamp(2rem,4vw,4rem);align-items:center}.guides-stage__copy h1{max-width:12.5ch;font-size:clamp(3.6rem,5.2vw,5.4rem);line-height:.91;letter-spacing:-.075em}.guides-stage__copy .lede{max-width:36rem;margin-top:1.1rem;font-size:1.05rem;color:var(--ink-soft)}.guides-stage__board{position:relative;display:flex;justify-content:flex-end}.guides-stage__board-shell{position:relative;width:min(100%,46rem);padding:clamp(1.15rem,2.4vw,1.55rem);border:1px solid rgba(17,24,33,.1);border-radius:32px;background:linear-gradient(135deg,#ffffffe0,#ffffffa8),linear-gradient(180deg,#b9ee7314,#fff0);box-shadow:0 28px 72px #1118211a;backdrop-filter:blur(18px);overflow:hidden}.guides-stage__board-shell:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(17,24,33,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(17,24,33,.05) 1px,transparent 1px);background-size:78px 78px;mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 96%);opacity:.55;pointer-events:none}.guides-stage__board-shell:after{content:"";position:absolute;top:0;bottom:0;left:-18%;width:22%;background:linear-gradient(90deg,transparent,rgba(185,238,115,.16),rgba(255,255,255,.28),transparent);transform:skew(-18deg);animation:guides-board-scan 9.5s linear infinite;pointer-events:none}.guides-stage__board-head{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;color:var(--ink-soft);font-size:.76rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase}.guides-stage__board-strap{position:relative;z-index:1;display:inline-flex;margin-top:.8rem;padding:.48rem .85rem;border-radius:999px;background:#ffffffc2;border:1px solid rgba(17,24,33,.08);color:var(--ink);font-size:.92rem;font-weight:600}.guides-stage__lanes{position:relative;z-index:1;display:grid;gap:.7rem;margin-top:.9rem}.guides-stage__lane{display:grid;grid-template-columns:8.5rem minmax(0,1fr);gap:.8rem;align-items:start;padding:.8rem .9rem;border:1px solid rgba(17,24,33,.08);border-radius:26px;background:#ffffff8f}.guides-stage__lane--1{transform:rotate(-.45deg)}.guides-stage__lane--2{transform:rotate(.38deg)}.guides-stage__lane--3{transform:rotate(-.28deg)}.guides-stage__lane-rail{display:grid;gap:.35rem}.guides-stage__lane-rail span{color:var(--ink-soft);font-family:"Instrument Serif",serif;font-size:clamp(1.8rem,3vw,2.6rem);line-height:.8}.guides-stage__lane-rail p{margin:0;font-size:.82rem;font-weight:700;line-height:1.2}.guides-stage__lane-body{display:grid;gap:.6rem}.guides-stage__lane-body strong{max-width:28ch;font-size:.94rem;line-height:1.35}.guides-stage__lane-titles{display:flex;flex-wrap:wrap;gap:.42rem}.guides-stage__lane-titles span{display:inline-flex;align-items:center;min-height:1.8rem;padding:.26rem .62rem;border-radius:999px;background:#ffffffd1;border:1px solid rgba(17,24,33,.08);color:var(--ink-soft);font-size:.76rem}.guides-stage__tape{width:110%;margin:clamp(1rem,2.4vw,1.5rem) 0 0 -5%;border-top:1px solid rgba(17,24,33,.08);border-bottom:1px solid rgba(17,24,33,.08);background:linear-gradient(90deg,#ffffff7a,#ffffff2e);transform:rotate(-1.35deg);overflow:hidden}.guides-stage__tape-track{display:flex;align-items:center;gap:2.25rem;width:max-content;padding:.66rem 0;animation:tape-drift 22s linear infinite;will-change:transform}.guides-stage__tape-track span{position:relative;padding-left:1.2rem;color:var(--ink);font-size:.82rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}.guides-stage__tape-track span:before{content:"";position:absolute;left:0;top:50%;width:.48rem;height:.48rem;border-radius:50%;background:var(--accent);transform:translateY(-50%)}.guide-categories{padding:clamp(1rem,2vw,1.5rem) 0 clamp(2rem,4vw,3rem);scroll-margin-top:6rem}.guide-categories__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.guide-category{padding:1.2rem 1.25rem;border:1px solid rgba(17,24,33,.08);border-radius:24px;background:#ffffff8f;backdrop-filter:blur(12px)}.guide-category p:last-child{margin:0;color:var(--ink-soft)}.guide-manifest{padding:clamp(2.2rem,4vw,3rem) 0 clamp(5rem,8vw,7rem);scroll-margin-top:6rem}.guide-manifest__stack{display:grid;gap:1.4rem}.guide-manifest__heading{align-items:end}.guide-manifest__list{display:grid;gap:0}.guide-row{position:relative;display:grid;grid-template-columns:5rem minmax(0,1fr) minmax(14rem,.42fr);gap:1.8rem;align-items:start;padding:1.9rem 0;border-top:1px solid rgba(17,24,33,.1);transition:transform .22s ease,background-color .22s ease}.guide-row:last-child{border-bottom:1px solid rgba(17,24,33,.1)}.guide-row:nth-child(2n){padding-left:clamp(0rem,3vw,2.2rem)}.guide-row:after{content:"";position:absolute;left:0;top:1.1rem;width:.22rem;height:calc(100% - 2.2rem);border-radius:999px;background:linear-gradient(180deg,#b9ee73bf,#efa76e8c);opacity:0;transform:scaleY(.4);transform-origin:top;transition:opacity .22s var(--ease-out-quart),transform .22s var(--ease-out-quart)}.guide-row:hover,.guide-row:focus-within{transform:translate(.35rem);background:linear-gradient(90deg,#ffffff9e,#fff0)}.guide-row:hover:after,.guide-row:focus-within:after{opacity:1;transform:scaleY(1)}.guide-row__index{color:var(--ink);font-family:"Instrument Serif",serif;font-size:clamp(3rem,5vw,4.7rem);line-height:.8;opacity:.88}.guide-row__main{display:grid;gap:.95rem;max-width:48rem}.guide-row__head h3{margin:.32rem 0 0;font-size:clamp(2.25rem,3.5vw,3.8rem);line-height:.9;letter-spacing:-.055em}.guide-row__head h3 a{text-decoration:none}.guide-row__summary{margin:0;color:var(--ink-soft);font-size:1.03rem;line-height:1.64}.guide-row__meta{display:flex;flex-wrap:wrap;gap:.7rem}.guide-row__meta span{display:inline-flex;align-items:baseline;padding:0;color:var(--ink-soft);font-size:.84rem;font-weight:600;letter-spacing:.02em}.guide-row__meta span+span:before{content:"•";margin-right:.7rem;color:color-mix(in srgb,var(--ink-soft) 60%,transparent)}.guide-row__aside{display:grid;gap:1rem;align-content:start;justify-items:start;padding-left:1.35rem;border-left:1px solid rgba(17,24,33,.08)}.guide-row__service{display:grid;gap:.38rem;margin:0;color:var(--ink-soft);font-size:.88rem;line-height:1.45}.guide-row__service:first-line{font-size:.74rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.guide-row__service a{font-weight:700;text-decoration:none}.guide-row__cta{display:inline-flex;align-items:center;gap:.45rem;padding-bottom:.12rem;border-bottom:1px solid rgba(17,24,33,.22);color:var(--ink);font-size:.94rem;font-weight:700;text-decoration:none}.guide-row__cta:after{content:"→";transition:transform .22s var(--ease-out-quart)}.guide-row:hover .guide-row__cta:after,.guide-row:focus-within .guide-row__cta:after{transform:translate(.25rem)}@media(max-width:1080px){.guides-stage__grid,.guide-row{grid-template-columns:1fr}.guides-stage__board{justify-content:flex-start}.guides-stage__board-shell{width:100%}.guide-row:nth-child(2n){padding-left:0}.guide-row__aside{padding-left:0;padding-top:1.2rem;border-left:0;border-top:1px solid rgba(17,24,33,.08)}}@media(max-width:820px){.guide-categories__grid{grid-template-columns:1fr}.guides-stage__copy h1{max-width:11ch;font-size:clamp(2.9rem,12.5vw,3.4rem)}.guides-stage__copy .lede{font-size:1rem}.guides-stage__board,.guides-stage__tape{display:none}.guides-stage__lane{grid-template-columns:1fr}.guides-stage__tape{width:122%;margin-left:-11%}.guide-row__head h3{font-size:clamp(1.7rem,8vw,2.5rem)}.guide-row{gap:1.1rem;padding:1.5rem 0}}@media(prefers-reduced-motion:reduce){.guides-stage__board-shell:after,.guides-stage__tape-track{animation:none!important}}@keyframes guides-board-scan{0%{transform:translate(-120%) skew(-18deg);opacity:0}18%{opacity:.34}48%{opacity:.72}to{transform:translate(410%) skew(-18deg);opacity:0}}
