/* Private Commissions, Figma HN5CsTt1szKNVhnOaC4ZHb / 1:973.
   Desktop geometry follows the 1200px reference; mobile keeps its existing layout. */
@media (min-width:761px){
  .private-page .detail-hero{
    display:flex;
    height:50vw;
    min-height:0;
    background:var(--ivory) url('assets/figma-final/private-paper-cream.webp') center/cover no-repeat;
    color:var(--ink);
  }
  .private-page .detail-title-panel{
    position:relative;
    flex:0 0 50.25%;
    width:50.25%;
    height:100%;
    min-height:0;
    aspect-ratio:auto;
    padding:0;
    background:transparent;
    color:var(--ink);
    text-align:center;
  }
  .private-page .detail-title-panel::before{content:none}
  .private-page .detail-title-panel>div{
    position:absolute;
    top:42.1666667%;
    left:calc(50% + 8px);
    width:min(455px,calc(100% - 48px));
    max-width:none;
    padding:0;
    transform:translateX(-50%);
  }
  .private-page .detail-title-panel h1{
    margin:0;
    font:500 25px/31px Lora,Georgia,serif;
    letter-spacing:.75px;
  }
  .private-page .detail-title-panel h1 .figma-desktop-only,
  .private-page .detail-contact h2 .figma-desktop-only{display:inline}
  .private-page .detail-title-panel p{
    width:100%;
    max-width:none;
    margin:25.3px 0 0;
    font:400 15px/23.236px Lora,Georgia,serif;
    letter-spacing:.15px;
    text-wrap:wrap;
    text-align:center;
  }
  .private-page .detail-title-panel .private-learn-more{
    position:absolute;
    top:145.833px;
    left:calc(50% - 2.084px);
    display:grid;
    width:97.498px;
    min-width:0;
    height:26.406px;
    min-height:0;
    margin:0;
    padding:0;
    transform:translateX(-50%);
    border:1.016px solid currentColor;
    border-radius:3.047px;
    color:var(--ink);
    background:transparent;
    font:700 12.5px/16px Lora,Georgia,serif;
    letter-spacing:0;
    text-transform:uppercase;
  }
  .private-page .detail-title-panel .private-learn-more:is(:hover,:focus-visible){background:var(--ink);color:var(--ivory)}
  .private-page .detail-hero-image{
    position:relative;
    flex:0 0 49.75%;
    width:49.75%;
    height:100%;
    min-height:0;
    aspect-ratio:auto;
  }
  .private-page .detail-hero-image img{
    content:url('assets/figma-final/private-hero-crop.webp');
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
  }
  .private-page .detail-film{height:600px;min-height:0}
  .private-page .detail-film video{width:100%;height:100%;object-fit:cover;object-position:center}
  .private-page .detail-contact{
    height:602px;
    min-height:0;
    color:var(--ivory);
    background:var(--ink) url('assets/figma-final/private-contact-crop.webp') center/cover no-repeat;
  }
  .private-page .detail-contact .contact-icon{
    top:141px;
    left:calc(50% - 27px);
    width:71px;
    height:76px;
    object-fit:cover;
    mix-blend-mode:normal;
  }
  .private-page .detail-contact h2{
    top:230px;
    left:-1.51px;
    width:100%;
    margin:0;
    font:700 34.883px/26.578px Lora,Georgia,serif;
    letter-spacing:1.0465px;
    text-align:center;
  }
  .private-page .detail-contact p{
    top:279.06px;
    left:calc(50% + .11px);
    width:502.227px;
    max-width:calc(100% - 48px);
    margin:0;
    font:400 15px/23.333px Lora,Georgia,serif;
    letter-spacing:.15px;
    text-wrap:wrap;
    text-align:center;
  }
  .private-page .detail-contact .dark-button{
    top:347px;
    left:calc(50% - .747px);
    display:grid;
    width:79.646px;
    min-width:0;
    height:21.571px;
    min-height:0;
    padding:0;
    border:.83px solid var(--ivory);
    border-radius:0;
    background:transparent;
    color:var(--ivory);
    font:700 12.445px/16px Lora,Georgia,serif;
    letter-spacing:0;
    text-transform:uppercase;
  }
  .private-page .detail-contact .dark-button:is(:hover,:focus-visible){background:var(--ivory);color:var(--ink)}
}

@media (min-width:761px) and (max-width:1000px){
  .private-page .detail-title-panel>div{top:34%}
  .private-page .detail-title-panel .private-learn-more{position:relative;top:auto;left:auto;transform:none;margin:22px auto 0}
}