.rf[data-astro-cid-d5qth2yb]{box-shadow:inset 0 1px 0 #fffffff2, inset 0 0 0 1px #ffffff8c, 0 0 0 1px var(--color-line), 0 20px 40px -32px #1d242059;color:var(--color-ink);background:#fff6;border-radius:1.4rem;padding:clamp(1rem,3vw,2rem)}.rf-top[data-astro-cid-d5qth2yb]{font-family:var(--font-type);border-bottom:1px solid var(--color-line);flex-wrap:wrap;justify-content:space-between;gap:.7rem;padding-bottom:1.2rem;font-size:.78rem;display:flex}.rf-sample[data-astro-cid-d5qth2yb]{color:var(--color-ink-soft)}.rf-tabs[data-astro-cid-d5qth2yb]{grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem;margin-top:1.2rem;display:grid}.rf-tabs[data-astro-cid-d5qth2yb] button[data-astro-cid-d5qth2yb]{text-align:left;background:var(--color-mist);border-radius:.75rem;min-height:3rem;padding:.8rem;font-size:.85rem;transition:background .18s}.rf-tabs[data-astro-cid-d5qth2yb] span[data-astro-cid-d5qth2yb]{font-family:var(--font-type);margin-bottom:.35rem;font-size:.72rem;display:block}.rf-tabs[data-astro-cid-d5qth2yb] [data-astro-cid-d5qth2yb][aria-selected=true]{background:var(--color-forest);color:var(--color-paper)}.rf-panel[data-astro-cid-d5qth2yb]{max-width:34rem;padding:2rem .5rem}.rf-panel[data-astro-cid-d5qth2yb][hidden]{display:none}.rf-panel[data-astro-cid-d5qth2yb] svg[data-astro-cid-d5qth2yb]{width:2rem;height:2rem;stroke:var(--color-forest);fill:none;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.rf[data-astro-cid-d5qth2yb] h4[data-astro-cid-d5qth2yb]{font-family:var(--font-display);margin:.8rem 0;font-size:clamp(1.6rem,2.6vw,2.3rem);font-weight:380}.rf-panel[data-astro-cid-d5qth2yb] p[data-astro-cid-d5qth2yb],.rf-foot[data-astro-cid-d5qth2yb]{color:var(--color-ink-soft);line-height:1.5}.rf-answer[data-astro-cid-d5qth2yb]{border:1px solid var(--color-line);background:var(--color-surface);border-radius:.8rem;flex-wrap:wrap;justify-content:space-between;gap:.7rem;margin-top:1.3rem;padding:1rem;font-weight:600;display:flex}.rf-answer[data-astro-cid-d5qth2yb] span[data-astro-cid-d5qth2yb]{color:var(--color-ink-soft);font-size:.8rem;font-weight:400}.rf-foot[data-astro-cid-d5qth2yb]{margin-top:1rem;font-size:.85rem}.rf-record[data-astro-cid-d5qth2yb]{grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,4rem);padding-top:1.5rem;display:grid}.rf-label[data-astro-cid-d5qth2yb]{font-family:var(--font-type);text-transform:uppercase;margin-bottom:1rem;font-size:.78rem}.rf[data-astro-cid-d5qth2yb] dl[data-astro-cid-d5qth2yb] div[data-astro-cid-d5qth2yb]{border-top:1px solid var(--color-line);grid-template-columns:1fr 1.5fr;gap:.8rem;padding:.7rem 0;font-size:.95rem;display:grid}.rf[data-astro-cid-d5qth2yb] dt[data-astro-cid-d5qth2yb]{color:var(--color-ink-soft)}.rf[data-astro-cid-d5qth2yb] dd[data-astro-cid-d5qth2yb]{margin:0}.rf-record[data-astro-cid-d5qth2yb] li[data-astro-cid-d5qth2yb],.rf-questions[data-astro-cid-d5qth2yb] li[data-astro-cid-d5qth2yb]{border-top:1px solid var(--color-line);padding:.75rem 0}.rf-dashboard[data-astro-cid-d5qth2yb]{gap:1.5rem;padding-top:1.5rem;display:grid}.rf-metrics[data-astro-cid-d5qth2yb]{grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;display:grid}.rf-metrics[data-astro-cid-d5qth2yb] li[data-astro-cid-d5qth2yb]{border-top:2px solid var(--color-leaf);padding-top:1rem;font-weight:600;line-height:1.4}@media (width<=560px){.rf-tabs[data-astro-cid-d5qth2yb]{grid-template-columns:repeat(2,minmax(0,1fr))}.rf-record[data-astro-cid-d5qth2yb]{grid-template-columns:1fr}.rf-metrics[data-astro-cid-d5qth2yb]{grid-template-columns:1fr 1fr}}@font-face{font-family:Work Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/work-sans-vietnamese-wght-normal.BKsN3ITN.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Work Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/work-sans-latin-ext-wght-normal.B5dZ8C4S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/work-sans-latin-wght-normal.Bl-S9Xys.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-cyrillic-ext-wght-normal.X_5orZeX.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-cyrillic-wght-normal.DiZS0aHC.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-symbols2-wght-normal.CO5SzqOn.woff2)format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-vietnamese-wght-normal.DadHysG0.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-latin-ext-wght-normal.Bwz-egvJ.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-latin-wght-normal.XN7g48iV.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.st{--acc:#2d6e4a;z-index:90;color:#1d2420;background:#f7f4ee;transition:translate .75s cubic-bezier(.77,0,.18,1);position:fixed;inset:0;translate:100%;box-shadow:-40px 0 80px -40px #00000059}.st.is-open{translate:0}.st.is-inline{z-index:auto;box-shadow:none;background:0 0;transition:none;position:relative;inset:auto;translate:none}.st.is-inline .st-scroll{position:static;overflow:visible}.st.is-inline .st-progress{display:none}.st.is-inline .st-k-rail .st-rail-pin{top:0}.st.is-inline .st-body{color:color-mix(in srgb, var(--ink) 78%, transparent);max-width:62ch}.st.is-inline .st-full-media.is-tall{max-width:52rem}.st[hidden]{display:none}.st-scroll{overscroll-behavior:contain;scroll-behavior:auto;outline:none;position:absolute;inset:0;overflow:hidden auto}.st-progress{z-index:5;pointer-events:none;height:3px;position:absolute;inset:0 0 auto}.st-progress i{transform-origin:0;height:100%;transform:scaleX(var(--p,0));background:var(--acc);display:block}.st-back{z-index:5;color:#f7f4ee;background:var(--glass-smoke);min-height:2.5rem;backdrop-filter:var(--glass-filter);box-shadow:var(--glass-rim), var(--glass-drop);font:600 .82rem/1 var(--font-body);opacity:.72;border-radius:999px;align-items:center;gap:.45rem;padding:0 1rem 0 .8rem;transition:opacity .25s,transform .25s cubic-bezier(.22,1,.36,1);display:inline-flex;position:absolute;bottom:clamp(.75rem,2vw,1.5rem);left:clamp(.75rem,2vw,1.5rem)}.st-back:hover,.st-back:focus-visible{opacity:1;transform:translate(-2px)}.st-back svg,.st-go svg,.st-hint svg,.st-flip-hint svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:1rem;height:1rem}.st-b,.st-end{--ink:#1d2420;--soft:#5b655e;--line:#1d24201f;--card:#fffdf9;--hi:var(--acc);--frame:#ece6da;color:var(--ink);background:var(--bg,#f7f4ee);position:relative}.tone-paper{--bg:#f7f4ee}.tone-tint{--bg:color-mix(in srgb, var(--acc) 9%, #f7f4ee);--card:color-mix(in srgb, var(--acc) 4%, #fffdf9)}.tone-night,.tone-accent{--bg:var(--color-banner,#282828);--ink:#f1eee6;--soft:#f1eee6a3;--line:#f1eee621;--card:#343434;--hi:color-mix(in srgb, var(--acc) 62%, #fff);--frame:#343434}.tone-green{--bg:#01914d;--ink:#fff;--soft:#ffffffc7;--line:#ffffff2e;--card:#ffffff1a;--hi:#ffd84a;--frame:#0000001f}.tone-green .st-cards li{background:#ffffff1a}.st-b{padding-block:clamp(4rem,8vh,6rem)}.st-w{width:100%;max-width:76rem;margin-inline:auto;padding-inline:clamp(1.25rem,4vw,4rem)}.st-h,.st-cover-title,.st-chapter-title,.st-words,.st-closing{font-variation-settings:"SOFT" 100, "WONK" 0}.st-label{font-family:var(--font-type);letter-spacing:.08em;text-transform:uppercase;color:var(--soft);align-items:center;gap:.7rem;font-size:.8rem;display:flex}.st-label:before{content:"";background:currentColor;width:1.6rem;height:1.5px}.st-h{font-family:var(--font-display);letter-spacing:-.018em;text-wrap:balance;max-width:20ch;margin-top:.9rem;font-size:clamp(2rem,3.6vw,2.9rem);font-weight:380;line-height:1.12}.st-body{max-width:56ch;color:var(--soft);text-wrap:pretty;margin-top:1.1rem;font-size:clamp(1.02rem,1.2vw,1.16rem);line-height:1.62}.st-lead{font-size:clamp(1.12rem,1.5vw,1.4rem);line-height:1.5}.st-head{max-width:62rem;margin-bottom:clamp(2rem,5vh,3.5rem)}.st-head.is-center{text-align:center;margin-inline:auto}.st-head.is-center .st-label{justify-content:center}.st-head.is-center .st-h,.st-head.is-center .st-body{margin-inline:auto}.st-points{gap:.75rem;margin-top:1.5rem;display:grid}.st-points li{padding-left:1.6rem;font-size:clamp(1rem,1.2vw,1.12rem);line-height:1.45;position:relative}.st-points li:before{content:"";background:var(--hi);border-radius:50%;width:.62rem;height:.62rem;position:absolute;top:.55em;left:0}.st-tags{flex-wrap:wrap;gap:.45rem;display:flex}.st-tags li{font-family:var(--font-type);letter-spacing:.06em;text-transform:uppercase;color:#fff;border-radius:999px;padding:.38rem .8rem;font-size:.72rem;box-shadow:inset 0 0 0 1px #ffffff59}.st-tags.is-soft{margin-top:1.4rem}.st-tags.is-soft li{color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);background:var(--card)}.sp{min-width:0;margin:0}.sp-frame{background:var(--frame);box-shadow:0 0 0 1px var(--line), 0 30px 60px -42px #00000080;border-radius:1rem;position:relative;overflow:hidden}.sp img,.sp video{object-fit:contain;width:100%;height:100%;display:block}.sp.is-cover .sp-frame{height:100%}.sp.is-cover img,.sp.is-cover video{object-fit:cover}.sp figcaption{color:var(--soft);margin-top:.65rem;font-size:.86rem;line-height:1.4}.sp-phone .sp-frame{background:#0d0e0f;border-radius:2.1rem;padding:.45rem;box-shadow:inset 0 0 0 1.5px #ffffff1a,0 36px 60px -34px #0009}.sp-phone img,.sp-phone video{border-radius:1.7rem}.sp-tablet .sp-frame{background:#0d0e0f;border-radius:1.4rem;padding:.7rem}.sp-tablet img{border-radius:.6rem}.sp-laptop img{object-fit:cover;border-radius:.25rem}.sp-laptop .sp-frame{background:#121314;border-radius:.9rem .9rem .3rem .3rem;margin-bottom:.8rem;padding:.55rem;overflow:visible}.sp-laptop .sp-frame:after{content:"";background:linear-gradient(#dcdcdf,#a4a4aa);border-radius:0 0 1rem 1rem;height:.8rem;position:absolute;bottom:-.8rem;left:-6%;right:-6%}.sp-browser .sp-frame{background:var(--card);padding-top:1.8rem}.sp-bar{background:color-mix(in srgb, var(--ink) 7%, var(--card));align-items:center;gap:.35rem;height:1.8rem;padding:0 .8rem;display:flex;position:absolute;inset:0 0 auto}.sp-bar i{background:color-mix(in srgb, var(--ink) 24%, transparent);border-radius:50%;width:.55rem;height:.55rem}.st-k-cover{background:var(--color-paper);min-height:100svh;color:var(--color-ink);--ink:var(--color-ink);--soft:var(--color-ink-soft);--line:var(--color-line);--hi:var(--acc);align-content:center;padding-block:clamp(3.5rem,8vh,6rem) 5rem;display:grid}.st-cover-copy{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:2.5rem 3.5rem;display:grid}.st-cover-intro{min-width:0}.st-k-cover .st-label{color:var(--color-ink-soft)}.st-cover-title{font-family:var(--font-display);letter-spacing:-.025em;text-wrap:balance;margin-block:1.1rem 1.35rem;font-size:clamp(2.4rem,4.5vw,3.9rem);font-weight:380;line-height:1.07}.st-cover-title em,.st-chapter-title em{color:var(--hi);font-style:normal}.st-cover-title em{margin-top:.3em;font-size:.74em;display:inline-block}.st-cover-lead{max-width:45ch;color:var(--soft);font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.6}.st-cover-intro .st-tags{margin-top:1.5rem}.st-k-cover .st-tags li{font:500 .8rem/1.2 var(--font-body);text-transform:none;letter-spacing:0;color:var(--ink);background:var(--color-mist);box-shadow:none;padding:.5rem .85rem}.st-cover-media{border-radius:28px;min-width:0;padding:clamp(.7rem,1.4vw,1.2rem)}.st-cover-media .sp-frame{box-shadow:none;background:var(--color-surface);border-radius:20px}.st-cover-copy>.st-meta{grid-column:1/-1;width:100%}.st-meta{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:1rem 2rem;width:min(100%,52rem);padding-top:1.4rem;display:grid}.st-meta dt{font-family:var(--font-type);color:var(--soft);font-size:.76rem}.st-meta dd{margin-top:.4rem;font-size:.95rem;font-weight:500;line-height:1.5}.st-hint{font-family:var(--font-type);color:var(--soft);grid-column:1/-1;align-items:center;gap:.5rem;font-size:.82rem;display:inline-flex}.st-hint svg{animation:1.8s ease-in-out infinite st-bob}@keyframes st-bob{50%{translate:0 4px}}.st-k-chapter{border-top:1px solid var(--line);align-items:center;min-height:100svh;display:grid}.st-k-chapter+.st-b{border-top:0}.st-k-chapter:not(:has(.st-chapter-media)){min-height:60svh}.st-chapter-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:clamp(2rem,5vw,5rem);display:grid}.st-chapter-grid:not(:has(.st-chapter-media)){grid-template-columns:1fr}.st-index{font-family:var(--font-display);color:var(--hi);letter-spacing:-.04em;font-size:clamp(3rem,6vw,5rem);font-weight:300;line-height:.8}.st-chapter-title{font-family:var(--font-display);letter-spacing:-.022em;text-wrap:balance;margin-top:.8rem;font-size:clamp(2.4rem,4vw,3.8rem);font-weight:340;line-height:.98}.st-chapter-media .sp-frame{max-height:72vh}.st-chapter-grid.is-banner{grid-template-columns:1fr;gap:clamp(1.5rem,4vh,3rem)}.st-chapter-grid.is-banner .st-chapter-media{order:-1}.st-chapter-grid.is-banner .st-chapter-copy{grid-template-columns:auto minmax(0,1fr);align-items:end;column-gap:clamp(1.5rem,4vw,3.5rem);display:grid}.st-chapter-grid.is-banner .st-index{grid-row:span 3;align-self:start;font-size:clamp(5rem,10vw,9rem)}.st-chapter-grid.is-banner .st-body{grid-column:2}.st-text-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:end;gap:clamp(1.5rem,5vw,5rem);display:grid}.st-text-side .st-body:first-child{margin-top:0}.st-split-grid{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;gap:clamp(2rem,5vw,5rem);display:grid}.st-split-grid.is-left .st-split-copy{order:2}.st-collage{gap:clamp(.8rem,1.6vw,1.25rem);display:grid;position:relative}.st-collage.is-photos{grid-template-columns:1fr 1fr;align-items:stretch}.n-3 .st-collage.is-photos .st-collage-item:first-child{grid-column:1/-1}.st-collage.is-photos .sp-frame{aspect-ratio:4/3!important}.n-2 .st-collage.is-photos .sp-frame{aspect-ratio:4/5!important}.n-3 .st-collage.is-photos .st-collage-item:first-child .sp-frame{aspect-ratio:16/9!important}.st-collage.is-photos img{object-fit:cover}.st-collage:not(.is-photos){grid-template-columns:1fr}.st-collage .sp-frame{max-height:76vh}.st-sticky-grid{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:start;gap:clamp(2rem,5vw,5rem);display:grid}.st-sticky-side{position:sticky;top:5rem}.st-sticky-list{gap:.2rem;margin-top:2rem;display:grid}.st-sticky-list li{border-top:1px solid var(--line);color:var(--soft);align-items:baseline;gap:1rem;padding:.7rem 0;font-size:1.02rem;transition:color .35s;display:flex}.st-sticky-list li span{font-family:var(--font-type);font-size:.78rem}.st-sticky-list li.is-on{color:var(--ink);font-weight:600}.st-sticky-list li.is-on span{color:var(--hi)}.st-sticky-steps{gap:clamp(4rem,14vh,9rem);padding-block:4vh 10vh;display:grid}.st-step-n{font-family:var(--font-type);letter-spacing:.06em;text-transform:uppercase;color:var(--hi);margin-top:1.4rem;font-size:.78rem}.st-step h4{font-family:var(--font-display);margin-top:.5rem;font-size:clamp(1.6rem,2.4vw,2.3rem);font-weight:400;line-height:1.1}.st-step .st-body{margin-top:.6rem}.st-step .sp-frame{max-height:70vh}.st-k-rail{padding-block:0}.st-rail-pin{grid-template-rows:auto 1fr;grid-template-columns:100%;align-content:center;gap:clamp(1.5rem,4vh,2.5rem);height:100svh;padding-block:clamp(3rem,9vh,6rem) clamp(2rem,6vh,4rem);display:grid;position:sticky;top:0;overflow:hidden}.st-rail-head .st-h{font-size:clamp(2rem,3.8vw,3.6rem)}.st-rail-head .st-body{margin-top:.6rem}.st-rail-track{will-change:transform;--rh:min(52vh, 38rem);justify-self:start;align-items:center;gap:clamp(1rem,2vw,1.75rem);width:max-content;height:100%;min-height:0;padding-inline:clamp(1.25rem,4vw,4rem);display:flex}.st-rail-item{flex:none}.st-rail-track.is-rows{grid-auto-flow:column;grid-template-rows:repeat(var(--rows), auto);--rh:min(calc((100svh - 17rem) / var(--rows)), 20rem);align-content:center;gap:clamp(.6rem,1.2vw,1rem);display:grid}.st-rail-item .sp-frame{width:auto;height:auto;aspect-ratio:auto!important}.st-rail-item img,.st-rail-item video{width:auto;height:var(--rh);max-width:none;display:block}.st-rail-item figcaption{max-width:28rem}.st-wall{columns:var(--cols,3);column-gap:clamp(.8rem,1.5vw,1.25rem)}.st-wall-item{break-inside:avoid;margin-bottom:clamp(.8rem,1.5vw,1.25rem)}.st-wall.is-grid{grid-template-columns:repeat(var(--cols,3), minmax(0, 1fr));columns:auto;gap:clamp(.8rem,1.5vw,1.25rem);display:grid}.st-wall.is-grid .st-wall-item{margin:0}.st-wall.is-crop .sp-frame{aspect-ratio:var(--crop)!important}.st-wall.is-crop .sp img{object-fit:cover}.st-wall.is-boards{margin-top:clamp(1.5rem,4vh,2.5rem)}.st-wall:has(.sp-laptop){gap:clamp(2rem,4vw,3.5rem)}.st-wall .sp-laptop .sp-frame:after{left:-4%;right:-4%}.st-wall .sp-laptop figcaption{margin-top:1.4rem}.st-k-full .st-head{margin-bottom:clamp(1.5rem,4vh,2.5rem)}.st-full-media{width:100%;max-width:76rem;margin-inline:auto;padding-inline:clamp(1.25rem,4vw,4rem)}.st-full-media .sp-frame{border-radius:1.25rem}.st-laptop{width:min(100%,56rem);margin-inline:auto;position:relative}.st-laptop-screen{aspect-ratio:16/10;background:#121314;border-radius:1.1rem 1.1rem .35rem .35rem;padding:.7rem;position:relative;overflow:hidden;box-shadow:0 50px 90px -40px #0009}.st-laptop-slide{opacity:0;background:#000;border-radius:.35rem;transition:opacity .8s;position:absolute;inset:.7rem;overflow:hidden}.st-laptop-slide.is-on{opacity:1}.st-laptop-slide img,.st-laptop-slide video{object-fit:contain;object-position:top;width:100%;height:100%}.st-laptop-base{background:linear-gradient(#dcdcdf,#a4a4aa);border-radius:0 0 1.2rem 1.2rem;height:1rem;margin-inline:-6%}.st-dots{justify-content:center;gap:.4rem;margin-top:1.4rem;display:flex}.st-dots button{background:0 0;place-items:center;width:2.75rem;height:2.75rem;display:grid}.st-dots button:after{content:"";background:var(--line);border-radius:50%;width:.5rem;height:.5rem;transition:background .3s,width .3s}.st-dots button.is-on:after{background:var(--hi);border-radius:999px;width:1.4rem}.st-phones{justify-content:center;align-items:flex-end;gap:clamp(.75rem,2vw,1.75rem);margin-top:clamp(2.5rem,6vh,4rem);display:flex}.st-phone{flex:0 15rem;min-width:0;margin:0}.st-phone-screen{aspect-ratio:9/19.5;background:#0d0e0f;border-radius:2.1rem;padding:.45rem;overflow:hidden;box-shadow:inset 0 0 0 1.5px #ffffff1a,0 36px 60px -34px #0009}.st-phone-screen img,.st-phone-screen video{object-fit:cover;object-position:top;border-radius:1.7rem;width:100%;height:100%}.st-phone figcaption{text-align:center;font-family:var(--font-type);letter-spacing:.05em;text-transform:uppercase;color:var(--soft);margin-top:.8rem;font-size:.74rem}.st-words{font-family:var(--font-display);letter-spacing:-.02em;max-width:22ch;margin-top:1.2rem;font-size:clamp(2.4rem,5.6vw,5.4rem);font-weight:340;line-height:1.08}.st-words.is-long{max-width:30ch;font-size:clamp(2rem,3.8vw,3.6rem)}.st-word{opacity:.16;transition:opacity .25s linear,color .25s linear}.st-word.is-lit{opacity:1}.st-word.is-hi.is-lit{color:var(--hi);font-style:normal}.st-stats{grid-template-columns:repeat(min(var(--n), 4), minmax(0, 1fr));gap:clamp(1.5rem,4vw,3.5rem);display:grid}.st-stats li{border-top:1.5px solid var(--ink);gap:.5rem;padding-top:1.2rem;display:grid}.st-stats strong{font-family:var(--font-display);letter-spacing:-.03em;color:var(--hi);font-size:clamp(3rem,6vw,5.6rem);font-weight:320;line-height:1}.st-stats span{color:var(--soft);font-size:1rem;line-height:1.45}.st-ba{--x:50%;width:100%;max-height:78vh;aspect-ratio:var(--r);background:var(--frame);box-shadow:0 0 0 1px var(--line), 0 40px 80px -45px #0000008c;user-select:none;border-radius:1.2rem;margin-inline:auto;position:relative;overflow:hidden}.st-ba-layer{position:absolute;inset:0}.st-ba-layer img{object-fit:contain;width:100%;height:100%}.st-ba-after{clip-path:inset(0 0 0 var(--x));background:var(--frame)}.is-in .st-ba:not(.is-touched){animation:2.6s cubic-bezier(.65,0,.35,1) .5s both st-ba-sweep}@keyframes st-ba-sweep{0%{--x:96%}55%{--x:14%}to{--x:50%}}@property --x{syntax:"<percentage>";inherits:true;initial-value:50%}.st-ba-handle{top:0;bottom:0;left:var(--x);pointer-events:none;background:#fff;width:2px;position:absolute;translate:-1px;box-shadow:0 0 12px #00000059}.st-ba-handle svg{fill:none;stroke:#111;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;background:#fff;border-radius:50%;width:2.8rem;height:2.8rem;padding:.6rem;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 6px 20px #0000004d}.st-ba-wrap{width:100%;margin-inline:auto}.st-ba-wrap.is-portrait{width:min(100%,26rem,40vh)}.st-ba-wrap.is-portrait .st-ba{max-height:none}.st-ba-labels{justify-content:space-between;gap:1rem;margin-bottom:.8rem;display:flex}.st-ba-tag{color:var(--ink);background:var(--card);box-shadow:0 0 0 1px var(--line);border-radius:999px;align-items:center;gap:.4rem;padding:.4rem .85rem;font-size:.9rem;font-weight:600;display:inline-flex}.st-ba-tag svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:.95rem;height:.95rem}.st-ba-tag.is-after{color:#fff;background:var(--acc);box-shadow:none}.st-ba input{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.st-ba-notes{grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,4rem);margin-top:clamp(1.5rem,4vh,2.5rem);display:grid}.st-ba-notes strong{font-family:var(--font-type);letter-spacing:.07em;text-transform:uppercase;color:var(--soft);font-size:.76rem}.st-ba-notes .is-after strong{color:var(--hi)}.st-ba-notes ul{gap:.45rem;margin-top:.6rem;padding-left:1.1rem;font-size:1.02rem;line-height:1.45;list-style:outside;display:grid}.st-cards{grid-template-columns:repeat(min(var(--n), 4), minmax(0, 1fr));gap:clamp(.75rem,1.5vw,1.25rem);display:grid}.st-cards li{background:var(--card);box-shadow:inset 0 1px 0 #ffffff59, 0 0 0 1px var(--line), 0 16px 32px -28px #1d242066;border-radius:1.2rem;align-content:start;gap:.65rem;padding:clamp(1.25rem,2vw,1.75rem);transition:transform .22s,box-shadow .22s;display:grid}@media (hover:hover) and (prefers-reduced-motion:no-preference){.st-cards li:hover{box-shadow:inset 0 1px 0 #fff9, 0 0 0 1px var(--line), 0 22px 36px -28px #1d242073;transform:translateY(-3px)}}.tone-paper .st-cards li,.tone-tint .st-cards li{background:#ffffff57}.st-cards svg{fill:none;width:2rem;height:2rem;stroke:var(--hi);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.st-card-label{font-family:var(--font-type);letter-spacing:.07em;text-transform:uppercase;color:var(--soft);font-size:.74rem}.st-cards strong{font-family:var(--font-display);font-size:clamp(1.4rem,2vw,1.9rem);font-weight:420;line-height:1.12}.st-cards p:not(.st-card-label){color:var(--soft);font-size:1rem;line-height:1.5}.st-tests{grid-template-columns:repeat(min(var(--n), 4), minmax(0, 1fr));gap:clamp(.75rem,1.4vw,1.2rem);display:grid}.st-tests>li{background:var(--card);box-shadow:0 0 0 1px var(--line);border-radius:1.2rem;align-content:start;gap:1rem;padding:1.25rem;display:grid}.st-tests-tag{font-family:var(--font-type);letter-spacing:.05em;text-transform:uppercase;color:var(--bg);background:var(--hi);border-radius:999px;justify-self:start;padding:.32rem .75rem;font-size:.72rem}.st-tests-pic .sp-frame{max-height:34vh}.st-tests dl{gap:.8rem;display:grid}.st-tests dt{font-family:var(--font-type);letter-spacing:.07em;text-transform:uppercase;color:var(--hi);font-size:.7rem}.st-tests dd{margin-top:.25rem;font-size:.98rem;line-height:1.45}.st-sys-spec{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:start;gap:clamp(1.5rem,4vw,3.5rem);display:grid}.st-swatches{grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:.7rem;display:grid}.st-swatches li{background:var(--card);box-shadow:0 0 0 1px var(--line);border-radius:1rem;gap:.2rem;padding:.55rem .55rem .7rem;display:grid}.st-swatches i{background:var(--c);border-radius:.65rem;height:4.2rem;margin-bottom:.45rem;box-shadow:inset 0 0 0 1px #00000014}.st-swatches strong{font-size:.86rem;font-weight:650}.st-swatches span{font-family:var(--font-type);color:var(--soft);font-size:.74rem}.st-palettes{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.75rem;display:grid}.st-palette{background:var(--card);box-shadow:0 0 0 1px var(--line);border-radius:.9rem;padding:.8rem .9rem}.st-palette>p{margin-bottom:.6rem;font-size:.9rem;font-weight:650}.st-palette ul{gap:.45rem;display:grid}.st-palette li{grid-template-columns:1.6rem 1fr auto;align-items:center;gap:.6rem;display:grid}.st-palette i{background:var(--c);border-radius:.45rem;width:1.6rem;height:1.6rem;box-shadow:inset 0 0 0 1px #0000001f}.st-palette strong{font-size:.85rem;font-weight:550}.st-palette span{font-family:var(--font-type);color:var(--soft);font-size:.72rem}.st-type{gap:.6rem;display:grid}.st-type li{background:var(--card);box-shadow:0 0 0 1px var(--line);border-radius:1rem;grid-template-columns:minmax(0,1fr);align-items:center;gap:.6rem;padding:.9rem 1rem;display:grid}.st-type-sample{font-family:var(--font-display);grid-row:span 2;font-size:clamp(1.4rem,2.4vw,2rem);line-height:1.2}.st-type strong{font-size:.98rem}.st-type em{font-style:normal;font-family:var(--font-type);color:var(--soft);font-size:.76rem}.st-flip-hint{font-family:var(--font-type);letter-spacing:.05em;text-transform:uppercase;color:var(--soft);align-items:center;gap:.45rem;margin-top:1rem;font-size:.76rem;display:inline-flex}.st-flips{grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr));gap:clamp(1rem,2vw,1.75rem);display:grid}.st-flips>li{gap:.7rem;display:grid}.st-flips>li>p{font-size:.95rem;font-weight:600}.st-flip{aspect-ratio:793/559;perspective:1600px;cursor:pointer;width:100%;display:block;position:relative}.st-flip-face{backface-visibility:hidden;box-shadow:0 0 0 1px var(--line), 0 26px 50px -30px #0000008c;border-radius:.9rem;transition:transform .8s cubic-bezier(.3,1.3,.5,1);position:absolute;inset:0;overflow:hidden}.st-flip-face img{object-fit:cover;width:100%;height:100%}.st-flip-face.is-back{transform:rotateY(180deg)}.st-flip.is-flipped .is-front{transform:rotateY(-180deg)}.st-flip.is-flipped .is-back{transform:rotateY(0)}.st-quote{max-width:62rem;margin:0 auto;padding-left:clamp(2.5rem,6vw,5rem);position:relative}.st-quote:before{content:"“";font-family:var(--font-display);color:var(--hi);font-size:clamp(6rem,12vw,10rem);line-height:1;position:absolute;top:-.3em;left:0}.st-quote p{font-family:var(--font-display);letter-spacing:-.015em;text-wrap:balance;font-size:clamp(2.2rem,4.6vw,4.2rem);font-weight:340;line-height:1.1}.st-quote footer{color:var(--soft);margin-top:1.5rem;font-size:1.02rem}.st-closing-box{align-content:center;min-height:70svh;display:grid}.st-closing{font-family:var(--font-display);letter-spacing:-.03em;margin-top:1rem;font-size:clamp(3rem,8vw,7.6rem);font-weight:330;line-height:1;display:grid}.st-closing span:nth-child(2){padding-left:clamp(1.5rem,6vw,6rem)}.st-closing span:nth-child(3){padding-left:clamp(.75rem,3vw,3rem)}.st-closing .is-hi{color:var(--hi);font-style:normal}.st-end{padding-block:clamp(2.5rem,7vh,4rem)}.st-end-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.st-end-name{font-family:var(--font-type);letter-spacing:.07em;text-transform:uppercase;color:var(--soft);font-size:.8rem}.st-end-actions{flex-wrap:wrap;gap:.75rem;display:flex}.st-go{color:#111513;background:#f1eee6;border-radius:999px;align-items:center;gap:.6rem;min-height:3.1rem;padding:0 1.5rem;font-weight:650;transition:transform .25s cubic-bezier(.22,1,.36,1);display:inline-flex}.st-go:hover{transform:translate(4px)}.st-home{color:#f1eee6;border-radius:999px;min-height:3.1rem;padding:0 1.3rem;font-weight:600;box-shadow:inset 0 0 0 1.5px #f1eee640}.st [data-rv]{opacity:0;transition:opacity .6s ease calc(var(--d,0) * 70ms), translate .8s cubic-bezier(.22, 1, .36, 1) calc(var(--d,0) * 70ms);translate:0 26px}.st [data-rv].is-in{opacity:1;translate:0}.sp{position:relative}.sp-zoom{height:var(--zh,100%);cursor:zoom-in;background:0 0;display:block;position:absolute;inset:0 0 auto}.sp:has(figcaption) .sp-zoom{--zh:calc(100% - 2rem)}.sp-zoom svg{display:none}.st button:focus-visible,.st a:focus-visible,.st-ba:focus-within{outline:2px solid var(--acc);outline-offset:4px}.st-image-view{color:#f7f4ee;background:#282828;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:5rem clamp(1rem,4vw,4rem) 2rem;position:fixed;inset:0}.st-image-view::backdrop{background:#000000b3}.st-image-view[open]{grid-template-rows:minmax(0,1fr) auto;gap:1rem;display:grid}.st-image-close{border-radius:999px;align-items:center;gap:.8rem;min-height:44px;padding:.6rem 1.1rem;display:flex;position:absolute;top:1rem;right:1.25rem}.st-image-close span{font-size:1.5rem}.st-image-canvas{text-align:center;min-height:0;overflow:auto}.st-image-canvas img{object-fit:contain;width:auto;max-width:100%;max-height:100%;margin-inline:auto}.st-image-view.is-document .st-image-canvas img{width:min(100%,70rem);max-height:none}.st-image-view>p{text-align:center;color:#d6d4cd;font-size:.9rem}.st-back{opacity:1;min-height:44px}.st-scroll{scrollbar-gutter:stable}.st-tags li{overflow-wrap:anywhere}.st-label{letter-spacing:0;text-transform:none;color:var(--soft);font-size:.92rem}.st-label:before{display:none}@media (width<=900px){.st-cover-copy,.st-chapter-grid,.st-text-grid,.st-split-grid,.st-sticky-grid,.st-sys-spec,.st-ba-notes{grid-template-columns:1fr}.st-cover-copy{gap:2rem}.st-cover-media{width:100%;max-width:42rem}.st-split-grid.is-left .st-split-copy{order:0}.st-sticky-side{position:static}.st-wall{columns:2}.st-wall.is-grid,.st-stats,.st-cards,.st-tests{grid-template-columns:1fr 1fr}.st-phones{flex-wrap:wrap}.st-phone{flex-basis:40%}.st-phone:nth-child(2n){margin-top:0}.st-k-rail{padding-block:4rem;height:auto!important}.st-rail-pin{height:auto;padding:0;position:static}.st-rail-track{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;width:100%;padding-inline:1.25rem;display:grid;transform:none!important}.st-rail-item{min-width:0}.st-rail-item img,.st-rail-item video{width:100%;max-width:100%;height:auto}.st-rail-track.is-rows{grid-template-rows:none;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row}}@media (width<=560px){.st-b{padding-block:3.5rem}.st-k-cover{padding-top:3rem;padding-bottom:4.5rem}.st-k-rail{padding-block:3.5rem}.st-wall{columns:1}.st-wall.is-grid,.st-cards,.st-tests,.st-rail-track{grid-template-columns:1fr}.st-rail-track:has(.sp-phone){grid-template-columns:1fr 1fr}.st-stats{gap:1.5rem}.st-meta{grid-template-columns:1fr 1fr;gap:1rem}.st-back{bottom:max(.75rem,env(safe-area-inset-bottom))}.st-phone{flex-basis:44%}.st-laptop-base{margin-inline:-2%}.st-flips,.n-2 .st-collage{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.st,.st *{transition-duration:0s!important;animation:none!important}.st [data-rv]{opacity:1;translate:none}.st-word{opacity:1}.st-k-rail{padding-block:4rem;height:auto!important}.st-rail-pin{height:auto;padding:0;position:static}.st-rail-track{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;width:100%;display:grid;transform:none!important}.st-rail-item{min-width:0}.st-rail-item img,.st-rail-item video{width:100%;max-width:100%;height:auto}.st-rail-track.is-rows{grid-template-rows:none;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row}}@media (width<=560px) and (prefers-reduced-motion:reduce){.st-rail-track{grid-template-columns:1fr}}