/* One mobile hero composition: sculpture alongside headline, copy and actions below. */
@media(max-width:760px){
 .hero{display:grid;grid-template-columns:minmax(0,.40fr) minmax(0,.60fr);grid-template-rows:auto auto auto auto auto;gap:20px 12px;align-items:center;padding:26px 0 18px;min-height:0;direction:ltr}
 .hero .hero-copy{display:contents}
 .hero .eyebrow{grid-column:1/-1;grid-row:1;direction:rtl;text-align:right;font-size:12px;line-height:1.8}
 .hero #hero-title{grid-column:2;grid-row:2;direction:rtl;text-align:right;align-self:center;font-size:clamp(30px,8.3vw,45px);line-height:1.16;letter-spacing:-1px;margin:0;position:relative;z-index:2}
 .hero .promise{grid-column:1/-1;grid-row:3;direction:rtl;text-align:right;font-size:20px;line-height:1.55;margin:0}
 .hero .support{grid-column:1/-1;grid-row:4;direction:rtl;text-align:right;font-size:14px;line-height:1.8;margin:0}
 .hero .hero-actions{grid-column:1/-1;grid-row:5;direction:rtl;display:flex;flex-wrap:wrap;gap:10px;margin:2px 0 0;width:100%;align-items:center}
 .hero .hero-actions .button{width:100%;max-width:none;justify-content:space-between;min-height:54px}
 .hero .hero-actions .text-link{min-height:44px}
 .hero .art-scene{grid-column:1;grid-row:2;position:relative;align-self:center;width:100%;max-width:none;min-width:0;padding:0;margin:0;pointer-events:none}
 .hero .art-scene::before,.hero .art-scene::after{display:none}
 .hero .art{width:100%;height:clamp(160px,43vw,220px);aspect-ratio:auto;border-radius:90px 90px 15px 15px;box-shadow:0 12px 28px #243c3220;transform:none}
 .hero .stage{inset:0;width:100%;height:100%;transform:none}
 .hero .monogram{left:50%;top:48%;width:auto;font-size:clamp(125px,36vw,185px);line-height:1;transform:translate(-50%,-50%) rotate(-8deg);text-shadow:3px 3px 0 #94ac3f,6px 6px 0 #6a7d2d,9px 9px 0 #40501e;animation:none}
 .hero .orbit{left:-20%;top:25%;width:140%;height:55%;border-color:#e6f5c44d;animation:none;transform:rotate(-30deg)}
 .hero .glow{inset:15% 5%;width:90%;height:70%;filter:blur(22px);opacity:.2}
 .hero .grid-lines{background:repeating-linear-gradient(90deg,transparent 0,transparent 39px,#f5f4ee0b 39px,#f5f4ee0b 40px)}
 .hero .art-title,.hero .art-signature,.hero .capability,.hero .art-arrow{display:none}
}
@media(max-width:360px){.hero{gap:18px 10px;grid-template-columns:minmax(0,.38fr) minmax(0,.62fr)}.hero #hero-title{font-size:29px}.hero .art{height:150px}.hero .monogram{font-size:120px}}