.directory-main{background:var(--rt-paper)}
.directory-intro{width:min(1180px,calc(100% - clamp(44px,10vw,148px)));margin:0 auto;padding:clamp(64px,9vw,104px) 0 clamp(48px,7vw,72px)}
.directory-eyebrow{margin:0 0 16px;color:var(--rt-green-deep);font-size:.76rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.directory-intro h1{max-width:15ch;margin:0;font-family:var(--rt-font-display);font-size:clamp(2.05rem,3.9vw,3.3rem);line-height:1.08;letter-spacing:-.015em;text-wrap:balance}
.directory-intro>p:last-child{max-width:58ch;margin:22px 0 0;color:var(--rt-ink-soft);font-size:clamp(1rem,1.35vw,1.16rem);font-weight:500;line-height:1.62}
.directory-product{padding:0 clamp(22px,5vw,74px) clamp(44px,6vw,64px)}
.directory-product-inner{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(440px,1.22fr);width:min(1180px,100%);height:520px;margin:0 auto;overflow:hidden;border:1px solid var(--rt-line);border-radius:20px;background:rgba(255,255,255,.32);box-shadow:0 20px 58px rgba(22,26,23,.07)}
.directory-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(34px,4vw,52px)}
.directory-copy h2{margin:22px 0 14px;font-family:var(--rt-font-display);font-size:clamp(2rem,3.5vw,3rem);line-height:1.06;letter-spacing:-.012em}
.directory-copy>p:not(.directory-platforms){max-width:42ch;margin:0;color:var(--rt-ink-soft);font-size:1rem;font-weight:500;line-height:1.62}
.directory-platforms{margin:20px 0 0;color:var(--rt-ink-faint);font-size:.84rem;font-weight:600;letter-spacing:.04em}
.directory-copy .rt-btn{min-width:0;margin-top:24px}
.directory-media{display:flex;align-items:center;padding:clamp(22px,3vw,36px);background:rgba(255,255,255,.34)}
.directory-media img{display:block;width:100%;height:auto;max-height:430px;object-fit:contain;border-radius:10px;box-shadow:0 16px 40px rgba(17,18,22,.14)}
.directory-product-alt .directory-media{background:linear-gradient(135deg,rgba(7,141,152,.08),rgba(23,55,99,.1))}
.directory-photo-badge .rt-badge-dot{background:#078d98;box-shadow:0 0 0 3px rgba(7,141,152,.18)}
.directory-photo-button::after{background:linear-gradient(100deg,#078d98,#173763)}
.directory-product-automockup .directory-media{background:linear-gradient(135deg,rgba(56,79,190,.09),rgba(154,79,186,.1))}
.directory-automockup-badge .rt-badge-dot{background:#596bc5;box-shadow:0 0 0 3px rgba(89,107,197,.18)}
.directory-automockup-button::after{background:linear-gradient(100deg,#384fbe,#9a4fba)}
@media(max-width:820px){.directory-product-inner{grid-template-columns:1fr;height:auto}.directory-media{padding:0 28px 32px;background:transparent}}
@media(max-width:640px){.directory-intro{width:calc(100% - 36px);padding:48px 0 38px}.directory-intro h1{font-size:2.15rem}.directory-intro>p:last-child{margin-top:16px;font-size:.98rem}.directory-product{padding:0 16px 20px}.directory-product-inner{border-radius:14px}.directory-copy{padding:26px 22px 22px}.directory-copy h2{margin:18px 0 12px;font-size:2rem}.directory-copy>p:not(.directory-platforms){font-size:.94rem}.directory-copy .rt-btn{width:100%;min-height:46px;padding:0 16px;font-size:.88rem}.directory-media{padding:0 12px 12px}.directory-media img{border-radius:7px}}