/* THE COLLECTION SHOP — COMBINED REDESIGN CSS
   Matches tcs-header-2026.asp and Fine-Art-By-tester.asp
*/

/* =========================================================
   THE COLLECTION SHOP
   PREMIUM HEADER V2
========================================================= */

:root{
  --tcs-h-ink:#171717;
  --tcs-h-ink-soft:#4b4843;
  --tcs-h-muted:#746f68;
  --tcs-h-paper:#ffffff;
  --tcs-h-ivory:#f6f2eb;
  --tcs-h-gold:#a7834d;
  --tcs-h-gold-dark:#7b5d31;
  --tcs-h-border:rgba(23,23,23,.12);
  --tcs-h-border-light:rgba(23,23,23,.075);
  --tcs-h-shadow:0 18px 48px rgba(21,18,13,.10);
  --tcs-h-width:1540px;
  --tcs-h-transition:180ms ease;
}

.tcs-header,
.tcs-header *,
.tcs-mobile-navigation,
.tcs-mobile-navigation *,
.tcs-mobile-navigationigation-overlay{
  box-sizing:border-box;
}

.tcs-header{
  position:relative;
  z-index:8000;
  width:100%;
  color:var(--tcs-h-ink);
  background:var(--tcs-h-paper);
  font-family:Arial,Helvetica,sans-serif;
}

.tcs-header a,
.tcs-mobile-navigation a{
  color:inherit;
  text-decoration:none;
}

.tcs-header button,
.tcs-header input,
.tcs-mobile-navigation button,
.tcs-mobile-navigation input{
  font:inherit;
}

.tcs-header-shell{
  width:min(calc(100% - 48px),var(--tcs-h-width));
  margin:0 auto;
}

.tcs-visually-hidden{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

.tcs-header-skip-link{
  position:fixed;
  top:12px;
  left:12px;
  z-index:100000;
  padding:11px 17px;
  color:#fff;
  background:var(--tcs-h-ink);
  font:700 13px Arial,Helvetica,sans-serif;
  text-decoration:none;
  transform:translateY(-160%);
  transition:transform var(--tcs-h-transition);
}

.tcs-header-skip-link:focus{
  transform:translateY(0);
}

.tcs-header a:focus-visible,
.tcs-header button:focus-visible,
.tcs-header input:focus-visible,
.tcs-mobile-navigation a:focus-visible,
.tcs-mobile-navigation button:focus-visible,
.tcs-mobile-navigation input:focus-visible{
  outline:2px solid var(--tcs-h-gold);
  outline-offset:3px;
}


/* Utility bar */

.tcs-header-utility{
  color:rgba(255,255,255,.9);
  background:var(--tcs-h-ink);
}

.tcs-header-utility-inner{
  min-height:36px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
}

.tcs-header-trust{
  color:rgba(255,255,255,.74);
  font-size:10px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.tcs-header-utility-links{
  display:flex;
  align-items:center;
}

.tcs-header-utility-links a{
  min-height:36px;
  display:flex;
  align-items:center;
  padding:0 15px;
  border-left:1px solid rgba(255,255,255,.12);
  font-size:11px;
}

.tcs-header-utility-links a:hover{
  background:rgba(255,255,255,.06);
}


/* Main row */

.tcs-header-main{
  background:#fff;
  border-bottom:1px solid var(--tcs-h-border-light);
}

.tcs-header-main-inner{
  min-height:118px;
  display:grid;
  grid-template-columns:minmax(285px,.75fr) minmax(430px,1.35fr) minmax(285px,.75fr);
  align-items:center;
  gap:44px;
}

.tcs-header-logo{
  display:block;
  justify-self:start;
}

.tcs-header-logo img{
  width:min(358px,100%);
  height:auto;
  display:block;
}

.tcs-header-search-wrap{
  width:100%;
}

.tcs-header-search{
  display:flex;
  align-items:stretch;
  width:100%;
  min-height:50px;
  background:#fff;
  border:1px solid var(--tcs-h-border);
}

.tcs-header-search input{
  width:100%;
  min-width:0;
  padding:0 16px;
  color:var(--tcs-h-ink);
  background:transparent;
  border:0;
  outline:0;
  font-size:15px;
}

.tcs-header-search input::placeholder{
  color:#8a857e;
}

.tcs-header-search button{
  min-width:112px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 18px;
  color:#fff;
  background:var(--tcs-h-ink);
  border:0;
  cursor:pointer;
  transition:background var(--tcs-h-transition);
}

.tcs-header-search button:hover{
  background:var(--tcs-h-gold-dark);
}

.tcs-header-search svg,
.tcs-header-cart svg,
.tcs-mobile-navigationigation-search svg{
  width:20px;
  height:20px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.tcs-header-search button span{
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.tcs-header-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:24px;
}

.tcs-header-advisor{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  text-align:right;
}

.tcs-header-advisor span{
  color:var(--tcs-h-muted);
  font-size:9px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.tcs-header-advisor strong{
  margin-top:5px;
  color:var(--tcs-h-ink);
  font-family:Georgia,"Times New Roman",serif;
  font-size:15px;
  font-weight:400;
}

.tcs-header-advisor:hover strong{
  color:var(--tcs-h-gold-dark);
}

.tcs-header-cart{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.tcs-mobile-menu-button{
  display:none;
}


/* Desktop nav */

.tcs-header-navigation-row{
  position:relative;
  background:#fff;
  border-bottom:1px solid var(--tcs-h-border);
}

.tcs-header-menu{
  display:flex;
  align-items:stretch;
  justify-content:center;
  margin:0;
  padding:0;
  list-style:none;
}

.tcs-header-menu > li{
  position:static;
  margin:0;
  padding:0;
}

.tcs-header-menu > li > a,
.tcs-mega-menu-trigger{
  min-height:56px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:0 clamp(13px,1.3vw,23px);
  color:var(--tcs-h-ink);
  background:transparent;
  border:0;
  border-bottom:2px solid transparent;
  font-size:11px;
  font-weight:700;
  letter-spacing:.10em;
  text-transform:uppercase;
  white-space:nowrap;
  cursor:pointer;
  transition:
    color var(--tcs-h-transition),
    border-color var(--tcs-h-transition);
}

.tcs-header-menu > li > a:hover,
.tcs-has-mega-menu.is-open > .tcs-mega-menu-trigger{
  color:var(--tcs-h-gold-dark);
  border-bottom-color:var(--tcs-h-gold);
}

.tcs-header-chevron{
  width:7px;
  height:7px;
  display:block;
  border-right:1px solid currentColor;
  border-bottom:1px solid currentColor;
  transform:rotate(45deg) translateY(-2px);
}

.tcs-has-mega-menu.is-open .tcs-header-chevron{
  transform:rotate(225deg);
}


/* Mega menus */

.tcs-mega-menu{
  position:absolute;
  top:100%;
  left:0;
  width:100%;
  visibility:hidden;
  opacity:0;
  background:#fff;
  border-bottom:1px solid var(--tcs-h-border);
  box-shadow:var(--tcs-h-shadow);
  transform:translateY(-5px);
  transition:
    opacity var(--tcs-h-transition),
    transform var(--tcs-h-transition),
    visibility var(--tcs-h-transition);
}

.tcs-has-mega-menu.is-open .tcs-mega-menu{
  visibility:visible;
  opacity:1;
  transform:translateY(0);
}

.tcs-mega-menu-shell{
  width:min(calc(100% - 72px),var(--tcs-h-width));
  display:grid;
  grid-template-columns:minmax(230px,.72fr) repeat(3,minmax(0,1fr));
  gap:44px;
  margin:0 auto;
  padding:43px 0 48px;
}

.tcs-mega-menu-intro{
  padding-right:38px;
  border-right:1px solid var(--tcs-h-border);
}

.tcs-mega-menu-intro > span{
  display:block;
  margin-bottom:11px;
  color:var(--tcs-h-gold-dark);
  font-size:9px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.tcs-mega-menu-intro h2{
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:30px;
  font-weight:400;
}

.tcs-mega-menu-intro p{
  margin:17px 0 20px;
  color:var(--tcs-h-muted);
  font-size:13px;
  line-height:1.7;
}

.tcs-mega-menu-intro a{
  display:inline-block;
  padding-bottom:4px;
  border-bottom:1px solid var(--tcs-h-gold);
  font-size:10px;
  font-weight:700;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.tcs-mega-menu-column h3{
  margin:0 0 14px;
  padding-bottom:10px;
  border-bottom:1px solid var(--tcs-h-border);
  font-size:10px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.tcs-mega-menu-column a{
  display:block;
  padding:6px 0;
  color:var(--tcs-h-ink-soft);
  font-size:13px;
  line-height:1.35;
  transition:
    color var(--tcs-h-transition),
    transform var(--tcs-h-transition);
}

.tcs-mega-menu-column a:hover{
  color:var(--tcs-h-gold-dark);
  transform:translateX(3px);
}

.tcs-more-menu{
  position:relative!important;
}

.tcs-mega-menu-compact{
  left:auto;
  right:0;
  width:520px;
}

.tcs-mega-menu-compact-shell{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:38px;
  padding:34px 38px 40px;
}


/* Mobile nav */

.tcs-mobile-navigationigation-overlay{
  position:fixed;
  inset:0;
  z-index:13900;
  visibility:hidden;
  opacity:0;
  background:rgba(15,14,13,.62);
  transition:
    opacity 220ms ease,
    visibility 220ms ease;
}

.tcs-mobile-navigationigation-overlay.is-visible{
  visibility:visible;
  opacity:1;
}

.tcs-mobile-navigation{
  position:fixed;
  top:0;
  left:0;
  bottom:0;
  z-index:14000;
  width:min(92vw,430px);
  display:flex;
  flex-direction:column;
  color:var(--tcs-h-ink);
  background:#fff;
  font-family:Arial,Helvetica,sans-serif;
  box-shadow:20px 0 55px rgba(0,0,0,.22);
  transform:translateX(-105%);
  transition:transform 260ms ease;
}

.tcs-mobile-navigation.is-open{
  transform:translateX(0);
}

body.tcs-mobile-navigation-open{
  overflow:hidden;
}

.tcs-mobile-navigationigation-header{
  min-height:85px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:18px 22px;
  color:#fff;
  background:var(--tcs-h-ink);
}

.tcs-mobile-navigationigation-header span{
  display:block;
  margin-bottom:5px;
  color:#d9c6a4;
  font-size:9px;
  font-weight:700;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.tcs-mobile-navigationigation-header strong{
  font-family:Georgia,"Times New Roman",serif;
  font-size:20px;
  font-weight:400;
}

.tcs-mobile-navigationigation-header button{
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.18);
  font-size:29px;
  cursor:pointer;
}

.tcs-mobile-navigationigation-search{
  padding:15px 19px;
  background:var(--tcs-h-ivory);
  border-bottom:1px solid var(--tcs-h-border);
}

.tcs-mobile-navigationigation-search form{
  position:relative;
  display:flex;
  background:#fff;
  border:1px solid var(--tcs-h-border);
}

.tcs-mobile-navigationigation-search input{
  width:100%;
  height:45px;
  padding:0 48px 0 13px;
  border:0;
  outline:0;
  font-size:14px;
}

.tcs-mobile-navigationigation-search button{
  position:absolute;
  top:0;
  right:0;
  width:45px;
  height:45px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--tcs-h-ink);
  background:transparent;
  border:0;
  cursor:pointer;
}

.tcs-mobile-navigationigation-links{
  flex:1 1 auto;
  overflow-y:auto;
}

.tcs-mobile-navigationigation-links > a,
.tcs-mobile-navigationigation-trigger{
  width:100%;
  min-height:55px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 22px;
  color:var(--tcs-h-ink);
  background:#fff;
  border:0;
  border-bottom:1px solid var(--tcs-h-border-light);
  font-size:12px;
  font-weight:700;
  letter-spacing:.075em;
  text-align:left;
  text-transform:uppercase;
}

.tcs-mobile-navigationigation-trigger{
  cursor:pointer;
}

.tcs-mobile-navigationigation-trigger > span{
  position:relative;
  width:16px;
  height:16px;
}

.tcs-mobile-navigationigation-trigger > span::before,
.tcs-mobile-navigationigation-trigger > span::after{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:13px;
  height:1px;
  background:currentColor;
  transform:translate(-50%,-50%);
}

.tcs-mobile-navigationigation-trigger > span::after{
  transform:translate(-50%,-50%) rotate(90deg);
}

.tcs-mobile-navigationigation-trigger[aria-expanded="true"]{
  color:var(--tcs-h-gold-dark);
  background:var(--tcs-h-ivory);
}

.tcs-mobile-navigationigation-trigger[aria-expanded="true"] > span::after{
  transform:translate(-50%,-50%);
}

.tcs-mobile-navigationigation-panel{
  display:none;
  padding:8px 22px 18px;
  background:var(--tcs-h-ivory);
  border-bottom:1px solid var(--tcs-h-border);
}

.tcs-mobile-navigationigation-panel.is-open{
  display:block;
}

.tcs-mobile-navigationigation-panel a{
  display:block;
  padding:8px 0;
  color:var(--tcs-h-ink-soft);
  font-size:14px;
}

.tcs-mobile-navigationigation-footer{
  padding:17px 20px;
  color:#fff;
  background:var(--tcs-h-ink);
}

.tcs-mobile-navigationigation-footer a{
  display:flex;
  flex-direction:column;
  padding:9px 0;
  border-bottom:1px solid rgba(255,255,255,.12);
}

.tcs-mobile-navigationigation-footer a:last-child{
  border-bottom:0;
}

.tcs-mobile-navigationigation-footer span{
  color:rgba(255,255,255,.64);
  font-size:9px;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.tcs-mobile-navigationigation-footer strong{
  margin-top:4px;
  font-size:16px;
}


/* Responsive */

@media (max-width:1180px){

  .tcs-header-shell{
    width:calc(100% - 30px);
  }

  .tcs-header-main-inner{
    min-height:88px;
    grid-template-columns:54px minmax(190px,.65fr) minmax(0,1.35fr) 42px;
    gap:16px;
  }

  .tcs-mobile-menu-button{
    display:flex;
    align-items:center;
    gap:9px;
    padding:0;
    color:var(--tcs-h-ink);
    background:transparent;
    border:0;
    cursor:pointer;
  }

  .tcs-mobile-hamburger{
    width:25px;
    display:flex;
    flex-direction:column;
    gap:5px;
  }

  .tcs-mobile-hamburger span{
    width:100%;
    height:1.5px;
    display:block;
    background:currentColor;
  }

  .tcs-mobile-menu-text{
    display:none;
  }

  .tcs-header-logo img{
    width:min(280px,100%);
  }

  .tcs-header-actions{
    justify-content:flex-end;
  }

  .tcs-header-advisor,
  .tcs-header-cart span,
  .tcs-header-navigation-row{
    display:none;
  }

}

@media (max-width:760px){

  .tcs-header-utility-inner{
    justify-content:center;
  }

  .tcs-header-utility-links{
    display:none;
  }

  .tcs-header-trust{
    font-size:8px;
    text-align:center;
  }

  .tcs-header-main-inner{
    min-height:78px;
    grid-template-columns:42px minmax(140px,.9fr) minmax(0,1.1fr) 34px;
    gap:10px;
  }

  .tcs-header-logo img{
    width:min(220px,100%);
  }

  .tcs-header-search{
    min-height:43px;
  }

  .tcs-header-search input{
    padding:0 10px;
    font-size:13px;
  }

  .tcs-header-search button{
    min-width:45px;
    padding:0;
  }

  .tcs-header-search button span{
    display:none;
  }

}

@media (max-width:520px){

  .tcs-header-main-inner{
    grid-template-columns:40px minmax(125px,.85fr) minmax(0,1.15fr) 32px;
  }

  .tcs-header-logo img{
    width:min(180px,100%);
  }

  .tcs-header-search input{
    font-size:12px;
  }

  .tcs-mobile-navigation{
    width:min(94vw,410px);
  }

}

@media (prefers-reduced-motion:reduce){
  .tcs-header *,
  .tcs-mobile-navigation,
  .tcs-mobile-navigationigation-overlay{
    transition:none!important;
  }
}

/* =========================================================
   HEADER COMPATIBILITY: ACTUAL 2026 INCLUDE
========================================================= */

.tcs-mobile-search-button{
  display:none;
}

.tcs-mobile-search-panel{
  display:none;
}

@media (max-width:1180px){
  .tcs-mobile-search-button{
    width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    color:var(--tcs-h-ink);
    background:transparent;
    border:0;
    cursor:pointer;
  }

  .tcs-mobile-search-button svg,
  .tcs-header-cart svg{
    width:21px;
    height:21px;
    display:block;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

  .tcs-mobile-search-panel{
    display:block;
    max-height:0;
    overflow:hidden;
    visibility:hidden;
    background:#fff;
    border-bottom:1px solid var(--tcs-h-border);
    transition:max-height 220ms ease, visibility 220ms ease, padding 220ms ease;
  }

  .tcs-mobile-search-panel.is-open{
    max-height:90px;
    visibility:visible;
    padding:11px 0 13px;
  }

  .tcs-mobile-search-form{
    width:min(100%,760px);
    min-height:46px;
    display:flex;
    align-items:stretch;
    margin:0 auto;
    background:#fff;
    border:1px solid var(--tcs-h-border);
  }

  .tcs-mobile-search-form input{
    width:100%;
    min-width:0;
    padding:0 13px;
    border:0;
    outline:0;
    font-size:14px;
  }

  .tcs-mobile-search-form button{
    min-width:104px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    color:#fff;
    background:var(--tcs-h-ink);
    border:0;
    cursor:pointer;
  }

  .tcs-mobile-search-form button span{
    font-size:11px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
  }
}

@media (max-width:760px){
  .tcs-mobile-search-form button{
    min-width:47px;
    padding:0;
  }

  .tcs-mobile-search-form button span{
    display:none;
  }
}

/*==========================================================
  THE COLLECTION SHOP
  PRODUCT DETAIL DESIGN SYSTEM
  Version: 2026
==========================================================*/



/*==========================================================
  SECTION 01
  RESET
==========================================================*/

*,
*::before,
*::after{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

img{
    display:block;
    max-width:100%;
    height:auto;
    border:0;
}

picture{
    display:block;
}

button,
input,
textarea,
select{
    font:inherit;
}

button{
    cursor:pointer;
    background:none;
    border:none;
}

a{
    color:inherit;
    text-decoration:none;
}

ul,
ol{
    list-style:none;
}



/*==========================================================
  SECTION 02
  DESIGN VARIABLES
==========================================================*/

:root{

    /* Brand */

    --tcs-black:#171717;
    --tcs-charcoal:#252525;

    --tcs-gold:#a8864a;
    --tcs-gold-dark:#87672f;

    --tcs-ivory:#f8f6f2;
    --tcs-paper:#fcfbf8;

    --tcs-border:#e7e1d7;

    --tcs-green:#467047;
    --tcs-red:#8f3232;

    --tcs-text:#3d3d3d;
    --tcs-light:#6f6f6f;

    --tcs-shadow-soft:
        0 18px 45px rgba(0,0,0,.07);

    --tcs-shadow-hover:
        0 28px 60px rgba(0,0,0,.12);

    --tcs-radius:18px;

}



/*==========================================================
  SECTION 03
  PAGE
==========================================================*/

body.tcs-product-page{

    background:var(--tcs-paper);

    color:var(--tcs-text);

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:16px;

    line-height:1.65;

    -webkit-font-smoothing:antialiased;

    text-rendering:optimizeLegibility;

}



/*==========================================================
  SECTION 04
  COMMON WRAPPER
==========================================================*/

.tcs-detail-wrap{

    width:min(1480px,calc(100% - 60px));

    margin:auto;

}

@media(max-width:900px){

.tcs-detail-wrap{

    width:calc(100% - 40px);

}

}

@media(max-width:600px){

.tcs-detail-wrap{

    width:calc(100% - 28px);

}

}



/*==========================================================
  SECTION 05
  TYPOGRAPHY
==========================================================*/

h1,
h2,
h3{

    color:var(--tcs-black);

    font-family:

        Georgia,
        "Times New Roman",
        serif;

    font-weight:400;

    line-height:1.15;

}

h1{

    font-size:clamp(34px,3vw,52px);

}

h2{

    font-size:clamp(30px,2.2vw,40px);

}

h3{

    font-size:22px;

}

p{

    margin-bottom:18px;

}

strong{

    font-weight:700;

}



/*==========================================================
  SECTION 06
  SECTION HEADERS
==========================================================*/

.tcs-detail-story-eyebrow,
.tcs-detail-services-eyebrow,
.tcs-detail-specifications-eyebrow,
.tcs-detail-related-eyebrow,
.tcs-detail-footer-eyebrow,
.tcs-detail-artist-eyebrow{

    display:block;

    margin-bottom:10px;

    color:var(--tcs-gold-dark);

    font-size:11px;

    font-weight:700;

    letter-spacing:.18em;

    text-transform:uppercase;

}



/*==========================================================
  SECTION 07
  BUTTON SYSTEM
==========================================================*/

.tcs-detail-button{

    min-height:56px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:0 34px;

    border-radius:0;

    transition:

        background .30s,

        color .30s,

        border-color .30s,

        transform .30s,

        box-shadow .30s;

}

.tcs-detail-button-primary{

    color:#fff;

    background:var(--tcs-charcoal);

}

.tcs-detail-button-primary:hover{

    background:var(--tcs-gold-dark);

    transform:translateY(-2px);

    box-shadow:var(--tcs-shadow-soft);

}

.tcs-detail-button-secondary{

    color:var(--tcs-charcoal);

    border:1px solid var(--tcs-border);

    background:#fff;

}

.tcs-detail-button-secondary:hover{

    border-color:var(--tcs-gold);

    color:var(--tcs-gold-dark);

}



/*==========================================================
  SECTION 08
  CARDS
==========================================================*/

.tcs-detail-service-card,
.tcs-detail-related-card{

    background:#fff;

    border:1px solid var(--tcs-border);

    box-shadow:var(--tcs-shadow-soft);

    transition:

        transform .35s,

        box-shadow .35s;

}

.tcs-detail-service-card:hover,
.tcs-detail-related-card:hover{

    transform:translateY(-6px);

    box-shadow:var(--tcs-shadow-hover);

}



/*==========================================================
  SECTION 09
  BREADCRUMBS
==========================================================*/

.tcs-detail-breadcrumbs{

    padding:26px 0 20px;

}

.tcs-detail-breadcrumb-list{

    display:flex;

    flex-wrap:wrap;

    gap:14px;

    align-items:center;

    font-size:13px;

    color:var(--tcs-light);

}

.tcs-detail-breadcrumb-list a{

    transition:color .25s;

}

.tcs-detail-breadcrumb-list a:hover{

    color:var(--tcs-gold-dark);

}

.tcs-detail-breadcrumb-current{

    color:var(--tcs-black);

    font-weight:600;

}
/*==========================================================
  SECTION 10
  HERO
==========================================================*/

.tcs-detail-hero{

    padding:30px 0 90px;

}

.tcs-detail-product{

    display:grid;

    grid-template-columns:
        minmax(620px,1.2fr)
        minmax(420px,.8fr);

    gap:80px;

    align-items:start;

}



/*==========================================================
  SECTION 11
  LEFT COLUMN
==========================================================*/

.tcs-detail-media-column{

    position:sticky;

    top:120px;

}



/*==========================================================
  SECTION 12
  FRAME
==========================================================*/

.tcs-detail-frame{

    padding:34px;

    background:#f4f1eb;

    border:1px solid var(--tcs-border);

    box-shadow:var(--tcs-shadow-soft);

}

.tcs-detail-mat{

    position:relative;

    background:#fff;

    padding:28px;

}

.tcs-detail-main-image-button{

    width:100%;

    display:block;

    position:relative;

    overflow:hidden;

}

.tcs-detail-main-image-button img{

    width:100%;

    transition:

        transform .7s ease;

}

.tcs-detail-main-image-button:hover img{

    transform:scale(1.025);

}



/*==========================================================
  SECTION 13
  SALE LABEL
==========================================================*/

.tcs-detail-sale-label{

    position:absolute;

    left:18px;

    top:18px;

    z-index:10;

    padding:9px 14px;

    background:#fff;

    color:var(--tcs-red);

    font-size:11px;

    font-weight:700;

    letter-spacing:.12em;

    text-transform:uppercase;

    box-shadow:0 8px 18px rgba(0,0,0,.08);

}



/*==========================================================
  SECTION 14
  VIEW LARGER
==========================================================*/

.tcs-detail-view-larger{

    position:absolute;

    right:16px;

    bottom:16px;

    padding:10px 16px;

    background:rgba(20,20,20,.84);

    color:#fff;

    font-size:11px;

    letter-spacing:.12em;

    text-transform:uppercase;

}



/*==========================================================
  SECTION 15
  THUMBNAILS
==========================================================*/

.tcs-detail-thumbnails{

    display:flex;

    gap:16px;

    margin-top:24px;

    flex-wrap:wrap;

}

.tcs-detail-thumb{

    width:92px;

    height:92px;

    border:1px solid var(--tcs-border);

    background:#fff;

    transition:.30s;

}

.tcs-detail-thumb img{

    width:100%;

    height:100%;

    object-fit:cover;

}

.tcs-detail-thumb:hover{

    border-color:var(--tcs-gold);

    transform:translateY(-4px);

}

.tcs-detail-thumb.is-active{

    border:2px solid var(--tcs-gold);

}



/*==========================================================
  SECTION 16
  MEDIA LINKS
==========================================================*/

.tcs-detail-media-tools{

    display:flex;

    gap:18px;

    margin-top:28px;

    flex-wrap:wrap;

}

.tcs-detail-media-link{

    color:var(--tcs-gold-dark);

    font-size:13px;

    font-weight:700;

}

.tcs-detail-media-link:hover{

    text-decoration:underline;

}



/*==========================================================
  SECTION 17
  RIGHT COLUMN
==========================================================*/

.tcs-detail-info-column{

    display:flex;

    flex-direction:column;

}

.tcs-detail-eyebrow{

    color:var(--tcs-gold-dark);

    font-size:11px;

    letter-spacing:.16em;

    text-transform:uppercase;

    margin-bottom:10px;

}

.tcs-detail-eyebrow a{

    color:inherit;

}

.tcs-detail-title{

    margin-bottom:18px;

}

.tcs-detail-subtitle{

    color:var(--tcs-light);

    font-size:17px;

    margin-bottom:34px;

}



/*==========================================================
  SECTION 18
  MUSEUM LABEL
==========================================================*/

.tcs-detail-label-panel{

    border-top:1px solid var(--tcs-border);

    border-bottom:1px solid var(--tcs-border);

    padding:10px 0;

    margin-bottom:34px;

}

.tcs-detail-label-row{

    display:grid;

    grid-template-columns:170px 1fr;

    gap:24px;

    padding:15px 0;

    border-bottom:1px solid #efebe3;

}

.tcs-detail-label-row:last-child{

    border-bottom:none;

}

.tcs-detail-label-key{

    color:#7b7b7b;

    font-size:12px;

    letter-spacing:.08em;

    text-transform:uppercase;

}

.tcs-detail-label-value{

    color:var(--tcs-black);

    font-weight:600;

}

.tcs-detail-label-value a{

    color:inherit;

}



/*==========================================================
  SECTION 19
  PRICE
==========================================================*/

.tcs-detail-price-block{

    display:flex;

    align-items:flex-end;

    gap:18px;

    margin-bottom:8px;

    flex-wrap:wrap;

}

.tcs-detail-price-now{

    color:var(--tcs-black);

    font-family:Georgia,serif;

    font-size:48px;

    line-height:1;

}

.tcs-detail-price-was{

    color:#888;

    text-decoration:line-through;

    font-size:22px;

}

.tcs-detail-price-save{

    color:var(--tcs-green);

    font-size:15px;

    font-weight:700;

}

.tcs-detail-price-note{

    color:#777;

    font-size:13px;

    margin-bottom:34px;

}

.tcs-detail-unavailable{

    color:var(--tcs-red);

    font-weight:700;

    margin-bottom:34px;

}



/*==========================================================
  SECTION 20
  CTA
==========================================================*/

.tcs-detail-cta-row{

    display:grid;

    gap:14px;

    margin-bottom:36px;

}

.tcs-detail-cart-form{

    margin:0;

}



/*==========================================================
  SECTION 21
  ASSURANCE
==========================================================*/

.tcs-detail-assurance{

    display:grid;

    gap:18px;

    margin-top:30px;

}

.tcs-detail-assurance-item{

    display:flex;

    align-items:flex-start;

    gap:16px;

}

.tcs-detail-assurance-item svg{

    width:28px;

    height:28px;

    stroke:var(--tcs-gold-dark);

    stroke-width:1.6;

    fill:none;

    flex:0 0 auto;

}

.tcs-detail-assurance-item span{

    color:#666;

    line-height:1.7;

}



/*==========================================================
  SECTION 22
  LAYAWAY
==========================================================*/

.tcs-detail-layaway{

    margin-top:34px;

    padding:24px;

    background:#fbfaf7;

    border-left:4px solid var(--tcs-gold);

}

.tcs-detail-layaway strong{

    display:block;

    margin-bottom:8px;

}

.tcs-detail-layaway a{

    color:var(--tcs-gold-dark);

    font-weight:700;

}



/*==========================================================
  SECTION 23
  ART ADVISOR
==========================================================*/

.tcs-detail-advisor{

    margin-top:28px;

    padding-top:28px;

    border-top:1px solid var(--tcs-border);

}

.tcs-detail-advisor span{

    display:block;

    margin-bottom:6px;

    color:#777;

}

.tcs-detail-advisor a{

    font-weight:700;

}



/*==========================================================
  SECTION 24
  IMAGE MODAL
==========================================================*/

.tcs-detail-image-modal{

    position:fixed;

    inset:0;

    display:none;

    align-items:center;

    justify-content:center;

    background:rgba(0,0,0,.94);

    z-index:99999;

}

.tcs-detail-image-modal.is-open{

    display:flex;

}

.tcs-detail-image-modal img{

    max-width:90vw;

    max-height:90vh;

}

.tcs-detail-image-modal-close{

    position:absolute;

    top:30px;

    right:30px;

    color:#fff;

    font-size:42px;

}
/*==========================================================
  SECTION 25
  ABOUT THE ARTWORK
==========================================================*/

.tcs-detail-story{

    padding:90px 0;

    background:#ffffff;

    border-top:1px solid var(--tcs-border);

}

.tcs-detail-story-heading{

    max-width:760px;

    margin:0 auto 70px;

    text-align:center;

}

.tcs-detail-story-heading h2{

    margin-bottom:18px;

}

.tcs-detail-story-layout{

    display:grid;

    grid-template-columns:

        minmax(420px,.9fr)

        minmax(0,1.1fr);

    gap:90px;

    align-items:start;

}



/*==========================================================
  SECTION 26
  FEATURED INTRODUCTION
==========================================================*/

.tcs-detail-story-featured-copy{

    position:sticky;

    top:120px;

    font-family:

        Georgia,
        "Times New Roman",
        serif;

    font-size:31px;

    line-height:1.65;

    color:var(--tcs-black);

}

.tcs-detail-story-featured-copy p{

    margin-bottom:24px;

}

.tcs-detail-story-featured-copy:first-letter{

    float:left;

    font-size:82px;

    line-height:.82;

    padding-right:12px;

    color:var(--tcs-gold-dark);

}



/*==========================================================
  SECTION 27
  STORY BLOCKS
==========================================================*/

.tcs-detail-story-block{

    margin-bottom:60px;

}

.tcs-detail-story-block:last-child{

    margin-bottom:0;

}

.tcs-detail-story-block h3{

    margin-bottom:22px;

    padding-bottom:14px;

    border-bottom:1px solid var(--tcs-border);

}

.tcs-detail-story-copy{

    font-size:17px;

    line-height:1.9;

    color:#555;

}

.tcs-detail-story-copy p{

    margin-bottom:22px;

}

.tcs-detail-story-copy img{

    margin:40px auto;

}



/*==========================================================
  SECTION 28
  AUTHENTICITY PANEL
==========================================================*/

.tcs-detail-story-authenticity{

    display:flex;

    gap:24px;

    margin-top:70px;

    padding:35px;

    background:var(--tcs-ivory);

    border-left:5px solid var(--tcs-gold);

}

.tcs-detail-story-authenticity svg{

    width:42px;

    height:42px;

    stroke:var(--tcs-gold-dark);

    stroke-width:1.5;

    fill:none;

    flex:0 0 auto;

}

.tcs-detail-story-authenticity strong{

    display:block;

    margin-bottom:10px;

    color:var(--tcs-black);

}

.tcs-detail-story-authenticity p{

    margin:0;

    color:#666;

}



/*==========================================================
  SECTION 29
  ARTWORK DETAILS
==========================================================*/

.tcs-detail-specifications{

    padding:90px 0;

    background:var(--tcs-paper);

}

.tcs-detail-specifications-layout{

    display:grid;

    grid-template-columns:

        360px

        minmax(0,1fr);

    gap:90px;

    align-items:start;

}

.tcs-detail-specifications-heading{

    position:sticky;

    top:120px;

}

.tcs-detail-specifications-heading h2{

    margin-bottom:18px;

}

.tcs-detail-specifications-heading p{

    color:#666;

}



/*==========================================================
  SECTION 30
  MUSEUM PANEL
==========================================================*/

.tcs-detail-specifications-panel{

    background:#ffffff;

    border:1px solid var(--tcs-border);

    box-shadow:var(--tcs-shadow-soft);

}

.tcs-detail-specifications-list{

    width:100%;

}

.tcs-detail-specification-row{

    display:grid;

    grid-template-columns:220px 1fr;

    gap:24px;

    padding:22px 34px;

    border-bottom:1px solid #efe8dc;

}

.tcs-detail-specification-row:last-child{

    border-bottom:none;

}

.tcs-detail-specification-row dt{

    color:#7d7d7d;

    font-size:12px;

    font-weight:700;

    letter-spacing:.08em;

    text-transform:uppercase;

}

.tcs-detail-specification-row dd{

    color:var(--tcs-black);

    font-weight:600;

}

.tcs-detail-specification-row a{

    transition:.30s;

}

.tcs-detail-specification-row a:hover{

    color:var(--tcs-gold-dark);

}

.tcs-detail-specification-available{

    color:var(--tcs-green);

}

.tcs-detail-specification-unavailable{

    color:var(--tcs-red);

}



/*==========================================================
  SECTION 31
  COLLECTOR SERVICES
==========================================================*/


.tcs-detail-services{

    padding:90px 0;

    background:#ffffff;

}

.tcs-detail-services-header{

    max-width:760px;

    margin:0 auto 70px;

    text-align:center;

}

.tcs-detail-services-header h2{

    margin-bottom:18px;

}



/*==========================================================
  SECTION 32
  SERVICES GRID
==========================================================*/

.tcs-detail-services-grid{

    display:grid;

    grid-template-columns:

        repeat(3,minmax(0,1fr));

    gap:34px;

}

.tcs-detail-service-card{

    padding:42px;

}

.tcs-detail-service-icon{

    width:64px;

    height:64px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:28px;

    background:var(--tcs-ivory);

    color:var(--tcs-gold-dark);

    border-radius:50%;

    font-size:24px;

    font-weight:700;

}

.tcs-detail-service-card h3{

    margin-bottom:16px;

}

.tcs-detail-service-card p{

    color:#666;

    margin:0;

}

.tcs-detail-service-card a{

    color:var(--tcs-gold-dark);

    font-weight:700;

}
/*==========================================================
  SECTION 33
  ARTIST PROFILE
==========================================================*/

.tcs-detail-artist{

    padding:100px 0;

    background:var(--tcs-paper);

}

.tcs-detail-artist-layout{

    display:grid;

    grid-template-columns:360px minmax(0,1fr);

    gap:80px;

    align-items:start;

}

.tcs-detail-artist-photo{

    position:sticky;

    top:120px;

}

.tcs-detail-artist-photo img{

    width:100%;

    display:block;

    border:1px solid var(--tcs-border);

    box-shadow:var(--tcs-shadow-soft);

}

.tcs-detail-artist-placeholder{

    aspect-ratio:1;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#ece7df;

    border:1px solid var(--tcs-border);

    box-shadow:var(--tcs-shadow-soft);

}

.tcs-detail-artist-placeholder span{

    font-family:Georgia,serif;

    font-size:82px;

    color:var(--tcs-gold-dark);

}

.tcs-detail-artist-content h2{

    margin-bottom:22px;

}

.tcs-detail-artist-biography{

    color:#5f5f5f;

    font-size:17px;

    line-height:1.9;

}

.tcs-detail-artist-biography p{

    margin-bottom:22px;

}

.tcs-detail-artist-actions{

    display:flex;

    gap:18px;

    flex-wrap:wrap;

    margin:40px 0;

}

.tcs-detail-artist-footer{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:28px;

    padding-top:35px;

    border-top:1px solid var(--tcs-border);

}

.tcs-detail-artist-footer strong{

    display:block;

    margin-bottom:8px;

}

.tcs-detail-artist-footer span{

    color:#666;

}



/*==========================================================
  SECTION 34
  RELATED ARTWORK
==========================================================*/

.tcs-detail-related{

    padding:100px 0;

    background:#fff;

}

.tcs-detail-related-header{

    text-align:center;

    max-width:760px;

    margin:0 auto 70px;

}

.tcs-detail-related-header h2{

    margin-bottom:18px;

}

.tcs-detail-related-grid{

    display:grid;

    grid-template-columns:repeat(3,minmax(0,1fr));

    gap:34px;

}

.tcs-detail-related-image{

    display:block;

    overflow:hidden;

    background:#f5f2ec;

}

.tcs-detail-related-image img{

    width:100%;

    transition:transform .55s;

}

.tcs-detail-related-card:hover img{

    transform:scale(1.04);

}

.tcs-detail-related-content{

    padding:26px;

}

.tcs-detail-related-content h3{

    font-size:22px;

    margin-bottom:10px;

}

.tcs-detail-related-content p{

    color:#777;

    margin-bottom:18px;

}

.tcs-detail-related-price{

    color:var(--tcs-black);

    font-size:24px;

    font-family:Georgia,serif;

}

.tcs-detail-related-footer{

    text-align:center;

    margin-top:55px;

}



/*==========================================================
  SECTION 35
  ADVISOR
==========================================================*/

.tcs-detail-advisor-section{

    padding:100px 0;

    background:var(--tcs-paper);

}

.tcs-detail-advisor-card{

    display:grid;

    grid-template-columns:1.2fr .8fr;

    gap:70px;

    padding:70px;

    background:#fff;

    border:1px solid var(--tcs-border);

    box-shadow:var(--tcs-shadow-soft);

}

.tcs-detail-advisor-content h2{

    margin-bottom:20px;

}

.tcs-detail-advisor-list{

    display:grid;

    gap:12px;

    margin-top:35px;

}

.tcs-detail-advisor-list li{

    position:relative;

    padding-left:24px;

}

.tcs-detail-advisor-list li::before{

    content:"✓";

    position:absolute;

    left:0;

    color:var(--tcs-gold-dark);

}

.tcs-detail-advisor-contact{

    display:flex;

    flex-direction:column;

    gap:28px;

}

.tcs-detail-advisor-phone{

    padding-bottom:25px;

    border-bottom:1px solid var(--tcs-border);

}

.tcs-detail-advisor-phone span{

    display:block;

    color:#777;

    margin-bottom:8px;

}

.tcs-detail-advisor-phone a{

    font-size:34px;

    font-family:Georgia,serif;

}

.tcs-detail-advisor-actions{

    display:grid;

    gap:16px;

}



/*==========================================================
  SECTION 36
  FINAL CTA
==========================================================*/

.tcs-detail-footer-cta{

    padding:110px 0;

    background:#1f1f1f;

    color:#fff;

}

.tcs-detail-footer-panel{

    display:grid;

    grid-template-columns:1.1fr .9fr;

    gap:70px;

    align-items:center;

}

.tcs-detail-footer-eyebrow{

    color:#d0b07d;

}

.tcs-detail-footer-content h2{

    color:#fff;

    margin-bottom:24px;

}

.tcs-detail-footer-content p{

    color:#d4d4d4;

}

.tcs-detail-footer-actions{

    display:grid;

    gap:16px;

}

.tcs-detail-footer-actions .tcs-detail-button-primary{

    background:var(--tcs-gold-dark);

}

.tcs-detail-footer-actions .tcs-detail-button-primary:hover{

    background:#c29b5d;

}

.tcs-detail-footer-actions .tcs-detail-button-secondary{

    color:#fff;

    border-color:#555;

    background:transparent;

}



/*==========================================================
  SECTION 37
  LARGE TABLET AND SMALL DESKTOP
  1200PX AND BELOW
==========================================================*/

@media (max-width:1200px){

  .tcs-detail-wrap{
    width:min(calc(100% - 40px),1180px);
  }

  .tcs-detail-product{
    grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);
    gap:48px;
  }

  .tcs-detail-media-column{
    top:100px;
  }

  .tcs-detail-frame{
    padding:24px;
  }

  .tcs-detail-mat{
    padding:20px;
  }

  .tcs-detail-title{
    font-size:clamp(32px,3vw,42px);
  }

  .tcs-detail-price-now{
    font-size:42px;
  }

  .tcs-detail-label-row{
    grid-template-columns:140px minmax(0,1fr);
  }

  .tcs-detail-story-layout{
    grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);
    gap:55px;
  }

  .tcs-detail-story-featured-copy{
    font-size:25px;
  }

  .tcs-detail-specifications-layout{
    grid-template-columns:290px minmax(0,1fr);
    gap:55px;
  }

  .tcs-detail-services-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:26px;
  }

  .tcs-detail-artist-layout{
    grid-template-columns:300px minmax(0,1fr);
    gap:55px;
  }

  .tcs-detail-related-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px;
  }

  .tcs-detail-advisor-card{
    grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);
    gap:45px;
    padding:50px;
  }

}


/*==========================================================
  SECTION 38
  TABLET
  980PX AND BELOW
==========================================================*/

@media (max-width:980px){

  .tcs-detail-hero{
    padding:24px 0 68px;
  }

  .tcs-detail-product{
    grid-template-columns:1fr;
    gap:42px;
  }

  .tcs-detail-media-column,
  .tcs-detail-story-featured-copy,
  .tcs-detail-specifications-heading,
  .tcs-detail-artist-photo{
    position:static;
    top:auto;
  }

  .tcs-detail-frame{
    max-width:760px;
    margin:0 auto;
  }

  .tcs-detail-thumbnails{
    max-width:760px;
    margin-left:auto;
    margin-right:auto;
  }

  .tcs-detail-media-tools{
    max-width:760px;
    margin-left:auto;
    margin-right:auto;
  }

  .tcs-detail-info-column{
    max-width:760px;
    width:100%;
    margin:0 auto;
  }

  .tcs-detail-story-layout,
  .tcs-detail-specifications-layout,
  .tcs-detail-artist-layout,
  .tcs-detail-advisor-card,
  .tcs-detail-footer-panel{
    grid-template-columns:1fr;
    gap:38px;
  }

  .tcs-detail-story-heading,
  .tcs-detail-services-header,
  .tcs-detail-related-header{
    margin-bottom:45px;
  }

  .tcs-detail-story-featured-copy{
    font-size:23px;
    line-height:1.6;
  }

  .tcs-detail-story-featured-copy:first-letter{
    font-size:64px;
  }

  .tcs-detail-specifications-heading{
    max-width:700px;
  }

  .tcs-detail-artist-photo{
    width:min(100%,420px);
  }

  .tcs-detail-artist-actions{
    margin:30px 0;
  }

  .tcs-detail-related-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .tcs-detail-advisor-card{
    padding:42px;
  }

  .tcs-detail-advisor-contact{
    padding-top:32px;
    border-top:1px solid var(--tcs-border);
  }

  .tcs-detail-footer-actions{
    max-width:520px;
  }

}


/*==========================================================
  SECTION 39
  LARGE MOBILE
  768PX AND BELOW
==========================================================*/

@media (max-width:768px){

  body.tcs-product-page{
    font-size:16px;
    line-height:1.6;
  }

  .tcs-detail-wrap{
    width:calc(100% - 30px);
  }

  .tcs-detail-breadcrumbs{
    padding:15px 0 10px;
    overflow:hidden;
  }

  .tcs-detail-breadcrumb-list{
    flex-wrap:nowrap;
    gap:8px;
    overflow-x:auto;
    padding-bottom:5px;
    font-size:11px;
    white-space:nowrap;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }

  .tcs-detail-breadcrumb-list::-webkit-scrollbar{
    display:none;
  }

  .tcs-detail-breadcrumb-current{
    max-width:220px;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .tcs-detail-hero{
    padding:18px 0 52px;
  }

  .tcs-detail-product{
    gap:30px;
  }

  .tcs-detail-frame{
    width:100%;
    padding:14px;
    box-shadow:0 12px 32px rgba(0,0,0,.08);
  }

  .tcs-detail-mat{
    padding:12px;
  }

  .tcs-detail-main-image-button{
    min-height:0;
  }

  .tcs-detail-main-image-button img{
    width:100%;
    height:auto;
    max-height:540px;
    object-fit:contain;
  }

  .tcs-detail-sale-label{
    top:10px;
    left:10px;
    padding:7px 10px;
    font-size:10px;
  }

  .tcs-detail-view-larger{
    right:10px;
    bottom:10px;
    padding:8px 11px;
    font-size:10px;
  }

  .tcs-detail-thumbnails{
    display:flex;
    flex-wrap:nowrap;
    justify-content:flex-start;
    gap:10px;
    margin-top:15px;
    padding:2px 1px 8px;
    overflow-x:auto;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }

  .tcs-detail-thumbnails::-webkit-scrollbar{
    display:none;
  }

  .tcs-detail-thumb{
    flex:0 0 76px;
    width:76px;
    height:76px;
    scroll-snap-align:start;
  }

  .tcs-detail-media-tools{
    gap:10px;
    margin-top:16px;
  }

  .tcs-detail-media-link,
  .tcs-detail-media-tools button,
  .tcs-detail-media-tools a{
    min-height:48px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 16px;
    background:#fff;
    border:1px solid var(--tcs-border);
    font-size:12px;
    text-align:center;
  }

  .tcs-detail-eyebrow{
    margin-bottom:8px;
    font-size:10px;
  }

  .tcs-detail-title{
    margin-bottom:12px;
    font-size:clamp(29px,8vw,36px);
    line-height:1.12;
  }

  .tcs-detail-subtitle{
    margin-bottom:24px;
    font-size:15px;
    line-height:1.5;
  }

  .tcs-detail-label-panel{
    margin-bottom:24px;
  }

  .tcs-detail-label-row{
    grid-template-columns:minmax(105px,.65fr) minmax(0,1.35fr);
    gap:15px;
    padding:13px 0;
  }

  .tcs-detail-label-key{
    font-size:10px;
  }

  .tcs-detail-label-value{
    font-size:14px;
    text-align:right;
  }

  .tcs-detail-price-block{
    gap:10px;
  }

  .tcs-detail-price-now{
    font-size:36px;
  }

  .tcs-detail-price-was{
    font-size:17px;
  }

  .tcs-detail-price-save{
    padding:4px 8px;
    background:#f4e7e7;
    font-size:11px;
  }

  .tcs-detail-price-note{
    margin-bottom:24px;
    font-size:12px;
  }

  .tcs-detail-cta-row{
    gap:10px;
    margin-bottom:26px;
  }

  .tcs-detail-cta-row form{
    width:100%;
  }

  .tcs-detail-button{
    width:100%;
    min-height:56px;
    padding:12px 18px;
    font-size:14px;
  }

  .tcs-detail-assurance{
    gap:14px;
    margin-top:24px;
  }

  .tcs-detail-assurance-item{
    gap:12px;
    font-size:13px;
  }

  .tcs-detail-assurance-item svg{
    width:23px;
    height:23px;
  }

  .tcs-detail-layaway{
    margin-top:25px;
    padding:18px;
  }

  .tcs-detail-advisor{
    margin-top:22px;
    padding-top:22px;
  }

  .tcs-detail-story,
  .tcs-detail-specifications,
  .tcs-detail-services,
  .tcs-detail-artist,
  .tcs-detail-related,
  .tcs-detail-advisor-section,
  .tcs-detail-footer-cta{
    padding:60px 0;
  }

  .tcs-detail-story-heading,
  .tcs-detail-services-header,
  .tcs-detail-related-header{
    margin:0 0 34px;
    text-align:left;
  }

  .tcs-detail-story-heading h2,
  .tcs-detail-specifications-heading h2,
  .tcs-detail-services-header h2,
  .tcs-detail-artist-content h2,
  .tcs-detail-related-header h2,
  .tcs-detail-advisor-content h2,
  .tcs-detail-footer-content h2{
    font-size:clamp(27px,7vw,34px);
  }

  .tcs-detail-story-layout{
    gap:30px;
  }

  .tcs-detail-story-featured-copy{
    font-size:20px;
    line-height:1.65;
  }

  .tcs-detail-story-featured-copy:first-letter{
    font-size:52px;
    padding-right:8px;
  }

  .tcs-detail-story-block{
    margin-bottom:38px;
  }

  .tcs-detail-story-block h3{
    margin-bottom:16px;
    font-size:20px;
  }

  .tcs-detail-story-copy{
    font-size:16px;
    line-height:1.75;
  }

  .tcs-detail-story-authenticity{
    gap:15px;
    margin-top:40px;
    padding:22px 18px;
    border-left-width:3px;
  }

  .tcs-detail-story-authenticity svg{
    width:30px;
    height:30px;
  }

  .tcs-detail-specifications-layout{
    gap:30px;
  }

  .tcs-detail-specifications-heading p{
    margin-bottom:0;
  }

  .tcs-detail-specifications-panel{
    box-shadow:none;
  }

  .tcs-detail-specification-row{
    grid-template-columns:minmax(110px,.7fr) minmax(0,1.3fr);
    gap:15px;
    padding:17px 18px;
  }

  .tcs-detail-specification-row dt{
    font-size:10px;
  }

  .tcs-detail-specification-row dd{
    font-size:14px;
    text-align:right;
  }

  .tcs-detail-services-grid{
    grid-template-columns:1fr;
    gap:14px;
  }

  .tcs-detail-service-card{
    display:grid;
    grid-template-columns:48px minmax(0,1fr);
    column-gap:16px;
    padding:22px 20px;
    box-shadow:none;
  }

  .tcs-detail-service-card:hover{
    transform:none;
    box-shadow:none;
  }

  .tcs-detail-service-icon{
    grid-row:1 / span 2;
    width:48px;
    height:48px;
    margin:0;
    font-size:19px;
  }

  .tcs-detail-service-card h3{
    align-self:end;
    margin:0 0 5px;
    font-family:Arial,Helvetica,sans-serif;
    font-size:17px;
    font-weight:700;
  }

  .tcs-detail-service-card p{
    margin:0;
    font-size:14px;
    line-height:1.6;
  }

  .tcs-detail-artist-layout{
    gap:30px;
  }

  .tcs-detail-artist-photo{
    width:min(100%,360px);
    margin:0 auto;
  }

  .tcs-detail-artist-biography{
    font-size:16px;
    line-height:1.75;
  }

  .tcs-detail-artist-actions{
    display:grid;
    gap:10px;
    margin:28px 0;
  }

  .tcs-detail-artist-footer{
    grid-template-columns:1fr;
    gap:18px;
    padding-top:25px;
  }

  .tcs-detail-related{
    overflow:hidden;
  }

  .tcs-detail-related-grid{
    display:flex;
    width:auto;
    gap:16px;
    margin-right:-15px;
    padding-right:15px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }

  .tcs-detail-related-grid::-webkit-scrollbar{
    display:none;
  }

  .tcs-detail-related-card{
    flex:0 0 min(78vw,310px);
    scroll-snap-align:start;
    box-shadow:none;
  }

  .tcs-detail-related-card:hover{
    transform:none;
    box-shadow:none;
  }

  .tcs-detail-related-content{
    padding:18px;
  }

  .tcs-detail-related-content h3{
    font-size:19px;
  }

  .tcs-detail-related-price{
    font-size:21px;
  }

  .tcs-detail-related-footer{
    margin-top:32px;
  }

  .tcs-detail-advisor-card{
    gap:30px;
    padding:28px 22px;
    box-shadow:none;
  }

  .tcs-detail-advisor-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px 18px;
    margin-top:25px;
    font-size:13px;
  }

  .tcs-detail-advisor-phone a{
    font-size:28px;
  }

  .tcs-detail-advisor-actions{
    gap:10px;
  }

  .tcs-detail-footer-panel{
    gap:30px;
  }

  .tcs-detail-footer-actions{
    width:100%;
  }

}


/*==========================================================
  SECTION 40
  STANDARD MOBILE
  600PX AND BELOW
==========================================================*/

@media (max-width:600px){

  .tcs-detail-wrap{
    width:calc(100% - 24px);
  }

  .tcs-detail-frame{
    padding:10px;
  }

  .tcs-detail-mat{
    padding:8px;
  }

  .tcs-detail-main-image-button img{
    max-height:460px;
  }

  .tcs-detail-thumbnails{
    margin-top:12px;
  }

  .tcs-detail-thumb{
    flex-basis:68px;
    width:68px;
    height:68px;
  }

  .tcs-detail-media-tools{
    display:grid;
    grid-template-columns:1fr 1fr;
  }

  .tcs-detail-media-link,
  .tcs-detail-media-tools button,
  .tcs-detail-media-tools a{
    width:100%;
    min-width:0;
    padding:0 10px;
  }

  .tcs-detail-label-row{
    grid-template-columns:1fr;
    gap:5px;
  }

  .tcs-detail-label-value{
    text-align:left;
  }

  .tcs-detail-price-block{
    align-items:baseline;
  }

  .tcs-detail-price-save{
    width:max-content;
  }

  .tcs-detail-assurance-item{
    align-items:flex-start;
  }

  .tcs-detail-specification-row{
    grid-template-columns:1fr;
    gap:6px;
  }

  .tcs-detail-specification-row dd{
    text-align:left;
  }

  .tcs-detail-advisor-list{
    grid-template-columns:1fr;
  }

  .tcs-detail-advisor-phone a{
    font-size:25px;
  }

}


/*==========================================================
  SECTION 41
  SMALL MOBILE
  480PX AND BELOW
==========================================================*/

@media (max-width:480px){

  .tcs-detail-breadcrumb-current{
    max-width:160px;
  }

  .tcs-detail-main-image-button img{
    max-height:390px;
  }

  .tcs-detail-view-larger{
    display:none;
  }

  .tcs-detail-title{
    font-size:29px;
  }

  .tcs-detail-price-now{
    font-size:33px;
  }

  .tcs-detail-story,
  .tcs-detail-specifications,
  .tcs-detail-services,
  .tcs-detail-artist,
  .tcs-detail-related,
  .tcs-detail-advisor-section,
  .tcs-detail-footer-cta{
    padding:50px 0;
  }

  .tcs-detail-story-heading h2,
  .tcs-detail-specifications-heading h2,
  .tcs-detail-services-header h2,
  .tcs-detail-artist-content h2,
  .tcs-detail-related-header h2,
  .tcs-detail-advisor-content h2,
  .tcs-detail-footer-content h2{
    font-size:27px;
  }

  .tcs-detail-story-featured-copy{
    font-size:18px;
  }

  .tcs-detail-story-featured-copy:first-letter{
    font-size:45px;
  }

  .tcs-detail-story-authenticity{
    display:block;
  }

  .tcs-detail-story-authenticity svg{
    margin-bottom:12px;
  }

  .tcs-detail-service-card{
    grid-template-columns:42px minmax(0,1fr);
    column-gap:13px;
    padding:19px 16px;
  }

  .tcs-detail-service-icon{
    width:42px;
    height:42px;
  }

  .tcs-detail-related-card{
    flex-basis:84vw;
  }

  .tcs-detail-advisor-card{
    padding:24px 18px;
  }

  .tcs-detail-footer-cta{
    padding-bottom:calc(50px + env(safe-area-inset-bottom));
  }

}


/*==========================================================
  SECTION 42
  EXTRA-SMALL MOBILE
  390PX AND BELOW
==========================================================*/

@media (max-width:390px){

  .tcs-detail-wrap{
    width:calc(100% - 20px);
  }

  .tcs-detail-main-image-button img{
    max-height:340px;
  }

  .tcs-detail-thumb{
    flex-basis:62px;
    width:62px;
    height:62px;
  }

  .tcs-detail-media-tools{
    grid-template-columns:1fr;
  }

  .tcs-detail-title{
    font-size:27px;
  }

  .tcs-detail-current-price,
  .tcs-detail-price-now{
    font-size:31px;
  }

  .tcs-detail-button{
    min-height:56px;
    font-size:13px;
  }

  .tcs-detail-related-card{
    flex-basis:88vw;
  }

}


/*==========================================================
  SECTION 43
  TOUCH DEVICES
==========================================================*/

@media (hover:none) and (pointer:coarse){

  .tcs-detail-main-image-button:hover img,
  .tcs-detail-related-card:hover img{
    transform:none;
  }

  .tcs-detail-service-card:hover,
  .tcs-detail-related-card:hover,
  .tcs-detail-button-primary:hover{
    transform:none;
  }

  .tcs-detail-button,
  .tcs-detail-thumb,
  .tcs-detail-media-link,
  .tcs-detail-media-tools button{
    min-height:48px;
  }

}


/*==========================================================
  SECTION 44
  LANDSCAPE PHONE
==========================================================*/

@media (max-width:900px) and (orientation:landscape){

  .tcs-detail-main-image-button img{
    max-height:72vh;
  }

  .tcs-detail-image-modal img{
    max-height:82vh;
  }

}


/*==========================================================
  SECTION 45
  REDUCED MOTION
==========================================================*/

@media (prefers-reduced-motion:reduce){

  .tcs-detail-main-image-button img,
  .tcs-detail-related-image img,
  .tcs-detail-service-card,
  .tcs-detail-related-card,
  .tcs-detail-button,
  .tcs-detail-thumb{
    transition:none;
  }

}

/*==========================================================
  ONE-PAGE ASP COMPATIBILITY LAYER
  Matches Fine-Art-By-tester.asp exactly
==========================================================*/

.tcs-detail-main{
  width:100%;
  overflow:clip;
}

.tcs-detail-breadcrumb{
  padding:24px 0 8px;
  color:var(--tcs-light);
  font-size:13px;
}

.tcs-detail-breadcrumb .tcs-detail-wrap{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
}

.tcs-detail-breadcrumb a{
  color:var(--tcs-light);
  transition:color .25s ease;
}

.tcs-detail-breadcrumb a:hover{
  color:var(--tcs-gold-dark);
}

.tcs-detail-product-section{
  padding:28px 0 96px;
}

.tcs-detail-product-grid{
  display:grid;
  grid-template-columns:minmax(560px,1.18fr) minmax(390px,.82fr);
  gap:clamp(48px,5vw,86px);
  align-items:start;
}

.tcs-detail-media-column{
  position:sticky;
  top:24px;
  min-width:0;
}

.tcs-detail-frame{
  min-height:650px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:34px;
}

.tcs-detail-mat{
  width:100%;
  min-height:580px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.tcs-detail-main-image-button{
  width:100%;
  min-height:540px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.tcs-detail-main-image-button img{
  width:100%;
  height:clamp(520px,54vw,720px);
  object-fit:contain;
  mix-blend-mode:normal;
}

.tcs-detail-sale-badge{
  position:absolute;
  top:18px;
  left:18px;
  z-index:5;
  padding:9px 14px;
  color:var(--tcs-red);
  background:#fff;
  box-shadow:0 8px 18px rgba(0,0,0,.08);
  font-size:11px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.tcs-detail-image-caption{
  position:absolute;
  right:16px;
  bottom:16px;
  padding:10px 16px;
  color:#fff;
  background:rgba(20,20,20,.84);
  font-size:11px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.tcs-detail-thumbnail{
  width:92px;
  height:92px;
  padding:6px;
  background:#fff;
  border:1px solid var(--tcs-border);
  transition:border-color .25s ease, transform .25s ease;
}

.tcs-detail-thumbnail:hover{
  border-color:var(--tcs-gold);
  transform:translateY(-3px);
}

.tcs-detail-thumbnail.is-active{
  border:2px solid var(--tcs-gold);
}

.tcs-detail-thumbnail img{
  width:100%;
  height:100%;
  object-fit:contain;
}

.tcs-detail-share{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  margin-top:20px;
  color:var(--tcs-light);
  font-size:12px;
}

.tcs-detail-share > span{
  margin-right:4px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.tcs-detail-share a,
.tcs-detail-share button{
  min-height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 12px;
  color:var(--tcs-light);
  background:#fff;
  border:1px solid var(--tcs-border);
  font-size:12px;
}

.tcs-detail-share a:hover,
.tcs-detail-share button:hover{
  color:var(--tcs-black);
  border-color:var(--tcs-black);
}

.tcs-detail-info-column{
  min-width:0;
  padding-top:3px;
}

.tcs-detail-label-row > span{
  color:#7b7b7b;
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.tcs-detail-label-row > strong{
  color:var(--tcs-black);
  font-weight:600;
  text-align:right;
}

.tcs-detail-price-current{
  color:var(--tcs-black);
  font-family:Georgia,"Times New Roman",serif;
  font-size:48px;
  font-weight:400;
  line-height:1;
}

.tcs-detail-price-original{
  color:#888;
  font-size:20px;
  text-decoration:line-through;
}

.tcs-detail-price-savings{
  padding:5px 9px;
  color:var(--tcs-red);
  background:#f4e7e7;
  font-size:12px;
  font-weight:700;
  letter-spacing:.05em;
  text-transform:uppercase;
}

.tcs-detail-purchase-actions{
  display:grid;
  gap:12px;
  margin:28px 0 30px;
}

.tcs-detail-purchase-actions form{
  width:100%;
  margin:0;
}

.tcs-detail-purchase-actions .tcs-detail-button{
  width:100%;
}

.tcs-detail-assurance-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  padding:24px 0;
  border-top:1px solid var(--tcs-border);
  border-bottom:1px solid var(--tcs-border);
}

.tcs-detail-assurance-row strong,
.tcs-detail-assurance-row span{
  display:block;
}

.tcs-detail-assurance-row strong{
  margin-bottom:5px;
  color:var(--tcs-black);
  font-size:13px;
}

.tcs-detail-assurance-row span{
  color:var(--tcs-light);
  font-size:12px;
  line-height:1.5;
}

.tcs-detail-layaway{
  display:flex;
  flex-direction:column;
  gap:5px;
}

.tcs-detail-description{
  margin-top:34px;
  padding-top:28px;
  border-top:1px solid var(--tcs-border);
  color:#555;
  font-size:16px;
  line-height:1.8;
}

.tcs-detail-description h2{
  margin:0 0 20px;
  font-size:28px;
}

.tcs-detail-description h3{
  margin:28px 0 12px;
  font-size:20px;
}

.tcs-detail-description p{
  margin:0 0 17px;
}

.tcs-detail-artist-section{
  padding:88px 0;
  background:var(--tcs-ivory);
  border-top:1px solid var(--tcs-border);
  border-bottom:1px solid var(--tcs-border);
}

.tcs-detail-artist-grid{
  display:grid;
  grid-template-columns:260px minmax(0,1fr);
  gap:58px;
  align-items:start;
}

.tcs-detail-artist-mark{
  aspect-ratio:1;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#ece7df;
  border:1px solid var(--tcs-border);
  box-shadow:var(--tcs-shadow-soft);
}

.tcs-detail-artist-mark span{
  color:var(--tcs-gold-dark);
  font-family:Georgia,"Times New Roman",serif;
  font-size:92px;
}

.tcs-detail-artist-content h2{
  margin:0 0 22px;
}

.tcs-detail-artist-bio{
  max-width:78ch;
  color:#555;
  font-size:17px;
  line-height:1.85;
}

.tcs-detail-artist-bio p{
  margin:0 0 19px;
}

.tcs-detail-text-link{
  display:inline-block;
  margin-top:20px;
  padding-bottom:4px;
  color:var(--tcs-gold-dark);
  border-bottom:1px solid var(--tcs-gold);
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.tcs-detail-related-section{
  padding:92px 0 105px;
  background:#fff;
}

.tcs-detail-related-header{
  max-width:none;
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:24px;
  margin:0 0 42px;
  text-align:left;
}

.tcs-detail-related-header h2{
  margin:0;
}

.tcs-detail-related-header > a{
  padding-bottom:3px;
  color:var(--tcs-light);
  border-bottom:1px solid var(--tcs-border);
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.tcs-detail-related-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:28px;
}

.tcs-detail-related-card{
  overflow:hidden;
}

.tcs-detail-related-image{
  min-height:330px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
}

.tcs-detail-related-image img{
  width:100%;
  height:310px;
  object-fit:contain;
}

.tcs-detail-related-content{
  padding:22px;
}

.tcs-detail-related-type{
  margin:0 0 7px!important;
  color:var(--tcs-light)!important;
  font-size:10px!important;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.tcs-detail-related-content h3{
  margin:0 0 8px;
  font-size:20px;
}

.tcs-detail-related-content > p{
  margin:0 0 14px;
}

.tcs-detail-related-content > strong{
  color:var(--tcs-black);
  font-family:Georgia,"Times New Roman",serif;
  font-size:21px;
  font-weight:400;
}

@media (max-width:1180px){
  .tcs-detail-product-grid{
    grid-template-columns:minmax(0,1.05fr) minmax(370px,.95fr);
    gap:44px;
  }

  .tcs-detail-frame{
    min-height:540px;
    padding:24px;
  }

  .tcs-detail-mat{
    min-height:490px;
  }

  .tcs-detail-main-image-button{
    min-height:460px;
  }

  .tcs-detail-main-image-button img{
    height:clamp(450px,52vw,610px);
  }

  .tcs-detail-related-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media (max-width:900px){
  .tcs-detail-product-grid{
    grid-template-columns:1fr;
    gap:42px;
  }

  .tcs-detail-media-column{
    position:static;
  }

  .tcs-detail-frame,
  .tcs-detail-thumbnails,
  .tcs-detail-share,
  .tcs-detail-info-column{
    width:min(100%,760px);
    margin-left:auto;
    margin-right:auto;
  }

  .tcs-detail-artist-grid{
    grid-template-columns:210px minmax(0,1fr);
    gap:38px;
  }

  .tcs-detail-related-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:680px){
  .tcs-detail-breadcrumb{
    padding-top:15px;
    overflow:hidden;
  }

  .tcs-detail-breadcrumb .tcs-detail-wrap{
    flex-wrap:nowrap;
    overflow-x:auto;
    white-space:nowrap;
    scrollbar-width:none;
  }

  .tcs-detail-breadcrumb .tcs-detail-wrap::-webkit-scrollbar{
    display:none;
  }

  .tcs-detail-product-section{
    padding:16px 0 58px;
  }

  .tcs-detail-frame{
    min-height:390px;
    padding:12px;
  }

  .tcs-detail-mat{
    min-height:360px;
    padding:10px;
  }

  .tcs-detail-main-image-button{
    min-height:340px;
  }

  .tcs-detail-main-image-button img{
    height:clamp(330px,95vw,520px);
  }

  .tcs-detail-image-caption{
    display:none;
  }

  .tcs-detail-thumbnail{
    flex:0 0 72px;
    width:72px;
    height:72px;
  }

  .tcs-detail-thumbnails{
    flex-wrap:nowrap;
    overflow-x:auto;
    scrollbar-width:none;
  }

  .tcs-detail-thumbnails::-webkit-scrollbar{
    display:none;
  }

  .tcs-detail-title{
    font-size:clamp(29px,8vw,37px);
  }

  .tcs-detail-price-current{
    font-size:36px;
  }

  .tcs-detail-label-row{
    grid-template-columns:minmax(100px,.7fr) minmax(0,1.3fr);
    gap:14px;
  }

  .tcs-detail-assurance-row{
    grid-template-columns:1fr;
    gap:14px;
  }

  .tcs-detail-artist-section{
    padding:58px 0;
  }

  .tcs-detail-artist-grid{
    grid-template-columns:1fr;
    gap:28px;
  }

  .tcs-detail-artist-mark{
    width:180px;
  }

  .tcs-detail-related-section{
    padding:58px 0 70px;
    overflow:hidden;
  }

  .tcs-detail-related-header{
    align-items:flex-start;
    flex-direction:column;
    margin-bottom:28px;
  }

  .tcs-detail-related-grid{
    display:flex;
    gap:16px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }

  .tcs-detail-related-grid::-webkit-scrollbar{
    display:none;
  }

  .tcs-detail-related-card{
    flex:0 0 min(82vw,320px);
    scroll-snap-align:start;
  }

  .tcs-detail-related-image{
    min-height:290px;
  }

  .tcs-detail-related-image img{
    height:270px;
  }
}

@media (max-width:430px){
  .tcs-detail-frame{
    min-height:330px;
  }

  .tcs-detail-mat{
    min-height:305px;
  }

  .tcs-detail-main-image-button{
    min-height:285px;
  }

  .tcs-detail-main-image-button img{
    height:300px;
  }

  .tcs-detail-label-row{
    grid-template-columns:1fr;
    gap:5px;
  }

  .tcs-detail-label-row > strong{
    text-align:left;
  }

  .tcs-detail-share a,
  .tcs-detail-share button{
    padding:0 9px;
  }
}


/* ============================================================
   THE COLLECTION SHOP
   EDITORIAL GALLERY HEADER
   Append to the END of /css/tcs-redesign.css
   ============================================================ */

:root{
  --tcs-editorial-ink:#171513;
  --tcs-editorial-soft:#625d57;
  --tcs-editorial-rule:#ded7cf;
  --tcs-editorial-paper:#ffffff;
  --tcs-editorial-cream:#f7f3ed;
  --tcs-editorial-burgundy:#690034;
  --tcs-editorial-gold:#8e6e43;
  --tcs-editorial-wide:1720px;
}


/* ------------------------------------------------------------
   OVERALL HEADER
   ------------------------------------------------------------ */

.tcs-header{
  color:var(--tcs-editorial-ink);
  background:var(--tcs-editorial-paper);
  box-shadow:none;
}

.tcs-header-shell{
  width:min(calc(100% - 54px),var(--tcs-editorial-wide));
}


/* ------------------------------------------------------------
   UTILITY BAR — THINNER, QUIETER
   ------------------------------------------------------------ */

.tcs-header-utility{
  background:var(--tcs-editorial-ink);
}

.tcs-header-utility-inner{
  min-height:30px;
}

.tcs-header-trust{
  color:rgba(255,255,255,.68);
  font-size:10px;
  font-weight:600;
  letter-spacing:.13em;
}

.tcs-header-utility-links a{
  min-height:30px;
  padding:0 13px;
  color:rgba(255,255,255,.80);
  border-left:1px solid rgba(255,255,255,.10);
  font-size:11px;
  letter-spacing:.015em;
}

.tcs-header-utility-links a:hover{
  color:#fff;
  background:rgba(255,255,255,.045);
}


/* ------------------------------------------------------------
   MASTHEAD / BRAND ROW
   ------------------------------------------------------------ */

.tcs-header-main{
  background:#fff;
  border-bottom:0;
}

.tcs-header-main-inner{
  min-height:104px;
  grid-template-columns:minmax(300px,.8fr) minmax(390px,1.12fr) minmax(270px,.72fr);
  gap:clamp(30px,3vw,52px);
}

.tcs-header-logo img{
  width:min(358px,100%);
}

.tcs-header-search{
  min-height:45px;
  background:#fff;
  border:0;
  border-bottom:1px solid #bdb5ad;
}

.tcs-header-search:focus-within{
  border-bottom-color:var(--tcs-editorial-burgundy);
}

.tcs-header-search input{
  padding:0 12px 0 2px;
  color:var(--tcs-editorial-ink);
  font-family:Georgia,"Times New Roman",serif;
  font-size:16px;
}

.tcs-header-search input::placeholder{
  color:#8b847d;
  opacity:1;
}

.tcs-header-search button{
  min-width:88px;
  padding:0 8px;
  color:var(--tcs-editorial-ink);
  background:transparent;
  border:0;
}

.tcs-header-search button:hover{
  color:var(--tcs-editorial-burgundy);
  background:transparent;
}

.tcs-header-search button span{
  font-size:10px;
  font-weight:700;
  letter-spacing:.12em;
}

.tcs-header-search svg{
  width:18px;
  height:18px;
  stroke-width:1.45;
}


/* Advisor / cart become quieter editorial utilities */

.tcs-header-actions{
  gap:25px;
}

.tcs-header-advisor span{
  color:#8b847d;
  font-size:9px;
  letter-spacing:.13em;
}

.tcs-header-advisor strong{
  margin-top:3px;
  color:var(--tcs-editorial-ink);
  font-family:Georgia,"Times New Roman",serif;
  font-size:16px;
  font-weight:400;
  line-height:1.2;
}

.tcs-header-advisor:hover strong{
  color:var(--tcs-editorial-burgundy);
}

.tcs-header-cart{
  gap:7px;
  color:var(--tcs-editorial-ink);
  font-size:11px;
  letter-spacing:.08em;
}

.tcs-header-cart svg{
  width:19px;
  height:19px;
  stroke-width:1.45;
}


/* ------------------------------------------------------------
   EDITORIAL NAVIGATION
   Same practical size, much better type treatment
   ------------------------------------------------------------ */

.tcs-header-navigation-row{
  background:#fff;
  border-top:1px solid #eee9e4;
  border-bottom:1px solid var(--tcs-editorial-rule);
}

.tcs-header-menu{
  justify-content:flex-start;
}

.tcs-header-menu > li > a,
.tcs-mega-menu-trigger{
  min-height:49px;
  padding:0 clamp(15px,1.35vw,25px);
  color:var(--tcs-editorial-ink);
  border-bottom:1px solid transparent;
  font-family:Georgia,"Times New Roman",serif;
  font-size:16px;
  font-weight:400;
  letter-spacing:0;
  text-transform:none;
}

.tcs-header-menu > li:first-child > a{
  padding-left:0;
}

.tcs-header-menu > li > a:hover,
.tcs-has-mega-menu.is-open > .tcs-mega-menu-trigger{
  color:var(--tcs-editorial-burgundy);
  border-bottom-color:var(--tcs-editorial-burgundy);
}

.tcs-header-chevron{
  width:6px;
  height:6px;
  margin-left:1px;
  border-right-width:1px;
  border-bottom-width:1px;
}


/* ------------------------------------------------------------
   MEGA MENUS — ART PUBLICATION / GALLERY INDEX FEEL
   ------------------------------------------------------------ */

.tcs-mega-menu{
  background:rgba(255,255,255,.99);
  border-bottom:1px solid var(--tcs-editorial-rule);
  box-shadow:0 22px 48px rgba(27,23,19,.09);
}

.tcs-mega-menu-shell{
  width:min(calc(100% - 72px),var(--tcs-editorial-wide));
  grid-template-columns:minmax(250px,.74fr) repeat(3,minmax(0,1fr));
  gap:clamp(34px,4vw,62px);
  padding:42px 0 49px;
}

.tcs-mega-menu-intro{
  padding-right:38px;
  border-right:1px solid var(--tcs-editorial-rule);
}

.tcs-mega-menu-intro > span{
  margin-bottom:10px;
  color:var(--tcs-editorial-burgundy);
  font-size:10px;
  letter-spacing:.16em;
}

.tcs-mega-menu-intro h2{
  color:var(--tcs-editorial-ink);
  font-family:Georgia,"Times New Roman",serif;
  font-size:34px;
  line-height:1.05;
  font-weight:400;
  letter-spacing:-.02em;
}

.tcs-mega-menu-intro p{
  max-width:290px;
  margin:15px 0 20px;
  color:var(--tcs-editorial-soft);
  font-size:14px;
  line-height:1.68;
}

.tcs-mega-menu-intro a{
  color:var(--tcs-editorial-burgundy);
  border-bottom-color:rgba(105,0,52,.38);
  font-size:10px;
  letter-spacing:.10em;
}

.tcs-mega-menu-column h3{
  margin:0 0 12px;
  padding-bottom:10px;
  color:var(--tcs-editorial-ink);
  border-bottom:1px solid var(--tcs-editorial-rule);
  font-family:Georgia,"Times New Roman",serif;
  font-size:16px;
  font-weight:400;
  letter-spacing:0;
  text-transform:none;
}

.tcs-mega-menu-column a{
  padding:5px 0;
  color:#4d4843;
  font-size:14px;
  line-height:1.38;
}

.tcs-mega-menu-column a:hover{
  color:var(--tcs-editorial-burgundy);
  transform:translateX(2px);
}

.tcs-mega-menu-compact{
  width:540px;
}


/* ------------------------------------------------------------
   MOBILE
   ------------------------------------------------------------ */

.tcs-mobile-navigation-header{
  background:var(--tcs-editorial-ink);
}

.tcs-mobile-navigation-header span{
  color:#cbb899;
}

.tcs-mobile-navigation-header strong{
  font-family:Georgia,"Times New Roman",serif;
  font-size:22px;
  font-weight:400;
}

.tcs-mobile-navigation-links > a,
.tcs-mobile-navigation-trigger{
  min-height:54px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:16px;
  font-weight:400;
  letter-spacing:0;
  text-transform:none;
}

.tcs-mobile-navigation-panel h3{
  font-family:Georgia,"Times New Roman",serif;
  font-size:15px;
  font-weight:400;
}

.tcs-mobile-navigation-panel a{
  font-size:14px;
}


/* ------------------------------------------------------------
   RESPONSIVE
   ------------------------------------------------------------ */

@media (max-width:1180px){

  .tcs-header-shell{
    width:calc(100% - 30px);
  }

  .tcs-header-main-inner{
    min-height:86px;
  }

  .tcs-header-logo img{
    width:min(275px,100%);
  }

  .tcs-mobile-menu-button{
    color:var(--tcs-editorial-ink);
  }

}

@media (max-width:760px){

  .tcs-header-utility-inner{
    min-height:28px;
  }

  .tcs-header-trust{
    font-size:8px;
    letter-spacing:.10em;
  }

  .tcs-header-main-inner{
    min-height:75px;
  }

  .tcs-header-logo img{
    width:min(210px,100%);
  }

}

@media (max-width:520px){

  .tcs-header-logo img{
    width:min(175px,100%);
  }

}