.dn-v2-hero{--plate-radius:24px;--plate-rgb:244 243 241;--plate-ink:24 20 18;--plate-lit:255 255 255;--shaft-a:.085;--wedge-a:.05;--scrim-a:.5;--vignette-a:.07;--grain-a:.035;--glow-a:7%;--hairline:color-mix(in oklab, var(--foreground) 8%, transparent)}@media (min-width:48rem){.dn-v2-hero{--plate-radius:30px}}.dark .dn-v2-hero{--plate-rgb:12 10 12;--scrim-a:.42;--vignette-a:.32;--grain-a:.05;--glow-a:10%;--hairline:#ffffff14}.dn-v2-plate{background:rgb(var(--plate-rgb));border-radius:var(--plate-radius);box-shadow:inset 0 0 0 1px var(--hairline)}.dn-v2-shafts{background-image:repeating-linear-gradient(100deg, transparent 0 34px, rgb(var(--plate-ink) / var(--shaft-a)) 48px 96px, transparent 110px 186px), repeating-linear-gradient(97deg, transparent 0 138px, rgb(var(--plate-ink) / calc(var(--shaft-a) * .55)) 172px 232px, transparent 266px 470px)}.dn-v2-wash{background-image:radial-gradient(58% 52% at 18% 4%, rgb(var(--plate-lit) / calc(var(--shaft-a) * 1.4)), transparent 68%), linear-gradient(112deg, transparent 0 16%, rgb(var(--plate-ink) / var(--wedge-a)) 27% 44%, transparent 56%), linear-gradient(-66deg, transparent 0 52%, rgb(var(--plate-ink) / calc(var(--wedge-a) * .85)) 65% 80%, transparent 92%)}.dn-v2-scrim{background-image:radial-gradient(ellipse 58% 46% at 50% 40%, color-mix(in oklab, var(--primary) var(--glow-a), transparent), transparent 72%), radial-gradient(ellipse 66% 56% at 50% 42%, rgb(var(--plate-rgb) / var(--scrim-a)), transparent 74%)}.dn-v2-vignette{background-image:radial-gradient(ellipse 78% 74% at 50% 46%, transparent 46%, rgb(0 0 0/var(--vignette-a)) 100%)}.dn-v2-grain{opacity:var(--grain-a);mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}@keyframes dn-v2-open{0%{clip-path:inset(38% 0 38% 0 round var(--plate-radius))}to{clip-path:inset(0 0 0 0 round var(--plate-radius))}}.dn-v2-plate{animation:1.1s cubic-bezier(.16,1,.3,1) both dn-v2-open}@keyframes dn-v2-backdrop-in{0%{opacity:0;transform:scale(1.18)}to{opacity:1;transform:none}}.dn-v2-backdrop-in{animation:1.8s cubic-bezier(.16,1,.3,1) both dn-v2-backdrop-in}@keyframes dn-v2-rise{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:none}}.dn-v2-rise{animation:dn-v2-rise .7s cubic-bezier(.16, 1, .3, 1) var(--rise-delay,0s) both}@keyframes dn-v2-drift{0%{transform:translate(-2%,-1.2%)}to{transform:translate(2%,1.2%)}}.dn-v2-drift{animation:64s cubic-bezier(.45,0,.55,1) infinite alternate dn-v2-drift}.dn-v2-photo{opacity:.88}@keyframes dn-v2-exit{to{opacity:.45;transform:translateY(-7%)scale(1.06)}}@supports (animation-timeline:view()){.dn-v2-parallax{animation:linear both dn-v2-exit;animation-timeline:view();animation-range:exit}}.dn-v2-engine svg path{fill:currentColor}@media (prefers-reduced-motion:reduce){.dn-v2-plate,.dn-v2-backdrop-in,.dn-v2-rise,.dn-v2-drift,.dn-v2-parallax{opacity:1;clip-path:none;animation:none;transform:none}}
.dn-sys-mark svg path{fill:currentColor}.dn-sys-mark{transition:color .2s}@media (hover:hover){.dn-sys-mark:hover{color:var(--color-foreground)}}@media (prefers-reduced-motion:reduce){.dn-sys-mark{transition:none}}
.dn-cmp{--cmp-x:0%;--cmp-row-h:6.25rem;--cmp-head-h:3.5rem}@media (min-width:64rem){.dn-cmp{--cmp-x:var(--cmp-user-x,61%);--cmp-row-h:4rem;--cmp-head-h:4.5rem}}.dn-cmp-panel{isolation:isolate;-webkit-user-select:none;user-select:none;touch-action:pan-y;border-radius:1rem;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000f,0 12px 28px -10px #00000038,0 44px 64px -34px #0000004d}.dn-cmp-gloss{z-index:10;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px 0 0 color-mix(in oklab, var(--foreground) 12%, transparent), inset 0 -1px 0 0 #00000024, inset 0 0 0 1px var(--color-border-illustration);background:linear-gradient(180deg, color-mix(in oklab, var(--foreground) 4%, transparent) 0, transparent 5.5rem);position:absolute;inset:0}.dark .dn-cmp-gloss{background:linear-gradient(#ffffff0d 0,#0000 5.5rem);box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #00000080,inset 0 0 0 1px #ffffff12}.dn-cmp-sheet-top{clip-path:inset(0 0 0 var(--cmp-x));position:absolute;inset:0}.dn-cmp-row{height:var(--cmp-row-h);position:relative;overflow:hidden}.dn-cmp-head{height:var(--cmp-head-h)}.dn-cmp-handle,.dn-cmp-grip{display:none}@media (min-width:64rem){.dn-cmp-handle{top:0;bottom:0;left:var(--cmp-x);z-index:20;cursor:ew-resize;background:linear-gradient(180deg, color-mix(in oklab, var(--primary) 25%, transparent), color-mix(in oklab, var(--primary) 85%, transparent) 22%, color-mix(in oklab, var(--primary) 85%, transparent) 78%, color-mix(in oklab, var(--primary) 25%, transparent));width:2px;margin-left:-1px;display:block;position:absolute}.dn-cmp-grip{top:50%;left:var(--cmp-x);z-index:21;cursor:ew-resize;width:2.75rem;height:2.75rem;color:var(--primary-foreground);background-image:linear-gradient(180deg, color-mix(in oklab, var(--primary) 86%, #fff) 0%, var(--primary) 52%, color-mix(in oklab, var(--primary) 88%, #000) 100%);box-shadow:inset 0 2px 0 0 #ffffff4d, inset 0 -.5px 2px 0 #0000004d, 0 2px 10px 0 #00000038, 0 0 0 1px color-mix(in oklab, var(--primary) 55%, #000);border-radius:9999px;place-items:center;transition:scale .16s cubic-bezier(.16,1,.3,1),box-shadow .16s;display:grid;position:absolute;translate:-50% -50%}}@media (hover:hover){.dn-cmp-grip:hover{scale:1.06}}.dn-cmp-grip:active{scale:.96}.dn-cmp-grip:focus-visible{outline:2px solid var(--foreground);outline-offset:3px}@keyframes dn-cmp-nudge{0%,to{translate:-50% -50%}35%{translate:calc(-50% - 7px) -50%}70%{translate:calc(7px - 50%) -50%}}.dn-cmp[data-in=true] .dn-cmp-grip[data-idle=true]{animation:2s cubic-bezier(.45,0,.55,1) 1.4s 2 both dn-cmp-nudge}.dn-cmp[data-in=pending] .dn-cmp-row,.dn-cmp[data-in=pending] .dn-cmp-head{opacity:0}@keyframes dn-cmp-row-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes dn-cmp-sweep{0%{opacity:.85;transform:translate(-105%)}to{opacity:0;transform:translate(105%)}}.dn-cmp[data-in=true] .dn-cmp-head,.dn-cmp[data-in=true] .dn-cmp-row{animation:dn-cmp-row-in .62s cubic-bezier(.16, 1, .3, 1) calc(var(--i,0) * 55ms) both}.dn-cmp[data-in=true] .dn-cmp-row:after{content:"";pointer-events:none;background:linear-gradient(90deg, transparent, color-mix(in oklab, var(--primary) 22%, transparent), transparent);animation:dn-cmp-sweep .9s cubic-bezier(.16, 1, .3, 1) calc(var(--i,0) * 55ms + .14s) both;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.dn-cmp[data-in=pending] .dn-cmp-row,.dn-cmp[data-in=pending] .dn-cmp-head,.dn-cmp[data-in=true] .dn-cmp-row,.dn-cmp[data-in=true] .dn-cmp-head{opacity:1;animation:none;transform:none}.dn-cmp[data-in=true] .dn-cmp-row:after,.dn-cmp[data-in=true] .dn-cmp-grip[data-idle=true]{content:none;animation:none}.dn-cmp-grip{transition:none}}
.dn-v2-page{--section-py:3rem}@media (min-width:48rem){.dn-v2-page{--section-py:4.25rem}}