/* First-screen audit: one readable offer, adjacent action, a lower portrait. */
.hero{height:auto;min-height:880px;max-height:none;overflow:hidden;padding-bottom:350px}
.hero-content{height:auto;padding-top:105px;max-width:1400px;margin:auto}
.hero-top{font-size:10px;max-width:none}.hero-top>span:first-child{font-size:12px}
.hero h1{font:400 clamp(28px,7.5vw,35px)/1.18 var(--serif);letter-spacing:-1px;margin-top:28px;max-width:100%;width:auto}
.hero-emphasis{color:var(--red)}
.hero-copy{position:static;left:auto;top:auto;bottom:auto;max-width:100%;width:100%;font-size:14px;line-height:1.65;margin-top:22px}
.hero .action{position:relative;left:auto;bottom:auto;margin-top:24px;min-width:210px;width:210px;min-height:52px;font-size:14px;padding:14px 18px}
.hero-image{top:auto;bottom:0;right:5%;width:66%;height:340px;transform:none;mask-image:linear-gradient(to bottom,#000 0%,#000 88%,transparent 100%)}
.hero-image img{position:absolute;left:50%;width:auto;height:100%;max-width:none;transform:translateX(-50%);mask-image:none;object-fit:contain}
.hero-graphic{display:none}.route-origin{display:none}
@media(min-width:700px){.hero{min-height:820px;padding-bottom:110px}.hero-content{padding-top:145px;padding-right:48%;padding-left:var(--gutter)}.hero-top{max-width:none;gap:20px}.hero-top>span:last-child{font-size:10px}.hero h1{font-size:clamp(32px,3.8vw,54px);line-height:1.16;letter-spacing:-1.5px;margin-top:38px;max-width:690px}.hero-copy{font-size:16px;line-height:1.7;max-width:540px;margin-top:27px}.hero .action{margin-top:28px;min-width:230px;width:230px;bottom:auto}.hero-image{top:auto;bottom:25px;right:3%;width:43%;height:620px}}
@media(min-width:1150px){.hero{min-height:900px}.hero-content{padding-top:145px;padding-right:47%}.hero h1{font-size:51px;max-width:700px}.hero-image{height:690px;bottom:25px;right:4%;width:42%}.hero-copy{max-width:560px}}
@media(max-width:359px){.hero{min-height:870px;padding-bottom:320px}.hero h1{font-size:27px;line-height:1.2}.hero-copy{font-size:13px;margin-top:20px}.hero .action{margin-top:20px;min-width:200px;width:200px}.hero-image{height:305px;right:4%;width:70%}}

/* A level crop above the cup; preserve both shoulders, feather the lower edge only. */
.hero-image{right:4%;width:92%;height:310px;overflow:visible;mask-image:linear-gradient(to bottom,#000 0%,#000 72%,transparent 100%)}
.hero-image img{position:static;left:auto;width:100%;height:100%;max-width:100%;transform:none;object-fit:contain;object-position:center bottom;mask-image:none}
@media(min-width:700px){.hero-image{right:1%;width:47%;height:520px;bottom:35px}}
@media(min-width:1150px){.hero-image{right:1%;width:47%;height:590px;bottom:40px}}
@media(max-width:359px){.hero-image{right:3%;width:94%;height:285px}}

/* One mobile sequence: proposition, face, explanation, action. */
.hero{height:auto;min-height:0;padding-bottom:42px;overflow:hidden}.hero-content{height:auto;padding:100px 24px 0;display:flex;flex-direction:column;align-items:stretch}.hero h1{margin:0;font-size:clamp(27px,7.25vw,34px);line-height:1.17;letter-spacing:-1px}.hero-image{position:relative;top:auto;bottom:auto;right:auto;left:auto;width:100%;height:285px;margin:18px 0 0;overflow:visible;transform:none;mask-image:linear-gradient(to bottom,#000 0%,#000 76%,transparent 100%)}.hero-image img{width:100%;height:100%;position:static;object-fit:contain;object-position:center bottom;transform:none;mask-image:none;max-width:100%}.hero-copy{margin-top:8px;font-size:14px;line-height:1.6;width:100%;max-width:100%}.hero .action{margin-top:21px;width:100%;min-width:0;min-height:52px;position:relative;bottom:auto;left:auto}
@media(min-width:700px){.hero{padding-bottom:70px;min-height:770px}.hero-content{display:grid;grid-template-columns:1.1fr 1fr;grid-template-rows:auto auto auto;column-gap:6%;align-items:start;padding:145px var(--gutter) 0}.hero h1{grid-column:1;grid-row:1;font-size:clamp(32px,3.5vw,51px);line-height:1.17;max-width:none}.hero-image{grid-column:2;grid-row:1/4;width:100%;height:590px;margin:0;align-self:center}.hero-copy{grid-column:1;grid-row:2;font-size:16px;line-height:1.7;margin-top:25px}.hero .action{grid-column:1;grid-row:3;width:230px;min-width:0;margin-top:25px;align-self:start}.hero-image img{width:100%;height:100%}}
@media(min-width:1150px){.hero{min-height:850px}.hero-content{padding-top:145px}.hero h1{font-size:49px}.hero-image{height:630px}}
@media(max-width:359px){.hero-content{padding-top:92px}.hero h1{font-size:26px;line-height:1.18}.hero-image{height:260px;margin-top:15px}.hero-copy{font-size:13px;margin-top:6px}.hero .action{width:100%;margin-top:18px}.hero{padding-bottom:36px}}