.grad-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center;padding-block:45px 70px}.grad-hero h1{font-size:clamp(54px,5.6vw,82px);line-height:1}.grad-hero-copy>p:not(.eyebrow){max-width:410px;margin-top:28px;color:#686858;font-size:14px}.grad-hero-photo{margin:0}.grad-hero-photo img{width:100%;height:650px;object-fit:cover;object-position:50% 60%}.grad-hero-photo figcaption{font:italic 21px var(--serif);padding-top:13px;color:#686858}.grad-note{display:block;font-size:9px;letter-spacing:.14em;margin-top:44px;color:#686858}.graduacion-page .grad-packages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;border:0}.graduacion-page .grad-packages .package{padding:38px;background:#fffdf8;border:1px solid #d7d0bd;box-shadow:0 12px 32px #403f3010;border-radius:7px}.graduacion-page .grad-packages .featured{background:#e7e6d7;border:1px solid #9d9d80}.graduacion-page .package .price span{display:block;margin-top:8px}.graduacion-page .package ul{font-size:14px;line-height:1.9}.graduacion-page .package-number{color:#555943}.grad-memory{display:grid;grid-template-columns:.8fr 1fr;gap:12%;align-items:center}.grad-memory>img{width:100%;max-height:560px;object-fit:cover}.grad-memory h3{margin-top:25px}.grad-memory ul{padding-left:20px;margin:24px 0;line-height:2}.grad-memory .price{font:44px var(--serif);margin:25px 0}.grad-memory .price span{display:block;font:12px 'DM Sans',sans-serif;margin-top:8px}#grad-total{font-weight:600;color:#3f4936;padding-top:15px}.graduacion-page .eyebrow{color:#535b42}.graduacion-page .extra-option strong{color:#3f4936}.graduacion-page .field input,.graduacion-page .field select,.graduacion-page .field textarea{font-size:16px}
@media(max-width:760px){.grad-hero{display:flex;flex-direction:column;gap:30px;padding-block:15px 45px}.grad-hero-photo{order:-1;width:100%}.grad-hero-photo img{height:440px;object-position:50% 65%}.grad-hero-copy{text-align:center}.grad-hero h1{font-size:49px}.grad-hero-copy>p:not(.eyebrow){font-size:14px;max-width:340px}.grad-hero .actions{justify-content:center}.grad-note{margin-top:30px;font-size:8px}.grad-hero-photo figcaption{font-size:19px;text-align:center}.graduacion-page .grad-packages{grid-template-columns:1fr;gap:22px}.graduacion-page .grad-packages .package{padding:29px 24px}.grad-memory{grid-template-columns:1fr;gap:35px}.grad-memory>img{max-height:430px;width:100%;object-fit:contain;background:#e9e6db}.grad-memory ul{font-size:14px}.graduacion-page .header nav{max-height:75vh;overflow-y:auto}}