.sub-band{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(30px,5vw,84px);align-items:center;padding:0 0 clamp(52px,6vw,72px);margin:0 0 clamp(52px,6vw,72px);border-bottom:1px solid #262626;text-align:left;font-family:"Nunito Sans",sans-serif}
.sub-script{font-family:Italianno,cursive;font-size:46px;line-height:1;color:#D4B472}
.sub-h{margin:6px 0 0;font-family:Oswald,sans-serif;font-weight:300;font-size:clamp(28px,3vw,42px);line-height:1.12;letter-spacing:.05em;text-transform:uppercase;color:#fff}
.sub-band .gold{font-weight:400;background:linear-gradient(100deg,#A8834A 0%,#D9B871 14%,#FFF6DD 27%,#E7CB86 38%,#B8914F 52%,#F2DDA4 66%,#FFFBEF 74%,#C9A460 88%,#A8834A 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:subSheen 9s linear infinite}
@keyframes subSheen{to{background-position:200% center}}
.sub-p{margin:14px 0 0;max-width:460px;font-size:14px;line-height:1.8;color:#9a9a9a}
.sub-form{margin:0;position:relative}
.sub-row{display:flex;align-items:stretch;border-bottom:1px solid rgba(212,180,114,.45);transition:border-color .3s}
.sub-row:focus-within{border-bottom-color:#D4B472}
.sub-row input{flex:1 1 auto;min-width:0;height:56px;margin:0;padding:0 6px 0 0;border:0;border-radius:0;background:transparent;color:#fff;font:300 16px/1 "Nunito Sans",sans-serif;letter-spacing:.02em;outline:none;box-shadow:none;-webkit-appearance:none;appearance:none}
.sub-row input::placeholder{color:#8a8a8a;opacity:1}
.sub-row input:-webkit-autofill{-webkit-text-fill-color:#fff;-webkit-box-shadow:0 0 0 60px #050505 inset;caret-color:#fff}
.sub-btn{position:relative;overflow:hidden;flex:0 0 auto;align-self:center;height:46px;margin:0 0 0 12px;padding:0 30px;border:0;border-radius:0;cursor:pointer;font:400 13px/1 Oswald,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#0A0A0A;background:linear-gradient(110deg,#A8834A 0%,#D9B871 20%,#FFF6DD 38%,#E7CB86 52%,#B8914F 75%,#D9B871 100%);background-size:200% auto;transition:background-position .7s ease,transform .2s}
.sub-btn:hover,.sub-btn:focus-visible{background-position:100% center}
.sub-btn:focus-visible{outline:1px solid #F3E2B3;outline-offset:3px}
.sub-btn:active{transform:translateY(1px)}
.sub-btn[disabled]{cursor:wait;opacity:.75}
.sub-btn::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:35%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);transition:left .8s ease}
.sub-btn:hover::after{left:130%}
.sub-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.sub-note{margin-top:12px;font-size:12px;letter-spacing:.02em;color:#7a7a7a;min-height:18px}
.sub-note.sub-bad{color:#e3a493}
.sub-done{display:none;animation:subIn .6s ease both}
.sub-band[data-state="done"] .sub-form{display:none}
.sub-band[data-state="done"] .sub-done{display:block}
.sub-done-h{font-family:Italianno,cursive;font-size:50px;line-height:1;color:#D4B472}
.sub-done-p{margin:8px 0 0;font-size:14px;line-height:1.7;color:#d6d6d6}
@keyframes subIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.sub-social{display:flex;align-items:center;gap:10px;margin-top:26px}
.sub-follow{margin-right:6px;font-size:10px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:#D4B472}
.sub-ic{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(212,180,114,.45);color:#F3E2B3!important;text-decoration:none!important;transition:background .3s,color .3s,border-color .3s}
.sub-ic:hover,.sub-ic:focus-visible{background:#D4B472;border-color:#D4B472;color:#0A0A0A!important}
@media (max-width:860px){.sub-band{grid-template-columns:minmax(0,1fr);gap:30px}}
@media (max-width:520px){
.sub-row{flex-direction:column;border-bottom:0}
.sub-row input{height:52px;border-bottom:1px solid rgba(212,180,114,.45)}
.sub-row input:focus{border-bottom-color:#D4B472}
.sub-btn{align-self:stretch;height:52px;margin:16px 0 0}
.sub-social{flex-wrap:wrap}
}
@media (prefers-reduced-motion:reduce){.sub-band .gold{animation:none}.sub-done{animation:none}.sub-btn::after{display:none}}
@media (max-width:760px){.sub-band .sub-copy,.sub-band .sub-note,.sub-band .sub-done{text-align:center}.sub-band .sub-social{justify-content:center}}