.hero{display:block;min-height:0;height:auto;max-height:none;position:relative;overflow:hidden;background:#111110;color:#f3efe7}
.hero-visual{position:relative;isolation:isolate;height:clamp(430px,65vw,700px);min-height:430px;overflow:hidden;background:#191815}
.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 53%;opacity:1;transform:none}
.hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(13,13,12,.54),transparent 32%),linear-gradient(180deg,rgba(13,13,12,.24),transparent 28%)}
.hero-caption{position:absolute;right:clamp(24px,5vw,72px);bottom:26px;display:flex;align-items:center;gap:9px;color:#f0eae0;font-size:12px;letter-spacing:.06em}
.hero-anniversary{position:absolute;z-index:2;top:clamp(104px,15vw,158px);right:clamp(18px,5vw,72px);display:flex;flex-direction:column;gap:2px;max-width:260px;padding:14px 17px;border-left:3px solid #d2ad7c;background:rgba(17,17,16,.78);backdrop-filter:blur(8px);color:#fff;font-size:15px;line-height:1.35;box-shadow:0 10px 28px rgba(0,0,0,.18)}
.hero-anniversary strong{font:600 17px/1.3 var(--serif);color:#e8c99d}
.hero-content{position:relative;z-index:1;max-width:1160px;margin:0 auto;padding:54px 28px 62px;display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:clamp(32px,7vw,96px);border-bottom:1px solid rgba(236,230,220,.16)}
.hero-title-block .eyebrow{display:flex;align-items:center;gap:11px;margin:0;color:#cdbba1;font-size:12px;letter-spacing:.17em;text-transform:uppercase}
.hero-title-block .eyebrow-line{display:inline-block;width:28px;height:1px;background:#b68b58}
.hero h1{max-width:620px;margin:19px 0 0;font:500 clamp(46px,6vw,76px)/1.02 var(--serif);letter-spacing:-.045em;color:#f3efe7}
.hero h1 em{color:#d2a28d;font-weight:500}
.hero-copy-block{max-width:440px;padding-bottom:4px}
.hero-copy{max-width:440px;margin:0 0 22px;color:#c9c3b9;font-size:16px;line-height:1.75}
.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.hero-actions .button{min-height:50px;padding:0 20px}
.hero-actions .button-outline{color:#fff;border-color:#8b6843;background:#8b6843}
.hero-actions .button-outline:hover{color:#fff;background:#a17a4e;border-color:#a17a4e}
@media(max-width:760px){.hero-visual{height:clamp(360px,74vw,540px);min-height:360px}.hero-image{object-position:62% center}.hero-content{grid-template-columns:1fr;gap:20px;padding:37px 24px 45px}.hero h1{font-size:clamp(43px,9vw,64px)}.hero-copy-block{max-width:560px}.hero-copy{font-size:15px;margin-bottom:18px}.hero-actions{gap:18px}.hero-anniversary{top:91px;right:16px;max-width:235px;padding:12px 14px;font-size:14px}.hero-anniversary strong{font-size:16px}}
@media(max-width:480px){.hero-visual{height:390px;min-height:0}.hero-image{object-position:65% center}.hero-caption{left:15px;right:auto;bottom:17px;font-size:10px}.hero-anniversary{top:82px;right:12px;max-width:min(235px,calc(100% - 24px));padding:11px 13px;font-size:13px}.hero-anniversary strong{font-size:15px}.hero-content{padding:31px 20px 38px;gap:16px}.hero-title-block .eyebrow{font-size:10px}.hero h1{font-size:clamp(41px,11vw,55px);margin-top:14px}.hero-copy{font-size:14px}.hero-actions{align-items:flex-start;flex-direction:column;gap:13px}.hero-actions .button{min-height:48px}}