.tool-hero{position:relative;overflow:hidden;padding:0 5% 90px;background:radial-gradient(ellipse at 50% 85%,#31241050,transparent 65%)}.tool-hero .hero-heading{padding-top:clamp(140px,12vw,190px)}.tool-hero h1{font:900 clamp(75px,13.5vw,210px)/1.08 var(--song);letter-spacing:.025em;background:linear-gradient(170deg,#efe3c7 12%,#d0b47e 70%,#ac8545);background-clip:text;-webkit-background-clip:text;color:transparent}.tool-intro{font-size:14px;color:#aaa091;letter-spacing:.12em;margin-top:30px}.category-links{position:relative;display:flex;justify-content:center;gap:35px;margin-top:48px}.category-links a{border-bottom:1px solid #78623c;padding:12px 8px;font-size:13px;color:#c2aa7f}.category-links span{margin-left:35px}.orbit{position:absolute;left:-15%;top:45%;width:130%;height:65%;border:1px solid #ac8b4933;border-radius:50%;transform:rotate(-9deg);animation:orbit-drift 12s ease-in-out infinite;pointer-events:none}.orbit:after{content:'';position:absolute;inset:16px -10px;border:1px solid #ac8b4920;border-radius:50%;transform:rotate(12deg)}@keyframes orbit-drift{50%{transform:rotate(1deg) translateY(12px)}}.tool-section{padding:70px 0 90px;scroll-margin-top:30px}.tool-section-head{display:flex;align-items:end;justify-content:space-between;padding:0 0 40px;border-top:1px solid #56472d;padding-top:30px}.tool-section-head h2{font-size:clamp(36px,4vw,62px)}.tool-section-head .eyebrow{font-size:11px;letter-spacing:.22em;margin-bottom:12px}.tool-total{font:12px var(--roman);letter-spacing:.16em;color:#9c8965}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.tool-card{display:flex;flex-direction:column;min-height:275px;padding:28px 30px;background:linear-gradient(135deg,#1b1a17,#111110);border:1px solid #ffffff13;border-radius:5px;transition:transform .35s,border-color .35s,background .35s}.tool-card:hover{transform:translateY(-5px);border-color:#b5985d88;background:linear-gradient(135deg,#29241a,#151410)}.card-top{display:flex;justify-content:space-between;color:#a78e60}.tool-index{font:italic 15px var(--roman)}.out-arrow{font-size:21px;line-height:1}.tool-card h3{font:600 clamp(23px,2vw,30px)/1.4 var(--body);color:#eee4cf;margin:20px 0 12px;overflow-wrap:anywhere}.tool-card p{font-size:13px;color:#9e9b94;line-height:1.85}.card-link{display:flex;justify-content:space-between;margin-top:auto;padding-top:26px;color:#bda477;font-size:11px;letter-spacing:.1em}.card-link>span{opacity:0;transition:opacity .3s}.tool-card:hover .card-link>span{opacity:1}.paused .orbit{animation-play-state:paused}
@media(max-width:1000px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.tool-hero{padding-bottom:55px}.tool-hero h1{font-size:17vw}.tool-intro{font-size:12px;letter-spacing:.04em}.category-links{gap:22px;margin-top:32px}.category-links span{margin-left:18px}.tool-section{padding:35px 0 50px}.tool-section-head{padding-bottom:25px}.tool-grid{gap:12px}.tool-card{padding:20px 16px;min-height:265px}.tool-card h3{font-size:21px}.tool-card p{font-size:12px}.tool-total{font-size:10px}.closing-manifesto h2{font-size:clamp(32px,8.5vw,58px)}}
@media(max-width:360px){.tool-grid{grid-template-columns:1fr}.tool-card{min-height:220px}}
@media(prefers-reduced-motion:reduce){.orbit{animation:none}.tool-card{transition:none}}