@font-face{font-family:Manrope;src:url("assets/manrope.ttf") format("truetype");font-weight:200 800;font-style:normal;font-display:swap}
:root{--navy:#182331;--paper:#F3EBDD;--sand:#E1D3BF;--gold:#C7A36C;--plum:#343143}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--navy);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}
button{font:inherit}
.hero{min-height:100svh;background:var(--paper) url("assets/hero-desktop.avif") center center/cover no-repeat;overflow:hidden}
.hero__inner{position:relative;width:min(100%,1680px);min-height:100svh;margin:auto;padding:3.2vh 4.1vw 3vh}
.hero__header{height:7vh;min-height:58px;display:flex;align-items:flex-start}
.hero__logo{display:block;width:clamp(265px,21vw,340px);height:auto;filter:brightness(0) saturate(100%) invert(10%) sepia(19%) saturate(1403%) hue-rotate(172deg) brightness(95%) contrast(94%)}
.hero__content{position:relative;z-index:2;width:min(48vw,750px);padding-top:4.35vh}
.hero__eyebrow{margin:0 0 1.65vh;font-size:clamp(14px,1.14vw,19px);line-height:1.35;font-weight:700;letter-spacing:.135em;text-transform:uppercase;white-space:nowrap}
.hero__title{margin:0;font-size:clamp(64px,6.25vw,102px);line-height:.94;letter-spacing:-.07em;font-weight:800;text-transform:uppercase}
.hero__title span{display:block}
.hero__subtitle{max-width:700px;margin:2vh 0 0;font-size:clamp(27px,2.3vw,38px);line-height:1.12;letter-spacing:-.045em;font-weight:750}
.hero__question{margin:2.8vh 0 0;font-size:clamp(18px,1.43vw,24px);line-height:1.27;font-weight:650}
.hero__copy{width:min(100%,680px);min-height:132px;margin-top:1.9vh;padding:22px 26px 22px 25px;display:flex;align-items:center;gap:29px;border-radius:20px;background:rgba(225,211,191,.83);backdrop-filter:blur(1px)}
.hero__copy p{margin:0;font-size:clamp(17px,1.31vw,22px);line-height:1.45;font-weight:450}
.hero__copy-symbol{flex:0 0 92px;height:84px;display:grid;place-items:center;border-right:1px solid var(--gold)}
.hero__copy-symbol img{display:block;width:84px;height:84px;object-fit:contain}
.hero__desktop-meta{margin-top:2.45vh;display:flex;gap:16px;align-items:center;font-size:clamp(17px,1.25vw,21px);font-weight:550}
.hero__desktop-meta svg{width:32px;height:32px;color:#9D713D;flex:none}
.hero__button{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:30px;height:92px;min-width:520px;border:3px solid var(--gold);border-radius:999px;color:#fff;background:linear-gradient(145deg,#79304a 0%,#5a1834 75%);box-shadow:0 12px 20px rgba(46,40,35,.22);font-size:clamp(25px,2.25vw,36px);font-weight:800;letter-spacing:-.04em;cursor:pointer;animation:cta-pulse 3.8s ease-in-out infinite;transition:transform .2s ease,box-shadow .2s ease}
.hero__button::after{content:"";position:absolute;z-index:0;top:-20%;left:0;width:24%;height:140%;transform:translateX(-250%) skewX(-24deg);background:linear-gradient(90deg,transparent,rgba(255,248,221,.06) 20%,rgba(255,248,221,.34) 50%,rgba(255,248,221,.06) 80%,transparent);pointer-events:none;animation:cta-sheen 5.8s ease-in-out infinite}
.hero__button>span{position:relative;z-index:1}
.hero__button:hover{animation:none;transform:translateY(-3px) scale(1.015);box-shadow:0 18px 28px rgba(46,40,35,.29)}
.hero__button:active{animation:none;transform:scale(.99)}
@keyframes cta-pulse{0%,100%{transform:scale(1);box-shadow:0 12px 20px rgba(46,40,35,.22)}50%{transform:scale(1.012);box-shadow:0 15px 25px rgba(46,40,35,.27),0 0 0 5px rgba(199,163,108,.08)}}
@keyframes cta-sheen{0%,18%{transform:translateX(-250%) skewX(-24deg);opacity:0}22%{opacity:1}42%{transform:translateX(500%) skewX(-24deg);opacity:1}46%,100%{transform:translateX(500%) skewX(-24deg);opacity:0}}
.hero__button:focus-visible,.preview-note button:focus-visible{outline:3px solid #8E652D;outline-offset:5px}
.hero__button--desktop{margin-top:2.5vh}
.hero__arrow{font-size:1.2em;line-height:.7;font-weight:300}
.hero__footnote{margin:4.5vh 0 0;color:#495262;font-size:11px;letter-spacing:.3em;text-transform:uppercase;font-weight:700}
.hero__mobile-meta,.hero__mobile-art,.hero__button--mobile{display:none}
.preview-note{max-width:min(430px,calc(100% - 34px));border:1px solid #C7A36C;border-radius:20px;background:#FFF9EF;color:var(--navy);padding:25px;box-shadow:0 25px 60px #18233140}
.preview-note::backdrop{background:#18233180}
.preview-note h2{margin:0 0 12px;font-size:22px}
.preview-note p{margin:0 0 20px;line-height:1.5}
.preview-note button{padding:11px 22px;border:0;border-radius:30px;background:var(--navy);color:white;cursor:pointer}
@media(max-width:1023px){
  .hero{background:var(--paper)}
  .hero__inner{width:100%;min-height:100svh;padding:16px 22px 30px}
  .hero__header{height:auto;min-height:0;justify-content:center;align-items:center}
  .hero__logo{width:153px;height:auto}
  .hero__content{width:100%;max-width:480px;margin-inline:auto;padding-top:0;display:flex;flex-direction:column}
  .hero__eyebrow{order:0;margin:14px -6px 0;text-align:center;font-size:clamp(9px,2.6vw,11px);letter-spacing:.15em;line-height:1.35;white-space:normal}
  .hero__mobile-meta{order:1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6px;margin-top:14px}
  .hero__meta-item{min-width:0;display:flex;align-items:center;gap:8px;color:var(--navy);font-size:clamp(10px,2.85vw,12px);line-height:1.22;font-weight:600}
  .hero__meta-item+.hero__meta-item{border-left:1px solid #B8A58C;padding-left:10px}
  .hero__meta-item strong{font-weight:800}
  .hero__meta-item svg{width:32px;height:32px;flex:none;color:#A77C42}
  .hero__title{order:2;margin-top:18px;font-size:clamp(34px,10.9vw,48px);line-height:.96;letter-spacing:-.072em;text-align:center;white-space:nowrap}
  .hero__subtitle{order:3;margin:12px auto 0;max-width:355px;text-align:center;font-size:clamp(17px,5vw,21px);line-height:1.17;letter-spacing:-.045em;font-weight:750}
  .hero__copy{order:4;min-height:0;margin-top:16px;padding:16px 13px;border-radius:18px;display:block;text-align:center;background:var(--sand);backdrop-filter:none}
  .hero__copy-symbol{display:none}
  .hero__copy p{font-size:clamp(13px,3.35vw,15px);line-height:1.42;font-weight:480}
  .hero__question{order:5;max-width:350px;margin:17px auto 0;text-align:center;font-size:clamp(17px,4.75vw,20px);line-height:1.18;font-weight:800}
  .hero__desktop-meta,.hero__button--desktop{display:none}
  .hero__mobile-art{display:block;height:270px;position:relative;z-index:0;margin:0 -22px;background:url("assets/hero-mobile.avif") center 51%/cover no-repeat;mask-image:linear-gradient(to bottom,transparent 0%,#000 33%,#000 74%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 33%,#000 74%,transparent 100%)}
  .hero__button--mobile{position:relative;z-index:1;display:flex;width:calc(100% - 16px);max-width:480px;min-width:0;height:66px;margin:-68px auto 0;gap:16px;font-size:clamp(23px,6.2vw,28px);border-width:2px}
  .hero__footnote{margin:28px auto 0;max-width:290px;text-align:center;font-size:9px;line-height:1.6;letter-spacing:.2em}
}
@media(max-width:370px){
  .hero__inner{padding-left:16px;padding-right:16px}
  .hero__mobile-art{margin-left:-16px;margin-right:-16px;height:242px}
  .hero__meta-item{font-size:10px}
  .hero__meta-item svg{width:27px;height:27px}
  .hero__title{font-size:10.7vw}
  .hero__copy p{font-size:13px}
}
@media(min-width:1024px) and (max-height:760px){
  .hero__inner{padding-top:20px}
  .hero__header{min-height:48px;height:48px}
  .hero__logo{width:260px}
  .hero__content{padding-top:18px}
  .hero__title{font-size:clamp(64px,5.5vw,85px)}
  .hero__subtitle{margin-top:9px;font-size:clamp(25px,2vw,31px)}
  .hero__question{margin-top:15px}
  .hero__copy{min-height:105px;margin-top:12px;padding-top:15px;padding-bottom:15px}
  .hero__desktop-meta{margin-top:12px}
  .hero__button{height:70px;margin-top:12px}
  .hero__footnote{margin-top:15px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero__button,.hero__button::after{animation:none;transition:none}}