.contact-live *{box-sizing:border-box}.contact-live{margin:0;color:#123650;background:#f8f5ef;font-family:Discovery,Arial,sans-serif}.contact-live a{color:inherit;text-decoration:none}.contact-live button,.contact-live input,.contact-live textarea{font:inherit}.contact-live svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.contact-live .review{max-width:1380px;margin:auto;padding:12px 32px;display:flex;justify-content:space-between;font-size:13px;color:#687471}.contact-live .review a{padding:8px 0}.contact-live header{max-width:1380px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:22px 38px;background:#123650;color:#f8f5ef;border-radius:24px;gap:24px}.contact-live header img{width:190px;filter:brightness(0) invert(1)}.contact-live header nav{display:flex;gap:34px;align-items:center}.contact-live header nav a{font-size:17px;padding:10px 0}.contact-live .current{border-bottom:1px solid #eee5d4}.contact-live .account{display:flex;align-items:center;gap:10px;font-size:14px;min-height:44px}.contact-live{max-width:1380px;margin:auto}.contact-live .hero{height:310px;position:relative;overflow:hidden;margin:22px 0 0;border-radius:22px}.contact-live .scene{position:absolute;left:0;top:0;width:66%;height:100%;object-fit:cover;object-position:30% 57%;mask-image:linear-gradient(to right,#000 65%,transparent 100%)}.contact-live .hero-copy{position:relative;padding:30px 5%;width:53%}.contact-live .eyebrow{font-size:15px}.contact-live h1{font-size:clamp(42px,4.3vw,60px);line-height:1.04;font-weight:550;letter-spacing:-.025em;margin:18px 0}.contact-live h1 span{font-weight:350}.contact-live p{font-size:18px;line-height:1.5;margin:0}.contact-live .contact-layout{display:grid;grid-template-columns: .65fr 1.7fr;gap:6%;padding:32px 5% 45px;align-items:start}.contact-live .direct{padding:28px 0}.contact-live .mark{width:42px;height:42px;object-fit:contain;margin-bottom:15px}.contact-live h2{font-size:28px;font-weight:550;margin:0}.contact-live .direct-item{display:flex;align-items:center;gap:15px;margin-top:26px;min-height:48px}.contact-live .direct-item span{display:block;font-size:14px;color:#697671;margin-bottom:5px}.contact-live .direct-item bdi{font-size:20px}.contact-live .direct small{display:block;font-size:12px;color:#697671;margin:20px 39px 0}.contact-live form{border:1px solid #ddd8cf;border-radius:23px;padding:27px 30px 18px;background:#f4f0e8}.contact-live .form-heading{display:flex;align-items:baseline;gap:12px;margin-bottom:25px}.contact-live .form-heading>span{font-size:16px;color:#697671}.contact-live fieldset{margin:0 0 25px;padding:0;border:0}.contact-live legend{font-size:15px;margin-bottom:12px}.contact-live .topics{display:flex;gap:10px}.contact-live .topics label{flex:1;position:relative;cursor:pointer}.contact-live .topics input{position:absolute;opacity:0;width:1px;height:1px}.contact-live .topics label>span{display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #d7d2c7;border-radius:12px;min-height:54px;font-size:16px;background:transparent;transition:background .15s,color .15s}.contact-live .topics input:checked+span{background:#123650;color:#f8f5ef;border-color:#123650}.contact-live .topics input:focus-visible+span{outline:2px solid #123650;outline-offset:3px}.contact-live .topics svg{width:21px;height:21px}.contact-live .fields{display:grid;grid-template-columns:1fr 1fr;gap:22px 24px}.contact-live .fields label{font-size:15px}.contact-live .wide{grid-column:1/-1}.contact-live .fields [hidden]{display:none}.contact-live .required{color:#697671}.contact-live .optional{color:#697671;font-size:13px;margin-inline-start:8px}.contact-live .fields input,.contact-live .fields textarea{display:block;width:100%;margin-top:8px;border:0;border-bottom:1px solid #bdbdb3;background:transparent;padding:10px 0 12px;min-height:44px;outline-offset:4px;border-radius:0;color:#123650;font-size:18px}.contact-live .fields textarea{resize:vertical;min-height:75px}.contact-live .fields input::placeholder,.contact-live .fields textarea::placeholder{color:#8a9088;font-weight:350}.contact-live .fields input:focus,.contact-live .fields textarea:focus{border-color:#123650}.contact-live .form-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px}.contact-live .form-note{font-size:12px;color:#697671}.contact-live button{background:#123650;color:#f8f5ef;min-height:52px;border:0;border-radius:12px;display:flex;gap:48px;align-items:center;justify-content:space-between;padding:14px 22px;font-size:18px;cursor:pointer}.contact-live a:focus-visible,.contact-live button:focus-visible,.contact-live input:focus-visible,.contact-live textarea:focus-visible{outline:2px solid #123650;outline-offset:4px}.contact-live header a:focus-visible{outline-color:#f8f5ef}.contact-live .status{font-size:13px;margin-top:10px}.contact-live .status:empty{display:none}@media(max-width:1450px){.contact-live header,.contact-live{margin-inline:24px}.contact-live .review{padding-inline:30px}}@media(max-width:760px){.contact-live .review{padding:8px 20px;font-size:12px}.contact-live header{margin-inline:16px;padding:17px 20px;border-radius:20px}.contact-live header img{width:150px}.contact-live header nav{display:none}.contact-live .account span{display:none}.contact-live .account{width:44px;justify-content:center}.contact-live{margin:0}.contact-live .hero{margin:10px 0 0;height:385px;border-radius:0}.contact-live .hero-copy{width:100%;padding:22px 26px}.contact-live h1{font-size:42px;margin:12px 0}.contact-live h1 br{display:none}.contact-live h1 span{display:block}.contact-live .hero-copy p{font-size:17px}.contact-live .scene{width:100%;height:235px;top:157px;object-position:30% 60%;mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 86%,transparent)}.contact-live .contact-layout{display:flex;flex-direction:column;padding:0 18px 35px;gap:25px}.contact-live form{width:100%;order:0;padding:22px 18px;border-radius:20px}.contact-live .direct{order:1;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:20px 14px;padding:0 6px}.contact-live .direct h2{grid-column:1/-1;font-size:24px}.contact-live .direct .mark{display:none}.contact-live .direct-item{margin:0;gap:9px}.contact-live .direct-item bdi{font-size:16px}.contact-live .direct small{margin:0;grid-column:1/-1}.contact-live .direct-item svg{width:21px}.contact-live .form-heading{display:block;margin-bottom:22px}.contact-live .form-heading h2{font-size:25px;margin-bottom:5px}.contact-live .form-heading>span{font-size:15px}.contact-live .topics{gap:7px}.contact-live .topics label>span{flex-direction:column;gap:7px;padding:11px 3px;font-size:14px;min-height:78px}.contact-live .fields{gap:20px;grid-template-columns:1fr}.contact-live .wide{grid-column:auto}.contact-live .fields input,.contact-live .fields textarea{font-size:17px}.contact-live .form-bottom{flex-direction:column-reverse;gap:13px;margin-top:23px}.contact-live button{width:100%}.contact-live .form-note{font-size:11px}}@media(max-width:760px){.contact-live .hero{height:410px}.contact-live .scene{top:185px;height:225px}}
.contact-live{max-width:1380px;margin:0 auto;background:#f8f5ef}.contact-live .hero{margin-top:22px}.contact-live form{margin:0}.contact-live .fields label{display:block}.contact-live .fields [hidden]{display:none}.contact-live .topics label{display:block}.contact-live .topics input{min-height:0;padding:0;margin:0}.contact-live .submit{width:auto}.contact-live .status{color:#123650}@media(max-width:1450px){.contact-live{margin-inline:24px}}@media(max-width:760px){.contact-live{margin:0}.contact-live .contact-layout{padding-bottom:45px}.contact-live .hero{margin-top:10px}}
/* Compact contact introduction keeps the form close to the first fold. */
.contact-live .hero{height:280px;min-height:0;display:flex;align-items:center;padding:0;margin-top:20px}
.contact-live .scene{width:48%;height:100%;top:0;left:0;object-position:center;mask-image:linear-gradient(to right,#000 80%,transparent)}
.contact-live .hero-copy{width:52%;padding:24px 4%;margin:0}
.contact-live h1{font-size:44px;margin:12px 0;line-height:1.1}
.contact-live .contact-layout{padding-top:24px}
@media(max-width:760px){.contact-live .hero{height:auto;min-height:0;display:block;margin:12px 18px 20px;border-radius:18px}.contact-live .hero-copy{width:100%;padding:14px 8px 18px}.contact-live h1{font-size:32px;line-height:1.12;margin:8px 0}.contact-live h1 span{display:inline}.contact-live h1 br{display:none}.contact-live .hero-copy p{font-size:16px}.contact-live .scene{position:relative;display:block;width:100%;height:150px;top:auto;left:auto;object-position:center 52%;mask-image:none;border-radius:18px}.contact-live .hero{display:flex;flex-direction:column-reverse;align-items:stretch}.contact-live .contact-layout{padding-top:0}}

@media(max-width:760px){.contact-live h1 span{display:block;margin-top:4px}}
/* One continuous photographic hero, behind the floating header. */
.contact-live{max-width:none;margin:0;background:#f8f5ef}
.contact-live .hero{isolation:isolate;width:100%;height:clamp(420px,33.333vw,580px);margin:-104px 0 0;padding:124px 0 24px;border-radius:0;overflow:hidden;background:#f8f5ef;align-items:center}
.contact-live .hero:before{display:none}
/* Soft, asymmetrical feathering into the cream page, without a visible wave. */
.contact-live .hero:after{content:'';position:absolute;inset:auto 0 -1px;height:clamp(76px,7vw,108px);z-index:2;pointer-events:none;background:radial-gradient(ellipse 32% 95% at 4% 108%,#f8f5ef 32%,rgba(248,245,239,.88) 48%,rgba(248,245,239,0) 100%),radial-gradient(ellipse 27% 78% at 57% 108%,#f8f5ef 26%,rgba(248,245,239,.72) 49%,rgba(248,245,239,0) 100%),radial-gradient(ellipse 29% 105% at 101% 114%,#f8f5ef 30%,rgba(248,245,239,.8) 52%,rgba(248,245,239,0) 100%),linear-gradient(to bottom,rgba(248,245,239,0) 5%,rgba(248,245,239,.06) 30%,rgba(248,245,239,.35) 58%,rgba(248,245,239,.83) 84%,#f8f5ef 99%)}
.contact-live .scene{position:absolute;inset:0;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center bottom;mask-image:none;border-radius:0}
.contact-live .hero-copy{width:44%;padding:24px 5%;margin:0;background:transparent!important}
.contact-live .hero-copy:before,.contact-live .hero-copy:after{display:none}
.contact-live .contact-layout{max-width:1380px;margin:0 auto;padding-top:32px}
@media(max-width:760px){
.contact-live .hero{display:block;height:530px;margin:-88px 0 0;padding:118px 0 0;background:#f8f5ef url('assets/branded/contact-table-wide.webp') right top/auto 100% no-repeat}
.contact-live .hero-copy{width:100%;padding:12px 24px;text-align:center}
.contact-live .scene{inset:auto 0 0;width:100%;height:220px;max-height:none;aspect-ratio:auto;object-fit:cover;object-position:left bottom;mask-image:linear-gradient(to bottom,transparent,#000 18%);}
.contact-live .contact-layout{padding-top:24px}
}

/* Account welcome: a complete, distant table scene with an organic cream edge. */
.account-banner{position:relative;isolation:isolate;overflow:hidden;margin-top:-104px;height:460px;padding:145px max(5vw,24px) 100px;background:#f8f5ef;display:flex;align-items:center}
.account-banner-photo{position:absolute;inset:88px auto auto 0;width:min(1120px,86vw);max-width:none;height:auto;object-fit:contain;z-index:-1;mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 94%,transparent),linear-gradient(to right,#000 68%,transparent 99%);mask-composite:intersect}
.account-banner .account-greeting{width:min(45%,620px);justify-content:flex-start;gap:20px;position:relative;z-index:3}
.account-banner .account-greeting h1{font-size:clamp(32px,3.2vw,46px);line-height:1.2;margin:0;font-weight:600}
.account-banner .account-greeting p{font-size:20px;margin:12px 0 0;color:#123650;line-height:1.5}
.account-banner .account-avatar{background:#f8f5efb8;flex-shrink:0}
.account-banner + .account-overview{padding-top:12px}
.account-banner:after{content:'';position:absolute;inset:auto 0 -1px;height:110px;z-index:2;pointer-events:none;background:radial-gradient(ellipse 38% 115% at -5% 110%,#f8f5ef 26%,rgba(248,245,239,.85) 44%,transparent 86%),radial-gradient(ellipse 43% 145% at 85% 105%,#f8f5ef 38%,rgba(248,245,239,.8) 56%,transparent 94%)}
@media(min-width:1700px){.account-banner-photo{width:1260px;left:3vw;top:48px}.account-banner{height:480px}}
@media(max-width:1000px) and (min-width:761px){.account-banner{height:420px}.account-banner-photo{top:145px;width:90vw}.account-banner .account-greeting{width:48%;align-self:flex-start}.account-banner .account-greeting p{font-size:18px}}
@media(max-width:760px){
.account-banner{margin-top:-88px;height:455px;padding:118px 24px 235px;align-items:flex-start;background:#f8f5ef}
.account-banner-photo{inset:210px auto auto -20px;width:650px;height:auto;mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 94%,transparent),linear-gradient(to right,#000 48%,transparent 77%);mask-composite:intersect}
.account-banner .account-greeting{width:100%;justify-content:space-between;gap:12px}
.account-banner .account-greeting h1{font-size:30px}
.account-banner .account-greeting p{font-size:17px;margin-top:8px}
.account-banner:after{height:55px;background:radial-gradient(ellipse 45% 110% at 0 115%,#f8f5ef 30%,transparent 95%),radial-gradient(ellipse 55% 150% at 95% 110%,#f8f5ef 35%,transparent 95%)}
.account-banner + .account-overview{padding-top:0}
}

/* Full-bleed quiet linen scene shared by contact and account, behind navigation. */
.account-banner,.contact-live .hero{height:440px;margin-top:-104px;background:#f8f5ef;padding-top:130px;padding-bottom:80px}
.account-banner-photo,.contact-live .scene{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;mask-image:none;z-index:-1;border-radius:0}
.account-banner:after,.contact-live .hero:after{height:150px;background:radial-gradient(ellipse 35% 100% at 2% 115%,#f8f5ef 28%,rgba(248,245,239,.9) 43%,transparent 95%),radial-gradient(ellipse 42% 150% at 73% 125%,#f8f5ef 30%,rgba(248,245,239,.75) 57%,transparent 98%),radial-gradient(ellipse 24% 80% at 105% 110%,#f8f5ef 28%,transparent 95%),linear-gradient(to bottom,transparent 45%,rgba(248,245,239,.15) 60%,#f8f5ef 100%)}
@media(max-width:760px){
.account-banner,.contact-live .hero{height:440px;margin-top:-88px;padding:116px 24px 220px;background:#f8f5ef}
.account-banner-photo,.contact-live .scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:19% center;mask-image:none}
.account-banner .account-greeting{align-self:auto}
.contact-live .hero{display:block}
.contact-live .hero-copy{width:100%;padding:0;text-align:right}
.contact-live .hero-copy h1{font-size:32px;margin:6px 0}
.contact-live .hero-copy h1 span{display:inline}
.contact-live .hero-copy .eyebrow{display:block;font-size:14px}
.account-banner:after,.contact-live .hero:after{height:115px}
}
@media(max-width:760px){
.account-banner,.contact-live .hero{height:475px;background:#f8f5ef url('assets/branded/welcome-coffee-linen.webp') right center/auto 100% no-repeat}
.account-banner-photo,.contact-live .scene{inset:auto auto 0 -10px;width:780px;height:260px;object-fit:contain;object-position:center;mask-image:linear-gradient(to bottom,transparent,#000 24%)}
.contact-live .hero-copy h1{line-height:1.15;margin:8px 0}
.contact-live .hero-copy h1 span{display:block}
.contact-live .hero-copy p{font-size:16px}
}