/* ===========================
   Secret Room
=========================== */

.secret-room{
    max-width:1100px;
    margin:60px auto 100px;
    padding:0 6vw;
}

/* ---------- title ---------- */

.secret-title{
    text-align:center;
    margin-bottom:60px;
}

.secret-title h1{
    margin-top:12px;
    font-size:34px;
    color:var(--ink);
}

.secret-title .eyebrow{
    color:var(--magenta);
    letter-spacing:.25em;
}

/* ---------- gallery ---------- */

.gallery-container{

    display:grid;
    grid-template-columns:420px 1fr;

    gap:50px;

    align-items:center;

    background:var(--cream-deep);

    border:1px dashed var(--stitch);

    border-radius:6px;

    padding:36px;
}

/* ---------- image ---------- */

.image-frame{

    background:var(--cream);

    padding:18px;

    border:1px dashed var(--stitch);

    border-radius:4px;
}

.image-frame img{

    width:100%;

    display:block;

    border-radius:3px;

    box-shadow:0 10px 30px rgba(0,0,0,.35);
}

/* ---------- caption ---------- */
.archive-id{

    display:inline-block;

    margin-bottom:14px;

    font-family:'Cormorant Garamond', serif;

    letter-spacing:.18em;

    color:var(--magenta);

    font-size:13px;
}

.caption-plate{

    display:flex;

    flex-direction:column;

    justify-content:center;
}

.caption-plate p{

    color:var(--ink-soft);

    line-height:2;

    font-size:15px;
}

/* ---------- download ---------- */

.download-button{

    display:inline-block;

    margin:50px auto 0;

    padding:14px 34px;

    background:transparent;

    color:var(--ink);

    border:1px dashed var(--stitch);

    letter-spacing:.18em;

    transition:.3s;

    text-align:center;
}

.download-button:hover{

    background:var(--magenta);

    color:white;

    border-color:var(--magenta);

    transform:translateY(-2px);

    box-shadow:0 8px 18px rgba(230,19,46,.25);
}

/* ボタン中央 */

.secret-room>a{

    display:block;

    width:max-content;

    margin-inline:auto;
}

/* ---------- responsive ---------- */

@media(max-width:900px){

.gallery-container{

    grid-template-columns:1fr;

    gap:28px;
}

.secret-title h1{

    font-size:28px;
}

.image-frame{

    max-width:500px;

    margin:auto;
}

}