.ys-grid{display:grid;grid-template-columns:.85fr 1.15fr;grid-template-areas:"copy stage" "try stage";grid-column-gap:56px;column-gap:56px;grid-row-gap:0;row-gap:0;align-items:center}.ys-copy{grid-area:copy;align-self:end}.ys-try{grid-area:try;align-self:start}.ys-stage{grid-area:stage}.ys-copy h2{font-size:clamp(34px,4.4vw,56px)}.ys-copy>p:not(.eyebrow){color:var(--dim);margin:16px 0 24px;max-width:34ch}.ys-try{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:22px}.ys-try label{display:block;font-size:14px;font-weight:600;color:var(--dim);margin-bottom:8px}.ys-try input{width:100%;height:52px;border-radius:14px;border:1.5px solid var(--line-strong);background:var(--bg);color:var(--ink);font:500 18px var(--font-body),sans-serif;padding:0 16px}.ys-try input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px rgba(255,138,31,.18)}.ys-looks{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.ys-looks button{min-height:44px;padding:0 16px;border-radius:999px;border:0;background:transparent;color:var(--dim);font:600 15px var(--font-body),sans-serif;box-shadow:inset 0 0 0 1px var(--line-strong);cursor:pointer;transition:background .2s ease,color .2s ease}.ys-looks button.on{background:var(--accent);color:var(--accent-ink);box-shadow:none}.ys-fine{font-size:14px;color:var(--dim);margin:16px 0 0}.ys-fine a,.ys-under a{color:var(--accent)}.ys-under{font-size:14px;color:var(--dim);margin:14px 0 0;text-align:center}.ys-site{position:relative;aspect-ratio:16/10;overflow:hidden;background:#111;container-type:inline-size}.ys-photo{object-fit:cover;transition:opacity .5s ease,transform 1.2s ease}.ys-shade{position:absolute;inset:0}.ys-nav{position:absolute;inset:4% 4% auto 4%;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:2;transition:opacity .4s ease}.ys-logo{font-size:clamp(13px,3.6cqi,22px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:62%}.ys-menu{display:flex;gap:3cqi;font-size:clamp(9px,1.8cqi,13px)}.ys-menu i{font-style:normal}.ys-text{position:absolute;left:4%;bottom:6%;width:62%;z-index:2;display:grid;grid-gap:1.6cqi;gap:1.6cqi;justify-items:start}.ys-text small{font-size:clamp(8px,1.6cqi,12px);letter-spacing:.12em;text-transform:uppercase;font-weight:700;transition:opacity .4s ease}.ys-h{display:block;font-size:clamp(20px,6.4cqi,50px);line-height:.98;transition:opacity .45s ease,transform .45s cubic-bezier(.2,.7,.2,1)}.ys-h em{font-style:normal}.ys-cta{font-size:clamp(10px,2cqi,15px);font-weight:700;padding:1.4cqi 2.6cqi;transition:opacity .3s ease,transform .35s cubic-bezier(.3,1.6,.5,1)}.ys-sk{position:absolute;background:rgba(255,255,255,.16);border-radius:8px;z-index:3;transition:opacity .35s ease;opacity:0}.ys-sk1{left:4%;top:5%;width:24%;height:6%}.ys-sk2{left:4%;bottom:30%;width:52%;height:16%}.ys-sk3{left:4%;bottom:9%;width:22%;height:8%}.ys-step-0 .ys-photo{opacity:0;transform:scale(1.06)}.ys-step-0 .ys-sk,.ys-step-1 .ys-sk{opacity:1}.ys-step-0 .ys-cta,.ys-step-0 .ys-h,.ys-step-0 .ys-nav,.ys-step-0 .ys-text small,.ys-step-1 .ys-cta,.ys-step-1 .ys-h,.ys-step-2 .ys-cta{opacity:0}.ys-step-0 .ys-h,.ys-step-1 .ys-h{transform:translateY(12px)}.ys-step-0 .ys-cta,.ys-step-1 .ys-cta,.ys-step-2 .ys-cta{transform:scale(.6)}.ys-bold .ys-shade{background:linear-gradient(90deg,rgba(12,11,10,.92) 30%,rgba(12,11,10,.2))}.ys-bold .ys-nav,.ys-bold .ys-text{color:#f3eee6}.ys-bold .ys-h,.ys-bold .ys-logo{font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:-.02em}.ys-bold .ys-h em,.ys-bold small{color:#ff7a1a}.ys-bold .ys-cta{background:#ff7a1a;color:#0c0b0a}.ys-coastal .ys-shade{background:linear-gradient(90deg,rgba(238,246,248,.94) 42%,rgba(238,246,248,.1) 70%)}.ys-coastal .ys-nav,.ys-coastal .ys-text{color:#11323d}.ys-coastal .ys-h,.ys-coastal .ys-logo,.ys-editorial .ys-h,.ys-editorial .ys-logo,.ys-luxe .ys-h,.ys-luxe .ys-logo{font-family:Georgia,Times New Roman,serif;font-weight:400;letter-spacing:-.01em}.ys-coastal .ys-h em{font-style:italic;color:#1a8aa3}.ys-coastal small{color:#0f5e73}.ys-coastal .ys-cta{background:#0f5e73;color:#fff;border-radius:999px}.ys-editorial .ys-shade{background:linear-gradient(90deg,rgba(244,237,226,.95) 45%,rgba(244,237,226,.05) 72%)}.ys-editorial .ys-nav,.ys-editorial .ys-text{color:#2a211b}.ys-editorial .ys-h em{font-style:italic;color:#b5572f}.ys-editorial small{color:#b5572f}.ys-editorial .ys-cta{box-shadow:inset 0 0 0 1.5px #2a211b;color:#2a211b}.ys-friendly .ys-shade{background:linear-gradient(90deg,rgba(255,248,239,.96) 46%,rgba(255,248,239,.05) 74%)}.ys-friendly .ys-nav,.ys-friendly .ys-text{color:#2a1b3d}.ys-friendly .ys-h,.ys-friendly .ys-logo{font-family:var(--display);font-weight:800}.ys-friendly .ys-h em{color:#ff8fab}.ys-friendly small{background:#b8ead6;padding:.6cqi 1.4cqi;border-radius:999px}.ys-friendly .ys-cta{background:#2a1b3d;color:#fff8ef;border-radius:999px;box-shadow:4px 4px 0 #ff8fab}.ys-luxe .ys-shade{background:linear-gradient(90deg,rgba(11,10,9,.9) 34%,rgba(11,10,9,.15))}.ys-luxe .ys-nav,.ys-luxe .ys-text{color:#efe8dc}.ys-luxe .ys-h em{font-style:italic;color:#c9a45c}.ys-luxe small{color:#c9a45c}.ys-luxe .ys-cta{box-shadow:inset 0 0 0 1px #c9a45c;color:#c9a45c;text-transform:uppercase;letter-spacing:.14em}@media (max-width:900px){.ys-grid{grid-template-columns:1fr;grid-template-areas:"copy" "stage" "try";row-gap:24px}.ys-stage{scroll-margin-top:16px}}.cmp-wrap{margin-bottom:40px}.cmp{position:relative;border-radius:var(--r-card);overflow:hidden;box-shadow:0 40px 80px -30px rgba(0,0,0,.7),0 0 0 1px var(--line);--x:50%}.cmp img{display:block;width:100%;height:auto}.cmp .cmp-r{position:absolute;inset:0;height:100%;object-fit:cover;-webkit-clip-path:inset(0 0 0 var(--x));clip-path:inset(0 0 0 var(--x))}.cmp-line{position:absolute;top:0;bottom:0;left:var(--x);width:3px;background:#fff;translate:-50% 0;box-shadow:0 0 18px rgba(0,0,0,.45);pointer-events:none}.cmp-line b{position:absolute;top:50%;left:50%;translate:-50% -50%;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);font-size:20px;box-shadow:0 10px 30px -6px rgba(255,138,31,.8);transition:scale .2s ease}.cmp input[type=range]{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.cmp:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:3px}.cmp:has(input:focus-visible) .cmp-line b,.cmp:hover .cmp-line b{scale:1.1}.cmp-lab{position:absolute;bottom:16px;padding:6px 12px;border-radius:999px;background:rgba(10,23,48,.85);font-size:14px;font-weight:600;pointer-events:none}.cmp-l{left:16px}.cmp-rl{right:16px}.cmp-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:20px}.cmp-chips button{min-height:44px;padding:0 16px;border-radius:999px;border:0;background:transparent;color:var(--dim);font:600 15px var(--font-body),sans-serif;box-shadow:inset 0 0 0 1px var(--line-strong);cursor:pointer}.cmp-chips button.on{background:var(--accent);color:var(--accent-ink);box-shadow:none}.cmp-under{text-align:center;color:var(--dim);font-size:14px;margin:12px 0 0}.reel-grid{display:grid;grid-template-columns:1fr auto;grid-gap:56px;gap:56px;align-items:center}.reel-grid h2{font-size:clamp(34px,4.4vw,56px)}.reel-grid>div>p:not(.eyebrow){color:var(--dim);max-width:40ch;margin:16px 0 24px}.reel{justify-self:center}.reel-phone{position:relative;width:280px;height:580px;border-radius:40px;padding:10px;background:#0b0b0d;box-shadow:0 40px 80px -24px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.08),0 0 80px -20px rgba(255,138,31,.35)}.reel-page{position:absolute;inset:10px;border-radius:31px;overflow:hidden;background:#fff;opacity:0;transition:opacity .6s ease}.reel-page.on{opacity:1}.reel-page img{display:block;width:100%;height:auto}.reel-phone.run .reel-page.on img{animation:reel-scroll 7s ease-in-out both}.reel:hover .reel-page.on img{animation-play-state:paused}@keyframes reel-scroll{0%,10%{transform:translateY(0)}to{transform:translateY(calc(-100% + 560px))}}.reel-label{text-align:center;color:var(--dim);font-size:14px;margin:16px 0 0}@media (max-width:900px){.reel-grid{grid-template-columns:1fr;gap:32px}}