@font-face{font-family:WorkshopBarlow;src:url('/assets/workshop-home/BarlowCondensed-ExtraBold.ttf') format('truetype');font-weight:800;font-display:swap}
.workshop-feature{position:relative;isolation:isolate;display:grid;grid-template-columns:1.1fr 1fr;gap:24px;overflow:hidden;min-height:350px;margin:0 0 28px;padding:34px 32px;color:#f5e9cb;border:1px solid #6a7992;background:#14233a url('/assets/workshop-home/night-desk-v1.webp') center/cover;border-radius:8px}
.workshop-feature:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#101a32eb 0%,#101a32d9 40%,#101a3244)}
.workshop-feature-copy{position:relative;z-index:2;align-self:center}.workshop-feature .workshop-kicker{font-size:11px;color:#d4c7ab;margin:0 0 12px}
.workshop-feature h3{font:800 clamp(58px,7vw,78px)/.92 WorkshopBarlow,sans-serif;letter-spacing:-1px;margin:0 0 20px}.workshop-feature-copy>p{font-size:13px;line-height:1.65;margin:0 0 24px;color:#d3dcec}
.workshop-feature-actions{display:flex;flex-wrap:wrap;gap:12px}.workshop-feature .workshop-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;padding:12px 16px;background:#f2bd53;color:#15253b;text-decoration:none;font-weight:650;font-size:12px;border:1px solid #ffe3a7;box-shadow:0 3px 0 #926731}
.workshop-feature .workshop-cta--quiet{background:#192a43;color:#f5e9cb;border-color:#8595ad;box-shadow:0 3px 0 #0a1529}
.workshop-feature-copy>small{display:block;font-size:9px;margin-top:16px;color:#bfcbdc}.workshop-feature .workshop-door{display:inline-block;color:#eddbc0;margin-top:20px;font-size:11px;text-underline-offset:4px;min-height:28px}
.workshop-feature-art{position:relative;min-height:300px;align-self:stretch;max-width:360px;width:100%;justify-self:center}.workshop-pack{position:absolute;left:0;top:5px;width:175px;height:263px;background:#192b46;border:3px solid #d1ae70;border-top:12px ridge #bda57d;border-bottom:12px ridge #bda57d;color:#f5e9cb;box-shadow:10px 15px 20px #080e2566;transform:rotate(-12deg);overflow:hidden;padding:12px 10px}.workshop-pack>span{font-size:7px;letter-spacing:.7px}.workshop-pack>strong{position:relative;z-index:1;display:block;font:800 36px/.88 WorkshopBarlow,sans-serif;letter-spacing:-.5px;margin-top:9px}.workshop-pack>img{position:absolute;inset:73px 0 0;width:100%;height:165px;object-fit:cover;object-position:50% 37%;mask-image:linear-gradient(transparent,#000 12%)}.workshop-pack>small{position:absolute;bottom:7px;left:10px;right:10px;font-size:7px;letter-spacing:1px;text-shadow:0 1px 4px #000}
.workshop-feature-boss{position:absolute;right:-8px;top:40px;width:220px;height:250px;object-fit:contain;filter:drop-shadow(4px 9px 5px #0005)}
.workshop-feature-quote{position:absolute;bottom:2px;right:0;padding:9px 12px;background:#eedfc1;color:#24334a;font-size:10px;border-radius:8px 8px 8px 2px}.workshop-feature-quote:before{content:"";position:absolute;top:-6px;left:55%;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #eedfc1}
.workshop-feature a:focus-visible{outline:3px solid #fff1c6;outline-offset:4px}
@media(max-width:680px){.workshop-feature{padding:26px 22px;grid-template-columns:1fr;gap:12px}.workshop-feature-copy>p{font-size:13px;margin-bottom:20px}.workshop-feature h3{font-size:63px;margin-bottom:15px}.workshop-feature-art{min-height:225px;max-width:330px;width:100%;justify-self:center}.workshop-pack{width:142px;height:213px;left:28px;top:0}.workshop-pack>strong{font-size:30px}.workshop-pack>img{top:68px;height:126px}.workshop-feature-boss{right:0;top:8px;width:180px;height:205px}.workshop-feature-quote{bottom:0}.workshop-feature .workshop-door{margin-top:13px}.workshop-feature .workshop-cta{font-size:11px;padding:10px 12px;gap:12px}.workshop-feature-actions{gap:10px}}


.ui-icon{display:inline-block;width:1em;height:1em;vertical-align:-.14em;flex:none;pointer-events:none}