.cd-cover{--cd-open:1.1s cubic-bezier(.65, 0, .25, 1);--cd-half:.55s;perspective:2600px;perspective-origin:960px 540px;background:#000;position:absolute;inset:0}.cd-cover-case{--cd-hinge:21px;width:1000px;height:1000px;transform-origin:var(--cd-hinge) 50%;transform-style:preserve-3d;transition:transform var(--cd-open);position:absolute;top:40px;left:460px}.cd-cover[data-open] .cd-cover-case{transform:translateX(calc(500px - var(--cd-hinge))) scale(.86)}.cd-cover-depth{transform-style:preserve-3d;transform:rotateX(var(--cd-rx,0deg)) rotateY(var(--cd-ry,0deg));transition:transform .5s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.cd-cover-depth>:is(img,.cd-cover-cd,.cd-cover-lid,.cd-cover-hit){display:block;position:absolute}.cd-cover-tray{width:953px;height:938px;top:31px;left:24px}.cd-cover-cd{--cd-light:205deg;filter:drop-shadow(0 5px 7px #0000008c);border-radius:50%;width:843px;height:843px;top:79px;left:79px}.cd-cover-cd>*{pointer-events:none;border-radius:50%;position:absolute}.cd-disc-poly{background:radial-gradient(circle closest-side,#0000 12.5%,#ffffff80 12.7% 13.1%,#dce2ea1a 13.3% 97.4%,#ffffff8c 98.2%,#ffffff26 99.3%,#0000 100%);inset:0}.cd-disc-hub{background:radial-gradient(circle closest-side,#0000 44.9%,#fff9 45.4% 46.6%,#0000 47.4%),radial-gradient(circle closest-side,#ffffff4d 45%,#f0f2f66b 80%,#ffffffbf 93%,#96989eb3 97%,#ffffff59 100%);inset:calc(50% - 118px);-webkit-mask:radial-gradient(circle closest-side,#0000 44.7%,#000 45%);mask:radial-gradient(circle closest-side,#0000 44.7%,#000 45%)}.cd-disc-mirror{background:conic-gradient(from var(--cd-light), #f8f9fb, #5f646c 45deg, #c9ced6 90deg, #4f545c 135deg, #f8f9fb 180deg, #60656d 225deg, #cdd2da 270deg, #50555d 315deg, #f8f9fb);inset:calc(50% - 161px);-webkit-mask:radial-gradient(circle closest-side,#0000 93.4%,#000 93.8%);mask:radial-gradient(circle closest-side,#0000 93.4%,#000 93.8%)}.cd-disc-lacquer{background:repeating-radial-gradient(circle, #ffffff12 0 1px, #00000006 1px 2px, transparent 2px 3.5px), conic-gradient(from var(--cd-light), #ffffff9e, #fff0 30deg, #46424824 90deg, #fff0 150deg, #ffffff8c 180deg, #fff0 210deg, #46424829 270deg, #fff0 330deg, #ffffff9e), conic-gradient(from calc(var(--cd-light) + 20deg), #e9dfe2, #dde1e8 60deg, #e6e2da 120deg, #dcdfe6 180deg, #e8dde3 240deg, #e1e4dd 300deg, #e9dfe2);inset:10.5px;box-shadow:inset 0 0 0 1px #ffffff80,inset 0 0 18px #504c542e;-webkit-mask:radial-gradient(circle closest-side,#0000 39.1%,#000 39.4%);mask:radial-gradient(circle closest-side,#0000 39.1%,#000 39.4%)}.cd-disc-print{width:100%;height:100%;inset:0}.cd-cover-lid{transform-origin:var(--cd-hinge) 50%;transform-style:preserve-3d;transition:transform var(--cd-open);inset:0}.cd-cover[data-open] .cd-cover-lid{transform:rotateY(-180deg)}.cd-cover-face{backface-visibility:hidden;position:absolute;inset:0}.cd-cover-plastic{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.cd-cover-insert{transform:rotateY(180deg)}.cd-cover-inner-lid{transform:scaleX(-1)}.cd-cover-booklet{border-radius:4px;position:absolute;inset:46px 42px;overflow:hidden;box-shadow:0 0 0 1px #00000040,0 2px 6px #00000059}.cd-cover-booklet-front{background:#d9d4ca}.cd-cover-portrait{object-fit:cover;object-position:50% 18%;width:100%;height:100%;position:absolute;inset:0}.cd-cover-sticker{width:600px;height:auto;position:absolute;bottom:64px;left:50%;transform:translate(-50%)}.cd-cover-booklet:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000002e,#0000 4%),radial-gradient(circle at 30% 20%,#ffffff14,#0000 60%);position:absolute;inset:0}.cd-cover-paper{box-sizing:border-box;color:#111;background:#f3f1ec;flex-direction:column;padding:92px 170px 92px 96px;font-family:Deck Roboto,sans-serif;display:flex}.cd-cover-paper:after{background:linear-gradient(270deg,#0000001f,#0000 4%)}.cd-cover-shade{opacity:0;pointer-events:none;transition:opacity var(--cd-half) ease-out var(--cd-half);background:#000;border-radius:24px;position:absolute;inset:2%}.cd-cover-insert .cd-cover-shade,.cd-cover[data-open] .cd-cover-front .cd-cover-shade{opacity:.7;transition:opacity var(--cd-half) ease-in}.cd-cover[data-open] .cd-cover-insert .cd-cover-shade{opacity:0;transition:opacity var(--cd-half) ease-out var(--cd-half)}.cd-cover-paper :is(p,h1,dl,dt,dd){margin:0}.cd-cover-name{letter-spacing:-1.8px;font-size:92px;font-weight:400;line-height:1.05}.cd-cover-role{color:#444;font-size:38px;line-height:1.2;margin-top:20px!important}.cd-cover-notes{border-top:2px solid #11111126;gap:48px;padding-top:48px;display:grid;margin-top:auto!important}.cd-cover-notes dt{color:#6b6b6b;letter-spacing:2px;text-transform:uppercase;font-size:24px;font-weight:500;line-height:1.2}.cd-cover-notes dd{margin-top:12px;font-size:38px;line-height:1.35}.cd-cover-hit{cursor:pointer;background:0 0;border:0;border-radius:24px;padding:0;inset:0}.cd-cover-hit:focus-visible{outline-offset:12px;outline:4px solid #fff}.cd-cover-front:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffffff24 48%,#ffffff0a 54%,#0000 64%) 100% 0/300% 100%;border-radius:24px;position:absolute;inset:3%}.cd-cover-caption{color:#fff9;letter-spacing:.5px;width:600px;margin:0;font:400 24px/1.2 Deck Roboto,sans-serif;transition:opacity .3s ease-out .7s;position:absolute;top:1014px;left:80px}.cd-cover-key{color:#fff;min-width:34px;font:inherit;text-align:center;border:1.5px solid #ffffff73;border-bottom-width:3px;border-radius:7px;margin:0 4px;padding:1px 8px 3px;line-height:1.1;display:inline-block}.cd-cover[data-open] .cd-cover-caption{opacity:0;transition-delay:0s}.cd-cover[data-motion] .cd-cover-cd{transform:translateZ(14px)}.cd-cover[data-motion] .cd-cover-lid{transform:translateZ(28px)}.cd-cover[data-motion][data-open] .cd-cover-lid{transform:translateZ(28px)rotateY(-180deg)}.cd-cover[data-open] .cd-cover-depth{transform:none}.cd-cover[data-motion]:not([data-open],[data-closing]) .cd-cover-front:after{animation:1.6s cubic-bezier(.4,0,.2,1) .5s both cd-cover-sheen}@media (hover:hover) and (pointer:fine){.cd-cover[data-motion]:not([data-open],[data-closing]) .cd-cover-case:hover .cd-cover-lid{transition-duration:.6s;transition-timing-function:cubic-bezier(.22,1,.36,1);transform:translateZ(28px)rotateY(-16deg)}.cd-cover[data-motion]:not([data-open],[data-closing]) .cd-cover-case:hover .cd-cover-front:after{animation-name:cd-cover-sheen-again;animation-delay:0s}}.cd-cover:not([data-motion]) *,.deck-canvas[data-treatment=jump] .cd-cover *{transition:none!important}@keyframes cd-cover-sheen{0%{background-position:100% 0}to{background-position:0 0}}@keyframes cd-cover-sheen-again{0%{background-position:100% 0}to{background-position:0 0}}
.portfolio-project-panel,.portfolio-cover-panel{border-radius:20px 20px 0 0;width:100%;height:100%}.portfolio-project-art{-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(#000 72%,#0000 100%),linear-gradient(90deg,#0000,#000 6%);mask-image:linear-gradient(#000 72%,#0000 100%),linear-gradient(90deg,#0000,#000 6%);-webkit-mask-composite:source-in;mask-composite:intersect}.portfolio-project-link{border-radius:20px 20px 0 0;width:100%;height:100%;transition:box-shadow .16s;display:block;box-shadow:inset 0 0 #0000}.portfolio-project-link:hover{box-shadow:inset 0 0 0 3px #00000038}.portfolio-project-link:focus-visible{outline:none;box-shadow:inset 0 0 0 5px #2455d6}.portfolio-intro-external{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}.portfolio-intro-external:focus-visible{outline-offset:6px;outline:3px solid}@media (prefers-reduced-motion:reduce){.portfolio-project-link{transition:none}}