/* Heard / motion and material direction. Load after the original site. */
:root{--exp-ease:cubic-bezier(.22,1,.36,1);--exp-accent:#b72cc3;--exp-ink:#171619}
html{scroll-padding-top:100px}
body{overflow-x:clip}
button,a{-webkit-tap-highlight-color:transparent}
button:disabled{cursor:default}
.experience-only{display:none}
.experience-ready .experience-only{display:block}
.nav{background:rgba(247,246,243,.82);color:#171619;border-color:rgba(25,22,29,.07)}
.nav-inner{gap:24px}.signup-split{width:370px}.nav-links{gap:26px}
.nav.scrolled{background:rgba(247,246,243,.92);box-shadow:0 8px 38px #16101908}
.nav-brand img{transition:transform .7s var(--exp-ease)}.nav-brand:hover img{transform:rotate(-8deg)}
.hero-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.hero-atmosphere>i{position:absolute;inset:-20% -20% -20% 35%;background:radial-gradient(ellipse at 70% 40%,#e7f2e6 0%,#f4e4f1 40%,transparent 68%);transition:opacity 1.3s ease}
.hero-atmosphere>i:nth-child(2){opacity:0;background:radial-gradient(ellipse at 60% 45%,#71359088,#cd568a33 40%,transparent 70%)}
.hero-atmosphere>span{position:absolute;inset:0;background:linear-gradient(0deg,#f5f4f0,transparent 20%);transition:opacity 1s ease}
.opening{padding-top:74px;padding-bottom:112px;background:#f5f4f0;color:#171619;isolation:isolate;transition:background 1.2s ease,color .8s ease;min-height:calc(100svh - 76px)}
.opening-grid{position:relative;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:46px;width:100%;align-items:center;z-index:1}
.opening-copy{padding-bottom:40px}
.opening .eyebrow{display:flex;align-items:center;gap:10px;max-width:none;font-size:10px;line-height:1.6;letter-spacing:.14em;color:#68626b}
.live-dot{display:inline-block;flex:0 0 6px;width:6px;height:6px;background:#b830c3;border-radius:50%;box-shadow:0 0 0 5px #b830c310}
.opening h2{font-size:clamp(62px,6.2vw,98px);line-height:.99;letter-spacing:-.053em;text-wrap:pretty;max-width:660px}
.opening-lead{max-width:450px;font-size:17px;line-height:1.75;margin-top:30px;color:#6f6871;transition:color .8s ease}
.hero-actions{display:flex;align-items:center;gap:28px;margin-top:34px;flex-wrap:wrap}
.hero-primary{padding:16px 21px;border-radius:999px;background:#19161b;color:#fff;gap:28px;font-size:13px;box-shadow:0 10px 24px #19161b15;transition:transform .45s var(--exp-ease),box-shadow .3s ease,background .6s ease}
.hero-primary:hover{transform:translateY(-3px);box-shadow:0 15px 30px #19161b28}
.hero-primary span{font-size:20px;font-weight:400;transition:transform .4s var(--exp-ease)}.hero-primary:hover span{transform:rotate(-45deg)}
.hero-secondary{display:flex;align-items:center;gap:15px;font-size:13px;font-weight:600}
.hero-secondary span{transition:transform .4s var(--exp-ease)}.hero-secondary:hover span{transform:translate(3px,-3px)}
.hero-footnote{display:flex;align-items:center;gap:12px;margin-top:32px;color:#847b86;font-size:11px}.hero-footnote i{width:3px;height:3px;background:currentColor;border-radius:50%}
.opening-graphic.iphone-stage{--hero-x:0;--hero-y:0;--hero-scroll:0;position:relative;aspect-ratio:auto;min-height:700px;max-width:none;width:100%;justify-self:stretch;perspective:1400px;align-content:center;padding-bottom:78px}
.opening-graphic .iphone-shell{width:280px;max-width:66%;border-radius:47px;z-index:2;transform:translate3d(0,calc(var(--hero-scroll)*-40px),0) rotateY(calc(-8deg + var(--hero-x)*7deg)) rotateX(calc(3deg - var(--hero-y)*5deg));transition:transform .35s ease-out,box-shadow .8s ease;box-shadow:28px 36px 66px #36254125,inset 0 0 0 1px #0008}
.opening-graphic:hover .iphone-shell{transform:translate3d(0,calc(var(--hero-scroll)*-40px - 4px),0) rotateY(calc(-3deg + var(--hero-x)*7deg)) rotateX(calc(2deg - var(--hero-y)*5deg));box-shadow:28px 45px 80px #36254130,inset 0 0 0 1px #0008}
.opening-graphic .iphone-screen{border-radius:40px}.opening-graphic .iphone-screen img{border-radius:36px}
.opening-graphic .dynamic-island{height:24px;top:9px}.opening-graphic .dynamic-island i{height:7px;width:7px;top:8px;right:8px}
.opening-graphic .phone-shadow{bottom:90px;opacity:.25;width:65%;filter:blur(25px)}
.iphone-screen .hero-night-screen{position:absolute;inset:0;opacity:0;transition:opacity .9s ease}.hero-day-screen{transition:opacity .9s ease}
.hero-halo{position:absolute;width:110%;aspect-ratio:1;max-width:630px;border-radius:50%;top:43%;left:50%;transform:translate(-50%,-50%);pointer-events:none}
.hero-halo>i{position:absolute;inset:8%;border:1px solid #9a869923;border-radius:50%;transform:rotateX(22deg);transition:border-color 1s ease,transform 1s var(--exp-ease)}
.hero-halo>i:nth-child(2){inset:0;opacity:.5}.hero-halo>i:nth-child(3){inset:17%;background:linear-gradient(135deg,#ffffff70,#ffffff10);border-color:#fff9;box-shadow:inset 0 0 75px #fff5,0 30px 70px #b18fb018}
.hero-float{position:absolute;z-index:3;display:flex;align-items:center;gap:12px;padding:15px 17px;border:1px solid #ffffffd0;border-radius:19px;background:#fffc;backdrop-filter:blur(20px);box-shadow:0 18px 48px #3f2a5016;color:#28222c;transition:transform .55s var(--exp-ease),background 1s ease,box-shadow .6s ease;pointer-events:none}
.hero-float>div:not(.friend-monograms){display:grid;gap:5px}.hero-float small{font-size:9px;color:#817585}.hero-float b{font-size:12px;font-weight:650;letter-spacing:-.01em}
.hero-float-taste{right:-12px;top:24%;transform:translate3d(calc(var(--hero-x)*-8px),calc(var(--hero-y)*-6px + var(--hero-scroll)*-70px),0) rotate(3deg)}
.float-symbol{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#f7b8db,#cf6edb);font-size:24px}
.float-bars{display:flex;align-items:center;gap:3px;height:24px;margin-left:4px}.float-bars em{width:3px;height:10px;background:#c046bb;border-radius:4px}.float-bars em:nth-child(2n){height:19px}.float-bars em:nth-child(3){height:28px}
.hero-float-friends{bottom:26%;left:-14px;transform:translate3d(calc(var(--hero-x)*12px),calc(var(--hero-y)*8px + var(--hero-scroll)*-24px),0) rotate(-4deg)}
.friend-monograms{display:flex;padding-left:7px}.friend-monograms i{display:grid;place-items:center;width:31px;height:31px;margin-left:-7px;border:2px solid #fff;border-radius:50%;background:#eccae6;color:#6e476b;font-size:9px;font-style:normal;font-weight:700}.friend-monograms i:nth-child(2){background:#cee6e2;color:#476c63}.friend-monograms i:nth-child(3){background:#efd5bd;color:#84613d}
.hero-switch-wrap{position:absolute;bottom:0;left:0;right:0;text-align:center}.experience-ready .hero-switch-wrap{display:grid;justify-items:center;gap:13px}
.hero-mode-switch{display:flex;position:relative;padding:5px;border:1px solid #a996ae26;border-radius:999px;background:#eee7efb3;backdrop-filter:blur(12px)}
.hero-mode-switch button{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:8px;min-width:112px;height:39px;border:0;border-radius:999px;background:transparent;color:#776779;font-size:11px;font-weight:650;cursor:pointer;transition:color .5s ease}
.hero-mode-switch button[aria-pressed=true]{color:#252128}.hero-mode-switch button span{font-size:17px;line-height:1}
.hero-switch-indicator{position:absolute;inset:5px auto 5px 5px;width:calc(50% - 5px);border-radius:999px;background:#fff;box-shadow:0 3px 10px #35283914;transition:transform .7s var(--exp-ease)}
.hero-switch-wrap>p{margin:0;font-size:11px;color:#8c7f91;transition:color .7s ease}
.hero-scroll-cue{position:absolute;bottom:30px;left:max(24px,calc((100% - 1240px)/2));right:max(24px,calc((100% - 1240px)/2));display:flex;align-items:center;gap:12px;color:#8d8490;font-size:10px;letter-spacing:.02em}.hero-scroll-cue i{flex:1;height:1px;background:linear-gradient(90deg,#8e789d38,#8e789d10)}.hero-scroll-cue b{font-size:17px;font-weight:400}
.opening.is-night{background:#121017;color:#fbf7fc}.opening.is-night .hero-atmosphere>i:first-child{opacity:0}.opening.is-night .hero-atmosphere>i:nth-child(2){opacity:1}.opening.is-night .hero-atmosphere>span{opacity:0}
.opening.is-night .opening-lead,.opening.is-night .eyebrow{color:#bcb0c5}.opening.is-night .hero-primary{background:#fff;color:#201326}.opening.is-night .hero-halo>i{border-color:#e5a0ec25}.opening.is-night .hero-halo>i:nth-child(3){background:linear-gradient(135deg,#a556bb20,#ffffff05);box-shadow:inset 0 0 75px #d598f010,0 30px 100px #d24ed020}
.opening.is-night .hero-night-screen{opacity:1}.opening.is-night .hero-day-screen{opacity:0}.opening.is-night .hero-switch-indicator{transform:translateX(100%)}.opening.is-night .hero-mode-switch{background:#ffffff12;border-color:#ffffff18}.opening.is-night .hero-mode-switch button{color:#c4b3cd}.opening.is-night .hero-mode-switch button[aria-pressed=true]{color:#25102d}
.opening.is-night .hero-float{background:#28202fdb;border-color:#ffffff16;color:#f7effb;box-shadow:0 22px 60px #0004}.opening.is-night .hero-float small{color:#bba9c4}

/* Chapters arrive in layers, with native scrolling retained. */
.reveal-group{transition:opacity .8s ease,transform 1.2s var(--exp-ease)}
.reveal-group .reveal-piece{opacity:0;translate:0 24px;transition:opacity .8s ease var(--piece-delay,0ms),translate 1.05s var(--exp-ease) var(--piece-delay,0ms)}
.reveal-group.visible .reveal-piece{opacity:1;translate:0 0}
.story-bridge{position:relative;isolation:isolate;overflow:hidden}.story-bridge::after{content:"";position:absolute;height:1px;background:linear-gradient(90deg,transparent,#d78fd3,#61bcac,transparent);inset:auto 0 0;transform:scaleX(var(--bridge-progress,0));transform-origin:left;transition:transform .2s linear}
.story-bridge p{color:#222;letter-spacing:-.025em}
.principle-grid{gap:18px;background:transparent;border:0;border-radius:0;margin-top:60px}.principle-card{background:transparent;border-radius:28px;overflow:hidden;grid-template-rows:minmax(360px,1fr) 46px}.principle-grid article{border-radius:28px;padding:30px;min-height:360px;outline-offset:-5px}
.principle-grid article h3{font-size:39px}.principle-grid article p{font-size:14px;line-height:1.65}.principle-grid article::after{opacity:.85;background:linear-gradient(transparent 22%,#0004 52%,#000d)}
.principle-grid article h3{opacity:1!important;transform:none!important}.principle-grid article p{opacity:.83!important;transform:none!important}
.principle-grid article:focus-visible::before{opacity:1}.principle-grid article:focus-visible .tile-background{transform:scale(1.045)}
.principle-grid .hover-hint{font-size:11px}.principle-card.is-explored .hover-hint{opacity:0;visibility:hidden}
.spotlight-card{position:relative;isolation:isolate}.spotlight-card::after{content:"";position:absolute;inset:0;z-index:5;border-radius:inherit;background:radial-gradient(330px circle at var(--light-x,50%) var(--light-y,50%),#ecd4ff16,transparent 75%);pointer-events:none;opacity:0;transition:opacity .45s ease}.spotlight-card:hover::after{opacity:1}
.design-card-caption p{color:#a3a0a6;font-size:14px;line-height:1.7}.design-card-caption>span{color:#99929c;font-size:10px}.design-principles span{color:#a59daa;font-size:11px}.design-principles b{font-size:14px}
.color-swatches button{min-height:58px;transition:border-color .35s ease,transform .45s var(--exp-ease)}.color-swatches button>span{font-size:12px}.color-swatches b{font-size:10px;color:#9b929e}.color-swatches button[aria-pressed=true]{border-color:var(--swatch);transform:translateX(5px)}
.material-demo{--studio-color:#cf35d5;background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--studio-color) 25%,#171219),#121214 70%);transition:background .65s ease}.material-demo>i{background:var(--studio-color);transition:background .7s ease}.material-demo>i:nth-of-type(2){background:var(--studio-color);opacity:.2}.material-demo>div>span{color:var(--studio-color);filter:brightness(1.35)}
.material-demo>div{transition:translate .5s var(--exp-ease),box-shadow .5s ease}.material-demo:hover>div{translate:0 -8px;box-shadow:0 28px 60px #0006}
.studio-feedback{padding:0 34px 20px;margin:0;color:#aaa1b0;font-size:11px;line-height:1.6}
.motion-controls button{min-height:38px;font-size:11px;color:#b9b0bd}.motion-controls button.is-selected{color:#111}.motion-card{background:linear-gradient(#0002,#0004),url('assets/personal-tile-background-web.jpg') center/cover}
.design-icon-card .app-icon{transform:rotate(-6deg) translateY(calc(var(--device-drift,0px)*.5));transition:transform .5s var(--exp-ease)}
.device-motion{translate:0 var(--device-drift,0px);transition:translate .2s linear}

/* The sample keepsake uses the user's actual Pulse capture. */
.snap-studio{padding:23px;margin-top:30px;border:1px solid #e5dbca;border-radius:24px;background:#f5f0e6;max-width:430px;color:#292219;color-scheme:light;box-shadow:0 18px 45px #0002}
.studio-eyebrow{margin:0 0 17px!important;font-size:12px!important;font-weight:650;color:#635847!important}
.film-choices{display:flex;gap:5px;margin-bottom:20px}.film-choices button{flex:1;border:1px solid #d8cec2;border-radius:999px;padding:10px 9px;background:transparent;color:#756552;font-size:11px;cursor:pointer;transition:background .3s ease,color .3s ease,transform .4s var(--exp-ease)}.film-choices button[aria-pressed=true]{background:#292219;color:#fff;border-color:#292219}.film-choices button:hover{transform:translateY(-2px)}
.snap-studio>label{display:block;margin-bottom:8px;font-size:11px;color:#786b58}.snap-studio>input{width:100%;min-width:0;padding:12px 13px;border:1px solid #d9d0c4;border-radius:13px;background:#fff9;color:#292219;font:16px/1.4 -apple-system,BlinkMacSystemFont,sans-serif}
.snap-studio-actions{display:flex;gap:8px;margin-top:13px;flex-wrap:wrap}.snap-studio-actions button{flex:1;display:flex;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:7px 11px;border:1px solid #d9d0c4;background:#fff5;color:#675944;border-radius:12px;font-size:12px;cursor:pointer;white-space:nowrap;transition:background .3s ease,transform .3s var(--exp-ease)}.snap-studio-actions button span{font-size:10px}.snap-studio-actions button[aria-pressed=true]{background:#e3eddc;border-color:#adbe9f;color:#416033}.snap-studio-actions button:active{transform:scale(.96)}
#snapStudioStatus{min-height:1.4em;margin:12px 0 0;font-size:10px;line-height:1.5;color:#827662}
.snap-stage .snap-polaroid{width:235px;right:-18px;left:auto;bottom:50px;z-index:5;padding:13px 13px 21px;background:#fbf8ef;border:1px solid #e6dfd0;border-radius:4px;box-shadow:0 30px 65px #2c1f2340;transform:rotate(8deg);transition:transform .8s var(--exp-ease),background .6s ease,box-shadow .8s ease;opacity:1}
.snap-polaroid>.snap-photo-window{position:relative;width:100%;height:auto;aspect-ratio:.94;overflow:hidden;background:#3b2a1b;border-radius:1px}
.snap-photo-window>img{position:absolute;max-width:none;width:132%;height:auto;left:-16%;top:-68%;transition:filter .7s ease,scale .8s var(--exp-ease)}
.snap-stage .snap-polaroid>span{display:block;margin:18px 5px 12px;text-align:left;font:23px/1.15 Neiko,Georgia,serif;letter-spacing:-.02em;overflow-wrap:anywhere;color:#312a20}
.snap-polaroid>small{display:block;margin:0 5px;font-size:6px;font-weight:700;letter-spacing:.1em;color:#a49880}
.snap-pin-mark{position:absolute;right:8px;top:-10px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#d453bc;color:#fff;font-size:18px;font-style:normal;opacity:0;transform:scale(.2);transition:opacity .35s ease,transform .6s var(--exp-ease)}
.snap-polaroid.is-pinned{transform:rotate(-4deg) translateY(-10px)!important;box-shadow:0 20px 45px #2c1f2328}.snap-polaroid.is-pinned .snap-pin-mark{opacity:1;transform:scale(1)}
.snap-polaroid[data-film=warm]{background:#f3dfb8}.snap-polaroid[data-film=warm] img{filter:sepia(.5) saturate(.75) contrast(.85) brightness(1.1)}.snap-polaroid[data-film=mono] img{filter:grayscale(1) contrast(1.08)}
.snap-polaroid.is-script>span{font-family:Georgia,serif;font-style:italic;font-size:20px}
.snap-stage.show-wall .snap-polaroid{opacity:1;transform:rotate(-5deg) translateY(-15px)}
.snap-stage.is-editing .snap-polaroid{transform:rotate(0) translate(-15px,-30px) scale(1.08)}

/* A small chapter dock keeps a long page easy to explore. */
.journey-nav{inset:auto auto 22px 50%;top:auto;right:auto;width:auto;display:flex;gap:4px;padding:7px;border-radius:999px;background:#f7f6f0ec;border:1px solid #fff9;color:#29232f;box-shadow:0 10px 40px #0002;transform:translate(-50%,30px)}
.journey-nav.is-visible{transform:translate(-50%,0)}.journey-nav>span{display:none}.journey-nav a{display:flex;align-items:center;padding:10px 15px;border-radius:999px;font-size:11px;color:#777078;gap:7px}.journey-nav a i{width:4px;height:4px}
#motionToggle{display:flex;align-items:center;gap:7px;border:0;border-left:1px solid #cbc3cd;border-radius:0;background:transparent;color:#7a707e;padding:0 13px;font-size:9px;cursor:pointer}#motionToggle>span{font-size:11px}#motionToggle b{font-weight:550}
.free-forever .price-answer{row-gap:0}.price-answer small{color:#b9a8bf}.free-values>span{transition:translate .5s var(--exp-ease),border-color .4s ease}.free-values>span:hover{translate:0 -5px;border-color:#6d456c}
.free-forever .free-intro{grid-area:1/1}.free-forever .free-promise{grid-area:1/1;position:absolute;visibility:hidden}.free-forever .price-answer{top:50%;translate:0 -50%}.free-forever.show-promise .free-promise{position:relative;visibility:visible}.free-forever.show-promise .free-intro{position:absolute;visibility:hidden}
.submit-status{height:auto;min-height:28px;overflow:visible;line-height:1.6}.signup-popover-panel{max-height:calc(100dvh - 110px);overflow-y:auto}.email-input-row input{font-size:16px}

@media(min-width:1600px){.opening{padding-top:90px;padding-bottom:130px}.opening-graphic.iphone-stage{min-height:790px}.opening-graphic .iphone-shell{width:315px;border-radius:50px}.hero-float-taste{right:-10px}.hero-float-friends{left:-20px}}
@media(max-width:1100px){.nav-links{gap:16px;font-size:11px}.signup-split{width:330px}.signup-option{font-size:11px;padding-inline:13px}.opening-grid{gap:20px}.opening h2{font-size:clamp(60px,6.8vw,82px)}.hero-float-taste{right:0;padding:12px}.hero-float-taste .float-bars{display:none}.hero-float-friends{left:0;padding:12px}.hero-float small{font-size:8px}.hero-float b{font-size:10px}.hero-actions{gap:18px}.hero-secondary{font-size:12px}}
@media(max-width:800px){.nav-links{display:none}.signup-split{width:280px}.opening{padding-top:55px;padding-bottom:93px}.opening-grid{grid-template-columns:1fr;gap:30px}.opening-copy{padding-bottom:0;max-width:540px;margin:auto;width:100%}.opening h2{font-size:clamp(51px,11vw,78px);line-height:.98;max-width:560px}.opening-lead{font-size:16px;line-height:1.65;max-width:490px}.opening .eyebrow{font-size:9px;margin-bottom:20px}.hero-actions{margin-top:25px;gap:22px}.hero-footnote{margin-top:24px}.hero-primary{padding:13px 17px;font-size:12px}.hero-primary span{font-size:18px}.opening-graphic.iphone-stage{max-width:550px;margin:auto;min-height:650px;padding-bottom:84px}.opening-graphic .iphone-shell{width:257px;max-width:68%;transform:none;border-radius:45px}.opening-graphic:hover .iphone-shell{transform:none}.hero-halo{width:105%;max-width:520px}.hero-float-taste{top:20%;right:1%}.hero-float-friends{bottom:25%;left:1%}.hero-atmosphere>i{inset:10% -35% -10% -35%;background:radial-gradient(ellipse at 60% 65%,#e7f2e6 0%,#f4e4f1 40%,transparent 65%)}.hero-float{backdrop-filter:none}.hero-scroll-cue{bottom:30px}.hero-mode-switch button{height:39px}.principle-grid{gap:10px}.principle-card{grid-template-rows:minmax(350px,1fr) 42px}.principle-grid article{min-height:350px}.principle-grid article h3{margin-top:0}.device-motion{translate:none}.snap-stage .snap-polaroid{width:200px;right:0;bottom:30px}.snap-studio{max-width:none}.journey-nav{display:flex!important;max-width:calc(100% - 20px);bottom:12px;gap:0;padding:5px}.journey-nav a{padding:10px 11px;font-size:10px}.journey-nav a i{display:none}#motionToggle{padding:0 11px}#motionToggle b{display:none}.hero-atmosphere>span{height:100%}}
@media(max-width:420px){.opening{padding-top:40px}.opening h2{font-size:clamp(45px,12.8vw,55px)}.opening .eyebrow{max-width:290px;font-size:8px}.hero-secondary{font-size:11px}.hero-actions{gap:18px}.opening-graphic.iphone-stage{min-height:590px}.opening-graphic .iphone-shell{width:232px;max-width:76%;border-radius:40px}.opening-graphic .iphone-screen{border-radius:33px}.opening-graphic .iphone-screen img{border-radius:29px}.hero-float-taste{right:-7px;top:18%;padding:10px;gap:8px}.hero-float-friends{left:-8px;bottom:27%;padding:11px;gap:6px}.hero-float-taste .float-symbol{width:28px;height:28px;font-size:20px}.hero-float-friends .friend-monograms i{width:24px;height:24px;font-size:7px}.hero-float small{font-size:7px}.hero-float b{font-size:9px}.hero-footnote{font-size:10px}.hero-halo{width:120%}.snap-stage .snap-polaroid{width:172px;right:-4px;padding:10px 10px 17px}.snap-stage .snap-polaroid>span{font-size:19px}.snap-polaroid>small{font-size:5px}.snap-studio{padding:17px}.principle-grid article{min-height:320px;padding:25px}.principle-card{grid-template-rows:minmax(320px,1fr) 40px}.principle-grid article h3{font-size:36px}}
@media(max-width:420px){.nav-inner{gap:8px}.signup-split{width:min(280px,calc(100vw - 76px))}.signup-choices{gap:5px}.signup-option{font-size:10px;padding-inline:9px}.signup-back{width:34px;flex-shrink:0}.nav:has(.signup-split.open) .nav-brand{visibility:hidden}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal-group,.reveal-group .reveal-piece{opacity:1;translate:none;transform:none}.device-motion{translate:none}.opening-graphic .iphone-shell,.opening-graphic:hover .iphone-shell{transform:none}.hero-float-taste{transform:rotate(3deg)}.hero-float-friends{transform:rotate(-4deg)}}
html[data-motion=off]{scroll-behavior:auto}html[data-motion=off] *,html[data-motion=off] *::before,html[data-motion=off] *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html[data-motion=off] .reveal-group,html[data-motion=off] .reveal-piece{opacity:1;translate:none;transform:none}html[data-motion=off] .device-motion{translate:none}html[data-motion=off] .opening-graphic .iphone-shell{transform:none}