/* Shared base for the three looks */
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4,p,blockquote,figure,ol,ul{margin:0;padding:0}
ol,ul{list-style:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.wm{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.wm>.w{display:inline-block}
[data-fit]{display:inline-block;white-space:nowrap;line-height:.86}
.hover-photo{position:fixed;left:0;top:0;width:300px;aspect-ratio:4/5;margin:-190px 0 0 -150px;pointer-events:none;z-index:60;opacity:0;transform:scale(.7);border-radius:6px;overflow:hidden}
.hover-photo img{width:100%;height:100%;object-fit:cover}
/* look picker (preview only) */
.pick{position:fixed;left:50%;translate:-50% 0;bottom:14px;max-width:calc(100vw - 24px);overflow-x:auto;z-index:200;display:flex;gap:4px;align-items:center;padding:6px;border-radius:99px;background:#0D0E12;color:#fff;font:600 12px/1 system-ui,sans-serif;box-shadow:0 6px 24px rgba(0,0,0,.25)}
.pick span{padding:0 10px 0 8px;opacity:.7}
.pick a{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%}
.pick a[aria-current]{background:#DF055F}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Big words sit inside boxes that hide whatever spills out (that is how the rise-in motion works).
   Give every such box room below for g, y, p and a little on the right for the last letter, so nothing is cut. */
.wm{padding:0 .04em .2em 0!important;margin:0 -.04em -.2em 0!important}
.ln{padding-bottom:.2em!important;margin-bottom:-.14em!important}
.ln>span{padding-right:.04em}
[data-fit]{padding-bottom:.2em!important;padding-right:.06em!important}
.foot-name,.s-cta h2,.cta h2{padding-bottom:.02em}