:root{--orange:#EB4F27;--orange-dark:#9b311f;--navy:#172033;--bg:#ebe9e4;--ok:#276846;--font:"Helvetica Neue",Helvetica,Arial,sans-serif}
*{box-sizing:border-box;margin:0}
html,body{height:100%}
body{font-family:var(--font);color:var(--navy);background:var(--bg);-webkit-font-smoothing:antialiased}
.wrap{min-height:100%;display:flex;flex-direction:column}
.copy{padding:2rem 1.25rem 2.5rem;display:flex;flex-direction:column;gap:1.25rem;justify-content:center}
.logo{width:180px;height:auto;margin-bottom:1rem}
h1{font-size:clamp(2rem,8vw,3.75rem);line-height:1.05;font-weight:800;letter-spacing:-.02em}
.sub{font-size:1.0625rem;line-height:1.55;max-width:34rem;opacity:.85}
.row{display:flex;flex-direction:column;gap:.625rem;max-width:30rem}
input[type=email]{font:inherit;font-size:1rem;padding:.95rem 1rem;border:2px solid var(--navy);border-radius:10px;background:#fff;color:var(--navy);width:100%}
input[type=email]:focus{outline:3px solid rgba(235,79,39,.35);border-color:var(--orange)}
button{font:inherit;font-weight:700;font-size:1rem;padding:.95rem 1.5rem;border:0;border-radius:10px;background:var(--orange);color:#fff;cursor:pointer;transition:background .15s}
button:hover{background:var(--orange-dark)}button:disabled{opacity:.7;cursor:wait}
.note{font-size:.875rem;opacity:.7;margin-top:.75rem}
.msg{min-height:1.25rem;font-size:.95rem;font-weight:600;margin-top:.5rem}
.msg.ok{color:var(--ok)}.msg.err{color:var(--orange-dark)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.hero{min-height:42vh;background:var(--navy) url(https://nellod.myshopify.com/cdn/shop/t/21/assets/hero-lifestyle.jpg) center/cover no-repeat;order:-1}
@media(min-width:480px){.row{flex-direction:row}input[type=email]{flex:1}}
@media(min-width:900px){.wrap{flex-direction:row;min-height:100vh}.copy{flex:1 1 52%;padding:4rem clamp(2rem,5vw,5rem)}.logo{width:240px}.hero{order:0;flex:1 1 48%;min-height:100vh}}