/* Derbyo LAB 9.1 — one focused public product. */
.focus-online{display:inline-flex;align-items:center;gap:9px;min-height:44px;margin:16px 0 0;padding:8px 13px;border:1px solid var(--dy-border,#2c4057);border-radius:999px;background:#0d1927;color:var(--dy-muted,#a8b8ca);font:inherit;font-size:13px;line-height:1.4;cursor:pointer;transition:border-color .16s,background-color .16s}
.focus-online[hidden]{display:none}.focus-online img{width:22px;height:22px;object-fit:contain}.focus-online strong{margin-left:3px;color:var(--dy-text,#f4f7fc);font-variant-numeric:tabular-nums;font-weight:700}.focus-online-arrow{margin-left:5px;color:var(--dy-text,#f4f7fc)}.focus-online:hover{background:var(--dy-raised,#17283a);border-color:#60758f}.focus-online:focus-visible{outline:2px solid var(--dy-focus,#83cdff);outline-offset:4px}
@media(prefers-reduced-motion:reduce){.focus-online{transition:none}}
body[data-view="catalog"] main{padding:0;min-height:auto}body[data-view="catalog"] #net,body[data-view="entry"] #net{display:none}
.dh-site-header .brand small{display:none}.dh-site-header .header-right{width:auto;flex-wrap:nowrap}
.dh-site-header .dh-header-join{font-size:13px}
.focus-home{padding-bottom:24px}.focus-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.2fr);gap:0;align-items:center;min-height:620px;padding:40px 0}.focus-copy{position:relative;z-index:2;max-width:560px}.focus-kicker{font-size:11px;letter-spacing:1.8px;font-weight:700;color:var(--dy-muted)}.focus-copy h1{margin:22px 0;font-size:clamp(42px,5.1vw,68px);line-height:1.05;letter-spacing:-2.8px;font-weight:900}.focus-copy h1 em{font:inherit;color:var(--dy-primary)}.focus-lead{max-width:460px;color:var(--dy-muted);font-size:16px;line-height:1.75}.focus-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.focus-actions .button{min-height:56px;padding:13px 19px;font-size:14px}
.focus-help{margin-top:24px;max-width:460px;font-size:13px;color:var(--dy-muted)}.focus-help summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:10px;width:fit-content;color:#c2d2e3;font-weight:650;list-style:none}.focus-help summary::-webkit-details-marker{display:none}.focus-help summary:after{content:'';width:18px;height:18px;background:url('/icons/arrow.webp') center/contain no-repeat;transform:rotate(90deg);opacity:.8}.focus-help[open] summary:after{transform:rotate(-90deg)}.focus-help ol{padding-left:20px;line-height:1.75;margin:4px 0 0}.focus-help li+li{margin-top:8px}
/* Cinematic football scene; all navigation stays in accessible HTML. */
.focus-art{position:relative;isolation:isolate;min-width:0;width:calc(100% + 90px);margin-left:-90px;pointer-events:none;aspect-ratio:1.08;mask-image:linear-gradient(0deg,transparent,#0008 14%,#000 30%,#000 80%,#0007 92%,transparent);-webkit-mask-image:linear-gradient(0deg,transparent,#0008 14%,#000 30%,#000 80%,#0007 92%,transparent)}
.stadium-scene{position:absolute;inset:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#0006 12%,#000 28%,#000 82%,#000b 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#0006 12%,#000 28%,#000 82%,#000b 90%,transparent)}
.stadium-scene picture,.stadium-image{display:block;width:100%;height:100%}.stadium-image{object-fit:cover;object-position:100% 50%}
.stadium-light{position:absolute;inset:8% 0 40% 53%;border-radius:50%;background:radial-gradient(ellipse,#bddfff30,transparent 66%);mix-blend-mode:screen;opacity:.35;animation:stadium-lights 14s ease-in-out infinite alternate}


@keyframes stadium-lights{from{opacity:.2;transform:scale(.95)}to{opacity:.7;transform:scale(1.07)}}
.dh-resume{display:flex;align-items:center;gap:20px;margin:12px 0 0}.dh-resume[hidden]{display:none}.resume-copy{flex:1;min-width:0}.resume-actions{display:flex;align-items:center;gap:12px}
.shell>.site-footer{margin-top:10px;padding:22px 0}.site-footer .home-footer-links{display:flex;gap:22px;font-size:12px}.home-footer-links a{color:var(--dy-muted)}.home-footer-links a:hover{color:var(--dy-text)}
@media(max-width:980px){.focus-hero{min-height:540px}.focus-copy h1{font-size:clamp(42px,5.6vw,58px)}.focus-actions{gap:10px}.focus-actions .button{font-size:13px;padding:12px 14px}.focus-art{width:calc(100% + 55px);margin-left:-55px}}
@media(max-width:740px){.focus-hero{grid-template-columns:1fr;gap:0;padding:8px 0 24px;min-height:0}.focus-copy{order:2;max-width:560px}.focus-copy h1{font-size:clamp(40px,8vw,56px);letter-spacing:-2px;margin:16px 0}.focus-art{order:1;width:100%;margin:0 0 -10px;aspect-ratio:1.7}.stadium-scene{mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}.stadium-image{object-position:60% 53%}.focus-lead{font-size:15px}.focus-actions{margin-top:24px}.focus-help{margin-top:16px}.dh-resume{flex-wrap:wrap}.resume-actions{width:100%}.resume-actions>*{flex:1}}
@media(max-width:600px){.dh-site-header{flex-wrap:nowrap;gap:12px}.dh-site-header .header-right{gap:8px;margin-left:auto;justify-content:flex-end}.dh-site-header .brand{gap:0;margin:0}.dh-site-header .brand b{font-size:24px}.dh-site-header .dh-header-join{font-size:12px;gap:7px;padding:8px 10px;white-space:nowrap}.dh-site-header .dh-header-join .dy-icon{width:22px;height:22px;flex-basis:22px}.focus-kicker{font-size:9px;letter-spacing:1.2px}.focus-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.focus-actions .button{font-size:12px;padding:12px 8px;gap:7px;min-height:54px;white-space:normal}.focus-actions .ui-art{width:24px;height:24px;flex-basis:24px}.shell>.site-footer{flex-direction:row;align-items:center;gap:12px}.site-footer .home-footer-links{gap:18px;font-size:11px}}
@media(max-width:360px){.dh-site-header{gap:8px}.dh-site-header .brand b{font-size:21px}.dh-site-header .header-right{gap:6px}.dh-site-header .dh-header-join{font-size:11px;padding:8px}.dh-site-header .dh-header-join .dy-icon{display:none}.focus-actions{grid-template-columns:1fr}.focus-actions .button{font-size:14px}}
@media(prefers-reduced-motion:reduce){.stadium-light{animation:none;opacity:.3}}