.types-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:65px;align-items:center;padding-block:68px 58px}
.types-hero h1{font-size:clamp(3.5rem,5.8vw,5.8rem);letter-spacing:-.065em;line-height:1.04;margin-block:24px}
.types-lede{font-size:1.0625rem;color:var(--muted);max-width:480px}
.types-hero .text-link{margin-top:24px}
.types-hero-art{position:relative;min-height:370px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 15px 25px}
.types-hero-art>img{width:270px;border:8px solid white;transform:rotate(8deg);border-radius:4px;box-shadow:0 12px 35px #28301b15}
.sender-note{display:flex;gap:14px;align-items:center;position:relative;margin-top:-40px;margin-left:-38px;transform:rotate(-4deg);background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:0 8px 25px #28301b0a}
.sender-note div>span{font-size:.75rem;letter-spacing:.06em;display:block;margin-bottom:7px;color:var(--muted)}
.sender-note strong{font-size:1rem;font-weight:500}.sender-symbol{background:var(--lime);border-radius:50%;width:44px;height:44px;display:grid;place-items:center;font-size:1.6rem;flex-shrink:0}
.types-hero-art>p{font:italic 1rem Georgia,serif;margin-top:23px;transform:rotate(-4deg)}
.type-index{display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:24px}
.type-index a{border:1px solid #c7cebc;border-radius:30px;padding:12px 17px;font-size:.875rem;transition:background .2s}.type-index a:hover{background:var(--lime);border-color:var(--lime)}
.types-catalogue{padding-block:65px 80px}.catalogue-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-bottom:33px}.catalogue-heading h2{font-size:clamp(2.4rem,3.7vw,3.6rem)}.catalogue-heading>p{color:var(--muted);max-width:350px;font-size:.875rem}
.types-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}.type-card{border:1px solid var(--line);border-radius:18px;background:#fff;padding:30px;scroll-margin-top:25px;overflow-wrap:anywhere}.type-card-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:23px}.type-symbol{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font-size:1.8rem;background:var(--tint)}.tone-green{--tint:#e3edc1}.tone-blue{--tint:#dce8ef}.tone-peach{--tint:#f2dfcb}.tone-lilac{--tint:#e6dff1}.type-number{font-size:.75rem;color:var(--muted)}.type-card h3{font-size:2rem;font-weight:500;letter-spacing:-.055em;line-height:1.15}.type-tagline{font:italic 1.125rem Georgia,serif;margin-block:11px 15px}.type-description{color:var(--muted);font-size:1rem;line-height:1.7}
.types-outro{text-align:center;padding-block:75px}.types-outro .eyebrow{justify-content:center}.types-outro h2{margin-top:22px;line-height:1.1}.types-outro .button{margin-top:27px}
@media(max-width:1050px){.types-hero{gap:30px}.types-hero-art>img{width:240px}.sender-note{margin-left:0;padding:15px}.type-card{padding:25px}}
@media(max-width:760px){.types-hero{grid-template-columns:1fr;gap:30px;padding-top:42px;padding-bottom:35px}.types-hero h1{font-size:clamp(3.2rem,10vw,4.8rem)}.types-hero-art{min-height:320px;max-width:420px;width:100%;margin:auto}.types-hero-art>img{width:235px}.sender-note{margin-left:-15px}.type-index{gap:8px;padding-block:20px}.type-index a{padding:11px 13px}.types-catalogue{padding-block:43px}.catalogue-heading{display:block}.catalogue-heading>p{margin-top:18px;max-width:430px}.types-grid{grid-template-columns:1fr;gap:18px}.type-card{padding:25px}.types-outro{padding-block:52px}.types-outro .eyebrow{font-size:.75rem;line-height:1.7;max-width:300px;margin:auto}.types-outro h2{font-size:2.7rem}}
@media(max-width:440px){.sender-note strong{font-size:.9375rem}.sender-note div>span{font-size:.75rem;letter-spacing:0}}

.type-icon{display:block;width:28px;height:28px;flex-shrink:0}