.hb{--paper:#f3efe6;--night:#0a0a09;--pencil-day:#6c655a;--pencil-night:#a39b8d;--soft-day:#57524b;--soft-night:#b4ada1;--gutter:clamp(20px, 6vw, 96px);--pad-top:128px;--pad-bottom:120px;--s0:.8;--board-y:max(1.5svh, calc(92px - 10svh));--ease:cubic-bezier(.23, 1, .32, 1);background:var(--night)}@media (scripting:enabled){.hb-stage{--t:0;--drift:0;--s1:0;--s2:0;--live:0;--geo:0;--frame:1;--photo:0;--photo2:0;--cta:0;--hole:0;--suck:0;--kp:1;--ks:1;--close:0;--fly:0;--mx:0;--my:0;--inv:calc((1 - var(--live)) * 100%);--c-bg:color-mix(in oklab, var(--paper) var(--inv), var(--night));--c-ink:color-mix(in oklab, var(--nasia-ink) var(--inv), var(--nasia-ivory));--c-soft:color-mix(in oklab, var(--soft-day) var(--inv), var(--soft-night));--c-pencil:color-mix(in oklab, var(--pencil-day) var(--inv), var(--pencil-night));--c-accent:color-mix(in oklab, var(--nasia-bronze) var(--inv), var(--nasia-champagne));z-index:0;background:var(--night);color:var(--c-ink);position:fixed;inset:0;overflow:hidden}.hb-win:not([data-win-hero]){opacity:0;pointer-events:none}.hb-stage:not([data-late]) .hb-late img{display:none}}.hb-desk{opacity:calc(1 - var(--geo));transform:translate3d(calc(var(--drift) * 2.5vw + var(--mx) * -6px), calc(var(--drift) * -5svh + var(--my) * -4px), 0) scale(calc(1.03 + var(--drift) * .06 + var(--geo) * .35));position:absolute;inset:-3%}.hb-desk__img{object-fit:cover;width:100%;height:100%}.hb-objects{pointer-events:none;position:absolute;inset:0}.hb-obj{--dx:0;--dy:0;--rot:0deg;--rate:1;--px:0vw;--py:0svh;--prot:0deg;max-width:none;height:auto;opacity:calc(1 - var(--geo) * 1.25);filter:drop-shadow(10px 16px 14px #0000008c)drop-shadow(2px 3px 2px #0006);transform:translate3d(calc(var(--px) * var(--drift) + var(--dx) * var(--geo) * 45vw * var(--rate) + var(--mx) * 10px * var(--rate)), calc(var(--py) * var(--drift) + var(--dy) * var(--geo) * 35svh * var(--rate) + var(--my) * 6px * var(--rate)), 0) rotate(calc(var(--rot) + var(--prot) * var(--drift))) scale(calc(1 + var(--geo) * .45 * var(--rate)));position:absolute}.hb-objects--front .hb-obj{--rate:1.9}.hb-obj--mug{--dx:-1;--dy:-.6;--px:3vw;--py:-9svh;--prot:14deg;width:clamp(120px,15vw,280px);top:3svh;left:-3vw}.hb-obj--notes{--dx:1;--dy:-.8;--rot:9deg;--px:-2vw;--py:-12svh;--prot:-10deg;width:clamp(90px,10vw,190px);top:4svh;right:1.5vw}.hb-obj--ball{--dx:-1;--dy:1;--px:22vw;--py:-3svh;--prot:420deg;width:clamp(56px,6.5vw,120px);bottom:1svh;left:3.5vw}.hb-obj--pencil{--dx:1;--dy:.7;--rot:-4deg;--px:-30vw;--py:-10svh;--prot:12deg;width:clamp(220px,28vw,520px);bottom:2svh;right:2vw}.hb-board{transform-origin:50%;transform:translate3d(calc((1 - var(--geo)) * (var(--drift) - .5) * -2.4vw), calc((1 - var(--geo)) * (var(--board-y) - var(--drift) * 1.5svh)), 0) scale(calc(var(--s0) + (1 - var(--s0)) * var(--geo) + (1 - var(--geo)) * var(--drift) * .07)) rotate(calc((1 - var(--geo)) * (-.8deg + var(--drift) * 1.3deg)));position:absolute;inset:0}.hb-paper{border-radius:calc((1 - var(--geo)) * 6px);background:radial-gradient(ellipse 70% 60% at 42% 28%, rgb(255 238 205/calc(.5 * (1 - var(--live)))), transparent 70%), radial-gradient(ellipse 90% 80% at 50% 50%, transparent 60%, rgb(90 70 40/calc(.14 * (1 - var(--live))))), var(--c-bg);box-shadow:0 2px 3px rgb(0 0 0/calc(.35 * (1 - var(--geo)))), 0 30px 60px -20px rgb(0 0 0/calc(.7 * (1 - var(--geo)))), 0 60px 120px -40px rgb(122 92 36/calc(.35 * (1 - var(--geo))));position:absolute;inset:0}.hb-pencil path{fill:none;stroke:var(--c-pencil,var(--pencil-day));stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.hb-pencil{clip-path:inset(-20% calc((1 - var(--draw,1)) * 100%) -20% -20%)}.hb-pencil .hb-pencil__second{stroke-width:1px;opacity:.5}.hb-pencil .hb-pencil__cross{opacity:.55}.hb-note{font-family:var(--font-display);letter-spacing:0;color:var(--c-pencil,var(--pencil-day));font-size:1.125rem;font-style:italic;line-height:1.2}.hb-guides{opacity:calc((1 - var(--s2)) * .9);pointer-events:none;position:absolute;inset:0}.hb-guides__col{border-left:1px dashed var(--c-pencil);opacity:.45;position:absolute;top:18px;bottom:18px}.hb-guides__col--l{left:calc(50% - min(640px, 50% - var(--gutter)))}.hb-guides__col--r{left:calc(50% + min(640px, 50% - var(--gutter)))}.hb-guides__mark{border-color:var(--c-pencil);opacity:.7;width:18px;height:18px;position:absolute}.hb-guides__mark--tl{border-top:1px solid;border-left:1px solid;top:14px;left:14px}.hb-guides__mark--tr{border-top:1px solid;border-right:1px solid;top:14px;right:14px}.hb-guides__mark--bl{border-bottom:1px solid;border-left:1px solid;bottom:14px;left:14px}.hb-guides__mark--br{border-bottom:1px solid;border-right:1px solid;bottom:14px;right:14px}.hb-sketch-only{opacity:calc(1 - var(--s2))}.hb-design-only{opacity:var(--s2)}.hb-text-pending{opacity:calc(1 - var(--s1))}.hb-text-done{opacity:var(--s1)}.hb-boardnav{width:min(1280px, 100% - 2 * var(--gutter));height:40px;opacity:calc(1 - var(--live) * 1.4);color:var(--c-ink);justify-content:space-between;align-items:center;gap:24px;font-size:.9375rem;display:flex;position:absolute;top:34px;left:50%;transform:translate(-50%)}.hb-boardnav>span,.hb-boardnav__link{place-items:center;display:grid;position:relative}.hb-boardnav>span>*,.hb-boardnav__link>*{grid-area:1/1}.hb-boardnav__logo{width:132px;height:36px}.hb-boardnav__logo .hb-sketch-only{place-items:center;width:100%;height:100%;display:grid;position:relative}.hb-boardnav__logo img{width:116px;height:auto}.hb-boardnav__links{gap:32px;margin-left:auto;display:flex!important}.hb-boardnav__link .hb-pencil{width:64px;height:10px}.hb-boardnav__button{width:168px;height:40px}.hb-boardnav__button .hb-sketch-only{place-items:center;width:100%;height:100%;display:grid;position:relative}.hb-pill{background:var(--nasia-champagne);width:100%;height:100%;color:var(--nasia-black);border-radius:999px;justify-content:center;align-items:center;font-size:.875rem;font-weight:500;display:inline-flex}.hb-grid{top:var(--pad-top);bottom:var(--pad-bottom);width:min(1280px, 100% - 2 * var(--gutter));grid-template-columns:minmax(0,1fr) minmax(0,min(36vw,480px));column-gap:clamp(40px,7vw,128px);display:grid;position:absolute;left:50%;transform:translate(-50%)}.hb-copy{min-height:0;position:relative}.hb-win{--draw:clamp(0, var(--enter,1) * 1.6 - .3, 1);will-change:opacity}.hb-copy>.hb-win>*,.hb-steps>li{--n:0;--e:clamp(0, var(--enter,1) * 2 - var(--n) * .2, 1);--l:clamp(0, var(--leave,0) * 1.7 - var(--n) * .12, 1);transform:translate3d(0, calc((1 - var(--e)) * 36px - var(--l) * 28px), 0)}.hb-copy>.hb-win>*{opacity:calc(var(--e) * (1 - var(--l)))}.hb-copy>.hb-win>:nth-child(2),.hb-steps>li:first-child{--n:1}.hb-copy>.hb-win>:nth-child(3),.hb-steps>li:nth-child(2){--n:2}.hb-copy>.hb-win>:nth-child(4),.hb-steps>li:nth-child(3){--n:3}.hb-copy>.hb-win>:nth-child(5),.hb-steps>li:nth-child(4){--n:4}.hb-copy>.hb-win>:nth-child(6){--n:5}.hb-win .hb-note,.hb-frame__note{clip-path:inset(-40% calc((1 - var(--draw)) * 100%) -40% -2%)}.hb-copy>.hb-win{flex-direction:column;justify-content:center;align-items:flex-start;max-width:46rem;display:flex;position:absolute;inset:0}.hb-h1{letter-spacing:-.03em;max-width:10em;font-size:clamp(2.75rem,6.4vw,6.25rem);line-height:.96}.hb-h2{letter-spacing:-.03em;max-width:16ch;font-size:clamp(2.25rem,4.4vw,4.5rem);line-height:1}.hb-lead{max-width:34ch;color:var(--c-soft);margin-top:24px;font-size:clamp(1.125rem,1.6vw,1.5rem);line-height:1.5}.hb-body{max-width:42ch;color:var(--c-soft);margin-top:20px;font-size:clamp(1.0625rem,1.35vw,1.25rem);line-height:1.65}.hb-small{max-width:52ch;color:var(--c-soft);margin-top:16px;font-size:.875rem;line-height:1.6}.hb-kind{color:var(--c-ink);margin-top:10px;font-size:clamp(1rem,1.2vw,1.125rem)}.hb-eyebrow{color:var(--c-accent);margin-bottom:14px;font-size:.9375rem;font-weight:500}.hb-aside{max-width:40ch;font-family:var(--font-display);color:var(--c-ink);margin-top:24px;font-size:clamp(1.25rem,1.6vw,1.5rem);font-style:italic;line-height:1.35}.hb-note--title{align-items:flex-end;gap:6px;margin-bottom:14px;display:flex}.hb-note__arrow{width:46px;height:24px;transform:rotate(72deg)translate(10px,-4px)}.hb-pencil--fixed path{vector-effect:none;stroke-width:2px}.hb-sketch-button{place-items:center;width:15.5rem;height:3.25rem;margin-top:36px;display:grid;position:relative}.hb-missing{gap:20px;margin-top:32px;display:flex}.hb-missing li{flex-direction:column;gap:8px;display:flex}.hb-missing__frame{aspect-ratio:4/3;width:clamp(76px,8vw,120px);display:block;position:relative}.hb-missing .hb-note{font-size:1rem}.hb-answer{font-family:var(--font-display);letter-spacing:-.01em;margin-top:28px;font-size:clamp(1.5rem,2vw,1.875rem);line-height:1.15}.hb-steps{gap:18px;max-width:38rem;margin-top:28px;display:grid}.hb-step{opacity:.45;transition:opacity .2s var(--ease);grid-template-columns:2.25rem 1fr;align-items:baseline;display:grid}.hb-step[data-current]{opacity:1}.hb-step__n{font-family:var(--font-display);color:var(--c-accent);font-size:1.75rem;line-height:1}.hb-step__title{font-family:var(--font-body);letter-spacing:-.005em;font-size:clamp(1.125rem,1.4vw,1.375rem);font-weight:600;line-height:1.3}.hb-step__text{color:var(--c-soft);margin-top:4px;font-size:clamp(.9375rem,1.15vw,1.0625rem);line-height:1.55}.hb-link{color:var(--c-ink);text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklab, var(--c-accent) 60%, transparent);text-decoration-color:color-mix(in oklab, var(--c-accent) 60%, transparent);text-underline-offset:6px;transition:opacity .15s var(--ease);border-radius:2px;outline:none;align-items:center;gap:6px;margin-top:24px;font-weight:500;text-decoration-thickness:1px;display:inline-flex}.hb-link:hover{-webkit-text-decoration-color:var(--c-accent);text-decoration-color:var(--c-accent)}.hb-link:active{opacity:.7}.hb-link:focus-visible,.hb-cta:focus-visible,.hb-rail__button:focus-visible{outline:2px solid var(--nasia-champagne);outline-offset:4px}.hb-link--quiet{color:var(--c-soft);margin-top:0;font-weight:400}.hb-actions{flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:32px;display:flex}.hb-actions .hb-link{margin-top:0}.hb-final-button{display:grid;position:relative}.hb-final-button>*{grid-area:1/1}.hb-final-button__sketch{pointer-events:none;opacity:calc(1 - var(--cta) * .85);margin:-4px -6px;position:relative}.hb-cta{background:var(--nasia-champagne);height:3.25rem;color:var(--nasia-black);white-space:nowrap;z-index:1;opacity:var(--cta);transition:transform .3s var(--ease-spring);border-radius:999px;align-items:center;padding:0 1.75rem;font-weight:500;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff59,0 12px 32px -12px #c9a86a99}@media (hover:hover) and (pointer:fine){.hb-cta:hover{transform:translateY(-2px)}}.hb-cta:active{transform:scale(.98)}.hb-media{min-height:0;position:relative;container-type:size}.hb-frame{opacity:calc(clamp(0, var(--frame), 1) * (1 - var(--suck)));flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.hb-frame__box{aspect-ratio:3/4;width:min(100cqw,75cqh - 2.25rem);transform:scale(calc(.94 + var(--photo) * .1));position:relative}.hb-frame__sketch{opacity:calc(1 - var(--photo))}.hb-frame__photo{clip-path:inset(calc((1 - var(--photo)) * 100%) 0 0 0 round 10px);border-radius:10px;position:absolute;inset:0;overflow:hidden;box-shadow:0 2px 4px #0000004d,0 30px 60px -24px #0009,0 40px 90px -40px #c9a86a59}.hb-frame__photo img{transform:scale(calc(1.12 - var(--photo) * .06)) translate3d(0, calc((var(--t) - 8.4) * -1.4%), 0)}.hb-frame__tint{mix-blend-mode:multiply;background:linear-gradient(#0000 65%,#00000059),#c9a86a14;position:absolute;inset:0}.hb-frame__second{background:var(--nasia-ivory);width:46%;opacity:var(--photo2);transform:translate3d(0, calc((1 - var(--photo2)) * 24px), 0) rotate(-6deg);border-radius:3px;padding:6px 6px 0;position:absolute;bottom:-6%;left:-22%;box-shadow:0 2px 4px #00000059,0 18px 36px -14px #0009}.hb-frame__second img{width:100%;height:auto}.hb-frame__second .hb-note{color:var(--pencil-day);padding:6px 2px 8px;font-size:.875rem;display:block}.hb-frame__notes{width:min(100cqw,75cqh - 2.25rem);height:1.75rem;position:relative}.hb-frame__note{text-align:right;width:max-content;max-width:100%;font-family:var(--font-display);color:var(--c-pencil);white-space:nowrap;font-size:1.125rem;font-style:italic;position:absolute;top:0;right:0}.hb-frame__note s{opacity:.8;text-decoration-thickness:1px}.hb-screens{aspect-ratio:16/10;pointer-events:none;width:calc(100% + min(16vw,260px));position:absolute;top:50%;left:-4%;transform:translateY(-62%)}.hb-screen{--k-in:clamp(0, (var(--t) - var(--in)) / .24, 1);--k-back:clamp(0, (var(--t) - var(--next)) / .24, 1);--k-out:clamp(0, (var(--t) - 6.38) / .18, 1);opacity:calc(min(1, var(--k-in) * 2.5) * (1 - var(--k-out)));transform:translate3d(calc((1 - var(--k-in)) * 26% - var(--i) * 3.5% - var(--k-out) * 6%), calc((1 - var(--k-in)) * 16% + var(--i) * 5% - var(--k-out) * 4%), 0) rotate(calc((1 - var(--k-in)) * -5deg)) scale(calc(1 - var(--k-back) * .05));transform-origin:0 0;background:#fff;border-radius:10px;position:absolute;inset:0;overflow:hidden;box-shadow:0 0 0 1px #f5f3ef1a,0 2px 4px #0006,0 40px 80px -30px #000c,0 30px 90px -40px #c9a86a4d}.hb-screen--solo{opacity:calc(min(1, var(--k-in) * 2.5) * (1 - var(--k-back)))}.hb-screen:after{content:"";background:var(--night);opacity:calc(var(--k-back) * .4);position:absolute;inset:0}.hb-screen img{object-fit:cover;object-position:top;width:100%;height:100%}.hb-report{background:var(--nasia-white);width:min(21rem,86%);color:var(--nasia-ink);border-radius:12px;padding:16px 18px;position:absolute;bottom:9%;left:-14%;rotate:-1.5deg;box-shadow:0 1px 2px #281e0a14,0 16px 32px -14px #281e0a40,0 32px 64px -28px #7a5c244d}.hb-report__head{font-size:.9375rem;font-weight:600}.hb-report__time{color:var(--nasia-bronze);font-variant-numeric:tabular-nums;margin-right:6px}.hb-report__text{color:var(--soft-day);margin-top:4px;font-size:.875rem;line-height:1.5}.hb-swatches{left:calc(50% - min(640px, 50% - var(--gutter)));opacity:calc(var(--s2) * (1 - var(--live) * 1.6));align-items:center;gap:10px;display:flex;position:absolute;bottom:52px}.hb-swatch{border-radius:999px;width:22px;height:22px;box-shadow:0 0 0 1px #14141426}.hb-swatch--black{background:var(--nasia-black)}.hb-swatch--champagne{background:var(--nasia-champagne)}.hb-swatch--ivory{background:var(--nasia-ivory)}.hb-swatches .hb-note{margin-left:6px;font-size:1rem}.hb-colophon{width:min(1280px, 100% - 2 * var(--gutter));color:var(--c-soft);flex-wrap:wrap;gap:6px 24px;margin-inline:auto;font-size:.8125rem;display:flex;position:absolute;bottom:84px;left:0;right:0}.hb-colophon p{margin-right:auto}.hb-drift{pointer-events:none;position:absolute;inset:0}.hb-drift__word{left:var(--x);top:var(--y);font-family:var(--font-display);font-style:italic;font-size:var(--size);white-space:nowrap;color:var(--c-pencil);opacity:var(--op);filter:blur(var(--blur));transform:translate3d(calc((var(--t) - 8.3) * var(--speed) * -20vw + var(--mx) * var(--speed) * 18px), calc(sin(var(--t) * 150deg + var(--ph)) * 1.4svh + var(--my) * var(--speed) * 12px), 0);line-height:1;position:absolute}.hb-drift--front .hb-drift__word{color:var(--c-ink)}.hb-stage[data-hole] .hb-grid{filter:url(#hb-hole)}.hb-hole{pointer-events:none;background:radial-gradient(circle, var(--night) 0 24%, #0a0a09eb 28%, #c9a86a8c 33%, #c9a86a29 44%, #c9a86a0d 56%, transparent 70%);width:48vmin;height:48vmin;opacity:calc(min(1, var(--hole) * 1.4) * (1 - var(--close)));transform:rotate(calc(var(--t) * 120deg)) scale(max(.01, (var(--hole) * .6 + var(--suck) * .8) * (1 - var(--close))));border-radius:50%;margin:-24vmin 0 0 -24vmin;position:absolute;top:50%;left:50%}[data-hb-pulled]{--spin:24deg;transform-origin:0 0;transform:translate(var(--cx,0px), var(--cy,0px)) rotate(calc(var(--suck) * var(--spin))) scale(var(--kp)) translate(calc(-1 * var(--cx,0px)), calc(-1 * var(--cy,0px))) translate(var(--ex,0px), var(--ey,0px)) scale(calc(var(--ks) / var(--kp))) translate(calc(-1 * var(--ex,0px)), calc(-1 * var(--ey,0px)))}.hb-drift[data-hb-pulled]{--spin:90deg}.hb-win--about>*{--l:0}.hb-copy>.hb-win--cta>*{--side:-1;transform:translate3d(calc((1 - var(--e)) * var(--side) * 45vw), 0, 0) rotate(calc((1 - var(--e)) * var(--side) * -8deg))}.hb-copy>.hb-win--cta>:nth-child(2n){--side:1}.hb-ctaphoto{pointer-events:none;opacity:min(1, var(--fly) * 3);transform:translate3d(calc((1 - var(--fly)) * 60vw), calc((1 - var(--fly)) * -12svh), 0) rotate(calc((1 - var(--fly)) * 22deg));flex-direction:column;justify-content:center;align-items:center;padding-bottom:3rem;display:flex;position:absolute;inset:0}.hb-ctaphoto__box{aspect-ratio:3/4;width:min(100cqw,75cqh - 2.25rem);position:relative}.hb-ctaphoto .hb-frame__photo{clip-path:inset(0 round 10px)}.hb-ctaphoto__second{--k:clamp(0, (var(--fly) - .35) / .65, 1);background:var(--nasia-ivory);width:46%;opacity:min(1, var(--k) * 3);transform:translate3d(calc((1 - var(--k)) * -40vw), calc((1 - var(--k)) * 20svh), 0) rotate(calc(-6deg - (1 - var(--k)) * 30deg));border-radius:3px;padding:6px 6px 0;position:absolute;bottom:-6%;left:-22%;box-shadow:0 2px 4px #00000059,0 18px 36px -14px #0009}.hb-ctaphoto__second img{width:100%;height:auto}.hb-ctaphoto__second .hb-note{color:var(--pencil-day);padding:6px 2px 8px;font-size:.875rem;display:block}.hb-rail{z-index:40;-webkit-backdrop-filter:blur(16px)saturate(1.5);backdrop-filter:blur(16px)saturate(1.5);background:#000000b8;border:1px solid #f5f3ef1a;border-radius:999px;padding:8px 10px;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffff14,0 8px 24px -12px #00000080,0 20px 48px -24px #c9a86a40}.hb-rail__list{gap:2px;display:flex}.hb-rail__button{color:#f5f3ef99;cursor:pointer;min-width:84px;transition:opacity .15s var(--ease);border-radius:999px;flex-direction:column;align-items:center;gap:6px;padding:6px 10px 4px;font-size:.75rem;line-height:1;display:flex}.hb-rail__button:hover{color:var(--nasia-ivory)}.hb-rail__button:active{opacity:.7}.hb-rail__button[aria-current]{color:var(--nasia-ivory)}.hb-rail__bar{background:#f5f3ef2e;border-radius:999px;width:100%;height:3px}.hb-rail__button--done .hb-rail__bar{background:#c9a86ab3}.hb-rail__button[aria-current] .hb-rail__bar{background:var(--nasia-champagne)}.hb-grain{pointer-events:none;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.hb-spacer{z-index:-1;height:1120svh;position:relative}@media (max-width:767px){.hb{--gutter:22px;--pad-top:92px;--pad-bottom:92px;--s0:.9;--board-y:calc(84px - 5svh)}.hb-grid{grid-template-rows:minmax(0,1fr) 33svh;grid-template-columns:minmax(0,1fr);row-gap:18px}.hb-copy>.hb-win{justify-content:flex-start;padding-top:8px}.hb-h1{font-size:2.625rem}.hb-h2{font-size:2rem}.hb-lead{margin-top:16px;font-size:1rem}.hb-body{margin-top:14px;font-size:.9375rem;line-height:1.6}.hb-aside{margin-top:14px;font-size:1.125rem}.hb-note{font-size:1rem}.hb-note--title{margin-bottom:8px}.hb-sketch-button{width:12rem;height:2.75rem;margin-top:22px}.hb-missing{gap:14px;margin-top:18px}.hb-missing__frame{width:72px}.hb-missing .hb-note{font-size:.875rem}.hb-answer{margin-top:16px;font-size:1.375rem}.hb-steps{gap:10px;margin-top:16px}.hb-step__n{font-size:1.375rem}.hb-step__title{font-size:1rem}.hb-step__text{font-size:.875rem;line-height:1.45}.hb-step:not([data-current]) .hb-step__text{display:none}.hb-link{margin-top:14px}.hb-actions{margin-top:20px}.hb-boardnav{height:32px;top:26px}.hb-boardnav__links,.hb-swatches,.hb-obj--mug{display:none!important}.hb-boardnav__logo{width:104px;height:30px}.hb-boardnav__logo img{width:92px}.hb-boardnav__button{width:128px;height:32px}.hb-boardnav .hb-note{font-size:.875rem}.hb-screens{width:100%;left:0;transform:translateY(-50%)}.hb-report{width:15rem;padding:12px 14px;bottom:12%;left:-2%;right:auto}.hb-frame__second{width:52%;bottom:4%;left:-58%}.hb-colophon{gap:2px 16px;font-size:.75rem;bottom:64px}.hb-colophon p{width:100%}.hb-obj--notes{width:18vw;top:1svh;right:-4vw}.hb-obj--pencil{width:62vw;bottom:-3svh;right:-30vw}.hb-frame__note{text-align:left;left:0;right:auto}.hb-obj--ball{width:15vw;bottom:3svh;left:-4vw}.hb-rail{padding:6px 8px;bottom:10px}.hb-rail__button{min-width:0;padding:6px 4px 4px}.hb-rail__bar{width:30px}.hb-rail__label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (max-width:767px) and (max-height:740px){.hb{--pad-top:84px;--pad-bottom:76px}.hb-grid{grid-template-rows:minmax(0,1fr) 25svh;row-gap:12px}.hb-h1{font-size:2.25rem}.hb-h2{font-size:1.75rem}.hb-lead,.hb-body{font-size:.875rem;line-height:1.55}.hb-aside{font-size:1rem}.hb-missing,.hb-win--work .hb-kind,.hb-win--work .hb-small,.hb-win--cta .hb-small,.hb-frame__second,.hb-boardnav{display:none}.hb-steps{gap:6px}.hb-sketch-button{margin-top:16px}.hb-cta{height:2.875rem;padding:0 1.25rem}.hb-colophon{bottom:52px}}@media (prefers-reduced-motion:reduce){.hb-desk,.hb-obj{transform:none}.hb-obj{rotate:var(--rot)}.hb-frame__photo{clip-path:inset(0 round 10px);opacity:var(--photo)}.hb-frame__photo img,.hb-frame__box,.hb-frame__second{transform:none}.hb-frame__second{rotate:-6deg}.hb-screen{transform:translate3d(calc(var(--i) * -3.5%), calc(var(--i) * 5%), 0)}.hb-step{transition:none}.hb-copy>.hb-win>*,.hb-steps>li{transform:none}.hb-pencil{clip-path:none}}@media (scripting:none){.hb{color:var(--nasia-ivory);--c-ink:var(--nasia-ivory);--c-soft:var(--soft-night);--c-pencil:var(--pencil-night);--c-accent:var(--nasia-champagne);--s1:1;--s2:1;--live:1;--geo:1;--photo:1;--photo2:1;--cta:1;--frame:1;--t:0;--drift:0;--mx:0;--my:0}.hb-desk,.hb-objects,.hb-guides,.hb-boardnav,.hb-swatches,.hb-screens,.hb-report,.hb-spacer,.hb-rail,.hb-frame__notes,.hb-sketch-button,.hb-note--title{display:none}.hb-board,.hb-grid,.hb-colophon{margin-inline:auto;position:relative;inset:auto;transform:none}.hb-grid{padding:120px 0 48px;display:block}.hb-copy>.hb-win{padding:48px 0;position:relative}.hb-media{height:70svh}.hb-colophon{padding:32px 0}}@media (max-width:767px){.hb-drift__word{top:var(--ym);font-size:calc(var(--size) * .7)}.hb-drift--front{display:none}.hb-ctaphoto__second{width:52%;bottom:4%;left:-58%}}@media (max-width:767px) and (max-height:740px){.hb-ctaphoto__second{display:none}}@media (prefers-reduced-motion:reduce){.hb-drift,.hb-drift__word,.hb-win--about,.hb-frame,.hb-ctaphoto,.hb-ctaphoto__second{transform:none}.hb-ctaphoto__second{rotate:-6deg}}@media (scripting:none){.hb-drift,.hb-ctaphoto{display:none}}