@import url('/typography/base.css');
.access-page{margin:0;background:#f5f5f3;color:#13251f;font-family:var(--font-sans)}
.access-scene{max-width:1440px;margin:auto;padding:36px 5vw}.access-scene header{display:flex;justify-content:space-between;font-size:16px}.access-scene-project{display:grid;grid-template-columns:1fr 1.65fr;align-items:center;gap:64px;margin-top:120px}.access-scene-project p{font-size:14px;color:#65716c}.access-scene-project h2{font-size:36px;line-height:1.15;font-weight:400;letter-spacing:-.04em;max-width:360px}.access-scene-project img{width:100%;border-radius:16px}
.access-dialog{box-sizing:border-box;position:fixed;inset:0;width:min(392px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:24px;border:1px solid rgb(255 255 255 / 90%);border-radius:20px;background:#fdfefd;color:#13251f;font:400 16px/1.5 var(--font-sans);box-shadow:0 0 0 1px rgb(19 37 31 / 7%),0 2px 6px rgb(19 37 31 / 5%),0 24px 80px -20px rgb(19 37 31 / 30%);overflow:auto;overscroll-behavior:contain}
.access-dialog *{box-sizing:border-box}.access-dialog::backdrop{background:rgb(28 37 32 / 22%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.access-heading-row{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.access-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:#4b6155;background:linear-gradient(150deg,#fff,#edf1ec);border:1px solid #e1e7e0;box-shadow:0 2px 3px rgb(19 37 31 / 3%),inset 0 1px 0 #fff}.access-dialog svg{display:block;flex-shrink:0}
.access-close{display:grid;place-items:center;width:36px;height:36px;margin:-8px -8px 0 0;border-radius:50%;color:#6f7872;text-decoration:none}.access-close:hover{background:#edf0ec;color:#13251f}.access-close:active{background:#e4e9e3}
.access-dialog h1{font:400 28px/1.1 var(--font-sans);letter-spacing:-.045em;margin:0 0 12px}.access-dialog #access-description{font-size:14px;line-height:20px;color:#6a746e;max-width:300px;margin:0}.access-form{margin-top:20px}.access-form label{display:block;font-size:13px;line-height:20px;margin-bottom:8px;color:#46534b}.access-form input[type=password]{display:block;width:100%;height:44px;padding:10px 12px;border:1px solid #dce2db;border-radius:10px;background:#f7f9f5;color:#13251f;font:400 16px/24px var(--font-sans);box-shadow:inset 0 1px 2px rgb(19 37 31 / 2%)}.access-form input::placeholder{color:#89928a}.access-form input:hover{border-color:#bcc7bc}.access-form input:focus{background:#fff;border-color:#849881;outline:3px solid rgb(116 140 106 / 12%);outline-offset:1px}.access-form input[aria-invalid=true]{border-color:#b66e56}
.access-message{margin:8px 0 0;font-size:13px;line-height:20px;color:#94452d}.access-message:empty{display:none}.access-submit{width:100%;min-height:44px;margin-top:12px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #1c3528;border-radius:10px;background:#243e2f;color:#fff;font:400 14px/22px var(--font-sans);cursor:pointer;box-shadow:0 1px 2px #13251f12,inset 0 1px 0 #ffffff12}.access-submit:hover{background:#304e3c}.access-submit:active{background:#1a3023}.access-submit:disabled{opacity:.65;cursor:wait}.access-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:16px;padding-top:16px;border-top:1px solid #e9ede7;font-size:13px;line-height:20px;color:#7b847d}.access-footer a{color:#405746;text-decoration:none}.access-footer a:hover{text-decoration:underline;text-underline-offset:3px}.access-dialog :is(a,button):focus-visible{outline:2px solid #849881;outline-offset:4px}
@media(prefers-reduced-motion:no-preference){.access-dialog[open]{animation:access-arrive .22s cubic-bezier(.2,.7,.2,1) both}.access-dialog[open]::backdrop{animation:access-backdrop .22s ease-out both}.access-submit,.access-close{transition:background .15s,color .15s}@keyframes access-arrive{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}@keyframes access-backdrop{from{opacity:0}to{opacity:1}}}
@media(max-width:600px){.access-dialog{padding:24px;border-radius:20px}.access-dialog h1{font-size:28px}.access-heading-row{margin-bottom:20px}.access-scene-project{display:block;margin-top:80px}.access-scene-project img{margin-top:40px}.access-scene-project h2{font-size:28px}}