.watten-hero{position:relative;isolation:isolate;min-height:clamp(360px,42vw,650px);display:flex;align-items:center;overflow:hidden;background:#2c201a;color:#fff}
.watten-hero--compact{min-height:300px}.watten-hero--tall{min-height:min(76vh,790px)}.watten-hero--light{background:#ede1cb;color:#251b15}.watten-hero--gold{background:#a96a20}
.watten-hero__backdrop{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 78% 24%,#6b4632 0,transparent 37%),repeating-linear-gradient(174deg,rgba(255,255,255,.015) 0px,rgba(255,255,255,.015) 2px,transparent 3px,transparent 19px)}
.watten-hero__symbol{position:absolute;right:9%;top:-13%;font-size:clamp(18rem,41vw,50rem);font-family:Georgia,serif;color:rgba(248,225,185,.085);transform:rotate(-16deg)}
.watten-hero__media{position:absolute;inset:0;z-index:-1;opacity:.68}.watten-hero__media img{display:block;width:100%;height:100%;object-fit:cover}
.watten-hero__media:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,16,14,.87),rgba(23,16,14,.36) 68%,rgba(23,16,14,.13))}
.watten-hero--light .watten-hero__media:after{background:linear-gradient(90deg,rgba(240,227,206,.95),rgba(240,227,206,.5) 65%,rgba(240,227,206,.14))}
.watten-hero__inner{width:100%;padding-block:clamp(4rem,9vw,8rem);position:relative;z-index:1}.watten-hero__copy{max-width:790px}
.watten-hero__eyebrow{letter-spacing:.21em;font-size:.78rem;font-weight:850;text-transform:uppercase;color:#ebbf73}.watten-hero__eyebrow p{margin:0 0 1.1rem}.watten-hero__title h1{font-size:clamp(3.1rem,7.3vw,6.3rem);line-height:1.05;max-width:850px;margin:0 0 1.3rem;letter-spacing:-.065em}
.watten-hero__body{font-size:clamp(1rem,1.5vw,1.25rem);max-width:650px;color:inherit;opacity:.9}.watten-hero__actions{margin-top:2rem}.watten-hero__actions a{display:inline-flex;align-items:center;padding:1rem 1.6rem;border-radius:99px;color:#211b15;background:#edbb65;font-weight:800;text-decoration:none}
