:root{font-family:'Avenir Next',Avenir,'Segoe UI',sans-serif;color:#eaf0e9;background:#183e36;line-height:1.6}*{box-sizing:border-box}body{margin:0}header,main,footer{width:min(1120px,calc(100% - 64px));margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:32px 0;border-bottom:1px solid #46665a}a{color:inherit;text-underline-offset:5px}.brand{font-size:30px;font-weight:750;text-decoration:none;letter-spacing:-.03em}.private{display:flex;align-items:center;gap:9px;text-decoration:none;font-size:14px;padding:12px 0}main{padding:90px 0 100px}h1{font-size:clamp(42px,6vw,76px);max-width:24ch;line-height:1.08;letter-spacing:-.035em;font-weight:600;margin:0 0 30px}p{max-width:60ch}.intro{font-size:21px;color:#cbdccf;max-width:42ch;line-height:1.65}.entry{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;border-top:1px solid #46665a;margin-top:70px;padding-top:36px}h2{font-size:22px;line-height:1.3;margin:0 0 12px}.entry p{color:#cbdccf}.button{display:inline-flex;gap:32px;align-items:center;background:#edf1df;color:#183e36;border-radius:6px;padding:14px 22px;font-weight:650;text-decoration:none;margin-top:10px;min-height:48px}.button:hover{background:#fff}.small{font-size:13px}footer{display:flex;justify-content:space-between;border-top:1px solid #46665a;padding:24px 0;color:#cbdccf;font-size:13px}:focus-visible{outline:3px solid #e0c16d;outline-offset:5px}::selection{background:#e0c16d;color:#183e36}@media(max-width:640px){header,main,footer{width:calc(100% - 40px)}header{padding:20px 0}main{padding:56px 0}.entry{grid-template-columns:1fr;gap:30px;margin-top:40px}.intro{font-size:18px}footer{gap:20px}.private{font-size:12px}}

header{width:100%;padding:18px max(32px,calc((100vw - 1120px)/2));background:#f4f3ed;color:#183e36;border:0}.brand{display:inline-flex;align-items:flex-start;gap:4px}.brand img{width:230px;height:auto;display:block}.brand sup{font-size:13px;margin-top:12px}.button{background:#d8aa4d}.button:hover{background:#ebc576}@media(max-width:640px){header{padding:18px 20px}.brand img{width:155px}.brand sup{font-size:10px;margin-top:6px}.private{max-width:110px;line-height:1.4}}

/* Four reversible marketing concepts; original logo artwork is preserved. */
body{--surface:#183e36;--text:#eaf0e9;--muted:#cbdccf;--rule:#46665a;--accent:#d8aa4d;--button-text:#183e36;background:var(--surface);color:var(--text)}
.design-menu{padding:12px max(24px,calc((100vw - 1120px)/2));background:#f4f3ed;color:#183e36;display:flex;align-items:center;gap:16px;border-bottom:1px solid #d7d9ce;font-size:13px}
.design-menu label{font-weight:700;white-space:nowrap}.design-menu select{font:inherit;background:#fff;color:#183e36;border:1px solid #7b8a81;border-radius:5px;padding:8px 32px 8px 10px;max-width:100%;min-height:40px}.design-menu span{margin-left:auto}
.intro,.entry p,footer{color:var(--muted)}.entry,footer{border-color:var(--rule)}.button{background:var(--accent);color:var(--button-text)}.button:hover{background:var(--accent);filter:brightness(1.08)}
body[data-design="ink"]{--surface:#faf6ee;--text:#242b34;--muted:#525964;--rule:#c9bfb2;--accent:#a63e27;--button-text:#fff}
body[data-design="ink"] main{padding-top:65px}body[data-design="ink"] h1{font-family:inherit;font-weight:600;font-size:clamp(40px,6vw,78px);max-width:24ch}body[data-design="ink"] .intro{margin-left:auto;max-width:44ch}body[data-design="ink"] .entry{grid-template-columns:1.6fr 1fr}body[data-design="ink"] .button{border-radius:0}
body[data-design="ocean"]{--surface:#102c43;--text:#f1f7fa;--muted:#bed6df;--rule:#46657a;--accent:#9fe2d0;--button-text:#102c43}
body[data-design="ocean"] main{text-align:center;padding-top:70px}body[data-design="ocean"] h1{margin-left:auto;margin-right:auto;font-size:clamp(38px,5.4vw,68px)}body[data-design="ocean"] .intro{margin-left:auto;margin-right:auto;max-width:50ch}body[data-design="ocean"] .entry{text-align:left;max-width:960px;margin-left:auto;margin-right:auto}body[data-design="ocean"] .button{border-radius:28px}
body[data-design="plum"]{--surface:#382c40;--text:#fff3e9;--muted:#e2ccd9;--rule:#746078;--accent:#f0b899;--button-text:#382c40}
body[data-design="plum"] main{display:grid;grid-template-columns:1.4fr 1fr;column-gap:70px;padding-top:75px}body[data-design="plum"] h1{font-family:inherit;font-weight:600;font-size:clamp(40px,5.2vw,65px);grid-column:1;max-width:16ch}body[data-design="plum"] .intro{grid-column:1;font-size:20px}body[data-design="plum"] .entry{grid-column:2;grid-row:1 / 3;display:flex;flex-direction:column;gap:45px;margin-top:0;padding-top:24px}body[data-design="plum"] .entry aside{border-top:1px solid var(--rule);padding-top:24px}
@media(max-width:760px){.design-menu{flex-wrap:wrap;gap:8px 12px;padding:12px 20px}.design-menu span{width:100%;margin:0}.design-menu select{flex:1;min-width:0}.entry,body[data-design="ink"] .entry{grid-template-columns:1fr;gap:28px}body[data-design="plum"] main{display:block}body[data-design="plum"] .entry{margin-top:40px}h1{font-size:clamp(34px,6vw,46px)}body[data-design="plum"] h1{max-width:none;font-size:40px}body[data-design="ink"] h1{font-size:40px}body[data-design="ocean"] h1{font-size:36px}main{padding-top:50px!important} }
@media(max-width:380px){h1,body[data-design] h1{font-size:32px}.brand img{width:140px}}

body{min-height:100vh}

/* The approved original type family stays constant across every palette. */
:root{--brand-font:'Avenir Next',Avenir,'Segoe UI',sans-serif;font-family:var(--brand-font)}
button,input,select,textarea{font-family:inherit}
.brand-filters{position:absolute;overflow:hidden;pointer-events:none}
body{--brand-ink:#183e36;--header:#f4f3ed}
body[data-design="ink"]{--brand-ink:#242b34;--header:#faf6ee}
body[data-design="ocean"]{--brand-ink:#102c43;--header:#f1f7fa}
body[data-design="plum"]{--brand-ink:#382c40;--header:#fff3e9}
header,.design-menu{background:var(--header);color:var(--brand-ink)}
.design-menu select{color:var(--brand-ink);border-color:var(--brand-ink)}
body[data-design="ink"] .brand img{filter:url(#logo-ink)}
body[data-design="ocean"] .brand img{filter:url(#logo-ocean)}
body[data-design="plum"] .brand img{filter:url(#logo-plum)}

.preview-nav{display:flex;align-items:center;gap:24px;padding:12px max(24px,calc((100vw - 1120px)/2));background:var(--header);color:var(--brand-ink);font-size:14px;border-bottom:1px solid #d7d9ce}.preview-nav span{margin-left:auto;font-size:12px}@media(max-width:760px){.preview-nav{flex-wrap:wrap;padding:12px 20px;gap:12px 20px}.preview-nav span{width:100%;margin:0}}