.sls{--ink:var(--tinta,#161412);--fill-on:var(--ink);--fill-slab:var(--blanco,#fff);--font-ui:var(--font-grotesk), "Helvetica Now Text", "Helvetica Neue", Helvetica, Arial, sans-serif;color:var(--fill-on,var(--ink,#17181a));font-family:var(--font-ui);-webkit-user-select:none;user-select:none;touch-action:none;pointer-events:none;position:relative}.sls-svg{pointer-events:none;position:absolute;inset:0;overflow:visible}.sls-grip{pointer-events:auto;cursor:grab;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;padding:0;position:absolute}.sls-grip:focus-visible{outline:2px solid var(--fill-on,#17181a);outline-offset:-12px}.sls-band{fill:color-mix(in srgb, var(--fill-on,#17181a) 10%, transparent)}.sls-dust line{stroke:var(--fill-on,#17181a);stroke-linecap:round}.sls-ball{background:var(--fill-on,#17181a);color:var(--fill-slab,#fff);pointer-events:none;border-radius:50%;place-items:center;transition:opacity .16s;display:grid;position:absolute;top:0;left:0}.sls-arrow{display:block}
.sm-main{--verde:#bfff52;background:var(--blanco);color:#000;font-family:var(--font-grotesk), "Helvetica Now Text", "Helvetica Neue", Helvetica, Arial, sans-serif;container-type:inline-size}.sm-frame{--u:calc(min(100cqw, 1920px) / 1920);max-width:1920px;margin-inline:auto}.sm-stage{height:calc(1050 * var(--u));background:var(--verde);position:relative;overflow:hidden}.sm-photos{left:calc(594 * var(--u));top:calc(144 * var(--u));width:calc(732 * var(--u));height:calc(732 * var(--u));background:#d9d9d9;position:absolute}.sm-photos img{object-fit:cover;visibility:hidden;width:100%;height:100%;position:absolute;inset:0}.sm-photos img[data-on]{visibility:visible}.sm-name,.sm-button span,.sm-text p{text-box:trim-both cap alphabetic}.sm-name{left:calc(16 * var(--u));top:calc(781 * var(--u));font-weight:700;font-size:calc(200 * var(--u));letter-spacing:-.05em;white-space:nowrap;margin:0;line-height:1.2;position:absolute}.sm-button{left:calc(1419 * var(--u));top:calc(144 * var(--u));width:calc(259 * var(--u));height:calc(76 * var(--u));color:var(--verde);font:inherit;font-weight:700;font-size:calc(40 * var(--u));letter-spacing:-.05em;text-transform:uppercase;cursor:pointer;background:#000;border:0;place-items:center;padding:0;line-height:1.2;transition:background .2s,color .2s,opacity .35s;display:grid;position:absolute}.sm-button:hover{background:var(--verde);color:#000;outline:2px solid #000}.sm-name,.sm-button{transition:opacity .35s}.sm-stage:has(.sm-veil[data-open=true]) :is(.sm-name,.sm-button){opacity:0}.sm-veil{z-index:5;-webkit-backdrop-filter:blur(calc(6.65 * var(--u)));backdrop-filter:blur(calc(6.65 * var(--u)));cursor:zoom-out;opacity:0;visibility:hidden;background:#ffffff80;transition:opacity .35s,visibility 0s linear .35s;position:absolute;inset:0;overflow-y:auto}.sm-veil[data-open=true]{opacity:1;visibility:visible;transition:opacity .35s}.sm-text{width:calc(1608 * var(--u));margin:calc(309 * var(--u)) auto calc(64 * var(--u));font-size:calc(30 * var(--u));letter-spacing:-.05em;text-align:justify;cursor:auto;outline:none;line-height:1.2}.sm-text p+p{margin-top:1.2em}@media (prefers-reduced-motion:no-preference){.sm-veil[data-open=true] .sm-text{animation:.45s cubic-bezier(.2,.8,.2,1) both sm-rise}}@keyframes sm-rise{0%{opacity:0;translate:0 calc(16 * var(--u))}}.sm-enter{display:none}@property --m{syntax:"<length>";inherits:true;initial-value:0}.sm-main{--verde:#bfff52}.sm-frame{--m:calc(min(100cqw, var(--col-max)) / 402);max-width:var(--col-max)}.sm-stage{justify-content:center;gap:calc(10 * var(--m));height:auto;min-height:calc(100svh - 30 * var(--m));padding:calc(24 * var(--m)) calc(10 * var(--m)) calc(150 * var(--m));flex-direction:column;display:flex}.sm-name{font-size:calc(64 * var(--m));order:1;position:static}.sm-photos{aspect-ratio:1;border-radius:calc(12 * var(--m));order:2;width:100%;height:auto;position:relative;top:auto;left:auto;overflow:hidden;translate:none}.sm-button{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.sm-enter{left:calc(50% - 25px);bottom:calc(80 * var(--m));z-index:6;width:50px;height:50px;display:block;position:absolute}.sm-enter .sls{--fill-on:#000;position:absolute;top:50%;left:50%;translate:-50% -50%;scale:.862069}.sm-enter .sls-ball{color:#000;background:#fff;box-shadow:inset 0 0 0 4px #000}.sm-veil{padding:0 calc(10 * var(--m)) calc(150 * var(--m));-webkit-backdrop-filter:blur(6.65px);backdrop-filter:blur(6.65px)}.sm-text{width:auto;margin:calc(120 * var(--m)) 0 0;font-size:calc(20 * var(--m));text-align:justify}@media (min-width:900px){.sm-frame{--m:calc(min(100cqw, 1440px) / 794);max-width:none}.sm-stage{--fw:min(100cqw, 1440px);--pad:calc(10 * var(--m));--nav:calc(30 * min(100vw, 1440px) / 882);--ball:72px;--photo:min(calc(100svh - var(--nav) - 4 * var(--pad) - var(--ball)), calc(var(--fw) * .5));--side:calc((var(--fw) - 4 * var(--pad) - var(--photo)) / 2);grid-template-columns:var(--side) var(--photo) var(--side);grid-template-rows:var(--photo) var(--ball);place-content:center;gap:var(--pad);height:calc(100svh - var(--nav));min-height:calc(var(--photo) + var(--ball) + 4 * var(--pad));padding:var(--pad);display:grid}.sm-photos{grid-area:1/2;width:100%}.sm-name{z-index:1;font-size:min(calc(var(--side) / 2.8), calc(var(--photo) * .2));pointer-events:none;grid-area:1/1/auto/-1;justify-content:space-between;align-items:center;line-height:.9;display:flex}.sm-name span{width:var(--side);text-align:center}.sm-enter{width:var(--ball);height:var(--ball);grid-area:2/2;justify-self:center;position:relative;top:auto;bottom:auto;left:auto}.sm-enter .sls{scale:1.24138}.sm-veil{grid-template-columns:var(--side) var(--photo) var(--side);grid-template-rows:var(--photo) var(--ball);place-content:center;gap:var(--pad);padding:var(--pad);display:grid}.sm-text{width:auto;padding:calc(var(--photo) * .04);font-size:max(15px, calc(var(--photo) / 30));grid-area:1/2;align-self:center;margin:0;line-height:1.15}}
