@charset "UTF-8";

.account-page{max-width:1700px;margin:auto}
.account-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.92fr);min-height:620px;background:var(--dark);color:var(--paper)}
.account-hero-copy{padding:82px 10% 86px 13%;display:flex;flex-direction:column;justify-content:center}
.account-hero-copy .eyebrow{color:var(--gold-light);margin-bottom:28px}
.account-hero-copy h1{font-size:clamp(3.2rem,5.5vw,5.8rem)}
.account-hero-copy h1 em{color:var(--gold-light)}
.account-hero-copy>p{margin-top:27px;color:#d0c6b5;font-size:17px;max-width:40ch}
.account-hero-copy>.account-business-only{margin-top:22px;padding:15px 17px;border:1px solid rgba(235,207,150,.48);background:rgba(255,249,235,.08);color:#f4ead7;font-size:14px;line-height:1.55;max-width:46ch}
.account-business-only strong{color:var(--gold-light)}
.account-hero-copy .button{background:var(--gold-light);border-color:var(--gold-light);color:var(--dark)}
.account-hero-photo{min-width:0;position:relative}
.account-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.account-hero-photo figcaption{position:absolute;left:28px;bottom:24px;padding:7px 11px;background:rgba(27,23,17,.68);color:#fff;font-size:10px;letter-spacing:.12em}
.account-process{padding:85px 8% 90px}
.account-process-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:48px}
.account-process-heading .eyebrow{margin-bottom:20px;color:var(--muted)}
.account-process-heading>p{color:var(--muted);max-width:38ch}
.account-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}
.account-process-grid article{padding:29px 10% 0 0}
.account-process-grid article+article{padding-left:10%;border-left:1px solid var(--line)}
.account-process-grid h3{font-size:27px;margin:15px 0 12px}
.account-process-grid p{font-size:15px;color:var(--muted)}
.account-application{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.45fr);gap:8%;padding:82px 8% 95px;background:#eee8dc}
.account-application-intro{align-self:start;position:sticky;top:35px}
.account-application-intro .eyebrow{color:var(--muted);margin-bottom:22px}
.account-application-intro h2{font-size:clamp(2.7rem,4.2vw,4.5rem)}
.account-application-intro p{margin-top:21px;color:var(--muted)}
.account-application-intro a,.account-privacy a,.account-status a{text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.account-status{padding:20px 22px;margin-bottom:32px;background:#e1d5c1;border-left:4px solid var(--gold);font-size:15px;max-width:none}
#account-customer-form{min-width:0}
#account-customer-form fieldset{padding:0;margin:0 0 32px;border:0;min-width:0}
#account-customer-form legend{font-family:var(--serif);font-size:28px;margin-bottom:21px}
.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
#account-customer-form label{display:flex;flex-direction:column;gap:8px;font-size:15px;margin-bottom:22px}
#account-customer-form input,#account-customer-form select,#account-customer-form textarea{width:100%;min-width:0;border:1px solid #958975;background:#fffdf8;color:var(--ink);padding:12px 14px;border-radius:0;font:inherit}
#account-customer-form textarea{resize:vertical;min-height:112px}
#account-customer-form input:focus,#account-customer-form select:focus,#account-customer-form textarea:focus{outline:2px solid #806127;outline-offset:3px}
#account-customer-form .account-check{display:grid;grid-template-columns:22px 1fr;gap:11px;align-items:start;margin-bottom:15px;line-height:1.5}
#account-customer-form .account-check input{width:18px;height:18px;margin:3px 0 0;padding:0}
.account-field-help,.account-privacy{font-size:14px;color:#615645}
.account-field-help{margin:-12px 0 22px}
.account-submit{margin-top:23px;cursor:pointer}
.account-result{margin-top:17px;min-height:25px;font-size:15px}
.account-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.account-teaser{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr);background:#eee8dc}
.account-teaser-photo{min-width:0;min-height:480px}
.account-teaser-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.account-teaser-copy{padding:70px 12%;align-self:center}
.account-teaser-copy .eyebrow{color:var(--muted);margin-bottom:23px}
.account-teaser-copy h2{font-size:clamp(2.8rem,4.6vw,5rem)}
.account-teaser-copy>p{margin-top:23px;color:var(--muted);max-width:43ch}
.account-teaser-copy .business-email{margin-top:18px;font-size:14px;color:var(--ink)}
.account-teaser-copy .business-email a{text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}

html[data-season="christmas"] .account-hero{background-color:#17251f;background-image:radial-gradient(circle at 78% 8%,rgba(224,189,118,.2),transparent 28%),linear-gradient(135deg,#102019 0%,#20231d 53%,#491b23 100%)}
html[data-season="christmas"] .account-application{background:linear-gradient(135deg,#f4e9d8,#fff8ee 52%,#eadac5)}
html[data-season="christmas"] .account-status{background:#ead9bd;border-left-color:#8d2633}
html[data-season="christmas"] .account-teaser{background:linear-gradient(135deg,#f4e9d8,#fff8ee 52%,#eadac5)}

@media(max-width:900px){
  .account-hero{grid-template-columns:1fr;min-height:0}
  .account-hero-copy{padding:62px 7%}
  .account-hero-photo{height:58vw;min-height:340px;max-height:540px}
  .account-process{padding:65px 7% 70px}
  .account-process-heading{align-items:start;flex-direction:column;gap:22px}
  .account-process-grid{grid-template-columns:1fr}
  .account-process-grid article,.account-process-grid article+article{padding:25px 0;border-left:0;border-bottom:1px solid var(--line)}
  .account-application{grid-template-columns:1fr;gap:38px;padding:62px 7% 72px}
  .account-application-intro{position:static}
  .account-teaser{grid-template-columns:1fr}
  .account-teaser-photo{height:65vw;min-height:340px;max-height:520px}
  .account-teaser-copy{padding:58px 7% 65px}
}
@media(max-width:620px){
  .account-grid{grid-template-columns:1fr}
  .account-hero-copy h1{font-size:clamp(3rem,14vw,4.6rem)}
  .account-hero-photo{height:72vw;min-height:310px}
}