*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#faf3eb;color:#533422;font-family:Montserrat,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:11px clamp(20px,5vw,72px);background:#fbf5ed;position:relative;z-index:10}.brand{text-decoration:none;color:#51311f;display:flex;flex-direction:column;align-items:flex-start;line-height:.85}.brand-main{font:500 44px/.86 'Cormorant Garamond',Georgia,serif;letter-spacing:-1.5px;position:relative}.leaf{font:17px Georgia,serif;position:absolute;top:-6px;right:-14px}.brand-sub{font-size:9px;letter-spacing:3px;margin-top:10px}.menu-toggle{border:0;background:none;width:48px;height:48px;display:grid;place-content:center;gap:6px;cursor:pointer}.menu-toggle span{display:block;width:29px;height:1.6px;background:#573827;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(7.6px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-7.6px) rotate(-45deg)}.navigation{display:none;position:absolute;top:100%;right:14px;left:14px;background:#fffaf3;box-shadow:0 12px 25px #4a2b1a20;border:1px solid #e8d9c9;border-radius:12px;padding:16px;flex-direction:column;gap:0}.navigation.open{display:flex}.navigation a{color:#573827;text-decoration:none;padding:13px 10px;font-size:13px}.navigation a[aria-current=page]{font-weight:600}

body{background:#faf3eb}main{padding-bottom:35px}.hero{height:clamp(210px,45vw,365px);max-width:1100px;margin:auto;position:relative;overflow:hidden}.hero img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 53%}.hero-fade{position:absolute;inset:65% 0 0;background:linear-gradient(0deg,#faf3eb,transparent)}.welcome{text-align:center;max-width:620px;margin:-10px auto 0;position:relative;padding:0 23px 22px}.eyebrow{font:600 10px/1.5 Montserrat,Arial,sans-serif;letter-spacing:.22em;color:#a38165;margin:0 0 8px}.welcome h1{font:500 clamp(43px,9vw,68px)/.99 'Cormorant Garamond',Georgia,serif;color:#51321f;margin:0 0 12px}.welcome>p:last-child{font-size:13px;line-height:1.7;color:#7b604e;margin:0 auto;max-width:390px}.login-area{max-width:480px;margin:0 auto;padding:0 22px 40px}#login-form{display:flex;flex-direction:column;gap:8px;background:#fffaf5b8;border:1px solid #e9dacb;border-radius:21px;padding:26px 22px 22px;box-shadow:0 8px 26px #6e49220b}label{font-size:12px;font-weight:500;color:#573a2a;margin:3px 0 0}input{font:13px Montserrat,Arial,sans-serif;border:1px solid #dfcfc0;border-radius:10px;background:#fffdf9;color:#573827;width:100%;height:49px;padding:0 14px;outline:none}input:focus{border-color:#97765e;box-shadow:0 0 0 3px #cdb59d55}input::placeholder{color:#b5a598}.password-wrap{position:relative}.password-wrap input{padding-right:91px}.password-wrap button{position:absolute;right:9px;top:9px;border:0;background:transparent;color:#7a5943;font-size:11px;padding:9px 7px;cursor:pointer}.helper{text-align:right;margin:2px 0 13px}.helper button{border:0;background:none;text-decoration:underline;text-underline-offset:3px;color:#82614b;font-size:11px;cursor:pointer}.submit{height:51px;border:0;border-radius:28px;background:#573827;color:#fff9f3;letter-spacing:.12em;font:600 11px Montserrat,Arial,sans-serif;cursor:pointer}.submit span{font-size:16px;margin-left:6px}.submit:hover{background:#6d4731}.status{min-height:0;margin:0;color:#69442d;font-size:12px;line-height:1.6;text-align:center}.status:empty{display:none}.new{text-align:center;color:#795e4a;font-size:12px;margin:24px 0 8px}.new a{color:#563724;font-weight:600;text-underline-offset:3px}.note{text-align:center;color:#977e6a;font-size:11px;line-height:1.6;margin:8px 0}footer{text-align:center;font-size:9px;letter-spacing:.3em;color:#a58d7a;padding:25px 0 40px}@media(min-width:900px){.header{height:95px}.navigation{position:static;display:flex;flex-direction:row;gap:12px;background:transparent;box-shadow:none;border:0;padding:0}.navigation a{font-size:12px}.menu-toggle{display:none}.hero{border-radius:0 0 8px 8px}.welcome{margin-top:0;padding-top:15px}}@media(max-width:390px){.brand-main{font-size:40px}.hero{height:215px}.welcome h1{font-size:43px}.login-area{padding-left:15px;padding-right:15px}}