/* CSWerk's real workshop image is the stage, never a framed screenshot. */
.werkstatt-home .hero{position:relative;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.35fr);align-items:center;gap:0;width:min(var(--width),calc(100% - 96px));margin:0 auto;min-height:625px;padding:46px 0 26px;isolation:isolate}
.werkstatt-home .hero-copy{position:relative;z-index:2;padding:0 0 28px}.werkstatt-home .hero h1{font-size:clamp(54px,6.1vw,88px);font-weight:800;line-height:1.045;letter-spacing:-.065em;max-width:10.8ch;margin:0 0 29px;text-wrap:initial}.werkstatt-home .hero h1 span{display:block}.werkstatt-home .hero-copy>p{color:var(--muted);font-size:clamp(18px,1.7vw,24px);line-height:1.4;max-width:30ch}.werkstatt-home .hero-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap;margin-top:34px}.werkstatt-home .hero-actions .primary{display:inline-flex;align-items:center;gap:18px;min-height:56px;padding:15px 25px;border-radius:999px;font-size:17px;cursor:pointer;text-decoration:none}.werkstatt-home .hero-actions .primary span{font-size:23px;font-weight:400;line-height:1}.werkstatt-home .hero-actions>a{color:var(--accent);font-size:17px;min-height:44px;display:inline-flex;align-items:center;text-underline-offset:7px}.werkstatt-home .workbench{min-width:0;margin:0 -40px 0 -32px;position:relative}.werkstatt-home .scene{position:relative;aspect-ratio:1.5;perspective:1200px;isolation:isolate;--light-x:50%;--light-y:45%;--tilt-x:0deg;--tilt-y:0deg}.werkstatt-home .stage-light{position:absolute;inset:-15% 0 -12%;background:radial-gradient(ellipse at 55% 35%,#3f669d50,transparent 65%);pointer-events:none;z-index:-1}.werkstatt-home .scene-body{position:relative;width:100%;height:100%;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .35s ease-out}.werkstatt-home .ground-shadow{position:absolute;left:12%;bottom:0;width:78%;height:15%;border-radius:50%;background:#0008;filter:blur(25px);pointer-events:none}.werkstatt-home .scene-hit{background:none;border:0;padding:0;width:100%;height:100%;position:absolute;inset:0;cursor:pointer;z-index:1;border-radius:20px}.werkstatt-home .scene-hit picture,.werkstatt-home .scene-hit img{display:block;width:100%;height:auto;pointer-events:none}.werkstatt-home .game-light{display:none}.werkstatt-home .hotspot{position:absolute;z-index:4;border:1px solid #9db4d55c;background:#111c2cee;color:var(--ink);padding:6px 12px 6px 7px;min-height:44px;display:flex;gap:7px;align-items:center;border-radius:999px;white-space:nowrap;font-size:12px;font-weight:550;cursor:pointer;transition:background .16s,border-color .16s,opacity .16s}.werkstatt-home .hotspot>span{width:27px;height:27px;border:1px solid #a5b8d16b;border-radius:50%;display:grid;place-items:center;font-size:18px;color:var(--accent)}.werkstatt-home .hotspot:hover,.werkstatt-home .hotspot[aria-expanded=true]{border-color:var(--accent);background:#203553;transform:none}.werkstatt-home .book{left:4%;top:17%}.werkstatt-home .photos{left:44%;top:0}.werkstatt-home .radio{right:1%;top:22%}.werkstatt-home .games{left:29%;bottom:0}.werkstatt-home .compass{right:0;bottom:8%}.werkstatt-home .scene-caption{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:44px;padding:0 16px;color:var(--muted);font-size:12px}.werkstatt-home .scene-caption button{color:var(--muted);background:none;border:0;padding:10px 0;min-height:44px;font-size:12px;cursor:pointer;text-decoration:underline;text-underline-offset:5px}
@media(hover:hover) and (pointer:fine){.werkstatt-home .scene:not(.is-exploring):not(:hover):not(:focus-within) .hotspot{opacity:0;pointer-events:none}.werkstatt-home .scene:not(.is-exploring):not(:hover):not(:focus-within) .hotspot:focus-visible{opacity:1;pointer-events:auto}}
.werkstatt-home .drawer{position:relative;width:min(var(--width),calc(100% - 96px));margin:0 auto;padding:30px 0 55px;scroll-margin-top:24px}.werkstatt-home .drawer-heading{display:flex;align-items:center;justify-content:space-between;gap:25px}.werkstatt-home .drawer-heading button,.werkstatt-home .dialog-head button{min-height:44px;border:0;background:transparent;color:var(--muted);padding:10px 4px;font-size:14px;cursor:pointer}.werkstatt-home .eyebrow{font-size:14px;color:var(--accent);margin:0 0 12px}.werkstatt-home h2{font-size:clamp(30px,3.8vw,48px);line-height:1.15;letter-spacing:-.045em;margin:0}.werkstatt-home .items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:28px 0}.werkstatt-home .drawer.games-open .items{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.werkstatt-home .items .resource{display:block;min-width:0;text-decoration:none;background:var(--soft);border:1px solid var(--line);border-radius:16px;padding:18px}.werkstatt-home .resource .game-image{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:10px;margin-bottom:18px}.werkstatt-home .resource .kind{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:13px}.werkstatt-home .resource .kind img{width:32px;height:32px;border-radius:8px}.werkstatt-home .items .resource h3{font-size:23px;line-height:1.25;margin:16px 0 12px}.werkstatt-home .items .resource p{font-size:15px;line-height:1.65;color:var(--muted);margin:0 0 16px}.werkstatt-home .items .resource .action{font-size:14px;color:var(--accent)}.werkstatt-home .resource:hover h3{text-decoration:underline;text-underline-offset:5px}
.werkstatt-home .workshop-featured{padding:12px 0 45px}.werkstatt-home .featured-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:26px}.werkstatt-home .featured-heading p{margin-top:8px;color:var(--muted);font-size:18px}.werkstatt-home .featured-heading>a{white-space:nowrap;color:var(--accent);display:flex;align-items:center;min-height:44px;font-size:15px;text-underline-offset:6px}.werkstatt-home .featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.werkstatt-home .featured-card{position:relative;display:flex;align-items:center;gap:25px;min-width:0;padding:22px;border:1px solid #3b516f;border-radius:16px;background:linear-gradient(125deg,#17263c99,#111c2c55);text-decoration:none;transition:border-color .16s,background .16s}.werkstatt-home .featured-card:hover{border-color:var(--accent);background:#17263c}.werkstatt-home .featured-card>img{width:112px;height:112px;border-radius:25px;flex:none;box-shadow:0 14px 35px #0003}.werkstatt-home .featured-card h3{font-size:24px;line-height:1.2;letter-spacing:-.035em}.werkstatt-home .featured-card p{font-size:15px;line-height:1.5;color:var(--muted);margin:7px 0 16px}.werkstatt-home .featured-card .card-action{font-size:14px;color:var(--accent);text-decoration:underline;text-underline-offset:6px;display:inline-flex;min-height:26px;align-items:center;gap:10px}.werkstatt-home .featured-card>div{min-width:0}.werkstatt-home .project-directory{padding:20px 0 55px}.werkstatt-home .directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 30px}.werkstatt-home .directory-card{display:flex;align-items:center;gap:15px;padding:24px 0;border-top:1px solid var(--line);text-decoration:none;min-width:0}.werkstatt-home .directory-card img{width:52px;height:52px;border-radius:13px;flex:none}.werkstatt-home .directory-card h3{font-size:19px;letter-spacing:-.03em}.werkstatt-home .directory-card p{font-size:13px;color:var(--muted);margin-top:4px}.werkstatt-home .directory-card:hover h3{color:var(--accent)}
.werkstatt-home dialog{width:1100px;max-width:calc(100% - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:24px;border:1px solid #526b89;border-radius:22px;background:#111c2c;color:var(--ink);overscroll-behavior:contain}.werkstatt-home dialog::backdrop{background:#050a13d9;backdrop-filter:blur(8px)}.werkstatt-home .dialog-head{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:20px}.werkstatt-home .dialog-head h2{font-size:23px}.werkstatt-home .dialog-head>div{display:flex;gap:18px}.werkstatt-home .detail-viewport{max-height:65dvh;overflow:auto;touch-action:pan-x pan-y}.werkstatt-home .detail-viewport img{width:100%;height:auto;max-width:none}.werkstatt-home .detail-viewport.zoomed img{width:1600px}.werkstatt-home dialog>p{font-size:14px;color:var(--muted);margin-top:16px}.werkstatt-home #ws-search-dialog{max-width:800px}.werkstatt-home #ws-search-dialog label{display:block;font-size:15px;margin:18px 0 9px}.werkstatt-home #ws-query{width:100%;min-height:52px;font:inherit;padding:13px 15px;border:1px solid #536b8d;border-radius:12px;background:#152239;color:var(--ink)}.werkstatt-home #ws-search-results{grid-template-columns:repeat(2,minmax(0,1fr))}.werkstatt-home .sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.werkstatt-home [hidden]{display:none!important}
@media(min-width:1600px){.werkstatt-home .hero{min-height:700px}.werkstatt-home .hero h1{font-size:98px}.werkstatt-home .workbench{margin-right:-35px;margin-left:-55px}.werkstatt-home .featured-card>img{width:128px;height:128px}.werkstatt-home .featured-card{padding:25px}}
@media(max-width:1180px){.werkstatt-home .hero{min-height:540px;padding-top:42px}.werkstatt-home .hero h1{font-size:clamp(47px,6vw,68px)}.werkstatt-home .workbench{margin-right:-20px;margin-left:-15px}.werkstatt-home .hero-copy>p{font-size:19px}.werkstatt-home .hero-actions{gap:22px}.werkstatt-home .hero-actions .primary{font-size:15px;min-height:52px;padding:13px 20px}.werkstatt-home .hero-actions>a{font-size:15px}.werkstatt-home .featured-card{gap:17px;padding:19px}.werkstatt-home .featured-card>img{width:82px;height:82px;border-radius:20px}.werkstatt-home .featured-card h3{font-size:22px}.werkstatt-home .featured-card p{font-size:14px}.werkstatt-home .hotspot{font-size:11px}.werkstatt-home .directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:960px){.werkstatt-home .hero,.werkstatt-home .drawer{width:calc(100% - 48px)}.werkstatt-home .hero{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);min-height:490px}.werkstatt-home .hero h1{font-size:clamp(45px,6.4vw,59px)}.werkstatt-home .hero-copy>p{font-size:18px}.werkstatt-home .hero-actions{gap:16px;margin-top:25px}.werkstatt-home .hero-actions .primary{font-size:14px;padding-inline:18px}.werkstatt-home .hero-actions>a{font-size:14px}.werkstatt-home .featured-grid{gap:14px}.werkstatt-home .featured-card{display:block;padding:20px}.werkstatt-home .featured-card>img{width:76px;height:76px;margin-bottom:18px}.werkstatt-home .featured-card h3{font-size:22px}.werkstatt-home .drawer.games-open .items{grid-template-columns:repeat(2,minmax(0,1fr))}.werkstatt-home .items{grid-template-columns:repeat(2,minmax(0,1fr))}.werkstatt-home .scene-caption{font-size:11px;gap:8px;padding-inline:5px}.werkstatt-home .scene-caption button{font-size:11px}}
@media(max-width:760px){.werkstatt-home .hero{display:flex;flex-direction:column;align-items:stretch;width:100%;padding:38px 0 0;min-height:0}.werkstatt-home .hero-copy{padding:0 24px 18px}.werkstatt-home .hero h1{font-size:clamp(43px,10.6vw,68px);line-height:1.06;max-width:12ch;margin-bottom:22px}.werkstatt-home .hero-copy>p{font-size:18px;line-height:1.5;max-width:32ch}.werkstatt-home .hero-copy>p br{display:none}.werkstatt-home .hero-actions{margin-top:26px;gap:22px}.werkstatt-home .hero-actions .primary{font-size:15px;padding:13px 20px;min-height:52px}.werkstatt-home .hero-actions>a{font-size:15px}.werkstatt-home .workbench{margin:8px 0 0;padding:0;min-width:0}.werkstatt-home .scene{max-width:680px;margin:0 auto}.werkstatt-home .hotspot{font-size:11px;padding:6px 9px 6px 6px;gap:5px;min-height:44px}.werkstatt-home .hotspot>span{width:25px;height:25px}.werkstatt-home .book{left:3%;top:15%}.werkstatt-home .photos{left:42%;top:0}.werkstatt-home .radio{right:2%;top:19%}.werkstatt-home .games{left:28%;bottom:0}.werkstatt-home .compass{right:2%;bottom:7%}.werkstatt-home .scene-caption{padding:8px 22px;min-height:55px;font-size:12px}.werkstatt-home .scene-caption>span{max-width:25ch;padding:0}.werkstatt-home .scene-caption button{font-size:12px;white-space:nowrap}.werkstatt-home .workshop-featured{padding:28px 0 20px}.werkstatt-home .featured-heading{display:block;margin-bottom:22px}.werkstatt-home .featured-heading h2{font-size:33px}.werkstatt-home .featured-heading p{font-size:16px;max-width:32ch}.werkstatt-home .featured-heading>a{margin-top:10px;font-size:14px}.werkstatt-home .featured-grid{grid-template-columns:1fr;gap:13px}.werkstatt-home .featured-card{display:flex;padding:20px;gap:22px}.werkstatt-home .featured-card>img{width:90px;height:90px;margin:0;border-radius:22px}.werkstatt-home .featured-card h3{font-size:23px}.werkstatt-home .featured-card p{font-size:15px;margin:7px 0 13px}.werkstatt-home .featured-card .card-action{font-size:14px}.werkstatt-home .directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}.werkstatt-home .directory-card{align-items:flex-start;gap:12px;padding-block:20px}.werkstatt-home .directory-card img{width:42px;height:42px;border-radius:11px}.werkstatt-home .directory-card h3{font-size:17px}.werkstatt-home .directory-card p{font-size:12px}.werkstatt-home .drawer{width:calc(100% - 40px);margin-inline:auto;padding:30px 0 40px}.werkstatt-home .drawer-heading{align-items:flex-start;gap:16px}.werkstatt-home .drawer-heading h2{font-size:30px}.werkstatt-home .drawer-heading button{font-size:13px}.werkstatt-home .items{gap:18px}.werkstatt-home .items .resource{padding:17px}.werkstatt-home .items .resource h3{font-size:21px}.werkstatt-home .items .resource p{font-size:14px}.werkstatt-home .resource .kind{font-size:12px}.werkstatt-home .dialog-head{flex-wrap:wrap;gap:12px}.werkstatt-home .dialog-head h2{font-size:21px}.werkstatt-home dialog{padding:20px}.werkstatt-home .dialog-head>div{gap:16px}}
@media(max-width:420px){.werkstatt-home .hero-copy{padding-inline:20px}.werkstatt-home .hero h1{font-size:43px}.werkstatt-home .hero-actions{gap:13px}.werkstatt-home .hero-actions .primary{font-size:14px;padding-inline:17px;gap:12px}.werkstatt-home .hero-actions>a{font-size:14px}.werkstatt-home .hero-copy>p{font-size:17px}.werkstatt-home .hotspot{font-size:10px;padding-right:8px;gap:4px}.werkstatt-home .hotspot>span{width:23px;height:23px}.werkstatt-home .scene-caption{padding-inline:20px;font-size:11px;gap:10px}.werkstatt-home .scene-caption>span{max-width:19ch}.werkstatt-home .scene-caption button{font-size:11px}.werkstatt-home .featured-card{gap:18px;padding:18px}.werkstatt-home .featured-card>img{width:80px;height:80px;border-radius:20px}.werkstatt-home .directory-grid{grid-template-columns:1fr}.werkstatt-home .directory-card img{width:48px;height:48px}.werkstatt-home .directory-card h3{font-size:19px}.werkstatt-home .directory-card p{font-size:14px}.werkstatt-home .items,.werkstatt-home .drawer.games-open .items,.werkstatt-home #ws-search-results{grid-template-columns:1fr}.werkstatt-home .drawer-heading{flex-direction:column;gap:5px}.werkstatt-home .drawer-heading button{align-self:flex-end}}
@media(max-width:350px){.werkstatt-home .hero h1{font-size:39px}.werkstatt-home .hero-actions{gap:8px}.werkstatt-home .hero-actions .primary{font-size:13px;padding-inline:15px}.werkstatt-home .hero-actions>a{font-size:13px}.werkstatt-home .featured-card{gap:15px;padding:16px}.werkstatt-home .featured-card>img{width:65px;height:65px;border-radius:17px}.werkstatt-home .featured-card h3{font-size:21px}.werkstatt-home .featured-card p{font-size:14px}}
@media(min-width:961px){.werkstatt-home .hero{padding-bottom:0}.werkstatt-home .scene-caption{position:absolute;left:0;right:0;bottom:-26px;transition:opacity .15s}.werkstatt-home .workbench:not(:hover):not(:focus-within):not(:has(.is-exploring)) .scene-caption{opacity:0;pointer-events:none}}
@media(prefers-reduced-motion:reduce){.werkstatt-home .scene-body{transform:none!important;transition:none!important}.werkstatt-home *,.werkstatt-home *:before,.werkstatt-home *:after{animation:none!important;transition:none!important}}