@charset "UTF-8";
:root{color-scheme:dark;background:#191b17;color:#fffdf6;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
body{margin:0}
.page{position:relative;isolation:isolate;min-height:100vh;min-height:100svh;display:flex;align-items:center;padding:40px clamp(25px,5.1vw,100px);overflow:hidden}
.workshop{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center}
.shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(15,18,15,.82) 0%,rgba(15,18,15,.62) 30%,rgba(15,18,15,.2) 53%,rgba(15,18,15,.03) 78%)}
h1{font-size:clamp(35px,5.55vw,98px);letter-spacing:-.045em;line-height:1.12;font-weight:800;margin:0;white-space:nowrap;text-shadow:0 2px 24px #10130f33}
@media(max-width:900px) and (min-width:621px){.workshop{object-position:62% center}.shade{background:linear-gradient(90deg,#10130fe6 0%,#10130f99 40%,#10130f15 100%)}h1{font-size:clamp(35px,6.2vw,56px)}}
@media(max-width:620px){.page{align-items:flex-end;padding:40px 25px 12svh}.workshop{object-position:64% center}.shade{background:linear-gradient(180deg,rgba(15,18,15,.04) 20%,rgba(15,18,15,.05) 38%,rgba(15,18,15,.55) 67%,rgba(15,18,15,.91) 100%)}h1{font-size:clamp(26px,7.65vw,46px);letter-spacing:-.04em}}
@media(max-width:350px){.page{padding-left:19px;padding-right:19px}}
