/* Visual bridge for the existing interactive briefs and image-reference tools. */
:root{--bg:#1C2236;--cream:#FCFAF7;--gold:#B88715;--dim:rgba(252,250,247,.85);--dim2:rgba(252,250,247,.85);--line:rgba(252,250,247,.3);--font-sans:'Glacial Indifference',Arial,sans-serif}
body{background:var(--color-navy);color:var(--color-cream);font-family:var(--font-body)!important}
h1,h2,h3,h4,p,a,button,input,textarea,select,label,span,div{font-family:var(--font-body)}
h1{font-size:var(--text-h1);line-height:1.2}
h2{font-size:var(--text-h2);line-height:1.3}
input,select,textarea{color:var(--color-cream);border-color:rgba(252,250,247,.45)}
input::placeholder,textarea::placeholder{color:rgba(252,250,247,.75)}
option{background:var(--color-navy);color:var(--color-cream)}
#bgv,#bgo,#focus-veil,#focus-toggle{display:none!important}
header{background:var(--color-navy)!important;border-bottom:1px solid rgba(252,250,247,.2);backdrop-filter:none}
.hd{min-height:88px;padding-block:10px}
.brand-home{display:block;flex-shrink:0}
.logo{display:block;font-size:initial;font-style:normal;width:124px;aspect-ratio:984/512;height:auto;color:var(--color-gold);background:currentColor;mask:url('./altea-logo.png') center/contain no-repeat;-webkit-mask:url('./altea-logo.png') center/contain no-repeat}
.btn,.back,#lang-toggle,#lang-menu,.card,.why,.row img{border-radius:4px}
.btn,.btn-primary{background:var(--color-cream);color:var(--color-navy);border:1px solid var(--color-cream);min-height:44px;box-shadow:none}
.btn:hover,.btn-primary:hover{background:var(--color-cream-border);box-shadow:none;transform:none}
.btn.gold{background:var(--color-cream);color:var(--color-navy)}
.btn.line{border-color:var(--color-cream);color:var(--color-cream);background:transparent}
.back{display:inline-flex!important;align-items:center;min-height:44px;letter-spacing:0;font-size:14px}
.sec-tag,.eyebrow,footer{color:var(--color-cream)}
.why{background:var(--color-navy);box-shadow:none}
button,input,textarea,select{font-size:16px}
button{min-height:44px}
:focus-visible{outline:3px solid var(--color-cream)!important;outline-offset:4px}
@media(max-width:600px){.hd{gap:14px;flex-wrap:wrap}.hd .logo{width:112px}.hd-right{gap:8px}.wrap{padding-inline:20px}.hero{min-height:auto;padding-top:150px}.back{padding:8px;font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}