@media (width>=1024px){.su-ground{-webkit-mask-image:var(--reos-edge-right-in), linear-gradient(#000, #000);-webkit-mask-image:var(--reos-edge-right-in), linear-gradient(#000, #000);mask-image:var(--reos-edge-right-in), linear-gradient(#000, #000);-webkit-mask-position:100% 0,0 0;mask-position:100% 0,0 0;-webkit-mask-size:12px 360px,calc(100% - 10px) 100%;mask-size:12px 360px,calc(100% - 10px) 100%;-webkit-mask-repeat:repeat-y,no-repeat;mask-repeat:repeat-y,no-repeat}}.su-scrap-top{transform-origin:100% 0;--idle:2.4s;--idle-delay:-700ms;--r1:1.6deg;--r2:-.9deg}.su-scrap-bottom{transform-origin:0 100%;--idle:3.3s;--idle-delay:-2100ms;--r1:-1.2deg;--r2:.8deg}.su-stage{width:calc(var(--su-pass,240px) * 1.7);aspect-ratio:960/1080;flex:none;max-width:none;position:relative}.su-back{transform-origin:50%;--idle:2.8s;--idle-delay:-1300ms;--r1:.7deg;--r2:-.5deg}.su-card-pose{width:var(--su-pass,240px);margin-left:calc(var(--su-pass,240px) / -2);margin-top:calc(var(--su-pass,240px) * -.54);position:absolute;top:50%;left:50%;rotate:-3deg}.su-card{aspect-ratio:5/7;border:1px solid var(--color-border);background:var(--color-field-bg);box-shadow:var(--shadow-raised);color:var(--color-text);border-radius:13px;position:relative;container-type:inline-size}.su-card-inner{flex-direction:column;padding:9cqw 9cqw 8cqw;display:flex;position:absolute;inset:0}.su-card-top{align-items:center;height:6cqw;display:flex}.su-card-logo{width:auto;height:5.4cqw;color:var(--color-forest-green);display:block}.su-disc{width:25cqw;height:25cqw;color:var(--color-deep-ink);background:url(/img/shared/yellow-tex.webp) 50%/cover;border-radius:9999px;place-items:center;margin-top:9cqw;display:grid}.su-disc-initials{font-family:var(--font-display);letter-spacing:-.02em;font-size:9.6cqw;line-height:1}.su-lines{flex-direction:column;gap:6cqw;margin-top:auto;display:flex}.su-line{flex-direction:column;min-width:0;padding-right:9cqw;display:flex;position:relative}.su-line-name,.su-line-domain{align-items:baseline;min-width:0;display:flex}.su-line-text{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.su-line-text[data-placeholder]:before{content:attr(data-placeholder)}.su-line-name{font-family:var(--font-display);letter-spacing:-.02em;font-size:8.7cqw;line-height:1.25}.su-line-domain{font-family:var(--font-sans);text-rendering:geometricprecision;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);font-size:max(4.2cqw,9px);line-height:1.5}@container (width<=199px){.su-line-domain{letter-spacing:.04em}}.su-line--placeholder{color:color-mix(in srgb, var(--color-text-muted) 60%, transparent);font-style:italic}.su-line--placeholder.su-line-domain{font-style:normal}.su-rule{background:var(--color-forest-green);opacity:.85;transform-origin:0;height:2px;margin-top:1.4cqw;display:block}.su-tick{width:6.6cqw;height:auto;position:absolute;bottom:-.6cqw;right:0}.su-caret{background:var(--color-forest-green);flex:none;align-self:center;width:2px;height:.9em;margin-left:.08em}.su-caret--lead{margin-left:0;margin-right:.12em}.su-card-foot{justify-content:space-between;align-items:flex-end;margin-top:9cqw;display:flex}.su-dots{gap:2cqw;padding-bottom:1cqw;display:flex}.su-dot{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--color-text-muted) 40%, transparent);border-radius:9999px;width:3.2cqw;height:3.2cqw}.su-dot--on{border-color:var(--color-forest-green);background:var(--color-forest-green)}.su-seal-slot{border:1.5px dashed color-mix(in srgb, var(--color-text-muted) 45%, transparent);box-sizing:border-box;border-radius:9999px;width:20cqw;height:20cqw;display:block;position:relative}.su-seal{width:28cqw;max-width:none;height:auto;margin:-14cqw 0 0 -14cqw;position:absolute;top:50%;left:50%;rotate:-10deg}.su-strap{pointer-events:none;width:8.5%;height:auto;margin-left:-4.25%;position:absolute;bottom:91.5%;left:50%;rotate:2deg}@keyframes su-rule{0%{transform:scaleX(.15)}25%{transform:scaleX(.45)}50%{transform:scaleX(.8)}75%,to{transform:scaleX(1)}}@keyframes su-present{0%{transform:none}30%{transform:translateY(-6px)rotate(2deg)}70%,to{transform:none}}@keyframes su-caret{0%,55%{opacity:1}56%,to{opacity:0}}@media (prefers-reduced-motion:no-preference){:root:not([data-reduce-motion=reduce]) .su-rule[data-commit]{animation:.36s step-end both su-rule}:root:not([data-reduce-motion=reduce]) .su-tick{animation:.38s step-end .36s both hero-pop}:root:not([data-reduce-motion=reduce]) .su-dot--on{animation:.24s step-end both hero-pop}:root:not([data-reduce-motion=reduce]) .su-seal{animation:.6s step-end both hero-stamp}:root:not([data-reduce-motion=reduce]) .su-card-pose--done{animation:.9s step-end .42s both su-present}:root:not([data-reduce-motion=reduce]) .su-caret{animation:1s step-end 5 su-caret}}.su-pass-size{--su-pass:min(184px, 46vw)}@media (width>=600px){.su-pass-size{--su-pass:150px}}@media (width>=768px){.su-pass-size{--su-pass:220px}}@media (width>=900px){.su-pass-size{--su-pass:240px}}@media (width>=600px) and (width<=1023px){.su-pass-size .su-stage{margin-inline:calc(var(--su-pass) * -.15)}}@media (width>=1024px){.su-pass-size{--su-pass:clamp(168px, min((100dvh - 515px) / 1.9125, (44vw - 106px) / 1.7), 300px)}}@media (width>=1680px){.su-pass-size{--su-pass:clamp(168px, min((100dvh - 515px) / 1.9125, (44vw - 106px) / 1.7), 340px)}}@media (width>=1920px){.su-pass-size{--su-pass:clamp(168px, min((100dvh - 515px) / 1.9125, (44vw - 106px) / 1.7), 380px)}}@media (width>=1024px) and (width<=1179px){.su-pass-size .su-stage{translate:24px}}
