.th{padding:clamp(130px,17vw,240px) 0 clamp(40px,5vw,80px)}.th .dh-h{max-width:14ch}.ex{position:relative;height:520svh}.ex-st{position:sticky;top:0;height:100svh;display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center;gap:clamp(20px,4vw,70px);padding:90px var(--pad) 40px;max-width:var(--max);margin:0 auto;overflow:hidden}.ex-fig{position:relative;height:100%;display:grid;place-items:center}.ex-s{width:min(38vw,540px);margin-left:6%;aspect-ratio:1;perspective:1700px}.ex-3d{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(62deg) rotate(calc(-42deg + var(--p,0)*14deg)) translateZ(0)}.ex-l{position:absolute;inset:0;transform-style:preserve-3d;transform:translateZ(calc((var(--i) - 2.5)*(16px + var(--p,0)*max(0px,82px))));opacity:.28;transition:opacity .5s}.ex-l.on{opacity:1}.ex-l.pass{opacity:.62}.ex-l i{position:absolute;inset:0;display:block;background:var(--c);border:1px solid rgba(0,0,0,.25);box-shadow:0 0 0 1px #ffffff1f inset,0 40px 60px -30px #0009}.ex-l[data-k="0"] i{background:repeating-linear-gradient(90deg,var(--c) 0 12px,color-mix(in srgb,var(--c),#000 14%) 12px 14px)}.ex-l[data-k="1"] i{background:repeating-linear-gradient(90deg,#c9d6c559 0 6px,#c9d6c51f 6px 12px);border-style:dashed}.ex-l[data-k="3"] i{background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.35) 0 2px,transparent 3px) 0 0/22px 22px,var(--c)}.ex-l[data-k="4"] i{background:repeating-linear-gradient(0deg,var(--c) 0 26px,color-mix(in srgb,var(--c),#000 18%) 26px 28px)}.ex-l[data-k="5"] i{background:repeating-linear-gradient(90deg,var(--c) 0 36px,color-mix(in srgb,var(--c),#000 8%) 36px 38px)}.ex-hint{position:absolute;left:0;bottom:2svh;color:#f1efe499;font-size:1rem;margin:0}.ex-txt .h-md{margin-bottom:clamp(14px,2vh,28px);color:var(--paproc)}.ex-list{list-style:none;margin:0;padding:0}.ex-i{display:grid;grid-template-columns:78px 1fr;gap:12px;padding:clamp(8px,1.5vh,16px) 0;border-top:1px solid rgba(241,239,228,.14);opacity:.34;transition:opacity .5s}.ex-i.on{opacity:1}.ex-i .h-sm{margin:0 0 4px;color:#fff}.ex-i p{margin:0;font-size:.95rem;line-height:1.45;color:#f1efe4c2;max-height:0;overflow:hidden;opacity:0;transition:max-height .6s var(--ease),opacity .5s}.ex-i.on p{max-height:7.5em;opacity:1}.ex-t{font-size:1.15rem;color:var(--zywica);padding-top:.15em}.fc-g{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.fc{padding:0 clamp(12px,2vw,32px);border-left:1px solid var(--gl);display:grid;gap:10px;align-content:start}.fc:first-child{border-left:0;padding-left:0}.fc-v{font:800 clamp(3.6rem,8.4vw,8.4rem)/.86 var(--f-disp);text-transform:uppercase;color:var(--mech);font-variant-numeric:tabular-nums}.fc-v small{font:700 clamp(1rem,1.5vw,1.4rem)/1 var(--f-disp);margin-left:.4em;color:var(--ink)}.fc>span.serif{font-size:1.1rem;color:var(--ink2);max-width:18ch;line-height:1.3}.pil-g{display:grid;grid-template-columns:5fr 7fr;gap:clamp(24px,5vw,90px);align-items:center}.pil-l{list-style:none;margin:30px 0 0;padding:0;max-width:42ch}.pil-l li{padding:14px 0 14px 28px;border-top:1px solid rgba(241,239,228,.16);position:relative;color:#f1efe4d1}.pil-l li:before{content:"";position:absolute;left:0;top:1.35em;width:14px;height:2px;background:var(--zywica)}.pil-f{padding:clamp(10px,2vw,30px);border:1px solid rgba(241,239,228,.14);background:#0a1a1766}.piles{display:block;width:100%;height:auto}.piles *{fill:none;stroke:var(--cream-ink);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.piles .pi-gs{fill:#b5d98c12;stroke:none}.piles .pi-g{stroke:var(--paproc);stroke-width:2.6}.piles .pi-h rect{fill:var(--kora);stroke:none}.piles .pi-h path{stroke:var(--zywica)}.piles .pi-tip{fill:var(--cream-ink)}.piles text{fill:var(--paproc);stroke:none;font:italic 400 15px var(--f-serif)}.js .piles path[pathLength]{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.5s var(--ease);transition-delay:calc(var(--i,0)*.14s + .2s)}.js .pil-f.in path[pathLength]{stroke-dashoffset:0}.js .piles .pi-tip{opacity:0;transition:opacity .6s calc(var(--i,0)*.14s + 1.2s)}.js .pil-f.in .pi-tip{opacity:1}.fab-g{display:grid;grid-template-columns:5fr 7fr;gap:clamp(24px,5vw,90px)}.fab .lead{max-width:26ch}.fab-n{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,2vw,30px);margin-top:clamp(30px,4vw,60px);border-top:1px solid var(--gl);padding-top:26px}.fab-n b{display:block;font:800 clamp(3rem,6vw,5.6rem)/.9 var(--f-disp);color:var(--mech)}.fab-n span{font:italic 400 1rem/1.3 var(--f-serif);color:var(--ink2);display:block;margin-top:8px}@media(max-width:900px){.ex{height:440svh}.ex-st{grid-template-columns:1fr;grid-template-rows:minmax(0,48%) auto;padding:78px var(--pad) 20px;gap:0}.ex-s{width:min(82vw,340px)}.ex-hint{display:none}.ex-i{grid-template-columns:54px 1fr}.ex-i:not(.on){display:none}.ex-txt .h-md{display:none}.fc-g{grid-template-columns:1fr 1fr;row-gap:36px}.fc:nth-child(3){border-left:0;padding-left:0}.pil-g,.fab-g,.fab-n{grid-template-columns:1fr}}