@font-face{font-family:Barlow;src:url(/assets/barlow-700.ttf) format('truetype');font-weight:700;font-display:swap}@font-face{font-family:DM;src:url(/assets/dm-400.ttf) format('truetype');font-weight:400;font-display:swap}@font-face{font-family:DM;src:url(/assets/dm-600.ttf) format('truetype');font-weight:600 800;font-display:swap}:root{--paper:#f1f0e8;--ink:#22251f;--muted:#676b60;--line:#c9cbbf;--accent:#d6ef45;--mono:'Courier New',monospace}*{box-sizing:border-box}html{min-width:280px}body{margin:0;color:var(--ink);background:var(--paper);font:14px/1.7 DM,Arial,sans-serif}h1,h2,p{margin:0}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #71861b;outline-offset:5px}::selection{background:var(--accent);color:var(--ink)}.skip-link{position:fixed;left:20px;top:-100px;z-index:99;background:var(--accent);padding:12px 18px;font-size:16px}.skip-link:focus{top:10px}.login-page{max-width:1600px;min-height:100svh;display:flex;flex-direction:column;margin:auto}.login-header{height:102px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 60px;border-bottom:1px solid var(--line)}.login-brand{display:flex;align-items:center;gap:17px;font:700 14px/1.6 var(--mono);letter-spacing:.5px}.login-brand>strong{font:700 44px/1 Barlow,'Arial Narrow',sans-serif;letter-spacing:-1px;display:flex;align-items:flex-start;gap:4px}.login-brand>strong>span{font:28px/1 Arial,sans-serif;background:var(--accent);padding:0 3px}.login-brand small{display:block;font-size:12px;letter-spacing:1.4px;font-weight:400}.portfolio-link{font-size:15px;border-bottom:1px solid var(--ink);padding:6px 0;display:flex;align-items:center;gap:22px}.portfolio-link>span{font:20px/1 Arial,sans-serif}.portfolio-link:hover{border-color:#8a9c35}.login-layout{flex:1;display:grid;grid-template-columns:1.2fr 1fr;gap:90px;align-items:center;padding:60px 60px 65px;min-height:670px}.login-story{position:relative;padding:23px 0 0;background-image:linear-gradient(#c7cdbf3a 1px,transparent 1px),linear-gradient(90deg,#c7cdbf3a 1px,transparent 1px);background-size:38px 38px;background-position:0 6px}.login-story:after{content:'+';position:absolute;right:-21px;top:12px;font:24px/1 var(--mono);color:#858c7b}.eyebrow{font:14px/1.7 var(--mono);letter-spacing:.6px}.login-story>.eyebrow{display:flex;align-items:center;gap:10px;background:var(--paper);width:fit-content;padding:0 10px 0 0}.login-story>.eyebrow>span{width:6px;height:6px;background:var(--ink);flex-shrink:0}.login-story h1{font:700 clamp(76px,7.4vw,115px)/.9 Barlow,'Arial Narrow',sans-serif;letter-spacing:-1.3px;margin:43px 0 30px;position:relative;z-index:1}.login-story h1>span{display:inline-block;background:var(--accent);padding:0 7px 7px 0;margin-top:10px}.story-intro{font-size:13px;line-height:1.9;color:var(--muted);background:var(--paper);width:fit-content;padding-right:20px}.story-index{margin-top:36px;padding:20px 0 21px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper)}.index-label{font:13px/1.6 var(--mono);color:var(--muted)}.story-index ol{display:flex;flex-wrap:wrap;gap:14px 23px;list-style:none;margin:16px 0 0;padding:0}.story-index li{font-size:15px;display:flex;gap:8px;align-items:center}.story-index li>span{font:13px/1.5 var(--mono);color:var(--muted)}.technical-signature{display:flex;align-items:center;gap:17px;padding:19px 0 0;background:var(--paper);font:13px/1.5 var(--mono);letter-spacing:.3px;color:var(--muted)}.technical-signature>b{font:22px/1 Arial,sans-serif;color:var(--ink);font-weight:400}.login-panel{border:1px solid var(--ink);max-width:470px;width:100%;justify-self:end;background:#f8f7f0;box-shadow:10px 10px 0 #dce1cf;position:relative}.login-panel:before{content:'';position:absolute;top:-12px;left:22px;height:23px;width:78px;transform:rotate(-8deg);background:var(--accent);opacity:.9;border:1px solid #22251f18}.panel-top{display:flex;justify-content:space-between;gap:20px;background:var(--ink);color:var(--paper);padding:14px 23px;font:13px/1.5 var(--mono);letter-spacing:.4px}.panel-top>span:first-child{color:var(--accent)}.panel-content{padding:36px 34px 26px}.panel-symbol{font:37px/1 Arial,sans-serif;display:grid;place-items:center;width:61px;height:61px;background:var(--accent);border:1px solid var(--ink);margin-bottom:29px}.panel-content>.eyebrow{font-size:13px;color:var(--muted)}.panel-content h2{font:700 clamp(39px,3.6vw,52px)/1 Barlow,'Arial Narrow',sans-serif;letter-spacing:-.4px;margin:12px 0 19px}.panel-intro{font-size:16px;line-height:1.9;color:var(--muted);max-width:330px}.login-controls{margin-top:30px;display:flex;flex-direction:column;align-items:stretch;gap:15px}.login-button{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;min-height:54px;background:var(--ink);border:1px solid var(--ink);color:var(--paper);font-size:16px}.login-button:hover{background:#424d31}.login-button>span{font:23px/1 Arial,sans-serif}.login-button:focus-visible{outline-color:#748d1d}.access-note{font-size:14px;color:var(--muted);line-height:1.7}.account-link{align-self:flex-start;font-size:14px;border-bottom:1px solid var(--line);padding:2px 0}.account-link:hover{border-color:var(--ink)}.account-link>span{font:15px/1 Arial,sans-serif;margin-left:8px}.account-card{display:flex;gap:13px;align-items:center;border:1px solid var(--line);padding:13px;background:#e9edde;min-width:0}.account-symbol{font:700 23px/1 Barlow,sans-serif;background:var(--paper);border:1px solid #bac4a8;display:grid;place-items:center;width:38px;height:38px;flex-shrink:0}.account-card>div{min-width:0}.account-card strong{display:block;font-size:16px;font-weight:600;overflow-wrap:anywhere}.account-card>div>span{display:block;font-size:14px;color:var(--muted);line-height:1.7;overflow-wrap:anywhere}.panel-footnote{display:flex;align-items:center;gap:8px;margin-top:29px;border-top:1px solid var(--line);padding-top:18px}.panel-footnote p{font-size:13px;line-height:1.7;color:var(--muted)}.status-dot{width:5px;height:5px;border-radius:50%;background:#9aa48b;flex-shrink:0}.status-dot.verified{background:#657e20}.login-error{font-size:15px;line-height:1.8;padding:12px 13px;background:#efe1d5;color:#843c28;border-left:3px solid #a44e2e;margin-top:19px;overflow-wrap:anywhere}.login-footer{border-top:1px solid var(--line);padding:22px 60px;display:flex;align-items:center;justify-content:space-between;gap:25px;font:13px/1.5 var(--mono);color:var(--muted)}.login-footer>span:last-child{display:flex;gap:25px;align-items:center}.login-footer b{font:20px/1 var(--mono);font-weight:400;color:var(--ink)}
@media(min-width:1600px){.login-header,.login-footer{border-left:1px solid var(--line);border-right:1px solid var(--line)}.login-layout{border-left:1px solid var(--line);border-right:1px solid var(--line)}}
@media(max-width:1150px){.login-header{padding:0 40px;height:92px}.login-layout{padding:50px 40px 55px;gap:55px;grid-template-columns:1.05fr 1fr;min-height:640px}.login-story h1{font-size:8vw}.login-story>.eyebrow{font-size:13px}.panel-content{padding:32px 27px 25px}.panel-content h2{font-size:45px}.story-index ol{gap:14px 18px}.login-footer{padding-left:40px;padding-right:40px}}
@media(max-width:850px){.login-header{padding:0 28px}.login-layout{padding:42px 28px 48px;gap:35px;grid-template-columns:1fr 1fr}.login-story h1{font-size:8.3vw;letter-spacing:-.8px;margin-top:36px}.login-story>.eyebrow{font-size:12px;max-width:245px}.story-intro{font-size:16px}.story-index ol{gap:12px 17px}.story-index li{font-size:14px}.technical-signature{font-size:12px;gap:12px;flex-wrap:wrap}.panel-top{padding:13px 18px;font-size:12px}.panel-content{padding:28px 22px 22px}.panel-content h2{font-size:39px}.panel-intro{font-size:15px}.login-button{font-size:15px;padding:14px 15px;min-height:50px}.panel-symbol{height:54px;width:54px;font-size:32px}.login-footer{padding-left:28px;padding-right:28px;font-size:12px}}
@media(max-width:650px){.login-header{height:78px;padding:0 22px;gap:16px}.login-brand{font-size:12px;gap:11px}.login-brand>strong{font-size:35px}.login-brand>strong>span{font-size:22px}.login-brand small{font-size:10px;letter-spacing:1px}.portfolio-link{font-size:13px;gap:10px}.portfolio-link>span{font-size:17px}.login-layout{display:flex;flex-direction:column;align-items:stretch;padding:25px 24px 38px;gap:30px;min-height:0}.login-story{padding-top:9px;background-size:30px 30px}.login-story:after{right:0;top:3px;font-size:20px}.login-story>.eyebrow{font-size:12px;max-width:calc(100% - 25px);gap:8px}.login-story>.eyebrow>span{width:5px;height:5px}.login-story h1{font-size:clamp(65px,15.6vw,96px);line-height:.88;letter-spacing:-1px;margin:26px 0 19px}.login-story h1>span{margin-top:7px;padding-bottom:6px}.story-intro{font-size:15px;line-height:1.9}.story-index{margin-top:22px;padding:15px 0}.index-label{font-size:12px}.story-index ol{margin-top:11px;gap:10px 20px}.story-index li{font-size:14px;gap:6px}.story-index li>span{font-size:12px}.technical-signature{display:none}.login-panel{justify-self:stretch;align-self:center;max-width:470px;box-shadow:7px 7px 0 #dce1cf}.login-panel:before{height:19px;top:-10px;width:66px}.panel-top{padding:12px 20px;font-size:12px}.panel-content{padding:26px 24px 22px}.panel-symbol{width:45px;height:45px;font-size:28px;margin-bottom:21px}.panel-content h2{font-size:40px;margin-top:10px;margin-bottom:15px}.panel-content>.eyebrow{font-size:12px}.panel-intro{font-size:16px;line-height:1.8;max-width:none}.login-controls{margin-top:23px;gap:13px}.login-button{font-size:16px;padding:15px 17px;min-height:52px}.access-note{font-size:13px}.account-link{font-size:14px}.panel-footnote{margin-top:23px;padding-top:15px}.panel-footnote p{font-size:13px}.login-footer{padding:18px 24px;align-items:flex-start;gap:13px;flex-direction:column;font-size:12px}.login-footer>span:last-child{justify-content:space-between;width:100%}.login-footer b{font-size:16px}}
@media(max-width:350px){.login-header{padding:0 18px}.login-brand{gap:8px;font-size:11px}.login-brand small{font-size:9px}.portfolio-link{font-size:12px;gap:7px}.login-layout{padding-left:19px;padding-right:19px}.login-story h1{font-size:18vw}.panel-content{padding-left:19px;padding-right:19px}.panel-content h2{font-size:36px}.panel-top{padding-left:16px;padding-right:16px;font-size:11px}.story-index ol{gap:9px 14px}}
@media(max-width:650px){.login-panel{order:1;margin-top:10px}.login-story{order:2;margin-top:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* login-font-upsize-2: small text increased once by 4px. */
.login-header{height:auto;min-height:102px;padding-top:14px;padding-bottom:14px;flex-wrap:wrap;row-gap:10px}
.login-brand{min-width:0}
.login-brand>span{min-width:0;overflow-wrap:anywhere}
.portfolio-link{flex-shrink:0}
.panel-top{flex-wrap:wrap;row-gap:7px}
.panel-top>span,.login-footer>span{min-width:0;overflow-wrap:anywhere}
@media(max-width:1150px){.login-header{min-height:92px}}
@media(max-width:650px){.login-header{min-height:78px;padding-top:12px;padding-bottom:12px}}