

    .studio-choice-modal{
        position:fixed;
        inset:0;
        z-index:1200;
        font-family:"Montserrat",sans-serif;
        --small:"Old Standard TT",serif;
        --serif:"Cormorant Garamond",serif;
        display:grid;
        place-items:center;
        padding:24px;
    }

    .studio-choice-modal[hidden]{
        display:none;
    }

    .studio-choice-modal-backdrop{
        position:absolute;
        inset:0;
        background:rgba(42,20,28,.50);
        backdrop-filter:blur(8px);
        -webkit-backdrop-filter:blur(8px);
        opacity:0;
        transition:opacity .28s ease;
    }

    .studio-choice-modal-dialog{
        position:relative;
        z-index:2;
        width:min(1320px,100%);
        max-height:min(90vh,920px);
        overflow:auto;
        padding:34px;
        border-radius:28px;
        background:#fffaf7;
        box-shadow:0 34px 80px rgba(58,25,36,.24);
        opacity:0;
        transform:translateY(18px) scale(.985);
        transition:
            opacity .28s ease,
            transform .34s cubic-bezier(.22,1,.36,1);
    }

    .studio-choice-modal.is-open .studio-choice-modal-backdrop{
        opacity:1;
    }

    .studio-choice-modal.is-open .studio-choice-modal-dialog{
        opacity:1;
        transform:none;
    }

    .studio-choice-modal-close{
        position:absolute;
        top:16px;
        right:16px;
        width:42px;
        height:42px;
        display:grid;
        place-items:center;
        border:1px solid rgba(200,111,130,.20);
        border-radius:50%;
        background:#fff;
        color:#b95f73;
        font-size:16px;
        cursor:pointer;
        transition:
            background-color .2s ease,
            color .2s ease,
            transform .2s ease;
    }

    .studio-choice-modal-close:hover{
        background:#c86f82;
        color:#fff;
        transform:translateY(-1px);
    }

    .studio-choice-modal-head{
        max-width:700px;
        margin:0 auto 28px;
        text-align:center;
    }

    .studio-choice-modal-head p{
        margin:0 0 8px;
        color:#c86f82;
        font-family:var(--small);
        font-size:10px;
        font-weight:700;
        letter-spacing:.16em;
        text-transform:uppercase;
    }

    .studio-choice-modal-head h3{
        margin:0;
        color:#4d3d42;
        font-family:var(--serif);
        font-size:clamp(36px,4vw,52px);
        line-height:.96;
        font-weight:500;
        letter-spacing:-.03em;
    }

    .studio-choice-modal-head span{
        display:block;
        margin-top:14px;
        color:#75646a;
        font-size:15px;
        line-height:1.65;
    }

    .studio-choice-grid{
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:22px;
    }

    .studio-choice-card{
        overflow:hidden;
        border:1px solid rgba(200,111,130,.12);
        border-radius:24px;
        background:#fffdfb;
    }

    .studio-choice-card--soft{
        background:#fff7f6;
    }

    .studio-choice-card-visual{
        position:relative;
        height:255px;
        overflow:hidden;
        background:#ead9d8;
    }

    .studio-choice-card-visual img{
        width:100%;
        height:100%;
        object-fit:cover;
        display:block;
    }

    .studio-choice-card-shade{
        position:absolute;
        inset:0;
        background:linear-gradient(
            180deg,
            rgba(34,20,25,.04) 0%,
            rgba(34,20,25,.40) 100%
        );
    }

    .studio-choice-card-tag{
        position:absolute;
        left:16px;
        top:16px;
        z-index:2;
        min-height:34px;
        display:inline-flex;
        align-items:center;
        padding:0 14px;
        border-radius:999px;
        background:rgba(255,250,247,.88);
        color:#b95f73;
        font-size:10px;
        font-weight:700;
        letter-spacing:.13em;
        text-transform:uppercase;
        backdrop-filter:blur(8px);
        -webkit-backdrop-filter:blur(8px);
    }

    .studio-choice-card-tag--light{
        background:rgba(244,223,227,.92);
        color:#9f5467;
    }

    .studio-choice-card-body{
        padding:24px 22px 24px;
    }

    .studio-choice-card-city{
        margin:0 0 6px;
        color:#b97282;
        font-family:var(--small);
        font-size:10px;
        font-weight:700;
        letter-spacing:.15em;
        text-transform:uppercase;
    }

    .studio-choice-card h4{
        margin:0;
        color:#4d3d42;
        font-family:var(--serif);
        font-size:38px;
        line-height:.95;
        font-weight:500;
        letter-spacing:-.03em;
    }

    .studio-choice-card-address{
        margin:14px 0 0;
        color:#5f4b51;
        font-size:15px;
        line-height:1.55;
        font-weight:600;
    }

    .studio-choice-card-copy{
        margin:12px 0 0;
        color:#75646a;
        font-size:15px;
        line-height:1.7;
    }

    .studio-choice-card-actions{
        display:flex;
        align-items:center;
        flex-wrap:wrap;
        gap:16px 20px;
        margin-top:22px;
    }

    .studio-choice-card-link{
        display:inline-flex;
        align-items:center;
        gap:9px;
        color:#b95f73;
        font-size:12px;
        font-weight:700;
    }

    .studio-choice-card-link i{
        font-size:11px;
        transition:transform .2s ease;
    }

    .studio-choice-card-link:hover i{
        transform:translateX(4px);
    }

    body.studio-modal-open{
        overflow:hidden;
    }

    @media (max-width:900px){
        .studio-choice-grid{
            grid-template-columns:1fr;
        }
    }

    @media (max-width:680px){
        .studio-choice-modal{
            padding:14px;
        }

        .studio-choice-modal-dialog{
            padding:26px 16px 18px;
            border-radius:22px;
        }

        .studio-choice-modal-head{
            margin-bottom:22px;
            padding-inline:8px;
        }

        .studio-choice-card-visual{
            height:225px;
        }
    }

    @media (max-width:620px){

        .studio-choice-modal-close{
            top:12px;
            right:12px;
            width:38px;
            height:38px;
        }

        .studio-choice-modal-head h3{
            font-size:clamp(33px,10vw,42px);
        }

        .studio-choice-modal-head span{
            font-size:14px;
        }

        .studio-choice-card-body{
            padding:20px 16px;
        }

        .studio-choice-card h4{
            font-size:34px;
        }

        .studio-choice-card-address,
        .studio-choice-card-copy{
            font-size:14px;
        }

        .studio-choice-card-actions{
            display:grid;
        }

        .studio-choice-card-actions .btn{
            width:100%;
        }
    }

.studio-choice-modal[aria-hidden="true"]{pointer-events:none}
.studio-choice-card-soon{display:inline-flex;align-items:center;min-height:46px;color:#9f5467;font-size:14px;font-weight:600}
.studio-choice-modal :focus-visible{outline:2px solid #c86f82;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.studio-choice-modal-dialog,.studio-choice-modal-backdrop{transition:none}}

.studio-choice-card-actions .btn--primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border:1px solid transparent;border-radius:999px;background:#e993a3;color:#fff;font-family:"Montserrat",sans-serif;font-size:12px;font-weight:700;box-shadow:0 12px 26px rgba(107,36,55,.18);text-decoration:none}
.studio-choice-card-actions .btn--primary:hover{background:#d98193;transform:translateY(-2px)}
