.sa{z-index:2000;pointer-events:none;height:100dvh;position:fixed;top:0;left:0;right:0;overflow:hidden}.sa__sheet{will-change:transform, clip-path;background:#fbf8f2;border-radius:6px;position:absolute;overflow:hidden;box-shadow:0 20px 50px #11111140}.sa__lines{background:repeating-linear-gradient(#1111112e 0 3px,#0000 3px 22px);position:absolute;inset:12% 10%}.sa__crease{transform-origin:0;background:linear-gradient(90deg,#11111140,#1111110d);height:2px;position:absolute;top:50%;left:0;right:0;transform:scaleX(0)}.sa__caption{left:var(--gutter);color:#111;opacity:0;font-size:clamp(2.6rem,6vw,5rem);position:absolute;bottom:clamp(2rem,6vh,4rem);transform:translateY(20px)}.sa__phone{aspect-ratio:9/18.5;background:#111;border-radius:42px;width:min(clamp(200px,20vw,260px),48.6487dvh - 4.86487rem);padding:10px;position:absolute;bottom:clamp(1.5rem,6vh,3.5rem);right:clamp(1.5rem,8vw,8rem);box-shadow:0 40px 80px #11111159,inset 0 0 0 2px #333}.sa__screen{color:#fff;text-align:center;background:radial-gradient(circle at 30% 20%,#ff9a5c,#0000 55%),radial-gradient(circle at 80% 90%,#c94f12,#0000 60%),#ff7a2c;border-radius:33px;height:100%;position:relative;overflow:hidden}.sa__notch{background:#111;border-radius:999px;width:34%;height:22px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.sa__time{font-family:var(--font-bebas), sans-serif;margin-top:22%;font-size:clamp(3.4rem,5vw,4.4rem);line-height:1;display:block}.sa__date{font-family:var(--font-oswald), sans-serif;letter-spacing:.1em;opacity:.85;font-size:.8rem;display:block}.sa__note{color:#111;text-align:left;opacity:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fbf8f2eb;border-radius:18px;gap:8px;padding:10px;display:flex;position:absolute;top:48%;left:8px;right:8px;box-shadow:0 10px 24px #1113}.sa__app{color:#ff7a2c;width:32px;height:32px;font-family:var(--font-bebas), sans-serif;background:#111;border-radius:8px;flex-shrink:0;place-items:center;font-size:1.2rem;display:grid}.sa__note-body{min-width:0;font-family:var(--font-oswald), sans-serif;flex-direction:column;font-size:.72rem;line-height:1.35;display:flex}.sa__note-head{color:#555;justify-content:space-between;gap:6px;display:flex}.sa__note-head b{text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;letter-spacing:.06em;min-width:0;font-weight:500;overflow:hidden}.sa__note-head i{flex-shrink:0;font-style:normal}.sa__note-title{font-size:.8rem;font-weight:500}.sa__note-text{-webkit-line-clamp:2;color:#333;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (max-width:640px){.sa__phone{right:50%;bottom:max(calc(2.5rem + env(safe-area-inset-bottom)), calc((100dvh - 350px) / 2 - 1.5rem));width:min(170px,48.6487dvh - 6.81081rem);translate:50%}.sa__caption{top:4.5rem;bottom:auto}}
.cf{min-height:100vh;padding:clamp(5rem, 9vw, 7rem) var(--gutter) clamp(4rem, 8vw, 6rem)}.cf__back{z-index:2;font-family:var(--font-oswald), sans-serif;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);font-size:.78rem;position:relative}.cf__head{border-bottom:1.5px solid #111;margin-top:1.5rem;padding-bottom:clamp(2rem,4vw,3rem)}.cf__title{font-size:clamp(4rem,12vw,12rem);line-height:.84}.cf__mask{clip-path:inset(-.3em -.3em 0);vertical-align:top;display:inline-block}.cf__title-in{display:inline-block}.cf__intro{max-width:44ch;font-family:var(--font-oswald), sans-serif;color:#333;margin-top:1.2rem;font-size:clamp(1.05rem,1.5vw,1.3rem);font-weight:300;line-height:1.55}.cf__letter{max-width:68rem;font-family:var(--font-oswald), sans-serif;transition:opacity .4s var(--ease-out);flex-direction:column;gap:clamp(1.4rem,3vw,2.2rem);margin-top:clamp(2.5rem,5vw,4rem);font-size:clamp(1.5rem,3vw,2.6rem);font-weight:300;line-height:1.5;display:flex}.cf__letter.is-flying{visibility:hidden}.cf__type span{opacity:0;animation:10ms linear forwards cf-char}@keyframes cf-char{to{opacity:1}}.cf__line{flex-wrap:wrap;align-items:baseline;gap:.35em .4em;display:flex}.cf__line--chips{align-items:center}.cf__line--chips .cf__chips{align-self:auto}.cf__line--block{flex-direction:column;align-items:stretch}.cf__field{width:9em;min-width:0;font:inherit;color:#111;transition:border-color .3s var(--ease-out);background:0 0;border:none;border-bottom:2px solid #111;outline:none;padding:0 .1em;font-weight:400}.cf__select{appearance:none;cursor:pointer;background:linear-gradient(45deg,#0000 50%,#111 50%) right .45em center/.3em .3em no-repeat,linear-gradient(-45deg,#0000 50%,#111 50%) right .15em center/.3em .3em no-repeat;width:8.5em;padding-right:1.1em}.cf__select:invalid{color:#8a8680;font-weight:300}.cf__select:has(option[value=""]:checked){color:#8a8680;font-weight:300}.cf__select option{color:#111;font-size:1rem}.cf__field--wide{width:11em}.cf__field::placeholder,.cf__area::placeholder{color:#8a8680;font-weight:300}.cf__field:focus,.cf__area:focus{border-color:var(--accent)}.cf__chips{flex-wrap:wrap;align-self:center;gap:.5rem;display:inline-flex}.cf__chip{font-family:var(--font-oswald), sans-serif;letter-spacing:.06em;transition:background .25s var(--ease-out), color .25s var(--ease-out), transform .25s var(--ease-out);border-radius:999px;padding:.45rem 1rem;font-size:clamp(.85rem,1.1vw,1rem);font-weight:400;line-height:1.2;box-shadow:inset 0 0 0 1.5px #111}.cf__chip:hover{background:#1111110f}.cf__chip.is-on{color:var(--bg);background:#111;transform:rotate(-2deg)}.cf__chip:active{transform:scale(.95)}.cf__area{width:100%;font-family:var(--font-oswald), sans-serif;color:#111;resize:vertical;background:#f6f2ea;border:1.5px solid #111;border-radius:1rem;outline:none;margin-top:.6rem;padding:1rem 1.2rem;font-size:clamp(1.05rem,1.4vw,1.25rem);font-weight:300;line-height:1.55}.cf__submit{align-items:center;gap:1.2rem 2rem;margin-top:.5rem}.cf__send{height:3.6rem;color:var(--bg);font-family:var(--font-oswald), sans-serif;letter-spacing:.22em;text-transform:uppercase;transition:background .3s var(--ease-out), color .3s var(--ease-out);background:#111;border-radius:999px;align-items:center;gap:.8rem;padding:0 1.8rem;font-size:.95rem;font-weight:500;display:inline-flex}.cf__send:hover{background:var(--accent);color:#111}.cf__plane{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linejoin:round;width:1.25rem;height:1.25rem;transition:transform .5s var(--ease-out)}.cf__send:hover .cf__plane{transform:translate(3px,-3px)rotate(-8deg)}.cf__alt{color:#444;font-size:1rem}.cf__alt a{color:#a1400b;text-underline-offset:.2em;text-decoration:underline}.cf__done{max-width:44rem;color:var(--bg);background:#111;border-radius:1.5rem;margin-top:clamp(2.5rem,5vw,4rem);padding:clamp(1.5rem,3vw,2.5rem);animation:.7s cubic-bezier(.34,1.56,.64,1) both cf-pop}@keyframes cf-pop{0%{opacity:0;transform:translateY(30px)rotate(-2deg)}}.cf__done-title{color:var(--accent);font-size:clamp(3rem,7vw,5.5rem);line-height:.9}.cf__done-text{font-family:var(--font-oswald), sans-serif;color:#c9c4bb;margin-top:.8rem;font-size:1.15rem;font-weight:300;line-height:1.55}.cf__done-actions{flex-wrap:wrap;align-items:center;gap:1.5rem;margin-top:1.5rem;display:flex}.cf__done .cf__send{background:var(--accent);color:#111}.cf__again{font-family:var(--font-oswald), sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--bg);font-size:.85rem}@media (max-width:640px){.cf__letter{font-size:1.35rem}.cf__field,.cf__field--wide{width:100%}.cf__chips{align-self:flex-start}.cf__send{justify-content:center;width:100%}}.cf__trap{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.cf__error{color:#8c1d16;background:#c42b1c14;border-radius:.8rem;width:100%;padding:.8rem 1.1rem;font-size:1rem;font-weight:400;box-shadow:inset 0 0 0 1.5px #b3261e}