@font-face{font-family:'Fredoka';font-weight:600;font-display:swap;src:url(/brand/fonts/fredoka-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Nunito';font-weight:400;font-display:swap;src:url(/brand/fonts/nunito-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Nunito';font-weight:700;font-display:swap;src:url(/brand/fonts/nunito-latin-700-normal.woff2) format('woff2')}
:root{--cream:#f7f0e1;--ink:#3d2a1c;--wood:#4f321e;--hay:#e2b04a;--grass:#6e9b3a;--grass-dk:#4f7526;--barn:#b5432f}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{background:var(--cream);color:var(--ink);font:18px/1.5 Nunito,system-ui,sans-serif}
.gate{min-height:100vh;display:grid;grid-template-columns:minmax(280px,460px) minmax(0,1fr)}
.copy{display:flex;flex-direction:column;justify-content:center;gap:18px;padding:48px 40px 56px;background:
  radial-gradient(500px 280px at 0 100%,#f6dc9688,transparent),
  linear-gradient(180deg,#fffaf0,#f7f0e1)}
.kicker{margin:0;font:700 12px/1 Nunito,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--barn)}
h1{margin:0;font:600 clamp(36px,5vw,58px)/1.05 Fredoka,system-ui,sans-serif;color:var(--wood);letter-spacing:-.02em}
h1 em{font-style:normal;color:var(--barn)}
.lead{margin:0;max-width:36ch;color:#6b5440}
.login{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;margin-top:8px;padding:14px 28px;border-radius:999px;background:var(--grass);color:#fff;text-decoration:none;font:600 22px/1 Fredoka,system-ui,sans-serif;box-shadow:0 4px 0 var(--grass-dk)}
.login:hover{background:#7eac45}
.login:focus-visible{outline:3px solid var(--hay);outline-offset:3px}
.note{margin:0;font-size:14px;color:#8f7860}
.art{position:relative;min-height:420px;background:#c9b28b center/cover no-repeat}
.art img.scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.art img.logo{position:absolute;top:28px;right:28px;width:min(42%,280px);height:auto;filter:drop-shadow(0 8px 14px #3d2a1c66)}
@media(max-width:860px){
  .gate{grid-template-columns:1fr}
  .art{min-height:52vw;order:-1}
  .art img.logo{top:16px;right:16px;width:min(46%,220px)}
  .copy{padding:28px 22px 40px}
}