/*
Theme Name: Pollocrudo Company
Theme URI: https://pollocrudocompany.com
Author: Pollocrudo Company
Author URI: https://pollocrudocompany.com
Description: Theme editorial "ultra profesional" en modo claro para Pollocrudo Company, inspirado en la maquetación de un diario de prensa (masthead centrado, doble filete, titulares serif, tribunas) con toques modernos de tipografía monoespaciada, en la línea de proyectos open source como OpenCode. Pensado para un medio de Gaming, Tecnología e Inteligencia Artificial.
Version: 2.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pollocrudo-company
Tags: blog, news, one-column, two-columns, right-sidebar, custom-menu, custom-logo, featured-images, threaded-comments, translation-ready, light
*/

/* =========================================================
   0. TOKENS
   ========================================================= */
:root{
  --pc-bg: #fbfbf8;
  --pc-bg-alt: #f2f0e9;
  --pc-surface: #ffffff;
  --pc-ink: #101010;
  --pc-ink-soft: #55534a;
  --pc-ink-faint: #86847a;
  --pc-line: #101010;
  --pc-line-soft: #ddd9cd;
  --pc-accent: #b3122a;
  --pc-accent-ink: #ffffff;
  --pc-accent-2: #0a4fbd;
  --pc-accent-3: #157a45;
  --pc-mono: "IBM Plex Mono", "JetBrains Mono", SFMono-Regular, Menlo, Consolas, monospace;
  --pc-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --pc-serif: "Playfair Display", "Georgia", "Times New Roman", serif;
  --pc-max: 1260px;
  --pc-gap: 30px;
  --pc-shadow: 0 10px 30px rgba(16,16,16,.08);
  --pc-shadow-lg: 0 20px 50px rgba(16,16,16,.12);
}

/* =========================================================
   1. RESET
   ========================================================= */
*, *::before, *::after{ box-sizing: border-box; }
html{ -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body{
  margin:0;
  background: var(--pc-bg);
  color: var(--pc-ink);
  font-family: var(--pc-sans);
  font-size: 17px;
  line-height: 1.62;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
img{ max-width:100%; height:auto; display:block; }
a{ color: inherit; text-decoration: none; }
ul,ol{ padding:0; margin:0; list-style:none; }
h1,h2,h3,h4,h5,h6{ margin:0 0 .5em; font-family: var(--pc-serif); font-weight: 700; letter-spacing: -0.01em; line-height:1.12; }
button, input, textarea, select{ font-family: inherit; font-size: 1rem; }
table{ border-collapse: collapse; width:100%; }
hr{ border:none; border-top:1px solid var(--pc-line); margin: 2.5rem 0; }

/* =========================================================
   2. LAYOUT HELPERS
   ========================================================= */
.pc-wrap{ max-width: var(--pc-max); margin: 0 auto; padding: 0 24px; }
.pc-eyebrow{
  font-family: var(--pc-mono);
  font-size: .72rem;
  letter-spacing: .16em;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--pc-accent);
}
.pc-tag{
  display:inline-flex;
  align-items:center;
  gap:.4em;
  font-family: var(--pc-mono);
  font-size: .66rem;
  letter-spacing:.09em;
  text-transform: uppercase;
  font-weight:700;
  padding: .38em .7em;
  border: 1px solid var(--pc-line);
  color: var(--pc-ink);
  background: var(--pc-surface);
  border-radius: 2px;
}
.pc-tag--accent{ background: var(--pc-accent); border-color: var(--pc-accent); color: var(--pc-accent-ink); }
.pc-tag--gaming{ background: var(--pc-accent-2); border-color: var(--pc-accent-2); color:#fff; }
.pc-tag--ia{ background: var(--pc-accent-3); border-color: var(--pc-accent-3); color:#fff; }
.pc-cat-gaming{ --pc-cat: var(--pc-accent-2); }
.pc-cat-tecnologia{ --pc-cat: var(--pc-ink); }
.pc-cat-ia{ --pc-cat: var(--pc-accent-3); }
.pc-cat-destacado{ --pc-cat: var(--pc-accent); }

.pc-btn{
  display:inline-flex;
  align-items:center;
  gap:.6em;
  font-family: var(--pc-mono);
  font-size:.78rem;
  letter-spacing:.05em;
  text-transform:uppercase;
  font-weight:600;
  padding: .8em 1.5em;
  border: 1.5px solid var(--pc-ink);
  border-radius: 2px;
  background: var(--pc-ink);
  color: var(--pc-bg);
  cursor:pointer;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease, color .15s ease;
}
.pc-btn:hover{ background: var(--pc-bg); color: var(--pc-ink); box-shadow: var(--pc-shadow); transform: translateY(-1px); }
.pc-btn--ghost{ background: transparent; color: var(--pc-ink); }
.pc-btn--ghost:hover{ background: var(--pc-ink); color: var(--pc-bg); }
.pc-btn--accent{ background: var(--pc-accent); border-color: var(--pc-accent); color:#fff; }
.pc-btn--accent:hover{ background: var(--pc-accent); color:#fff; box-shadow: var(--pc-shadow-lg); }
.pc-btn--sm{ padding:.55em 1.1em; font-size:.7rem; }

/* =========================================================
   3. TOP BAR / MASTHEAD
   ========================================================= */
.pc-topbar{
  background: var(--pc-ink);
  color: #cfcdc3;
  font-family: var(--pc-mono);
  font-size: .7rem;
  letter-spacing: .06em;
}
.pc-topbar .pc-wrap{ display:flex; align-items:center; justify-content:space-between; height:36px; gap:20px; }
.pc-topbar__ticker{ overflow:hidden; white-space:nowrap; flex:1; }
.pc-topbar__ticker span{ opacity:.9; }
.pc-topbar__ticker span::before{ content:"● "; color: var(--pc-accent); }
.pc-topbar__meta{ display:flex; gap:18px; text-transform:uppercase; flex-shrink:0; }
.pc-topbar__meta a:hover{ color: #fff; }

.pc-masthead{
  background: var(--pc-bg);
  padding: 34px 0 22px;
}
.pc-masthead__row{
  display:grid;
  grid-template-columns: 1fr auto 1fr;
  align-items:center;
  gap: 18px;
}
.pc-masthead__cta{ justify-self:start; }
.pc-masthead__cta .pc-btn{ display:inline-flex; }
.pc-brand{ display:flex; flex-direction:column; align-items:center; gap:10px; text-align:center; justify-self:center; }
.pc-brand__mark{ width:56px; height:56px; flex-shrink:0; }
.pc-brand__mark img, .pc-brand__mark svg{ width:100%; height:100%; object-fit:contain; }
.custom-logo-link{ display:block; margin:0 auto; }
.custom-logo{ max-height:58px; width:auto; margin:0 auto; }
.pc-brand__name{
  font-family: var(--pc-serif);
  font-weight: 800;
  font-size: clamp(1.9rem, 4.2vw, 3rem);
  letter-spacing: -0.01em;
  text-transform: uppercase;
  line-height:1;
}
.pc-brand__name em{ font-style:normal; color: var(--pc-accent); }
.pc-brand__tagline{
  font-family: var(--pc-mono);
  font-size:.64rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color: var(--pc-ink-faint);
}
.pc-masthead__search{ display:flex; align-items:center; justify-content:flex-end; justify-self:end; }
.pc-search-toggle{
  border:1.5px solid var(--pc-ink);
  border-radius: 2px;
  background:transparent;
  width:42px; height:42px;
  display:flex; align-items:center; justify-content:center;
  cursor:pointer;
  transition: background .15s ease, color .15s ease;
}
.pc-search-toggle:hover{ background: var(--pc-ink); color: var(--pc-bg); }
.pc-search-toggle svg{ width:17px; height:17px; }

.pc-masthead-rule{ border-top:1px solid var(--pc-line); margin-top:22px; }

.pc-nav{
  border-bottom: 3px solid var(--pc-line);
  background: var(--pc-surface);
}
.pc-nav__row{ display:flex; align-items:center; justify-content:center; }
.pc-nav ul{ display:flex; flex-wrap:wrap; justify-content:center; }
.pc-nav a{
  display:block;
  font-family: var(--pc-mono);
  font-size:.76rem;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
  padding: 15px 20px;
  border-right: 1px solid var(--pc-line-soft);
  transition: background .12s ease, color .12s ease;
}
.pc-nav li:first-child a{ border-left: 1px solid var(--pc-line-soft); }
.pc-nav a:hover{ background: var(--pc-accent); color: #fff; }
.pc-nav-toggle{ display:none; border:1.5px solid var(--pc-ink); border-radius:2px; background:transparent; padding:10px 14px; font-family:var(--pc-mono); font-weight:600; text-transform:uppercase; font-size:.75rem; cursor:pointer; }

.pc-search-panel{
  display:none;
  border-bottom: 1px solid var(--pc-line);
  background: var(--pc-bg-alt);
  padding: 20px 0;
}
.pc-search-panel.is-open{ display:block; }
.pc-search-panel form{ display:flex; gap:10px; max-width:640px; margin:0 auto; }
.pc-search-panel input[type="search"]{
  flex:1; border:1.5px solid var(--pc-ink); border-radius:2px; background:var(--pc-surface); padding: .8em 1em; font-family: var(--pc-sans);
}
.pc-search-form{ display:flex; gap:10px; }
.pc-search-form input[type="search"]{
  flex:1; border:1.5px solid var(--pc-ink); border-radius:2px; background:var(--pc-surface); padding: .8em 1em; font-family: var(--pc-sans);
}

/* =========================================================
   4. HERO / FEATURED
   ========================================================= */
.pc-hero{ padding: 40px 0 10px; }
.pc-hero__grid{ display:grid; grid-template-columns: 1.6fr 1fr; gap: 44px; }
.pc-hero__main{ position:relative; }
.pc-hero__media{ aspect-ratio: 16/9; overflow:hidden; background: var(--pc-bg-alt); border-radius:2px; }
.pc-hero__media img{ width:100%; height:100%; object-fit:cover; transition: transform .5s ease; }
.pc-hero__main:hover .pc-hero__media img{ transform: scale(1.03); }
.pc-hero__body{ padding: 22px 0 0; }
.pc-hero__title{ font-size: clamp(1.9rem, 3.6vw, 3rem); margin: .35em 0 .3em; }
.pc-hero__title a:hover{ color: var(--pc-accent); }
.pc-hero__excerpt{ color: var(--pc-ink-soft); font-size:1.08rem; font-family: var(--pc-serif); }
.pc-hero__side{ display:flex; flex-direction:column; gap: 24px; border-left:1px solid var(--pc-line-soft); padding-left:28px; }
.pc-side-card{ display:flex; gap:16px; padding-bottom: 24px; border-bottom: 1px solid var(--pc-line-soft); }
.pc-side-card:last-child{ border-bottom:none; padding-bottom:0; }
.pc-side-card__num{ font-family: var(--pc-mono); font-weight:600; font-size:.85rem; color: var(--pc-accent); }
.pc-side-card__title{ font-size: 1.08rem; margin:.25em 0 0; }
.pc-side-card__title a:hover{ color: var(--pc-accent); }

/* =========================================================
   5. SECTION HEADERS
   ========================================================= */
.pc-section{ padding: 50px 0; }
.pc-section__head{
  display:flex; align-items:baseline; justify-content:space-between;
  border-bottom: 2px solid var(--pc-line);
  margin-bottom: 30px;
  padding-bottom: 12px;
}
.pc-section__title{
  font-size: 1.7rem;
  text-transform: uppercase;
  display:flex; align-items:center; gap:.45em;
}
.pc-section__title::before{ content:""; width:10px; height:10px; background: var(--pc-cat, var(--pc-accent)); display:inline-block; border-radius:50%; }
.pc-section__link{ font-family: var(--pc-mono); font-size:.74rem; text-transform:uppercase; letter-spacing:.05em; font-weight:600; }
.pc-section__link:hover{ color: var(--pc-accent); }

/* =========================================================
   6. POST GRID / CARDS
   ========================================================= */
.pc-grid{ display:grid; grid-template-columns: repeat(3, 1fr); gap: var(--pc-gap); }
.pc-card{
  border: 1px solid var(--pc-line-soft);
  border-radius: 2px;
  background: var(--pc-surface);
  display:flex; flex-direction:column;
  overflow:hidden;
  transition: box-shadow .2s ease, transform .2s ease, border-color .2s ease;
}
.pc-card:hover{ box-shadow: var(--pc-shadow-lg); transform: translateY(-4px); border-color: var(--pc-line); }
.pc-card__media{ aspect-ratio: 4/3; overflow:hidden; background: var(--pc-bg-alt); }
.pc-card__media img{ width:100%; height:100%; object-fit:cover; transition: transform .4s ease; }
.pc-card:hover .pc-card__media img{ transform: scale(1.05); }
.pc-card__body{ padding: 20px; display:flex; flex-direction:column; gap:10px; flex:1; }
.pc-card__meta{ display:flex; align-items:center; gap:10px; font-family:var(--pc-mono); font-size:.66rem; color: var(--pc-ink-faint); text-transform:uppercase; }
.pc-card__title{ font-size: 1.2rem; }
.pc-card__title a:hover{ color: var(--pc-accent); }
.pc-card__excerpt{ color: var(--pc-ink-soft); font-size: .92rem; }

.pc-list{ display:flex; flex-direction:column; }
.pc-list__item{ display:grid; grid-template-columns: 200px 1fr; gap:24px; padding: 26px 0; border-bottom: 1px solid var(--pc-line-soft); }
.pc-list__item:first-child{ padding-top:0; }
.pc-list__media{ aspect-ratio: 4/3; overflow:hidden; border-radius:2px; background: var(--pc-bg-alt); }
.pc-list__media img{ width:100%; height:100%; object-fit:cover; }
.pc-list__title{ font-size:1.35rem; }
.pc-list__title a:hover{ color: var(--pc-accent); }
.pc-list__excerpt{ color: var(--pc-ink-soft); }

/* =========================================================
   7. TERMINAL BLOCK (nod to OpenCode)
   ========================================================= */
.pc-terminal{
  background: var(--pc-ink);
  color: #d8f7d8;
  font-family: var(--pc-mono);
  border-radius: 4px;
  padding: 24px 26px;
  font-size: .86rem;
  overflow-x:auto;
  box-shadow: var(--pc-shadow-lg);
}
.pc-terminal__bar{ display:flex; gap:6px; margin-bottom:16px; }
.pc-terminal__dot{ width:10px; height:10px; border-radius:50%; background:#3a3a3a; }
.pc-terminal .pc-prompt::before{ content:"$ "; color: #ff6b6b; }

/* =========================================================
   8. SINGLE POST / PAGE CONTENT
   ========================================================= */
.pc-content-wrap{ padding: 48px 0 80px; }
.pc-content-grid{ display:grid; grid-template-columns: 1fr 320px; gap: 56px; }
.pc-article__head{ border-bottom: 1px solid var(--pc-line-soft); padding-bottom: 26px; margin-bottom: 26px; }
.pc-article__title{ font-size: clamp(2rem, 4vw, 3.2rem); margin: .3em 0; }
.pc-article__meta{ display:flex; flex-wrap:wrap; align-items:center; gap:18px; font-family:var(--pc-mono); font-size:.74rem; text-transform:uppercase; color: var(--pc-ink-faint); }
.pc-article__thumb{ border-radius:3px; margin: 0 0 34px; overflow:hidden; }
.pc-article__thumb img{ width:100%; }
.pc-article .entry-content{ font-size: 1.1rem; }
.pc-article .entry-content > p:first-of-type::first-letter{
  font-family: var(--pc-serif);
  font-size: 3.6em;
  font-weight: 800;
  float:left;
  line-height: .82;
  padding: .05em .08em 0 0;
  color: var(--pc-ink);
}
.pc-article .entry-content > p, .pc-article .entry-content > ul, .pc-article .entry-content > ol{ margin-bottom: 1.3em; }
.pc-article .entry-content h2{ font-size:1.6rem; margin-top:1.6em; border-bottom:1px solid var(--pc-line-soft); padding-bottom:.35em; }
.pc-article .entry-content h3{ font-size:1.3rem; margin-top:1.4em; }
.pc-article .entry-content blockquote{
  border-left: 3px solid var(--pc-accent);
  margin: 1.8em 0; padding: .3em 0 .3em 1.3em; font-family: var(--pc-serif); font-style:italic; font-size:1.2rem; color: var(--pc-ink-soft);
}
.pc-article .entry-content pre{ background: var(--pc-ink); color:#d8f7d8; font-family: var(--pc-mono); padding: 18px; border-radius:4px; overflow-x:auto; }
.pc-article .entry-content code{ font-family: var(--pc-mono); background: var(--pc-bg-alt); padding:.15em .4em; border-radius:2px; }
.pc-article .entry-content img{ border-radius:3px; }
.pc-article .entry-content a{ text-decoration: underline; text-decoration-color: var(--pc-accent); text-decoration-thickness: 1.5px; text-underline-offset:3px; }
.pc-article .entry-content a:hover{ color: var(--pc-accent); }
.pc-article__tags{ display:flex; flex-wrap:wrap; gap:8px; margin-top: 34px; }

.pc-page .entry-content h2{ font-size:1.5rem; margin-top:1.6em; }
.pc-page .entry-content h3{ font-size:1.2rem; margin-top:1.3em; }
.pc-page .entry-content p{ margin-bottom:1.2em; }
.pc-page .entry-content ul{ list-style: disc; padding-left: 1.4em; margin-bottom:1.2em; }
.pc-page .entry-content li{ margin-bottom:.4em; }

/* =========================================================
   9. SIDEBAR / WIDGETS
   ========================================================= */
.pc-sidebar .widget{ border: 1px solid var(--pc-line-soft); border-radius:2px; background: var(--pc-surface); padding: 22px; margin-bottom: var(--pc-gap); }
.pc-sidebar .widget-title{ font-family: var(--pc-serif); font-weight:700; font-size:1.1rem; border-bottom:1px solid var(--pc-line-soft); padding-bottom:10px; margin-bottom:14px; }
.pc-sidebar ul li{ padding: 9px 0; border-bottom: 1px solid var(--pc-line-soft); font-size:.94rem; }
.pc-sidebar ul li:last-child{ border-bottom:none; }
.pc-sidebar a:hover{ color: var(--pc-accent); }

/* =========================================================
   10. COMMENTS
   ========================================================= */
.pc-comments{ margin-top: 54px; border-top: 1px solid var(--pc-line-soft); padding-top: 34px; }
.comment-list{ display:flex; flex-direction:column; gap:20px; }
.comment-body{ border:1px solid var(--pc-line-soft); border-radius:2px; padding:18px; background: var(--pc-surface); }
.comment-form input, .comment-form textarea{ width:100%; border:1.5px solid var(--pc-ink); border-radius:2px; padding:.8em; background: var(--pc-surface); margin-bottom:14px; }
.comment-form label{ font-family: var(--pc-mono); font-size:.72rem; text-transform:uppercase; display:block; margin-bottom:.4em; }

/* =========================================================
   11. CONTACT FORM
   ========================================================= */
.pc-contact-grid{ display:grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items:start; }
.pc-contact-card{ border:1px solid var(--pc-line-soft); border-radius:3px; padding: 24px; margin-bottom: 20px; background: var(--pc-surface); }
.pc-contact-card__label{ font-family: var(--pc-mono); font-size:.68rem; text-transform:uppercase; letter-spacing:.09em; color: var(--pc-ink-faint); margin-bottom:8px; }
.pc-contact-card__value{ font-family: var(--pc-serif); font-size:1.15rem; font-weight:600; }
.pc-contact-card__value a:hover{ color: var(--pc-accent); }
.pc-form .pc-field{ margin-bottom: 18px; }
.pc-form label{ display:block; font-family: var(--pc-mono); font-size:.7rem; text-transform:uppercase; letter-spacing:.07em; margin-bottom:8px; }
.pc-form input[type="text"], .pc-form input[type="email"], .pc-form textarea{
  width:100%; border: 1.5px solid var(--pc-ink); border-radius:2px; background: var(--pc-surface); padding: .9em 1em; font-family: var(--pc-sans);
}
.pc-form input:focus, .pc-form textarea:focus{ outline: 2px solid var(--pc-accent); outline-offset: 1px; }
.pc-form textarea{ min-height: 160px; resize:vertical; }
.pc-form__notice{ border:1.5px solid var(--pc-ink); border-radius:2px; padding: 14px 16px; margin-bottom:18px; font-family: var(--pc-mono); font-size:.85rem; }
.pc-form__notice--ok{ border-color: var(--pc-accent-3); background: #eafbf0; }
.pc-form__notice--err{ border-color: var(--pc-accent); background: #fdeeee; }
.pc-hp{ position:absolute !important; left:-9999px !important; }

/* =========================================================
   12. FOOTER
   ========================================================= */
.pc-footer{ background: var(--pc-ink); color: var(--pc-bg); margin-top: 64px; }
.pc-footer__top{ border-bottom: 1px solid #2c2c2c; padding: 54px 0; display:grid; grid-template-columns: 1.3fr 1fr 1fr 1fr; gap: 36px; }
.pc-footer__brand{ font-family: var(--pc-serif); font-weight:800; font-size:1.5rem; text-transform:uppercase; margin-bottom:12px; }
.pc-footer__desc{ color:#a9a89f; font-size:.94rem; max-width: 320px; }
.pc-footer h4{ font-family: var(--pc-mono); font-size:.72rem; text-transform:uppercase; letter-spacing:.1em; color:#8f8e86; margin-bottom:16px; }
.pc-footer ul li{ margin-bottom:11px; font-size:.94rem; }
.pc-footer a:hover{ color: #ff8b8b; }
.pc-footer__bottom{ padding: 22px 0; display:flex; align-items:center; justify-content:space-between; font-family: var(--pc-mono); font-size:.7rem; color:#8f8e86; flex-wrap:wrap; gap:10px; }
.pc-footer__bottom a:hover{ color: #ff8b8b; }

/* =========================================================
   13. 404 / MISC
   ========================================================= */
.pc-404{ text-align:center; padding: 100px 0; }
.pc-404 .pc-404__code{ font-family: var(--pc-serif); font-size: 6.5rem; font-weight:800; color: var(--pc-line-soft); -webkit-text-stroke: 1.5px var(--pc-ink); }
.pc-pagination{ display:flex; gap:10px; justify-content:center; margin-top: 44px; font-family: var(--pc-mono); font-size:.85rem; }
.pc-pagination a, .pc-pagination span{ border:1.5px solid var(--pc-ink); border-radius:2px; padding: .6em 1em; }
.pc-pagination .current{ background: var(--pc-ink); color: var(--pc-bg); }
.pc-pagination a:hover{ background: var(--pc-accent); border-color: var(--pc-accent); color:#fff; }

.pc-breadcrumb{ font-family: var(--pc-mono); font-size:.74rem; text-transform:uppercase; letter-spacing:.05em; color: var(--pc-ink-faint); margin-bottom: 20px; }
.pc-breadcrumb a:hover{ color: var(--pc-accent); }
.pc-hero-page{ border-bottom: 1px solid var(--pc-line-soft); padding: 46px 0 38px; background: var(--pc-bg-alt); }
.pc-hero-page__title{ font-size: clamp(2.1rem, 4.5vw, 3.4rem); }
.pc-hero-page__sub{ color: var(--pc-ink-soft); font-family: var(--pc-serif); font-style:italic; font-size:1.1rem; margin-top:10px; }

.pc-skip-link{ position:absolute; left:-9999px; top:0; background: var(--pc-accent); color:#fff; padding: 12px 18px; z-index:999; font-family: var(--pc-mono); }
.pc-skip-link:focus{ left: 10px; top:10px; }

.screen-reader-text{ position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(1px,1px,1px,1px); }

/* alignments */
.alignwide{ margin-left: -60px; margin-right: -60px; max-width: none; }
.alignfull{ margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); max-width: none; width:100vw; }
.aligncenter{ margin-left:auto; margin-right:auto; display:block; }

/* =========================================================
   14. RESPONSIVE
   ========================================================= */
@media (max-width: 980px){
  .pc-hero__grid{ grid-template-columns: 1fr; }
  .pc-hero__side{ border-left:none; padding-left:0; border-top:1px solid var(--pc-line-soft); padding-top:24px; }
  .pc-grid{ grid-template-columns: repeat(2,1fr); }
  .pc-content-grid{ grid-template-columns: 1fr; }
  .pc-contact-grid{ grid-template-columns: 1fr; }
  .pc-footer__top{ grid-template-columns: 1fr 1fr; }
  .pc-masthead__row{ grid-template-columns: auto auto; }
  .pc-masthead__cta{ display:none; }
}
@media (max-width: 720px){
  .pc-nav ul{ display:none; flex-direction:column; width:100%; }
  .pc-nav ul.is-open{ display:flex; }
  .pc-nav a{ border-left:1px solid var(--pc-line-soft) !important; }
  .pc-nav-toggle{ display:block; }
  .pc-nav__row{ padding: 4px 0; justify-content:center; }
  .pc-grid{ grid-template-columns: 1fr; }
  .pc-list__item{ grid-template-columns: 1fr; }
  .pc-footer__top{ grid-template-columns: 1fr; }
  .pc-topbar__ticker{ display:none; }
  .pc-brand__name{ font-size: 1.5rem; }
  .pc-masthead__row{ grid-template-columns: 1fr; justify-items:center; }
  .pc-masthead__search{ justify-content:center; }
}
