swaap-apartment{--sa-ink:#152242;--sa-paper:#f6f3ee;--sa-accent:#d1724c;--sa-accent-text:#b2542e;--sa-stone:#6d645a;--sa-display:var(--sw-display,"Poppins",system-ui,-apple-system,"Segoe UI",sans-serif);--sa-top:0px;--sa-distance:420vh;display:block;max-width:100vw;color:var(--sa-ink);background:var(--sa-paper);position:relative;font-family:inherit}swaap-apartment *{box-sizing:border-box}swaap-apartment.is-enhanced{height:calc(100svh + var(--sa-distance))}.sa-stage{height:calc(100svh - var(--sa-top));min-height:600px;position:sticky;top:var(--sa-top);overflow:hidden;background:var(--sa-paper)}.sa-media{position:absolute;top:0;right:0;bottom:0;left:0}.sa-media img,.sa-media video{position:absolute;width:100%;height:100%;object-fit:cover;top:0;right:0;bottom:0;left:0}.sa-media video{opacity:0}.sa-media .sa-poster{display:none}.is-enhanced .sa-media .sa-poster{display:block}.is-ready .sa-media video{opacity:1}.sa-shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(100deg,rgba(246,243,238,.62) 0%,rgba(246,243,238,.28) 32%,transparent 56%),linear-gradient(180deg,rgba(246,243,238,.93),rgba(246,243,238,.04) 32%,transparent 72%,rgba(246,243,238,.3))}.sa-topline{position:absolute;inset:28px 4vw auto;display:flex;align-items:center;gap:20px;z-index:3}.sa-brand{font-family:var(--sa-display);font-size:34px;line-height:1;font-weight:700;letter-spacing:-.02em;color:inherit;text-decoration:none}.sa-brand span{color:var(--sa-accent)}.sa-tag{font-family:var(--sa-display);font-size:11px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;border-left:1px solid rgba(21,34,66,.25);padding-left:20px}.sa-skip{margin-left:auto;display:inline-flex;align-items:center;gap:8px;background:#ffffffe0;border:1px solid rgba(21,34,66,.18);border-radius:999px;padding:11px 18px;color:inherit;cursor:pointer;font:inherit;font-size:13px;line-height:1;box-shadow:0 1px 3px #15224212;transition:background .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1)}.sa-skip:hover{background:var(--sa-ink);border-color:var(--sa-ink);color:#fff}.sa-intro{position:absolute;top:clamp(102px,16vh,180px);left:5vw;max-width:610px;z-index:2;pointer-events:none}.sa-eyebrow{font-family:var(--sa-display);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--sa-accent-text);margin:0 0 20px}.sa-intro h1,.sa-intro h2{font-family:var(--sa-display);font-weight:600;font-size:clamp(36px,4.8vw,66px);line-height:1.06;letter-spacing:-.025em;margin:0 0 22px;text-wrap:balance;color:inherit}.sa-intro>p:last-child{font-size:16px;line-height:1.6;max-width:340px;margin:0;color:#4a5670}.sa-outro{position:absolute;bottom:145px;left:5vw;padding:28px 32px;background:#fffffff0;border-radius:12px;box-shadow:0 16px 40px #15224221;max-width:430px;z-index:2;opacity:0;pointer-events:none}.sa-outro h2{font-family:var(--sa-display);font-weight:600;font-size:clamp(28px,3.1vw,42px);line-height:1.14;margin:0 0 18px;letter-spacing:-.02em;color:inherit}.sa-outro p{font-size:15px;line-height:1.6;margin:0 0 22px;color:#4a5670}.sa-cta{display:inline-flex;gap:24px;align-items:center;color:#fff;background:var(--sa-ink);border-radius:999px;padding:15px 26px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s cubic-bezier(.4,0,.2,1)}.sa-cta:hover{background:var(--sa-accent);color:#fff}.sa-caption{position:absolute;right:4vw;top:107px;font-size:12px;letter-spacing:.02em;background:#ffffffe0;padding:9px 14px;border-radius:999px;opacity:0;transition:opacity .26s cubic-bezier(.4,0,.2,1)}.sa-bottom{position:absolute;left:4vw;right:4vw;bottom:26px;z-index:3;background:#ffffffed;border:1px solid rgba(255,255,255,.6);border-radius:12px;padding:18px 24px 16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 6px 18px #15224217}.sa-navigation{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.sa-navigation button{font:inherit;font-size:14px;color:var(--sa-ink);text-align:left;background:transparent;border:0;padding:0 0 12px;cursor:pointer;position:relative}.sa-navigation button span{font-family:var(--sa-display);font-size:11px;color:var(--sa-stone);margin-right:10px;font-variant-numeric:tabular-nums}.sa-navigation button:after{content:"";position:absolute;height:2px;background:#15224224;bottom:0;left:0;right:0}.sa-navigation button:before{content:"";position:absolute;z-index:1;height:2px;background:var(--sa-accent);bottom:0;left:0;width:calc(var(--step-progress,0)*100%)}.sa-navigation button[aria-current=step]{font-weight:600}.sa-footnote{display:flex;justify-content:space-between;gap:15px;margin-top:12px;font-size:11px;color:var(--sa-stone)}.sa-static-note{display:none}swaap-apartment:not(.is-enhanced) .sa-intro,swaap-apartment:not(.is-enhanced) .sa-bottom,swaap-apartment:not(.is-enhanced) .sa-caption,swaap-apartment:not(.is-enhanced) .sa-skip{display:none}swaap-apartment:not(.is-enhanced) .sa-outro{opacity:1;pointer-events:auto;bottom:45px}swaap-apartment:not(.is-enhanced) .sa-static-note{display:block;font-size:12px;margin-top:14px;color:var(--sa-stone)}swaap-apartment :focus-visible{outline:3px solid var(--sa-accent);outline-offset:5px}@media(max-width:749px){swaap-apartment{--sa-distance:340vh}.sa-stage{min-height:640px}.sa-topline{inset:22px 6vw auto;gap:12px}.sa-brand{font-size:28px}.sa-tag{padding-left:12px;font-size:9px;max-width:90px;line-height:1.5}.sa-skip{font-size:11px;padding:9px 13px;gap:6px}.sa-media{top:40%;bottom:auto;height:auto;aspect-ratio:16/9}.sa-media img,.sa-media video{object-fit:contain}.sa-shade{display:none}.sa-intro{left:6vw;right:6vw;top:112px;max-width:none}.sa-intro h1,.sa-intro h2{font-size:clamp(30px,8vw,42px);margin-bottom:16px;max-width:340px}.sa-eyebrow{font-size:11px;margin-bottom:14px}.sa-intro>p:last-child{font-size:14px;max-width:290px}.sa-caption{left:6vw;right:auto;top:calc(40% - 42px);padding:8px 0;font-size:12px;background:none}.sa-outro{left:6vw;right:6vw;top:112px;bottom:auto;padding:0;background:transparent;box-shadow:none;max-width:none}.sa-outro h2{font-size:32px;margin-bottom:14px}.sa-outro p{display:none}.sa-cta{font-size:13px;padding:13px 20px;gap:16px}.sa-bottom{left:6vw;right:6vw;bottom:25px;padding:0;border:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.sa-navigation{gap:12px}.sa-navigation button{font-size:11px;line-height:1.5}.sa-navigation button span{display:block;font-size:10px;margin:0 0 5px}.sa-footnote{font-size:10px;margin-top:15px}swaap-apartment:not(.is-enhanced) .sa-outro{top:112px;bottom:auto}}@media(prefers-reduced-motion:reduce){swaap-apartment.is-enhanced{height:auto}}@media(max-width:749px){.sa-stage{min-height:560px}.sa-media{top:0;right:0;bottom:0;left:0;height:100%;width:100%;aspect-ratio:auto}.sa-media img,.sa-media video{object-fit:cover}.sa-shade{display:block;background:linear-gradient(rgba(246,243,238,.94),rgba(246,243,238,.5) 22%,transparent 42%,transparent 76%,rgba(246,243,238,.91) 90%)}.sa-tag{display:none}.sa-intro,.sa-phase{top:86px;left:6vw;right:6vw}.sa-intro h1,.sa-intro h2,.sa-stage .sa-intro h1{font-size:32px;max-width:330px;margin-bottom:12px}.sa-intro>p:not(.sa-eyebrow){font-size:14px;line-height:1.5;margin:10px 0;color:var(--sa-ink)}.sa-phase h2{font-size:28px;margin-bottom:10px}.sa-outro{top:86px;bottom:auto}.sa-outro h2{font-size:30px}.sa-caption{top:90px;left:6vw;right:6vw;font-family:var(--sa-display);font-weight:600;font-size:28px;line-height:1.12;letter-spacing:-.02em;color:var(--sa-ink);background:#ffffffd1;padding:8px 12px;border-radius:8px;max-width:330px}.sa-bottom{bottom:12px;padding:12px;border-radius:12px;background:#ffffffed;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sa-navigation button,.sa-nav button{min-height:38px}.sa-footnote,.sa-foot,.sa-explore{margin-top:8px}.sa-top .sa-visit{margin-left:auto}.sa-products .sa-product{left:var(--mx,var(--x));top:var(--my,var(--y));min-width:44px;min-height:44px}}@media(max-width:749px)and (max-height:740px){.sa-intro>p:not(.sa-eyebrow),.sa-intro .sa-actions{display:none}.sa-intro h1,.sa-intro h2,.sa-stage .sa-intro h1{font-size:28px}.sa-phase h2{font-size:25px}.sa-eyebrow{margin-bottom:8px}}
/*# sourceMappingURL=/cdn/shop/t/92/assets/swaap-apartment.css.map */