
:root{--order-gold:#b99556;--order-ink:#27241f;--order-cream:#f7f3ed;--order-muted:#776e63}
body.order-page{background:#fffdf9;color:var(--order-ink)}
.order-page main{overflow:hidden}
.order-preview-note{background:#eee6d8;padding:9px 15px;text-align:center;color:#695535;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.order-hero{background:var(--order-cream)}
.order-hero-visual{position:relative;min-height:470px;height:min(57vw,620px);background:#d9d3c7;overflow:hidden}
.order-hero-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 60%}
.order-hero-visual::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(7,7,7,.53))}
.order-hero-visual .order-hero-word{position:absolute;bottom:44px;left:max(calc((100vw - 1180px)/2),5%);color:#fff;font:normal clamp(55px,8vw,114px)/.95 Georgia,serif;letter-spacing:-.058em;z-index:1;margin:0;text-shadow:0 4px 24px rgba(0,0,0,.25)}
.order-intro{background:#fffdf9;padding:66px 0 78px;text-align:center}
.order-eyebrow{font:700 12px/1.5 Arial,sans-serif;color:#977a4d;text-transform:uppercase;letter-spacing:.24em}
.order-intro h2{font:normal clamp(37px,4vw,60px)/1.07 Georgia,serif;color:#2c2924;margin:15px auto 20px;max-width:820px;letter-spacing:-.033em}
.order-intro p{font-size:16px;line-height:1.85;color:#71695d;max-width:770px;margin:0 auto}
.order-cards{background:var(--order-cream);padding:84px 0 95px}
.order-section-top{text-align:center;margin:0 auto 39px}
.order-section-top h2{font:normal clamp(36px,4.8vw,58px)/1.06 Georgia,serif;color:#2c2924;letter-spacing:-.035em;margin:12px 0 0}
.order-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.order-card{display:flex;flex-direction:column;background:#fffefa;border:1px solid #e4d9c9;box-shadow:0 5px 22px rgba(35,29,20,.045)}
.order-card-image{width:100%;height:315px;overflow:hidden;background:#e4dbcc}
.order-card-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .35s ease}
.order-card:hover .order-card-image img{transform:scale(1.03)}
.order-card-body{padding:29px 26px 32px;display:flex;flex-direction:column;align-items:flex-start;gap:0;flex:1}
.order-card .number{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#a78a57;font-weight:bold;margin-bottom:13px}
.order-card h3{font:normal clamp(26px,2.7vw,36px)/1.15 Georgia,serif;letter-spacing:-.025em;color:#2e2822;margin:0 0 14px}
.order-card p{font-size:14px;line-height:1.8;color:#726a61;margin:0 0 25px}
.order-card a{margin-top:auto;text-decoration:none;color:#776035;border-bottom:1px solid #a78a57;padding-bottom:6px;font-size:11px;font-weight:bold;letter-spacing:.12em;text-transform:uppercase}
.order-personal{background:#fffdf9;padding:83px 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}
.order-personal h2{font:normal clamp(36px,4.2vw,62px)/1.1 Georgia,serif;margin:12px 0 0;letter-spacing:-.038em}
.order-personal p{color:#70675e;line-height:1.9;font-size:16px;margin:0 0 18px}
.order-personal .small{font-size:12px;color:#817b6f}
.order-cta{background:#20201e;color:#fff;text-align:center;padding:85px 0}
.order-cta h2{font:normal clamp(37px,4.8vw,62px)/1.09 Georgia,serif;letter-spacing:-.04em;margin:16px auto}
.order-cta p{color:#d4ccc0;font-size:16px;line-height:1.7}
.order-cta .order-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;border:1px solid #c3a875;padding:15px 28px;color:white;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;margin-top:15px}
.order-note{font-size:12px;color:#867d73;line-height:1.7;margin-top:18px}
.order-page .links [aria-current='page']{color:#e0b967;text-decoration:underline;text-underline-offset:7px}
@media(max-width:1000px){.order-card-grid{gap:16px}.order-card-image{height:260px}.order-card-body{padding:22px 19px 26px}}
@media(max-width:740px){
 .order-hero-visual{height:58vh;min-height:340px;max-height:520px}
 .order-hero-visual img{object-position:49% 60%}
 .order-hero-visual .order-hero-word{left:23px;bottom:28px;font-size:clamp(51px,13vw,78px)}
 .order-intro{padding:52px 0 57px}
 .order-intro h2{font-size:40px}
 .order-intro p{font-size:15px}
 .order-cards{padding:55px 0 63px}
 .order-section-top{margin-bottom:29px}
 .order-section-top h2{font-size:42px}
 .order-card-grid{grid-template-columns:1fr;gap:22px}
 .order-card-image{height:auto;aspect-ratio:1.25}
 .order-card-body{padding:23px 23px 27px}
 .order-card h3{font-size:34px}
 .order-card p{font-size:14px;margin-bottom:19px}
 .order-personal{grid-template-columns:1fr;padding:65px 0;gap:20px}
 .order-personal h2{font-size:41px}
 .order-cta{padding:68px 0}
 .order-cta h2{font-size:42px}
}



.order-cards{padding-top:48px}
@media(max-width:740px){.order-cards{padding-top:35px}}
.order-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.order-card{min-height:294px;border-top:3px solid #b99556}
.order-card-body{padding:35px 29px;}
.order-card .number{font-size:11px}
.order-hero-visual{height:min(57vw,640px)}
.order-hero-visual img{object-position:center 62%}
@media(max-width:740px){.order-card-grid{grid-template-columns:1fr}.order-card{min-height:0}.order-card-body{padding:29px 25px}.order-hero-visual{height:56vh;min-height:355px}}



/* Approved foyer hero photograph, used only as the single MFY image. */
.order-hero-visual img{object-position:50% 51%}
@media(max-width:740px){.order-hero-visual{height:49vh;min-height:355px;max-height:530px}.order-hero-visual img{object-position:49% 50%}}



/* Order information, concise and consistent with the approved MFY design. */
.order-terms{margin:34px auto 0;padding:24px 28px;border:1px solid #ded1be;background:#f4efe5;color:#554e44;max-width:1180px}
.order-terms-title{font-size:11px;letter-spacing:.18em;color:#9c7c46;font-weight:800;margin-bottom:8px}
.order-terms p{margin:0;font-size:15px;line-height:1.75}
.order-terms strong{color:#2f2a24;font-weight:750}
@media(max-width:740px){.order-terms{margin-top:23px;padding:20px 22px}.order-terms p{font-size:14px;line-height:1.8}}
/* Simple informational service cards: no action links or extra blank space. */
.order-card-body p{margin-bottom:0!important}
