.root-mobile-variant,.mobile-root-header,.mobile-root-footer{display:none}
.root-desktop-variant{display:block}

@media (max-width:900px){
  .root-desktop-variant{display:none!important}
  .root-mobile-variant{display:block}
  .site-header{display:none!important}
  .mobile-root-header{display:block}
  .root-footer{display:none!important}
  .mobile-root-footer{display:block}
  .mobile-root-hero__title{margin:0;color:#e6bf5a;font-family:Georgia,'Times New Roman',serif;font-size:clamp(34px,9.4vw,43px);font-weight:700;line-height:.97;letter-spacing:.018em;white-space:nowrap;text-shadow:0 3px 14px rgba(0,0,0,.86),0 0 22px rgba(213,169,55,.10)}
  .mobile-root-sample-title{margin:0;color:#f5efe4;font-size:17px;font-weight:900;line-height:1.15;letter-spacing:-.04em}
}

@media (min-width:901px){
  .root-desktop-variant{display:block}
  .root-mobile-variant,.mobile-root-header,.mobile-root-footer{display:none!important}
}


.sample-modal{
    position:fixed;
    inset:0;
    z-index:99990;
    display:none;
    align-items:center;
    justify-content:center;
    padding:24px;
}
.sample-modal.is-open{display:flex}

.sample-modal__backdrop{
    position:absolute;
    inset:0;
    border:0;
    background:rgba(0,0,0,.92);
    backdrop-filter:blur(10px);
    cursor:zoom-out;
}

.sample-modal__dialog{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    justify-content:center;
    width:auto;
    height:auto;
    max-width:94vw;
    max-height:90vh;
}

.sample-modal__media{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    width:auto;
    height:auto;
    overflow:hidden;
    max-width:94vw;
    max-height:90vh;
    border:1px solid rgba(211,172,76,.18);
    border-radius:14px;
    background:#030303;
    box-shadow:0 30px 90px rgba(0,0,0,.82);
}


.sample-modal__media img,
.sample-modal__media video,
.sample-modal__media.is-landscape img,
.sample-modal__media.is-landscape video,
.sample-modal__media.is-portrait img,
.sample-modal__media.is-portrait video,
.sample-modal__media:not(.is-landscape):not(.is-portrait) img,
.sample-modal__media:not(.is-landscape):not(.is-portrait) video{
    display:block;
    width:auto;
    height:auto;
    max-width:94vw;
    max-height:90vh;
    object-fit:contain;
    background:#030303;
}


.sample-modal__close{
    position:absolute;
    z-index:4;
    top:10px;
    right:10px;
    width:24px;
    height:24px;
    padding:0;
    border:0;
    border-radius:5px;
    background:rgba(0,0,0,.48);
    color:rgba(255,255,255,.72);
    font-size:16px;
    font-weight:300;
    line-height:23px;
    text-align:center;
    cursor:pointer;
    opacity:.62;
    backdrop-filter:blur(4px);
    transition:opacity .15s ease,background .15s ease;
}
.sample-modal__close:hover{
    opacity:.95;
    background:rgba(0,0,0,.72);
}
.sample-modal__close:focus-visible{
    outline:1px solid rgba(255,255,255,.45);
    outline-offset:2px;
}

body.sample-modal-open{overflow:hidden}

@media(max-width:767px){
    .sample-modal{padding:12px 10px 78px}
    .sample-modal__dialog{
        width:auto;
        height:auto;
        max-width:96vw;
        max-height:calc(100vh - 98px);
    }
    .sample-modal__media{
        width:auto;
        height:auto;
        max-width:96vw;
        max-height:calc(100vh - 98px);
        border-radius:11px;
    }
    .sample-modal__media img,
    .sample-modal__media video,
    .sample-modal__media.is-landscape img,
    .sample-modal__media.is-landscape video,
    .sample-modal__media.is-portrait img,
    .sample-modal__media.is-portrait video,
    .sample-modal__media:not(.is-landscape):not(.is-portrait) img,
    .sample-modal__media:not(.is-landscape):not(.is-portrait) video{
        width:auto;
        height:auto;
        max-width:96vw;
        max-height:calc(100vh - 112px);
    }
    .sample-modal__close{
        top:7px;
        right:7px;
        width:22px;
        height:22px;
        font-size:15px;
        line-height:21px;
        border-radius:4px;
        opacity:.58;
    }
}


img,video{-webkit-user-drag:none}
img{-webkit-touch-callout:none}
.sample-modal,.portfolio-card,.root-sample{-webkit-touch-callout:none}
.protected-media{user-select:none;-webkit-user-select:none}