:root{--red: #D9524E;--yellow: #F0C83D;--yellow-bg: #F3CF40;--pink: #E2685F;--teal: #195162;--font-display: "Phosphate Inline", "Phosphate", Impact, "Arial Black", sans-serif;--font-body: "Sansita Swashed", Georgia, serif;--font-hand: "Caveat", cursive;--pad-x: clamp(1.5rem, 6vw, 5rem);--pad-y: clamp(3.5rem, 8vw, 7rem)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--teal);overflow-x:hidden;-webkit-font-smoothing:antialiased}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:256px 256px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero{background:var(--red);min-height:100svh;display:flex;flex-direction:column;justify-content:space-between;padding:var(--pad-y) var(--pad-x);gap:2rem}.hero__top{display:flex;flex-direction:column;gap:1rem}.hero__name{font-family:var(--font-display);font-size:min(6.5vw,10rem);line-height:.9;color:var(--yellow);text-transform:uppercase;white-space:nowrap}.hero__sub{font-family:var(--font-display);font-size:clamp(1.2rem,3vw,3.2rem);color:var(--yellow);text-transform:uppercase}.hero__bottom{display:flex;align-items:center;justify-content:space-between}.hero__arrow{width:clamp(380px,58vw,720px);height:auto;display:block;margin-left:calc(-1 * var(--pad-x) - 3vw);flex-shrink:0}.hero__visual{display:flex;align-items:center;justify-content:flex-end}.hero__vinyl{width:100%;max-width:clamp(260px,42vw,520px);height:auto;display:block;animation:spin 6s linear infinite;transform-origin:center center;will-change:transform}.middle{background:var(--yellow-bg);display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:0;overflow:hidden}.middle__text{padding:var(--pad-y) var(--pad-x);display:flex;flex-direction:column;gap:2rem}.middle__heading{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,6.5rem);line-height:.93;color:var(--pink);text-transform:uppercase}.middle__body{display:flex;flex-direction:column;gap:1.1rem}.middle__body p{font-family:var(--font-body);font-size:clamp(1.1rem,2vw,1.5rem);font-style:italic;font-weight:300;line-height:1.55;color:var(--pink)}.middle__visual{display:flex;align-items:flex-end;justify-content:flex-end;align-self:stretch;overflow:hidden}.middle__illustration{display:block;width:100%;max-width:clamp(260px,40vw,520px);height:100%;object-fit:cover;object-position:top center}.signup{background:var(--teal);padding:var(--pad-y) var(--pad-x)}.signup__inner{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.signup__left{display:flex;flex-direction:column;gap:2rem;max-width:560px}.signup__right{display:flex;align-items:center;justify-content:center}.signup__letter{width:100%;max-width:clamp(240px,38vw,480px);height:auto;display:block}.signup__heading{font-family:var(--font-display);font-size:clamp(3rem,8vw,7rem);line-height:.93;color:var(--yellow);text-transform:uppercase;white-space:nowrap}.signup__card{border:1.5px solid rgba(203,214,172,.3);padding:clamp(2rem,5vw,3.5rem);position:relative}.signup__card:before,.signup__card:after{content:"";position:absolute;width:16px;height:16px;border-color:#cbd6ac40;border-style:solid}.signup__card:before{top:.6rem;left:.6rem;border-width:1px 0 0 1px}.signup__card:after{bottom:.6rem;right:.6rem;border-width:0 1px 1px 0}.signup__form{display:flex;flex-direction:column;gap:2.2rem}.field{position:relative}.field__input{width:100%;background:transparent;border:none;border-bottom:1.5px solid rgba(203,214,172,.3);padding:.75rem 0 .5rem;font-family:var(--font-body);font-size:1.1rem;color:var(--yellow);outline:none;transition:border-color .2s ease;resize:none;caret-color:var(--yellow)}.field__input::placeholder{color:transparent}.field__input:focus{border-color:var(--yellow)}.field__label{position:absolute;top:.75rem;left:0;font-family:var(--font-hand);font-size:1rem;color:#cbd6ac73;pointer-events:none;transform-origin:left top;transition:transform .2s ease,color .2s ease}.field__input:focus+.field__label,.field__input:not(:placeholder-shown)+.field__label,.field--textarea .field__input--textarea:focus+.field__label,.field--textarea .field__input--textarea:not(:placeholder-shown)+.field__label{transform:translateY(-1.4rem) scale(.8);color:var(--yellow)}.field--textarea .field__input--textarea{padding-top:1rem}.field__hint{margin-top:.4rem;font-family:var(--font-hand);font-size:.8rem;color:#cbd6ac4d}.btn-submit{display:flex;align-items:center;justify-content:center;margin-top:.5rem;padding:1rem 2.5rem;background:var(--yellow);color:var(--teal);border:none;border-radius:100px;font-family:var(--font-display);font-size:1.1rem;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;min-height:3.2rem}.btn-submit:hover{background:var(--yellow-bg)}.btn-submit:active{opacity:.85}.btn-submit__loading{display:none;width:20px;height:20px}.btn-submit__loading svg{width:100%;height:100%}.btn-submit.is-loading .btn-submit__text{display:none}.btn-submit.is-loading .btn-submit__loading{display:flex}.btn-submit.is-loading{pointer-events:none;opacity:.7}.form-error{font-family:var(--font-hand);font-size:.95rem;color:var(--yellow);min-height:1.2em}.signup__success{display:none;flex-direction:column;gap:.75rem}.signup__success.is-shown{display:flex}.success__message{font-family:var(--font-display);font-size:clamp(2rem,6vw,3.5rem);color:var(--yellow);text-transform:uppercase}.success__sub{font-family:var(--font-hand);font-size:1.3rem;color:#cbd6acb3}.footer{background:var(--teal);padding:1.5rem var(--pad-x) 2rem;border-top:1px solid rgba(203,214,172,.1)}.footer__copy{font-family:var(--font-hand);font-size:.8rem;color:#cbd6ac40}.footer__contact{margin-top:.4rem;font-family:var(--font-hand);font-size:.8rem}.footer__contact a{color:#cbd6ac40;text-decoration:none}.footer__contact a:hover{color:#cbd6ac8c}@media(max-width:900px){.hero__vinyl{max-width:clamp(200px,34vw,380px)}.middle{grid-template-columns:1.3fr .7fr}.signup__inner{gap:2.5rem}}@media(max-width:700px){.hero{min-height:auto;gap:1rem;padding-top:clamp(1.5rem,5vw,2.5rem);padding-bottom:clamp(1.5rem,5vw,2.5rem)}.hero__name{font-size:min(7.5vw,2.6rem)}.hero__sub{font-size:clamp(.7rem,3.2vw,1rem)}.hero__arrow{width:clamp(160px,50vw,280px);margin-left:calc(-1 * var(--pad-x))}.hero__vinyl{max-width:clamp(100px,38vw,170px)}.middle__text{padding:clamp(1.5rem,5vw,2.5rem) var(--pad-x);gap:1rem}.middle__heading{font-size:clamp(1.6rem,8.5vw,2.6rem)}.middle__body p{font-size:clamp(.8rem,3.2vw,1rem)}.middle__visual{align-self:stretch}.middle__illustration{width:100%;max-width:100%;height:100%;object-fit:cover;object-position:top center}.signup__inner{grid-template-columns:1fr;gap:2rem}.signup__left{max-width:100%}.signup__right{display:none}.signup__heading{font-size:clamp(2.4rem,12vw,3.5rem)}}:focus-visible{outline:2px solid var(--yellow);outline-offset:3px;border-radius:2px}.field__input:focus-visible{outline:none}