.hero{grid-template-columns:44% 56%}
@media(min-width:701px) and (max-width:1799px){.hero h1{font-size:clamp(40px,4.3vw,68px)}}
.hero-model-stage{background:#fbf3f8;perspective:1200px;--runway-floor:62px}
.runway-backdrop{background:radial-gradient(ellipse at 50% 30%,#fff 0,#fbf3f8 59%,#eddde8 100%)}
.runway-backdrop:before{inset:10% 12% 12%;border:12px solid #fff9;box-shadow:inset 3px 7px 18px #ba7b9f12,0 14px 33px #9c658719;background:none;border-radius:48% 48% 8% 8%;transform:perspective(900px) rotateY(-7deg)}
.runway-ring{opacity:.25}
.runway-canvas{z-index:1}
.runway-performers{position:absolute;inset:0;z-index:2;pointer-events:none;mix-blend-mode:multiply}
.runway-person{position:absolute;width:43%;aspect-ratio:3/4;bottom:var(--runway-floor);transform:translate3d(0,0,0)}
.runway-boy{left:9%}.runway-girl{left:45%}
.person-turn{position:absolute;inset:0;overflow:hidden;transform-origin:50% 90%;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(180deg,transparent,#000 3%,#000 96%,transparent);mask-composite:intersect}
.walk-sprite{position:absolute;left:0;top:0;width:400%;height:200%;background-size:100% 100%;background-repeat:no-repeat;background-position:0 0}
[data-rendering=active] .runway-person,[data-rendering=active] .walk-sprite{will-change:transform}
.runway-boy .walk-sprite{background-image:url('./assets/naylif-boy-walk-v7.webp')}
.runway-girl .walk-sprite{background-image:url('./assets/naylif-girl-walk-v7.webp')}
.photo-only .runway-platform{bottom:-11%;height:28%;transform:rotateX(48deg);background:linear-gradient(180deg,#fffafc,#eedbe7);border-top:2px solid #d4ad70;box-shadow:0 -8px 22px #bf82af20}
.site-header{backdrop-filter:none;background:#fffdfd}
.person-shadow{position:absolute;left:18%;right:12%;bottom:0;height:7%;border-radius:50%;background:radial-gradient(ellipse,#7f516455,transparent 70%);filter:blur(5px);transform:scaleY(.46);z-index:-1}
.runway-topline{max-width:calc(100% - 40px);font-size:10px;white-space:nowrap;padding:10px 13px;box-shadow:0 4px 0 #eed7e5,0 12px 22px #80526d13}
.runway-controls{position:absolute;z-index:5;bottom:36px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;white-space:nowrap}
.runway-controls button,.runway-controls a{border:1px solid #fff;border-radius:999px;background:#fffdfef2;color:#734660;padding:8px 14px;font-size:12px;font-weight:800;box-shadow:0 4px 0 #dfc9d7,0 9px 19px #5e284f17;display:inline-flex;align-items:center;gap:8px;transition:transform .2s,box-shadow .2s}
.runway-controls button:active,.runway-controls a:active{transform:translateY(3px);box-shadow:0 1px 0 #dfc9d7}
.runway-controls button:focus-visible,.runway-controls a:focus-visible{outline:3px solid #963263;outline-offset:3px}
.model-caption{bottom:8px;left:0;right:0;max-width:none;transform:none!important;margin:0 auto;width:max-content;max-width:96%;font-size:10px;background:transparent;box-shadow:none;color:#826f7e;padding:2px 4px}
@media(min-width:701px) and (max-width:1000px){.hero{grid-template-columns:45% 55%}.runway-person{width:52%;bottom:95px}.runway-boy{left:0}.runway-girl{left:43%}.runway-topline{font-size:8px;left:12px;max-width:calc(100% - 24px)}}
@media(max-width:700px){.hero{display:flex}.hero-model-stage{height:350px;min-height:350px;--runway-floor:64px}.runway-person{width:51%}.runway-boy{left:-1%}.runway-girl{left:43%}.runway-topline{left:12px;top:12px;font-size:8px;max-width:calc(100% - 24px)}.runway-controls{bottom:33px}.runway-controls button,.runway-controls a{font-size:11px;padding:7px 11px}.model-caption{font-size:9px;bottom:8px}.runway-backdrop:before{inset:6% 11% 11%;border-width:8px}}
@media(min-width:1800px){.hero-model-stage{--runway-floor:86px}.runway-person{width:42%}.runway-topline{top:32px;left:32px;font-size:14px;padding:14px 20px}.runway-controls{bottom:47px;gap:14px}.runway-controls button,.runway-controls a{font-size:17px;padding:12px 23px}.model-caption{font-size:13px;bottom:13px}}
@media(min-width:3000px){.hero-model-stage{--runway-floor:104px}.runway-topline{font-size:17px}.runway-controls{bottom:58px}.runway-controls button,.runway-controls a{font-size:20px}.model-caption{font-size:16px;bottom:17px}}
@media(prefers-reduced-motion:reduce){.runway-person{will-change:auto}.runway-controls button,.runway-controls a{transition:none}}