.focus-home{--focus-muted:#b3b6bf}.focus-hero{display:grid;grid-template-columns:1.04fr 1fr;align-items:center;gap:64px;padding-block:64px 72px}.focus-hero h1{font-family:Arena,'Arial Narrow',sans-serif;font-size:clamp(60px,5.8vw,88px);line-height:1.02;letter-spacing:-.7px;font-weight:700;margin:24px 0}.focus-hero h1 span{color:var(--arena-accent)}.focus-lead{font-size:16px;color:#bdc0c7;line-height:1.85;max-width:510px;margin:0 0 28px}.focus-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.focus-link{display:inline-flex;align-items:center;gap:12px;font-size:13px;color:#e2e3e8;line-height:1.5}.focus-link:hover{color:var(--arena-accent)}.focus-independent{font-size:11px;color:#91969f;margin:20px 0 0}.focus-art{position:relative;aspect-ratio:1.1;background:#19141e;border:1px solid #332b3b;overflow:hidden;min-width:0}.focus-art picture,.focus-art img{display:block;width:100%;height:100%}.focus-art img{object-fit:cover}.focus-art>span{position:absolute;right:18px;bottom:15px;padding:6px 9px;font:9px ui-monospace,monospace;color:#ddd4e8;background:#15101ebf;border:1px solid #50445d}.focus-section{padding-block:62px;border-top:1px solid var(--arena-line);scroll-margin-top:105px}.focus-section-head{margin-bottom:32px}.focus-section h2,.focus-simulator h2{font-size:clamp(28px,3vw,42px);font-weight:800;letter-spacing:-1.4px;line-height:1.18;margin:15px 0 0}.focus-section-head>p{font-size:14px;color:var(--focus-muted);margin:16px 0 0}.focus-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.focus-mode{display:flex;flex-direction:column;background:#15171c;border:1px solid #2d3037;padding:28px;min-width:0;transition:border-color .2s,background .2s}.focus-mode:hover{background:#1c1b20;border-color:#98664e}.focus-mode-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.focus-mode-top>span:last-child{font:11px ui-monospace,monospace;color:#878e9b}.focus-mode h3{font-size:23px;line-height:1.3;letter-spacing:-.65px;margin:10px 0 14px}.focus-mode>p{font-size:13px;line-height:1.9;color:var(--focus-muted);margin:0 0 26px}.focus-mode-link{display:flex;justify-content:space-between;font-size:12px;align-items:center;margin-top:auto;color:#dddde3}.focus-mode-link>span{color:var(--arena-accent);font-size:20px}.focus-mode-symbol{height:48px;width:64px;position:relative;display:block;color:var(--arena-accent)}.symbol-case i:first-child{position:absolute;width:40px;height:31px;border:2px solid currentColor;left:8px;top:10px;transform:skewY(-10deg)}.symbol-case i:last-child{position:absolute;width:40px;left:8px;top:20px;border-top:2px solid currentColor;transform:skewY(-10deg)}.symbol-battle i{position:absolute;width:22px;height:35px;border:2px solid currentColor;top:5px}.symbol-battle i:first-child{left:7px;transform:rotate(-18deg)}.symbol-battle i:last-child{left:32px;transform:rotate(18deg)}.symbol-upgrade i:first-child{position:absolute;width:26px;height:26px;left:17px;top:9px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(-45deg)}.symbol-upgrade i:last-child{position:absolute;height:34px;left:30px;top:10px;border-left:2px solid currentColor}.focus-all-modes{padding-top:22px}.focus-all-modes .focus-link{font-size:12px;color:#b7bbc5}.focus-simulator{display:grid;grid-template-columns:1.4fr 1fr;gap:72px;align-items:center;padding:44px 48px;margin-block:12px 62px;border:1px solid #514338;background:linear-gradient(120deg,#211b18,#141619 70%)}.focus-simulator h2>span{color:#ffac87}.focus-sim-copy>p{font-size:14px;color:#bbc0c8;line-height:1.9;max-width:540px;margin:22px 0}.focus-sim-copy .focus-sim-note{font-size:11px;color:#999fa9;margin-bottom:0}.focus-sim-copy .focus-actions{gap:18px}.focus-sim-copy .focus-link{font-size:11px}.focus-sim-visual{min-width:0;text-align:center;position:relative}.focus-sim-orbit{position:relative;border:1px solid #654132;border-radius:50%;width:250px;height:250px;display:flex;align-items:center;justify-content:center;margin-inline:auto;background:radial-gradient(ellipse,#55352766,transparent 70%)}.focus-sim-orbit:before{content:'';position:absolute;inset:14px;border:1px solid #48332b;border-radius:50%}.focus-sim-word{font:700 76px/.85 Arena,sans-serif;letter-spacing:1px;color:#ff925e;transform:rotate(-8deg)}.focus-sim-badge{position:absolute;bottom:18px;padding:8px 13px;background:#ff7846;color:#111;font:11px Manrope,sans-serif}.focus-sim-format{display:flex;justify-content:space-between;font:9px ui-monospace,monospace;color:#aeaaa7;gap:16px;margin-top:24px;padding-top:15px;border-top:1px solid #46352d}.focus-help{padding-top:48px;padding-bottom:68px}.focus-help-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.focus-help-links>a{display:flex;gap:18px;border-top:1px solid #43464e;padding-top:23px}.focus-help-links h3{font-size:18px;letter-spacing:-.5px;line-height:1.4;margin:0 0 10px}.focus-help-links p{font-size:12px;color:var(--focus-muted);line-height:1.8;margin:0}.focus-help-links>a>span{font-size:22px;color:var(--arena-accent)}.focus-help-links>a:hover h3{color:#ffa37b}.focus-faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;margin-top:55px}.focus-faq h3{font-size:22px;line-height:1.3;letter-spacing:-.8px;margin:0 0 18px}.focus-faq .faq-list summary{font-size:14px;padding-block:19px}.focus-faq .faq-list p{font-size:13px}.focus-home .eyebrow{letter-spacing:1.2px}
@media(max-width:1100px){.focus-hero{gap:32px}.focus-hero h1{font-size:clamp(54px,6vw,70px)}.focus-simulator{gap:30px;padding:35px}.focus-mode{padding:23px}.focus-mode h3{font-size:20px}.focus-sim-orbit{width:210px;height:210px}.focus-sim-word{font-size:66px}}
@media(max-width:760px){.focus-hero{grid-template-columns:1fr;padding-block:35px 38px;gap:28px}.focus-hero h1{font-size:clamp(47px,11vw,70px);letter-spacing:-.3px;margin:19px 0}.focus-lead{font-size:14px;margin-bottom:22px;line-height:1.8}.focus-actions{gap:19px}.focus-actions .button{font-size:12px;padding:14px 18px;min-height:48px}.focus-actions .focus-link{font-size:12px}.focus-independent{margin-top:17px;font-size:10px}.focus-art{aspect-ratio:1.5}.focus-home .eyebrow{font-size:10px}.focus-section{padding-block:36px}.focus-section-head{margin-bottom:24px}.focus-section h2,.focus-simulator h2{font-size:29px;letter-spacing:-1px}.focus-section-head>p{font-size:13px}.focus-modes{grid-template-columns:1fr;gap:14px}.focus-mode{padding:21px}.focus-mode-top{margin-bottom:15px}.focus-mode h3{font-size:22px;margin-bottom:11px}.focus-mode>p{font-size:13px;margin-bottom:17px}.focus-mode-symbol{height:36px}.focus-mode-top .symbol-case i:first-child{top:2px}.focus-mode-top .symbol-case i:last-child{top:12px}.focus-all-modes .focus-link{font-size:11px}.focus-simulator{grid-template-columns:1fr;padding:26px 22px;margin-block:4px 36px;gap:0}.focus-sim-visual{display:none}.focus-simulator h2{font-size:28px}.focus-sim-copy>p{font-size:13px;margin-block:18px}.focus-sim-copy .focus-actions{gap:16px}.focus-help-links{grid-template-columns:1fr;gap:23px}.focus-help-links>a{padding-top:18px;justify-content:space-between}.focus-help-links h3{font-size:19px}.focus-help-links p{font-size:13px}.focus-faq{grid-template-columns:1fr;gap:14px;margin-top:35px}.focus-faq h3{font-size:22px}.focus-faq .faq-list summary{font-size:13px}.focus-help{padding-bottom:42px}.focus-home~footer{padding-top:32px}}
@media(prefers-reduced-motion:reduce){.focus-mode{transition:none}}
.focus-art canvas{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;cursor:grab;touch-action:pan-y;outline-offset:-5px}.focus-art canvas:active{cursor:grabbing}.focus-art.is-3d-ready canvas{opacity:1}.focus-art.is-3d-ready picture{visibility:hidden}.focus-art.is-3d-ready{background:#0e0b16;border-color:#4d355e}.focus-art>.scene-top{position:absolute;top:20px;left:22px;right:22px;display:none;justify-content:space-between;pointer-events:none;font:9px ui-monospace,monospace;letter-spacing:1.3px;color:#c6b5d9}.focus-art.is-3d-ready>.scene-top{display:flex}.focus-art>.scene-controls{position:absolute;left:20px;right:20px;bottom:20px;display:none;align-items:center;justify-content:space-between;gap:12px;font-size:10px;color:#b9adcb}.focus-art.is-3d-ready>.scene-controls{display:flex}.scene-controls button{background:#1b1426dd;border:1px solid #6b537f;border-radius:2px;color:#ded2eb;font-family:inherit;font-size:10px;padding:9px 11px;cursor:pointer;min-height:36px}.scene-controls button:hover{background:#32213f}.focus-art.is-3d-ready>span{bottom:65px;font-size:8px}.focus-art.is-3d-ready{aspect-ratio:1.1}.scene-controls [hidden]{display:none}
@media(max-width:760px){.focus-art.is-3d-ready{aspect-ratio:1.15}.focus-art>.scene-top{top:16px;left:16px;right:16px}.focus-art>.scene-controls{left:14px;right:14px;bottom:14px;font-size:9px}.scene-controls button{font-size:9px;padding:8px}.focus-art.is-3d-ready>span{bottom:57px}}
@media(max-width:760px){.focus-art{aspect-ratio:1.15}}

/* First screen: balanced copy and object, matching the approved reference. */
.focus-home .focus-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,5.5vw,80px);align-items:center;padding-block:64px 72px;max-width:1440px;margin-inline:auto}
.focus-hero-copy{min-width:0}
.focus-home .focus-hero h1{font-size:clamp(56px,5.7vw,82px);line-height:1.04;margin:28px 0}
.focus-home .focus-art{width:100%;aspect-ratio:1.1;align-self:center}
@media(min-width:761px) and (max-width:1100px){.focus-home .focus-hero{gap:32px;padding-block:48px 56px}.focus-home .focus-hero h1{font-size:clamp(44px,5.6vw,62px)}}
@media(max-width:760px){.focus-home .focus-hero{grid-template-columns:minmax(0,1fr);gap:30px;padding-block:36px 40px}.focus-home .focus-hero h1{font-size:clamp(44px,10.8vw,70px);margin:20px 0}.focus-home .focus-art{aspect-ratio:1.15}}

/* Keep the reference composition in narrow desktop panels as well. */
@media(min-width:600px) and (max-width:1100px){
.focus-home .focus-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,40px);padding-block:48px 52px;align-items:center}
.focus-home .focus-hero h1{font-size:clamp(34px,5.4vw,60px);line-height:1.06;margin:20px 0}
.focus-home .focus-lead{font-size:13px;line-height:1.75;margin-bottom:20px}
.focus-home .focus-art,.focus-home .focus-art.is-3d-ready{aspect-ratio:1.1}
.focus-home .focus-actions{gap:14px}
.focus-home .focus-actions .button{font-size:11px;padding:12px 15px}
.focus-home .focus-actions .focus-link{font-size:11px}
.focus-home .focus-independent{font-size:10px}
.focus-home .eyebrow{font-size:9px}
}

/* Animate the approved original artwork without replacing its painted detail. */
.focus-home .focus-art.is-art-ready{overflow:visible;background:transparent;border:0;isolation:isolate;touch-action:pan-y;cursor:grab}
.focus-art.is-art-ready picture{position:absolute;inset:0;transform-origin:center;backface-visibility:hidden;border:1px solid #3e3345;box-shadow:0 18px 36px #0005}
.focus-art.is-art-ready img{object-fit:cover}
.focus-art.is-art-ready .scene-controls{display:flex;bottom:14px;left:14px;right:14px;z-index:2;pointer-events:none}
.focus-art.is-art-ready .scene-controls>span{background:#0d0b10cc;padding:7px 9px;color:#d2cad9}
.focus-art.is-art-ready .scene-controls button{pointer-events:auto;background:#121016dc}
.focus-art.is-art-ready>span{bottom:62px;z-index:2}
.focus-art.is-art-ready:focus-visible{outline:2px solid #c99be8;outline-offset:8px}
@media(prefers-reduced-motion:reduce){.focus-art.is-art-ready picture{will-change:auto}}

/* Approved illustrated turntable: the objects change angle, the page stays still. */
.focus-home .focus-art.is-views-ready{background:#202022;border:1px solid #343137;overflow:hidden;cursor:grab;touch-action:pan-y}
.focus-art.is-views-ready picture{visibility:hidden}
.art-views{position:absolute;width:100%;aspect-ratio:1.5;top:45%;left:0;transform:translateY(-50%)}
.art-view{position:absolute;inset:0;background-image:url('/assets/knife-glove-views.webp');background-size:200% 200%;opacity:0;transition:opacity .55s ease}
.art-view.active{opacity:1}.art-view:nth-child(1){background-position:0 0}.art-view:nth-child(2){background-position:0 100%}.art-view:nth-child(3){background-position:100% 0}.art-view:nth-child(4){background-position:100% 100%}
.focus-art.is-views-ready .scene-controls{display:flex;left:16px;right:16px;bottom:14px;z-index:2}.focus-art.is-views-ready .scene-controls>span{color:#bab3c1;font-size:10px}
.art-view-nav{position:absolute;bottom:64px;left:16px;right:16px;display:flex;justify-content:center;align-items:center;gap:12px;font-size:11px;color:#d9d2df;z-index:2}
.art-view-nav button{min-width:40px;min-height:36px;border:1px solid #64576e;background:#211b29;color:#eee;font:16px system-ui;cursor:pointer;border-radius:3px}.art-view-nav span{min-width:110px;text-align:center}
.focus-art.is-views-ready>span{top:14px;bottom:auto;right:14px;z-index:2}.focus-art.is-views-ready:focus-visible{outline:2px solid #cc9bff;outline-offset:5px}
@media(prefers-reduced-motion:reduce){.art-view{transition:none}}

[data-display-case]>.scene-controls,[data-display-case]>span{display:none!important}[data-display-case]{background:#111015!important}

.model-credit{display:block;font-size:10px;color:#93909c;margin-top:16px}

.focus-home [data-display-case]{border:0!important;background:transparent!important}

.focus-home [data-display-case],.focus-home [data-display-case] iframe{background:transparent!important;box-shadow:none!important;outline:0!important;border:0!important}
@media(min-width:761px){.focus-home [data-display-case]{transform:translateX(-24px)}}

@media(min-width:1000px){.focus-home .focus-hero{grid-template-columns:1fr 1.08fr;gap:36px}.focus-home [data-display-case]{transform:translateX(-12px);aspect-ratio:1.08}}

@media(min-width:1000px){.focus-home .focus-hero{grid-template-columns:1fr 1.08fr;gap:40px}.focus-home [data-display-case]{transform:translateX(-18px);aspect-ratio:1.14}}

@media(min-width:1000px){.focus-home .focus-hero{grid-template-columns:1fr 1.08fr;gap:40px;align-items:center}.focus-home [data-display-case]{transform:none;aspect-ratio:1.08}}
