body:has(.dt4){--dt-field: #222713;--dt-field-2: #141c0b;--dt-green: #8cc63e;--dt-wood-1: #c29164;--dt-wood-2: #ae8a4e;--dt-wood-3: #866739;--dt-wood-4: #715b47;--dt-hollow: #140b00;--dt-paper: #e2e4e1;--dt-glow: rgb(194 145 100 / .38);--ls-label: .04em}body:has(.dt4) .crumbs{max-width:none;padding-inline:0;background:var(--dt-field);color:#ffffffc7}body:has(.dt4) .crumbs ol{max-width:calc(var(--col) + 2 * var(--gut));min-height:40px;margin:0 auto;padding:var(--s4) var(--gut) var(--s3)}body:has(.dt4) .crumbs [aria-current]{color:var(--on-dark)}body:has(.dt4) .crumbs li+li:before{color:#ffffff4d}@media(hover:hover){body:has(.dt4) .crumbs a:hover{color:var(--on-dark)}}.dt4-hero{--dt4-top: calc(var(--hdr) + 1px + 60px);position:relative;display:flex;flex-direction:column;overflow:hidden;color:var(--on-dark);min-height:calc(100svh - var(--dt4-top) - var(--bar) - var(--safe-b));background:radial-gradient(80% 50% at 60% 96%,var(--dt-glow),transparent 64%),repeating-linear-gradient(-24deg,transparent 0 54px,rgb(255 255 255 / .035) 54px 56px),var(--dt-field)}.dt4-hero:after{content:"";position:absolute;inset:auto 0 0;z-index:5;height:4px;background:var(--dt-green)}.dt4-hero__in{position:relative;z-index:3;display:grid;gap:var(--s4);justify-items:start;align-content:start;padding-block:var(--s5) 0}.dt4-tag{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3);font:var(--w-sub) var(--t-micro)/1 var(--font);letter-spacing:var(--ls-label);text-transform:uppercase}.dt4-tag>span:first-child{padding:var(--s2) var(--s3);border:1px solid rgb(255 255 255 / .4);border-radius:var(--r-pill);color:#ffffffd9}.dt4-tag__m{color:#ffffffb3}.dt4-h{margin-top:var(--s1);font:var(--w-head) clamp(56px,16vw,72px)/.9 var(--font);letter-spacing:var(--ls-caps);text-transform:uppercase;text-wrap:balance}.dt4-say{display:flex;flex-wrap:wrap;column-gap:var(--s5);row-gap:var(--s1);margin-top:var(--s2);font:var(--w-head) clamp(26px,6.9vw,40px)/var(--lh-caps) var(--font);letter-spacing:var(--ls-caps);text-transform:uppercase;color:#ffffffc7}.dt4-say__i{flex:0 0 100%;white-space:nowrap}.dt4-say b{font-weight:inherit;color:var(--dt-green);font-variant-numeric:proportional-nums;letter-spacing:0;margin-right:.22em}.dt4-lead{display:none}.dt4-dom{position:relative;display:inline-flex;align-items:center;gap:.3em;margin-top:var(--s3);padding-bottom:var(--s2);font:var(--w-strong) var(--t-small)/1.2 var(--font);color:var(--on-dark);text-decoration:none;background:linear-gradient(90deg,var(--dt-green),var(--dt-green)) bottom / 100% 2px no-repeat;transition:background-size var(--dur)}.dt4-dom:before{content:"";position:absolute;inset:calc(-1 * var(--s3)) calc(-1 * var(--s2))}@media(hover:hover){.dt4-dom:hover{color:var(--on-dark);background-size:100% 4px}}.dt4-dom:active{translate:0 1px}.dt4-dom:focus-visible{outline:2px solid var(--dt-green);outline-offset:4px;border-radius:4px}.dt4-scene{position:relative;z-index:2;flex:1;min-height:216px;margin-top:var(--s4)}.dt4-scene .dt4-ph{position:absolute;--ph-w: clamp(120px, calc((100svh - 560px) / 1.45), 156px);--rx: 48deg;--ry: 0deg;bottom:12px}.dt4-ph .p3__scr{padding-top:calc(var(--ph-w) * .12);background:var(--dt-paper)}.dt4-ph--kat{left:4%;rotate:-10deg;z-index:1}.dt4-ph--glav{right:4%;rotate:8deg;z-index:2}.dt4-c1{stop-color:var(--dt-wood-1)}.dt4-c2{stop-color:var(--dt-wood-2)}.dt4-c3{stop-color:var(--dt-wood-3)}.dt4-c4{stop-color:var(--dt-wood-4)}.dt4-tor{fill:var(--dt-wood-3)}.dt4-hol{fill:var(--dt-hollow)}.dt4-board{position:absolute;z-index:0;left:4%;bottom:0;width:92%;height:auto;rotate:-4deg;overflow:visible;filter:drop-shadow(0 0 32px var(--dt-glow))}@media(prefers-reduced-motion:no-preference){.dt4-hero__in>*{animation:dt4-up .4s var(--ease) backwards}.dt4-hero__in>:nth-child(2){animation-delay:.04s}.dt4-hero__in>:nth-child(3){animation-delay:.08s}.dt4-hero__in>:nth-child(4){animation-delay:.12s}.dt4-hero__in>:nth-child(5){animation-delay:.16s}.dt4-ph .p3__dev{animation:dt4-up .4s .12s var(--ease) backwards}.dt4-ph--kat .p3__dev{animation-delay:.2s}.dt4-bd{animation:dt4-land .5s .3s var(--ease) backwards}@supports (animation-timeline: scroll()){.dt4-ph--glav,.dt4-ph--kat,.dt4-board{animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll(root);animation-range:0 100vh}.dt4-ph--glav{animation-name:dt4-par-a}.dt4-ph--kat{animation-name:dt4-par-b}.dt4-board{animation-name:dt4-par-c}}}@keyframes dt4-up{0%{opacity:0;translate:0 40px}}@keyframes dt4-land{0%{opacity:0;translate:0 70px}}@keyframes dt4-par-a{to{translate:0 -110px}}@keyframes dt4-par-b{to{translate:0 -50px}}@keyframes dt4-par-c{to{translate:0 -170px;rotate:0deg}}@media(max-height:720px)and (max-width:899px){.dt4-h{font-size:clamp(44px,13vw,56px)}.dt4-say{font-size:clamp(24px,6.4vw,32px)}.dt4-scene{min-height:170px}.dt4-scene .dt4-ph{--ph-w: 98px}.dt4-board{width:84%}}@media(min-width:760px){.dt4-lead{display:block;max-width:30em;margin-top:var(--s2);font-size:var(--t-body);line-height:var(--lh-text);color:#ffffffe0;text-wrap:pretty}}@media(min-width:900px){.dt4-hero{min-height:clamp(600px,calc(100svh - var(--dt4-top)),880px)}.dt4-hero__in{flex:1;align-content:center;gap:var(--s5);padding-block:var(--s6) var(--s8)}.dt4-hero__in>*{max-width:46%}.dt4-h{font-size:clamp(52px,5.2vw,76px);line-height:.92}.dt4-dom{font-size:var(--t-body)}.dt4-scene{position:absolute;top:var(--s5);bottom:112px;left:50%;right:calc(max(var(--gut),calc((100% - var(--col)) / 2)) + var(--s4));flex:none;min-height:0;margin:0;container-type:size}.dt4-scene .dt4-ph{--rx: 6deg;bottom:auto}.dt4-scene .dt4-ph--kat{--ph-w: min(42cqw, 40cqh);--ry: 24deg;left:0;top:2%;rotate:-6deg}.dt4-scene .dt4-ph--glav{--ph-w: min(46cqw, 44cqh);--ry: -24deg;inset:auto 0 0 auto;rotate:5deg}.dt4-board{left:0;bottom:0;width:min(96cqw,140cqh);rotate:-4deg}@keyframes dt4-par-a{to{translate:0 -60px}}@keyframes dt4-par-b{to{translate:0 -30px}}@keyframes dt4-par-c{to{translate:0 -80px;rotate:-2deg}}}@media(min-width:600px)and (max-width:899px){.dt4-scene{width:min(100%,600px);margin-inline:auto}.dt4-scene .dt4-ph{--ph-w: clamp(150px, calc((100svh - 580px)/1.6) , 220px)}.dt4-board{width:92%}}.dt4-okno{position:absolute;z-index:1;left:0;right:-14%;top:var(--s2);filter:drop-shadow(0 16px 24px rgb(20 28 11 / .5))}.dt4-bf{border-radius:var(--r-s) var(--r-s) 0 0}.dt4-scene .dt4-ph--kat{display:none}.dt4-board{z-index:1}.dt4-scene .dt4-ph--glav{z-index:3}@media(min-width:600px)and (max-width:899px){.dt4-okno{right:0}}@media(min-width:900px){.dt4-okno{left:-3%;right:auto;top:3%;width:min(calc(103cqw + max(var(--gut),(100vw - var(--col)) / 2) - var(--s5)),190cqh)}.dt4-bf{border-radius:var(--r-s)}.dt4-scene .dt4-ph--glav{--ph-w: min(34cqw, 42cqh);right:6%}.dt4-board{width:min(70cqw,110cqh)}}body:has(.dt4){--dt-plank: color-mix(in srgb, var(--dt-wood-1) 16%, var(--bg))}.dt4{timeline-scope:--dt4-8}.dt4-body{display:grid;grid-template-columns:minmax(0,1fr)}.dt4-side{display:contents}.dt4-pass{display:grid;gap:var(--s4);margin-top:var(--s6);padding:var(--s5);border-radius:var(--r-m);background:var(--paper);box-shadow:inset 0 0 0 1px var(--line)}.dt4-pass>div{display:grid;gap:var(--s2)}.dt4-pass dt{font:var(--w-sub) var(--t-micro)/1 var(--font);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--muted)}.dt4-pass dd{margin:0;font-size:var(--t-small);line-height:1.5}.dt4-pass a{display:inline-flex;align-items:center;gap:.25em;min-height:var(--tap)}.dt4-toc{--ctoc-accent: var(--dt-wood-2)}.dt4-pl{position:relative;flex:none;width:20px;height:8px;overflow:hidden;border-radius:2px;box-shadow:inset 0 0 0 1px var(--line-field)}.dt4-pl:before{content:"";position:absolute;inset:0;transform-origin:left;scale:0 1;background:var(--dt-wood-2);transition:scale var(--dur)}.dt4-toc a.is-read .dt4-pl:before,.dt4-toc a[aria-current] .dt4-pl:before{scale:1 1}.dt4-toc a[aria-current] .dt4-pl{box-shadow:0 0 0 2px var(--dt-green)}@supports (animation-timeline: view()){.dt4-v8{view-timeline-name:--dt4-8}}@keyframes dt4-lay{0%{scale:0 1}to{scale:1 1}}.dt4-main{min-width:0}.dt4-s{padding-block:var(--s7) 0;scroll-margin-top:calc(var(--hdr) + 2 * var(--s2) + var(--tap) + 1px + var(--s5))}.dt4-n{font:var(--w-sub) var(--t-small)/1 var(--font);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--dt-wood-4)}.dt4-big{margin-top:var(--s3);font:var(--w-head) var(--t-h1)/var(--lh-head) var(--font);letter-spacing:var(--ls-head);text-wrap:balance}.dt4-big s{color:var(--muted);text-decoration:line-through 4px var(--dt-wood-2)}.dt4-to{color:var(--dt-wood-4)}.dt4-s .lead{margin-top:var(--s3)}.dt4-p{margin-top:var(--s3);max-width:36em;color:var(--ink-2)}.dt4-h3{font:var(--w-sub) var(--t-h3)/var(--lh-head) var(--font)}.dt4-fig{margin:0;display:grid;gap:var(--s2)}.dt4-gap{margin-top:var(--s6)}.dt4-fig figcaption,.dt4-ba figcaption{font-size:var(--t-small);color:var(--muted)}.dt4-cut .bf__win{max-height:420px;overflow:hidden}.dt4-four{display:grid;gap:var(--s5);margin-top:var(--s5)}.dt4-four dt{margin-bottom:var(--s2);font:var(--w-sub) var(--t-small)/1 var(--font);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--muted)}.dt4-four dd{margin:0;color:var(--ink-2);max-width:34em}.dt4-four>div{padding-left:var(--s4);border-left:4px solid var(--dt-wood-1)}.dt4-gen{display:grid;gap:var(--s6);margin:var(--s5) 0 0;padding:0;list-style:none}.dt4-gen li{display:grid;gap:var(--s2);align-content:start;padding-top:var(--s4);border-top:4px solid var(--dt-field)}.dt4-gen li:first-child{border-top-color:var(--dt-wood-2)}.dt4-gen__y{font:var(--w-head) var(--t-h1)/.9 var(--font);letter-spacing:var(--ls-caps);color:var(--dt-wood-4);font-variant-numeric:tabular-nums}.dt4-gen__who{margin-bottom:var(--s2);font-size:var(--t-small);color:var(--muted)}.dt4-two{display:grid;gap:var(--s3);margin-top:var(--s5)}.dt4-who{padding:var(--s5);border-radius:var(--r-m);color:var(--on-dark);background:var(--dt-field)}.dt4-who h3{font:var(--w-head) var(--t-h2)/var(--lh-head) var(--font);letter-spacing:var(--ls-head)}.dt4-who p{margin-top:var(--s3);color:#ffffffe0}.dt4-who--b{color:var(--dt-field-2);background:var(--dt-green)}.dt4-who--b p{color:var(--dt-field-2)}.dt4-year{margin-top:var(--s6);font:var(--w-head) clamp(64px,20vw,140px)/.8 var(--font);letter-spacing:var(--ls-caps);color:transparent;-webkit-text-stroke:1.5px var(--dt-wood-3)}.dt4-deck{display:grid;gap:var(--s1);margin:calc(-1 * var(--s4)) 0 0;padding:0;list-style:none;position:relative}.dt4-deck li{position:relative;isolation:isolate;display:grid;gap:var(--s1);padding:var(--s4);overflow:hidden;background:var(--dt-plank)}.dt4-deck li:before{content:"";position:absolute;inset:0;z-index:-1;transform-origin:left;background:linear-gradient(90deg,var(--dt-wood-1),var(--dt-wood-2));box-shadow:inset 0 -2px #0000001f}.dt4-deck li:nth-child(2n):before{background:linear-gradient(90deg,var(--dt-wood-2),var(--dt-wood-1))}.dt4-deck li:first-child{border-radius:var(--r-s) var(--r-s) 0 0}.dt4-deck li:last-child{border-radius:0 0 var(--r-s) var(--r-s)}.dt4-deck b{font:var(--w-sub) var(--t-small)/1.2 var(--font);letter-spacing:var(--ls-label);text-transform:uppercase}.dt4-deck span{line-height:1.45;text-wrap:pretty}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.dt4-deck li:before{animation:dt4-lay linear both;animation-timeline:view();animation-range:entry 20% entry 100%}}}.dt4-var{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3);margin:var(--s4) 0 0;padding:0;list-style:none}.dt4-var li{display:grid;gap:var(--s2)}.dt4-var img{width:100%;height:auto;border-radius:var(--r-s);box-shadow:0 0 0 1px var(--line);opacity:.72;filter:saturate(.6)}.dt4-var span{font:var(--w-strong) var(--t-micro)/1.2 var(--font);color:var(--muted)}.dt4-var .is-pick img{opacity:1;filter:none;box-shadow:0 0 0 3px var(--dt-wood-2)}.dt4-var .is-pick span{color:var(--ink)}.dt4-kit{display:grid;gap:var(--s4);margin-top:var(--s6)}.dt4-fix{display:grid;gap:var(--s3);margin:var(--s5) 0 0;padding:0;list-style:none}.dt4-fix__i{display:grid;grid-template-columns:auto 1fr;column-gap:var(--s4);row-gap:var(--s2);padding:var(--s5) var(--s4);border-radius:var(--r-m);background:var(--paper);box-shadow:inset 0 0 0 1px var(--line)}.dt4-fix__n{grid-row:span 2;font:var(--w-head) var(--t-h2)/var(--lh-head) var(--font);color:var(--dt-wood-4);font-variant-numeric:tabular-nums}.dt4-fix__q{font:var(--w-sub) var(--t-h2)/var(--lh-head) var(--font);letter-spacing:var(--ls-head)}.dt4-fix__a{color:var(--ink-2)}@media(max-width:759px){.dt4-fix__n{grid-row:auto}.dt4-fix__a{grid-column:1 / -1}}.dt4-fix__img{grid-column:1 / -1;margin:var(--s3) 0 0}.dt4-ba{display:grid;gap:var(--s4);margin-top:var(--s4)}.dt4-ba figure{display:grid;gap:var(--s2);margin:0}.dt4-ba img{width:100%;height:auto;border-radius:var(--r-s);box-shadow:0 0 0 1px var(--line)}.dt4-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s1);margin:var(--s5) 0 0;padding:0;list-style:none}.dt4-wall li{display:grid;align-items:end;min-height:72px;padding:var(--s2);border-radius:var(--s1);font:var(--w-strong) var(--t-micro)/1.15 var(--font);color:var(--on-dark);background:var(--dt-field);-webkit-hyphens:auto;hyphens:auto}.dt4-wall .w1,.dt4-legend .w1 i{color:var(--dt-field-2);background:var(--dt-green)}.dt4-wall .w2,.dt4-legend .w2 i{color:var(--ink);background:var(--dt-wood-1)}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.dt4-wall .w1,.dt4-wall .w2{animation:dt4-pop linear both;animation-timeline:view();animation-range:entry 40% cover 45%}.dt4-wall .w2{animation-range:entry 70% cover 55%}}}@keyframes dt4-pop{0%{scale:.4;opacity:0}}.dt4-legend{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4);margin:var(--s3) 0 0;padding:0;list-style:none;font-size:var(--t-small);color:var(--muted)}.dt4-legend li{display:inline-flex;align-items:center;gap:var(--s2)}.dt4-legend i{width:12px;height:12px;border-radius:3px;background:var(--dt-field)}.dt4-chips{display:flex;flex-wrap:wrap;gap:var(--s2);margin:var(--s3) 0 0;padding:0;list-style:none}.dt4-chips li{padding:var(--s1) var(--s3);border-radius:var(--r-pill);background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);font-size:var(--t-small)}.dt4-pair{display:grid;gap:var(--s4);margin-top:var(--s5);align-items:start;justify-items:start}.dt4-mob .ph__scr{box-sizing:border-box;width:calc(100% - var(--ph-w) * .09);height:calc(100% - var(--ph-w) * .09);padding-top:calc(var(--ph-w) * .12);background:var(--dt-paper)}.dt4-pc{display:none}.dt4-hint{margin-top:var(--s2);font-size:var(--t-small)}.dt4-duo{display:flex;gap:var(--s4);margin:var(--s5) calc(-1 * var(--gut)) calc(-1 * var(--s6));padding:0 var(--gut) var(--s7);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gut);scrollbar-width:none}.dt4-duo::-webkit-scrollbar{display:none}.dt4-vp{scroll-snap-align:start}.dt4-vp .ph__cap{text-align:start}@media(max-height:720px)and (max-width:759px){.dt4-duo .dt4-vp{--ph-w: 184px}}.dt4-vp .ph__vp{overflow:auto;background:var(--dt-paper)}@supports (animation-timeline: view()){.dt4-scroll{height:200svh}.dt4-scroll__stick{position:sticky;top:calc(var(--hdr) + 2 * var(--s2) + var(--tap) + 1px + var(--s3))}.dt4-vp .ph__vp{overflow:hidden}.dt4-pan-g,.dt4-pan-d{animation:dt4-pan-g linear both;animation-timeline:--dt4-8;animation-range:contain 0% contain 100%}.dt4-pan-d{animation-name:dt4-pan-d}}@keyframes dt4-pan-g{to{translate:0 -95.24%}}@keyframes dt4-pan-d{to{translate:0 -88.53%}}.dt4-dark{margin-top:var(--s7);margin-inline:calc(-1 * var(--gut));padding:var(--s7) var(--gut);color:var(--on-dark);background:var(--dt-field)}.dt4-dark .dt4-n{color:var(--dt-green)}.dt4-dark .dt4-p,.dt4-dark .dt4-list,.dt4-dark figcaption{color:#ffffffd1}.dt4-otz{display:grid;gap:var(--s6);margin-top:var(--s5)}.dt4-otz__i{display:grid;gap:var(--s3);align-content:start;margin:0}.dt4-otz figcaption{font-size:var(--t-small)}.dt4-tv{display:block;width:100%;height:auto;aspect-ratio:640 / 352;border-radius:var(--r-s);background:var(--dt-field-2)}.dt4-vid .ph__vp{background:var(--dt-field-2)}.dt4-vid video{display:block;width:100%;height:100%;object-fit:cover}.dt4-tv:focus-visible,.dt4-vid video:focus-visible{outline:2px solid var(--dt-green);outline-offset:3px}.dt4-q{margin:0;padding-left:var(--s4);border-left:4px solid var(--dt-green)}.dt4-q p{font:var(--w-sub) var(--t-h3)/1.3 var(--font);letter-spacing:var(--ls-head);text-wrap:pretty}.dt4-list{display:grid;gap:var(--s2);margin:0;padding-left:1.1em}.dt4-end{display:grid;gap:var(--s5);justify-items:start;padding-block:var(--s7)}.dt4-share{display:grid;gap:var(--s2);justify-items:start}.dt4-share__t{font-size:var(--t-small);max-width:32em;text-wrap:pretty}@media(min-width:760px){.dt4-two,.dt4-gen,.dt4-ba,.dt4-otz{grid-template-columns:repeat(2,1fr);column-gap:var(--s5)}.dt4-deck li{grid-template-columns:9em 1fr;column-gap:var(--s4)}.dt4-wall{grid-template-columns:repeat(4,1fr)}.dt4-wall li{min-height:96px;font-size:var(--t-small)}.dt4-pair{grid-template-columns:minmax(0,1fr) auto}.dt4-pair .dt4-mob{--ph-w: 200px}.dt4-pc{display:grid}.dt4-kit{grid-template-columns:1.4fr 1fr;align-items:center}.dt4-fix__i.has-img{grid-template-columns:auto minmax(0,1fr) minmax(0,1.1fr);grid-template-rows:auto 1fr;align-items:start}.dt4-fix__i.has-img .dt4-fix__img{grid-column:3;grid-row:1 / span 2;margin:0}.dt4-dark{margin-inline:0;padding-inline:var(--s6);border-radius:var(--r-l)}.dt4-duo{max-width:560px;margin:var(--s5) 0 0;padding:0;overflow:visible}.dt4-duo .dt4-vp,.dt4-otz .dt4-vid{--ph-w: 260px}.dt4-vp .ph__cap{text-align:center}}@media(min-width:900px){.dt4-s{padding-block-start:var(--s8)}.dt4-wall{grid-template-columns:repeat(6,1fr)}}@media(min-width:1100px){.dt4-body{grid-template-columns:240px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:var(--s7)}.dt4-main{grid-column:2;grid-row:1 / span 2}.dt4-pass{grid-column:1;grid-row:1;margin:var(--s7) 0 0}.dt4-toc{grid-column:1;grid-row:2;align-self:start}.dt4-pl{width:28px;height:10px}.dt4-duo{gap:var(--s6)}}