@font-face{font-family:Playfair Variable;font-style:italic;font-display:swap;font-weight:300 900;src:url(/_astro/playfair-cyrillic-ext-opsz-italic.B3DWZE0j.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:Playfair Variable;font-style:italic;font-display:swap;font-weight:300 900;src:url(/_astro/playfair-cyrillic-opsz-italic.CJ_2cn5T.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Playfair Variable;font-style:italic;font-display:swap;font-weight:300 900;src:url(/_astro/playfair-vietnamese-opsz-italic.B1GoB77A.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:Playfair Variable;font-style:italic;font-display:swap;font-weight:300 900;src:url(/_astro/playfair-latin-ext-opsz-italic.Bh3-7_gz.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:Playfair Variable;font-style:italic;font-display:swap;font-weight:300 900;src:url(/_astro/playfair-latin-opsz-italic.BdgELf1V.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}:root{color-scheme:light;--space-3xs:2px;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--space-3xl:96px;--space-4xl:144px;--text-xs:.8125rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.25rem;--text-xl:1.5625rem;--text-2xl:1.953rem;--text-3xl:2.441rem;--text-display-s:clamp(2.25rem, 4vw + .5rem, 3.75rem);--text-display:clamp(2.75rem, 5vw + 1rem, 5.25rem);--text-section:clamp(2rem, 2.5vw + 1rem, 3.5rem);--text-title:clamp(1.25rem, .75vw + .875rem, 1.625rem);--text-lead:clamp(1.125rem, .35vw + 1rem, 1.375rem);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s;--color-error:oklch(52% .19 27);--color-success:oklch(50% .12 150);--container:1440px;--gutter:64px;--gap-columns:32px;--section-gap-s:120px;--section-gap:144px;--section-gap-l:176px;--z-base:1;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-sticky-nav:300;--z-modal:400;--z-toast:500;--z-tooltip:600;--color-paper:oklch(96.5% .016 82);--color-paper-2:oklch(93.5% .02 80);--color-paper-3:oklch(89% .024 78);--color-ink:oklch(17% .012 60);--color-ink-2:oklch(28% .014 60);--color-muted:oklch(49% .014 65);--color-rule:oklch(80% .018 75);--color-rule-2:oklch(66% .02 72);--color-accent:oklch(40% .12 15);--color-accent-hover:oklch(33% .105 15);--color-accent-ink:oklch(97% .012 82);--color-focus:oklch(44% .18 15);--color-guide:oklch(45% .12 15/.45);--color-on-ink:oklch(94% .016 82);--color-on-ink-2:oklch(78% .016 78);--color-rule-on-ink:oklch(38% .012 60);--font-display:"Playfair Variable", "Playfair", Georgia, serif;--font-body:"Geist Variable", "Geist", system-ui, sans-serif;--font-outlier:var(--font-body);--radius-card:0;--radius-pill:0;--rule-hair:1px;--shadow-card:none;--tracking-display:-.02em;--display-weight:400;--display-optical:72}*,:before,:after{box-sizing:border-box}html{scrollbar-color:var(--color-muted) var(--color-paper);scroll-padding-top:var(--space-3xl)}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-md);-webkit-font-smoothing:antialiased;caret-color:var(--color-accent);margin:0;line-height:1.55}::selection{background:color-mix(in oklab, var(--color-accent) 22%, transparent);color:var(--color-ink)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}a{color:inherit;text-underline-offset:.16em;text-decoration-thickness:1px}h1,h2,h3{font-family:var(--font-display);font-weight:var(--display-weight,700);font-synthesis:none;letter-spacing:var(--tracking-display);overflow-wrap:break-word;text-wrap:balance;min-width:0;margin:0;line-height:1.05}h1{max-width:20ch;font-size:var(--text-display)}h2{max-width:30ch;font-size:var(--text-section)}h3{max-width:40ch;font-size:var(--text-title);line-height:1.2}.lead{font-size:var(--text-lead);max-width:52ch;line-height:1.45}p{text-wrap:pretty;margin:0}p:not([class]){max-width:65ch}img,video{max-width:100%;height:auto;display:block}svg{display:block}[hidden]{display:none!important}button,input,select,textarea{font:inherit}.container{width:100%;max-width:var(--container);padding-inline:var(--gutter);box-sizing:border-box;margin-inline:auto}.num,.figure,td.num{font-variant-numeric:tabular-nums}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[data-slot]{background:linear-gradient(160deg, var(--color-paper-2,var(--color-paper)), var(--color-paper-3,var(--color-paper)));position:relative;overflow:hidden}[data-slot]>img{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}[data-slot]:has(>img)>:not(img):not([data-keep]){display:none!important}@media (width<=60rem){:root{--gutter:24px;--section-gap-s:80px;--section-gap:96px;--section-gap-l:120px}}@media (width<=40rem){:root{--gutter:16px;--section-gap-s:56px;--section-gap:72px;--section-gap-l:96px;--gap-columns:16px}}@media (prefers-reduced-motion:reduce){:not(.keep-motion),:not(.keep-motion):before,:not(.keep-motion):after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}[data-slot]:has(>img){background:var(--color-paper-2);outline:1px solid color-mix(in oklab, var(--color-ink) 8%, transparent);outline-offset:-1px}:root{--bar-height:64px;--text-hero:clamp(2.75rem, 5.6vw, 5.75rem);--text-section:clamp(2.25rem, 2.6vw + 1rem, 3.5rem);--text-item:clamp(1.75rem, 1.6vw + 1rem, 2.625rem);--text-body:1.0625rem;--color-powder:oklch(94.8% .014 40);--color-powder-rule:oklch(85% .02 35)}html,body{overflow-x:clip}body{font-size:var(--text-body);font-kerning:normal;line-height:1.55}h1,h2{font-variation-settings:"opsz" var(--display-optical);line-height:1.02}h3{font-family:var(--font-display);letter-spacing:-.01em;font-optical-sizing:auto;font-weight:400;line-height:1.1}.num.num{font-variant-numeric:lining-nums tabular-nums}.hang{margin-left:-.45em}.btn{justify-content:center;align-items:center;gap:var(--space-xs);min-height:52px;padding:0 var(--space-lg);border:var(--rule-hair) solid var(--color-ink);color:var(--color-ink);font:500 var(--text-md)/1 var(--font-body);white-space:nowrap;cursor:pointer;transition:background-color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out);background:0 0;border-radius:0;text-decoration:none;display:inline-flex}.btn:hover{background:var(--color-ink);color:var(--color-paper)}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;transform:none}.btn[aria-busy=true]{cursor:progress}.btn--primary{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-ink)}.btn--primary:hover{border-color:var(--color-accent-hover);background:var(--color-accent-hover);color:var(--color-accent-ink)}.btn--small{min-height:44px;padding:0 var(--space-md);font-size:var(--text-sm)}.link{color:var(--color-ink);text-decoration:underline;text-decoration-color:var(--color-accent);text-underline-offset:.2em;transition:color var(--dur-short) var(--ease-out);text-decoration-thickness:1px}.link:hover{color:var(--color-accent);text-decoration-thickness:2px}.link:active{color:var(--color-ink-2)}.link:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.skip{left:var(--space-md);top:calc(-1 * var(--space-3xl));z-index:var(--z-toast);padding:var(--space-xs) var(--space-md);background:var(--color-ink);color:var(--color-paper);position:absolute}.skip:focus-visible{top:var(--space-md)}.bar{z-index:var(--z-sticky-nav);background:var(--color-paper);border-bottom:var(--rule-hair) solid var(--color-rule);transition:transform var(--dur-long) var(--ease-out);position:sticky;top:0}.bar.is-away{transform:translateY(-100%)}.bar__inner{justify-content:space-between;align-items:center;gap:var(--space-lg);min-height:var(--bar-height);display:flex}.bar__end{align-items:center;gap:var(--space-xl);display:flex}.bar__links{gap:var(--space-lg);margin:0;padding:0;list-style:none;display:flex}.bar__links a{font-size:var(--text-sm);color:var(--color-ink-2);white-space:nowrap;transition:color var(--dur-short) var(--ease-out);text-decoration:none}.bar__links a:hover{color:var(--color-ink);text-decoration:underline;text-decoration-color:var(--color-accent);text-underline-offset:.3em}.bar__links a:active{color:var(--color-accent)}.bar__links a:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}.lang{padding:0 0 0 var(--space-md);border-left:var(--rule-hair) solid var(--color-rule);align-items:center;margin:0;list-style:none;display:flex}.lang a{min-width:2.5rem;min-height:44px;font-size:var(--text-xs);color:var(--color-muted);transition:color var(--dur-short) var(--ease-out);justify-content:center;align-items:center;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.lang a:after{content:"";background:var(--color-accent);width:16px;height:1px;transition:transform var(--dur-short) var(--ease-out);position:absolute;bottom:8px;left:calc(50% - 8px);transform:scaleX(0)}.lang a:hover{color:var(--color-ink)}.lang a:hover:after{transform:scaleX(.5)}.lang a:active{color:var(--color-accent)}.lang a:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.lang a[aria-current=page]{color:var(--color-ink)}.lang a[aria-current=page]:after{transform:none}.wordmark{align-items:center;gap:var(--space-sm);color:var(--color-ink);text-decoration:none;display:inline-flex}.wordmark img{flex-shrink:0;width:40px;height:auto}.wordmark span{font:400 var(--text-lg)/1 var(--font-display);letter-spacing:-.005em;white-space:nowrap}.wordmark:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}.hero{min-height:calc(100svh - var(--bar-height));padding-block:var(--space-xl);align-items:center;display:grid}.hero__grid{column-gap:var(--gap-columns);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;display:grid}.hero__text{gap:var(--space-lg);grid-column:1/7;justify-items:start;display:grid}.hero h1{max-width:none;font-size:var(--text-hero)}.hero h1 span{display:block}.hero h1 .h1-second{margin-top:var(--space-xs);font-size:var(--text-section);line-height:1.05}.hero .lead{max-width:30ch;color:var(--color-ink)}.hero__actions{align-items:center;gap:var(--space-md) var(--space-lg);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.hero__actions .price__old{margin-left:calc(-1 * var(--space-xs));font-size:var(--text-lg)}.hero__portrait{gap:var(--space-sm);grid-column:7/13;margin:0;display:grid}.hero__portrait figcaption{font-size:var(--text-sm);color:var(--color-ink-2)}.hero__frame{background:var(--color-paper-2);height:calc(100svh - var(--bar-height) - var(--space-xl) * 2 - 2.5rem);min-height:440px;max-height:820px;position:relative;overflow:hidden}.hero__frame img,.author__photo img{object-fit:cover;outline:1px solid color-mix(in oklab, var(--color-ink) 8%, transparent);outline-offset:-1px;width:100%;height:100%}.hero__frame img{object-position:50% 20%}.price{align-items:baseline;gap:var(--space-2xs) var(--space-md);flex-wrap:wrap;display:flex}.price__now{font:400 var(--text-3xl)/1 var(--font-display);font-variation-settings:"opsz" 72;letter-spacing:-.02em;color:var(--color-accent)}.price__old{color:var(--color-ink-2);text-decoration-thickness:1px}.price__old:before{content:"старая цена ";clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:lang(en) .price__old:before{content:"was "}:lang(uk) .price__old:before{content:"стара ціна "}.head-split{column-gap:var(--gap-columns);margin-bottom:var(--space-2xl);grid-template-columns:repeat(12,minmax(0,1fr));align-items:baseline;display:grid}.head-split h2{text-wrap:balance;grid-column:1/7;max-width:20ch}.head-split .lead{color:var(--color-ink-2);text-wrap:pretty;grid-column:7/13;max-width:36ch}.inside{padding-block:var(--section-gap) var(--section-gap-s)}.pinned{column-gap:var(--gap-columns);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.pinned__stage{top:calc(var(--bar-height) + var(--space-xl));height:calc(100svh - var(--bar-height) - var(--space-xl) * 2);grid-column:1/7;align-self:start;position:sticky}.pinned__frame{aspect-ratio:1406/1988;background:var(--color-paper-2);max-width:100%;height:100%;transition:opacity var(--dur-short) var(--ease-out);margin:0;position:absolute;inset:0 auto 0 0}.pinned__frame:first-child{z-index:1}.pinned.is-live .pinned__frame{opacity:0}.pinned.is-live .pinned__frame.is-on{opacity:1;z-index:2}.pinned__frame img,.skill__page img{object-fit:cover;outline:1px solid var(--color-rule);outline-offset:-1px;width:100%;height:100%}.skills{grid-column:7/13;margin:0;padding:0;list-style:none}.skill{align-content:start;gap:var(--space-md);min-height:62svh;padding-top:var(--space-2xl);border-top:var(--rule-hair) solid var(--color-rule);display:grid}.skill:last-child{border-bottom:var(--rule-hair) solid var(--color-rule)}.skill h3{font-size:var(--text-item);max-width:16ch}.skill p{font-size:var(--text-lead);color:var(--color-ink-2);max-width:30ch;line-height:1.45}.skill__page{margin:0;display:none}:root{--swatch-marble:oklch(90% .03 350);--swatch-gold:oklch(78% .12 85);--swatch-red:oklch(52% .2 27);--swatch-chrome-hi:oklch(94% .004 250);--swatch-chrome-lo:oklch(58% .008 250);--swatch-nude:oklch(88% .03 50);--swatch-milk:oklch(97.5% .005 90);--swatch-dark:oklch(22% .03 210);--swatch-glitter:oklch(72% .13 165);--swatch-lilac:oklch(70% .13 310);--tip-gloss:color-mix(in oklab, var(--color-paper) 75%, transparent)}.works{padding-block:var(--section-gap-s) var(--section-gap)}.palette{column-gap:var(--gap-columns);grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.palette__head{margin-bottom:var(--space-2xl);grid-area:1/1/auto/7}.palette__head h2{text-wrap:balance;max-width:20ch}.palette__head .lead{margin-top:var(--space-md);max-width:36ch;color:var(--color-ink-2)}.palette__stage{aspect-ratio:4/5;background:var(--color-paper-2);grid-area:2/1/4/6;position:relative;overflow:hidden}.palette__frame{opacity:0;transition:opacity var(--dur-long) var(--ease-out);margin:0;position:absolute;inset:0}.palette__frame.is-on{opacity:1;z-index:1}.palette__frame img{object-fit:cover;outline:1px solid color-mix(in oklab, var(--color-ink) 8%, transparent);outline-offset:-1px;width:100%;height:100%;transition:transform 1.2s var(--ease-out);display:block;transform:scale(1.04)}.palette__frame.is-on img{transform:none}.palette__caption{align-content:start;gap:var(--space-sm);grid-area:2/7/auto/13;min-height:2lh;display:grid}.palette__now{font:italic 400 var(--text-3xl)/1.1 var(--font-display);color:var(--color-ink);overflow-wrap:break-word;text-wrap:balance;min-width:0}.palette__line{font-size:var(--text-lead);color:var(--color-ink-2)}.palette__list{margin:var(--space-2xl) 0 0;border-top:var(--rule-hair) solid var(--color-rule);grid-area:3/7/auto/13;align-self:start;padding:0;list-style:none}.palette__list li{border-bottom:var(--rule-hair) solid var(--color-rule)}.palette__pick{align-items:center;gap:var(--space-lg);width:100%;min-height:52px;padding:var(--space-2xs) 0;color:var(--color-ink-2);font:400 var(--text-title)/1.2 var(--font-display);text-align:left;cursor:pointer;transition:color var(--dur-short) var(--ease-out);background:0 0;border:0;display:flex}.palette__pick:hover{color:var(--color-ink)}.palette__pick:hover .tip{transform:translate(4px)}.palette__pick:active{color:var(--color-accent-hover)}.palette__pick:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.palette__pick[aria-pressed=true]{color:var(--color-accent)}.palette__pick[aria-pressed=true] .tip{transform:translate(10px)}.tip{background-image:linear-gradient(100deg, transparent 24%, var(--tip-gloss) 36%, transparent 48%);outline:1px solid color-mix(in oklab, var(--color-ink) 18%, transparent);outline-offset:-1px;width:22px;height:44px;box-shadow:0 2px 4px color-mix(in oklab, var(--color-ink) 16%, transparent);transition:transform var(--dur-short) var(--ease-out);border-radius:50% 50% 46% 46%/62% 62% 38% 38%;flex-shrink:0}.tip--marble{background-image:linear-gradient(100deg, transparent 24%, var(--tip-gloss) 36%, transparent 48%), radial-gradient(circle at 62% 60%, var(--swatch-gold) 0 2px, transparent 2.5px), radial-gradient(circle at 34% 34%, var(--swatch-gold) 0 1.5px, transparent 2px);background-color:var(--swatch-marble)}.tip--red{background-color:var(--swatch-red)}.tip--chrome,.tip--silver{background-image:linear-gradient(160deg, var(--swatch-chrome-hi) 8%, var(--swatch-chrome-lo) 48%, var(--swatch-chrome-hi) 70%, var(--swatch-chrome-lo) 96%)}.tip--confetti{background-image:linear-gradient(100deg, transparent 24%, var(--tip-gloss) 36%, transparent 48%), radial-gradient(circle at 30% 28%, var(--color-ink) 0 1.3px, transparent 1.8px), radial-gradient(circle at 66% 42%, var(--color-ink) 0 1px, transparent 1.5px), radial-gradient(circle at 42% 58%, var(--color-ink) 0 1.4px, transparent 1.9px), radial-gradient(circle at 70% 74%, var(--color-ink) 0 1.1px, transparent 1.6px), radial-gradient(circle at 28% 80%, var(--color-ink) 0 .9px, transparent 1.4px);background-color:var(--swatch-nude)}.tip--milk{background-color:var(--swatch-milk)}.tip--dark{background-image:linear-gradient(100deg, transparent 24%, var(--tip-gloss) 36%, transparent 48%), radial-gradient(circle at 32% 22%, var(--swatch-glitter) 0 1px, transparent 1.5px), radial-gradient(circle at 64% 36%, var(--swatch-glitter) 0 1.2px, transparent 1.7px), radial-gradient(circle at 40% 52%, var(--swatch-glitter) 0 .9px, transparent 1.4px), radial-gradient(circle at 68% 64%, var(--swatch-glitter) 0 1px, transparent 1.5px), radial-gradient(circle at 30% 72%, var(--swatch-glitter) 0 1.2px, transparent 1.7px), radial-gradient(circle at 56% 84%, var(--swatch-glitter) 0 .9px, transparent 1.4px), radial-gradient(circle at 50% 30%, var(--swatch-glitter) 0 .8px, transparent 1.3px);background-color:var(--swatch-dark);color:var(--color-paper)}.tip--lilac{background-image:linear-gradient(100deg, transparent 24%, var(--tip-gloss) 36%, transparent 48%), linear-gradient(90deg, transparent 42%, var(--swatch-lilac) 42% 58%, transparent 58%);background-position:0 0,0 60%;background-repeat:no-repeat;background-size:auto,100% 70%;background-color:var(--swatch-milk)}.audience{padding-block:var(--section-gap-s);background:var(--color-powder);color:var(--color-ink)}.audience__grid{column-gap:var(--gap-columns);row-gap:var(--space-2xl);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.audience h2{grid-column:1/9}.audience__col{gap:var(--space-md);padding-top:var(--space-lg);border-top:var(--rule-hair) solid var(--color-powder-rule);grid-column:span 6;align-content:start;display:grid}.audience__col h3{font-size:var(--text-item)}.audience__col p{font-size:var(--text-lead);color:var(--color-ink-2);max-width:40ch;line-height:1.5}.audience__note{color:var(--color-ink-2);grid-column:1/13}.contents{padding-block:var(--section-gap) var(--section-gap-s)}.toc{counter-reset:mod;columns:2;column-gap:var(--gap-columns);border-top:3px double var(--color-rule-2);margin:0;padding:0;list-style:none}.toc li{counter-increment:mod;break-inside:avoid;align-items:baseline;gap:var(--space-md);padding-block:var(--space-md);border-bottom:var(--rule-hair) solid var(--color-rule);grid-template-columns:3rem minmax(0,1fr) auto;display:grid}.toc li:before{content:counter(mod, decimal-leading-zero);font:400 var(--text-lg)/1 var(--font-display);font-variant-numeric:lining-nums tabular-nums;color:var(--color-accent)}.toc__name{font:400 var(--text-title)/1.2 var(--font-display);color:var(--color-ink)}.toc__page{font-size:var(--text-sm);color:var(--color-ink-2);white-space:nowrap}.toc .toc__lead .toc__name{color:var(--color-accent)}.author{padding-block:var(--section-gap-s) var(--section-gap)}.author__grid{column-gap:var(--gap-columns);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;display:grid}.author__photo{aspect-ratio:4/5;background:var(--color-paper-2);grid-column:1/6;margin:0;overflow:hidden}.author__photo img{object-position:45% 30%}.author__text{gap:var(--space-xl);grid-column:7/13;justify-items:start;display:grid}.author__story{gap:var(--space-md);display:grid}.author__story p{font-size:var(--text-lead);color:var(--color-ink-2);max-width:46ch;line-height:1.55}.facts{grid-template-columns:repeat(2,minmax(0,max-content));margin:0;display:grid}.facts>div{padding-inline:var(--space-xl);border-left:var(--rule-hair) solid var(--color-rule)}.facts>div:first-child{border-left:0;padding-left:0}.facts dt{font:400 var(--text-display-s)/1 var(--font-display);font-variation-settings:"opsz" 72;letter-spacing:-.02em;color:var(--color-ink)}.facts dd{margin:var(--space-xs) 0 0;color:var(--color-ink-2)}.author__quote{padding-top:var(--space-lg);border-top:var(--rule-hair) solid var(--color-accent);margin:0}.author__quote p{font:italic 400 var(--text-2xl)/1.25 var(--font-display);color:var(--color-ink);text-wrap:balance;max-width:28ch}.buy{padding-block:var(--section-gap) var(--section-gap)}.buy__grid{column-gap:var(--gap-columns);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;display:grid}.buy__cover{margin-top:var(--space-sm);grid-column:1/6;margin:0}.buy__cover img{outline:1px solid var(--color-rule);outline-offset:-1px;width:100%;height:auto}.buy__body{gap:var(--space-xl);grid-column:7/13;display:grid}.price--buy .price__now{font-size:var(--text-hero);font-variant-numeric:lining-nums tabular-nums}.price--buy .price__old{font-size:var(--text-xl);font-variant-numeric:lining-nums tabular-nums}.buy__facts{border-top:var(--rule-hair) solid var(--color-ink);margin:0}.buy__facts>div{align-items:baseline;gap:var(--space-md);padding-block:var(--space-sm);border-bottom:var(--rule-hair) solid var(--color-rule);grid-template-columns:7rem minmax(0,1fr);display:grid}.buy__facts dt{font-size:var(--text-sm);color:var(--color-ink-2)}.buy__facts dd{color:var(--color-ink);margin:0}.buy__cert{gap:var(--space-xs);padding:var(--space-lg);background:var(--color-paper-2);display:grid}.buy__cert h3{font-size:var(--text-xl)}.buy__cert p{color:var(--color-ink-2);max-width:44ch}.order{gap:var(--space-lg);display:grid}.seg{gap:var(--space-xs);border:0;flex-wrap:wrap;margin:0;padding:0;display:flex}.seg legend{width:100%;margin-bottom:var(--space-xs);font-size:var(--text-sm);color:var(--color-ink-2);padding:0}.seg input{opacity:0;width:1px;height:1px;position:absolute}.seg label{min-height:44px;padding:0 var(--space-md);border:var(--rule-hair) solid var(--color-muted);background:var(--color-paper);color:var(--color-ink);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--dur-short) var(--ease-out), box-shadow var(--dur-short) var(--ease-out);align-items:center;display:inline-flex}.seg label:hover{border-color:var(--color-ink)}.seg input:checked+label{border-color:var(--color-ink);box-shadow:inset 0 -2px 0 var(--color-ink)}.seg input:focus-visible+label{outline:2px solid var(--color-focus);outline-offset:2px}.seg input:active+label{background:var(--color-paper-2)}.seg input:disabled+label{opacity:.55;cursor:not-allowed}.order__row{gap:var(--space-xs);grid-template-columns:minmax(0,1fr) auto;align-items:end;display:grid}.field{gap:var(--space-xs);display:grid}.field label{font-size:var(--text-sm);color:var(--color-ink-2)}.field input{min-height:52px;padding:0 var(--space-md);border:var(--rule-hair) solid var(--color-muted);background:var(--color-paper);color:var(--color-ink);outline-offset:-3px;border-radius:0;outline:2px solid #0000}.field input:hover{border-color:var(--color-ink-2)}.field input:focus-visible{outline-color:var(--color-focus)}.field input[aria-invalid]{border-color:var(--color-error)}.field input:disabled{opacity:.55;cursor:not-allowed}.order__help{min-height:1lh;font-size:var(--text-sm);color:var(--color-ink-2)}.faq{padding-block:var(--section-gap-s) var(--section-gap);border-top:var(--rule-hair) solid var(--color-rule)}.faq__grid{column-gap:var(--gap-columns);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.faq h2{grid-column:1/5;align-self:start}.faq__list{border-top:var(--rule-hair) solid var(--color-ink);grid-column:5/13}.faq details{border-bottom:var(--rule-hair) solid var(--color-rule)}.faq summary{padding:var(--space-lg) var(--space-2xl) var(--space-lg) 0;font:400 var(--text-title)/1.25 var(--font-display);color:var(--color-ink);cursor:pointer;transition:color var(--dur-short) var(--ease-out);list-style:none;display:block;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";right:var(--space-xs);top:var(--space-lg);font:400 var(--text-xl)/1 var(--font-body);color:var(--color-ink-2);transition:transform var(--dur-short) var(--ease-out);position:absolute}.faq details[open] summary:after{transform:rotate(45deg)}.faq summary:hover{color:var(--color-accent)}.faq summary:active{color:var(--color-ink-2)}.faq summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.faq details[open] summary{color:var(--color-accent)}.faq details p{padding-bottom:var(--space-lg);max-width:60ch;color:var(--color-ink-2)}.colophon{padding-block:var(--space-3xl) var(--space-2xl);background:var(--color-paper-2)}.colophon__grid{column-gap:var(--gap-columns);row-gap:var(--space-xl);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;display:grid}.wordmark--foot{grid-column:1/5}.colophon__text{font-size:var(--text-lead);color:var(--color-ink);grid-column:5/13;max-width:58ch;line-height:1.55}.colophon__legal{padding-top:var(--space-lg);border-top:var(--rule-hair) solid var(--color-rule);font-size:var(--text-sm);color:var(--color-ink-2);grid-column:5/13;max-width:none}.lost{align-content:center;justify-items:start;gap:var(--space-xl);min-height:100svh;padding-block:var(--space-2xl);display:grid}.lost h1{font-size:var(--text-display)}.lost__links{gap:var(--space-md) var(--space-xl);font-size:var(--text-lead);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}@media (width<=60rem){.bar__links{display:none}.wordmark span{font-size:var(--text-md)}.bar__end{gap:var(--space-sm)}.lang{padding-left:var(--space-2xs);border-left:0}.lang a{min-width:2.25rem}.hero{min-height:0;padding-block:var(--space-lg) var(--space-2xl)}.hero__grid{row-gap:var(--space-xl)}.hero__text,.hero__portrait{grid-column:1/-1}.hero__frame{aspect-ratio:4/5;height:auto;min-height:0}.head-split h2,.head-split .lead{grid-column:1/-1}.head-split .lead{margin-top:var(--space-md)}.pinned{display:block}.pinned__stage{display:none}.skill{min-height:0;padding-block:var(--space-xl)}.skill__page{aspect-ratio:1406/1988;width:min(100%,420px);display:block}.palette{grid-template-rows:none}.palette__head,.palette__stage,.palette__caption,.palette__list{grid-area:auto/1/auto/-1}.palette__caption{margin-top:var(--space-md)}.palette__now{font-size:var(--text-2xl)}.palette__line{font-size:var(--text-md)}.tip{width:20px;height:40px}.palette__list{margin-top:var(--space-lg);border-bottom:var(--rule-hair) solid var(--color-rule);grid-template-columns:repeat(8,minmax(0,1fr));display:grid}.palette__list li{border-bottom:0}.palette__pick{justify-content:center;min-height:64px;padding:0}.palette__pick[aria-pressed=true] .tip,.palette__pick:hover .tip{transform:translateY(-6px)}.palette__name{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.audience h2,.audience__col,.audience__note{grid-column:1/-1}.audience__grid{row-gap:var(--space-xl)}.toc{columns:1}.author__grid,.buy__grid{row-gap:var(--space-xl)}.author__photo,.author__text,.buy__cover,.buy__body{grid-column:1/-1}.buy__cover{width:min(80%,360px)}.faq h2,.faq__list{grid-column:1/-1}.faq h2{margin-bottom:var(--space-xl)}.wordmark--foot,.colophon__text,.colophon__legal{grid-column:1/-1}}@media (width<=40rem){.order__row{grid-template-columns:minmax(0,1fr)}.facts{grid-template-columns:repeat(2,minmax(0,1fr))}.facts>div{padding-inline:var(--space-lg) 0}.seg{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.seg label{justify-content:center}.toc li{grid-template-columns:2.25rem minmax(0,1fr) auto}}@media (width<=30rem){.bar .wordmark span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (prefers-reduced-motion:reduce){.bar,.pinned__frame,.palette__frame,.palette__frame img,.tip,.lang a,.lang a:after{transition:none}.palette__frame img{transform:none}}