.phone{aspect-ratio:auto;backface-visibility:hidden;rotate:none}.dp{width:100%;display:block}.dp__screen{aspect-ratio:955/2076;isolation:isolate;background:#f2f2f6;border-radius:36px;width:100%;position:relative;overflow:clip}.dp__shot{object-fit:cover;object-position:top center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.dp__shot[data-motion=fade]{animation:.46s cubic-bezier(.16,.8,.2,1) both dp-fade}.dp__shot[data-motion=push]{animation:.48s cubic-bezier(.16,.8,.2,1) both dp-push}.dp__shot[data-motion=pop]{animation:.48s cubic-bezier(.16,.8,.2,1) both dp-pop}}@keyframes dp-fade{0%{opacity:0;scale:1.02}}@keyframes dp-push{0%{opacity:.4;translate:18%}}@keyframes dp-pop{0%{opacity:.4;translate:-18%}}.dp__spot{z-index:2;cursor:pointer;background:0 0;border:0;border-radius:14px;padding:0;position:absolute}.dp__spot:focus-visible,.event-switch button:focus-visible{outline:2px solid var(--tde-accent);outline-offset:2px}.dp__tap{z-index:3;aspect-ratio:1;pointer-events:none;background:#241f1a29;border-radius:50%;width:12%;animation:.7s cubic-bezier(.2,.7,.2,1) both dp-tap;position:absolute;translate:-50% -50%;box-shadow:0 0 0 2px #ffffffbf}@keyframes dp-tap{0%{opacity:0;scale:.4}35%{opacity:1;scale:1}to{opacity:0;scale:1.25}}@media (prefers-reduced-motion:reduce){.dp__tap{display:none}}.event-switch{background:#241f1a12;border-radius:999px;flex-wrap:wrap;justify-content:center;gap:2px;padding:4px;display:inline-flex}.event-switch button{min-height:40px;color:var(--mark-ink);font:500 14px var(--stack-sans);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 16px;transition:background-color .2s,box-shadow .2s}.event-switch button[aria-pressed=true]{background:#fff;box-shadow:0 1px 4px #241f1a24}.opening__stage{flex-direction:column;align-items:center;gap:10px;width:100%;margin-top:clamp(20px,4vh,40px);display:flex}.opening__device{justify-content:center;width:100%;display:flex;position:relative}.opening__stage .event-switch{z-index:2;margin:22px 0 clamp(48px,8vh,88px);position:relative}.phone--hero{z-index:1;--tilt:0deg;width:min(84vw,330px);position:relative}@keyframes wash-open{0%{opacity:0;scale:.55}}.mark-bloom{background:#fbf7f0;position:relative}.mark-bloom__wash,.mark-bloom__letter{width:100%;height:100%;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.mark-bloom{animation:.5s cubic-bezier(.2,.7,.2,1) both land}.mark-bloom__wash{animation:1.5s cubic-bezier(.2,.7,.2,1) both mark-wash}.mark-bloom__wash--rose{transform-origin:39% 39%;animation-delay:.2s}.mark-bloom__wash--ochre{transform-origin:68% 29%;animation-delay:.38s}.mark-bloom__wash--sage{transform-origin:63% 62%;animation-delay:.54s}.mark-bloom__wash--blue{transform-origin:32% 70%;animation-delay:.7s}.mark-bloom__letter{animation:.7s cubic-bezier(.2,.7,.2,1) .95s both mark-letter}}@keyframes mark-wash{0%{opacity:0;transform:scale(.3)}}@keyframes mark-letter{0%{opacity:0;translate:0 4%}}.bloom{pointer-events:none;-webkit-user-select:none;user-select:none}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.bloom[data-bloom]{transition:opacity 1.4s,scale 1.7s cubic-bezier(.2,.7,.2,1)}.bloom[data-bloom]:not([data-in]){opacity:.3;scale:.72}}.tour__inline{isolation:isolate}.tour__wash{z-index:-1;opacity:.5;width:min(120vw,560px);margin-left:max(-60vw,-280px);position:absolute;top:-4%;left:50%}.tour__step--ink .tour__wash,.tour[data-tone=ink] .tour__washes img{filter:brightness(0)invert()}.tour__inline .phone{position:relative}.landing{overflow-x:clip}.wash{z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;transform:translate3d(0, var(--py,0px), 0);will-change:transform;display:block;position:absolute}.wash img{width:100%;height:auto;display:block}@media (max-width:899px){.ink--wide{display:none}}@media (prefers-reduced-motion:no-preference){.wash--intro img{animation:wash-open 2.2s cubic-bezier(.16, .8, .2, 1) var(--delay,0s) both}}.opening,.painted,.computer,.faq{z-index:1;position:relative}.opening>:not(.wash),.painted>:not(.wash),.computer>:not(.wash),.faq>:not(.wash),.closing>:not(.wash),.tour__step>:not(.wash){z-index:2;position:relative}.tour__steps,.tour__stage{z-index:2}.opening{isolation:auto;overflow:visible}.tour__step{position:relative;overflow:visible}.headed{isolation:isolate;position:relative}.sweep{z-index:-1;pointer-events:none;transform-origin:0;width:2.76em;height:.46em;position:absolute;bottom:.02em;left:-.18em}.sweep svg{display:block;overflow:visible}.sweep path{fill:none;stroke:#241f1a;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;opacity:.7}.tour__step--ink .sweep path{stroke:var(--mark-cream);opacity:.6}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.sweep[data-bloom]{clip-path:inset(-120% -6% -120% 0);transition:clip-path 1.1s cubic-bezier(.16,.8,.2,1) .15s,opacity .9s .15s}.sweep[data-bloom]:not([data-in]){clip-path:inset(-120% 100% -120% 0);opacity:.4}.landing [data-rise]{transition:opacity .8s ease calc(var(--d,0) * 90ms), translate .9s cubic-bezier(.16, .8, .2, 1) calc(var(--d,0) * 90ms)}.landing [data-rise]:not([data-in]):not(.tour [data-rise]){opacity:.15;translate:0 28px}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference) and (max-width:899px){.tour [data-rise]:not([data-in]){opacity:.15;translate:0 28px}}@media (min-width:900px){.tour--live .tour__step [data-rise]{transition:none}}.opening__words{flex-direction:column;align-items:center;gap:20px;display:flex}.opening__notes{justify-items:center;gap:10px;margin:-24px 0 48px;display:grid}@media (min-width:1080px) and (min-height:680px){.opening{text-align:left;grid-template-rows:auto auto;grid-template-columns:minmax(0,560px) 520px;place-content:center;gap:22px clamp(32px,4vw,64px);min-height:100svh;padding:clamp(28px,5vh,56px) 32px 40px;display:grid}.opening__words{grid-area:1/1;align-self:end;align-items:flex-start;gap:16px}.opening__title{text-wrap:balance;max-width:12ch;font-size:clamp(2.6rem,4.4vw,4.3rem)}.opening__lede{max-width:40ch}.opening__words .store-ways{align-items:flex-start}.opening__words .store-badge{margin-left:-1px}.opening__promises{justify-content:flex-start}.opening__notes{grid-area:2/1;align-self:start;justify-items:start;margin:0}.opening__note{text-align:left}.opening__stage{grid-area:1/2/3;margin:0}.opening__stage .event-switch{margin:18px 0 0}.phone--hero{width:min(330px,48.3871svh - 77.4194px)}}.phone--hero{transform:translate3d(calc(var(--mx,0) * 5px), calc(var(--my,0) * 4px), 0);transition:transform .6s cubic-bezier(.16,.8,.2,1)}.opening__wash{transform:translate3d(calc(var(--mx,0) * -22px), calc(var(--my,0) * -16px), 0);transition:transform .9s cubic-bezier(.16,.8,.2,1)}.painted{padding:clamp(24px,4vw,48px) 0 clamp(56px,8vw,96px)}.kinds__line{text-align:center;max-width:44rem;font-family:var(--stack-serif);color:var(--mark-ink);margin:0 auto 22px;padding:0 24px;font-size:clamp(1.25rem,2.4vw,1.75rem);line-height:1.3}.kinds__track{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.kinds__row{gap:16px;width:max-content;margin:0;padding:8px 0 18px;list-style:none;display:flex}.kinds__card{background:#faf6ef;border-radius:20px;flex:none;width:176px;display:grid;overflow:hidden;box-shadow:0 10px 26px #3c2d1e1f}.kinds__card img{aspect-ratio:5/3;object-fit:cover;width:100%;display:block}.kinds__card span{font-family:var(--stack-serif);white-space:nowrap;text-overflow:ellipsis;padding:10px 14px 12px;font-size:15px;overflow:hidden}@media (prefers-reduced-motion:no-preference){.kinds__row{animation:70s linear infinite paused kinds-glide}.kinds[data-playing] .kinds__row{animation-play-state:running}}@media (prefers-reduced-motion:reduce){.kinds__track{overflow-x:auto}.kinds__row{padding-inline:24px}}@keyframes kinds-glide{to{translate:calc(-50% - 8px)}}.tour__washes{pointer-events:none;position:absolute;inset:0}.tour__washes>span{opacity:0;transition:opacity 1.1s;position:absolute;inset:0}.tour__washes>span.is-on{opacity:1}.tour__washes img{opacity:.55;width:min(48vw,680px);transition:scale 1.6s cubic-bezier(.16,.8,.2,1);position:absolute;top:50%;left:50%;translate:-46% -30%;scale:.92}.tour__washes img.tour__washes-wash{opacity:.45;width:min(56vw,800px);translate:-40% -50%}.tour[data-tone=ink] .tour__washes img.tour__washes-wash{filter:none;opacity:.1}.tour__wash--colour{opacity:.35}.tour__step--ink .tour__wash--colour{filter:none;opacity:.12}.tour__washes>span.is-on img{scale:1}.tour[data-tone=ink] .tour__washes img{opacity:.18}@media (prefers-reduced-motion:reduce){.tour__washes>span,.tour__washes img{transition:none}}.opening__device{--hero-w:min(84vw, 330px)}@media (min-width:1080px) and (min-height:680px){.opening__device{--hero-w:min(330px, calc((100svh - 160px) * 300 / 620))}}.hero-shots{z-index:0;pointer-events:none;position:absolute;inset:0}.hero-shot{width:calc(var(--hero-w) * .8);border-radius:38px;padding:8px;position:absolute;top:9%;box-shadow:0 30px 60px #241f1a38}.hero-shot img{object-fit:cover;object-position:top;border-radius:30px;width:100%;height:100%;display:block}.hero-shot--left{margin-right:calc(var(--hero-w) * .14);--tilt:-9deg;transform:translate3d(calc(var(--mx,0) * -10px), calc(var(--my,0) * -8px), 0);right:50%}.hero-shot--right{margin-left:calc(var(--hero-w) * .14);--tilt:9deg;transform:translate3d(calc(var(--mx,0) * 10px), calc(var(--my,0) * 8px), 0);left:50%}.hero-shot--left,.hero-shot--right{transition:transform .8s cubic-bezier(.16,.8,.2,1)}@media (prefers-reduced-motion:no-preference){.hero-shot--left{animation:1.2s cubic-bezier(.16,.8,.2,1) 1s both shot-left}.hero-shot--right{animation:1.2s cubic-bezier(.16,.8,.2,1) 1.18s both shot-right}}@keyframes shot-left{0%{opacity:0;translate:40% 4%;rotate:none}}@keyframes shot-right{0%{opacity:0;translate:-40% 4%;rotate:none}}@media (prefers-reduced-motion:reduce){.hero-shot--left,.hero-shot--right{transition:none;transform:none}}.hero-shot{rotate:var(--tilt)}@media (max-width:899px){.hero-shots{display:none}}.landing [id]{scroll-margin-top:calc(88px + env(safe-area-inset-top,0px))}@media (max-width:700px){.thread-track{display:none}.faq,.landing:lang(en) .faq{background-image:none}}
