/* Level cards, with the entrance and interaction language of the Viral reference. */
.hero-product,.owner-letter .letter,.margin-note,.before-shot,.after-shot,.desk-frame,.floating-badge{transform:none!important}
.hero-product{height:730px;margin-right:0}.product-scene{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s;pointer-events:none}.product-scene.is-active{opacity:1;visibility:visible;pointer-events:auto}.product-scene .floating-badge{right:-16px;bottom:105px}.product-playback{position:absolute;left:14px;right:14px;bottom:7px;z-index:3;display:flex;gap:12px;align-items:center;background:#faf7f0;padding:8px;border-radius:14px}.product-playback button{width:30px;height:30px;display:grid;place-items:center;border:1px solid #d8d8c9;border-radius:50%;font-size:15px;transition:background .2s}.product-playback button:hover{background:#e1e6d6}.product-progress{flex:1;display:flex;gap:5px}.product-progress i{height:3px;flex:1;background:#dedfd3;position:relative;overflow:hidden;border-radius:4px}.product-progress i:after{content:'';position:absolute;inset:0;background:#5f7047;transform:scaleX(var(--progress,0));transform-origin:left}.screenshot-scene{padding:28px 22px 65px;display:flex;flex-direction:column;background:#faf7f0;border-radius:16px;gap:22px}.scene-label{font-size:9px;letter-spacing:.8px;color:#667250}.scene-title{font-size:36px;line-height:1.08;letter-spacing:-1.7px;color:#20251b}.scene-image{flex:1;min-height:0;background:#e2e5d9;border-radius:12px;overflow:hidden;display:flex;align-items:center;padding:12px}.scene-image img{width:100%;height:auto;box-shadow:0 8px 20px #2939201a}.website .scene-image{padding:0}.website .scene-image img{height:100%;width:100%;object-fit:cover;object-position:59% center}.scene-note{font-size:11px;line-height:1.6;color:#686b5c}.motion-word{display:inline-block}.motion-curtain{position:fixed;inset:0;background:#161714;color:#f7f2ea;z-index:1000;display:grid;place-items:center;pointer-events:none}.motion-curtain>span{font-size:32px;line-height:1;letter-spacing:-1px}.motion-curtain i{display:block;font:italic 500 60px/1 'Source Serif 4',serif;letter-spacing:-3px}.btn .motion-button-label{position:relative;display:block;overflow:hidden;font-size:inherit;line-height:1.5}.motion-button-label>span{display:block!important;font-size:inherit;transition:transform .45s cubic-bezier(.34,1.45,.64,1),filter .35s,opacity .35s}.motion-button-label>span:last-child{position:absolute;inset:0;transform:translateY(-120%);opacity:0;filter:blur(4px)}.btn:hover .motion-button-label>span:first-child,.btn:focus-visible .motion-button-label>span:first-child{transform:translateY(120%);opacity:0;filter:blur(4px)}.btn:hover .motion-button-label>span:last-child,.btn:focus-visible .motion-button-label>span:last-child{transform:translateY(0);opacity:1;filter:blur(0)}.btn>span[aria-hidden]{transition:translate .35s}.btn:hover>span[aria-hidden]{translate:3px -3px}.text-link{transition:color .25s,border-color .25s}.text-link:hover{color:#52683b;border-color:#52683b}.work-pair img,.desk-frame img{transition:scale .7s cubic-bezier(.16,1,.3,1)}.work-pair a,.desk-frame a{display:block;overflow:hidden;border-radius:7px}.work-pair a:hover img,.desk-frame a:hover img{scale:1.025}.has-motion-line{position:relative}.has-motion-line:before{content:'';height:1px;position:absolute;top:0;left:0;right:0;background:#687b50;transform-origin:left;animation:process-draw 1.8s cubic-bezier(.16,1,.3,1) both;animation-timeline:view();animation-range:entry 0% entry 100%}.motion-control{font-size:11px;border:1px solid #b9b5a8;padding:9px 13px;border-radius:30px;margin-top:18px}.motion-paused *{animation-play-state:paused!important}.motion-paused .product-scene{transition:none}.motion-paused .motion-button-label>span{transition:none}.before-shot{margin:0 0 16px!important}.after-shot{margin:0 0 0 19px!important}
@keyframes process-draw{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:810px){.hero-product{height:730px}.product-scene .floating-badge{right:-8px}.scene-title{font-size:34px}.has-motion-line:before{display:none}.after-shot{margin-left:10px!important}}
@media(max-width:540px){.hero-product{height:730px}.scene-title{font-size:32px}}
@media(prefers-reduced-motion:reduce){.motion-curtain{display:none}.product-scene{transition:none}.motion-button-label>span{transition:none!important}.service-visual{translate:none!important}.has-motion-line:before{animation:none}.btn:hover .motion-button-label>span:first-child,.btn:focus-visible .motion-button-label>span:first-child{transform:none;opacity:1;filter:none}.btn:hover .motion-button-label>span:last-child,.btn:focus-visible .motion-button-label>span:last-child{opacity:0}}
.value-strip.has-marquee{display:block;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.benefit-track{display:flex;width:max-content;animation:benefit-flow 42s linear infinite}.benefit-group{display:flex;gap:75px;align-items:center;padding-right:75px}.benefit-group p{white-space:nowrap}.has-marquee:hover .benefit-track{animation-play-state:paused}@keyframes benefit-flow{to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.benefit-track{animation:none}}