/* ==========================================================================
   Open Air Cinema — openaircinema.us
   One stylesheet, no framework, no webfonts, no third-party requests.
   Every custom property is preceded by a literal fallback so that older
   browsers (IE11, legacy Edge, old Android) still get the right color/size.
   ========================================================================== */

:root{
  --ink:#3d4246;        /* headings, dark bands            */
  --body:#69727b;       /* body copy                       */
  --accent:#557b97;     /* links, buttons                  */
  --accent-dk:#456a83;
  --line:#e8e9eb;       /* hairlines                       */
  --wash:#f6f7f8;       /* light section wash              */
  --gold:#e8912a;       /* logo accent — used sparingly    */
  --white:#ffffff;
  --wrap:1180px;
  --gut:20px;
  --radius:8px;
  --sans:"Work Sans","Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,Arial,sans-serif;
}

/* ------------------------------------------------------------------ reset */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{
  margin:0;
  background:#ffffff;
  color:#69727b; color:var(--body);
  font-family:"Work Sans","Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,Arial,sans-serif;
  font-family:var(--sans);
  font-size:17px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;border:0}
svg{max-width:100%}
h1,h2,h3,h4,h5{
  color:#3d4246; color:var(--ink);
  font-weight:600;
  line-height:1.2;
  margin:0 0 .5em;
  letter-spacing:-.01em;
}
h1,h2{letter-spacing:-.25px}
h1{font-size:31px;font-size:clamp(1.95rem,1.45rem + 2.1vw,3.05rem)}
h2{font-size:25px;font-size:clamp(1.5rem,1.2rem + 1.25vw,2.15rem)}
h3{font-size:20px;font-size:clamp(1.2rem,1.08rem + .5vw,1.45rem)}
h4{font-size:17px;font-size:1.05rem}
p{margin:0 0 1.15em}
a{color:#557b97;color:var(--accent);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}
a:hover{color:#3d4246;color:var(--ink)}
ul,ol{margin:0 0 1.15em;padding-left:1.25em}
li{margin:.3em 0}
hr{border:0;border-top:1px solid #e8e9eb;border-top:1px solid var(--line);margin:2.5rem 0}
small{font-size:.85em}
table{border-collapse:collapse}
figure{margin:1.75em 0}
blockquote{
  margin:1.75em 0;padding:.25em 0 .25em 1.15em;
  border-left:3px solid #e8e9eb;border-left:3px solid var(--line);
  color:#69727b;color:var(--body);font-style:italic;
}
code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}

:focus{outline:2px solid #557b97;outline:2px solid var(--accent);outline-offset:2px}
:focus:not(:focus-visible){outline:0}
:focus-visible{outline:2px solid #557b97;outline:2px solid var(--accent);outline-offset:2px}

.skip{
  position:absolute;left:-9999px;top:0;z-index:200;
  background:#ffffff;color:#3d4246;color:var(--ink);
  padding:12px 18px;border:2px solid #557b97;border:2px solid var(--accent);
  font-weight:600;
}
.skip:focus{left:8px;top:8px}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ----------------------------------------------------------------- layout */
.wrap{max-width:1180px;max-width:var(--wrap);margin:0 auto;padding:0 20px;padding:0 var(--gut)}
.wrap--narrow{max-width:820px}
.band{padding:52px 0}
.band--tight{padding:34px 0}
.band--wash{background:#f6f7f8;background:var(--wash)}
.band--ink{background:#3d4246;background:var(--ink);color:#dfe3e6}
.band--ink h1,.band--ink h2,.band--ink h3{color:#ffffff}
.band--line{border-top:1px solid #e8e9eb;border-top:1px solid var(--line)}
.lede{font-size:19px;font-size:1.12rem;line-height:1.6;color:#69727b;color:var(--body);max-width:62ch}
.eyebrow{
  display:block;margin:0 0 .55em;
  font-size:12px;font-size:.78rem;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;
  color:#8a929a;
}
.eyebrow--gold{color:#b7761f}
.center{text-align:center}
.mt0{margin-top:0}.mb0{margin-bottom:0}

/* ---------------------------------------------------------------- buttons */
.btn{
  display:inline-block;vertical-align:middle;
  background:#557b97;background:var(--accent);
  color:#ffffff;
  border:1px solid #557b97;border:1px solid var(--accent);
  border-radius:6px;
  padding:13px 22px;
  font-size:16px;font-weight:600;line-height:1.2;
  text-decoration:none;text-align:center;
  cursor:pointer;
  transition:background-color .15s ease,border-color .15s ease,color .15s ease,
             transform .15s ease,opacity .15s ease;
}
.btn:hover,.btn:focus{background:#456a83;border-color:#456a83;color:#ffffff}
/* the lift is opt-in: pointing devices only, so touch and no-hover engines are
   untouched and a tap never leaves a button stuck in its hover state */
@media (hover:hover) and (pointer:fine){
  .btn:hover{transform:translateY(-1px);opacity:.94}
  .btn:active{transform:translateY(0);opacity:1}
}
.btn--ghost{background:transparent;color:#3d4246;color:var(--ink);border-color:#c3cad1}
.btn--ghost:hover,.btn--ghost:focus{background:#3d4246;background:var(--ink);border-color:#3d4246;color:#ffffff}
.btn--on-dark{background:transparent;color:#ffffff;border-color:rgba(255,255,255,.6)}
.btn--on-dark:hover,.btn--on-dark:focus{background:#ffffff;color:#3d4246;color:var(--ink);border-color:#ffffff}
.btn--block{display:block;width:100%}
.btn--sm{padding:9px 16px;font-size:15px}
.btn + .btn{margin-top:12px}
@media (min-width:34rem){ .btn + .btn{margin-top:0;margin-left:12px} }

/* ----------------------------------------------------------------- topbar */
.topbar{
  background:#3d4246;background:var(--ink);
  color:#ffffff;
  font-size:13px;line-height:1.4;
  padding:8px 0;
}
.topbar a{color:#ffffff;text-decoration:none;font-weight:600;white-space:nowrap}
.topbar a:hover{text-decoration:underline;color:#ffffff}
.topbar .wrap{display:block;text-align:center}
.topbar .sep{opacity:.5;padding:0 .45em}
.topbar .star{color:#f0a94a;font-style:normal}

/* ----------------------------------------------------------------- header */
/* position:sticky is an unknown value to old engines (IE11, legacy Edge, old
   Android), which drop the declaration and leave the header statically placed —
   that is the intended fallback, so no @supports test is needed. */
.site-head{
  position:sticky;top:0;z-index:50;
  background:#ffffff;
  border-bottom:1px solid #e8e9eb;border-bottom:1px solid var(--line);
}
/* anchor targets clear the sticky bar (measured at ~95px tall); the property is
   ignored by engines that don't know it, where the header isn't sticky anyway */
[id]{scroll-margin-top:104px}
.head-row{padding:14px 0}
.head-row:after{content:"";display:table;clear:both}
.brand{display:inline-block;float:left;max-width:70%;text-decoration:none;line-height:0}
.brand img{width:190px;height:auto;display:block}
.brand .wordmark{
  font-size:20px;font-weight:600;letter-spacing:.02em;line-height:1.1;
  color:#3d4246;color:var(--ink);text-transform:uppercase;
}
.brand .wordmark b{font-weight:700;color:#c8801f}
.nav-toggle{display:block}
.nav-toggle > summary{
  list-style:none;cursor:pointer;
  display:inline-block;float:right;margin-top:5px;
  border:1px solid #d7dbdf;border-radius:6px;
  padding:9px 13px;
  font-size:14px;font-weight:600;color:#3d4246;color:var(--ink);
}
.nav-toggle > summary::-webkit-details-marker{display:none}
.nav-toggle > summary:hover{border-color:#557b97;border-color:var(--accent)}
.burger{display:inline-block;vertical-align:-2px;width:16px;height:10px;margin-right:8px;position:relative}
.burger:before,.burger:after,.burger span{
  content:"";position:absolute;left:0;right:0;height:2px;background:#3d4246;background:var(--ink);
}
.burger:before{top:0}.burger span{top:4px}.burger:after{bottom:0}

/* mobile menu — capped so a long menu inside the sticky header still scrolls */
.nav-m{
  clear:both;border-top:1px solid #e8e9eb;border-top:1px solid var(--line);
  margin-top:14px;padding-top:6px;
  max-height:72vh;overflow-y:auto;-webkit-overflow-scrolling:touch;
}
.nav-m ul{list-style:none;margin:0;padding:0}
.nav-m a{
  display:block;padding:11px 2px;
  color:#3d4246;color:var(--ink);
  text-decoration:none;font-weight:600;font-size:16px;
  border-bottom:1px solid #f0f1f3;
}
.nav-m a:hover{color:#557b97;color:var(--accent)}
.nav-m details > summary{
  list-style:none;cursor:pointer;
  padding:11px 2px;font-weight:600;font-size:16px;color:#3d4246;color:var(--ink);
  border-bottom:1px solid #f0f1f3;
}
.nav-m details > summary::-webkit-details-marker{display:none}
.nav-m details > summary:after{content:"+";float:right;color:#8a929a;font-weight:400}
.nav-m details[open] > summary:after{content:"–"}
.nav-m details ul{padding-left:14px}
.nav-m details a{font-weight:400;font-size:15px;color:#69727b;color:var(--body)}
.nav-m .nav-m__cta{margin:14px 0 4px}

/* desktop menu — v4 restructured the bar to five top-level items (Products,
   Who We Serve, Blog, About, Contact), Search and the quote button. Measured
   against the widest fallback face in the stack (Arial Bold advance widths at
   14.5px, plus the 14px item margins and the button's 26px of padding) it needs
   ~579px, so ~826px with the 175px logo and the 20px gutters — the bar comes
   back down from v3's 75rem to 64rem (1024px), which leaves ~200px of headroom.
   Below it the <details> menu takes over, the better target on a touch screen. */
.nav-d{display:none}
@media (min-width:64rem){
  .nav-toggle{display:none}
  .nav-m{display:none}
  .nav-d{display:block;float:right;margin-top:6px}
  .nav-d > ul{list-style:none;margin:0;padding:0}
  .nav-d > ul > li{position:relative;display:inline-block;vertical-align:middle;margin-left:14px}
  .nav-d > ul > li > a{
    display:inline-block;padding:10px 0;
    color:#3d4246;color:var(--ink);
    font-size:14.5px;font-weight:600;text-decoration:none;
    border-bottom:2px solid transparent;
  }
  .nav-d > ul > li > a:hover,.nav-d > ul > li > a:focus,.nav-d > ul > li.is-open > a{
    color:#557b97;color:var(--accent);
    border-bottom-color:#557b97;border-bottom-color:var(--accent);
  }
  .nav-d .sub{
    position:absolute;top:100%;left:-18px;z-index:60;
    display:none;
    min-width:260px;
    background:#ffffff;
    border:1px solid #e8e9eb;border:1px solid var(--line);
    border-radius:8px;
    box-shadow:0 12px 30px rgba(61,66,70,.12);
    padding:14px 18px;
  }
  .nav-d li:hover > .sub,.nav-d li:focus-within > .sub{display:block}
  .nav-d .sub ul{list-style:none;margin:0;padding:0}
  .nav-d .sub > ul > li{margin:0 0 10px}
  .nav-d .sub a{
    display:block;padding:3px 0;
    color:#3d4246;color:var(--ink);
    font-size:15px;font-weight:600;text-decoration:none;white-space:nowrap;
  }
  .nav-d .sub a:hover{color:#557b97;color:var(--accent)}
  .nav-d .sub ul ul{margin:2px 0 0 0;padding:0 0 0 12px;border-left:1px solid #eceef0}
  .nav-d .sub ul ul a{font-weight:400;font-size:14px;color:#69727b;color:var(--body)}
  .nav-d .nav-quote{margin-left:14px}
  .nav-d .nav-quote a{
    display:inline-block;padding:9px 13px;border-radius:6px;
    background:#557b97;background:var(--accent);color:#ffffff;
    font-size:14.5px;font-weight:600;text-decoration:none;border-bottom:0;
  }
  .nav-d .nav-quote a:hover{background:#456a83;color:#ffffff}
  .head-row{padding:16px 0}
  .brand img{width:175px}
}

/* ------------------------------------------------------------------- hero */
.hero{position:relative;background:#1d2124;overflow:hidden}
.hero__img{
  position:absolute;top:0;left:0;width:100%;height:100%;
  object-fit:cover;object-position:center 62%;
  margin:0;
}
.hero__veil{
  position:absolute;top:0;left:0;right:0;bottom:0;
  background:rgba(29,33,36,.68);
  background:linear-gradient(180deg,rgba(29,33,36,.68) 0%,rgba(29,33,36,.42) 42%,rgba(29,33,36,.95) 100%);
}
/* Front-page reveal: photo shows clean for 4s, then veil + copy fade in.
   Non-animating engines skip the animation entirely and show the final
   state immediately, so nothing is ever hidden on old browsers. */
@keyframes oacHeroReveal{from{opacity:0}to{opacity:1}}
.hero--reveal .hero__veil,
.hero--reveal .hero__inner{animation:oacHeroReveal .9s ease 4s both}
@media (prefers-reduced-motion:reduce){
  .hero--reveal .hero__veil,
  .hero--reveal .hero__inner{animation:none}
}
.hero__inner{position:relative;padding:64px 0 56px;max-width:44rem}
.hero h1{
  color:#ffffff;
  font-weight:500;
  font-size:38px;font-size:clamp(2.35rem,1.75rem + 2.6vw,3.25rem);
  line-height:1.08;margin-bottom:.4em;letter-spacing:-.25px;
  text-shadow:0 1px 24px rgba(0,0,0,.4);
}
.hero p{
  color:#eef1f3;font-size:18px;font-size:1.14rem;line-height:1.55;
  max-width:34rem;margin-bottom:1.9em;
  text-shadow:0 1px 16px rgba(0,0,0,.34);
}
.hero .eyebrow{color:#f0b366}
.hero__rule{display:block;width:52px;height:3px;background:#e8912a;background:var(--gold);margin:0 0 22px}
@media (min-width:48rem){ .hero__inner{padding:104px 0 96px} }
@media (min-width:64rem){ .hero__inner{padding:132px 0 124px} }

/* page hero (collections, blog, etc.) */
.phero{background:#f6f7f8;background:var(--wash);border-bottom:1px solid #e8e9eb;border-bottom:1px solid var(--line)}
.phero .wrap{padding-top:40px;padding-bottom:40px}
.phero h1{margin-bottom:.25em}
.phero--img{position:relative;background:#3d4246;background:var(--ink);border-bottom:0}
.phero--img .hero__img{object-position:center 50%}
.phero--img .wrap{position:relative;padding-top:64px;padding-bottom:64px}
.phero--img h1{color:#ffffff;font-weight:500}
.phero--img .lede,.phero--img .crumbs,.phero--img .crumbs a{color:#e7ebee}

/* ------------------------------------------------------------ breadcrumbs */
.crumbs{font-size:13px;color:#8a929a;margin:0 0 12px}
.crumbs a{color:#8a929a;text-decoration:none}
.crumbs a:hover{color:#557b97;color:var(--accent);text-decoration:underline}
.crumbs .sep{padding:0 .45em;opacity:.7}

/* ------------------------------------------------------------------ cards */
.cards{margin:0 -10px;font-size:0;padding:0;list-style:none}
.cards > li,.cards > div{
  display:inline-block;vertical-align:top;
  width:100%;padding:0 10px 20px;
  font-size:17px;
  box-sizing:border-box;
}
@media (min-width:34rem){ .cards > li,.cards > div{width:50%} }
@media (min-width:64rem){ .cards--3 > li,.cards--3 > div{width:33.3333%} .cards--4 > li,.cards--4 > div{width:25%} }
.card{
  display:block;height:100%;
  background:#ffffff;
  border:1px solid #e8e9eb;border:1px solid var(--line);
  border-radius:8px;border-radius:var(--radius);
  overflow:hidden;
  text-decoration:none;
  transition:box-shadow .18s ease,border-color .18s ease,transform .18s ease;
}
a.card:hover,a.card:focus{
  border-color:#cfd6dc;
  box-shadow:0 10px 26px rgba(61,66,70,.10);
  transform:translateY(-2px);
}
.card__media{
  position:relative;display:block;
  height:0;padding-top:75%;
  background:#f6f7f8;background:var(--wash);
  overflow:hidden;
}
.card__media img{
  position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;
  max-width:100%;max-height:100%;         /* IE11-safe letterbox              */
  width:100%;height:100%;object-fit:cover; /* modern: fill the frame          */
}
.card__media--contain img{object-fit:contain;padding:10px}
.card__body{display:block;padding:16px 18px 20px}
.card__title{
  display:block;margin:0 0 6px;
  color:#3d4246;color:var(--ink);
  font-size:17px;font-weight:600;line-height:1.3;
}
a.card:hover .card__title{color:#557b97;color:var(--accent)}
.card__meta{display:block;font-size:14px;color:#8a929a}
.card__price{display:block;margin-top:8px;font-size:15px;font-weight:600;color:#557b97;color:var(--accent)}
.card__text{display:block;margin:8px 0 0;font-size:15px;line-height:1.55;color:#69727b;color:var(--body)}

/* ---------------------------------------------------------------- pillars */
.pillars{margin:0;padding:0;list-style:none;font-size:0}
.pillars > li{
  display:inline-block;vertical-align:top;width:100%;
  padding:0 14px 26px;font-size:17px;box-sizing:border-box;
}
@media (min-width:48rem){ .pillars > li{width:33.3333%;padding-bottom:0} }
.pillars h2,.pillars h3{margin-bottom:.35em;font-size:19px;font-size:1.15rem}
.pillars p{margin:0;font-size:15.5px;line-height:1.6}
.pillars .num{
  display:block;width:34px;height:3px;margin:0 0 16px;
  background:#e8912a;background:var(--gold);
}

/* ------------------------------------------------------------------- prose */
.prose{max-width:65ch;font-size:17px;font-size:1.06rem;overflow-wrap:break-word;word-wrap:break-word}
.prose > :first-child{margin-top:0}
.prose h2{margin-top:1.9em}
.prose h3{margin-top:1.6em}
.prose img{border-radius:8px;border-radius:var(--radius);display:block;margin:1.8em auto;height:auto}
.prose iframe{max-width:100%;border:0;border-radius:8px}
.prose table{
  width:100%;margin:1.75em 0;font-size:15px;
  border:1px solid #e8e9eb;border:1px solid var(--line);
}
.prose th,.prose td{border:1px solid #e8e9eb;border:1px solid var(--line);padding:9px 12px;text-align:left;vertical-align:top}
.prose th{background:#f6f7f8;background:var(--wash);color:#3d4246;color:var(--ink);font-weight:600}
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;margin:1.75em 0}
.table-scroll table{margin:0}
.prose a[href$=".pdf"]:after{content:" (PDF)";font-size:.82em;color:#8a929a}
.page-body{font-size:17px}
.pdp-desc{margin-top:34px}
.page-body img{max-width:100%;height:auto}

/* ---------------------------------------------------------------- article */
.article__hero{margin:0 0 30px;border-radius:0}
.article__hero img{display:block;width:100%;height:auto}
@media (min-width:48rem){ .article__hero img{border-radius:8px} }
.byline{font-size:14.5px;color:#8a929a;margin:0 0 8px}
.byline b{color:#69727b;color:var(--body);font-weight:600}
.tags{margin:0 0 26px;padding:0;list-style:none;font-size:0}
.tags li{display:inline-block;margin:0 8px 8px 0;font-size:13px}
.tags a,.tags span{
  display:inline-block;padding:4px 10px;
  background:#f6f7f8;background:var(--wash);
  border:1px solid #e8e9eb;border:1px solid var(--line);
  border-radius:100px;
  color:#69727b;color:var(--body);text-decoration:none;
}
.prevnext{margin-top:48px;padding-top:26px;border-top:1px solid #e8e9eb;border-top:1px solid var(--line);font-size:15px}
.prevnext:after{content:"";display:table;clear:both}
.prevnext a{display:block;max-width:100%;text-decoration:none;font-weight:600}
.prevnext .lbl{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#8a929a;font-weight:600;margin-bottom:3px}
.prevnext .p-prev{margin-bottom:18px}
@media (min-width:48rem){
  .prevnext .p-prev{float:left;width:48%;margin-bottom:0}
  .prevnext .p-next{float:right;width:48%;text-align:right}
}

/* --------------------------------------------------------------- post list */
.post-list{list-style:none;margin:0;padding:0}
.post-list > li{
  padding:0 0 26px;margin:0 0 26px;
  border-bottom:1px solid #e8e9eb;border-bottom:1px solid var(--line);
}
.post-list > li:last-child{border-bottom:0}
.post{display:block}
.post:after{content:"";display:table;clear:both}
.post__media{
  display:block;margin:0 0 14px;
  height:0;padding-top:56.25%;position:relative;overflow:hidden;
  background:#f6f7f8;background:var(--wash);
  border-radius:8px;border-radius:var(--radius);
}
.post__media img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.post__title{margin:0 0 6px;font-size:20px;font-size:1.22rem;line-height:1.3}
.post__title a{color:#3d4246;color:var(--ink);text-decoration:none}
.post__title a:hover{color:#557b97;color:var(--accent)}
.post__date{display:block;font-size:13.5px;color:#8a929a;margin:0 0 8px}
.post__sum{margin:0;font-size:15.5px;line-height:1.6}
@media (min-width:48rem){
  .post__media{float:left;width:250px;margin:0 24px 0 0;padding-top:141px}
  .post__body{overflow:hidden}
}

/* ------------------------------------------------------------- pagination */
.pager{margin:38px 0 0;padding-top:24px;border-top:1px solid #e8e9eb;border-top:1px solid var(--line);font-size:15px}
.pager:after{content:"";display:table;clear:both}
.pager a,.pager span{
  display:inline-block;margin:0 6px 8px 0;padding:8px 13px;
  border:1px solid #e8e9eb;border:1px solid var(--line);border-radius:6px;
  text-decoration:none;color:#3d4246;color:var(--ink);
}
.pager a:hover{border-color:#557b97;border-color:var(--accent);color:#557b97;color:var(--accent)}
.pager .is-current{background:#3d4246;background:var(--ink);border-color:#3d4246;color:#ffffff;font-weight:600}
.pager .is-off{color:#b6bcc2;border-color:#f0f1f3}
.pager .gap{border:0;padding-left:2px;padding-right:2px;color:#b6bcc2}

/* -------------------------------------------------------------------- PDP */
.pdp-gallery{margin:0 0 26px}
.pdp-hero{
  display:block;margin:0 0 12px;text-align:center;background:#f6f7f8;background:var(--wash);
  /* edge-to-edge on small screens */
  margin-left:-20px;margin-right:-20px;
}
.pdp-hero img{display:block;width:auto;max-width:100%;max-height:60vh;height:auto;margin:0 auto}
@media (min-width:48rem){
  .pdp-hero{margin-left:0;margin-right:0;border:1px solid #e8e9eb;border-radius:8px;overflow:hidden}
  .pdp-hero img{max-height:520px}
}
.thumbs{margin:0 -5px;padding:0;list-style:none;font-size:0}
.thumbs li{display:inline-block;vertical-align:top;width:25%;padding:0 5px 10px;box-sizing:border-box}
@media (min-width:34rem){ .thumbs li{width:16.6666%} }
.thumbs a{
  display:block;position:relative;height:0;padding-top:75%;overflow:hidden;
  border:1px solid #e8e9eb;border:1px solid var(--line);border-radius:6px;background:#ffffff;
}
.thumbs a:hover,.thumbs a:focus{border-color:#557b97;border-color:var(--accent)}
.thumbs img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;padding:4px;box-sizing:border-box}
.pdp-title{margin:0 0 6px}
.pdp-type{display:block;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#8a929a;font-weight:600;margin:0 0 10px}
.price{margin:0 0 4px;font-size:26px;font-weight:600;color:#3d4246;color:var(--ink)}
.price .lbl{display:block;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#8a929a;margin-bottom:2px}
.vtable{width:100%;margin:0 0 18px;font-size:15px;border:1px solid #e8e9eb;border:1px solid var(--line)}
.vtable th,.vtable td{padding:9px 12px;border-bottom:1px solid #e8e9eb;text-align:left}
.vtable th{background:#f6f7f8;font-weight:600;color:#3d4246}
.vtable tr:last-child td{border-bottom:0}
.quote-card{
  background:#f6f7f8;background:var(--wash);
  border:1px solid #e8e9eb;border:1px solid var(--line);
  border-radius:8px;border-radius:var(--radius);
  padding:22px;margin:0 0 30px;
}
.quote-card h2{font-size:19px;margin:0 0 6px}
.quote-card p{font-size:15px;margin:0 0 16px}
.quote-card .alt{margin:14px 0 0;font-size:14.5px;color:#69727b}
.quote-card .alt a{font-weight:600}
.spec-list{margin:0;padding:0;list-style:none;font-size:15px}
.spec-list li{padding:8px 0;border-bottom:1px solid #eceef0}
.spec-list li:last-child{border-bottom:0}
.spec-list b{color:#3d4246;color:var(--ink);font-weight:600}
@media (min-width:62rem){
  .pdp{font-size:0}
  .pdp > div{display:inline-block;vertical-align:top;font-size:17px;box-sizing:border-box}
  .pdp__main{width:58%;padding-right:44px}
  .pdp__side{width:42%}
}

/* ------------------------------------------------------------------ forms */
.field{margin:0 0 18px}
.field label{display:block;margin:0 0 6px;font-size:14.5px;font-weight:600;color:#3d4246;color:var(--ink)}
.field .hint{display:block;font-weight:400;font-size:13px;color:#8a929a;margin-top:2px}
input[type=text],input[type=email],input[type=tel],input[type=search],select,textarea{
  width:100%;
  padding:11px 13px;
  font-family:inherit;font-size:16px;color:#3d4246;
  background:#ffffff;
  border:1px solid #cfd6dc;
  border-radius:6px;border-radius:var(--radius);
  box-sizing:border-box;
}
textarea{min-height:150px;resize:vertical}
input:focus,select:focus,textarea:focus{border-color:#557b97;border-color:var(--accent)}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-note{font-size:13.5px;color:#8a929a}
.notice{
  padding:14px 16px;margin:0 0 24px;
  background:#f6f7f8;background:var(--wash);
  border-left:3px solid #557b97;border-left:3px solid var(--accent);
  font-size:15px;
}

/* --------------------------------------------------------------- CTA band */
.cta-band{background:#3d4246;background:var(--ink);color:#dfe3e6;padding:52px 0}
.cta-band h2{color:#ffffff;margin-bottom:.3em}
.cta-band p{color:#c9cfd4;max-width:46ch;margin-bottom:1.6em}
.cta-band .phone{color:#ffffff;font-weight:600;text-decoration:none;white-space:nowrap}
@media (min-width:62rem){
  .cta-band .wrap{display:table;width:100%;max-width:1180px}
  .cta-band .cta-copy{display:table-cell;vertical-align:middle;padding-right:40px}
  .cta-band .cta-act{display:table-cell;vertical-align:middle;text-align:right;white-space:nowrap}
  .cta-band p{margin-bottom:0}
}

/* ============================================ v3 home / product components */

/* -------------------------------------------------------- dual photo tiles */
.duo{margin:0 -10px;padding:0;list-style:none;font-size:0}
.duo > li{
  display:inline-block;vertical-align:top;width:100%;
  padding:0 10px 20px;font-size:17px;box-sizing:border-box;
}
@media (min-width:48rem){ .duo > li{width:50%;padding-bottom:0} }
.tile{
  position:relative;display:block;overflow:hidden;
  height:0;padding-top:64%;
  background:#1d2124;
  border-radius:8px;border-radius:var(--radius);
  text-decoration:none;
}
.tile img{
  position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;
  max-width:100%;max-height:100%;           /* IE11-safe letterbox            */
  width:100%;height:100%;object-fit:cover;  /* modern: fill the frame         */
  transition:transform .35s ease;
}
.tile__veil{
  position:absolute;top:0;left:0;right:0;bottom:0;
  background:rgba(29,33,36,.36);
  background:linear-gradient(180deg,rgba(29,33,36,.06) 0%,rgba(29,33,36,.3) 46%,rgba(29,33,36,.88) 100%);
}
.tile__lbl{
  position:absolute;left:0;right:0;bottom:0;
  padding:20px 22px;
  color:#ffffff;
  font-size:21px;font-size:1.28rem;font-weight:600;line-height:1.25;letter-spacing:-.25px;
  text-shadow:0 1px 14px rgba(0,0,0,.45);
}
.tile__lbl .go{
  display:block;margin-top:7px;
  font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:#e2e7ea;
}
@media (hover:hover) and (pointer:fine){
  a.tile:hover img,a.tile:focus img{transform:scale(1.03)}
  a.tile:hover .go,a.tile:focus .go{color:#ffffff}
}
@media (min-width:64rem){
  .tile{padding-top:58%}
  .tile__lbl{padding:24px 26px;font-size:1.45rem}
}

/* ---------------------------------------------------------- who we serve */
.serve{margin:0 -10px;padding:0;list-style:none;font-size:0}
.serve > li{
  display:inline-block;vertical-align:top;width:100%;
  padding:0 10px 20px;font-size:17px;box-sizing:border-box;
  scroll-margin-top:112px;
}
@media (min-width:34rem){ .serve > li{width:50%} }
@media (min-width:64rem){ .serve > li{width:33.3333%} }
.serve-card{
  height:100%;
  background:#ffffff;
  border:1px solid #e8e9eb;border:1px solid var(--line);
  border-radius:8px;border-radius:var(--radius);
  padding:20px 22px 18px;
}
.serve-card h3{margin:0 0 8px;font-size:17px;font-size:1.06rem;letter-spacing:-.25px}
.serve-card p{margin:0 0 12px;font-size:15px;line-height:1.55}
.serve-card .go{font-size:14.5px;font-weight:600;text-decoration:none}
.serve-card .go:after{content:" \2192"}
.serve-card .go:hover,.serve-card .go:focus{text-decoration:underline}
/* progressive enhancement only: engines that know flexbox get equal-height cards
   with the links aligned along the bottom. Everything else keeps the
   inline-block layout above, which is complete on its own. */
@supports (display:flex){
  .serve{display:flex;flex-wrap:wrap}
  .serve > li{display:flex}
  .serve-card{display:flex;flex-direction:column;width:100%}
  .serve-card .go{margin-top:auto;align-self:flex-start}
}

/* -------------------------------------------------- face-to-face community */
.commune{position:relative;background:#1d2124;overflow:hidden;text-align:center}
.commune__veil{
  position:absolute;top:0;left:0;right:0;bottom:0;
  background:rgba(29,33,36,.76);
  background:linear-gradient(180deg,rgba(29,33,36,.82) 0%,rgba(29,33,36,.64) 50%,rgba(29,33,36,.88) 100%);
}
.commune .wrap{position:relative;padding-top:66px;padding-bottom:66px}
.commune .eyebrow{color:#f0b366}
.commune h2{color:#ffffff;font-weight:500;margin-bottom:.55em}
.commune p{
  color:#eef1f3;margin:0 auto;max-width:44rem;
  font-size:18px;font-size:1.16rem;line-height:1.62;
  text-shadow:0 1px 16px rgba(0,0,0,.42);
}
@media (min-width:48rem){ .commune .wrap{padding-top:88px;padding-bottom:88px} }

/* ------------------------------------------ testimonials (holds one to three) */
.quotes{margin:0 -14px;padding:0;list-style:none;font-size:0}
.quotes > li{
  display:inline-block;vertical-align:top;width:100%;
  padding:0 14px 30px;font-size:17px;box-sizing:border-box;
}
.quotes--1 > li{max-width:48rem;padding-bottom:0}
@media (min-width:62rem){
  .quotes--2 > li{width:50%;padding-bottom:0}
  .quotes--3 > li{width:33.3333%;padding-bottom:0}
}
.q{margin:0}
.q:before{
  content:"\201C";display:block;
  font-family:Georgia,"Times New Roman",Times,serif;
  font-size:96px;line-height:.78;
  color:#b6c3cd;font-weight:700;
  margin:0 0 2px -6px;
}
.q blockquote{
  margin:0;padding:0;border-left:0;font-style:normal;
  color:#3d4246;color:var(--ink);
}
.q blockquote p{
  margin:0 0 16px;
  font-size:20px;font-size:1.4rem;line-height:1.45;letter-spacing:-.25px;
}
.q figcaption{font-size:15px;color:#69727b;color:var(--body)}
.q figcaption b{display:block;font-size:16px;font-weight:600;color:#3d4246;color:var(--ink)}
@media (min-width:62rem){
  .quotes--2 .q blockquote p,.quotes--3 .q blockquote p{font-size:1.18rem}
  .quotes--2 .q:before,.quotes--3 .q:before{font-size:60px}
}

/* ------------------------------------------------- phone-forward CTA band */
.phone-band{
  background:#f6f7f8;background:var(--wash);
  border-top:1px solid #e8e9eb;border-top:1px solid var(--line);
  padding:46px 0;text-align:center;
}
.phone-band h2{margin:0 0 14px}
.phone-band .tel{
  display:inline-block;margin:0 0 2px;
  color:#557b97;color:var(--accent);
  font-size:30px;font-size:2.1rem;font-weight:600;line-height:1.15;letter-spacing:-.25px;
  text-decoration:none;white-space:nowrap;
}
.phone-band .tel:hover,.phone-band .tel:focus{color:#3d4246;color:var(--ink);text-decoration:underline}
.phone-band .mail{margin:0 0 22px;font-size:15px}
.phone-band .mail a{font-weight:600}
.phone-band p:last-child{margin-bottom:0}

/* ----------------------------------------------------------------- search */
.search-form{margin:0 0 26px;max-width:520px}
.search-form:after{content:"";display:table;clear:both}
.search-results{list-style:none;margin:0;padding:0}
.search-results li{padding:11px 0;border-bottom:1px solid #eceef0}
.search-results a{font-weight:600;text-decoration:none;color:#3d4246;color:var(--ink)}
.search-results a:hover{color:#557b97;color:var(--accent);text-decoration:underline}
.search-results .kind{display:block;font-size:12.5px;color:#8a929a;text-transform:uppercase;letter-spacing:.08em}
.search-status{font-size:14.5px;color:#8a929a;margin:0 0 18px}

/* ----------------------------------------------------------------- footer */
.site-foot{background:#3d4246;background:var(--ink);color:#c3c9ce;padding:48px 0 26px;font-size:15px}
.site-foot a{color:#e4e8ea;text-decoration:none}
.site-foot a:hover{color:#ffffff;text-decoration:underline}
.foot-cols{font-size:0;margin:0 -14px}
.foot-cols > div{display:inline-block;vertical-align:top;width:100%;padding:0 14px 30px;font-size:15px;box-sizing:border-box}
@media (min-width:34rem){ .foot-cols > div{width:50%} }
/* v4 added a fifth column (Plan): three across from 64rem, five from 75rem */
@media (min-width:64rem){ .foot-cols > div{width:33.3333%} }
@media (min-width:75rem){ .foot-cols > div{width:20%} }
.foot-h{
  margin:0 0 12px;font-size:12px;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:#8f979e;
}
.site-foot ul{list-style:none;margin:0;padding:0}
.site-foot li{margin:0 0 8px;line-height:1.45}
.foot-brand{margin:0 0 10px}
.foot-brand img{width:170px;max-width:100%;height:auto;background:#ffffff;padding:8px 10px;border-radius:6px}
.foot-addr{font-style:normal;line-height:1.7}
.foot-bottom{
  border-top:1px solid rgba(255,255,255,.13);
  margin-top:8px;padding-top:20px;
  font-size:13.5px;color:#98a0a7;
}
.foot-bottom p{margin:0 0 4px}

/* ================================ v4: uses pages, catalog, compare, find ==== */

/* --------------------------------------------------------- dark page hero */
.uhero{
  position:relative;
  background:#3d4246;background:var(--ink);
  border-bottom:0;
}
.uhero .wrap{padding-top:52px;padding-bottom:52px}
.uhero .crumbs,.uhero .crumbs a{color:#aab2b9}
.uhero .crumbs a:hover{color:#ffffff}
.uhero h1{color:#ffffff;font-weight:500;margin-bottom:.35em}
.uhero .lede{color:#dfe3e6;max-width:56ch;margin-bottom:0}
.uhero .hero__rule{margin-bottom:18px}
@media (min-width:48rem){ .uhero .wrap{padding-top:76px;padding-bottom:72px} }

/* ------------------------------------------------------- slim utility row */
.util-row{
  margin:22px 0 0;padding:14px 0 0;
  border-top:1px solid #e8e9eb;border-top:1px solid var(--line);
  font-size:15px;text-align:center;
}
.util-row ul{list-style:none;margin:0;padding:0;font-size:0}
.util-row li{display:inline-block;margin:0 0 4px;font-size:15px}
.util-row li:after{content:"·";padding:0 .7em;color:#b6bcc2}
.util-row li:last-child:after{content:"";padding:0}
.util-row a{
  color:#3d4246;color:var(--ink);
  font-weight:600;text-decoration:none;
  border-bottom:1px solid #cfd6dc;
}
.util-row a:hover,.util-row a:focus{color:#557b97;color:var(--accent);border-bottom-color:#557b97}

/* ------------------------------------------------------------ data tables */
.dtable{
  width:100%;min-width:38rem;
  font-size:15px;
  border:1px solid #e8e9eb;border:1px solid var(--line);
  background:#ffffff;
}
.dtable th,.dtable td{
  padding:10px 13px;text-align:left;vertical-align:top;
  border-bottom:1px solid #eceef0;
}
.dtable thead th{
  background:#f6f7f8;background:var(--wash);
  color:#3d4246;color:var(--ink);
  font-weight:600;font-size:14px;line-height:1.35;
  border-bottom:1px solid #d9dde1;
}
.dtable tbody th{
  font-weight:600;color:#3d4246;color:var(--ink);
  background:#fbfbfc;
}
.dtable tbody tr:last-child th,.dtable tbody tr:last-child td{border-bottom:0}
.dtable .c1{width:26%}
.dtable .num{white-space:nowrap}
.dtable .price{
  margin:0;font-size:15px;font-weight:600;
  color:#3d4246;color:var(--ink);white-space:nowrap;
}
.dtable--price .c1{width:38%}
.dtable a{font-weight:600;text-decoration:none}
.dtable a:hover,.dtable a:focus{text-decoration:underline}
.dtable .off{color:#8a929a}
.dtable .sub{display:block;margin-top:3px;font-size:13px;font-weight:400;color:#8a929a}
.tnote{font-size:14px;color:#8a929a;margin:10px 0 0;max-width:70ch}
.tcap{
  margin:34px 0 10px;
  font-size:19px;font-size:1.15rem;
}
.tcap .sub{display:block;font-size:14.5px;font-weight:400;color:#8a929a;margin-top:3px}
/* a table's own scroll box gets a hairline hint on the right when it overflows */
.table-scroll{border-radius:8px;border-radius:var(--radius)}

/* -------------------------------------------------------- size ladder cards */
.ladder{margin:0 -10px;padding:0;list-style:none;font-size:0}
.ladder > li{
  display:inline-block;vertical-align:top;width:100%;
  padding:0 10px 20px;font-size:17px;box-sizing:border-box;
}
@media (min-width:48rem){ .ladder > li{width:33.3333%;padding-bottom:0} }
.lad{
  height:100%;
  background:#ffffff;
  border:1px solid #e8e9eb;border:1px solid var(--line);
  border-radius:8px;border-radius:var(--radius);
  padding:20px 22px 20px;
}
.lad .step{
  display:block;margin:0 0 10px;
  font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:#8a929a;
}
.lad h3{margin:0 0 10px;font-size:17px;font-size:1.06rem;letter-spacing:-.25px}
.lad h3 a{color:#3d4246;color:var(--ink);text-decoration:none}
.lad h3 a:hover,.lad h3 a:focus{color:#557b97;color:var(--accent);text-decoration:underline}
.lad dl{margin:0 0 14px;font-size:15px;line-height:1.5}
.lad dt{
  font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  color:#8a929a;margin:10px 0 1px;
}
.lad dt:first-child{margin-top:0}
.lad dd{margin:0;color:#69727b;color:var(--body)}
.lad .amt{
  display:block;margin:0 0 2px;
  font-size:22px;font-weight:600;line-height:1.2;
  color:#3d4246;color:var(--ink);
}
.lad .fine{font-size:13.5px;color:#8a929a;margin:0 0 14px}
.lad .go{font-size:14.5px;font-weight:600;text-decoration:none}
.lad .go:after{content:" \2192"}
.lad .go:hover,.lad .go:focus{text-decoration:underline}
@supports (display:flex){
  .ladder{display:flex;flex-wrap:wrap}
  .ladder > li{display:flex}
  .lad{display:flex;flex-direction:column;width:100%}
  .lad .go{margin-top:auto;align-self:flex-start}
}

/* ------------------------------------------------------- audience notes */
.notes{margin:0;padding:0;list-style:none}
.notes > li{
  padding:16px 0 0;margin:16px 0 0;
  border-top:1px solid #e8e9eb;border-top:1px solid var(--line);
}
.notes > li:first-child{border-top:0;margin-top:0;padding-top:0}
.notes h3{margin:0 0 5px;font-size:16px;font-size:1rem;letter-spacing:0}
.notes p{margin:0;font-size:15.5px;line-height:1.6;max-width:70ch}
@media (min-width:62rem){
  .notes > li{font-size:0}
  .notes h3,.notes p{display:inline-block;vertical-align:top;font-size:16px;box-sizing:border-box}
  .notes h3{width:30%;padding-right:24px}
  .notes p{width:70%;font-size:15.5px}
}

/* ------------------------------------------------- numbered anatomy block */
.anat{font-size:0}
.anat__media{
  display:block;position:relative;width:100%;
  height:0;padding-top:100%;
  margin:0 0 26px;overflow:hidden;
  background:#eceef0;
  border-radius:8px;border-radius:var(--radius);
}
.anat__media img{
  position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;
  max-width:100%;max-height:100%;
  width:100%;height:100%;object-fit:cover;
}
.anat__list{margin:0;padding:0;list-style:none;font-size:17px;counter-reset:anat}
.anat__list > li{position:relative;padding:0 0 18px 46px;margin:0}
.anat__list > li:before{
  counter-increment:anat;content:counter(anat);
  position:absolute;left:0;top:1px;
  width:30px;height:30px;line-height:30px;
  border-radius:50%;
  background:#3d4246;background:var(--ink);
  color:#ffffff;font-size:14px;font-weight:600;text-align:center;
}
.anat__list h3{margin:0 0 4px;font-size:16px;font-size:1rem;letter-spacing:0}
.anat__list p{margin:0;font-size:15.5px;line-height:1.6}
@media (min-width:62rem){
  .anat > div{display:inline-block;vertical-align:top;box-sizing:border-box;font-size:17px}
  .anat__fig{width:42%;padding-right:36px}
  .anat__body{width:58%}
  /* the photograph is optional: with no file on disk the list runs full width */
  .anat--nofig .anat__body{width:100%}
  .anat__media{margin-bottom:0;position:sticky;top:112px}
}

/* --------------------------------------------------- catalog filter (JS) */
.cat-tools{
  margin:0 0 22px;padding:16px 18px;
  background:#f6f7f8;background:var(--wash);
  border:1px solid #e8e9eb;border:1px solid var(--line);
  border-radius:8px;border-radius:var(--radius);
}
.cat-tools .field{margin:0 0 10px}
.cat-tools label{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#8a929a}
.cat-tools .row{font-size:0}
.cat-tools .row > *{font-size:15px}
.cat-tools select{max-width:16rem}
.cat-tools .hits{margin:10px 0 0;font-size:14px;color:#8a929a}
@media (min-width:48rem){
  .cat-tools .field{display:inline-block;vertical-align:bottom;width:60%;padding-right:14px;margin-bottom:0;box-sizing:border-box}
  .cat-tools .field + .field{width:40%;padding-right:0}
}

/* --------------------------------------------------------- find-your-screen */
.pick{margin:0;padding:0;list-style:none}
.pick > li{
  padding:18px 0;
  border-bottom:1px solid #e8e9eb;border-bottom:1px solid var(--line);
}
.pick > li:last-child{border-bottom:0}
.pick .seat{
  display:block;margin:0 0 2px;
  font-size:20px;font-size:1.3rem;font-weight:600;line-height:1.2;
  color:#3d4246;color:var(--ink);letter-spacing:-.25px;
}
.pick .size{display:block;font-size:15px;color:#8a929a;margin:0 0 8px}
.pick .buy{margin:0;font-size:15px}
.pick .buy a{font-weight:600;text-decoration:none}
.pick .buy a:hover{text-decoration:underline}
.pick .sep{color:#c3cad1;padding:0 .5em}
@media (min-width:48rem){
  .pick > li{font-size:0}
  .pick > li > div{display:inline-block;vertical-align:top;box-sizing:border-box;font-size:17px}
  .pick .who{width:38%;padding-right:20px}
  .pick .what{width:62%}
  .pick .seat{margin-bottom:0}
}

/* ===================================================== v5 — language bar */
.langbar{
  background:#2f3438;
  color:#dfe3e6;
  font-size:13px;line-height:1.4;
  border-bottom:1px solid #3d4246;
}
.langbar .wrap{position:relative;padding-top:5px;padding-bottom:5px}
.langbar a{color:#dfe3e6;text-decoration:none}
.langbar a:hover,.langbar a:focus{color:#ffffff;text-decoration:underline}
.flag{
  display:inline-block;width:1.15em;height:.85em;
  margin-right:.42em;
  font-style:normal;font-size:1.05em;line-height:1;
  vertical-align:-1px;text-align:center;
}
/* the switcher collapses into a <details> popover on narrow screens; the list
   is the details' next sibling, so no markup is duplicated and no :has() is
   needed to open it */
.langbar__t{display:block}
.langbar__t summary{
  cursor:pointer;list-style:none;
  padding:3px 0;font-weight:600;color:#ffffff;
}
.langbar__t summary::-webkit-details-marker{display:none}
.langbar__t summary:after{content:" \25BE";color:#9aa3ab}
.langbar__list{display:none}
.langbar__t[open] + .langbar__list{
  display:block;
  position:absolute;z-index:60;top:100%;left:20px;right:20px;
  background:#2f3438;
  border:1px solid #4b5257;
  border-radius:8px;border-radius:var(--radius);
  padding:8px 4px;
  box-shadow:0 10px 26px rgba(0,0,0,.35);
}
.langbar ul{list-style:none;margin:0;padding:0;font-size:0}
.langbar li{display:block;margin:0;font-size:13px}
.langbar li a{display:block;padding:7px 14px}
.langbar li a[aria-current]{color:#ffffff;font-weight:600}
.langbar li a[aria-current]:before{content:"\2713 ";color:#e8912a}
@media (min-width:48rem){
  .langbar__t{display:none}
  .langbar__list{display:block}
  .langbar__t[open] + .langbar__list{
    position:static;background:none;border:0;box-shadow:none;padding:0;
  }
  .langbar li{display:inline-block}
  .langbar li a{padding:2px 9px 2px 0}
  .langbar li a[aria-current]:before{content:""}
}
/* platforms with no flag emoji get an inline SVG mark instead — set by the
   optional script, so nothing here depends on a network request */
.no-flag-emoji .flag{
  overflow:hidden;text-indent:-9em;
  width:1.35em;height:.9em;
  background-repeat:no-repeat;background-position:50% 50%;background-size:100% 100%;
  border:1px solid rgba(255,255,255,.4);border-radius:1px;
}
.no-flag-emoji .flag--en{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12'%3E%3Crect width='18' height='12' fill='%23fff'/%3E%3Cg fill='%23b22234'%3E%3Crect width='18' height='2'/%3E%3Crect y='4' width='18' height='2'/%3E%3Crect y='8' width='18' height='2'/%3E%3C/g%3E%3Crect width='8' height='6' fill='%233c3b6e'/%3E%3C/svg%3E")}
.no-flag-emoji .flag--zh{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12'%3E%3Crect width='18' height='12' fill='%23de2910'/%3E%3Cpath d='M4 2l.7 2.1H7l-1.8 1.3.7 2.1L4 6.2 2.1 7.5l.7-2.1L1 4.1h2.3z' fill='%23ffde00'/%3E%3C/svg%3E")}
.no-flag-emoji .flag--hi{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12'%3E%3Crect width='18' height='4' fill='%23ff9933'/%3E%3Crect y='4' width='18' height='4' fill='%23fff'/%3E%3Crect y='8' width='18' height='4' fill='%23138808'/%3E%3Ccircle cx='9' cy='6' r='1.6' fill='none' stroke='%23000080' stroke-width='.7'/%3E%3C/svg%3E")}
.no-flag-emoji .flag--es{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12'%3E%3Crect width='18' height='12' fill='%23aa151b'/%3E%3Crect y='3' width='18' height='6' fill='%23f1bf00'/%3E%3C/svg%3E")}
.no-flag-emoji .flag--ar{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12'%3E%3Crect width='18' height='12' fill='%23006c35'/%3E%3Crect x='3' y='7' width='12' height='1.2' fill='%23fff'/%3E%3C/svg%3E")}
.no-flag-emoji .flag--fr{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12'%3E%3Crect width='6' height='12' fill='%23002395'/%3E%3Crect x='6' width='6' height='12' fill='%23fff'/%3E%3Crect x='12' width='6' height='12' fill='%23ed2939'/%3E%3C/svg%3E")}
.no-flag-emoji .flag--bn{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12'%3E%3Crect width='18' height='12' fill='%23006a4e'/%3E%3Ccircle cx='8' cy='6' r='3.2' fill='%23f42a41'/%3E%3C/svg%3E")}
.no-flag-emoji .flag--pt{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12'%3E%3Crect width='18' height='12' fill='%23009c3b'/%3E%3Cpath d='M9 1.4L16.6 6 9 10.6 1.4 6z' fill='%23ffdf00'/%3E%3Ccircle cx='9' cy='6' r='2.1' fill='%23002776'/%3E%3C/svg%3E")}
.no-flag-emoji .flag--ru{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12'%3E%3Crect width='18' height='4' fill='%23fff'/%3E%3Crect y='4' width='18' height='4' fill='%230039a6'/%3E%3Crect y='8' width='18' height='4' fill='%23d52b1e'/%3E%3C/svg%3E")}
.no-flag-emoji .flag--id{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12'%3E%3Crect width='18' height='6' fill='%23ce1126'/%3E%3Crect y='6' width='18' height='6' fill='%23fff'/%3E%3C/svg%3E")}

/* --------------------------------------------- language suggestion banner */
.langsug{
  display:none;
  background:#e9eef2;
  border-bottom:1px solid #d3dce3;
  font-size:15px;
}
.langsug.is-on{display:block}
.langsug .wrap{padding-top:9px;padding-bottom:9px;text-align:center}
.langsug a{font-weight:600}
.langsug button{
  margin-left:12px;
  background:none;border:0;padding:2px 6px;
  color:#69727b;color:var(--body);
  font:inherit;font-size:14px;cursor:pointer;text-decoration:underline;
}

/* =============================================== v5 — the /screens/ family */
.sizerow{
  padding:26px 0;
  border-top:1px solid #e8e9eb;border-top:1px solid var(--line);
  font-size:0;
}
.sizerow:first-child{border-top:0}
.sizerow > div{display:block;font-size:17px;box-sizing:border-box}
.sizerow__media{margin:0 0 16px}
.sizerow__media img{
  display:block;width:100%;height:auto;
  border-radius:8px;border-radius:var(--radius);
  background:#eceef0;
}
@supports (object-fit:cover){
  .sizerow__media img{height:230px;object-fit:cover}
}
.sizerow h3{margin:0 0 6px;font-size:20px;font-size:1.2rem;letter-spacing:-.25px}
.sizerow h3 a{color:#3d4246;color:var(--ink);text-decoration:none}
.sizerow h3 a:hover,.sizerow h3 a:focus{color:#557b97;color:var(--accent);text-decoration:underline}
.sizerow .chips{margin:8px 0 12px;padding:0;list-style:none;font-size:0}
.sizerow .chips li{
  display:inline-block;margin:0 6px 6px 0;padding:4px 10px;font-size:13.5px;
  background:#f6f7f8;background:var(--wash);
  border:1px solid #e8e9eb;border:1px solid var(--line);
  border-radius:20px;color:#69727b;color:var(--body);
}
.sizerow .amt{font-size:15px;color:#69727b;color:var(--body);margin:0 0 10px}
.sizerow .amt b{color:#3d4246;color:var(--ink)}
@media (min-width:48rem){
  .sizerow > .sizerow__media{display:inline-block;vertical-align:top;width:44%;padding-right:28px;margin-bottom:0}
  .sizerow > .sizerow__body{display:inline-block;vertical-align:top;width:56%}
}

/* the scale diagram */
.dgwrap{
  margin:0 0 8px;padding:14px 10px 6px;
  background:#ffffff;
  border:1px solid #e8e9eb;border:1px solid var(--line);
  border-radius:8px;border-radius:var(--radius);
}
.dg{display:block;width:100%;height:auto}
.dg-u--m{display:none}
.units-m .dg-u--ft{display:none}
.units-m .dg-u--m{display:inline}
.dg-frame{display:none}
.foot-overall .dg-frame{display:block}
.dgnote{font-size:13.5px;color:#8a929a;margin:6px 0 0}

/* the progressive toggles: real controls, hidden until the script arrives */
.sw{margin:0 0 18px;font-size:0}
.sw fieldset{border:0;margin:0 0 10px;padding:0;display:inline-block;vertical-align:top}
.sw legend{
  display:block;padding:0;margin:0 0 4px;
  font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#8a929a;
}
.sw .grp{
  display:inline-block;
  border:1px solid #c3cad1;border-radius:6px;overflow:hidden;background:#ffffff;
}
.sw button{
  -webkit-appearance:none;appearance:none;
  background:#ffffff;border:0;border-left:1px solid #dfe3e6;
  padding:8px 14px;font:inherit;font-size:14px;font-weight:600;
  color:#69727b;color:var(--body);cursor:pointer;
}
.sw button:first-child{border-left:0}
.sw button[aria-pressed="true"]{background:#3d4246;background:var(--ink);color:#ffffff}
.sw fieldset + fieldset{margin-left:18px}

/* the dual-unit specification block */
.spec{margin:0 0 8px;font-size:0}
.spec > div{
  display:inline-block;vertical-align:top;box-sizing:border-box;
  width:50%;padding:12px 16px 12px 0;font-size:17px;
  border-top:1px solid #eceef0;
}
.spec dt{
  margin:0 0 2px;font-size:12px;font-weight:600;letter-spacing:.1em;
  text-transform:uppercase;color:#8a929a;
}
.spec dd{margin:0;font-size:16px;color:#3d4246;color:var(--ink);font-weight:600}
.spec dd .alt{display:block;font-size:14px;font-weight:400;color:#8a929a}
@media (min-width:48rem){ .spec > div{width:25%} }
[data-todo]{color:#8a929a;font-weight:400;font-style:italic}
[data-todo]:after{content:" \2014\00a0" attr(data-todo-note)}

/* audience headline + the expandable detail */
.aud{
  margin:0 0 20px;padding:20px 22px;
  background:#f6f7f8;background:var(--wash);
  border:1px solid #e8e9eb;border:1px solid var(--line);
  border-radius:8px;border-radius:var(--radius);
}
.aud .big{
  display:block;margin:0 0 2px;
  font-size:28px;font-size:1.75rem;font-weight:600;line-height:1.15;
  color:#3d4246;color:var(--ink);letter-spacing:-.5px;
}
.aud .sub{display:block;font-size:15px;color:#8a929a;margin-bottom:10px}
.aud ul{margin:0;padding:0;list-style:none;font-size:15px}
.aud li{margin:.35em 0}
.aud li b{color:#3d4246;color:var(--ink)}
/* the audience-mode switch is a CSS state change, so the three figures are all
   in the markup and all correct with the script switched off */
.aud .aud__v{display:none}
.aud .aud__v--chairs{display:block}
.aud-grass .aud .aud__v--chairs,.aud-standing .aud .aud__v--chairs{display:none}
.aud-grass .aud .aud__v--grass{display:block}
.aud-standing .aud .aud__v--standing{display:block}

/* ------------------------------------------------- shared-baseline compare */
.cmpwrap{
  margin:0 0 10px;padding:22px 18px 0;
  background:#ffffff;
  border:1px solid #e8e9eb;border:1px solid var(--line);
  border-radius:8px;border-radius:var(--radius);
  overflow-x:auto;
}
.cmprow{
  margin:0;padding:0 0 14px;list-style:none;font-size:0;white-space:nowrap;
  border-bottom:2px solid #c3cad1;
  min-width:100%;
}
.cmprow > li{
  display:none;
  vertical-align:bottom;
  white-space:normal;
  padding-right:1.4%;
  box-sizing:border-box;
}
.cmprow > li.is-on{display:inline-block}
.sil{display:block;width:100%;height:auto}
.sil--fig{width:100%}
.cmplab{
  display:block;margin:8px 0 0;font-size:13px;line-height:1.35;
  color:#69727b;color:var(--body);
}
.cmplab b{display:block;color:#3d4246;color:var(--ink);font-size:14px}
.cmpempty{margin:0;padding:16px 0;color:#8a929a;font-size:15px}
.cmptable tr{display:none}
.cmptable tr.is-on,.cmptable thead tr{display:table-row}
@supports (display:flex){
  .cmprow{display:flex;align-items:flex-end}
  .cmprow > li.is-on{display:block}
}

/* expandable sections */
.exp{
  border-top:1px solid #e8e9eb;border-top:1px solid var(--line);
  margin:0;padding:0;
}
.exp summary{
  cursor:pointer;list-style:none;
  padding:15px 0;font-size:17px;font-weight:600;
  color:#3d4246;color:var(--ink);
}
.exp summary::-webkit-details-marker{display:none}
.exp summary:after{content:"+";float:right;font-weight:400;color:#8a929a;font-size:20px;line-height:1.2}
.exp[open] summary:after{content:"\2013"}
.exp .exp__body{padding:0 0 18px}
.exp .exp__body p{font-size:15.5px}
.exp dl{margin:0;font-size:15.5px}
.exp dt{font-weight:600;color:#3d4246;color:var(--ink);margin-top:10px}
.exp dt:first-child{margin-top:0}
.exp dd{margin:0 0 2px}

/* prev / next size */
.sizenav{
  margin:30px 0 0;padding:18px 0 0;font-size:0;
  border-top:1px solid #e8e9eb;border-top:1px solid var(--line);
}
.sizenav a{
  display:inline-block;width:50%;box-sizing:border-box;font-size:15px;
  text-decoration:none;padding-right:14px;vertical-align:top;
}
.sizenav a + a{text-align:right;padding-right:0;padding-left:14px}
.sizenav .lbl{
  display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#8a929a;
}
.sizenav b{color:#3d4246;color:var(--ink)}

/* the compare picker */
.pickset{
  margin:0 0 22px;padding:16px 18px;
  background:#f6f7f8;background:var(--wash);
  border:1px solid #e8e9eb;border:1px solid var(--line);
  border-radius:8px;border-radius:var(--radius);
}
.pickset fieldset{border:0;margin:0;padding:0}
.pickset legend{
  padding:0;margin:0 0 8px;font-size:13px;font-weight:600;
  letter-spacing:.1em;text-transform:uppercase;color:#8a929a;
}
.pickset ul{margin:0;padding:0;list-style:none;font-size:0}
.pickset li{display:inline-block;width:100%;font-size:15px;margin:0 0 6px}
.pickset label{display:inline;font-weight:400;font-size:15px;cursor:pointer}
.pickset input{margin-right:8px}
.pickset .hint{display:block;margin:10px 0 0;font-size:14px;color:#8a929a}
@media (min-width:34rem){ .pickset li{width:50%} }
@media (min-width:62rem){ .pickset li{width:33.3333%} }

/* sortable column heads (added by the script; plain headings without it) */
.dtable th.is-sortable{padding:0}
.th-sort{
  display:block;width:100%;
  background:none;border:0;
  padding:10px 13px;
  font:inherit;font-weight:600;font-size:14px;
  color:#3d4246;color:var(--ink);
  text-align:left;cursor:pointer;
}
.th-sort:after{content:" \2195";color:#a4acb3;font-weight:400}
.dtable th[aria-sort="ascending"] .th-sort:after{content:" \2191";color:#557b97}
.dtable th[aria-sort="descending"] .th-sort:after{content:" \2193";color:#557b97}
[dir="rtl"] .th-sort{text-align:right}

/* the four ways in */
.ways{margin:0 0 6px;padding:0;list-style:none;font-size:0}
.ways li{display:inline-block;font-size:15px;margin:0 0 4px}
.ways li:after{content:"\00b7";padding:0 .7em;color:#b6bcc2}
.ways li:last-child:after{content:"";padding:0}
.ways a{font-weight:600;text-decoration:none;border-bottom:1px solid #cfd6dc;color:#3d4246;color:var(--ink)}
.ways a:hover,.ways a:focus{color:#557b97;color:var(--accent)}
.ways [aria-current]{color:#8a929a;border-bottom:0;font-weight:600}

/* ------------------------------------------------------------------- 404 */
.err{padding:70px 0 90px;text-align:center}
.err h1{font-size:64px;font-size:clamp(3rem,2rem + 6vw,5rem);margin-bottom:.1em;color:#3d4246}
.err .sub{font-size:20px;color:#3d4246;color:var(--ink);font-weight:600;margin-bottom:.6em}
.err ul{list-style:none;padding:0;margin:26px 0 0;font-size:0}
.err li{display:inline-block;margin:0 8px 10px;font-size:16px}

/* ------------------------------------------------------------------ print */
@media print{
  .topbar,.site-head,.site-foot,.cta-band,.pager,.prevnext,.skip,.quote-card,.thumbs,
  .duo,.cat-tools{display:none!important}
  body{font-size:11pt;color:#000;background:#fff}
  a{color:#000;text-decoration:underline}
  .wrap{max-width:none;padding:0}
  .site-head{position:static}
  .hero,.commune{background:none}
  .hero h1,.hero p,.commune h2,.commune p{color:#000;text-shadow:none}
  .hero__img,.hero__veil,.commune__veil,.commune .hero__img{display:none}
  .commune .wrap{padding-top:0;padding-bottom:0}
  .phone-band{background:none;border-top:1px solid #999;padding:16px 0}
  .phone-band .tel{color:#000}
  .q:before{display:none}
  .prose{max-width:none}
  h1,h2,h3{color:#000}
  img{max-width:60%}
  /* v4: the catalog and the comparison tables are printed by buyers, so they
     have to survive the page break and lose their dark chrome */
  .uhero{background:none;border-bottom:1px solid #999}
  .uhero .wrap{padding:0 0 12px}
  .uhero h1,.uhero .lede,.uhero .crumbs,.uhero .crumbs a{color:#000}
  .uhero .hero__rule{display:none}
  .table-scroll{overflow:visible}
  .dtable{min-width:0;font-size:9.5pt;border-color:#999;page-break-inside:auto}
  .dtable th,.dtable td{border-bottom:1px solid #bbb;padding:5px 7px}
  .dtable thead th{background:none;border-bottom:1px solid #666}
  .dtable tbody th{background:none}
  .dtable tr{page-break-inside:avoid}
  .dtable thead{display:table-header-group}
  .lad,.serve-card{border-color:#999;page-break-inside:avoid}
  .anat__media{position:static;page-break-inside:avoid}
  .anat__list > li,.notes > li,.pick > li{page-break-inside:avoid}
  .util-row{border-top:1px solid #999}
}

@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  a.card:hover{transform:none}
  a.tile:hover img,a.tile:focus img{transform:none}
  .btn:hover{transform:none}
}

/* ================================================ v5 — scripts and fonts */
/* One extra family list per script, appended to the shared stack. Nothing is
   downloaded: these are the faces the operating systems already ship, and the
   Latin stack stays in front so Latin text inside a Chinese or Arabic page is
   still set in Work Sans where it exists. */
html[lang="zh-Hans"] body,html[lang="zh-Hans"] .btn,html[lang="zh-Hans"] input,
html[lang="zh-Hans"] select,html[lang="zh-Hans"] textarea,html[lang="zh-Hans"] button{
  font-family:"Work Sans","Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;
}
html[lang="hi"] body,html[lang="hi"] .btn,html[lang="hi"] input,
html[lang="hi"] select,html[lang="hi"] textarea,html[lang="hi"] button{
  font-family:"Work Sans","Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,"Nirmala UI","Noto Sans Devanagari","Kohinoor Devanagari","Mangal",Arial,sans-serif;
}
html[lang="bn"] body,html[lang="bn"] .btn,html[lang="bn"] input,
html[lang="bn"] select,html[lang="bn"] textarea,html[lang="bn"] button{
  font-family:"Work Sans","Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,"Nirmala UI","Noto Sans Bengali","Bangla Sangam MN","Vrinda",Arial,sans-serif;
}
html[lang="ar"] body,html[lang="ar"] .btn,html[lang="ar"] input,
html[lang="ar"] select,html[lang="ar"] textarea,html[lang="ar"] button{
  font-family:"Work Sans","Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,"Geeza Pro","Noto Sans Arabic",Tahoma,Arial,sans-serif;
}
html[lang="ru"] body{font-feature-settings:normal}
/* the scripts with taller ascenders need a little more room per line */
html[lang="hi"] body,html[lang="bn"] body{line-height:1.75}
html[lang="ar"] body{line-height:1.8}
html[lang="zh-Hans"] h1,html[lang="zh-Hans"] h2{letter-spacing:0}
html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3{letter-spacing:0}

/* ------------------------------------------------------------ Arabic (RTL) */
/* Physical properties first, everywhere, so an old engine that has never heard
   of a logical property still lays the page out correctly; the [dir="rtl"]
   block below then flips the physical ones it needs. Nothing here relies on
   :has(), on container queries or on inline-start/end alone. */
[dir="rtl"]{text-align:right}
[dir="rtl"] .lede,[dir="rtl"] .prose,[dir="rtl"] .tnote{text-align:right}
[dir="rtl"] ul,[dir="rtl"] ol{padding-left:0;padding-right:1.25em}
[dir="rtl"] blockquote{
  border-left:0;border-right:3px solid #e8e9eb;border-right:3px solid var(--line);
  padding:.25em 1.15em .25em 0;
}
[dir="rtl"] .flag{margin-right:0;margin-left:.42em}
[dir="rtl"] .langbar li a{padding:2px 0 2px 9px}
[dir="rtl"] .langbar__t[open] + .langbar__list{left:20px;right:20px}
[dir="rtl"] .langbar__t summary:after{content:" \25BE"}
[dir="rtl"] .crumbs .sep{transform:none}
[dir="rtl"] .btn + .btn{margin-left:0}
@media (min-width:34rem){ [dir="rtl"] .btn + .btn{margin-left:0;margin-right:12px} }
[dir="rtl"] .dtable th,[dir="rtl"] .dtable td{text-align:right}
/* A table cell may hold an Arabic sentence or a measurement in Latin units.
   plaintext takes each cell's direction from its own first strong character,
   so "12' x 7'" stays left-to-right inside a right-to-left table. Engines that
   have never heard of it fall back to today's behaviour. */
[dir="rtl"] .dtable td,[dir="rtl"] .aud li,[dir="rtl"] .chips li,
[dir="rtl"] .lad dd,[dir="rtl"] .pick .size,[dir="rtl"] .buylist li,
[dir="rtl"] .exp dd,[dir="rtl"] .cmplab{unicode-bidi:plaintext}
/* The same rule for everything that holds a name we do not translate — the
   product titles, the collection names, the address, the phone number, the
   copyright line. "Event Pro Outdoor Movie Screen Kit 20'" ends in a foot mark
   that an Arabic paragraph would otherwise throw to the far side of the line. */
[dir="rtl"] .card__title,[dir="rtl"] .pdp-title,[dir="rtl"] .crumbs a,
[dir="rtl"] .crumbs span,[dir="rtl"] .sizenav b,[dir="rtl"] .sizenav a,
[dir="rtl"] .buylist a,[dir="rtl"] .foot-addr,[dir="rtl"] .foot-bottom p,
[dir="rtl"] .tel,[dir="rtl"] .phone,[dir="rtl"] .topbar a,
[dir="rtl"] .site-foot li a,[dir="rtl"] .dtable th.c1,
[dir="rtl"] .sizerow h3,[dir="rtl"] .lad h3,[dir="rtl"] .langbar li a,
[dir="rtl"] .langbar summary,[dir="rtl"] .cmplab b,[dir="rtl"] .pick .buy,
[dir="rtl"] .pickset label,[dir="rtl"] .tcap,[dir="rtl"] .vtable td,
[dir="rtl"] .spec-list li{unicode-bidi:plaintext}
[dir="rtl"] .spec > div{padding:12px 0 12px 16px}
[dir="rtl"] .exp summary:after{float:left}
[dir="rtl"] .sizerow .chips li{margin:0 0 6px 6px}
[dir="rtl"] .sizenav a{padding-right:0;padding-left:14px}
[dir="rtl"] .sizenav a + a{text-align:left;padding-left:0;padding-right:14px}
[dir="rtl"] .pickset input{margin-right:0;margin-left:8px}
[dir="rtl"] .sw fieldset + fieldset{margin-left:0;margin-right:18px}
[dir="rtl"] .sw button{border-left:0;border-right:1px solid #dfe3e6}
[dir="rtl"] .sw button:first-child{border-right:0}
[dir="rtl"] .util-row a,[dir="rtl"] .ways a{border-bottom-width:1px}
[dir="rtl"] .lad .go:after{content:""}
[dir="rtl"] .lad .go:before{content:"\2190 "}
[dir="rtl"] .langsug button{margin-left:0;margin-right:12px}
[dir="rtl"] .foot-addr,[dir="rtl"] .site-foot{text-align:right}
[dir="rtl"] .anat__list > li{padding:0 46px 18px 0}
[dir="rtl"] .anat__list > li:before{left:auto;right:0}
[dir="rtl"] .anat__fig{padding-right:0;padding-left:36px}
[dir="rtl"] .notes h3{padding-right:0;padding-left:24px}
[dir="rtl"] .pick .who{padding-right:0;padding-left:20px}
[dir="rtl"] .sizerow__media{padding-right:0;padding-left:28px}
[dir="rtl"] .skip{left:auto;right:-9999px}
[dir="rtl"] .skip:focus{left:auto;right:8px}
[dir="rtl"] .nav-d .sub{left:auto;right:0}