.catalog-hero .intro-main{display:grid;grid-template-columns:1.2fr 1fr;gap:7%;width:100%;max-width:none;align-items:center}
.catalog-hero h1{font-size:clamp(38px,5vw,72px);line-height:1.3}.catalog-hero .intro-copy{font-size:16px;line-height:1.9;margin-top:24px;max-width:520px}
.catalog-art{position:relative;display:grid;place-items:center;min-height:330px;isolation:isolate}
.catalog-art:before,.catalog-art:after{content:"";position:absolute;width:78%;height:72%;border-radius:20px;z-index:-1}.catalog-art:before{background:#aeba9a;transform:rotate(-12deg) translate(-15px,-18px)}.catalog-art:after{background:#dcc6df;transform:rotate(9deg) translate(18px,10px)}
.catalog-folder{width:85%;background:#f5edda;color:#273327;border-radius:16px;padding:40px 30px;transform:rotate(-2deg);box-shadow:0 20px 65px #0003}.catalog-folder span{font-size:11px;letter-spacing:3px}.catalog-folder strong{display:block;font-size:clamp(42px,5vw,70px);letter-spacing:-3px;margin:30px 0}.catalog-folder p{font-size:14px;margin:0}
.catalog-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:36px}.catalog-heading h2{margin-bottom:0}.catalog-heading>p{font-size:13px;color:#687460;white-space:nowrap}
.tool-list{display:grid;gap:25px}.tool-card{display:grid;grid-template-columns:0.85fr 1.15fr;background:#fff;border:1px solid #d9ddcf;border-radius:16px;overflow:hidden}
.tool-cover{display:flex;align-items:center;justify-content:center;background:#f9efdc;min-height:300px;padding:38px}.tool-cover img{width:min(230px,75%);height:auto;transition:transform .2s}.tool-cover:hover img{transform:rotate(-5deg)}
.tool-summary{padding:38px}.tool-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:11px;color:#617058}.tool-meta span{background:#eff3e9;border-radius:30px;padding:5px 10px}.tool-summary h3{font-size:36px;font-weight:500;margin:20px 0 10px}.tool-summary p{font-size:15px;line-height:1.9;color:#53634d;max-width:560px}.tool-bottom{display:flex;justify-content:space-between;gap:18px;align-items:center;border-top:1px solid #e2e7dc;padding-top:20px;margin-top:26px}.tool-version{font-size:12px;color:#687460}.tool-details-link{background:#29392c;color:#fff;border-radius:6px;padding:14px 18px;display:inline-flex;gap:20px;min-height:46px;align-items:center;font-size:13px}.tool-details-link span{color:#c4f46d}
.catalog-footnote{font-size:13px;color:#687460;margin:28px 0 0}.detail-breadcrumb{max-width:1268px;margin:0 auto;padding:28px 5% 0;font-size:13px;display:flex;gap:14px;align-items:center;color:#687460}.detail-breadcrumb a{text-decoration:underline;text-underline-offset:4px}.tool-cover:focus-visible,.tool-details-link:focus-visible{outline:3px solid #789165;outline-offset:-3px}
@media(max-width:760px){.catalog-hero .intro-main{grid-template-columns:1fr;gap:24px;padding:24px 0}.catalog-art{min-height:200px;max-width:330px;width:100%;justify-self:center}.catalog-folder{padding:22px}.catalog-folder strong{font-size:40px;margin:20px 0}.catalog-hero h1{font-size:36px}.catalog-hero .intro-copy{font-size:13px;margin-top:16px}.catalog-heading{display:block}.tool-card{grid-template-columns:1fr}.tool-cover{min-height:220px;padding:25px}.tool-cover img{max-width:150px}.tool-summary{padding:26px}.tool-summary h3{font-size:30px}.tool-bottom{flex-wrap:wrap}.catalog-hero .issue{display:none}}
@media(prefers-reduced-motion:reduce){.tool-cover img{transition:none}.tool-cover:hover img{transform:none}}