.l-nav{padding:calc(22px + var(--safe-top)) 0 22px;align-items:center;gap:28px;display:flex}.l-nav ul{color:var(--ink-2);gap:26px;margin:0;padding:0;font-size:14px;font-weight:600;list-style:none;display:flex}.l-nav .sp{flex:1}.hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:20px;padding:24px 0 56px;display:grid}.wordmark{font-family:var(--f-display);font-size:calc(clamp(88px, 13vw, 180px) * var(--d-scale));background:linear-gradient(178deg, var(--gum-hi) 8%, var(--gum) 40%, var(--lolli) 58%, var(--lolli-lo) 100%);color:#0000;filter:drop-shadow(0 3px 0 var(--cotton)) drop-shadow(0 18px 22px #ee3b8c40);-webkit-background-clip:text;background-clip:text;margin-left:-.04em;padding:.08em .12em .18em 0;line-height:1.1}.hero h1{max-width:20ch;margin-top:-6px;font-size:clamp(22px,2.4vw,30px);font-weight:700;line-height:1.25}.hero p{color:var(--ink-2);max-width:42ch;margin-top:14px}.hero .cta{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.hero .note{color:var(--ink-2);flex-wrap:wrap;gap:18px;margin-top:22px;font-size:12px;display:flex}.hero .note span{align-items:center;gap:6px;display:inline-flex}.hero .note span:before{content:"";background:var(--gum);border-radius:50%;width:6px;height:6px}.stack{height:min(640px,52vw);position:relative}.polaroid{background:var(--surface);width:56%;box-shadow:0 24px 50px -22px var(--shadow), 0 0 0 1px var(--line);border-radius:18px;margin:0;padding:10px 10px 0;position:absolute}.polaroid .ph{aspect-ratio:4/5;border-radius:12px}.polaroid figcaption{justify-content:space-between;align-items:baseline;padding:10px 6px 12px;display:flex}.polaroid figcaption b{font-family:var(--f-display);font-weight:400;font-size:calc(28px * var(--d-scale));line-height:1}.polaroid figcaption span{color:var(--ink-2);font-size:12px}.polaroid:first-child{top:40px;left:2%;transform:rotate(-7deg)}.polaroid:nth-child(2){z-index:2;top:0;left:40%;transform:rotate(5deg)}.polaroid:nth-child(3){z-index:3;top:150px;left:24%;transform:rotate(-1deg)}.trio{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-bottom:40px;display:grid}.trio div{align-content:start;gap:6px;padding:26px 28px;display:grid}.trio div:first-child{padding-left:0}.trio div+div{border-left:1px solid var(--line)}.trio p{color:var(--ink-2);font-size:14px}.l-foot{padding:24px 0 calc(24px + var(--safe-bottom));color:var(--ink-2);border-top:1px solid var(--line);font-size:12px}@media (max-width:860px){.stack{justify-self:center;width:100%;max-width:560px;height:calc(70vw + 170px)}.hero{grid-template-columns:minmax(0,1fr)}.l-nav ul{display:none}.trio{grid-template-columns:minmax(0,1fr)}.trio div,.trio div:first-child{padding:20px 0}.trio div+div{border-left:0;border-top:1px solid var(--line)}}@media (max-width:560px){.l-nav .btn-ghost{display:none}.stack{height:calc(74vw + 170px)}.polaroid{width:58%}.polaroid:nth-child(2){left:38%}}.hero>div:first-child>*{animation:rise .8s var(--ease-soft) backwards}.hero .wordmark{animation:pop .9s var(--ease-candy) backwards}.hero h1{animation-delay:.15s}.hero p{animation-delay:.25s}.hero .cta{animation-delay:.35s}.hero .note{animation-delay:.45s}.polaroid{animation:rise .9s var(--ease-candy) backwards, float 7s ease-in-out infinite;transition:box-shadow .3s}.polaroid:first-child{animation-delay:.2s,1.2s}.polaroid:nth-child(2){animation-delay:.35s,2.4s}.polaroid:nth-child(3){animation-delay:.5s,.6s}.trio>div{animation:rise .8s var(--ease-soft) backwards;animation-timeline:view();animation-range:entry entry 60%}
