:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fff;background:#000;font-family:system-ui,sans-serif}body{margin:0}#root{isolation:isolate;min-height:100svh}.polaroid{box-sizing:border-box;color:#086c72;text-align:center;width:100%;height:100%;transform:rotate(var(--polaroid-angle));background:#f4f0e8;border:1px solid #dedad2;padding:clamp(.35rem,1.1vw,.65rem);font:750 clamp(.8rem,2vw,1.25rem)/1.15 system-ui,sans-serif;text-decoration:none;transition:transform .18s;display:grid}:is(a,button).polaroid{cursor:pointer}:is(a,button).polaroid:hover,.polaroid:focus-visible{transform:rotate(0)translateY(-.2rem)}.polaroid:focus-visible{outline-offset:3px;outline:2px solid #65e2e6}.polaroid__photo{aspect-ratio:1.72;background:#050505;display:block;overflow:hidden}.polaroid__photo img{object-fit:cover;width:100%;height:100%;display:block}.polaroid__label{padding-top:.45rem}@media (prefers-reduced-motion:reduce){.polaroid{transition:none}}.starfield{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.workshop{width:min(100% - 2rem,52rem);margin-inline:auto;padding-block:clamp(2.5rem,8vh,6rem)}.workshop__header{justify-content:center;align-items:center;gap:.5rem;margin-bottom:clamp(2rem,6vw,4rem);display:flex}.workshop__header h1{margin:0}.workshop__title,.workshop__close{color:#65e2e6;cursor:pointer;background:0 0;border:0}.workshop__title{text-shadow:0 2px #164447,0 0 .5rem #000;padding:.25rem;font:800 clamp(1.45rem,5vw,3rem)/1.15 system-ui,sans-serif}.workshop__close{width:2.75rem;height:2.75rem;font:1.75rem/1 system-ui,sans-serif}.workshop__grid,.workshop__navigation ul{margin:0;padding:0;list-style:none}.workshop__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.75rem,2.5vw,1.5rem);display:grid}.workshop__navigation{background:#0b1012;border:1px solid #2c4d50;max-width:36rem;margin-inline:auto;padding:.5rem 1rem}.workshop__navigation li+li{border-top:1px solid #2c4d50}.workshop__page-title{color:#65e2e6;text-align:center;margin:0 0 1.5rem}.workshop__navigation :is(button,a){box-sizing:border-box;text-align:start;color:#edf5f5;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;gap:.25rem;padding:.75rem .5rem;text-decoration:none;display:grid}.workshop__navigation :is(button,a):hover{background:#172629}.workshop__navigation strong,.workshop__dialog h2{color:#65e2e6}.workshop__dialog{box-sizing:border-box;color:#edf5f5;background:#0b1012;border:1px solid #65e2e6;width:min(100% - 2rem,28rem);padding:1.25rem}.workshop__dialog::backdrop{background:#000000b3}.workshop__dialog form{float:right}.workshop__dialog h2{margin-top:.4rem}@media (width<=40rem){.workshop__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.workshop--portfolio{width:min(100% - 2rem,72rem)}.portfolio .workshop__grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width>=40.01rem){.socials .workshop__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.workshop__card-gallery .polaroid{background:0 0;border:clamp(.45rem,1.2vw,1rem) solid #f4f0e8;padding:0}.workshop__card-gallery .polaroid__photo{background:0 0}.workshop__card-gallery .polaroid__label{background:#f4f0e8;padding:.4rem .25rem 0}.portfolio .polaroid__label{font-size:clamp(1.15rem,3vw,2rem)}@media (width<=36rem){.portfolio .workshop__grid{grid-template-columns:minmax(0,1fr);max-width:24rem;margin-inline:auto}}
