.afterimage{--af-ink:#103b70;--af-paper:#f4f1e7;color:var(--af-ink);background:var(--af-paper);font-family:Georgia,'Songti SC','STSong',serif}
.af-layout{display:grid;grid-template-columns:58% 42%;min-height:calc(100svh - 112px)}
.af-art{position:relative;isolation:isolate;overflow:hidden;min-height:720px;color:var(--af-paper);background:#103b70;padding:40px 44px;display:flex;flex-direction:column}
.af-photo{position:absolute;inset:-2%;z-index:-2;width:104%;height:104%;object-fit:cover;object-position:center;transform:translate(var(--af-x,0px),var(--af-y,0px)) scale(1.02);filter:brightness(var(--af-light,1));transition:transform 700ms cubic-bezier(.2,.75,.25,1),filter 900ms ease}
.af-brand{font-size:22px;letter-spacing:.23em;font-weight:400}.af-brand small{display:block;font-size:11px;letter-spacing:.3em;margin-top:9px}
.af-art h2{font-weight:400;line-height:1.16;font-size:clamp(58px,6.3vw,106px);letter-spacing:-.04em;margin:66px 0 0;text-shadow:0 2px 28px #0a325955;position:relative}
.af-light-sweep{position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:0;background:linear-gradient(110deg,transparent 15%,#e8edff55 48%,transparent 75%);transform:translateX(-105%)}
.afterimage[data-state=processing] .af-light-sweep{animation:af-develop 1.1s cubic-bezier(.2,.8,.3,1) both}
@keyframes af-develop{0%{opacity:0;transform:translateX(-105%)}35%{opacity:.7}100%{opacity:0;transform:translateX(105%)}}
.af-art-controls{margin-top:auto;padding-top:42px;display:flex;align-items:center;gap:30px;font-size:13px;letter-spacing:.15em}
.af-exposure{display:flex;align-items:center;gap:20px;flex:1;min-width:0}.af-exposure input{width:100%;min-width:40px;accent-color:var(--af-paper);cursor:pointer}.af-exposure span{white-space:nowrap}
.af-presets{display:flex;gap:16px}.af-presets button{padding:13px 4px;border:0;background:transparent;color:inherit;font:inherit;white-space:nowrap;border-bottom:1px solid transparent}.af-presets button[aria-pressed=true]{border-color:currentColor}
.af-access{display:flex;align-items:center;justify-content:center;padding:70px 12%;background:var(--af-paper)}
.af-access-inner{width:100%;max-width:500px}.af-access h3{font-size:clamp(44px,5.5vw,86px);font-weight:400;letter-spacing:-.045em;line-height:1.15;margin:0 0 24px}.af-intro{font-size:20px;letter-spacing:.13em;line-height:1.8}
.af-form{margin-top:54px}.af-field{margin-bottom:22px;position:relative}.af-field label{display:block;font-size:13px;letter-spacing:.15em;margin-bottom:7px}.af-input-wrap{display:flex;align-items:center;border-bottom:1px solid #103b7070;transition:border-color .25s,box-shadow .25s}.af-input-wrap:focus-within{border-color:var(--af-ink);box-shadow:0 2px 0 var(--af-ink)}
.af-field input{font-family:Georgia,'Songti SC',serif;font-size:17px;color:var(--af-ink);width:100%;min-width:0;padding:14px 0;border:0;background:transparent;border-radius:0;box-shadow:none}.af-field input::placeholder{color:#727b81;opacity:1}.af-field input[aria-invalid=true]{color:#963522}.af-reveal{background:transparent;border:0;min-width:44px;min-height:44px;display:grid;place-items:center;color:var(--af-ink)}.af-reveal svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4}
.af-error{font-size:12px;line-height:1.6;color:#963522;min-height:20px;margin-top:6px}.af-submit{width:100%;border:0;color:var(--af-paper);background:var(--af-ink);display:flex;justify-content:space-between;align-items:center;padding:19px 24px;margin-top:18px;font-family:inherit;font-size:20px;letter-spacing:.18em;transition:background .3s,transform .3s}.af-submit span{flex:1;text-align:center}.af-submit:hover{background:#1d528d}.af-submit:active{transform:translateY(2px)}.af-submit:disabled{opacity:.65;cursor:wait}.af-submit svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.3}.af-feedback{min-height:26px;margin-top:14px;font-size:13px;line-height:1.7;letter-spacing:.04em}.af-demo{display:block;margin:10px auto 0;background:none;border:0;border-bottom:1px solid #103b7070;padding:12px 4px 7px;font-family:inherit;font-size:14px;letter-spacing:.1em}.af-note{font-size:11px;letter-spacing:.05em;line-height:1.8;color:#666f73;margin-top:40px;text-align:center}
.af-footer{min-height:56px;background:#0d2033;color:#e8e6dd;display:flex;align-items:center;justify-content:space-between;padding:0 44px;font-size:11px;letter-spacing:.22em;gap:20px}.af-motion{min-height:44px;background:none;border:0;color:inherit;font:inherit;letter-spacing:.08em}.af-footer a{padding:14px 0}.afterimage.af-paused *, .afterimage.af-inactive *{animation-play-state:paused!important}.afterimage.af-paused .af-photo{transition:none}
@media(min-width:1500px){.af-art{min-height:880px}.af-art h2{margin-top:95px}}
@media(max-width:1000px){.af-layout{grid-template-columns:54% 46%}.af-access{padding:58px 9%}.af-art{padding:32px;min-height:680px}.af-art-controls{flex-direction:column;align-items:stretch;gap:8px}.af-presets{justify-content:space-between}.af-art h2{font-size:clamp(48px,6vw,70px)}}
@media(max-width:680px){.af-layout{display:block}.af-art{min-height:590px;padding:28px 24px}.af-brand{font-size:18px}.af-art h2{font-size:clamp(48px,11.7vw,72px);margin-top:48px}.af-art-controls{padding-top:30px}.af-access{padding:56px 28px}.af-access h3{font-size:48px}.af-intro{font-size:15px}.af-form{margin-top:36px}.af-footer{padding:8px 24px;letter-spacing:.1em;flex-wrap:wrap}.af-note{margin-top:26px}.af-photo{object-position:center 55%}.af-art-controls{font-size:12px}}
@media(prefers-reduced-motion:reduce){.afterimage *{animation:none!important;transition:none!important}.afterimage .af-photo{transform:none}}
