/* Phoenix Media. Sizes are linear fits of the live site's values at 390px and 1440px. */
@font-face{font-family:"Archivo Expanded";src:url(/assets/fonts/archivo-wdth.woff2) format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}
:root{
  --sqs-site-gutter:4vw;--sqs-mobile-site-gutter:6vw;--sqs-site-max-width:1400px;
  --wd:118%;
  --head:"Archivo Expanded","Helvetica Neue",Arial,sans-serif;
  --body:"Helvetica Neue",Arial,sans-serif;
  --fs:calc(13.765px + .0635vw);
  --fs-lg:calc(15.295px + .1905vw);
  --fs-sm:calc(12.07px - .0681vw);
  --h1:calc(40.54px + 2.288vw);
  --h2:calc(32.89px + 1.652vw);
  --h3:calc(25.24px + 1.017vw);
  --h4:calc(16.06px + .2543vw);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:#000;font:400 var(--fs)/1.6 var(--body);overflow-x:hidden}
img,video{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--head);font-stretch:var(--wd);font-weight:700;text-transform:uppercase;letter-spacing:.01em;margin:0;overflow-wrap:break-word}
h1{font-size:var(--h1);line-height:1.2}
h2{font-size:var(--h2);line-height:1.075}
h3{font-size:var(--h3);line-height:1.1}
h4{font-size:var(--h4);line-height:1.18}

/* header */
.hdr{position:relative;z-index:30;display:grid;grid-template-columns:1fr minmax(0,450px) 1fr;align-items:center;min-height:89px;padding:11.5px var(--sqs-site-gutter);background:#fff}
.logo{justify-self:start;display:block}
.logo img{width:223.6px;height:66px;object-fit:contain;object-position:left}
.nav{display:flex;flex-wrap:wrap;justify-content:center;column-gap:17px;line-height:1.6}
.nav a{padding:1.5px 0;text-decoration:none;white-space:nowrap}
.nav a.on,.nav a:hover{text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:1px}
.acts{justify-self:end;display:flex;align-items:center;gap:36px}
.ig{display:block;line-height:0;color:#000}
.lang{position:relative}
.lang summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;user-select:none}
.lang summary::-webkit-details-marker{display:none}
.chev{margin-left:-2px;transition:transform .2s}
.lang[open] .chev{transform:rotate(180deg)}
.langm{position:absolute;right:0;top:calc(100% + 8px);background:#fff;box-shadow:0 2px 14px rgba(0,0,0,.14);min-width:120px;padding:6px 0;z-index:40}
.langm a{display:block;padding:6px 16px;text-decoration:none}
.langm a:hover{background:#f3f3f3}
.burger{display:none;width:44px;height:44px;background:none;border:0;padding:10px;cursor:pointer;justify-self:end;grid-column:3;color:#000}
.burger i{display:block;height:1px;background:currentColor;margin:6px 0;transition:transform .2s}
.burger[aria-expanded=true] i:first-child{transform:translateY(7px) rotate(45deg)}
.burger[aria-expanded=true] i:nth-child(2){opacity:0}
.burger[aria-expanded=true] i:last-child{transform:translateY(-7px) rotate(-45deg)}
.mnav{position:fixed;inset:83.8px 0 0;background:#fff;z-index:29;padding:32px 6vw;display:flex;flex-direction:column;overflow:auto}
.mnav[hidden]{display:none}
.mnav nav{display:flex;flex-direction:column;align-items:center;gap:14px;font-size:24px}
.mnav a{text-decoration:none}
.mnav a.on{text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:1px}
.mnav-b{margin-top:auto;padding-top:24px;display:flex;justify-content:center}
body.menu{overflow:hidden}

/* sections */
.sec{position:relative}
.section-height--small,.section-height--medium,.section-height--large{padding-block:3.3vmax}
.section-height--medium{padding-block:6.6vmax}
.section-height--large{padding-block:10vmax}
.spacer{height:76.8px}
.sec:has(.masonry),.sec:has(.strips){padding-block:var(--sqs-site-gutter)}
main{overflow-x:clip}
.fe-block{position:relative;min-width:0}
.sqs-block{height:100%;display:flex;flex-direction:column;position:relative}
.media{position:absolute;inset:0;overflow:hidden}
.media.vid{position:relative;inset:auto;width:100%;flex:none}
.media video,.media img{width:100%;height:100%;object-fit:cover}
.rte p{margin:13px 0;white-space:pre-wrap}
.rte p:first-child{margin-top:0}
.rte p:last-child{margin-bottom:0}
.rte h1,.rte h2,.rte h3,.rte h4{margin:0 0 26px}
.rte>:last-child{margin-bottom:0}
.rte a{text-underline-offset:.15em}
.sqsrte-text-highlight{text-decoration:underline;text-underline-offset:.15em}
.rte .sqsrte-large{font-size:var(--fs-lg)}
.rte .sqsrte-small{font-size:var(--fs-sm)}
.rte pre{margin:0;white-space:pre-wrap}
.rte code{font:700 var(--fs-sm)/1 var(--head);font-stretch:var(--wd);text-transform:uppercase;letter-spacing:.01em}
.about-lg p{font-size:var(--fs-lg)}

/* player */
.media .plyr{width:100%;height:100%;--plyr-color-main:#fff;--plyr-control-icon-size:18px;--plyr-video-control-background-hover:rgba(255,255,255,.15);--plyr-range-thumb-height:0px;--plyr-range-track-height:2px;--plyr-video-progress-buffered-background:rgba(255,255,255,.35)}
.media .plyr__video-wrapper{height:100%;padding:0!important;aspect-ratio:auto!important}
.media.tv{aspect-ratio:16/9;background:transparent;container-type:inline-size}
.media.auto .plyr__control--overlaid{display:none}
.media.auto .plyr__controls{opacity:0;background:none;transition:opacity .2s}
.media.auto:hover .plyr__controls{opacity:1}
.media.tv .plyr,.media.tv .plyr__video-wrapper{background:transparent}
.media .plyr video{object-fit:contain}
.plyr__poster{background-size:cover;background-color:transparent}
.plyr__control--overlaid{width:12.5cqw;height:12.5cqw;padding:0;display:flex;align-items:center;justify-content:center;background:rgba(40,40,40,.72)!important;border-radius:50%}
.plyr__control--overlaid svg{left:auto;margin:0 auto;width:32%;height:32%;fill:#fff}
.plyr--video .plyr__controls{flex-wrap:wrap;padding:32px 12px 10px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.45))}
.plyr__controls .plyr__progress__container{order:9;flex:1 0 100%;margin:0;padding:0}
.plyr__controls .plyr__controls__item.plyr__time{font-size:12px;padding:0}
.plyr__controls .plyr__time--duration::before{margin-right:.35em}
.plyr__controls [data-plyr=mute]{margin-left:auto}
.plyr__controls .plyr__volume{width:auto;min-width:0;max-width:none;flex:0 0 auto}
.plyr__controls .plyr__volume input{display:none}
.plyr__controls>[data-plyr=play]{display:none}

/* YouTube */
.yt{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;background:#000;cursor:pointer}
.yt img{width:100%;height:100%;object-fit:cover}
.bigplay{position:absolute;left:50%;top:50%;width:12.5cqw;height:12.5cqw;transform:translate(-50%,-50%);border-radius:50%;background:rgba(40,40,40,.72)}
.bigplay::after{content:"";position:absolute;left:54%;top:50%;transform:translate(-50%,-50%);border-left:3.2cqw solid #fff;border-top:2.1cqw solid transparent;border-bottom:2.1cqw solid transparent}
.media iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* galleries */
.masonry{display:flex;padding-inline:var(--sqs-site-gutter);max-width:100%}
.mcol{flex:1 1 0;min-width:0}
.mcol figure,.strip{margin:0}
.mcol img{width:100%;height:auto}
.strips{display:flex;flex-wrap:wrap;gap:20px;padding-inline:var(--sqs-site-gutter)}
.strip{min-width:0;overflow:hidden}
.strip-row .strip{height:100%}
.strip img{width:100%;height:100%;object-fit:cover}
.strip-row{display:flex;gap:20px;width:100%}

/* blog */
.bloglist{padding:57.6px 5.4vw 0;display:flex;flex-direction:column;gap:100px;padding-bottom:164px}
.bitem{display:grid;grid-template-columns:52% 1fr;column-gap:5.5%;align-items:center}
.bimg{display:block;aspect-ratio:1;overflow:hidden}
.bimg img{width:100%;height:100%;object-fit:cover}
.bdate{font:700 var(--fs-sm)/1 var(--head);font-stretch:var(--wd);text-transform:uppercase;letter-spacing:.01em;margin-bottom:26px}
.btext{min-width:0}
.btitle{font-size:var(--h2);line-height:1.2;margin-bottom:10px}
.btitle a{text-decoration:none}
.bexcerpt p{margin:13px 0}
.bmore{display:inline-block;margin-top:5px;text-underline-offset:.2em}
.post{max-width:662.4px;margin:0 auto;padding:83.6px 6vw 0;box-sizing:content-box}
.post{padding-inline:0;padding-bottom:94px}
.ptitle{font-size:var(--h1);line-height:1.2;margin-bottom:39px}
.pbody ol,.pbody ul{padding-left:40px;margin:13px 0}
.pbody li{margin-bottom:10px}
.pbody p{margin:0 0 13px}
.pager{display:flex;justify-content:space-between;gap:24px;padding:43px var(--sqs-site-gutter)}
.pg{--wd:112%;display:flex;align-items:center;gap:18px;text-decoration:none;font:700 var(--h3)/1 var(--head);font-stretch:var(--wd);text-transform:uppercase;letter-spacing:.01em;max-width:50%}
.pg svg{flex:none}
.pg-next{flex-direction:row-reverse;text-align:right;margin-left:auto}

/* form */
.cform fieldset{border:0;margin:0 0 18px;padding:0}
.cform legend{padding:0;margin-bottom:6px}
.cform .row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cform label{display:block}
.cform .row label span{font-size:12px;display:block;margin-bottom:0;line-height:24px}
.cform .big{margin-bottom:20px}
.cform .big span{display:block;margin-bottom:4px}
.cform small{font-size:var(--fs-sm);opacity:.65;margin-left:4px}
.cform input,.cform textarea{width:100%;padding:10px;border:1px solid #777;border-radius:0;background:#fafafa;font:inherit;color:#000;height:45.5px;outline-offset:0}
.cform textarea{height:100px;resize:vertical;display:block}
.cform button{font:700 13px/1.2 var(--body);letter-spacing:.05em;padding:16.9px 28.2px;background:transparent;border:2px solid #000;color:#000;cursor:pointer;transition:background .15s,color .15s}
.cform button:hover{background:#000;color:#fff}
.cform button[disabled]{opacity:.5;cursor:default}
.cform .hp{position:absolute;left:-9999px;width:1px;height:1px}
.cform-msg{margin:14px 0 -36px;min-height:1.6em}
.cform .bad{border-color:#b00020;background:#fff5f5}

/* footer */
.ftr{background:#000;color:#fff;padding-block:calc(40.7px + 2.38vw)}
.ftr .social a{display:block;line-height:0;color:rgba(255,255,255,.75)}
.ftr .social svg{width:20px;height:20px;stroke-width:1.5}
.social{display:flex;justify-content:center}
.notfound{text-align:center;padding-inline:6vw}

/* scroll fade, as on the live site. Applied only once JS confirms it can reveal. */
.js .reveal{opacity:0;transition:opacity .7s ease}
.js .reveal.in{opacity:1}
/* reels */
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
html:has(.reels-body),.reels-body{height:100%;overflow:hidden}
.reels-body{display:flex;flex-direction:column;height:100vh;height:100dvh}
.reels-body main{flex:1;min-height:0;display:flex}
.rwrap{position:relative;flex:1;min-width:0;height:100%}
.rf{height:100%;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;outline:0;scrollbar-width:none}
.rf::-webkit-scrollbar{display:none}
.rs{height:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;justify-content:center;align-items:center;padding:0 0 16px}
.rf .ftr{scroll-snap-align:end}
.rv{position:relative;height:100%;aspect-ratio:9/16;max-width:100%;background:#000;overflow:hidden;cursor:pointer;color:#fff;-webkit-tap-highlight-color:transparent}
.rv video{width:100%;height:100%;object-fit:cover}
.rmute,.rcount{position:absolute;z-index:2;background:rgba(20,20,20,.55);color:#fff}
.rmute{right:12px;bottom:24px;width:44px;height:44px;border:0;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer}
.rmute .i-on,.rmute[aria-pressed=true] .i-off{display:none}
.rmute[aria-pressed=true] .i-on{display:block}
.rcount{top:12px;left:12px;padding:3px 10px;border-radius:99px;font-size:12px;line-height:1.5;font-variant-numeric:tabular-nums;pointer-events:none}
.rhint{position:absolute;z-index:1;left:50%;bottom:24px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:0;font-size:13px;font-weight:500;white-space:nowrap;text-shadow:0 1px 6px rgba(0,0,0,.7);pointer-events:none}
.rhint svg{filter:drop-shadow(0 1px 4px rgba(0,0,0,.7));animation:rbounce 1.5s ease-in-out infinite}
.rscrolled .rhint span{display:none}
.rscrolled .rhint{opacity:.75}
@keyframes rbounce{50%{transform:translateY(6px)}}
.rprog{position:absolute;z-index:2;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.28);pointer-events:none}
.rprog i{display:block;height:100%;width:0;background:#fff}
.rstate{position:absolute;z-index:1;left:50%;top:50%;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:50%;background:rgba(20,20,20,.55);opacity:0;transition:opacity .2s;pointer-events:none}
.rstate::after{content:"";position:absolute;left:29px;top:22px;border-style:solid;border-width:14px 0 14px 22px;border-color:transparent transparent transparent #fff}
.rs.paused .rstate{opacity:1}
.rarrows{position:absolute;z-index:3;top:50%;left:calc(50% + (100dvh - 90px)*.28 + 28px);transform:translateY(-50%);display:flex;flex-direction:column;gap:12px}
.rarrow{width:48px;height:48px;border:1px solid #d6d6d6;border-radius:50%;background:#fff;color:#000;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.rarrow:hover{background:#f1f1f1}
.rarrow:disabled{opacity:.3;cursor:default}
@media (prefers-reduced-motion:reduce){.rhint svg{animation:none}}
@media (max-width:767px){
  /* Phone: the reel fills the screen and the header floats over it, like Instagram */
  .reels-body .hdr{position:absolute;top:0;left:0;right:0;background:transparent;color:#fff}
  .reels-body .logo img{filter:brightness(0) invert(1) drop-shadow(0 1px 3px rgba(0,0,0,.45))}
  .reels-body .burger{color:#fff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.6))}
  .reels-body.menu .hdr{background:#fff}
  .reels-body.menu .logo img{filter:none}
  .reels-body.menu .burger{color:#000;filter:none}
  .rs{padding:0}
  .rv{width:100%;height:100%;aspect-ratio:auto}
  .rcount{top:calc(84px + env(safe-area-inset-top));left:6vw}
  /* Safari's floating address bar covers the bottom of the screen */
  .rmute{right:6vw;bottom:calc(88px + env(safe-area-inset-bottom))}
  .rhint{bottom:calc(88px + env(safe-area-inset-bottom))}
  .rarrows{display:none}
}
@media (prefers-reduced-motion:reduce){.js .reveal{opacity:1;transition:none}}

@media (max-width:799px){
  .hdr{min-height:83.8px;grid-template-columns:auto 1fr;padding:9px 6vw}
  .logo img{width:104px;height:31px}
  .nav,.acts{display:none}
  .burger{display:block;grid-column:2;width:44px;padding:4px}
  .burger i{height:1.5px;margin:7px 0}
  .burger[aria-expanded=true] i:first-child{transform:translateY(8.5px) rotate(45deg)}
  .burger[aria-expanded=true] i:last-child{transform:translateY(-8.5px) rotate(-45deg)}
  .rte h4{--wd:112%}
}
@media (max-width:767px){
  :root{--sqs-site-gutter:6vw}
  .bloglist{padding:15.6px 6vw 40px;gap:39px}
  .bdate{display:none}
  .bmore{margin-top:7.8px}
  .bitem{grid-template-columns:1fr;row-gap:39px}
  .post{padding:39px 6vw 0;max-width:none;box-sizing:border-box}
  .pager{padding-inline:6vw}
  .cform .row{gap:10px}
  .plyr__controls .plyr__volume{display:none}
}