html[data-splash=off] .splash{display:none}.splash{background:var(--theme-color);animation:.4s 8s forwards splash-away}.welcome-stage{display:none;position:absolute;inset:0;overflow:hidden}html[data-welcome-variant=atelier] [data-stage=atelier],html[data-welcome-variant=campaign] [data-stage=campaign],html[data-welcome-variant=runway] [data-stage=runway],html[data-welcome-variant=lookbook] [data-stage=lookbook],html[data-welcome-variant=iris] [data-stage=iris],html[data-welcome-variant=marquee] [data-stage=marquee],html[data-welcome-variant=stitch] [data-stage=stitch],html[data-welcome-variant=wardrobe] [data-stage=wardrobe],html[data-welcome-variant=tape] [data-stage=tape],html[data-welcome-variant=hangtag] [data-stage=hangtag],html[data-welcome-variant=mosaic] [data-stage=mosaic]{display:block}.welcome-logo{background:var(--logo-url,none)center/contain no-repeat;margin-inline:auto;display:block}.welcome-logo-mono{-webkit-mask:var(--logo-url,linear-gradient(transparent,transparent))center/contain no-repeat;-webkit-mask:var(--logo-url,linear-gradient(transparent,transparent))center/contain no-repeat;mask:var(--logo-url,linear-gradient(transparent,transparent))center/contain no-repeat;background:currentColor}.atelier-curtain{background:radial-gradient(ellipse 55% 45% at 50% 50%,color-mix(in oklab,var(--theme-font-color)5%,var(--theme-color)),var(--theme-color));position:absolute;inset:0}.welcome-photo{background:50% 15%/cover no-repeat;position:absolute;inset:0}.welcome-photo-1{background-image:var(--welcome-1,none)}.welcome-photo-2{background-image:var(--welcome-2,none)}@media (min-width:768px){html[data-welcome]:not([data-welcome="0"],[data-welcome="1"]) .welcome-photo-1{right:50%}html[data-welcome]:not([data-welcome="0"],[data-welcome="1"]) .welcome-photo-2{left:50%}}.runway-panel{background:var(--button-bg);width:50.5%;position:absolute;top:0;bottom:0}.runway-left{left:0}.runway-right{right:0}.runway-seam{background:color-mix(in oklab,var(--button-text)55%,transparent);transform-origin:top;width:1px;height:100%;position:absolute;top:0;left:50%;translate:-50%;scale:1 0;-webkit-mask-image:linear-gradient(#000 38%,#0000 44% 56%,#000 62%);mask-image:linear-gradient(#000 38%,#0000 44% 56%,#000 62%)}.welcome-strips{display:flex;position:absolute;inset:0}.welcome-strip{background:#111 50% 15%/cover no-repeat;flex:1}.welcome-strip:nth-child(2n){background-color:#181818}.welcome-strip:first-child{background-image:var(--welcome-1,none)}.welcome-strip:nth-child(2){background-image:var(--welcome-2,var(--welcome-1,none))}.welcome-strip:nth-child(3){background-image:var(--welcome-3,var(--welcome-1,none))}.welcome-strip:nth-child(4){background-image:var(--welcome-4,var(--welcome-2,var(--welcome-1,none)))}.welcome-strip:nth-child(5){background-image:var(--welcome-5,var(--welcome-3,var(--welcome-1,none)))}@media (max-width:767px){.welcome-strip:nth-child(n+4){display:none}}@property --iris{syntax:"<length>";inherits:false;initial-value:0}.iris-stage{background:var(--theme-color);-webkit-mask-image:radial-gradient(circle at 50% 50%,transparent var(--iris),#000 calc(var(--iris) + 1px));-webkit-mask-image:radial-gradient(circle at 50% 50%,transparent var(--iris),#000 calc(var(--iris) + 1px));mask-image:radial-gradient(circle at 50% 50%,transparent var(--iris),#000 calc(var(--iris) + 1px))}.iris-ring circle{fill:none;stroke-width:1px}.iris-track{stroke:var(--line)}.iris-progress{stroke:var(--button-bg);stroke-dasharray:691;stroke-dashoffset:691px;transform-box:fill-box;transform-origin:50%;transform:rotate(-90deg)}.marquee-rows{flex-direction:column;justify-content:center;gap:.12em;font-size:clamp(56px,12vw,160px);display:flex;position:absolute;inset:0;overflow:hidden}.marquee-row{white-space:nowrap;letter-spacing:-.01em;width:max-content;color:var(--button-bg);font-weight:800;line-height:.95;display:flex}.marquee-row:before,.marquee-row:after{content:var(--welcome-name,"");padding-right:.3em}.marquee-row:nth-child(2){color:#0000;-webkit-text-stroke:1px var(--button-bg)}.stitch-half{background:var(--theme-color);height:50.5%;position:absolute;left:0;right:0}.stitch-top{top:0}.stitch-bottom{bottom:0}.stitch-box{width:300px;height:120px;position:absolute;top:50%;left:50%;translate:-50% -50%}.stitch-needle{background:var(--brand-red);width:9px;height:9px;box-shadow:0 0 0 3px color-mix(in oklab,var(--brand-red)20%,transparent);offset-path:path("M26,10 H274 A16,16 0 0 1 290,26 V94 A16,16 0 0 1 274,110 H26 A16,16 0 0 1 10,94 V26 A16,16 0 0 1 26,10 Z");offset-rotate:0deg;border-radius:50%;margin:-4.5px 0 0 -4.5px;position:absolute;top:0;left:0}.wardrobe-stage{perspective:1200px}.wardrobe-door{background:color-mix(in oklab,var(--theme-font-color)4%,var(--theme-color));width:50%;position:absolute;top:0;bottom:0}.wardrobe-door:before,.wardrobe-door:after{content:"";border:1px solid color-mix(in oklab,var(--theme-font-color)10%,transparent);border-radius:6px;position:absolute}.wardrobe-door:before{inset:4% 7%}.wardrobe-door:after{inset:8% 12%}.wardrobe-left{transform-origin:0;box-shadow:inset -1px 0 0 color-mix(in oklab,var(--theme-font-color)14%,transparent);left:0}.wardrobe-right{transform-origin:100%;right:0}.wardrobe-handle{background:var(--theme-font-color);border-radius:4px;width:4px;height:70px;position:absolute;top:50%;translate:0 -50%}.wardrobe-left .wardrobe-handle{right:14px}.wardrobe-right .wardrobe-handle{left:14px}.wardrobe-glow{opacity:0;background:linear-gradient(#0000,#ffd696 30% 70%,#0000);width:2px;position:absolute;top:0;bottom:0;left:50%;translate:-50%;box-shadow:0 0 22px 8px #ffc47866}.tape-window{background:color-mix(in oklab,var(--theme-font-color)6%,var(--theme-color));width:min(320px,80vw);height:40px;box-shadow:inset 0 0 0 1px var(--line);border-radius:4px;position:relative;overflow:hidden}.tape-strip{background:repeating-linear-gradient(90deg,var(--theme-font-color)0 1px,transparent 1px 10px)top/100% 28% no-repeat,repeating-linear-gradient(90deg,var(--theme-font-color)0 1.5px,transparent 1.5px 50px)top/100% 52% no-repeat;width:1001px;height:100%;position:absolute;top:0;left:50%}.tape-num{font-size:9px;font-weight:600;position:absolute;bottom:4px;translate:-50%}.tape-marker{background:var(--brand-red);width:2px;position:absolute;top:-2px;bottom:-2px;left:50%;translate:-50%}.welcome-swing{transform-origin:0 0;position:absolute;top:0;left:50%}.welcome-thread{background:color-mix(in oklab,var(--theme-font-color)55%,transparent);transform-origin:top;width:1px;height:28svh;position:absolute;top:0;left:-.5px}.welcome-tag{border:1px solid var(--line-strong);background:var(--theme-color);text-align:center;border-radius:18px;width:260px;padding:34px 26px 24px;position:absolute;top:calc(28svh - 8px);left:-130px;box-shadow:0 30px 60px -30px #00000073}.welcome-tag:before{content:"";border:1px dashed var(--line-strong);pointer-events:none;border-radius:12px;position:absolute;inset:8px}.mosaic-grid{grid-template-rows:repeat(10,1fr);grid-template-columns:repeat(6,1fr);display:grid;position:absolute;inset:0}@media (min-width:768px){.mosaic-grid{grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(10,1fr)}}.mosaic-tile{background:var(--theme-color);box-shadow:inset 0 0 0 .5px color-mix(in oklab,var(--theme-font-color)6%,transparent)}@media (prefers-reduced-motion:no-preference){.welcome-reveal{animation:welcome-reveal 1.1s var(--ease-out).25s backwards}.welcome-photo-1{animation:welcome-zoom 7s var(--ease-out)both,fade-in .8s ease-out both}.welcome-photo-2{animation:welcome-zoom 7s var(--ease-out)1.1s both,fade-in .9s ease-out 1.1s both}@media (min-width:768px){html[data-welcome]:not([data-welcome="0"],[data-welcome="1"]) .welcome-photo-2{animation-delay:.2s}}.welcome-strip{animation:welcome-rise .9s var(--ease-out)backwards}.welcome-strip:nth-child(2){animation-delay:80ms}.welcome-strip:nth-child(3){animation-delay:.16s}.welcome-strip:nth-child(4){animation-delay:.24s}.welcome-strip:nth-child(5){animation-delay:.32s}.marquee-row{animation:24s linear infinite welcome-marquee}.marquee-row:nth-child(2){animation-duration:28s;animation-direction:reverse}.marquee-row:nth-child(3){animation-duration:32s}.welcome-swing{animation:3.2s ease-out both welcome-swing}}@keyframes welcome-reveal{0%{clip-path:inset(0 50%);transform:scale(1.06)}}@keyframes welcome-zoom{0%{transform:scale(1.14)}to{transform:scale(1.02)}}@keyframes welcome-rise{0%{transform:translateY(101%)}}@keyframes welcome-marquee{to{transform:translate(-50%)}}@keyframes welcome-swing{0%{rotate:14deg}15%{rotate:-10deg}30%{rotate:7deg}45%{rotate:-4.5deg}60%{rotate:2.5deg}75%{rotate:-1.2deg}to{rotate:none}}@keyframes splash-away{to{opacity:0;visibility:hidden}}
