/* Dropzone's opening: an angular mark, concentrated light, and actual tools. */
@font-face{font-family:DropzoneDisplay;src:url('/assets/display.ttf') format('truetype');font-weight:700;font-display:swap}
.xp-home{--ink:#070809;--accent:#ff713e;background:var(--ink)}
.xp-home .xp-header{height:60px;background:#08090bf2;padding-inline:clamp(20px,4vw,72px);backdrop-filter:blur(8px)}
.xp-home .xp-header .brand{font-size:14px}.xp-home .xp-header .brand img{width:27px;height:27px}
.xp-home .xp-header nav{font-size:12px;gap:28px}.xp-home .xp-header nav a{padding-block:18px}.xp-home .xp-header nav a:after{bottom:10px}
.xp-home .xp-header>.xp-button{border-radius:2px;border-color:#f7774350;background:#ff713e0d;font-size:11px}
.xp-home .xp-ticker{height:34px;background:#060708;border-bottom-color:#e3662922;padding-left:clamp(20px,4vw,72px)}
.xp-home .xp-ticker-label{color:#ff925f;font-size:9px;letter-spacing:.16em}.xp-home .xp-ticker-track span{color:#91959f;font-size:11px}
.xp-home .xp-atmosphere{height:1000px;max-height:120svh;mask-image:linear-gradient(#000 65%,transparent 100%)}
.xp-home .xp-ambient-light{inset:-8%;background:radial-gradient(ellipse at 45% 19%,#ad331b22,transparent 29%),radial-gradient(ellipse at 5% 40%,#9e241b1b,transparent 43%),radial-gradient(ellipse at 94% 61%,#af642614,transparent 37%);animation-duration:26s}
.xp-home .xp-ambient-grid{background-size:64px 64px;opacity:.2;mask-image:linear-gradient(transparent,#000 20%,#000 65%,transparent)}
.xp-home .xp-atmosphere>img{--logo-drift-x:32px;--logo-drift-y:20px;top:3%;left:57%;width:640px;opacity:.085;filter:grayscale(1) brightness(1.35);transform:translateX(-50%) rotate(-8deg);animation:logo-float 18s ease-in-out -6s infinite alternate}
@keyframes logo-float{from{transform:translate3d(calc(-50% - var(--logo-drift-x)),calc(-1 * var(--logo-drift-y)),0) rotate(-12deg)}to{transform:translate3d(calc(-50% + var(--logo-drift-x)),var(--logo-drift-y),0) rotate(4deg)}}
.xp-offscreen .xp-atmosphere>img,.xp-document-hidden .xp-atmosphere>img,.dz-preview-open .xp-atmosphere>img{animation-play-state:paused}
.xp-home .xp-particle{box-shadow:0 0 6px 1px var(--particle-color)}
.xp-home .dz-opening{width:min(1160px,calc(100% - 72px));padding:30px 0 0;margin:0 auto;text-align:center}
.dz-hero-copy{max-width:1000px;margin:0 auto 26px;animation:hero-in .55s var(--ease) both}
.dz-emblem{display:flex;flex-direction:column;align-items:center;gap:14px;margin-bottom:12px}
.dz-emblem img{width:56px;height:56px;filter:drop-shadow(0 0 20px #fa652b33)}
.dz-emblem>span{font-size:11px;letter-spacing:.29em;color:#b9b3ad;font-weight:600;line-height:1.5}
.xp-home .dz-hero-copy h1{font-family:DropzoneDisplay,'Arial Narrow',Impact,sans-serif;font-size:clamp(46px,4.8vw,68px);font-weight:700;font-style:italic;letter-spacing:-.015em;line-height:1.03;color:#f7f5f0;margin:0;white-space:nowrap}
.xp-home .dz-hero-copy h1 span{color:#ff713e}
.dz-hero-description{font-size:14px;line-height:1.7;color:#b7b3b7;margin:14px auto 18px;max-width:520px}
.dz-hero-actions{display:flex;align-items:center;justify-content:center;gap:24px}
.dz-hero-actions .dz-download{background:#f16b38;border:1px solid #ff895c;color:#110c09;border-radius:2px;padding:11px 19px;font-size:12px;min-height:45px;gap:26px;letter-spacing:.01em;box-shadow:0 3px 20px #d54d161a}
.dz-download span{font-size:19px;line-height:1}.dz-hero-actions .dz-download:hover{background:#ff8555;box-shadow:0 4px 24px #f66c3533;transform:translateY(-2px)}
.dz-explore{display:inline-flex;align-items:center;gap:16px;min-height:44px;font-size:11px;letter-spacing:.04em;font-weight:700;color:#dedbd8;transition:color .2s}.dz-explore span{font-size:19px;color:#ff713e}.dz-explore:hover{color:#ffad83}
.dz-release{font-size:11px;color:#929197;margin-top:11px}
.dz-showcase{text-align:left}
.dz-showcase-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:13px}
.xp-home .dz-showcase-heading h2{font-family:DropzoneDisplay,'Arial Narrow',Impact,sans-serif;font-size:26px;font-weight:700;font-style:italic;letter-spacing:.015em;line-height:1.2;display:flex;align-items:center;gap:11px}
.dz-showcase-heading h2:before{content:'';width:4px;height:21px;background:#ff713e;transform:skew(-15deg)}
.dz-showcase-heading>a{display:inline-flex;align-items:center;gap:12px;color:#b4b3b8;font-size:10px;font-weight:700;letter-spacing:.09em;min-height:32px}.dz-showcase-heading>a:hover{color:#ffad83}
.dz-tools{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px}
.dz-tool{display:block;min-width:0;color:#f5f5f5;transition:transform .22s var(--ease);--tool-accent:#ff713e}
.dz-tool-match{--tool-accent:#7bcfff}.dz-tool-map{--tool-accent:#d1c480}
.dz-tool-image{position:relative;aspect-ratio:2.1;overflow:hidden;background:#101115;border:1px solid #ffffff14;border-radius:2px;transition:border-color .22s}
.dz-tool-image:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 58%,#000c);pointer-events:none}
.dz-tool-image img{position:absolute;max-width:none;transition:transform .45s var(--ease),filter .3s;filter:saturate(.9) brightness(.96);transform-origin:center}
.dz-tool-match img{width:140%;height:auto;left:-27%;top:-37%}
.dz-tool-loadout img{width:124%;height:auto;left:-12%;top:-66%}
.dz-tool-map img{width:135%;height:auto;left:-31%;top:-35%}
.dz-tool:hover,.dz-tool:focus-visible{transform:translateY(-3px)}
.dz-tool:hover .dz-tool-image,.dz-tool:focus-visible .dz-tool-image{border-color:color-mix(in srgb,var(--tool-accent) 60%,transparent)}
.dz-tool:hover img,.dz-tool:focus-visible img{transform:scale(1.045);filter:saturate(1.08) brightness(1.12)}
.dz-tool-tag{position:absolute;z-index:1;bottom:10px;left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px;letter-spacing:.1em;font-weight:700;color:#eee}
.dz-tool-tag>span{font-size:9px;letter-spacing:0;font-weight:400;color:#cbcad0}
.dz-tool-title{display:flex;align-items:flex-start;gap:10px;padding:14px 0 0}
.dz-tool-index{font-size:10px;line-height:24px;color:var(--tool-accent);font-weight:700}
.xp-home .dz-tool-title h3{font-family:DropzoneDisplay,'Arial Narrow',Impact,sans-serif;letter-spacing:.01em;font-weight:700;font-size:23px;line-height:1.05}
.dz-tool-title p{font-size:12px;line-height:1.5;color:#a6a5ad;margin-top:7px}
.dz-tool-open{margin-left:auto;color:var(--tool-accent);font-size:17px;line-height:24px;padding-left:6px}
.dz-showcase-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:25px;padding:18px 0 19px;border-top:1px solid #ffffff13;color:#8e9098;font-size:10px;letter-spacing:.06em}
.dz-showcase-footer>span:last-child{font-size:11px;letter-spacing:0;color:#acabb1}.dz-showcase-footer i{font-style:normal;color:#8d5038;margin-inline:13px}
.xp-home .xp-story{height:160svh}.xp-home .xp-story-sticky{top:60px;height:calc(100svh - 60px);padding-top:45px}
.xp-home .xp-story-intro h2{font-family:DropzoneDisplay,'Arial Narrow',Impact,sans-serif;font-size:clamp(34px,3.5vw,48px);font-style:italic;letter-spacing:0}
.dz-preview-open{overflow:hidden}.dz-preview-open .xp-particle,.dz-preview-open .xp-ambient-light,.dz-preview-open .xp-ticker-track{animation-play-state:paused}
.dz-preview-dialog{background:#0c1015;border:1px solid #ffffff26;color:#f4f5f8;border-radius:8px;padding:0;width:min(1120px,calc(100% - 48px));max-height:calc(100svh - 48px);margin:auto;box-shadow:0 24px 100px #0009;overflow:auto}
.dz-preview-dialog::backdrop{background:#030508eb;backdrop-filter:blur(6px)}
.dz-preview-dialog[open]{animation:preview-in .18s ease-out}
.dz-preview-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;background:#10141b}
.dz-preview-top .xp-kicker{font-size:9px;color:#f5a27d;letter-spacing:.16em}.dz-preview-top h2{font-size:21px;letter-spacing:-.025em;margin-top:5px}
.dz-preview-close{background:transparent;color:#c7cbd3;border:1px solid #ffffff24;border-radius:3px;padding:9px 13px;display:flex;align-items:center;gap:15px;font-size:11px;font-weight:700;min-height:44px;flex-shrink:0}.dz-preview-close span{font-size:23px;font-weight:400;line-height:1}
.dz-preview-close:hover,.dz-preview-navigation button:hover{background:#ffffff0d;color:white}
.dz-preview-image{background:#070a10;display:flex;align-items:center;justify-content:center;min-height:180px}.dz-preview-image img{display:block;width:100%;height:auto;max-height:calc(100svh - 232px);object-fit:contain}
.dz-preview-error{padding:30px;color:#ddbfb1;font-size:14px}
.dz-preview-bottom{display:flex;align-items:center;flex-wrap:wrap;gap:14px 24px;padding:18px 24px;border-top:1px solid #ffffff10}.dz-preview-bottom>p{font-size:12px;color:#abb8ca;flex:1;min-width:180px;line-height:1.7}.dz-preview-bottom .xp-full-view{font-size:11px;min-height:44px}
.dz-preview-navigation{display:flex;align-items:center;gap:13px;color:#a5b4ca;font-size:11px}.dz-preview-navigation button{width:44px;height:44px;border:1px solid #ffffff26;background:#ffffff04;color:#eee;font-size:19px;border-radius:3px}
@media(min-width:1500px){.xp-home .dz-opening{padding-top:46px}.dz-hero-copy{margin-bottom:36px}}
@media(max-width:1000px){.xp-home .dz-opening{width:calc(100% - 48px)}.xp-home .dz-hero-copy h1{font-size:clamp(42px,6.5vw,62px)}.dz-tool-title{gap:8px}.xp-home .dz-tool-title h3{font-size:21px}.dz-tool-title p{font-size:11px}.dz-tool-tag{font-size:8px;letter-spacing:.02em}.dz-tool-tag>span{font-size:8px}}
@media(max-width:900px),(max-height:650px){.xp-home .xp-story{height:auto}.xp-home .xp-story-sticky{height:auto;min-height:0;position:relative;top:0}}
@media(max-width:650px){
 .xp-home .xp-header{height:56px;padding-inline:16px;gap:12px}.xp-home .xp-header .brand{font-size:0}.xp-home .xp-header .brand img{width:25px;height:25px}.xp-home .xp-header nav{font-size:11px;gap:12px}.xp-home .xp-header>.xp-button{font-size:10px;padding-inline:9px;min-height:36px}.xp-home .xp-ticker{height:32px;padding-left:18px;gap:16px}.xp-home .xp-ticker-label{font-size:8px}.xp-home .xp-ticker-track span{font-size:10px;padding-right:35px}.xp-home .xp-ticker-track span:after{padding-left:35px}
 .xp-home .dz-opening{width:calc(100% - 36px);padding-top:32px}.dz-emblem{gap:14px;margin-bottom:15px}.dz-emblem img{width:54px;height:54px}.dz-emblem>span{font-size:10px;letter-spacing:.24em}
 .xp-home .dz-hero-copy h1{font-size:clamp(40px,10.7vw,60px);line-height:.99;white-space:normal;max-width:520px;margin:auto}.xp-home .dz-hero-copy h1>span{display:block}.dz-hero-description{font-size:13px;line-height:1.75;margin:17px auto 20px}.dz-hero-actions{gap:10px 18px;flex-wrap:wrap}.dz-hero-actions .dz-download{font-size:10px;gap:16px;padding:11px 14px}.dz-explore{font-size:10px;gap:9px}.dz-release{font-size:10px}.dz-hero-copy{margin-bottom:32px}
 .xp-home .dz-showcase-heading h2{font-size:24px}.dz-showcase-heading>a{font-size:9px;letter-spacing:.04em}.dz-tools{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:13px;padding:4px 2px 15px;margin-inline:-2px;scrollbar-color:#684430 #ffffff09;scrollbar-width:thin}.dz-tool{flex:0 0 84%;scroll-snap-align:start}.dz-tool-image{height:auto;aspect-ratio:2.1}.dz-tool-tag,.dz-tool-tag>span{font-size:9px}.xp-home .dz-tool-title h3{font-size:23px}.dz-tool-title p{font-size:12px}.dz-showcase-footer{align-items:flex-start;gap:10px;flex-direction:column;padding-block:16px;margin-top:8px}.dz-showcase-footer>span:last-child{font-size:10px}.dz-showcase-footer i{margin-inline:9px}
 .xp-home .xp-atmosphere>img{--logo-drift-x:16px;--logo-drift-y:10px;width:460px;left:65%;top:7%}.xp-home .xp-story-sticky{padding-top:30px}
 .dz-preview-dialog{width:calc(100% - 20px);max-height:calc(100svh - 20px)}.dz-preview-top{padding:16px;gap:12px}.dz-preview-top h2{font-size:17px;line-height:1.35}.dz-preview-close{font-size:9px;gap:8px;padding-inline:10px}.dz-preview-bottom{padding:14px 16px;gap:10px 18px}.dz-preview-bottom>p{flex-basis:100%}.dz-preview-navigation{margin-left:auto}.dz-preview-bottom .xp-full-view{font-size:10px}.dz-preview-image img{max-height:calc(100svh - 290px)}
}
@media(max-width:370px){.xp-home .xp-header{padding-inline:10px;gap:8px}.xp-home .xp-header nav{gap:9px;font-size:10px}.xp-home .xp-header>.xp-button{font-size:9px;padding-inline:7px}.dz-hero-actions{flex-direction:column;gap:2px}.dz-hero-actions .dz-download{width:240px;font-size:11px}.dz-hero-description{font-size:12px}}
.xp-reduced .xp-home .xp-story{height:auto}.xp-reduced .dz-tool,.xp-reduced .dz-tool img,.xp-reduced .dz-hero-copy,.xp-reduced .dz-preview-dialog{animation:none;transition:none}.xp-reduced .dz-tool:hover img{transform:none}
@media(prefers-reduced-motion:reduce){.xp-home .xp-story{height:auto}.dz-tool,.dz-tool img,.dz-hero-copy,.dz-preview-dialog{animation:none;transition:none}.dz-tool:hover img{transform:none}}