/* tulipix.pro: a light showcase doorway for now */
.site-main.light .btn-solid{background:#E8336F}
.home-wrap{padding:6px var(--gutter) clamp(40px,6vw,72px)}
.home{position:relative;max-width:var(--wrap);margin:0 auto;border-radius:clamp(28px,4vw,48px);overflow:hidden;isolation:isolate;border:1px solid rgba(232,51,111,.14);
  background:
    radial-gradient(70% 70% at 90% 20%,rgba(255,170,120,.55),transparent 62%),
    radial-gradient(60% 70% at 70% 100%,rgba(255,150,190,.5),transparent 62%),
    radial-gradient(50% 60% at 0% 100%,rgba(190,170,255,.45),transparent 60%),
    linear-gradient(160deg,#FFF3F0,#F8ECF8);
  padding:clamp(34px,6vw,88px) clamp(24px,5vw,72px)}
.home::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.55;background-image:radial-gradient(rgba(194,24,91,.13) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 75%);mask-image:linear-gradient(90deg,transparent,#000 75%)}
.home .loop{position:absolute;right:-14%;top:50%;width:min(58vw,720px);transform:translateY(-50%) rotate(-10deg);opacity:.85;pointer-events:none;z-index:-1}
.home h1{max-width:11ch}
.home .lede{margin-top:22px}
.doors{margin-top:clamp(36px,6vw,64px);max-width:640px;border-top:1px solid rgba(38,23,43,.2)}
.door{display:grid;grid-template-columns:56px 1fr auto;gap:6px 20px;align-items:center;padding:20px 4px;border-bottom:1px solid rgba(38,23,43,.2);color:inherit;text-decoration:none}
.door img{width:56px;height:56px;border-radius:14px}
.door h2{font-size:1.7rem;letter-spacing:-.02em}
.door p{margin:4px 0 0;color:var(--mute);font-size:.95rem;max-width:44ch}
.door .go{font:600 .9rem var(--body);padding:.7em 1.2em;border-radius:999px;background:#E8336F;color:#fff;white-space:nowrap;transition:background .15s}
a.door:hover h2{text-decoration:underline;text-decoration-color:#E8336F;text-decoration-thickness:3px;text-underline-offset:6px}
a.door:hover .go{background:var(--text)}
.door.soon img{filter:saturate(.7);opacity:.8}
.door.soon .go{background:transparent;border:1px solid rgba(38,23,43,.35);color:var(--mute)}
.door.soon h2{color:rgba(38,23,43,.62)}
@media (max-width:760px){.home .loop{opacity:.3;right:-34%}.door{grid-template-columns:56px 1fr}.door .go{grid-column:2;justify-self:start}}