/* Mechanics is a visual presentation. Every feature remains visible without tabs. */
.mechanics-hero{position:relative;isolation:isolate;background:#080b10;color:#fff;overflow:hidden}
.mechanics-hero>.container{position:relative;z-index:2;min-height:480px;display:flex;align-items:center;padding-block:52px}
.mechanics-intro{width:44%;max-width:540px}
.mechanics-intro h1{font-size:clamp(48px,4.7vw,68px);line-height:1.02;margin:0 0 22px}
.mechanics-intro h1 em{color:var(--b)}
.mechanics-intro p{font-size:21px;line-height:1.5;max-width:420px;margin-bottom:28px}
.mechanics-keyart{position:absolute;inset:0 0 0 auto;width:61%;height:100%;object-fit:cover;object-position:48% center;z-index:0}
.mechanics-hero:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#080b10 35%,#080b10bb 46%,transparent 65%)}
.mechanics-phone{padding-block:84px 70px;background:#fff}
.phone-story{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);align-items:center;gap:54px}
.phone-copy h2,.response-copy h2,.mechanics-vitality h2{font-size:clamp(38px,3.8vw,54px);line-height:1.04;margin-bottom:22px}
.phone-copy p,.physical-story p,.freedom-grid p,.response-copy p,.vitality-scenes p{font-size:20px;line-height:1.55;margin:0}
.mechanics-capture{position:relative;min-width:0}
.mechanics-capture>img{width:100%;height:auto}
.mechanics-capture figcaption{font-size:15px;line-height:1.3;color:#536072;margin-top:9px}
.physical-story{display:grid;grid-template-columns:minmax(0,320px) minmax(0,650px);gap:34px;align-items:center;margin-top:34px;padding-top:34px;border-top:1px solid #d8deea}
.physical-story h3{font-size:29px;margin-bottom:12px}
.physical-image img{aspect-ratio:16/9;object-fit:cover}
.mechanics-freedom{background:var(--pale);padding-block:72px}
.freedom-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:52px;align-items:start}
.freedom-grid article{min-width:0}
.freedom-grid .mechanics-capture{margin-bottom:24px}
.freedom-grid .mechanics-capture img{height:clamp(240px,24vw,294px);object-fit:cover;object-position:center bottom}
.movement-story .mechanics-capture{max-width:401px}
.movement-story .mechanics-capture img{aspect-ratio:401/294}
.freedom-grid h2{font-size:37px;margin:0 0 17px}
.freedom-grid p{max-width:670px}
.mechanics-options{display:flex;flex-wrap:wrap;gap:10px 21px;padding:19px 0 0;margin:22px 0 0;list-style:none;border-top:1px solid #c3cfe3;font-size:17px;font-weight:600}
.freedom-grid .mechanics-detail{display:flex;gap:11px;align-items:center;font-size:18px;font-weight:600;margin-top:22px}
.mechanics-detail .bi{color:var(--b);font-size:24px;flex:none}
.mechanics-response{position:relative;isolation:isolate;background:#080b10;color:white;overflow:hidden}
.mechanics-response>.container{position:relative;z-index:2;display:flex;justify-content:flex-end;min-height:540px;padding-block:70px}
.response-copy{width:44%;max-width:540px}
.response-copy h2 em{color:white}
.response-copy p+p{margin-top:25px}
.response-copy strong{display:block;margin-bottom:10px;font-weight:600}
.response-art{position:absolute;inset:0 40% 0 0;z-index:0}
.response-art img{height:100%;width:100%;object-fit:cover;object-position:37% center}
.mechanics-response:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 30%,#080b10 61%);z-index:1;pointer-events:none}
.mechanics-vitality{padding-block:76px 84px}
.mechanics-vitality h2{margin-bottom:39px}
.mechanics-vitality h2 em{color:var(--b)}
.vitality-scenes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}
.vitality-scenes article{border-top:2px solid #d8e2f4;padding-top:24px}
.vitality-scenes .bi{font-size:32px;line-height:1;color:var(--b);display:block;margin-bottom:18px}
.vitality-scenes h3{font-size:28px;margin-bottom:14px}
.mechanics-finale{background:var(--b);color:white;padding-block:48px}
.mechanics-finale>.container{display:flex;gap:32px;align-items:center;justify-content:space-between}
.mechanics-finale h2{font-size:39px;margin:0}
.mechanics-finale .button-row{gap:26px;flex-shrink:0}
.mechanics-theme-link{font-size:18px;font-weight:600;color:white;text-decoration:none;display:inline-flex;gap:12px;align-items:center}
.mechanics-theme-link:hover{color:white;text-decoration:underline}
@media(max-width:1100px){
 .mechanics-intro{width:48%}.mechanics-intro h1{font-size:55px}.mechanics-intro p{font-size:20px}.phone-story{gap:32px;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}
 .freedom-grid{gap:35px}.response-copy{width:47%}.response-copy h2{font-size:43px}.mechanics-finale>.container{align-items:flex-start;flex-direction:column;gap:25px}
}
@media(max-width:760px){
 .mechanics-hero>.container{min-height:0;padding-top:36px;padding-bottom:33px;display:block}.mechanics-intro{width:100%;max-width:600px}.mechanics-intro h1{font-size:clamp(44px,8vw,58px);line-height:1.02}.mechanics-intro p{font-size:20px;max-width:550px;margin-bottom:24px}
 .mechanics-keyart{position:relative;width:100%;height:auto;aspect-ratio:2.3/1;object-fit:cover;object-position:center}.mechanics-hero:after{display:none}
 .mechanics-phone{padding-block:47px}.phone-story{grid-template-columns:1fr;gap:25px}.phone-copy h2,.response-copy h2,.mechanics-vitality h2{font-size:39px;margin-bottom:18px}.phone-copy h2 br{display:none}
 .phone-copy p,.physical-story p,.freedom-grid p,.response-copy p,.vitality-scenes p{font-size:19px}
 .physical-story{grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr);gap:21px;align-items:start;margin-top:27px;padding-top:27px}.physical-story h3{font-size:26px}.physical-story p{font-size:18px}.mechanics-capture figcaption{font-size:14px}
 .mechanics-freedom{padding-block:47px}.freedom-grid{grid-template-columns:1fr;gap:42px}.freedom-grid h2{font-size:34px}.freedom-grid h2 br{display:none}.freedom-grid .mechanics-capture{margin-bottom:20px}.freedom-grid .mechanics-capture img{height:auto;aspect-ratio:16/9}.movement-story .mechanics-capture{max-width:none}.movement-story .mechanics-capture img{max-width:401px;aspect-ratio:401/294}.mechanics-options{font-size:16px;gap:9px 17px;margin-top:20px}
 .response-art{position:relative;inset:auto;height:auto}.response-art img{height:auto;aspect-ratio:16/9;object-fit:cover;object-position:35% center}.mechanics-response:after{display:none}.mechanics-response>.container{min-height:0;padding-block:35px 45px}.response-copy{width:100%;max-width:none}.response-copy h2{font-size:39px}.response-copy p+p{margin-top:20px}
 .mechanics-vitality{padding-block:47px}.mechanics-vitality h2{margin-bottom:26px}.vitality-scenes{grid-template-columns:1fr;gap:25px}.vitality-scenes article{position:relative;padding-left:47px;padding-top:20px}.vitality-scenes .bi{position:absolute;left:0;top:23px;font-size:28px}.vitality-scenes h3{font-size:27px;margin-bottom:10px}
 .mechanics-finale{padding-block:35px}.mechanics-finale h2{font-size:34px}.mechanics-finale .button-row{flex-shrink:1;gap:22px}
}
@media(max-width:479px){.mechanics-intro h1{font-size:44px}.physical-story{grid-template-columns:1fr;gap:18px}.physical-image{max-width:320px}.phone-copy h2{max-width:300px}.mechanics-keyart{aspect-ratio:2/1}.freedom-grid h2{max-width:320px}}