@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:block;src:url(/storefront/sketchbook/instrument-serif.woff2)format("woff2")}@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:block;src:url(/storefront/sketchbook/instrument-serif-italic.woff2)format("woff2")}@font-face{font-family:Newsreader;font-style:normal;font-weight:200 600;font-display:swap;src:url(/storefront/sketchbook/newsreader.woff2)format("woff2")}@scope(.avant-sketchbook-host){:scope{--paper:#ece7dc;--ink:#2b2721;--ink-soft:#2b2721b8;--ink-faint:#2b2721ad;--hairline:#2b272124;--earth:#9a6a3e;--display:"Instrument Serif", "New York", Georgia, "Times New Roman", serif;--font:"Newsreader", "New York", Georgia, "Times New Roman", serif;--track-caps:.24em;--track-nav:.06em;font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased;font-weight:400;overflow:visible}*{box-sizing:border-box}.wash{z-index:-2;pointer-events:none;opacity:.85;background:url(/storefront/sketchbook/bg-wash.jpg) top/cover no-repeat;position:fixed;inset:0}.wash:after{content:"";background:linear-gradient(180deg, #ece7dc40 0%, #ece7dcb8 58%, var(--paper) 88%);position:absolute;inset:0}.hero{overflow-anchor:none;align-content:center;justify-items:center;width:100%;height:100%;min-height:0;padding:0;display:grid;position:relative;overflow:visible}.botany{opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;width:clamp(120px,15vw,250px);position:absolute;bottom:0}.botany.l{bottom:2%;left:clamp(-40px,-1vw,0px)}.botany.r{width:clamp(100px,12vw,200px);bottom:-2%;right:clamp(-30px,0vw,10px)}@media (max-width:900px){.botany{display:none}}.hero-kicker{letter-spacing:.01em;text-align:center;color:var(--ink-soft);flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.18em .38em;margin:0 0 clamp(22px,3.4vh,40px);font-size:clamp(17px,1.8vw,21px);font-weight:300;display:flex}.hero-kicker .wordmark{background:#112b45;flex:none;width:3.24em;height:.96em;display:inline-block;transform:translateY(.14em);-webkit-mask:url(/storefront/sketchbook/wordmark.svg) 0/contain no-repeat;mask:url(/storefront/sketchbook/wordmark.svg) 0/contain no-repeat}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero-down{color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;z-index:3;background:0 0;border:0;padding:10px 14px;animation:2.6s ease-in-out infinite cue-breathe;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.hero-down:hover{opacity:1;animation:none}@keyframes cue-breathe{0%,to{opacity:.15}50%{opacity:.7}}@media (prefers-reduced-motion:reduce){.hero-down{opacity:.5;animation:none}}.hero,.hero *{-webkit-user-select:none;user-select:none}.hero img{-webkit-user-drag:none;user-drag:none}.sb-wrap{z-index:2;justify-items:center;gap:20px;width:100%;display:grid;position:relative}.sb-stage{touch-action:pan-y;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.sb-arrow{width:32px;min-height:56px;color:var(--ink-faint);cursor:pointer;-webkit-tap-highlight-color:transparent;z-index:8;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:6px 9px;transition:color .2s;display:inline-flex}.sb-arrow:hover{color:var(--ink)}.sb-3d{perspective:1750px;perspective-origin:50% 46%;flex:1;min-width:0;max-width:900px;position:relative}.sb-tilt{transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(var(--zoom,1));will-change:transform;position:relative}.sb-book{aspect-ratio:1760/1240;width:100%;transform-style:preserve-3d;z-index:1;position:relative}.sb-cast{pointer-events:none;z-index:0;position:absolute}.sb-cast.ambient{filter:blur(26px);opacity:calc(1 - var(--shade,0) * .42);background:radial-gradient(50% 50% at 50% 58%,#3a2c1a57 0%,#3a2c1a30 40%,#3a2c1a00 74%);inset:27% 5% 2%}.sb-cast.contact{filter:blur(11px);opacity:calc(1 - var(--shade,0) * .5);background:radial-gradient(50% 44% at 50% 42%,#2c200e66 0%,#2c200e2b 48%,#2c200e00 78%);inset:62% 9% 10%}.sb-cast.hair{filter:blur(4px);opacity:calc(1 - var(--shade,0) * .62);background:radial-gradient(50% 52% at 50% 40%,#281c0a57 0%,#281c0a00 76%);inset:70% 12% 17%}.sb-full{position:absolute;inset:0}.sb-full img{width:100%;height:auto;display:block}.sb-half{width:50%;position:absolute;top:0;bottom:0;overflow:clip visible}.sb-half.left{left:0}.sb-half.right{left:50%}.sb-half-img{width:200%;max-width:none;height:auto;display:block}.sb-half-img.right{margin-left:-100%}.gutter-shade{top:var(--pg,21.8%);bottom:var(--pg,21.8%);pointer-events:none;width:46%;opacity:calc(var(--shade,0) * .62);position:absolute;-webkit-mask-image:linear-gradient(#0000 0,#000 5.2% 94.8%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 5.2% 94.8%,#0000 100%)}.gutter-shade.left{background:linear-gradient(270deg,#3426144d,#34261400 82%);right:0}.gutter-shade.right{background:linear-gradient(90deg,#3426143d,#34261400 82%);left:0}.curl{height:100%;width:calc(var(--bw,0px) * var(--span));transform-style:preserve-3d;z-index:6;position:absolute;top:0}.curl.next{transform-origin:0;transform:rotateY(calc(-1 * var(--tt,0deg)));left:50%}.curl.prev{transform-origin:100%;transform:rotateY(var(--tt,0deg));right:50%}.strip{height:100%;width:calc(var(--bw,0px) * var(--span) / var(--n));transform-style:preserve-3d;position:absolute;top:0}.curl.next .strip{transform-origin:0}.curl.prev .strip{transform-origin:100%}.curl.next>.strip{left:0}.curl.prev>.strip{left:auto;right:0}.curl.next .strip .strip{transform:rotateY(var(--td,0deg));left:100%}.curl.prev .strip .strip{transform:rotateY(calc(-1 * var(--td,0deg)));right:100%}.face{top:0;bottom:0;left:0;right:calc(-1.1px * min(1, var(--shade,0) * 4));backface-visibility:hidden;background-repeat:no-repeat;background-size:var(--bw,0px) auto;position:absolute}.face.back{transform:rotateY(180deg)}.face .sh,.face .gl{-webkit-mask-image:linear-gradient(#0000 0,#000 5.2% 94.8%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 5.2% 94.8%,#0000 100%)}.strip.edge .face .sh,.strip.edge .face .gl{-webkit-mask-image:linear-gradient(180deg, transparent 0, #000 9%, #000 91%, transparent 100%), var(--hf);-webkit-mask-image:linear-gradient(180deg, transparent 0, #000 9%, #000 91%, transparent 100%), var(--hf);mask-image:linear-gradient(180deg, transparent 0, #000 9%, #000 91%, transparent 100%), var(--hf);-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;mask-composite:intersect}.curl.next .strip.edge .face.front,.curl.prev .strip.edge .face.back{--hf:linear-gradient(90deg, #000 0 22%, transparent 96%)}.curl.next .strip.edge .face.back,.curl.prev .strip.edge .face.front{--hf:linear-gradient(270deg, #000 0 22%, transparent 96%)}.face .sh{left:0;right:0;top:var(--pg,21.8%);bottom:var(--pg,21.8%);pointer-events:none;position:absolute}.curl.next .face.front .sh,.curl.prev .face.back .sh{background:linear-gradient(90deg, rgba(58, 43, 20, var(--a1,0)), rgba(58, 43, 20, var(--a2,0)))}.curl.next .face.back .sh,.curl.prev .face.front .sh{background:linear-gradient(90deg, rgba(58, 43, 20, var(--a2,0)), rgba(58, 43, 20, var(--a1,0)))}.face .gl{left:0;right:0;top:var(--pg,21.8%);bottom:var(--pg,21.8%);pointer-events:none;opacity:calc(var(--shade,0) * var(--lit,1) * var(--lit,1) * .2);background:#fffaf0;position:absolute}.loupe{width:var(--lr,270px);height:var(--lr,270px);pointer-events:none;z-index:80;opacity:0;will-change:transform;transition:opacity .25s;position:absolute;top:0;left:0}.loupe.on{opacity:1}.loupe.held .ring{cursor:grabbing}.loupe .ring{pointer-events:auto;cursor:grab;touch-action:none;padding:calc(var(--lr,270px) * .058);border-radius:50%;position:absolute;inset:0;box-shadow:0 1px 2px #3a2c1a4d,0 10px 18px #3a2c1a3d,0 26px 40px #3a2c1a33,0 48px 66px #3a2c1a21}.loupe .ring:before{content:"";pointer-events:none;background:linear-gradient(146deg,#fdf7e9 0%,#e6d7b4 14%,#b69d70 32%,#7d6740 50%,#cdbb92 66%,#f4ead3 80%,#9b8459 100%);border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 1px 1px #fffc,inset 0 -2px 3px #46341a80;-webkit-mask-image:radial-gradient(circle closest-side,#0000 0 88.2%,#000 89.8% 100%);mask-image:radial-gradient(circle closest-side,#0000 0 88.2%,#000 89.8% 100%)}.loupe .grip{width:calc(var(--lr,270px) * .74);height:calc(var(--lr,270px) * .125);transform-origin:0;transform:rotate(40deg) translate(calc(var(--lr,270px) * .33), -50%);border-radius:calc(var(--lr,270px) * .06);pointer-events:auto;cursor:grab;touch-action:none;background:linear-gradient(#ffffff75 0 13%,#fff0 44%,#00000042 100%),linear-gradient(90deg,#d9bd82 0 14%,#a9884e 14% 20%,#6d4c2b 20% 62%,#5a3d22 62% 92%,#7a563180 92% 100%);position:absolute;top:50%;left:50%;box-shadow:0 8px 15px #3a2c1a42,0 18px 26px #3a2c1a24}.lens{background-repeat:no-repeat;border-radius:50%;width:100%;height:100%;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #3428168c,inset 0 4px 12px #281e0e47,inset 0 -7px 16px #fffaf024}.lens .mag{display:none}.zoomwrap{pointer-events:none;z-index:2;opacity:0;position:absolute;inset:0;overflow:hidden}.zoominner{transform-origin:0 0;position:absolute;inset:0}.lens:before,.lens:after{content:"";pointer-events:none;border-radius:50%;position:absolute;inset:0}.lens:before{z-index:1}.lens:after{z-index:2}.lens:before{background:radial-gradient(circle,#0000 54%,#3a2c1a1a 76%,#2e221057 100%);box-shadow:inset 0 0 0 2px #82a2c442,inset 0 0 0 4px #ce9e7026}.lens:after{background:radial-gradient(36% 26% at 29% 19%,#ffffff4d,#fff0 76%),radial-gradient(24% 16% at 74% 86%,#ffffff1f,#fff0 80%),linear-gradient(150deg,#ffffff0f 0 18%,#fff0 42%)}.sb-toolbar{align-items:center;gap:8px;display:flex}.sb-step{display:none}.sb-tools{border:1px solid var(--hairline);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#faf6ee9e;border-radius:999px;align-items:center;gap:6px;padding:5px 7px;display:flex}.tool{width:28px;height:28px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;transition:background-color .18s,color .18s;display:inline-flex}.tool:hover{color:var(--ink);background:#fffcf4e6}.tool[aria-pressed=true]{color:var(--earth);background:#9a6a3e29}.tool:disabled{opacity:.32;cursor:default;background:0 0}.tool svg{width:15px;height:15px;display:block}.tool.riffle{width:32px;height:32px}.tool.riffle svg{width:20px;height:20px}.tool-sep{background:var(--hairline);width:1px;height:17px;margin:0 2px}.zoom-read{letter-spacing:.1em;color:var(--ink-faint);text-align:center;font-variant-numeric:tabular-nums;min-width:40px;font-size:11px}.sb-zone{cursor:grab;z-index:60;-webkit-tap-highlight-color:transparent;background:0 0;border:0;position:absolute;top:0;bottom:0}.sb-zone:active{cursor:grabbing}.sb-prev{width:50%;left:0}.sb-next{width:50%;right:0}.egg-marks{z-index:70;pointer-events:none;position:absolute;inset:0}.egg-mark{aspect-ratio:572/205;cursor:pointer;pointer-events:none;opacity:.36;width:11.5%;max-width:96px;min-height:32px;color:var(--ink);background:0 0;border:0;padding:0;transition:opacity .2s;position:absolute}.egg-mark img{aspect-ratio:572/205;object-fit:contain;pointer-events:none;width:100%;height:auto;display:block;position:absolute;top:50%;transform:translateY(-50%)}.egg-mark:hover,.egg-mark:focus-visible{opacity:.78;outline:none}.zoominner .egg-mark{opacity:.7;transition:none}.egg-mark.tl{top:24.4%;left:7.2%}.egg-mark.tr{top:24.4%;right:7.2%}.egg-mark.bl{bottom:23.6%;left:7.2%}.egg-mark.br{bottom:23.6%;right:7.2%}.sb-wrap.intro .egg-marks,.sb-wrap:not(.live) .egg-marks,.egg-marks.is-turn,.egg-marks.is-egg{opacity:0;pointer-events:none}.egg-clip{z-index:5;pointer-events:none;isolation:isolate;contain:paint;transform-style:flat;width:89.8%;height:56.4%;position:absolute;top:21.8%;left:5.1%;overflow:hidden;transform:translate(0,0)}.egg-clip .egg-sheet,.egg-clip .egg-fx{width:111.359%;height:177.305%;position:absolute;top:-38.6525%;left:-5.67929%}.egg-sheet{z-index:4;pointer-events:none;opacity:var(--egg-fade,0);-webkit-mask-image:radial-gradient(circle at var(--egg-ox,50%) var(--egg-oy,50%), #000 0, #000 max(0px, calc(var(--egg-r,0px) - var(--egg-soft,72px))), transparent var(--egg-r,0px));-webkit-mask-image:radial-gradient(circle at var(--egg-ox,50%) var(--egg-oy,50%), #000 0, #000 max(0px, calc(var(--egg-r,0px) - var(--egg-soft,72px))), transparent var(--egg-r,0px));mask-image:radial-gradient(circle at var(--egg-ox,50%) var(--egg-oy,50%), #000 0, #000 max(0px, calc(var(--egg-r,0px) - var(--egg-soft,72px))), transparent var(--egg-r,0px))}.egg-sheet img{width:100%;height:auto;display:block}.egg-fx{z-index:5;pointer-events:none;background:radial-gradient(circle at var(--egg-ox,50%) var(--egg-oy,50%), transparent max(0px, calc(var(--w0,0px) - var(--egg-band,40px))), rgba(168, 214, 210, calc(.48 * var(--a0,0))) max(0px, calc(var(--w0,0px) - var(--egg-band,40px) * .28)), rgba(46, 122, 124, calc(.4 * var(--a0,0))) var(--w0,0px), rgba(190, 226, 222, calc(.22 * var(--a0,0))) calc(var(--w0,0px) + var(--egg-band,40px) * .22), transparent calc(var(--w0,0px) + var(--egg-band,40px))), radial-gradient(circle at var(--egg-ox,50%) var(--egg-oy,50%), transparent max(0px, calc(var(--w1,0px) - var(--egg-band,40px))), rgba(196, 180, 224, calc(.46 * var(--a1,0))) max(0px, calc(var(--w1,0px) - var(--egg-band,40px) * .28)), rgba(122, 106, 165, calc(.38 * var(--a1,0))) var(--w1,0px), rgba(214, 200, 232, calc(.2 * var(--a1,0))) calc(var(--w1,0px) + var(--egg-band,40px) * .22), transparent calc(var(--w1,0px) + var(--egg-band,40px))), radial-gradient(circle at var(--egg-ox,50%) var(--egg-oy,50%), transparent max(0px, calc(var(--w2,0px) - var(--egg-band,40px))), rgba(148, 196, 198, calc(.4 * var(--a2,0))) max(0px, calc(var(--w2,0px) - var(--egg-band,40px) * .28)), rgba(56, 132, 140, calc(.32 * var(--a2,0))) var(--w2,0px), rgba(176, 216, 214, calc(.18 * var(--a2,0))) calc(var(--w2,0px) + var(--egg-band,40px) * .22), transparent calc(var(--w2,0px) + var(--egg-band,40px))), radial-gradient(circle at var(--egg-ox,50%) var(--egg-oy,50%), transparent max(0px, calc(var(--w3,0px) - var(--egg-band,40px))), rgba(186, 168, 214, calc(.38 * var(--a3,0))) max(0px, calc(var(--w3,0px) - var(--egg-band,40px) * .28)), rgba(138, 116, 176, calc(.3 * var(--a3,0))) var(--w3,0px), rgba(208, 192, 228, calc(.16 * var(--a3,0))) calc(var(--w3,0px) + var(--egg-band,40px) * .22), transparent calc(var(--w3,0px) + var(--egg-band,40px)))}@media (max-width:640px){.egg-mark{width:16%;max-width:88px}}.sb-captions{justify-items:center;display:grid}.sb-captions>*{grid-area:1/1;margin:0}.sb-caption{letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--ink-soft);font-size:13px;animation:.5s both sb-cap-in}.sb-caption.live{animation:none}@media (prefers-reduced-motion:reduce){.sb-caption{animation:none}}@keyframes sb-cap-in{0%{opacity:0}}@keyframes sb-cap-out{to{opacity:0}}.sb-hint{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin:0;font-size:11px;transition:opacity .4s}.sb-hint.gone{opacity:0}.sb-wrap.intro .sb-full img,.sb-wrap.intro .sb-half-img{filter:url(#sb-mblur-1)}.sb-wrap.intro.b2 .sb-full img,.sb-wrap.intro.b2 .sb-half-img{filter:url(#sb-mblur-2)}.sb-wrap.intro .sb-caption{animation:none}.sb-wrap.intro .sb-caption.cap-out{display:none}.sb-wrap:not(.live) .sb-book,.sb-wrap:not(.live) .sb-captions,.sb-wrap:not(.live) .loupe,.sb-wrap:not(.live) .zoomwrap{opacity:0}@media (max-width:640px){.hero-kicker{font-size:15px}.sb-wrap{width:100vw;margin-inline:calc(50% - 50vw)}.sb-arrow{z-index:70;padding:12px 6px;position:absolute;top:50%;transform:translateY(-50%)}.sb-arrow.left{left:2px}.sb-arrow.right{right:2px}.sb-3d{max-width:none}.sb-hint{letter-spacing:.1em;text-align:center;padding:0 16px;font-size:9.5px}}.rule{opacity:.5;background:url(/storefront/sketchbook/divider.png) 50%/100% no-repeat;width:min(1080px,86vw);height:clamp(26px,4vw,46px);margin:clamp(30px,6vh,64px) auto;display:block}.rule.short{opacity:.4;width:min(420px,52vw)}.section-label{letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--ink-faint);margin:0 0 18px;font-size:11px}.about{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:clamp(24px,5vw,60px);max-width:1080px;margin:0 auto;padding:0 clamp(20px,5vw,48px);display:grid;position:relative}.bio{letter-spacing:.005em;max-width:56ch;margin:0;font-size:clamp(17px,1.7vw,20px);font-weight:300;line-height:1.74}.bio-link{color:var(--ink);text-underline-offset:4px;-webkit-text-decoration:underline #2b272147;text-decoration:underline #2b272147;transition:text-decoration-color .2s}.bio-link:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.bloom{opacity:.9;-webkit-user-select:none;user-select:none;align-self:center;width:clamp(150px,17vw,260px)}@media (max-width:760px){.about{grid-template-columns:1fr}.bloom{justify-self:center;width:170px}}.about .bio+.bio{margin-top:1.1em}.page{padding-bottom:clamp(48px,8vh,88px)}}
[data-sketchbook-media]{flex-direction:column;gap:24px;display:flex}[data-sketchbook-media] .avant-sketchbook-host{min-height:0;container-type:size}@media (min-width:641px){[data-sketchbook-media] .sb-3d{max-width:min(900px,141.935cqh - 227.096px)}}[data-sketchbook-media] .sb-hint-touch{display:none}@media (pointer:coarse){[data-sketchbook-media] .sb-hint-pointer{display:none}[data-sketchbook-media] .sb-hint-touch{display:inline}}[data-sketchbook-media] .sb-wrap{-webkit-tap-highlight-color:transparent}[data-sketchbook-media] .sb-wrap:focus:not(:focus-visible){outline:none}[data-sketchbook-media] .sb-wrap:focus-visible{outline:1px solid var(--ink-faint);outline-offset:6px}@media (max-width:640px){[data-sketchbook-media] .sb-arrow{display:none}[data-sketchbook-media] .sb-step{border:1px solid var(--hairline);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:44px;height:44px;color:var(--ink-soft);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#faf6ee9e;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:background-color .18s,color .18s,transform .18s;display:inline-flex}[data-sketchbook-media] .sb-step:active{transform:scale(.94)}[data-sketchbook-media] .sb-step svg{width:17px;height:17px}}[data-sketchbook-media] .sb-loading-plate{pointer-events:none;position:absolute;inset:0}[data-sketchbook-media] .sb-loading-plate img{width:100%;height:auto}[data-sketchbook-media] .sb-wrap[data-ready="1"] .sb-loading-plate{visibility:hidden}
.kf-dda_scene{isolation:isolate;background:var(--a-demo-surface,#f3f1ea);color:var(--a-text,#343330);position:absolute;inset:0;overflow:hidden}.kf-dda_heading{z-index:3;align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex;position:absolute;top:24px;left:27px;right:75px}.kf-dda_dot{background:#849478;border-radius:50%;width:6px;height:6px}.kf-dda_demoLabel{color:var(--a-muted,#817e78);margin-left:auto;font-size:11px;font-weight:400}.kf-dda_film{inset:52px 24px var(--how-avant-bar-clearance,112px);transition:opacity .42s cubic-bezier(.22,1,.36,1);position:absolute}.kf-dda_scene[data-state=editing] .kf-dda_film{opacity:0}.kf-dda_filmCanvas{width:100%;height:100%;position:absolute;inset:0}.kf-dda_rest{transition:opacity .2s;position:absolute;inset:0}.kf-dda_scene[data-state=opening] .kf-dda_rest{opacity:0;pointer-events:none}.kf-dda_label{border:1.5px solid var(--a-text,#23261f);background:var(--a-surface,#fffdf7);min-height:44px;color:var(--a-text,#23261f);white-space:nowrap;cursor:pointer;border-radius:999px;align-items:center;gap:10px;padding:6px 18px 6px 7px;font-size:14px;font-weight:500;transition:background .18s,color .18s,transform .18s;animation:.52s cubic-bezier(.22,1,.36,1) both kf-dda_arrive;display:flex;position:absolute;translate:0 -50%}.kf-dda_label:hover{background:var(--a-text,#23261f);color:var(--a-surface,#fffdf7)}.kf-dda_label:active{transform:scale(.98)}.kf-dda_labelIcon{background:var(--a-demo-surface,#efece4);width:30px;height:30px;color:var(--a-text,#23261f);border-radius:50%;place-items:center;display:grid}.kf-dda_labelIcon svg{width:17px;height:17px}.kf-dda_cta{justify-items:start;gap:10px;animation:.52s cubic-bezier(.22,1,.36,1) both kf-dda_arrive;display:grid;position:absolute;translate:0 -24px}.kf-dda_cta>button{background:var(--a-text,#23261f);min-height:48px;color:var(--a-surface,#fffdf7);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 22px 0 18px;font-size:15px;font-weight:500;transition:transform .18s;display:flex;box-shadow:0 10px 24px #14180f26}.kf-dda_cta>button:hover{transform:translateY(-1px)}.kf-dda_cta>button:active{transform:scale(.98)}.kf-dda_countdown{color:var(--a-muted,#716c65);font-variant-numeric:tabular-nums;align-items:center;gap:7px;font-size:11px;display:flex}.kf-dda_countdown button{background:var(--a-control,#eeece6);cursor:pointer;border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.kf-dda_editor{border:1px solid var(--a-hairline,#d8d5cd);border-radius:24px;position:absolute;inset:62px 18px 18px;overflow:hidden}.kf-dda_scene[data-state=opening] .kf-dda_editor{pointer-events:none}.kf-dda_cornerButton{z-index:6;border:1px solid var(--a-hairline,#ddd9d1);background:var(--a-surface,#fff);width:38px;height:38px;color:var(--a-text,#343330);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:absolute;top:15px;right:18px}.kf-dda_scene button:focus-visible{outline:2px solid var(--a-focus,#7b856e);outline-offset:4px}@media not (min-width:39.0625rem){.kf-dda_scene[data-studio-teaser] .kf-dda_heading{top:23px;left:18px}.kf-dda_scene[data-studio-teaser] .kf-dda_film{inset:50px 12px var(--how-avant-bar-clearance,108px)}.kf-dda_scene[data-studio-teaser] .kf-dda_label{min-height:36px;padding:3px 14px 3px 5px;font-size:13px}.kf-dda_scene[data-studio-teaser] .kf-dda_labelIcon{width:28px;height:28px}.kf-dda_scene[data-studio-teaser] .kf-dda_cta>button{min-height:46px}}@keyframes kf-dda_arrive{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.kf-dda_film,.kf-dda_label,.kf-dda_cta,.kf-dda_cta>button{transition:none;animation:none}}
.qs2Yya_filmStage{background:var(--a-demo-surface,#f3f1ea);position:absolute;inset:0}.qs2Yya_filmCanvas{inset:24px 24px var(--how-avant-bar-clearance,112px);width:calc(100% - 48px);height:calc(100% - 24px - var(--how-avant-bar-clearance,112px));position:absolute}.qs2Yya_replay{z-index:4;border:1px solid var(--a-hairline,#ddd9d1);background:var(--a-surface,#fff);width:38px;height:38px;color:var(--a-text,#343330);cursor:pointer;border-radius:50%;place-items:center;animation:.42s cubic-bezier(.22,1,.36,1) both qs2Yya_appear;display:grid;position:absolute;top:15px;right:18px}.qs2Yya_replay:focus-visible{outline:2px solid var(--a-focus,#7b856e);outline-offset:4px}@keyframes qs2Yya_appear{0%{opacity:0;transform:scale(.9)}}@media (prefers-reduced-motion:reduce){.qs2Yya_replay{animation:none}}