/* Approved hero refinement. Original portrait and HTML copy remain unchanged. */
.hero{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(32px,4vw,64px)}
.hero>div,.hero>figure{min-width:0}
.hero h1{font-size:clamp(34px,3.8vw,54px);line-height:1.13;letter-spacing:-.035em;overflow-wrap:break-word}
.hero .intro{font-size:clamp(16px,1.4vw,19px);max-width:32em;overflow-wrap:break-word}
.hero .actions{gap:12px}
.hero .actions .button{max-width:100%;white-space:normal;text-align:center;box-shadow:inset 0 1px 0 #ffffff55,0 3px 0 #491870,0 8px 20px #52236e18;transition:transform .16s,box-shadow .16s}
.hero .actions .button:active{transform:translateY(2px);box-shadow:inset 0 1px 0 #ffffff55,0 1px 0 #491870,0 3px 9px #52236e18}
.hero .actions .secondary{box-shadow:inset 0 1px 0 #fff,0 3px 0 #c4c8ce,0 8px 20px #252c3b0d}
.hero figure{position:relative;width:100%;max-width:440px;margin:0;padding:12px;border:1px solid #fff;border-radius:34px;background:linear-gradient(135deg,#ffffffb8,#e9edf15c);box-shadow:inset 0 1px 0 #fff,0 22px 55px #252c3b12;backdrop-filter:blur(16px)}
.hero figure img{width:100%;height:auto;border-radius:24px;object-fit:contain;box-shadow:none}
.hero figcaption{position:absolute;left:26px;right:26px;bottom:26px;display:flex;gap:3px;max-width:calc(100% - 52px);padding:14px 18px;border:1px solid #ffffffed;border-radius:17px;background:linear-gradient(120deg,#ffffffed,#f3f5f7dc);backdrop-filter:blur(16px);box-shadow:0 7px 20px #252c3b16;color:#444b55;font-size:13px;line-height:1.45;overflow-wrap:anywhere}
.hero figcaption strong{font-size:15px;color:#27292e}
@media(max-width:1000px) and (min-width:701px){.hero{gap:28px}.hero h1{font-size:clamp(32px,4vw,38px)}.hero .actions .button{flex:1 1 180px}.hero figcaption{left:22px;right:22px;bottom:22px;max-width:calc(100% - 44px);padding:12px}}
@media(max-width:700px){.hero{grid-template-columns:minmax(0,1fr);gap:28px}.hero h1{font-size:clamp(32px,8.5vw,42px)}.hero figure{max-width:400px;padding:10px;border-radius:28px;justify-self:center}.hero figure img{border-radius:20px}.hero figcaption{left:22px;right:22px;bottom:22px;max-width:calc(100% - 44px);padding:12px 14px}}
@media(prefers-reduced-motion:reduce){.hero .actions .button{transition:none}}
@media(forced-colors:active){.hero figure,.hero figcaption{background:Canvas;border:1px solid CanvasText;box-shadow:none}.hero figcaption,.hero figcaption strong{color:CanvasText}}