:root{color-scheme:light;--canvas:#f8f5f1;--paper:#fcfaf7;--paper-deep:#f4f0eb;--ink:var(--brand-ink);--muted:#676862;--line:#e5e1dc;--subtle-line:#ede9e5;--shadow:0 12px 24px rgba(32,29,25,.07),0 1px 3px rgba(32,29,25,.035);--header-height:60px;--page-max:1320px}
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;min-height:100svh;background:var(--canvas);color:var(--ink);font-family:Inter,'Inter Display',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}
    button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
    .page-width{width:calc(100% - 96px);max-width:var(--page-max);margin-inline:auto}
    .site-header{position:relative;z-index:5;height:var(--header-height);background:rgba(250,247,243,.97);border-bottom:1px solid rgba(38,37,35,.065);backdrop-filter:blur(14px)}
    .header-inner{display:flex;align-items:center;justify-content:space-between;height:100%}
    .brand{display:inline-flex;align-items:center;gap:12px;font-size:15px;font-weight:700;letter-spacing:-.035em;white-space:nowrap}
    .brand-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px}
    .back-link{display:inline-flex;align-items:center;gap:9px;color:#51534e;font-size:12px;transition:color .2s ease,transform .2s ease}
    .back-link svg{transition:transform .25s ease}
    .brand:focus-visible,.back-link:focus-visible,.signup-action:focus-visible,.reveal:focus-visible{outline:3px solid #858883;outline-offset:4px}
    .back-link:hover{color:var(--brand-ink)}.back-link:hover svg{transform:translateX(-3px)}

    .signup-shell{display:grid;grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);gap:clamp(28px,5vw,80px);align-items:center;min-height:calc(100svh - 131px);padding-block:clamp(36px,5.4vh,70px)}
    .story-side{min-width:0;max-width:610px;padding:8px 0 0}
    .section-label{margin:0 0 16px;font-size:11px;color:#555752;font-weight:550;letter-spacing:.045em}
    .story-side h1{font-size:clamp(45px,4.5vw,68px);letter-spacing:-.065em;line-height:1.025;font-weight:750;margin:0 0 20px}
    .story-side h1 span{color:var(--surface-muted)}
    .story-description{font-size:14px;line-height:1.7;max-width:420px;color:#62645e;margin:0 0 30px}
    .image-shell{position:relative;border:8px solid #fffdfa;border-radius:13px;overflow:hidden;background:#e7e4df;box-shadow:var(--shadow);max-width:520px;aspect-ratio:1.77}
    .image-shell img{width:100%;height:100%;object-fit:cover;filter:saturate(.91);transition:transform 1.2s cubic-bezier(.2,.7,.2,1),filter 1s ease}
    .image-shell:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(0deg,rgba(var(--brand-ink-rgb),.42),transparent);pointer-events:none}
    .image-label{position:absolute;z-index:1;bottom:14px;left:15px;color:#fff;font-size:10px;letter-spacing:.04em;font-weight:600;text-shadow:0 1px 6px rgba(0,0,0,.25)}
    .story-caption{display:flex;align-items:center;gap:9px;color:var(--surface-muted);font-size:11px;margin:16px 0 0}
    .caption-rule{width:28px;height:1px;background:#b0ada7}

    .form-side{display:flex;align-items:center;justify-content:center;min-width:0}
    .signup-card{width:100%;max-width:525px;padding:clamp(27px,4.2vw,48px);background:rgba(255,253,250,.91);border:1px solid #e5e1dc;border-radius:13px;box-shadow:0 17px 36px rgba(32,29,25,.065),0 2px 6px rgba(32,29,25,.025)}
    .form-eyebrow{display:flex;gap:10px;align-items:center;margin-bottom:16px;color:#60625c;font-weight:600;font-size:10px;letter-spacing:.05em}
    .form-eyebrow .dash{display:block;width:23px;height:2px;background:var(--brand-ink)}
    .signup-card h2{font-size:clamp(29px,3vw,39px);line-height:1.1;letter-spacing:-.055em;margin:0 0 11px;font-weight:700}
    .form-intro{font-size:13px;line-height:1.6;color:#666862;margin:0 0 26px;max-width:355px}
    .signup-form{display:flex;flex-direction:column;gap:16px}
    .form-field{min-width:0}
    .field-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 8px}
    .field-head label{font-size:12px;color:var(--brand-ink);font-weight:650}
    .required-dot{font-size:11px;color:var(--surface-muted);font-weight:500}
    .field-control{position:relative}
    .field-control input{display:block;width:100%;height:47px;padding:0 44px 0 13px;color:var(--brand-ink);border:1px solid #d8d4cf;border-radius:7px;background:rgba(255,255,255,.88);font-size:13px;letter-spacing:.005em;outline:0;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}
    .field-control input::placeholder{color:var(--surface-muted)}
    .field-control input:hover{border-color:#aba9a1}
    .field-control input:focus{border-color:#686e65;background:#fff;box-shadow:0 0 0 3px rgba(var(--brand-ink-rgb),.1)}
    .form-field.is-invalid input{border-color:#b56861;background:#fffafa}
    .form-field.is-invalid input:focus{box-shadow:0 0 0 3px rgba(181,104,97,.10)}
    .field-check{position:absolute;right:14px;top:50%;transform:translateY(-50%) scale(.8);color:var(--brand-ink);opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease}
    .form-field.is-valid .field-check{opacity:1;transform:translateY(-50%) scale(1)}
    .field-control.has-toggle input{padding-right:80px}
    .field-control.has-toggle .field-check{right:62px}
    .reveal{position:absolute;right:11px;top:50%;transform:translateY(-50%);padding:6px 4px;background:transparent;border:0;color:#595c56;font-size:11px;font-weight:650;min-width:43px;transition:color .2s ease}
    .reveal:hover{color:var(--brand-ink)}
    .field-hint{margin:7px 0 0;color:var(--surface-muted);font-size:10.5px;line-height:1.45}
    .field-error{display:none;margin:7px 0 0;color:#9a5049;font-size:11px;line-height:1.4}
    .form-field.is-invalid .field-error{display:block}
    .form-divider{height:1px;background:#e9e6e1;margin:3px 0 0}
    .signup-action{width:100%;min-height:48px;padding:12px 16px;display:flex;justify-content:center;align-items:center;gap:11px;border:1px solid #242522;border-radius:7px;color:#fff;background:linear-gradient(180deg,#2b2c2a,var(--brand-ink));font-size:13px;font-weight:600;box-shadow:0 3px 6px rgba(0,0,0,.12);transition:transform .25s ease,box-shadow .25s ease}
    .signup-action svg{transition:transform .25s ease}
    .signup-action:hover{transform:translateY(-2px);box-shadow:0 8px 15px rgba(0,0,0,.13)}
    .signup-action:hover svg{transform:translateX(4px)}
    .signup-action:active{transform:translateY(0)}
    .form-footnote{margin:0;color:var(--surface-muted);text-align:center;font-size:10.5px;line-height:1.55}
    .form-status{display:none;margin:0;padding:12px 13px;border:1px solid var(--surface-recessed);border-radius:7px;background:var(--surface-recessed);color:var(--brand-ink);font-size:12px;line-height:1.55}
    .form-status.is-visible{display:block}
    .form-status.is-error{border-color:#ebd4d1;background:#fff7f5;color:#914d47}
    .site-footer{min-height:71px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0 23px;color:var(--surface-muted);font-size:11px}
    .footer-links{display:flex;align-items:center;gap:15px}
    .footer-links a{color:var(--brand-ink);transition:opacity .2s ease}.footer-links a:hover{opacity:.62}
    @media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.image-shell:hover img{transform:scale(1.045);filter:saturate(1.03)}}
    @media(prefers-reduced-motion:no-preference){.story-side{animation:enter .85s cubic-bezier(.19,1,.22,1) both}.signup-card{animation:enter .9s cubic-bezier(.19,1,.22,1) .10s both}@keyframes enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}}
    @media(max-width:900px){.page-width{width:calc(100% - 58px)}.signup-shell{grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);gap:24px}.story-side h1{font-size:clamp(37px,4.7vw,53px)}.signup-card{padding:27px}.story-description{font-size:12px}.image-shell{border-width:6px}}
    @media(max-width:700px){.page-width{width:calc(100% - 36px)}.signup-shell{grid-template-columns:1fr;gap:27px;padding-block:32px 26px;min-height:0}.story-side{max-width:none;padding:0}.story-side .section-label{font-size:10px;margin-bottom:10px}.story-side h1{font-size:clamp(37px,8.5vw,50px);margin-bottom:10px}.story-description{margin-bottom:0;font-size:12px;max-width:520px}.image-shell,.story-caption{display:none}.form-side{display:block}.signup-card{max-width:none;padding:clamp(22px,5vw,32px)}.site-footer{padding-top:10px;align-items:flex-start}.back-link{font-size:11px}}
    @media(max-width:390px){.brand{font-size:13px}.brand-icon{transform:scale(.93)}.signup-card{padding:21px}.field-control input{height:45px}.form-intro{margin-bottom:21px}.signup-form{gap:14px}.story-side h1{font-size:36px}}
    @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}