.manners-page,body{background-color:white}.manners-page{color:#1d1d1f}.manners-hero{padding:8rem 1.5rem 5rem;text-align:center;background-color:#f5f5f7}.manners-hero-container{max-width:48rem;margin:0 auto}.manners-hero-subtitle{color:#6e6e73;font-weight:600;font-size:.75rem;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.1em}.manners-hero-title{font-size:2.5rem;font-weight:700;letter-spacing:-.025em;margin-bottom:1.5rem;color:#1d1d1f}.manners-hero-description{font-size:1.25rem;color:#86868b;line-height:1.6;font-weight:500}.manners-section{padding:6rem 1.5rem;border-top:1px solid #f5f5f7;background-color:white}.manners-section-container{max-width:62.5rem;margin:0 auto}.manners-section-flex{display:flex;flex-direction:column;align-items:center;gap:3rem}.manners-section-flex.reverse{flex-direction:column}.manners-image-wrapper{width:100%}.manners-image-container{position:relative;aspect-ratio:4/3;width:100%;overflow:hidden;border-radius:1.5rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);background-color:#f5f5f7;cursor:pointer}.manners-image{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.manners-image-container:hover .manners-image{transform:scale(1.05)}.manners-text-wrapper{width:100%}.manners-section-title{font-size:1.875rem;font-weight:700;color:#1d1d1f;margin-bottom:3rem;letter-spacing:-.025em}.manners-items{display:grid;grid-template-columns:1fr}.manners-item{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}.manners-item:last-child{margin-bottom:0}.manners-item-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.25rem}.manners-item-number{font-size:1.25rem;font-weight:700;color:#2563eb}.manners-item-title{font-size:1.125rem;font-weight:700;color:#1d1d1f;letter-spacing:-.025em}.manners-item-description{color:#86868b;line-height:1.6;font-size:.875rem;font-weight:500;padding-left:.5rem;border-left:2px solid transparent;transition:border-color .3s ease}.manners-item-description:hover{border-left-color:#e5e7eb}.manners-footer{background-color:#f5f5f7;padding:3rem 1.5rem;text-align:center;border-top:1px solid #e5e7eb;margin-top:5rem}.manners-footer-text{color:#86868b;font-size:.75rem}@media (min-width:768px){.manners-hero-subtitle{font-size:.875rem}.manners-hero-title{font-size:3.75rem}.manners-hero-description{font-size:1.5rem}.manners-section{padding:8rem 3rem}.manners-section-title{font-size:3rem}.manners-item-number{font-size:1.5rem}.manners-item-title{font-size:1.25rem}.manners-item-description{font-size:.9375rem}}@media (min-width:1024px){.manners-hero-title{font-size:4.5rem}.manners-section-flex{flex-direction:row;gap:6rem}.manners-section-flex.reverse{flex-direction:row-reverse}.manners-image-wrapper,.manners-text-wrapper{width:50%}}