
:root{--paper:#f8f6f1;--navy:#172e3b;--gold:#a18456;--line:#d8cbb8;--muted:#52616a;--font:"Segoe UI",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--navy);font-family:var(--font);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icons{display:none}.skip{position:fixed;top:-100px;right:15px;padding:10px;background:var(--navy);color:#fff;z-index:5}.skip:focus{top:12px}:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.card{width:min(100%,460px);margin:0 auto;padding:26px 24px 21px}.brand{text-align:center;margin:0 auto 24px;width:max-content}.brand img{display:block;margin:0 auto 7px;width:58px;height:56px}.brand-name{font-size:30px;letter-spacing:5px;line-height:1.15;font-weight:350;padding-left:5px}.brand-tag{display:flex;align-items:center;gap:7px;font-size:12px;line-height:1.7;justify-content:center}.brand-tag:before,.brand-tag:after{content:"";width:19px;height:1px;background:var(--gold)}.portrait{margin:0 14px;overflow:hidden;border-radius:27px;background:#183549;aspect-ratio:1.245}.portrait img{width:100%;height:100%;object-fit:cover;display:block}.intro{text-align:center;padding:15px 0 23px}.intro h1{font-size:35px;line-height:1.25;letter-spacing:-.8px;margin:0 0 6px;font-weight:750}.role{display:flex;justify-content:center;align-items:center;gap:12px;margin:0;font-size:17px;font-weight:500}.role:before,.role:after{content:"";width:21px;height:1px;background:var(--gold)}.intro h2{font-family:"Times New Roman",serif;font-size:34px;font-weight:400;line-height:1.25;letter-spacing:-.7px;margin:19px 0 8px}.intro h2 span{color:var(--gold)}.subtitle{font-size:15px;line-height:1.6;margin:0;color:var(--muted)}.button{display:flex;align-items:center;justify-content:center;gap:11px;min-height:51px;padding:12px 10px;font-size:16px;font-weight:650;border:1px solid transparent;border-radius:10px;line-height:1.35;transition:background .18s,transform .18s,color .18s}.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(0)}.primary{background:var(--navy);color:#fff}.primary:hover{background:#244957}.primary svg{width:25px;height:25px}.secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.secondary{border-color:#bda783;background:transparent;font-size:14px;gap:8px;color:var(--navy);font-weight:600}.secondary svg{color:#937341;width:22px;height:22px}.secondary:hover{background:#f0eade}.navigation{margin-top:24px;border-top:1px solid var(--line)}.nav-row{display:flex;width:100%;align-items:center;gap:15px;min-height:55px;padding:13px 12px;background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--navy);text-align:right;font-size:17px;font-weight:600;transition:background .18s}.nav-row:hover{background:#f0ece3}.row-icon{color:#937341;width:25px;height:25px}.chevron{margin-right:auto;color:#937341;width:19px;height:19px}footer{display:flex;align-items:center;justify-content:center;gap:19px;padding-top:20px;font-size:13px}footer a,footer button{display:flex;align-items:center;gap:8px;min-height:36px}footer button{padding:0;background:none;border:0;color:var(--navy)}footer svg{width:20px;height:20px;color:#937341}.footer-divider{height:19px;width:1px;background:var(--line)}dialog{border:1px solid #d8cbb8;background:var(--paper);color:var(--navy);border-radius:22px;padding:45px 27px 28px;width:min(calc(100% - 32px),420px);max-height:90dvh;box-shadow:0 24px 90px #11263233;line-height:1.7}dialog::backdrop{background:#15293691;backdrop-filter:blur(4px)}dialog h2{font-size:28px;line-height:1.2;margin:12px 0 16px}dialog p{font-size:16px;color:var(--muted);margin:12px 0 22px}.close{position:absolute;top:12px;left:12px;border:0;background:transparent;color:var(--navy);padding:7px;display:flex;border-radius:50%}.close:hover{background:#eae3d6}.dialog-icon{width:34px;height:34px;color:#937341}dialog .button{width:100%;margin-top:15px}.text-link{display:block;text-align:center;margin-top:19px;font-size:14px;text-decoration:underline;text-underline-offset:4px}label{display:block;margin-bottom:7px;font-size:15px;font-weight:600}select,input{width:100%;padding:12px;border:1px solid #b8aa96;border-radius:8px;color:var(--navy);background:#fff;font-size:16px}.small{font-size:13px!important;margin:15px 0 0!important}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,18px);border-radius:10px;background:var(--navy);color:#fff;padding:13px 20px;opacity:0;pointer-events:none;transition:.2s;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}@media(min-width:700px){.card{padding-top:36px;padding-bottom:32px}.portrait{margin:0 14px}.brand{margin-bottom:25px}}@media(max-width:359px){.card{padding:22px 17px}.intro h2{font-size:29px}.secondary{font-size:12px;gap:5px}.intro h1{font-size:32px}.portrait{margin:0 8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.portrait img{transform:scale(1.24);transform-origin:50% 13%}

/* Compact mobile edition. Keep every action comfortable to tap. */
@font-face{font-family:Gveret;src:url('assets/GveretLevin-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
.card{padding:14px 20px 10px;max-width:420px}
.brand{display:grid;grid-template-columns:42px auto;column-gap:10px;direction:ltr;align-items:center;margin:0 auto 12px}
.brand img{grid-row:1/3;width:42px;height:44px;margin:0}
.brand-name{font-size:25px;line-height:1.1;letter-spacing:4px}
.brand-tag{font-size:10px;line-height:1.4;gap:5px}
.brand-tag:before,.brand-tag:after{width:13px}
.portrait{height:180px;aspect-ratio:auto;margin:0 18px;border-radius:22px}
.portrait img{object-fit:cover;object-position:50% 25%;transform:scale(1.03);transform-origin:50% 25%}
.intro{padding:9px 0 12px}
.intro h1{font-size:30px;line-height:1.15;margin:0 0 3px;letter-spacing:-.5px}
.role{font-size:15px;gap:9px;line-height:1.4}
.intro .slogan{display:flex;justify-content:center;align-items:baseline;flex-wrap:wrap;column-gap:7px;row-gap:0;margin:8px -4px 3px;line-height:1.5;letter-spacing:0;font-weight:400}
.intro .slogan-main{font-family:Gveret,cursive;font-size:26px;color:#82673e;white-space:nowrap}
.intro .slogan-tail{font-family:var(--font);font-size:13px;white-space:nowrap;color:var(--muted)}
.subtitle{font-size:13px;line-height:1.4}
.button{min-height:46px;padding:10px 8px;font-size:15px}
.secondary-actions{margin-top:7px;gap:7px}
.secondary{font-size:14px;gap:7px;min-height:44px}
.navigation{margin-top:12px}
.nav-row{min-height:44px;padding:9px 10px;gap:12px;font-size:15px;line-height:24px}
.row-icon{width:22px;height:22px}
footer{padding-top:4px;font-size:12px;gap:16px}
footer a,footer button{min-height:44px}
@media(max-height:700px) and (max-width:699px){.card{padding-top:10px}.brand{margin-bottom:9px}.portrait{height:145px}.intro{padding:7px 0 9px}.intro .slogan{margin-top:5px}.navigation{margin-top:9px}}
@media(max-width:359px){.card{padding-right:15px;padding-left:15px}.portrait{margin:0 14px;height:130px}.intro h1{font-size:28px}.intro .slogan-main{font-size:23px}.intro .slogan-tail{font-size:12px}.intro .slogan{column-gap:5px}.secondary{font-size:13px}}
@media(min-width:700px){body{background:#eae7e0}.card{margin:28px auto;padding:20px 26px 12px;background:var(--paper);border:1px solid #d8cbb8;border-radius:28px;box-shadow:0 12px 45px #172e3b0d}.brand{margin-bottom:14px}.portrait{height:180px}}
.portrait img{object-position:50% 0;transform:none}
.secondary{white-space:nowrap}
@media(max-width:359px){.portrait{height:115px}.secondary{gap:4px;padding-inline:5px}.secondary svg{width:20px;height:20px}}
@media(max-height:600px) and (max-width:699px){.portrait{height:90px}.brand{margin-bottom:6px}.intro{padding-top:5px;padding-bottom:7px}.navigation{margin-top:7px}}
