:root{--dir:1}html[dir=rtl]{--dir:-1}html[data-lenis]{scroll-behavior:auto}.intro,.progress{display:none}@property --n{syntax:"<integer>";inherits:false;initial-value:0}@media (prefers-reduced-motion:no-preference){html[data-intro=play]{--hero-d:1.05s}html[data-intro=play] .intro{z-index:300;pointer-events:none;background:var(--ink);color:var(--paper);animation:intro-lift .8s var(--ease-io) 1s both;display:block;position:fixed;inset:0}.intro-in{padding-inline:var(--gutter);animation:intro-up .8s var(--ease-io) 1s both;place-items:center;display:grid;position:absolute;inset:0}.intro-logo{width:min(80vw,1000px);height:auto;animation:intro-draw .8s var(--ease) 60ms both}.intro-line{inset-inline:0;background:linear-gradient(90deg, transparent, var(--rose) 30%, var(--rose) 70%, transparent);height:3px;animation:intro-streak .6s var(--ease-io) .5s both;position:absolute;top:50%}.intro-meta{inset-inline:var(--gutter);bottom:max(22px, env(safe-area-inset-bottom));letter-spacing:.08em;color:#f2f2efbf;justify-content:space-between;margin:0;font-size:12px;display:flex;position:absolute}.intro-n{counter-reset:n var(--n);animation:intro-count .9s var(--ease-io) both}.intro-n:after{content:counter(n);text-align:end;min-width:3ch;color:var(--rose);display:inline-block}.hero .w{vertical-align:top;margin:0 -.1em -.08em 0;padding:0 .1em .08em 0;display:inline-block;overflow:hidden}.hero .w>span{animation:word-up 1.05s var(--ease) calc(var(--hero-d,0s) + .1s + var(--i,0) * 80ms) both;display:inline-block}.hero-over .kicker,.hero-cta{animation:in-up-lite .9s var(--ease) calc(var(--hero-d,0s) + .35s) both}.hero-look-grid>*{animation:in-up 1s var(--ease) calc(var(--hero-d,0s) + .45s) backwards}.hero-look-grid>:nth-child(2){animation-delay:calc(var(--hero-d,0s) + .55s)}.hero-look-grid>:nth-child(3){animation-delay:calc(var(--hero-d,0s) + .65s)}}@keyframes intro-lift{0%{clip-path:inset(0)}to{clip-path:inset(0 0 100%);visibility:hidden}}@keyframes intro-up{to{transform:translateY(-28vh)}}@keyframes intro-draw{0%{clip-path:inset(0 100% 0 0);transform:translate(-4%)skew(-12deg)}to{clip-path:inset(0 -2% 0 0);transform:none}}@keyframes intro-streak{0%{transform:translate(-100%)scaleY(.5)}to{transform:translate(100%)scaleY(1)}}@keyframes intro-count{to{--n:100}}@keyframes word-up{0%{transform:translateY(108%)skewY(6deg)}}@keyframes hero-zoom{0%{transform:scale(1.22)}}@keyframes in-up{0%{opacity:0;transform:translateY(56px)}}html[data-motion=full] .progress{top:0;z-index:150;background:var(--rose);height:3px;transform:scaleX(var(--sp,0));transform-origin:0;pointer-events:none;display:block;position:fixed;inset-inline:0}html[data-motion=full][dir=rtl] .progress{transform-origin:100%}html[data-motion=full] .hero-panel .photo{transform:translateY(calc(var(--p,0) * 14%)) scale(calc(1 + var(--p,0) * .12))}html[data-motion=full] .hero-l1{transform:translateX(calc(var(--p,0) * -16vw * var(--dir)))}html[data-motion=full] .hero-l2{transform:translateX(calc(var(--p,0) * 20vw * var(--dir)))}.band{background:var(--ink);color:var(--paper);padding-block:clamp(14px,2.4vw,30px);overflow:hidden}.band-row{--lean:clamp(-14, calc(var(--v,0) * -.45), 14);transform:translateX(calc((var(--p,.5) - .5) * -26vw)) skewX(calc(var(--lean) * 1deg));display:flex}.band-rev{transform:translateX(calc((var(--p,.5) - .5) * 26vw)) skewX(calc(var(--lean) * 1deg))}.band-track{width:max-content;animation:34s linear infinite band;display:flex}.band-rev .band-track{animation-duration:40s;animation-direction:reverse}.band-set{display:flex}.band span{white-space:nowrap;letter-spacing:-.02em;align-items:center;gap:.28em;padding-inline-end:.28em;font-size:clamp(3rem,10.5vw,10rem);font-style:italic;font-weight:900;line-height:.92;display:inline-flex}.band .band-o{color:#0000;-webkit-text-stroke:1.5px var(--paper)}.band-rev span{color:var(--rose)}.band-rev .band-o{-webkit-text-stroke-color:var(--rose)}.band-star{color:var(--rose);font-size:.38em;font-style:normal}.band-rev .band-star{color:var(--paper)}@keyframes band{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.band-track{animation:none}}html[data-motion=full] [data-in]:not([data-on])>*,html[data-motion=lite] [data-in]:not([data-on])>*{opacity:0}html[data-motion=full] [data-in][data-on]>*,html[data-motion=lite] [data-in][data-on]>*{animation:in-up 1s var(--ease) calc(var(--k,0) * 75ms) backwards}[data-in]>:nth-child(2){--k:1}[data-in]>:nth-child(3){--k:2}[data-in]>:nth-child(4){--k:3}[data-in]>:nth-child(5){--k:4}[data-in]>:nth-child(6){--k:5}[data-in]>:nth-child(7){--k:6}[data-in]>:nth-child(n+8){--k:7}html[data-motion=full] .sale{--k:clamp(0, calc((var(--p,1) - .03) * 4.2), 1);clip-path:inset(0 calc((1 - var(--k)) * 5vw) round calc((1 - var(--k)) * 48px))}html[data-motion=full] .sale>.wrap{transform:translateY(calc((1 - var(--k)) * 90px))}@property --price{syntax:"<integer>";inherits:false;initial-value:295}.sale-now{counter-reset:price var(--price);min-width:3ch;display:inline-block}.sale-now:after{content:counter(price)}html[data-motion=full] .sale-now:not([data-on]),html[data-motion=lite] .sale-now:not([data-on]){--price:750}html[data-motion=full] .sale-now[data-on],html[data-motion=lite] .sale-now[data-on]{transition:--price 1.6s cubic-bezier(.2,.7,.1,1) .15s}.joes-sticky{position:relative}html[data-motion=full] .joes-stage{--k:clamp(0, calc(var(--p,1) * 1.3), 1);height:230vh}html[data-motion=full] .joes-sticky{height:100vh;position:sticky;top:0;overflow:hidden}html[data-motion=full] .joes-banner{height:auto;clip-path:inset(calc((1 - var(--k)) * 22%) calc((1 - var(--k)) * 30%) round calc((1 - var(--k)) * 26px));position:absolute;inset:0}html[data-motion=full] .joes-banner .photo{transform:scale(calc(1.3 - var(--k) * .3))}html[data-motion=full] .joes-banner:after{opacity:var(--k)}html[data-motion=full] .joes-banner-copy{color:color-mix(in srgb, #fff calc(var(--k) * 100%), var(--ink))}html[data-motion=full] .joes-w{display:inline-block}html[data-motion=full] .joes-w0{transform:translateX(calc((1 - var(--k)) * -12vw * var(--dir)))}html[data-motion=full] .joes-w1{transform:translateX(calc((1 - var(--k)) * 12vw * var(--dir)))}html[data-motion=full] .street-rail .photo img{transform:translateY(calc((var(--p,.5) - .5) * -14%)) scale(1.18)}html[data-motion=full] .store .h-xl{transform:translateX(calc((1 - clamp(0, calc(var(--p,1) * 2.4), 1)) * -14vw * var(--dir)))}.ft-logo-wrap{overflow:hidden}html[data-motion=full] .ft-logo{transform:translateX(calc((1 - var(--p,1)) * -60% * var(--dir))) skewX(calc((1 - var(--p,1)) * -20deg));transform-origin:0 100%}.hero,.store,.joes,.street,.sale{overflow-x:clip}html[data-motion=lite] [data-in][data-on]>*{animation-name:in-up-lite;animation-duration:.7s}@keyframes in-up-lite{0%{opacity:0;transform:translateY(20px)}}