.newsletter-band{
        --newsletter-accent:#925365;
        position:relative;
        overflow:hidden;
        color:#48383d;
        background:#fff5ee;
    }

    .newsletter-bg{
        position:absolute;
        inset:0;
        z-index:0;
        width:100%;
        height:100%;
        object-fit:cover;
        object-position:center 42%;
        filter:none;
    }

    .newsletter-overlay{
        position:absolute;
        inset:0;
        z-index:1;
        background:linear-gradient(90deg,rgba(255,247,239,.82),rgba(255,247,239,.25));
        pointer-events:none;
    }

    .newsletter-banner{
        position:relative;
        z-index:2;
        min-height:350px;
    }

    .newsletter-layout{
        min-height:350px;
        display:grid;
        grid-template-columns:minmax(0,1fr) minmax(390px,.78fr);
        align-items:center;
        gap:clamp(50px,7vw,120px);
        padding-block:42px;
    }

    .newsletter-banner__content{
        min-width:0;
    }

    .newsletter-banner__content p{
        font-family:var(--script);
        font-size:31px;
        line-height:1;
        margin:0 0 8px;
        color:var(--newsletter-accent);
    }

    .newsletter-banner__content h2{
        font-family:var(--serif);
        font-size:calc(clamp(30px,3.2vw,50px) - 2px);
        line-height:.92;
        letter-spacing:-.035em;
        font-weight:500;
        margin:0;
    }

    .newsletter-banner__content span{
        font-size:16px;
        margin-top:14px;
        color:#655259;
    }

    .newsletter-signup{
        position:relative;
        min-width:0;
        background:transparent;
    }

    .newsletter-signup__inner{
        width:min(100%,430px);
        margin-left:auto;
        display:flex;
        flex-direction:column;
        align-items:stretch;
        gap:14px;
    }

    .newsletter-intro{
        display:flex;
        align-items:center;
        justify-content:flex-start;
        gap:16px;
        min-width:0;
        width:100%;
    }

    .newsletter-icon{
        width:46px;
        height:46px;
        flex:0 0 46px;
        display:grid;
        place-items:center;
        color:#48383d;
    }

    .newsletter-icon svg{
        width:46px;
        height:46px;
    }

    .newsletter-intro > div > strong,
    .newsletter-intro span{
        display:block;
    }

    .newsletter-intro > div > strong{
        font-family:var(--serif);
        font-size:23px;
        line-height:1;
        font-weight:600;
    }

    .newsletter-intro span{
        font-size:14px;
        margin-top:6px;
        color:#655259;
    }

    .newsletter-offer{margin:10px 0 0;font-size:15px;line-height:1.55;color:inherit;}
    .newsletter-offer strong{color:var(--newsletter-accent);font-weight:700;}
    .newsletter-form{
        display:flex;
        gap:8px;
        width:min(100%,430px);
    }

    .newsletter-form input{
        flex:1;
        min-width:0;
        border:1px solid rgba(255,255,255,.62);
        background:rgba(255,255,255,.93);
        color:var(--ink);
        border-radius:999px;
        padding:13px 18px;
        outline:none;
        font-size:11px;
    }

    .newsletter-form button{
        border:0;
        border-radius:999px;
        background:#bd6678;
        color:#fff;
        padding:13px 19px;
        font-size:10px;
        font-weight:700;
        text-transform:uppercase;
        letter-spacing:.04em;
        white-space:nowrap;
    }

    @media (max-width:900px){
        .newsletter-layout{
            grid-template-columns:1fr;
            gap:34px;
            padding-block:46px;
        }

        .newsletter-signup__inner{
            width:min(100%,560px);
            margin-left:0;
        }
    }

    @media (max-width:620px){
        .newsletter-bg{
            object-position:65% center;
        }

        .newsletter-banner{
            min-height:0;
        }

        .newsletter-layout{
            min-height:0;
            gap:28px;
            padding-block:42px;
        }

        .newsletter-signup__inner{
            width:100%;
        }

        .newsletter-intro{
            position:relative;
            display:block;
            isolation:isolate;
            width:100%;
        }

        .newsletter-intro > div{
            position:relative;
            z-index:1;
            width:100%;
        }

        .newsletter-intro .newsletter-icon{
            position:absolute;
            top:50%;
            right:0;
            z-index:0;
            width:96px;
            height:96px;
            margin-top:0;
            opacity:.14;
            transform:translateY(-50%);
            pointer-events:none;
        }

        .newsletter-intro .newsletter-icon svg{
            width:100%;
            height:100%;
        }

        .newsletter-intro > div > strong{
            display:none;
        }

        .newsletter-offer{
            margin-top:0;
        }

        .newsletter-form{
            width:100%;
            flex-direction:column;
        }

        .newsletter-form button{
            padding:14px 18px;
        }
    }
