/* Order view only. Homepage styles remain unchanged. */
.order-back{font:400 12px/1.5 var(--sans);letter-spacing:.1em;text-transform:uppercase}
.order-main{max-width:1180px;padding-top:72px;padding-bottom:32px;display:grid;grid-template-columns:1fr 1.2fr;column-gap:96px;align-items:start}
.order-intro h1{font:400 76px/1.04 var(--serif);margin:28px 0}
.order-intro h1 em{font-weight:400;color:var(--plum)}
.order-intro>p:last-child{font-size:16px;line-height:1.8;max-width:300px}
#story-form{min-width:0;margin:0}
#story-form fieldset{border:0;padding:0;margin:0 0 44px;min-width:0}
#story-form legend,.order-next h2{font:400 32px/1.2 var(--serif);padding:0;margin:0 0 20px}
#story-form label{display:block;font-size:13px;line-height:1.6;margin:18px 0 8px}
#story-form input,#story-form select,#story-form textarea{font:400 16px/1.6 var(--sans);padding:12px;border:1px solid var(--line);background:transparent;border-radius:0;width:100%;color:var(--ink)}
#story-form input,#story-form select{height:40px;padding:6px 12px}
#story-form select{padding-right:28px}
#story-form legend+label,#story-form .contact-part>.form-fields label{margin-top:0}
#story-form .song-part{margin-bottom:20px}
#story-form .form-fields{gap:0 20px}
#story-form textarea{min-height:154px;overflow-y:hidden;resize:none}
.field-help,.privacy-note{font:400 13px/1.8 var(--sans);color:#71665d;margin:10px 0 0}
.memory-help{font:400 13px/1.8 var(--sans);margin:0 0 20px;max-width:660px;text-wrap:pretty}
.privacy-note a{text-decoration:underline;text-underline-offset:3px}
.order-submit .header-cta{margin-top:24px;cursor:pointer}
.order-submit .header-cta:disabled{opacity:.65;cursor:wait}
#form-status{font-size:14px;line-height:1.7}
#story-form [aria-invalid=true]{border-color:var(--plum)}
.field-error{font-size:12px;color:var(--plum);margin:6px 0}
.order-next{grid-column:2;margin-top:10px}
.order-next ol{list-style:none;padding:0;margin:0}
.order-next li{display:flex;gap:16px;font-size:13px;line-height:1.8;margin:12px 0}
.order-next li:first-child{margin-top:0}
.order-next li span{color:var(--gold);font-size:12px}
#order-success{grid-column:2}
#order-success h2{font:400 46px/1.1 var(--serif)}
#order-success p{font-size:16px;line-height:1.8}
#order-success a{display:inline-block;margin-top:20px;text-decoration:underline;text-underline-offset:5px}
#story-form .sr-only,.order-trap{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%)}
@media(min-width:1001px){
 .order-intro{grid-column:1;grid-row:1;z-index:1}
 .order-intro>p:last-child span{display:block}
 #story-form{grid-column:1/-1;grid-row:1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}
 #story-form[hidden]{display:none}
 #story-form .song-part{grid-column:7/-1;min-height:calc(100svh - 188px);margin-bottom:48px}
 #story-form .memory-part{grid-column:3/12}
 #story-form .contact-part,#story-form .order-submit{grid-column:3/10}
 #story-form noscript{grid-column:4/11}
 .order-next{grid-column:1/-1;width:calc((100% - 264px)*7/12 + 144px);margin-left:calc((100% - 264px)*3/12 + 72px)}
}
@media(max-width:1000px){.order-main{column-gap:48px}.order-intro h1{font-size:62px}}
@media(max-width:760px){
 .order-main{display:block;padding-top:30px;padding-bottom:40px}
 .order-intro{margin-bottom:28px}
 .order-intro h1{font-size:44px;margin:18px 0}
 .order-intro>p:last-child{max-width:320px;font-size:16px;line-height:1.55;text-wrap:balance}
 .order-intro .eyebrow{font:400 12.5px/1.75 var(--sans);letter-spacing:.14em;text-transform:uppercase}
 .order-back{font-size:10px}
 .order-main #story-form .form-fields{grid-template-columns:1fr;row-gap:16px}
 #story-form .song-part .form-fields{margin-top:16px}
 #story-form legend,.order-next h2{font-size:30px;line-height:1.2;margin-bottom:18px}
 #story-form fieldset,#story-form .song-part{margin-bottom:32px}
 #story-form label{margin:16px 0 8px}
 #story-form .form-fields label{margin-top:0}
 #story-form input,#story-form select{height:44px}
 .memory-help{margin-bottom:16px;line-height:1.6}
 .privacy-note,.field-help{line-height:1.6}
 #date-help{text-wrap:balance}
 .order-submit .header-cta{max-width:100%}
 .order-next{margin-top:32px}
 #order-success h2{font-size:30px;line-height:1.2}
 #order-success p{font-size:16px;line-height:1.6}
}
@media(max-width:700px){
 .header{height:86px;min-height:0;flex-direction:row;justify-content:space-between;gap:12px;padding-top:0;padding-bottom:0}
 .header .brand{width:170px;flex:0 0 170px}
 .order-back{font-size:9px;letter-spacing:.08em;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}
}