/* Custom cake request: heading and one of her cakes, then the form on paper. Colors and fonts from kit.css. */
.req{padding:36px 0 64px}
.req .wrap{display:grid;gap:32px}
.req-intro h1{font-size:52px;line-height:.98}
.req-intro .lead{margin-top:16px}
.req-text{margin-top:14px;font-size:16px}
.req-text a{text-underline-offset:4px}
.nw{white-space:nowrap}
.req-ph{margin:28px 0 0}
.req-ph img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.req-form{background:var(--paper);padding:28px 20px 32px;margin:0 calc(var(--gut) * -1);max-width:none}
.f-h{font-size:30px;margin-top:4px}
.f-h:not(:first-of-type){margin-top:20px;padding-top:28px;border-top:1px solid var(--line)}
.opt{font-weight:400;font-size:13px;color:var(--muted)}
.req-form select{-webkit-appearance:none;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%232B2220' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 14px center;padding-right:34px}
.req-form .btn{justify-self:start;margin-top:4px}
.form label{align-content:start}
@media (min-width:900px){
  .req{padding:72px 0 96px}
  .req .wrap{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:72px;align-items:start}
  .req-intro{position:sticky;top:110px}
  .req-intro h1{font-size:84px}
  .req-intro .lead{font-size:19px;margin-top:24px}
  .req-ph{margin-top:36px}
  .req-ph img{max-height:calc(100vh - 420px);min-height:280px;object-fit:cover;object-position:50% 12%}
  .req-form{margin:0;padding:44px 48px 48px;max-width:none}
}