:root{color-scheme:light;background:#efe6df;color:#191919;font-family:Arial,sans-serif}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;width:100%}
body{overflow-x:hidden}
main{position:relative;min-height:100svh;display:grid;place-items:center;isolation:isolate;overflow:hidden}
.ambient{position:absolute;inset:-80px;z-index:-1;background:#efe6df url('/assets/campaign-desktop-960.webp') center/cover no-repeat;filter:blur(55px);opacity:.38}
.campaign{position:relative;width:min(100vw,133.333333svh);aspect-ratio:4/3}
.artwork{display:block;width:100%;height:100%}
.artwork img{display:block;width:100%;height:100%;object-fit:contain}
.mobile-brand{display:none}
.announcement{position:absolute;left:7.5%;top:45%;width:24%;margin:0;font-size:inherit;font-weight:400}
.type-art{display:flex;flex-direction:column;align-items:center;gap:0}
.type-art img{display:block;height:auto;object-fit:contain}
.early{width:100%}.cute{width:46.5%;margin-top:2.5%}.soon{width:65%;margin-top:7%}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media (max-width:700px) and (orientation:portrait){
  main{display:block;background:#f0e7df;overflow:hidden}
  .ambient{display:none}
  .campaign{width:100%;aspect-ratio:auto;min-height:100svh;background:#f0e7df}
  .mobile-brand{position:relative;display:flex;align-items:center;justify-content:center;height:clamp(76px,12svh,115px);padding-top:env(safe-area-inset-top,0px);z-index:1;background:linear-gradient(110deg,#e5dad0,#f5eee8)}
  .mobile-brand img{width:70%;height:auto;max-width:380px}
  .artwork{height:max(760px,calc(100svh - 76px));height:max(178vw,calc(100svh - clamp(76px,12svh,115px)))}
  .artwork img{object-fit:cover;object-position:53% 0}
  .announcement{top:auto;bottom:calc(2% + env(safe-area-inset-bottom,0px));left:18%;width:64%;z-index:1}
  .announcement::before{content:"";position:absolute;inset:-28% -40% -55%;background:radial-gradient(ellipse,rgba(249,238,229,.84),rgba(249,238,229,.25) 55%,transparent 75%);z-index:-1;pointer-events:none}
  .cute{width:46.5%;margin-top:1%}.soon{width:65%;margin-top:8%}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
@media (max-width:700px) and (max-height:740px) and (orientation:portrait){
  .mobile-brand{height:76px}
  .artwork{height:calc(100svh - 76px)}
  .announcement{width:54%;left:23%;bottom:2%}
}