:root{color-scheme:dark;--green:#20291c;--ivory:#f6f1e5;--gold:#dcb782;--muted:#e0e1d3;font-family:Manrope,Arial,sans-serif;color:var(--ivory);background:var(--green);font-synthesis:none}
*{box-sizing:border-box}
html{min-width:280px;min-height:100%;background:var(--green)}
body{margin:0;min-height:100svh;display:flex;flex-direction:column;position:relative;isolation:isolate;background:linear-gradient(90deg,rgba(12,20,10,.06),rgba(12,20,10,0)),url('assets/vita-background.jpg') center center/cover no-repeat}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--ivory);outline-offset:7px;border-radius:3px}
.hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:clamp(32px,4vh,60px) 24px 30px;position:relative}
.brand{display:block;object-fit:contain;width:clamp(200px,24vw,365px);height:auto;max-height:44svh;max-width:100%;margin:0 auto 25px}
.announcement{width:100%}
.eyebrow{margin:0;color:var(--gold);font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.55em;line-height:1.8;padding-left:.55em}
.eyebrow:before{content:"";display:block;width:64px;height:1px;background:var(--gold);margin:0 auto 20px}
h1{font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif;font-size:clamp(3.4rem,6.4vw,6.25rem);font-weight:400;line-height:.94;letter-spacing:-.035em;margin:18px 0 18px;text-wrap:balance}
.description{font-size:1rem;font-weight:400;line-height:1.7;color:var(--muted);margin:0 auto 26px;text-wrap:balance}
.contact-button{display:inline-flex;align-items:center;justify-content:center;gap:26px;border:1px solid var(--gold);border-radius:99px;min-height:48px;padding:13px 32px;color:var(--gold);font-size:.8125rem;font-weight:500;letter-spacing:.105em;text-transform:uppercase;line-height:1.6;transition:background .22s,color .22s,border-color .22s}
.contact-button svg{flex:none;transition:transform .22s}
.contact-button:hover{background:var(--gold);color:#172014}
.contact-button:hover svg{transform:translateX(3px)}
.footer{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:0 clamp(24px,3vw,64px);padding:20px 16px 25px;border-top:1px solid rgba(220,183,130,.34)}
.parent-brand{display:flex;align-items:center;flex-shrink:0;min-height:44px}
.parent-brand img{display:block;width:160px;height:auto}
.contact-details{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;row-gap:14px;font-size:.8125rem;font-weight:400;font-style:normal;letter-spacing:.055em}
.contact-details a{min-height:44px;display:inline-flex;align-items:center;white-space:nowrap;transition:color .2s}
.contact-details a:hover{color:var(--gold)}
.contact-details a+a:before{content:"";display:block;width:1px;height:15px;background:rgba(246,241,229,.45);margin:0 25px}
@media(min-width:1000px) and (max-height:820px){.hero{padding-top:24px;padding-bottom:24px}.brand{width:245px;max-height:36svh;margin-bottom:15px}h1{font-size:4.4rem;margin:12px 0}.eyebrow:before{margin-bottom:12px}.description{margin-bottom:18px}.footer{padding-top:12px;padding-bottom:16px}}
@media(max-width:760px){body{background-position:62% center}body:before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(13,23,11,.3)}.hero{padding:42px 22px 36px}.brand{width:235px;max-height:none;margin-bottom:26px}h1{font-size:clamp(3.25rem,10vw,4.5rem);line-height:1;margin-top:18px}.eyebrow{font-size:.8125rem;letter-spacing:.4em;padding-left:.4em}.description{max-width:320px;font-size:1rem;margin-bottom:26px}.contact-button{font-size:.75rem;padding:13px 23px;gap:18px}.footer{flex-direction:column;gap:14px;padding:23px 0 26px;margin:0 24px}.parent-brand img{width:138px}.contact-details{justify-content:center;column-gap:20px;row-gap:0;font-size:.8125rem;letter-spacing:.02em}.contact-details a+a:before{display:none}}
@media(max-width:380px){.brand{width:200px}.hero{padding-inline:16px}.contact-button{padding-inline:18px;letter-spacing:.07em;gap:12px}h1{font-size:3.15rem}.footer{margin-inline:18px}.contact-details{column-gap:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
