/* Customer authentication only: presentation independent of account behavior. */
.storefront .account-auth.account-auth-modern{max-width:1160px;margin:0 auto;padding:48px 32px 64px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center}
.account-auth-modern .account-welcome{display:block;position:relative;overflow:hidden;min-width:0;padding:34px 34px 24px;border:1px solid #ece8df;border-radius:24px;background:#f5f2ec}
.account-auth-modern .account-welcome .care-eyebrow{display:block;font-size:10px;font-weight:600;letter-spacing:.15em;color:#aa481b;margin:0 0 18px}
.account-auth-modern .account-welcome h1{font-size:clamp(32px,3.1vw,43px);line-height:1.1;letter-spacing:-.045em;margin:0 0 16px;color:#252c29}
.account-auth-modern .account-welcome-copy>p{font-size:14px;line-height:1.75;max-width:340px;margin:0;color:#68746f}
.account-auth-modern .account-welcome-portrait{width:min(100%,300px);aspect-ratio:1;margin:18px auto 0;overflow:hidden;mix-blend-mode:multiply;mask-image:linear-gradient(#000 90%,transparent)}
.account-auth-modern .account-welcome-portrait img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;max-width:none}
.account-auth-modern .account-welcome .account-welcome-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:19px 0 0;margin:8px 0 0;list-style:none;border-top:1px solid #dedfd6}
.account-auth-modern .account-welcome-benefits li{display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center;font-size:10px;line-height:1.4;margin:0;color:#53625b}
.account-auth-modern .account-welcome-benefits svg{width:19px;height:19px;color:#b45120;flex-shrink:0}
.account-auth-modern .auth-form{min-width:0;padding:12px 0;max-width:440px;width:100%;justify-self:center}
.account-auth-modern .auth-form h2{font-size:32px;line-height:1.2;letter-spacing:-.035em;color:#252c29;margin:0 0 10px}
.account-auth-modern .auth-form>p{font-size:14px;line-height:1.7;margin:0 0 27px;color:#68746f}
.account-auth-modern .auth-form form{display:flex;flex-direction:column;gap:0}
.account-auth-modern .auth-form label{display:block;font-size:12px;font-weight:500;margin:0 0 19px;color:#293b35}
.account-auth-modern .auth-form input:not([type=hidden]){display:block;width:100%;height:50px;margin-top:8px;border:1px solid #d7dfd9;border-radius:10px;background:#fff;padding:0 14px;box-shadow:0 1px 2px #26362d03;font-size:14px;color:#25352e;transition:border-color .15s,box-shadow .15s}
.account-auth-modern .auth-form input:focus{outline:none;border-color:#b85d2a;box-shadow:0 0 0 3px #f7792520}
.storefront .account-auth-modern .auth-form .auth-recovery-link{font-size:12px;margin:-4px 0 24px;text-align:right}
.account-auth-modern .auth-form a{color:#a64316;text-underline-offset:4px}
.account-auth-modern .auth-form button[type=submit]{display:flex;justify-content:center;align-items:center;gap:16px;min-height:50px;width:100%;padding:12px 22px;background:#f47721;color:#17211d;border-radius:10px;font-size:14px;font-weight:600;box-shadow:0 4px 12px #e86b1214;transition:background .15s,box-shadow .15s}
.account-auth-modern .auth-form button[type=submit]:hover{background:#f98538;box-shadow:0 5px 16px #e86b1224}
.account-auth-modern .auth-form button:focus-visible,.account-auth-modern .auth-form a:focus-visible{outline:2px solid #b35223;outline-offset:4px}
.storefront .account-auth-modern .auth-form .auth-switch{font-size:12px;line-height:1.7;text-align:center;margin:22px 0 0}
.storefront .account-auth-modern .auth-form .auth-switch+.auth-switch{border-top:1px solid #e6e9e4;padding-top:18px;margin-top:18px;font-size:11px}
.account-auth-modern .auth-form .quiet-note{font-size:12px;line-height:1.6}
@media(max-width:900px){.storefront .account-auth.account-auth-modern{gap:32px;padding:32px 24px 48px}.account-auth-modern .account-welcome{padding:26px 24px 20px}.account-auth-modern .account-welcome h1{font-size:34px}.account-auth-modern .account-welcome-benefits li{font-size:9px}}
@media(max-width:700px){.storefront .account-auth.account-auth-modern{grid-template-columns:minmax(0,1fr);gap:28px;padding:24px 20px 40px}.account-auth-modern .account-welcome{display:grid;grid-template-columns:minmax(0,1fr) 120px;align-items:center;gap:8px;padding:22px 18px;border-radius:18px}.account-auth-modern .account-welcome .care-eyebrow{font-size:8px;letter-spacing:.1em;margin-bottom:12px}.account-auth-modern .account-welcome h1{font-size:27px;line-height:1.12;margin-bottom:10px}.account-auth-modern .account-welcome-copy>p{font-size:12px;line-height:1.6}.account-auth-modern .account-welcome-portrait{width:134px;max-width:calc(100% + 14px);margin:0 0 0 -8px;align-self:center}.account-auth-modern .account-welcome .account-welcome-benefits{display:none}.account-auth-modern .auth-form{padding:0}.account-auth-modern .auth-form h2{font-size:28px}.account-auth-modern .auth-form>p{font-size:13px;margin-bottom:24px}}
@media(max-width:370px){.storefront .account-auth.account-auth-modern{padding-left:16px;padding-right:16px}.account-auth-modern .account-welcome{grid-template-columns:minmax(0,1fr) 90px;padding:18px 14px}.account-auth-modern .account-welcome h1{font-size:24px}.account-auth-modern .account-welcome-portrait{width:105px}.account-auth-modern .account-welcome-copy>p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.account-auth-modern .auth-form input,.account-auth-modern .auth-form button{transition:none}}