/* Account access: editorial layout shared visually with Zip and Supply. */
:root{--ink:#1b211d;--muted:#69716b;--line:#e0e4dc;--paper:#f3f4ed;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid #335a37;outline-offset:4px}[hidden]{display:none!important}
.access-header{height:88px;padding:0 4vw;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:32px}
.access-brand{font-size:32px;font-weight:600;letter-spacing:-2px;text-decoration:none}.access-brand span{color:#738764}.access-header-label{font-size:10px;letter-spacing:.12em;color:var(--muted)}.access-back{margin-left:auto;font-size:12px;text-decoration:none}
.access-layout{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100svh - 88px)}
.access-world{padding:clamp(36px,4vw,68px);background:var(--paper);border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;min-width:0}
.access-eyebrow{margin:0 0 24px;font-size:10px;font-weight:600;letter-spacing:.12em}.access-world h1{font-size:clamp(48px,5.5vw,88px);font-weight:400;letter-spacing:-.065em;line-height:1.02;margin:0 0 36px}.access-art{width:100%;max-width:580px;align-self:center}.access-world-footer{display:flex;justify-content:space-between;align-items:center;margin-top:28px;padding-top:20px;border-top:1px solid #d8ddcf;font-size:12px;color:var(--muted)}.access-world-footer>span:last-child{font-size:24px}
.access-panel{display:flex;flex-direction:column;padding:48px clamp(28px,6vw,100px) 24px;min-width:0}.access-content{width:100%;max-width:420px;margin:auto; padding:24px 0 48px}.access-context{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:40px;font-size:10px;letter-spacing:.08em;color:var(--muted)}.access-context span:last-child{letter-spacing:0;overflow-wrap:anywhere}.access-content h2{font-size:clamp(34px,3vw,48px);line-height:1.06;font-weight:400;letter-spacing:-.055em;margin:0 0 16px}.access-description{font-size:14px;line-height:1.6;color:var(--muted);margin:0 0 36px}
.access-form{display:grid;gap:24px}.access-field{min-width:0}.access-field label{display:block;font-size:12px;margin:0 0 10px}.access-field input{display:block;width:100%;height:52px;border:1px solid #ccd2c8;border-radius:0;background:transparent;padding:0 14px;color:var(--ink);font-size:16px;transition:border-color .15s}.access-field input::placeholder{color:#92988e;font-size:14px}.access-field input:focus{outline:2px solid #335a37;outline-offset:2px}.access-label-row{display:flex;justify-content:space-between;gap:16px;align-items:baseline}.access-label-row a{font-size:11px;color:var(--muted);text-decoration:none}.access-address{display:flex;border:1px solid #ccd2c8;align-items:center;padding-right:14px;gap:8px}.access-address input{border:0;min-width:0;flex:1;width:0}.access-address span{font-size:13px;color:var(--muted);white-space:nowrap}.access-help{font-size:11px;line-height:1.6;color:var(--muted);margin:8px 0 0}.access-check{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.7;cursor:pointer}.access-check input{width:15px;height:15px;accent-color:var(--ink);margin:2px 0 0;flex-shrink:0}.access-submit,#authSdkReload{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:54px;border:1px solid var(--ink);border-radius:0;background:var(--ink);color:#fff;padding:15px 18px;cursor:pointer;font-size:13px}.access-submit:hover,#authSdkReload:hover{background:#354237}.access-submit:disabled{opacity:.5;cursor:wait}.access-submit>span:last-child{font-size:20px}.access-switch{margin:28px 0 0;padding-bottom:28px;border-bottom:1px solid var(--line);font-size:12px;line-height:1.9;color:var(--muted)}.access-switch a{color:var(--ink);white-space:nowrap;margin-left:6px}.access-security{margin:20px 0 0;font-size:11px;color:var(--muted)}.access-legal{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted);padding-top:20px}.access-legal nav{display:flex;gap:20px}.access-legal a{text-decoration:none}.access-error,.access-success,.access-notice{font-size:12px;line-height:1.6;padding:14px;border-left:2px solid #a03e30;background:#fcf2ee;color:#853327;overflow-wrap:anywhere}.access-success,.access-notice{border-color:#335a37;background:#f0f4e9;color:#335a37}.access-notice{margin-bottom:24px}.access-spinner{width:18px;height:18px;border:1px solid #ffffff66;border-top-color:#fff;border-radius:50%;animation:access-spin .8s linear infinite}@keyframes access-spin{to{transform:rotate(360deg)}}
@media(min-width:1600px){.access-world{padding-inline:7vw}.access-panel{padding-inline:8vw}}
@media(max-width:760px){.access-header{height:68px;padding:0 24px;gap:16px}.access-brand{font-size:28px}.access-header-label{display:none}.access-layout{display:flex;flex-direction:column;min-height:calc(100svh - 68px)}.access-world{position:relative;padding:28px 24px;border-right:0;border-bottom:1px solid var(--line);overflow:hidden;min-height:175px;justify-content:center}.access-eyebrow{font-size:8px;margin-bottom:14px;max-width:65%;line-height:1.5}.access-world h1{font-size:38px;line-height:1;max-width:65%;margin:0}.access-art{position:absolute;width:150px;right:-28px;top:16px;transform:rotate(5deg)}.access-art .zip-art-caption{display:none}.access-art .zip-art-name{font-size:10px}.access-art .zip-art-tile{padding:8px}.access-art .zip-art-press::after{font-size:46px;bottom:9px}.access-world-footer{display:none}.access-panel{flex:1;padding:0 24px 20px}.access-content{padding:28px 0 36px;margin:0 auto}.access-context{margin-bottom:28px;padding-bottom:14px;font-size:9px}.access-content h2{font-size:36px;max-width:300px}.access-description{margin-bottom:28px;font-size:13px}.access-form{gap:22px}.access-legal{margin-top:auto}.access-switch a{margin-left:0}.access-back{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.zip-hero-art {
  position: relative;
  width: 100%;
  aspect-ratio: 1.08;
  min-width: 0;
  overflow: hidden;
  background: #eeefe8;
}
.zip-art-grid {
  position: absolute;
  inset: -7%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 14px;
  transform: rotate(-8deg) scale(.88);
}
.zip-art-tile {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 26px;
  overflow: hidden;
  background: #fbfcf7;
  box-shadow: 0 10px 35px #3b442b0b;
}
.zip-art-name { position: relative; z-index: 1; font-size: clamp(19px, 2.2vw, 34px); letter-spacing: -.045em; }
.zip-art-caption { position: relative; z-index: 1; align-self: flex-start; font-size: 11px; }
.zip-art-press { background: #dfedc2; }
.zip-art-press::after {
  content: 'Aa';
  position: absolute;
  right: 14px;
  bottom: 32px;
  font-family: Georgia, serif;
  font-size: clamp(90px, 11vw, 160px);
  line-height: 1;
  letter-spacing: -.08em;
}
.zip-art-space { background: #dae6f1; }
.zip-art-space::after {
  content: '';
  position: absolute;
  width: 57%;
  aspect-ratio: 1;
  top: 30%;
  left: 25%;
  border: 1px solid #34516b;
  border-radius: 50%;
  box-shadow: 21px 0 0 -1px #dae6f1, 21px 0 0 0 #34516b, -21px 0 0 -1px #dae6f1, -21px 0 0 0 #34516b;
}
.zip-art-radio { background: #e5d7c7; }
.zip-art-waves { display: flex; align-items: center; justify-content: center; gap: 7px; height: 100px; }
.zip-art-waves i { width: 3px; height: var(--wave-height); background: #4c3b2e; border-radius: 3px; }
.zip-art-gallery { background: #f6f2dc; }
.zip-art-gallery::after {
  content: '';
  position: absolute;
  left: 28%;
  top: 31%;
  width: 47%;
  aspect-ratio: .78;
  background: #9fa478;
  transform: rotate(12deg);
  box-shadow: -15px 8px 0 #bec294, 15px -7px 0 #dedcb6;
}

.access-arrow{display:inline-block;width:18px;height:18px;flex-shrink:0;vertical-align:middle}.access-switch .access-arrow{width:13px;height:13px;margin-left:4px}.access-world-footer>.access-arrow{width:24px;height:24px}