/* R10 goals: separate background, subject and foreground depth planes. */
.models-page .goals-r10{padding:0;background:#141414;color:#f2f1ed;overflow:clip}
.models-page .goals-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:12%;align-items:center;padding:46px var(--pad) 48px;background:#171717}
.models-page .goals-intro>.goals-intro-copy{max-width:490px}
.models-page .goals-intro .eyebrow{color:#b8b2aa;font-size:10px;letter-spacing:1.6px;display:block;margin-bottom:22px}
.models-page .goals-intro h2{font-size:clamp(30px,3.1vw,48px);font-weight:450;line-height:1.1;letter-spacing:-.055em;margin:0}
.models-page .goals-intro h2 em{color:#aaa49c;font-style:normal}
.models-page .goals-intro h3{font-size:10px;font-weight:600;letter-spacing:1.5px;color:#ff633d;margin:0 0 13px}
.models-page .goals-intro p{font-size:14px;line-height:1.8;color:#bfbab2;margin:0;max-width:440px}
.models-page .goals-stage{height:100svh;min-height:730px;max-height:1120px;position:relative;isolation:isolate;overflow:clip;background:#25211f;touch-action:pan-y;outline-offset:-5px}
.models-page .goals-scene{position:absolute;inset:0;pointer-events:none}
.models-page .goals-scene-bg{position:absolute;inset:-20%;z-index:0;opacity:0;transform:translate3d(65%,-18%,0) scale(1.06);transition:transform 1.4s cubic-bezier(.22,.7,.15,1),opacity 0s;will-change:transform,opacity}
.models-page .goals-scene-bg img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.models-page .goals-scene.is-active .goals-scene-bg{z-index:1;opacity:1;transform:translate3d(0,0,0) scale(1.02)}
.models-page .goals-scene.is-leaving .goals-scene-bg{z-index:0;opacity:1;transform:translate3d(-45%,16%,0) scale(1.02)}
.models-page .goals-shade{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,#0c0c0ce8 0%,#0c0c0cbf 30%,#0c0c0c35 64%,#0c0c0c12 100%),linear-gradient(0deg,#0c0c0ce6 0%,transparent 35%,#0c0c0c1a 74%,#0c0c0c66 100%)}
.models-page .goals-model{position:absolute;z-index:3;right:7%;bottom:-35%;width:60%;height:128%;pointer-events:none}
.models-page .goals-model img{width:100%;height:100%;object-fit:contain;object-position:center bottom;display:block;filter:drop-shadow(0 15px 25px #0004)}
.models-page .goals-foreground{position:absolute;z-index:4;right:-1%;bottom:10%;width:37%;height:45%;opacity:0;transform:translate3d(-145%,0,0) scale(.97);transition:transform 1.3s cubic-bezier(.2,.72,.15,1),opacity .75s ease;transition-delay:.1s;will-change:transform,opacity;pointer-events:none}
.models-page .goals-foreground img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 22px 20px #0006)}
.models-page .goals-scene.is-active .goals-foreground{opacity:1;transform:translate3d(0,0,0) scale(1)}
.models-page .goals-scene.is-leaving .goals-foreground{opacity:0;transform:translate3d(100%,0,0) scale(1.02)}
.models-page .goals-copy{position:absolute;z-index:5;left:var(--pad);top:21%;width:42%;max-width:630px;pointer-events:none}
.models-page .goals-kicker{display:flex;gap:19px;align-items:center;color:#ede5db;font-size:11px;letter-spacing:1.9px;text-transform:uppercase;margin:0 0 27px;opacity:0;transform:translateY(18px);transition:opacity .5s,transform .75s cubic-bezier(.22,.7,.15,1)}
.models-page .goals-kicker>span{color:#ff633d;font-size:11px}
.models-page .goals-copy h3{font-size:clamp(43px,4.8vw,76px);font-weight:450;line-height:1.06;letter-spacing:-.055em;color:#f2f1ed;margin:0 0 29px;opacity:0;transform:translateY(27px);transition:opacity .5s,transform .8s cubic-bezier(.22,.7,.15,1);transition-delay:.08s;overflow-wrap:normal}
.models-page .goals-copy p{font-size:16px;line-height:1.8;color:#d0c8bc;margin:0;max-width:350px;opacity:0;transform:translateY(24px);transition:opacity .5s,transform .8s cubic-bezier(.22,.7,.15,1);transition-delay:.16s}
.models-page .goals-scene.is-active .goals-kicker,.models-page .goals-scene.is-active .goals-copy h3,.models-page .goals-scene.is-active .goals-copy p{opacity:1;transform:translateY(0)}
.models-page .goals-scene.is-leaving .goals-kicker,.models-page .goals-scene.is-leaving .goals-copy h3,.models-page .goals-scene.is-leaving .goals-copy p{opacity:0;transform:translateY(-20px);transition-delay:0s;transition-duration:.35s}
.models-page .goals-scene.is-preparing .goals-scene-bg,.models-page .goals-scene.is-preparing .goals-foreground,.models-page .goals-scene.is-preparing .goals-copy>*{transition:none!important}
.models-page .goals-stage-brand{position:absolute;z-index:5;top:35px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;gap:30px;color:#d7cfc3;font-size:9px;letter-spacing:2px;pointer-events:none}
.models-page .goals-stage-brand>span{color:#c4b9ab;letter-spacing:1.4px}
.models-page .goals-action{position:absolute;z-index:6;bottom:119px;left:var(--pad);display:flex;flex-direction:column;align-items:flex-start;gap:16px;max-width:42%}
.models-page .goals-action .button{min-width:250px;font-size:13px;min-height:58px}
.models-page .goals-action>span{font-size:10px;color:#bbb1a3;line-height:1.5}
.models-page .goals-controls{position:absolute;z-index:7;left:var(--pad);right:var(--pad);bottom:25px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #ffffff30;padding-top:17px}
.models-page .goals-dots{display:flex;gap:18px}
.models-page .goals-dot{border:0;border-top:2px solid #bdb0a745;color:#b8ada1;background:none;font-family:inherit;min-height:46px;min-width:76px;text-align:left;display:flex;flex-direction:column;gap:6px;padding:10px 0 2px;cursor:pointer;transition:color .2s,border-color .2s}
.models-page .goals-dot[aria-current="true"]{border-color:#ff633d;color:#f2f1ed}
.models-page .goals-dot-number{font-size:10px;font-variant-numeric:tabular-nums}
.models-page .goals-dot-name{font-size:10px;letter-spacing:.2px}
.models-page .goals-navigation{display:flex;align-items:center;gap:10px}
.models-page .goals-counter{display:flex;gap:12px;align-items:center;font-size:11px;color:#a99e91;margin-right:19px;font-variant-numeric:tabular-nums}
.models-page .goals-counter [data-goal-current]{color:#f2f1ed}
.models-page .goals-counter i{font-style:normal;color:#80766b}
.models-page .goals-arrow,.models-page .goals-pause{display:flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;border:1px solid #ffffff40;border-radius:50%;color:#f2f1ed;background:#17171733;padding:0;cursor:pointer;transition:background .2s,border-color .2s}
.models-page .goals-arrow svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.models-page .goals-pause{margin-left:5px;color:#c8bcaf;font-size:16px}
.models-page .goals-pause:disabled{opacity:.55;cursor:default}
.models-page .goals-arrow:hover,.models-page .goals-pause:hover{border-color:#ff633d;background:#ff633d1a}
.models-page .goals-stage:focus-visible,.models-page .goals-r10 button:focus-visible{outline:2px solid #ff633d;outline-offset:4px}
.models-page .goals-live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.models-page.motion-paused .goals-scene-bg,.models-page.motion-paused .goals-foreground,.models-page.motion-paused .goals-copy>*{transition:none}
@media(min-width:1700px){.models-page .goals-copy{top:23%;width:38%}.models-page .goals-model{right:7%;width:59%}.models-page .goals-foreground{right:2%;width:34%}}
@media(max-width:1100px) and (min-width:761px){.models-page .goals-intro{gap:8%;padding-block:38px}.models-page .goals-intro h2{font-size:34px}.models-page .goals-intro p{font-size:13px}.models-page .goals-stage{min-height:740px;max-height:1040px}.models-page .goals-copy{width:48%;top:19%}.models-page .goals-copy h3{font-size:clamp(40px,5.2vw,56px)}.models-page .goals-copy p{font-size:14px;max-width:270px}.models-page .goals-model{right:-13%;width:76%;height:125%;bottom:-34%}.models-page .goals-foreground{right:-7%;width:46%;height:40%;bottom:12%}.models-page .goals-action{max-width:47%;bottom:118px}.models-page .goals-dot{min-width:60px}.models-page .goals-dots{gap:12px}.models-page .goals-counter{display:none}.models-page .goals-navigation{gap:7px}}
/* On a compact desktop, the foreground occupies the space beside the CTA. */
@media(min-width:761px) and (max-width:1279px){.models-page .goals-foreground{left:29%;right:auto;width:29%;height:30%;bottom:18%}}
@media(min-width:761px) and (max-width:850px){.models-page .goals-action .button{min-width:205px;padding-inline:18px;gap:20px;font-size:12px}}
@media(max-width:760px){
 .models-page .goals-intro{grid-template-columns:1fr;gap:22px;padding:35px var(--pad) 32px}
 .models-page .goals-intro .eyebrow{font-size:9px;margin-bottom:19px}
 .models-page .goals-intro h2{font-size:35px;line-height:1.08}
 .models-page .goals-intro h3{font-size:9px;margin-bottom:9px}
 .models-page .goals-intro p{font-size:12px;line-height:1.7;max-width:480px}
 .models-page .goals-stage{height:100svh;min-height:780px;max-height:1020px}
 .models-page .goals-stage-brand{top:24px;font-size:8px;letter-spacing:1.2px}
 .models-page .goals-stage-brand>span{font-size:7px;letter-spacing:.7px}
 .models-page .goals-copy{top:77px;width:calc(100% - var(--pad)*2);max-width:440px}
 .models-page .goals-kicker{font-size:9px;letter-spacing:1.3px;gap:13px;margin-bottom:18px}
 .models-page .goals-kicker>span{font-size:9px}
 .models-page .goals-copy h3{font-size:clamp(35px,9.8vw,48px);line-height:1.06;margin-bottom:18px;max-width:390px}
 .models-page .goals-copy p{font-size:12px;line-height:1.7;max-width:255px}
 .models-page .goals-model{height:94%;width:175%;right:-57%;bottom:-40%}
 .models-page .goals-foreground{width:49%;height:30%;left:1%;right:auto;bottom:218px}
 /* Mobile crops frame the merchandise, rather than the quiet desktop text wall. */
 .models-page .goals-scene[data-goal-scene="0"] .goals-scene-bg img{object-position:82% center}
 .models-page .goals-scene[data-goal-scene="1"] .goals-scene-bg img{object-position:98% center;height:110%;transform:translateY(-9%)}
 .models-page .goals-scene[data-goal-scene="2"] .goals-scene-bg img{object-position:76% center}
 .models-page .goals-scene[data-goal-scene="3"] .goals-scene-bg img{object-position:92% center}
 .models-page .goals-shade{background:linear-gradient(180deg,#0c0c0cce 0%,#0c0c0c8a 28%,#0c0c0c18 62%,#0c0c0ccf 100%),linear-gradient(90deg,#0c0c0c77,transparent 75%)}
 .models-page .goals-action{bottom:122px;max-width:none;gap:0}
 .models-page .goals-action .button{min-width:190px;min-height:52px;padding:15px 19px;font-size:11px;gap:22px}
 .models-page .goals-action .button-symbol{font-size:23px}
 .models-page .goals-action>span{display:none}
 .models-page .goals-controls{bottom:22px;gap:8px;padding-top:15px}
 .models-page .goals-dots{gap:0}
 .models-page .goals-dot{width:44px;min-width:44px;min-height:44px;align-items:flex-start;gap:0;padding:14px 0 4px}
 .models-page .goals-dot-number{font-size:10px}
 .models-page .goals-dot-name{display:none}
 .models-page .goals-navigation{gap:6px}
 .models-page .goals-counter{display:none}
 .models-page .goals-pause{margin-left:0}
 .models-page .goals-arrow,.models-page .goals-pause{background:#17171766}
}
@media(max-width:380px){.models-page .goals-stage{min-height:800px}.models-page .goals-controls{left:18px;right:18px;gap:4px}.models-page .goals-navigation{gap:3px}.models-page .goals-dot{width:34px;min-width:34px}.models-page .goals-copy h3{font-size:35px}}
@media(prefers-reduced-motion:reduce){.models-page .goals-scene-bg,.models-page .goals-foreground,.models-page .goals-copy>*,.models-page .goals-dot,.models-page .goals-arrow,.models-page .goals-pause{transition:none!important}}
