.auth-page{min-height:100vh}.auth-page .header-inner nav{display:flex;align-items:center;gap:25px;font-size:14px}.auth-shell{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start;padding-block:65px}.auth-story{position:sticky;top:35px}.auth-story h2{font-size:clamp(46px,4.2vw,65px)}.auth-story>p:not(.eyebrow){font-size:19px;line-height:1.5;color:var(--muted);max-width:440px;margin-top:25px}.auth-photo{position:relative;border-radius:12px;overflow:hidden;margin-top:30px;height:230px}.auth-photo img{width:100%;height:100%;object-fit:cover;object-position:center 60%;filter:grayscale(1);opacity:.75}.auth-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b0d0cbb,transparent)}.auth-photo span{position:absolute;z-index:1;bottom:20px;left:22px;text-transform:uppercase;font-size:11px;letter-spacing:2px}.auth-story>small{display:block;margin-top:18px;color:var(--muted);font-size:12px}.auth-form-column{max-width:580px;width:100%;justify-self:end}.auth-page .card{background:var(--paper);color:var(--ink);border-radius:16px;padding:38px;color-scheme:light}.auth-page .card .eyebrow{color:#885800;display:block}.auth-page .card h1,.auth-page .card h2{font-family:var(--heading);font-size:38px;text-transform:uppercase;line-height:1.15;margin-bottom:22px}.auth-page .card p{font-size:14px;line-height:1.5;margin:18px 0 0}.auth-page .card a{text-decoration:underline;font-weight:600;text-underline-offset:4px}.auth-page label{display:block;font-size:14px;font-weight:600;margin:0 0 18px}.auth-page input{display:block;width:100%;min-width:0;margin-top:7px;padding:12px 14px;border:1px solid #c5c6bd;border-radius:7px;background:#fff;color:var(--ink);font-size:16px}.auth-page input:focus{outline:2px solid #9c6800;outline-offset:2px}.auth-page label small{display:block;font-size:12px;color:#5a625b;font-weight:400;margin-top:6px}.auth-page form>button{display:block;width:100%;margin-top:24px;border:0;border-radius:40px;padding:16px 20px;background:var(--amber);color:var(--ink);font-weight:600;transition:background .18s}.auth-page form>button:hover{background:#ffc13b}.auth-page .input-group{display:flex;align-items:stretch;margin-top:7px}.auth-page .input-group input{margin:0;border-radius:7px 0 0 7px}.auth-page .input-group>span{display:flex;align-items:center;background:#e9e8e0;border:1px solid #c5c6bd;border-left:0;border-radius:0 7px 7px 0;padding:12px;font-size:12px;white-space:nowrap}.auth-page .auth-grid{display:block}.auth-page .auth-grid>section:first-child{margin-bottom:26px}.auth-page .auth-grid>section:first-child h1{font-size:36px;margin:0 0 10px}.auth-page .auth-grid>section:first-child .eyebrow{margin-bottom:12px}.auth-page .intro{color:var(--muted);font-size:16px}.auth-page .callout{display:none}.auth-page .muted{color:#5a625b;font-size:12px}.auth-page .notice,.auth-page .errors{padding:18px 22px;border-radius:10px;margin-bottom:20px;font-size:14px}.auth-page .notice{background:#e9f1da;color:#233416}.auth-page .errors{background:#ffe7df;color:#662c1d}.auth-page .errors ul{padding-left:20px;margin-bottom:0}.auth-footer{border-top:1px solid var(--line);padding-block:22px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px}@media(max-width:1100px){.auth-shell{gap:45px}.auth-page .card{padding:30px}.auth-story h2{font-size:50px}}@media(max-width:720px){.auth-page .header-inner nav{gap:16px;font-size:12px}.auth-page .header-inner nav>a:nth-child(2){display:none}.auth-shell{grid-template-columns:1fr;gap:28px;padding-block:35px}.auth-story{position:static}.auth-story h2{font-size:38px}.auth-story>p:not(.eyebrow),.auth-photo,.auth-story>small{display:none}.auth-story .eyebrow{font-size:9px;margin-bottom:12px}.auth-form-column{max-width:none}.auth-page .card{padding:27px 22px}.auth-page .card h1,.auth-page .card h2{font-size:32px}.auth-page .auth-grid>section:first-child h1{font-size:30px}.auth-page .auth-grid>section:first-child{margin-bottom:20px}.auth-page .input-group>span{font-size:11px;padding-inline:8px}.auth-page .header-inner .brand img{width:115px}}

@media(max-width:720px){.auth-story h2{display:none}.auth-story .eyebrow{margin:0}.auth-shell{gap:18px}.auth-page .card .intro{color:#5a625b;margin:0 0 24px}}

.auth-page .card .intro{color:#5a625b;margin:0 0 24px}
@media(max-width:380px){.auth-page .header-inner .brand img{width:95px}.auth-page .header-inner nav{gap:12px;font-size:11px}.auth-page .header-inner .button{white-space:nowrap;padding:10px 12px;font-size:11px}}
