.ws{--room:max(280px, calc(100svh - 296px));background:radial-gradient(60% 56% at 50% 46%, #1b2124 0%, var(--obsidian) 72%);min-height:100svh;padding-block:84px 16px;overflow:clip}.ws__head{grid-template-columns:auto 1fr auto;align-items:center;gap:32px;width:min(100%,1680px);display:grid}.ws__head .title{white-space:nowrap;font-size:clamp(1.8rem,2.8vw,2.6rem)}.ws__head .btn{white-space:nowrap;min-height:44px}.ws__say{text-align:center;justify-items:center;gap:1px;min-width:0;display:grid}.ws__say b{font-size:1.04rem;font-weight:600}.ws__say span{color:var(--stone);font-size:.92rem}.deck{--w:min(calc(var(--room) * 1.6), 76vw);height:var(--room);perspective:2000px;perspective-origin:50%;margin-top:12px;position:relative}.slide{width:var(--w);aspect-ratio:16/10;margin-left:calc(var(--w) / -2);background:var(--graphite);cursor:pointer;transform-style:preserve-3d;transition:transform 1.1s var(--ease-out), opacity .9s;will-change:transform;border:0;border-radius:6px;padding:0;position:absolute;top:0;left:50%;overflow:hidden}.slide img{object-fit:cover;filter:saturate(.75)brightness(.72);width:100%;height:100%;transition:filter .4s}.slide:hover img{filter:saturate()brightness(.92)}.slide[data-at="0"]{opacity:0;pointer-events:none;transform:none}.slide[data-at="-1"]{opacity:.62;transform:translate(-74%)translateZ(-420px)rotateY(26deg)}.slide[data-at="1"]{opacity:.62;transform:translate(74%)translateZ(-420px)rotateY(-26deg)}.slide[data-at="-2"]{opacity:.16;pointer-events:none;transform:translate(-104%)translateZ(-900px)rotateY(32deg)}.slide[data-at="2"]{opacity:.16;pointer-events:none;transform:translate(104%)translateZ(-900px)rotateY(-32deg)}.slide[data-at=far]{opacity:0;pointer-events:none;transform:translateZ(-1400px)}.deck__screen{width:var(--w);margin-left:calc(var(--w) / -2);position:absolute;top:0;left:50%;box-shadow:0 44px 110px -34px #000000e6,0 0 0 1px #f5f2eb1a}.deck__screen video{transition:opacity .35s}.deck.is-moving .deck__screen video{opacity:0}.ws__toggle{opacity:1}.tl{grid-template-columns:repeat(var(--n), 1fr);width:min(100%,1120px);margin:14px auto 0;display:grid;position:relative}.tl__line{left:calc(50% / var(--n));right:calc(50% / var(--n));background:var(--hairline-strong);height:1px;position:absolute;top:11px}.tl__line i{background:var(--champagne);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0);box-shadow:0 0 10px #c8aa788c}.tl__step button{width:100%;min-height:44px;color:var(--stone);font:inherit;cursor:pointer;background:0 0;border:0;justify-items:center;gap:7px;padding:5px 4px 2px;font-size:.9rem;font-weight:500;transition:color .3s;display:grid;position:relative}.tl__dot{border:1px solid var(--hairline-strong);background:var(--obsidian);border-radius:50%;width:13px;height:13px;transition:border-color .4s,background .4s,box-shadow .4s}.tl__step.is-done .tl__dot{border-color:var(--champagne);background:var(--champagne)}.tl__step.is-on .tl__dot{border-color:var(--champagne);background:var(--obsidian);box-shadow:inset 0 0 0 3px var(--obsidian), inset 0 0 0 7px var(--champagne), 0 0 0 5px #c8aa7824}.tl__step button:hover,.tl__step.is-on button{color:var(--ivory)}.tl__step.is-on button{font-weight:600}.tl__step button:focus-visible{outline:2px solid var(--mist);outline-offset:2px}.ws__marks{scrollbar-width:none;justify-content:safe center;gap:6px;margin-top:8px;display:flex;overflow-x:auto}.ws__marks[hidden]{display:none}.ws__marks::-webkit-scrollbar{display:none}.ws__marks li{flex:none}.ws__marks button{min-height:34px;color:var(--stone);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;padding:0 11px;font-size:.84rem;font-weight:500;transition:color .25s,border-color .25s,background .25s}.ws__marks button:hover{color:var(--ivory)}.ws__marks button.is-on{color:var(--ivory);background:#c8aa781a;border-color:#c8aa7899}.ws__marks button:focus-visible{outline:2px solid var(--mist);outline-offset:-2px}@media (width<=960px){.ws{--room:56vw;min-height:0;padding-block:84px 36px}.ws__head{grid-template-columns:1fr auto;gap:8px 16px}.ws__head .btn{padding-inline:.9em;font-size:.86rem}.ws__marks{-webkit-mask-image:linear-gradient(90deg,#000 90%,#0000);mask-image:linear-gradient(90deg,#000 90%,#0000)}.ws__say{text-align:left;grid-area:2/1/auto/-1;justify-items:start}.deck{--w:calc(100vw - 2 * var(--gutter));aspect-ratio:16/10;height:auto;width:var(--w);margin-inline:auto;perspective:none;margin-top:14px}.slide{display:none}.deck__screen{width:100%;margin-left:0;position:relative;left:0}.tl{margin-top:12px}.tl__step button span{display:none}.ws__marks{margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);justify-content:flex-start}.ws__marks button{border-color:var(--hairline);min-height:40px}}@media (prefers-reduced-motion:reduce){.slide{transition:none}}.mq{gap:14px;padding-block:4px;display:grid;overflow:clip;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}.mq__track{will-change:transform;gap:14px;width:max-content;display:flex}.mq__credit{color:var(--stone);margin-top:14px;font-size:.78rem}.tile{aspect-ratio:16/10;background:var(--ivory);cursor:pointer;width:clamp(260px,25vw,380px);color:var(--ivory);border:0;border-radius:4px;padding:0;display:block;position:relative;overflow:hidden}.tile img{object-fit:cover;width:100%;height:100%;transition:transform 1s var(--ease-out)}.tile:hover img{transform:scale(1.05)}.tile__cap{text-align:left;background:linear-gradient(#0000,#0a0c0ddb 46%,#0a0c0df7);gap:1px;padding:26px 14px 10px;display:grid;position:absolute;inset:auto 0 0}.tile__name{font-size:.95rem;font-weight:600}.tile__read{color:#d7dbd6;font-size:.8rem}.lb{width:100%;max-width:min(1200px,94vw);max-height:92svh;color:var(--ivory);background:0 0;border:0;padding:0;overflow:visible}.lb::backdrop{backdrop-filter:blur(10px);background:#0a0c0deb}.lb img{object-fit:contain;background:var(--ivory);border-radius:4px;width:100%;max-height:80svh}.lb figcaption{flex-wrap:wrap;justify-content:space-between;gap:18px;padding-top:12px;display:flex}.lb__name{font-family:var(--serif);font-size:1.7rem;line-height:1.1}.lb__read{color:var(--stone)}.lb__close{z-index:1;border:1px solid var(--hairline-strong);background:var(--obsidian);width:44px;height:44px;color:var(--ivory);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:10px}.lb__close svg{width:14px;height:14px}@media (width<=700px){.lb{max-height:86svh}}.books{background:var(--graphite);padding-block:clamp(56px,8vw,110px);overflow:clip}.books__wrap{grid-template-columns:minmax(300px,420px) minmax(0,1fr);align-items:start;gap:clamp(28px,4vw,64px);width:min(100%,1680px);display:grid}.books__left>.lede{margin-top:.8em}.shelf{border-bottom:1px solid var(--hairline-strong);align-items:flex-end;gap:18px;margin-top:28px;padding-bottom:2px;display:flex}.vol{color:var(--stone);font:inherit;cursor:pointer;background:0 0;border:0;flex:none;grid-template-columns:auto auto;justify-items:start;gap:2px 0;padding:0 0 10px;display:grid;position:relative}.vol__spine{width:var(--t);height:120px;transition:transform .6s var(--ease-out);background:linear-gradient(90deg,#f5f2eb9e,#f5f2ebe0),repeating-linear-gradient(90deg,#0000001f 0 1px,#0000 1px 3px);border-radius:2px 0 0 2px;grid-row:1}.vol__cover{background:var(--ivory);width:84px;height:120px;transition:transform .6s var(--ease-out);border-radius:0 2px 2px 0;grid-row:1;overflow:hidden;box-shadow:0 14px 30px -12px #0009}.vol__cover img{object-fit:cover;object-position:30% 50%;width:100%;height:100%}.vol__name{color:var(--stone);grid-column:1/-1;margin-top:10px;font-weight:600;transition:color .3s}.vol__count{grid-column:1/-1}.vol:hover .vol__name,.vol.is-on .vol__name{color:var(--ivory)}.vol.is-on .vol__spine,.vol.is-on .vol__cover{transform:translateY(-10px)}.vol:after{content:"";background:var(--champagne);transform-origin:0;height:2px;transition:transform .5s var(--ease-out);position:absolute;bottom:-3px;left:0;right:0;transform:scaleX(0)}.vol.is-on:after{transform:scaleX(1)}.vol:focus-visible{outline:2px solid var(--mist);outline-offset:3px}.bookinfo{align-content:start;gap:6px;min-height:232px;margin-top:22px;display:grid}.bookinfo[hidden]{display:none}.bookinfo .body{color:var(--stone)}.bookinfo__fit{margin-top:2px}.themebar{gap:2px;height:8px;margin-top:12px;display:flex}.themebar span{border-radius:1px;min-width:3px}.themekey{color:var(--stone);flex-wrap:wrap;gap:4px 14px;margin-top:8px;font-size:.8rem;display:flex}.themekey i{border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.themekey b{color:var(--ivory);font-variant-numeric:tabular-nums;font-weight:600}.books__cta{margin-top:22px}.books__wall{min-width:0;height:min(84vh,800px);position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 5% 95%,#0000);mask-image:linear-gradient(#0000,#000 5% 95%,#0000)}.wall{align-content:start;gap:8px;display:none;position:absolute;inset:0 0 auto}.wall.is-on{animation:wall-drift var(--drift,60s) linear infinite alternate;display:grid}.wall li{opacity:0;animation:wall-in .7s var(--ease-out) forwards;animation-delay:calc(var(--n) * 26ms);background:var(--ivory)}.wall img{aspect-ratio:1280/721;object-fit:cover;width:100%;height:auto;display:block}.wall--basic{--drift:46s;grid-template-columns:1fr 1fr;gap:12px}.wall--basic li:first-child{grid-column:1/-1}.wall--professional{--drift:60s;grid-template-columns:repeat(3,1fr)}.wall--advanced{--drift:70s;grid-template-columns:repeat(4,1fr);gap:6px}@keyframes wall-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes wall-drift{0%{transform:translateY(0)}to{transform:translateY(var(--travel,-30%))}}@media (prefers-reduced-motion:reduce){.wall.is-on{animation:none}.wall li{opacity:1;animation:none}}@media (width<=960px){.books__wrap{grid-template-columns:1fr}.books__wall{height:72svh}.wall--professional{grid-template-columns:1fr 1fr}.wall--advanced{grid-template-columns:repeat(3,1fr)}.shelf{gap:12px}.vol__cover{width:62px}.vol__spine,.vol__cover{height:96px}.vol__spine{width:calc(var(--t) * .6)}}
