/* Native, interruptible motion. All content remains available without it. */
:root{view-transition-name:none}html{scroll-padding-top:132px}.header{position:sticky;top:0;z-index:30;background:var(--paper);transition:box-shadow .3s,background .3s}.header.is-scrolled{background:#eeeee6f2;backdrop-filter:blur(18px);box-shadow:0 1px 0 var(--line)}.header:after{content:'';position:absolute;left:0;bottom:-1px;height:2px;width:100%;transform:scaleX(var(--read-progress,0));transform-origin:left;background:#708741;pointer-events:none}.title-line{display:block;padding-bottom:.055em;margin-bottom:-.055em;overflow:hidden}.title-line>span{display:block;width:fit-content}.hero h1{overflow:visible}.hero h1 .accent-word:after{bottom:3px;z-index:0;height:8px;transform-origin:left}.hero h1 .accent-word{isolation:isolate}.hero h1 .accent-word:after{z-index:-1}.motion-ready .hero h1{animation:none}.motion-ready .title-line>span{animation:title-rise .82s cubic-bezier(.16,1,.3,1) both}.motion-ready .title-line:nth-child(2)>span{animation-delay:.09s}.motion-ready .title-line:nth-child(3)>span{animation-delay:.18s}.motion-ready .hero h1 .accent-word:after{animation:underline-in .6s .6s cubic-bezier(.16,1,.3,1) both}.hero-art{perspective:1000px}.photo-frame{transform-origin:50% 70%;transition:box-shadow .3s}.motion-ready .photo-frame{animation:photo-uncover .85s cubic-bezier(.16,1,.3,1) both;transform:translateY(var(--hero-drift,0px)) rotate(var(--hero-rotate,0deg))}.hero-art:after{content:'';position:absolute;inset:20px -10px 55px 20px;border:1px solid #859270;z-index:-1;transform:rotate(3deg);pointer-events:none}.motion-ready .room-label{animation:label-arrive .85s .25s cubic-bezier(.16,1,.3,1) both;translate:0 var(--label-drift,0px)}.motion-ready .price-sticker{animation:sticker-in .85s .2s cubic-bezier(.16,1,.3,1) both}.hero-photo{transform:scale(1.075) translate3d(var(--pointer-x,0px),var(--photo-shift,0px),0);transition:translate .5s cubic-bezier(.16,1,.3,1);translate:0 var(--pointer-y,0px)}.riff-wave{height:35px;width:100%;min-width:20px;flex:1;overflow:visible;fill:none;stroke-width:1.3;stroke-linejoin:round}.wave-base{stroke:#626b51}.wave-progress{stroke:var(--lime);stroke-width:2}.motion-ready .wave-progress{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--wave-progress,0))}.section-heading h2,.price-intro h2,.contact-inner h2{perspective:600px}.motion-ready .section-heading.is-visible h2,.motion-ready .contact-inner .is-visible h2{animation:heading-reveal .78s cubic-bezier(.16,1,.3,1) both}.motion-ready .section-heading.is-visible>p:last-child{animation:copy-arrive .6s .13s ease both}.feature-tabs{position:relative;isolation:isolate}.tab-indicator{position:absolute;top:0;left:0;z-index:-1;background:#dfe6d3;border-bottom:3px solid var(--ink);pointer-events:none;transition:transform .4s cubic-bezier(.16,1,.3,1),width .4s,height .4s}.feature-tabs.has-indicator button[aria-selected=true]{background:transparent;border-color:transparent}.feature-panel.is-active{animation:none}.feature-panel:not([hidden]) .app-frame>img{view-transition-name:app-preview}.feature-panel:not([hidden]) .feature-description{view-transition-name:feature-copy}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-group(app-preview),::view-transition-group(feature-copy){animation-duration:.42s;animation-timing-function:cubic-bezier(.16,1,.3,1)}::view-transition-old(app-preview){animation:preview-out .32s ease both}::view-transition-new(app-preview){animation:preview-in .46s cubic-bezier(.16,1,.3,1) both}::view-transition-old(feature-copy){animation:copy-out .15s ease both}::view-transition-new(feature-copy){animation:copy-arrive .38s .07s ease both}::view-transition{pointer-events:none}.app-frame{transform-origin:50% 75%}.motion-ready .features .app-frame{transform:perspective(1200px) rotateX(var(--screen-angle,0deg));transition:box-shadow .5s}.app-frame:hover{box-shadow:0 18px 45px #2d39251a}.pricing{clip-path:inset(0 var(--stage-inset,0px) round var(--stage-radius,0px));position:relative}.pricing:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 10px,#ffffff03 10px 11px);pointer-events:none}.motion-ready .price-ticket.is-visible{animation:ticket-arrive .95s cubic-bezier(.16,1,.3,1) both}.price-ticket{transform-origin:50% 15%;transition:box-shadow .3s}.price-ticket:hover{box-shadow:13px 17px 0 #080a07}.price-spark{rotate:var(--spark-turn,0deg)}.ticket-divider{overflow:visible}.ticket-top:after{content:''}.band-sleeves{isolation:isolate;perspective:1000px}.sleeve{transition:filter .35s cubic-bezier(.16,1,.3,1)}.sleeve-one{z-index:1}.sleeve-two{z-index:3}.sleeve a{display:block;transition:transform .55s cubic-bezier(.16,1,.3,1),box-shadow .55s}.sleeve a:hover,.sleeve a:focus-visible{transform:translateY(-14px) rotate(-3deg);box-shadow:0 22px 35px #1b231e25}.sleeve a:hover img{box-shadow:none}.motion-ready .sleeve-one{transform:translate3d(var(--sleeve-one-x,0px),0,0) rotate(var(--sleeve-one-angle,-9deg))}.motion-ready .sleeve-two{transform:translate3d(var(--sleeve-two-x,0px),0,0) rotate(var(--sleeve-two-angle,8deg))}.vinyl-disc{position:absolute;width:58%;height:auto;left:26%;top:6%;z-index:2;filter:drop-shadow(0 12px 18px #1113);transform:translate3d(var(--vinyl-slide,0px),var(--vinyl-rise,0px),0) rotate(var(--vinyl-turn,15deg));pointer-events:none}.demo-section{overflow:clip;overflow-clip-margin:35px}.contact-section{overflow:clip;clip-path:inset(0 var(--contact-inset,0px) round var(--contact-radius,0px));position:relative}.contact-section:before{content:'';position:absolute;width:320px;height:320px;right:-160px;top:-160px;border:1px solid #1b1d1925;border-radius:50%;box-shadow:0 0 0 35px #1b1d190a,0 0 0 70px #1b1d1906;pointer-events:none;transform:translateY(var(--contact-orbit,0px))}.button{overflow:hidden;position:relative;isolation:isolate}.button:before{content:'';position:absolute;inset:0;z-index:-1;background:#ffffff10;transform:translateY(102%);transition:transform .35s cubic-bezier(.16,1,.3,1)}.button:hover:before{transform:translateY(0)}.button>svg{transition:transform .35s cubic-bezier(.16,1,.3,1)}.button:hover>svg{transform:translateX(5px)}.nav-demo span{display:inline-block;transition:transform .3s}.nav-demo:hover span{transform:translate(2px,-2px)}.image-dialog[open]{animation:dialog-arrive .35s cubic-bezier(.16,1,.3,1)}.image-dialog[open]::backdrop{animation:backdrop-in .25s ease}.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation:none!important;transition:none!important}.motion-paused::view-transition-group(*),.motion-paused::view-transition-new(*),.motion-paused::view-transition-old(*){animation:none!important}.motion-paused .reveal{opacity:1!important;transform:none!important}.motion-paused .hero-photo{transform:none;translate:none}.motion-paused .photo-frame,.motion-paused .room-label{translate:none;transform:none}.motion-paused .pricing,.motion-paused .contact-section{overflow:clip;clip-path:none}.motion-paused .app-frame{transform:none!important}.motion-paused .wave-progress{stroke-dashoffset:0}.motion-toggle{position:absolute;top:16px;left:16px;z-index:5;background:#1b1d19dd;color:#fff;border:1px solid #ffffff55;font-size:10px;padding:8px 11px;display:flex;align-items:center;gap:8px;backdrop-filter:blur(8px)}.motion-toggle svg{width:12px;height:12px;fill:currentColor}.motion-toggle:hover{background:#1b1d19}.motion-toggle:focus-visible{outline-color:var(--lime)}
@keyframes title-rise{from{transform:translateY(108%);opacity:.15}to{transform:translateY(0);opacity:1}}@keyframes underline-in{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes photo-uncover{from{clip-path:inset(13% 0 0 0 round 25px);opacity:.2}to{clip-path:inset(0 round 0);opacity:1}}@keyframes label-arrive{from{opacity:0;transform:translateY(32px) rotate(5deg)}to{opacity:1;transform:translateY(0) rotate(-3deg)}}@keyframes heading-reveal{from{clip-path:inset(0 0 100%);transform:translateY(24px)}to{clip-path:inset(0);transform:translateY(0)}}@keyframes copy-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes ticket-arrive{from{opacity:0;transform:translateY(55px) rotate(8deg)}to{opacity:1;transform:translateY(0) rotate(1.5deg)}}@keyframes preview-out{to{opacity:0;transform:translateY(-20px) scale(.975)}}@keyframes preview-in{from{opacity:0;clip-path:inset(12% 0 0);transform:translateY(25px) scale(.985)}to{opacity:1;clip-path:inset(0);transform:translateY(0) scale(1)}}@keyframes copy-out{to{opacity:0;transform:translateY(-8px)}}@keyframes dialog-arrive{from{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes backdrop-in{from{opacity:0}to{opacity:1}}
@view-transition{navigation:auto}
@media(max-width:700px){html{scroll-padding-top:102px}.riff-wave{height:25px;min-width:30px}.spec-strip>.wrap{gap:10px}.tab-indicator{border-bottom-width:2px}.hero-art:after{inset:13px -6px 45px 12px}.motion-toggle{left:11px;top:11px;font-size:9px;padding:6px 9px}.vinyl-disc{width:55%;left:26%;top:9%}.contact-section:before{width:200px;height:200px;right:-135px;top:-130px}.motion-ready .features .app-frame{transform:none}.price-ticket{will-change:auto}.motion-ready .sleeve-one,.motion-ready .sleeve-two{translate:0 0}.motion-ready .price-ticket.is-visible{animation-duration:.7s}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.header{backdrop-filter:none}.motion-ready .title-line>span,.motion-ready .hero h1 .accent-word:after{animation:none}.motion-ready .photo-frame,.motion-ready .room-label,.motion-ready .sleeve-one,.motion-ready .sleeve-two,.vinyl-disc{transform:none;translate:none}.motion-ready .features .app-frame{transform:none}.pricing,.contact-section{overflow:clip;clip-path:none}.riff-wave .wave-progress{stroke-dashoffset:0}.sleeve a:hover{transform:none}.hero-photo{translate:none}::view-transition-group(*),::view-transition-new(*),::view-transition-old(*){animation:none!important}.motion-toggle{display:none}@view-transition{navigation:none}}
@media print{.header,.motion-toggle{display:none}.pricing,.contact-section{overflow:clip;clip-path:none}.vinyl-disc{display:none}.title-line>span{transform:none!important;opacity:1!important}}
@media(min-width:1100px){.band-sleeves{height:480px}.vinyl-disc{top:10%;left:24%;width:55%}}