/* v6 - Gazette (newspaper). body.v6 */
body.v6 { --paper:#f3eee2; --ink:#16130e; --red:#c1121f; --mut:#5f584b; --line:#16130e; --alt:#ebe5d6; --serif:'Playfair Display', Georgia, serif; --text:'Newsreader', Georgia, serif; --mono:'IBM Plex Mono', monospace;
  background: var(--paper); color: var(--ink); font-family: var(--text); font-size: 1.1rem; background-image: radial-gradient(rgba(22,19,14,.045) 1px, transparent 1px); background-size: 6px 6px; }
.v6 *::selection { background: var(--red); color:#fff; }
.v6 .g-wrap { max-width: 1280px; margin: 0 auto; padding: 0 32px; }
.v6 h1, .v6 h2, .v6 h3 { font-family: var(--serif); color: var(--ink); font-weight: 900; letter-spacing: -.02em; }
.v6 .site-header { background: var(--paper); backdrop-filter:none; border-bottom: 3px double var(--ink); }
.v6 .header-inner { height: 60px; max-width: 1280px; padding: 0 32px; }
.v6 .logo { color: var(--ink); font-family: var(--serif); font-weight: 900; } .v6 .logo em { color: var(--red); font-style: italic; }
.v6 .logo svg circle, .v6 .logo svg path { stroke: var(--red); }
.v6 .nav a:not(.btn), .v6 .nav .nav-link { color: var(--ink); font-family: var(--mono); font-size: .74rem; text-transform: uppercase; letter-spacing: .08em; font-weight:500; } .v6 .nav a:not(.btn):hover { color: var(--red); }
.v6 .mega-toggle, .v6 .nav-toggle { color: var(--ink); }
.v6 .nav .btn--primary { background: var(--red); color:#fff; border-radius:0; font-family: var(--mono); text-transform:uppercase; font-size:.72rem; letter-spacing:.08em; }
.v6 .mega { border-top-color: var(--red); }
@media (max-width:760px){ .v6 .nav{background:var(--paper);border-top:1px solid var(--ink)} .v6 .nav a:not(.btn){border-bottom-color:rgba(22,19,14,.2)} .v6 .nav-item{border-bottom-color:rgba(22,19,14,.2)} .v6 .nav .mega a:not(.btn),.v6 .mp-items .mi-t,.v6 .mp-title span{color:var(--ink)} .v6 .mega{background:var(--alt)} .v6 .mg-foot-label{color:var(--mut)} .v6 .nav .mega .mg-chips a:not(.btn){background:#fff;color:var(--ink);border-color:rgba(22,19,14,.2)} }
.g-top { border-bottom:1px solid var(--ink); font: .72rem var(--mono); text-transform:uppercase; letter-spacing:.08em; } .g-top-in { display:flex; justify-content:space-between; gap:16px; padding-top:8px; padding-bottom:8px; flex-wrap:wrap; } .g-top b { color: var(--red); }
.g-mast { padding: 26px 0 0; text-align:center; }
.g-kick { font: italic 1rem var(--text); color: var(--mut); margin: 0 0 8px; }
.g-name { font-size: clamp(2.8rem, 10.5vw, 9.5rem); line-height: .9; margin: 0; font-family: var(--serif); font-weight: 900; letter-spacing: -.045em; }
.g-rule { height: 8px; border-top: 3px solid var(--ink); border-bottom: 1px solid var(--ink); margin: 22px 0 0; }
.g-ticker { display:flex; align-items:center; gap:18px; border-bottom: 1px solid var(--ink); padding: 9px 0; overflow:hidden; font: .78rem var(--mono); text-transform:uppercase; letter-spacing:.06em; }
.g-ticker b { flex:none; background: var(--red); color:#fff; padding: 3px 9px; } .g-track { display:flex; gap:22px; width:max-content; animation: gt 50s linear infinite; white-space:nowrap; } .g-track i { color: var(--red); font-style:normal; } @keyframes gt { to { transform: translateX(-50%); } }
.g-lead { padding: 40px 0 70px; } .g-lead-grid { display:grid; grid-template-columns: 1.65fr 1fr; gap: 0; }
.g-main { padding-right: 40px; border-right: 1px solid var(--ink); } .g-side { padding-left: 40px; display:grid; gap: 32px; align-content:start; }
.g-sec { font: 500 .74rem var(--mono); letter-spacing:.14em; color: var(--red); margin: 0 0 10px; } .g-sec--w { color: #ffb3b8; }
.g-head { font-size: clamp(2.2rem, 4.8vw, 4.4rem); line-height: 1.02; margin: 0 0 18px; }
.g-deck { font-size: 1.35rem; line-height: 1.45; font-style: italic; color: #3d382d; margin: 0 0 14px; }
.g-by { font: .76rem var(--mono); text-transform:uppercase; letter-spacing:.08em; color: var(--mut); border-top:1px solid var(--ink); border-bottom:1px solid var(--ink); padding: 8px 0; margin: 0 0 24px; }
.g-cols { column-count: 2; column-gap: 36px; column-rule: 1px solid rgba(22,19,14,.3); } .g-cols p { margin: 0 0 1em; line-height: 1.65; text-align: justify; hyphens: auto; }
.g-drop::first-letter { float:left; font: 900 4.8rem/.8 var(--serif); padding: 6px 10px 0 0; color: var(--red); }
.g-cta { display:flex; flex-wrap:wrap; gap:12px; margin-top: 28px; }
.g-btn { display:inline-block; padding: 14px 24px; border: 2px solid var(--ink); color: var(--ink); font: 500 .8rem var(--mono); text-transform:uppercase; letter-spacing:.08em; text-decoration:none; background:transparent; cursor:pointer; box-shadow: 4px 4px 0 var(--ink); transition: transform .15s, box-shadow .15s; }
.g-btn:hover { transform: translate(3px,3px); box-shadow: 1px 1px 0 var(--ink); } .g-btn--r { background: var(--red); color:#fff; }
.g-fig { margin:0; } .g-globe { position:relative; aspect-ratio: 4/3.3; background:#07152a var(--p) center / cover; border:1px solid var(--ink); filter: grayscale(.85) contrast(1.15); overflow:hidden; }
.g-globe video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:60% 50%; opacity:0; transition: opacity 1s; } .g-globe video.on { opacity:1; }
.g-fig figcaption { font-size:.88rem; font-style: italic; color: var(--mut); padding-top: 8px; border-top: 1px solid var(--ink); margin-top: 8px; } .g-fig b { font-style: normal; font-family: var(--mono); font-size:.72rem; color: var(--red); }
.g-box { border: 2px solid var(--ink); padding: 18px 20px; } .g-box dl { margin:0; display:grid; gap: 0; } .g-box dl div { display:flex; align-items:baseline; gap: 14px; padding: 10px 0; border-top:1px solid rgba(22,19,14,.3); } .g-box dl div:first-child { border-top:0; }
.g-box dt { font: 900 2rem var(--serif); min-width: 110px; } .g-box dd { margin:0; color: var(--mut); }
.g-sec-w { padding: 64px 0; border-top: 3px double var(--ink); } .g-alt { background: var(--alt); }
.g-band { display:flex; align-items:center; gap: 18px; margin-bottom: 34px; } .g-band span { font: 900 clamp(1.6rem, 3.4vw, 2.6rem) var(--serif); letter-spacing:-.02em; } .g-band i { flex:1; height: 6px; border-top:2px solid var(--ink); border-bottom:1px solid var(--ink); } .g-band em, .g-band a { font: italic 1.05rem var(--text); color: var(--mut); text-decoration:none; } .g-band a { color: var(--red); font: 500 .8rem var(--mono); text-transform: uppercase; }
.g-depts { display:grid; grid-template-columns: repeat(3,1fr); gap: 0; } .g-dept { padding: 0 30px 30px; border-left: 1px solid var(--ink); margin-bottom: 30px; } .g-dept:nth-child(3n+1) { border-left:0; padding-left:0; }
.g-dept h3 { font-size: 1.7rem; line-height:1.08; margin: 0 0 12px; } .g-dept h3 a { color: var(--ink); text-decoration:none; background: linear-gradient(var(--red), var(--red)) 0 100% / 0 3px no-repeat; transition: background-size .3s; } .g-dept:hover h3 a { background-size: 100% 3px; }
.g-dept p:not(.g-sec):not(.g-tags) { line-height:1.6; margin: 0 0 12px; } .g-tags { font: .74rem var(--mono); text-transform:uppercase; letter-spacing:.06em; color: var(--mut); margin:0 0 12px; } .g-more { font: 500 .78rem var(--mono); text-transform:uppercase; color: var(--red); text-decoration:none; letter-spacing:.06em; }
.g-steps { list-style:none; margin:0; padding:0; display:grid; grid-template-columns: repeat(4,1fr); } .g-steps li { padding: 0 28px 10px; border-left:1px solid var(--ink); } .g-steps li:first-child { border-left:0; padding-left:0; }
.g-steps span { font: italic 900 3.4rem/1 var(--serif); color: var(--red); } .g-steps h3 { font-size: 1.6rem; margin: 6px 0 8px; } .g-steps p { margin:0; line-height:1.6; color:#3d382d; }
.g-ads { display:grid; grid-template-columns: repeat(4,1fr); gap: 18px; } .g-ad { display:grid; gap: 8px; align-content:start; padding: 18px; border: 2px solid var(--ink); background: #fff8e6; text-decoration:none; color: var(--ink); transition: transform .2s, box-shadow .2s; } .g-ad:hover { transform: translate(-3px,-3px); box-shadow: 6px 6px 0 var(--red); }
.g-ad b { font: 500 .8rem var(--mono); letter-spacing:.1em; border-bottom: 1px solid var(--ink); padding-bottom: 6px; } .g-ad span { font-size: 1.02rem; line-height:1.45; } .g-ad i { font: 500 .72rem var(--mono); text-transform:uppercase; color: var(--red); font-style:normal; }
.g-ops { display:grid; grid-template-columns: repeat(3,1fr); gap: 0; } .g-op { display:flex; flex-direction:column; gap:10px; padding: 0 28px; border-left:1px solid var(--ink); text-decoration:none; color: var(--ink); } .g-op:first-child { border-left:0; padding-left:0; }
.g-op .im { display:block; aspect-ratio: 3/2; overflow:hidden; border:1px solid var(--ink); } .g-op img { width:100%; height:100%; object-fit:cover; display:block; filter: grayscale(1) contrast(1.1); transition: filter .4s, transform .5s; } .g-op:hover img { filter:none; transform: scale(1.04); }
.g-op small { font: .72rem var(--mono); letter-spacing:.08em; color: var(--red); } .g-op b { font: 900 1.55rem/1.1 var(--serif); } .g-op:hover b { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset:4px; }
.g-faq { column-count: 2; column-gap: 48px; column-rule: 1px solid rgba(22,19,14,.3); } .g-faq details { break-inside: avoid; border-bottom: 1px solid var(--ink); } .g-faq summary { list-style:none; cursor:pointer; padding: 18px 0; font: 900 1.25rem/1.2 var(--serif); display:flex; justify-content:space-between; gap: 12px; } .g-faq summary::-webkit-details-marker{display:none} .g-faq summary::after { content:"+"; color: var(--red); font-family: var(--mono); } .g-faq details[open] summary::after { content:"\2212"; }
.g-faq p { margin:0 0 18px; line-height:1.6; color:#3d382d; }
.g-notice { background: var(--ink); color: #ece6d6; padding: 80px 0; border-top: 3px double var(--ink); } .g-notice h2 { color: #fff; font-size: clamp(2.2rem,5vw,4.2rem); line-height:1.02; margin: 0 0 16px; } .g-notice .g-deck { color:#cfc8b6; }
.g-notice-grid { display:grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items:start; }
.g-ci { list-style:none; margin: 26px 0 0; padding:0; } .g-ci li { display:grid; grid-template-columns: 80px 1fr; gap:14px; padding: 12px 0; border-top: 1px solid rgba(255,255,255,.25); } .g-ci b { font: 500 .74rem var(--mono); text-transform:uppercase; color:#ffb3b8; letter-spacing:.1em; padding-top:4px; } .g-ci a { color:#fff; }
.g-form { display:grid; gap:16px; background: var(--paper); color: var(--ink); padding: 32px; border: 2px solid #fff; box-shadow: 8px 8px 0 var(--red); }
.g-form label { display:grid; gap:6px; } .g-form span { font: 500 .72rem var(--mono); text-transform:uppercase; letter-spacing:.1em; color: var(--mut); }
.g-form input, .g-form select, .g-form textarea { width:100%; padding: 12px 14px; border: 1.5px solid var(--ink); background:#fffdf6; font: 1rem var(--text); color: var(--ink); border-radius:0; } .g-form input:focus, .g-form select:focus, .g-form textarea:focus { outline:0; box-shadow: 3px 3px 0 var(--red); }
.g-r2 { display:grid; grid-template-columns:1fr 1fr; gap:14px; } .g-form .hp { position:absolute; left:-9999px; height:0; overflow:hidden; } .g-form .g-btn { justify-self:start; } .g-al { padding:12px 14px; border:1.5px solid var(--ink); font-weight:600; } .g-al.ok { background:#d8ecc3; } .g-al.bad { background:#f7c9c4; }
html.js [data-r] { opacity:0; transform: translateY(18px); transition: opacity .7s, transform .7s; } html.js [data-r].in { opacity:1; transform:none; }
.v6 .ft { --f-bg:#16130e; --f-lime:#e8c16b; background-image:none; border-top: 3px double #ece6d6; } .v6 .ft .ft-btn { border-radius:0; } .v6 .ft-mark { font-family: var(--serif); -webkit-text-stroke:1.5px rgba(232,193,107,.45); letter-spacing:-.05em; }
@media (max-width:1024px){ .g-lead-grid,.g-notice-grid{grid-template-columns:1fr} .g-main{padding-right:0;border-right:0} .g-side{padding-left:0;margin-top:30px} .g-depts{grid-template-columns:1fr 1fr} .g-dept:nth-child(3n+1){border-left:1px solid var(--ink);padding-left:30px} .g-dept:nth-child(odd){border-left:0;padding-left:0} .g-ads{grid-template-columns:1fr 1fr} .g-steps{grid-template-columns:1fr 1fr;row-gap:30px} .g-steps li:nth-child(3){border-left:0;padding-left:0} .g-ops{grid-template-columns:1fr;gap:30px} .g-op{border-left:0;padding:0} }
@media (max-width:760px){ .v6 .g-wrap,.v6 .header-inner{padding:0 20px} .g-cols,.g-faq{column-count:1} .g-depts,.g-ads,.g-steps{grid-template-columns:1fr} .g-dept,.g-dept:nth-child(odd),.g-dept:nth-child(3n+1){border-left:0;padding-left:0} .g-steps li{border-left:0;padding-left:0} .g-r2{grid-template-columns:1fr} .g-top-in span:nth-child(n+3){display:none} .g-sec-w{padding:46px 0} .g-notice{padding:56px 0} .g-form{padding:22px 18px;box-shadow:5px 5px 0 var(--red)} }
@media (prefers-reduced-motion:reduce){ html.js [data-r]{opacity:1;transform:none;transition:none} .g-track{animation:none} }

.g-track { flex: none; }
.g-ticker b { position: relative; z-index: 2; }