:root{
  --red:#FF0000;
  --white:#FFFFFF;
  --smoke:#CCCCCC;
  --yellow:#FFFF00;
  --orange:#FF9900;
  --navy:#A38E72;
  --main:715px;
  --side:175px;
  --gap:10px;
  --content-max:900px;
  --header-max:900px;
}
*{box-sizing:border-box}
html{min-height:100%;background:var(--navy);font-family:Verdana,'Trebuchet MS',Arial,sans-serif}
body{
  min-height:100%;
  margin:0;
  color:var(--smoke);
  font-family:Verdana,'Trebuchet MS',Arial,sans-serif;
  font-size:11px;
  line-height:1.5;
  background-color:var(--navy);
  /* Original-style background placeholder. Drop the image into /img/. */
  background-image:url('/img/backgrd-fet.jpg');
  background-repeat:repeat;
  background-position:top left;
  background-attachment:fixed;
}
a{font-weight:700;text-decoration:none;background:transparent}
a:link{color:var(--orange)}
a:visited{color:var(--orange)}
a:active{color:var(--red)}
a:hover,a:focus{color:var(--smoke);text-decoration:underline}
img{max-width:100%;height:auto}
.wrap{width:min(calc(100% - 24px),var(--content-max));margin:0 auto}
.header-wrap,.footer-wrap{width:min(calc(100% - 24px),var(--header-max));margin:0 auto}

/* 900 x 475 header artwork placeholder. /img/header.jpg may be replaced at any time. */
.site-header{
  background:var(--black);
  border-top:4px solid var(--black);
  border-bottom:4px solid var(--black);
}
.header-art{
  width:900px;
  height:475px;
  max-width:100%;
  margin:0 auto;
  background-color:rgba(163,142,114,0.45);
  background-image:url('/img/provocateur-alexandria.png');
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
}
.header-copy{padding:8px 10px 6px;background:var(--navy)}
.site-title{
  display:inline-block;
  color:var(--white)!important;
  font:700 11px/1.2 'Trebuchet MS',Verdana,sans-serif;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.tagline{margin:3px 0 0;color:var(--smoke);font:700 9px/1.25 Verdana,sans-serif;text-transform:uppercase;letter-spacing:.08em}
.site-nav{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:0;
  min-height:34px;
  padding:0 10px;
  background:var(--navy);
  border-top:1px solid rgba(255,255,255,.2);
}
.site-nav>a{display:block;padding:9px 10px;font:700 10px/1.2 Verdana,sans-serif;text-transform:uppercase;letter-spacing:.08em}
.site-nav form{display:flex;margin-left:auto;padding:4px 0}
.site-nav input,.public-search input{
  min-width:0;
  border:1px solid var(--smoke);
  background:var(--white);
  color:#111;
  padding:6px 7px;
  font:10px Verdana,sans-serif;
}
.site-nav button,.public-search button{
  border:1px solid var(--red);
  background:var(--navy);
  color:var(--white);
  padding:6px 9px;
  font:700 9px Verdana,sans-serif;
  text-transform:uppercase;
  cursor:pointer;
}

.page-band{padding:18px 0 32px;background:transparent}
.site-layout{
  display:grid;
  grid-template-columns:minmax(0,var(--main)) var(--side);
  gap:var(--gap);
  align-items:start;
  justify-content:center;
}
.content-column{
  min-width:0;
  padding:15px;
  color:var(--smoke);
  background: rgba(163, 142, 114, 0.45);
  overflow:hidden;
}
.site-sidebar{
  min-width:0;
  padding:15px;
  color:var(--smoke);
  background:rgba(163,142,114,0.90);
  overflow:hidden;
}
.side-block{padding:0 0 14px;margin:0 0 14px;border-bottom:1px dotted var(--smoke)}
.side-block:last-child{margin-bottom:0;border-bottom:0}
.side-block h2{
  margin:0 0 9px;
  color:var(--white);
  font:700 9px/1.25 'Trebuchet MS',Verdana,sans-serif;
  text-transform:uppercase;
  letter-spacing:.20em;
}
.side-block ul{list-style:none;padding:0;margin:0}
.side-block li{margin:0 0 7px;font-size:9px;line-height:1.25}
.side-block p{margin:0 0 8px;color:var(--smoke);font-size:9px}

.intro h1,.entry h1,h1{
  margin:0 0 14px;
  padding:5px 7px;
  border-left:5px solid var(--red);
  background:var(--navy);
  color:var(--white);
  font:700 12px/1.3 Verdana,sans-serif;
  text-transform:uppercase;
  letter-spacing:.06em;
}
h2{font-family:Verdana,sans-serif;color:var(--white)}
#archive-title{
  margin:0 0 14px;
  padding:5px 7px;
  border-left:5px solid var(--red);
  background:var(--navy);
  color:var(--white);
  font:700 12px/1.3 Verdana,sans-serif;
  text-transform:uppercase;
  letter-spacing:.06em;
}
h3{font-family:Verdana,sans-serif;color:var(--yellow)}
.post-list{display:block}
.post-card{padding:13px 0 16px;border-top:1px dotted var(--smoke)}
.post-card:first-child{border-top:0;padding-top:2px}
.post-card h2{margin:3px 0 8px;font:700 11px/1.35 Verdana,sans-serif;text-transform:uppercase}
.post-card h2 a{text-decoration:none}
.post-card p{margin:0;color:var(--smoke);font:11px/1.5 Verdana,sans-serif}
.entry-meta,.entry-categories{
  color:var(--smoke);
  font:700 9px/1.35 'Trebuchet MS',Verdana,sans-serif;
  text-transform:uppercase;
  letter-spacing:.07em;
}
.entry-categories{margin-top:7px}
.entry-categories a{margin-right:10px}
.entry-body,.archive-body{
  margin-top:14px;
  color:var(--smoke);
  font:11px/1.5 Verdana,sans-serif;
  text-align:left;
}
.entry-body p,.archive-body p{margin:0 0 10px;color:var(--smoke)}
.entry-body strong,.archive-body strong{color:var(--white)}
.entry-body em,.entry-body i,.archive-body em,.archive-body i{color:var(--yellow)}
.entry-body h2,.archive-body h2{
  margin:18px 0 8px;
  padding:3px 0;
  border-top:1px dotted var(--white);
  color:var(--white);
  font:700 11px Verdana,sans-serif;
  text-transform:uppercase;
}
.entry-body h3,.archive-body h3{
  margin:15px 0 7px;
  color:var(--yellow);
  font:700 11px Verdana,sans-serif;
  text-transform:uppercase;
}
.entry-body h4,.archive-body h4{
  margin:15px 0 7px;
  color:var(--white);
  font:700 9px Verdana,sans-serif;
  text-transform:uppercase;
  letter-spacing:.18em;
}
.entry-body img,.archive-body img{max-width:100%;height:auto}
.post-photo{margin:16px 0;text-align:left}
.post-photo a{display:inline-block;padding:3px;border:1px solid var(--smoke);background:transparent}
.post-photo img{display:block;max-width:100%;height:auto}
.video-embed{width:100%;max-width:100%;margin:16px 0;overflow:hidden}
.video-embed-frame{position:relative;aspect-ratio:16/9;background:var(--navy);border:1px solid var(--red)}
.video-embed-frame iframe{display:block;width:100%;height:100%;border:0}
/* Script-based players such as aMember: keep the established landscape player box,
   but contain the actual picture so BOTH horizontal and vertical videos remain complete. */
.video-embed-script{background:transparent;border:0}
.video-embed-script>div,
.video-embed-script .plyr,
.video-embed-script iframe,
.video-embed-script video,
.video-embed-script object,
.video-embed-script embed{max-width:100%!important;box-sizing:border-box}
.video-embed-script>div,
.video-embed-script .plyr{width:470px!important;max-width:100%!important}
.video-embed-script .plyr{height:272px!important;background:#000!important;overflow:hidden!important}
.video-embed-script .plyr__video-wrapper{
  width:100%!important;
  height:272px!important;
  padding-bottom:0!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
  background:#000!important;
}
.video-embed-script .plyr__video-wrapper video,
.video-embed-script .plyr video,
.video-embed-script video{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#000!important;
}
.video-embed-script iframe,
.video-embed-script object,
.video-embed-script embed{display:block;width:100%!important}

.archive-year{margin:18px 0 24px}
.archive-year>h2{
  margin:0 0 4px;
  padding:5px 7px;
  background:var(--navy);
  color:var(--white);
  border-top:1px solid var(--red);
  border-bottom:1px solid var(--red);
  font:700 10px Verdana,sans-serif;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.archive-post{padding-left:4px;padding-right:4px}
.public-search{display:flex;margin:0 0 16px}.public-search input{flex:1}
.empty{color:var(--smoke)}

.site-footer{
  background:var(--red);
  border-top:4px solid var(--black);
  border-bottom:4px solid var(--black);
  padding:16px 0;
  color:var(--smoke);
  font:700 9px Verdana,sans-serif;
  text-transform:uppercase;
  letter-spacing:.08em;
}


/* Old Movable Type archive proportions, fitted to the 900px site width. */
body.archive-layout .site-layout{
  grid-template-columns:minmax(0,590px) 290px;
  gap:20px;
}
.archive-list{margin:0;padding:0 0 0 18px}
.archive-list-item{margin:0 0 7px;color:var(--smoke);font:11px/1.4 Verdana,sans-serif}
.entry-more{margin-top:14px;color:var(--smoke);font:11px/1.5 Verdana,sans-serif}
.entry-more-link{margin:10px 0 0!important;font:700 10px/1.4 Verdana,sans-serif!important}
.sidebar-search{display:flex;margin:0 0 4px}
.sidebar-search input{min-width:0;flex:1;border:1px solid var(--smoke);background:var(--white);color:#111;padding:5px 6px;font:10px Verdana,sans-serif}
.sidebar-search button{border:1px solid var(--red);background:var(--navy);color:var(--white);padding:5px 7px;font:700 9px Verdana,sans-serif;text-transform:uppercase;cursor:pointer}

/* Yellow is intentionally text-only. Never use it as a panel/background color. */
.text-yellow,.yellow,mark{color:var(--yellow);background:transparent;font-weight:700}

@media(max-width:760px){
  .header-art{width:100%;height:auto;aspect-ratio:900/475}
  .wrap{width:min(calc(100% - 20px),var(--content-max))}
  .site-layout,body.archive-layout .site-layout{grid-template-columns:1fr;gap:14px}
  .site-sidebar{position:static}
  .site-nav form{width:100%;margin-left:0;padding-top:0}
  .site-nav input{flex:1}
}
@media(max-width:480px){
  .content-column,.site-sidebar{padding:12px}
  .site-nav>a{padding:8px 7px}
}

/* Individual posts use the shorter artwork; all other header dimensions stay intact. */
.individual-post .header-art{height:140px;aspect-ratio:900/140}
@media(max-width:924px){.individual-post .header-art{height:auto;aspect-ratio:900/140}}

.post-details{clear:both;margin-top:12px;padding-top:8px;border-top:1px solid #888;font-size:11px}
.entry-tags{margin-top:6px}.entry-tags a{display:inline-block;margin-right:6px}
.comments{margin-top:24px;padding-top:16px;border-top:1px solid #888}
.comment{margin:12px 0;padding:12px;border-bottom:1px solid #888;overflow-wrap:anywhere}
.comment h3{margin:0 0 8px}.comment-form label{display:block;margin:10px 0}
.comment-form input,.comment-form textarea{display:block;box-sizing:border-box;width:100%;max-width:100%;padding:8px;font:inherit}
.comment-form button{padding:10px;font:inherit}.comment-result{overflow-wrap:anywhere}
.comment-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}

/* =========================================================
   PROVOCATEUR FINAL — AUTHORITATIVE VIDEO SHELL
   Behavior adapted from the final BOYCAMSNFW secure player.
   The existing 470 x 272 aMember/Plyr containment above remains authoritative
   for picture geometry, so portrait and landscape videos stay uncropped.
   ========================================================= */
.prov-player-shell{
  position:relative;
  background:#000;
  overflow:hidden;
  isolation:isolate;
  user-select:none;
  -webkit-user-select:none;
}
.video-embed-script.prov-player-shell{
  width:470px;
  max-width:100%;
  height:272px;
  min-height:272px;
}
.prov-player-mark{
  position:absolute;
  left:14px;
  top:14px;
  right:auto;
  z-index:30;
  pointer-events:none;
  user-select:none;
  -webkit-user-select:none;
  color:rgba(255,0,0,.42);
  font:800 11px/1 Verdana,'Trebuchet MS',Arial,sans-serif;
  letter-spacing:.16em;
  text-transform:uppercase;
  text-shadow:0 1px 4px rgba(0,0,0,.95);
}
.prov-player-fullscreen{
  position:absolute;
  right:12px;
  top:12px;
  z-index:40;
  appearance:none;
  -webkit-appearance:none;
  border:1px solid rgba(255,255,255,.60);
  border-radius:4px;
  background:rgba(0,0,0,.62);
  color:#fff!important;
  padding:7px 9px;
  font:700 9px/1 Verdana,'Trebuchet MS',Arial,sans-serif;
  letter-spacing:.06em;
  text-transform:uppercase;
  cursor:pointer;
}
.prov-player-fullscreen:hover,
.prov-player-fullscreen:focus{
  background:rgba(0,0,0,.84);
  color:#fff!important;
  text-decoration:none;
}
/* The shell owns fullscreen so the stationary PROVOCATEUR mark remains on-screen. */
.prov-player-shell .plyr__control[data-plyr="fullscreen"]{
  display:none!important;
}
.prov-player-shell:fullscreen,
.prov-player-shell:-webkit-full-screen{
  width:100vw!important;
  max-width:none!important;
  height:100vh!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#000!important;
  border:0!important;
  overflow:hidden!important;
}
.prov-player-shell:fullscreen>div,
.prov-player-shell:-webkit-full-screen>div,
.prov-player-shell:fullscreen .plyr,
.prov-player-shell:-webkit-full-screen .plyr,
.prov-player-shell:fullscreen .plyr__video-wrapper,
.prov-player-shell:-webkit-full-screen .plyr__video-wrapper,
.prov-player-shell:fullscreen iframe,
.prov-player-shell:-webkit-full-screen iframe,
.prov-player-shell:fullscreen video,
.prov-player-shell:-webkit-full-screen video{
  width:100%!important;
  max-width:100%!important;
  height:100%!important;
  max-height:100%!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#000!important;
}
@media(max-width:520px){
  .video-embed-script.prov-player-shell{
    width:100%;
    height:auto;
    min-height:0;
    aspect-ratio:470/272;
  }
  .video-embed-script.prov-player-shell .plyr,
  .video-embed-script.prov-player-shell .plyr__video-wrapper{
    height:100%!important;
  }
  .prov-player-fullscreen{right:8px;top:8px;padding:6px 8px}
  .prov-player-mark{left:10px;top:10px;font-size:10px}
}