.modal{position:relative}.modal:after{display:block;content:"";clear:both}.modal__body{padding:calc(var(--gutter)/2) var(--gutter)}@media(min-width: 769px){.modal__body{padding:calc(var(--gutter)*2) var(--gutter)}}.modal__image{padding-bottom:50%;background-color:#ccc;background-position:center;background-size:cover}@media(min-width: 480px){.modal__image{width:100%;height:100%;padding-bottom:0}}.modal__heading,.modal__subheading,.modal__content,.modal__form,.modal__small-text{width:300px;max-width:100%}.modal__heading,.modal__subheading,.modal__content{color:#000}.inverse .modal__heading,.inverse .modal__subheading,.inverse .modal__content{color:#fff}.modal__heading{margin:0;font-family:var(--body-font-stack);font-size:3em;line-height:1}@media(min-width: 769px){.modal__heading{margin-top:.5em;font-size:5em}}.modal__subheading{font-size:2em}.modal__promo-code{display:inline-block;position:relative;margin:0 0 1.5em;padding:.75em 1.5em;border-radius:6px;font-size:1.4em;font-weight:600;line-height:1.1;text-decoration:none;color:#000;overflow:hidden;cursor:pointer}@media(min-width: 480px){.modal__promo-code{padding-right:0}}.modal__promo-code:before{position:absolute;display:block;top:0;right:0;bottom:0;left:0;border:2px dashed #ccc;content:""}@media(min-width: 769px){.modal__promo-code:after{display:inline-block;position:relative;margin:-0.75em 0 -0.75em 1.5em;padding:.75em 1em;background:#000;color:#fff;content:"Copy"}}.modal__promo-code:active,.modal__promo-code:focus,.modal__promo-code:hover{background:#f2f2f2;color:#000}.modal__promo-code:active:before,.modal__promo-code:focus:before,.modal__promo-code:hover:before{border:2px dashed #aaa}.modal__small-text{font-size:.8em;line-height:normal;opacity:.7}.inverse .modal__small-text{color:#fff}.modal__form .five-sixths{width:60%}.modal__form .one-sixth{width:40%}.modal.inverse .modal__form input[type=email]{color:#fff}.modal__form input[type=submit]{background-color:var(--color-black)}.modal.inverse .modal__form input[type=submit]{background-color:var(--color-white);color:var(--color-black)}@media(min-width: 480px){.modal__left,.modal__right{width:50%}.modal__left{float:left}.modal__right{position:absolute;float:none;top:0;right:0;bottom:0;left:50%}}