
:root{--ink:#1c242a;--muted:#677078;--line:#dfe3e5;--accent:#f45b34;--teal:#2bd2be;--paper:#fff;--soft:#f4f5f5;--dark:#202a2d;--radius:4px;--shadow:0 12px 30px rgba(20,27,31,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:"Arial Narrow",Arial,sans-serif;line-height:1.55;font-size:16px}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.container{width:min(1160px,calc(100% - 36px));margin:auto}.topbar{background:#324143;color:#fff;font-size:12px;letter-spacing:.05em}.topbar .container{display:flex;justify-content:space-between;padding:8px 0}.brand-row{display:flex;align-items:center;justify-content:space-between;padding:24px 0}.logo{width:330px;max-width:70%}.tagline{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.nav-shell{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f2f3f3;position:sticky;top:0;z-index:50}.nav-inner{display:flex;align-items:center;justify-content:space-between}.nav{display:flex;gap:4px;align-items:center}.nav a{padding:14px 13px;text-transform:uppercase;font-size:13px;border-bottom:2px solid transparent}.nav a:hover,.nav a.active{color:var(--accent);border-color:var(--accent);background:#fff}.nav-tools{display:flex;gap:8px}.icon-btn,.burger{border:0;background:transparent;padding:10px;cursor:pointer;color:var(--accent)}.burger{display:none}.search-panel{display:none;background:#fff;border-bottom:1px solid var(--line);padding:14px 0}.search-panel.open{display:block}.search-form{display:flex;gap:8px}.search-form input{flex:1;border:1px solid var(--line);padding:12px}.search-results{margin-top:10px;display:grid;gap:6px}.search-result{padding:8px;background:var(--soft);font-size:14px}.hero{margin:22px 0 26px;position:relative;overflow:hidden;background:#12171d}.slide{display:none;position:relative}.slide.active{display:block}.slide img{width:100%;aspect-ratio:16/6.8;object-fit:cover}.slide::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.55),transparent 58%)}.slide-copy{position:absolute;left:28px;bottom:26px;z-index:2;color:#fff;max-width:650px}.eyebrow{display:inline-block;background:var(--accent);color:#fff;font-size:12px;font-weight:700;padding:4px 8px;text-transform:uppercase}.slide h1{font-size:clamp(30px,4vw,56px);line-height:1.02;margin:10px 0 8px;text-transform:uppercase;max-width:780px}.slide p{margin:0;max-width:620px;font-size:17px}.slider-controls{display:flex;justify-content:center;gap:7px;padding:12px}.dot{width:9px;height:9px;border-radius:50%;border:0;background:#aeb5b8;cursor:pointer}.dot.active{background:var(--accent);transform:scale(1.2)}.slide-arrows{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.slide-arrow{pointer-events:auto;border:0;background:rgba(0,0,0,.45);color:#fff;width:44px;height:48px;cursor:pointer;font-size:24px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:34px}.section-title{font-size:24px;font-weight:400;text-transform:uppercase;border-bottom:1px solid var(--line);margin:0 0 16px;padding-bottom:8px}.section-title::after{content:"";display:block;width:78px;border-bottom:3px solid var(--accent);position:relative;top:11px}.article-list{display:grid}.post-card{display:grid;grid-template-columns:270px 1fr;gap:22px;padding:0 0 24px;margin:0 0 24px;border-bottom:1px solid var(--line)}.post-card img{width:100%;height:170px;object-fit:cover}.post-card h2{font-size:22px;line-height:1.2;margin:0 0 8px;font-weight:500;text-transform:uppercase}.post-card h2 a:hover{color:var(--accent)}.meta{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:12px;margin:7px 0}.author{background:var(--accent);color:#fff;padding:3px 6px}.stars{color:var(--accent);letter-spacing:1px}.post-card p{margin:9px 0 0;color:#444}.read-more{display:inline-block;margin-top:12px;font-weight:700;color:var(--accent);font-size:13px;text-transform:uppercase}.sidebar section{margin-bottom:28px}.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.social-box{padding:16px 6px;text-align:center;color:#fff;font-weight:700;font-size:13px}.social-box:nth-child(1){background:#e64d36}.social-box:nth-child(2){background:#5d6870}.social-box:nth-child(3){background:#343a3d}.tag-cloud{display:flex;flex-wrap:wrap;gap:7px}.tag-cloud a{font-size:13px;color:var(--accent)}.tag-cloud a:hover{text-decoration:underline}.recent-comments{background:#f1f2f2}.comment{padding:10px;border-bottom:1px solid #fff;font-size:13px}.newsletter{background:var(--dark);color:#fff;padding:20px}.newsletter input{width:100%;padding:11px;border:0;margin:10px 0}.btn{border:0;background:var(--accent);color:#fff;padding:11px 16px;text-transform:uppercase;font-size:13px;font-weight:700;cursor:pointer}.btn.secondary{background:transparent;border:1px solid currentColor;color:var(--ink)}.category-strip{margin:34px 0}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.category-card{border:1px solid var(--line);background:#fff}.category-card img{height:160px;width:100%;object-fit:cover}.category-card .pad{padding:14px}.category-card h3{font-size:18px;text-transform:uppercase;margin:0 0 6px}.footer{background:#eff0f0;margin-top:50px;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:28px;padding:38px 0}.footer h3{font-size:18px;text-transform:uppercase;border-bottom:1px solid #ccd1d3;padding-bottom:8px}.footer ul{list-style:none;padding:0;margin:0}.footer li{margin:8px 0;font-size:14px}.footer-bottom{background:#2e3a3c;color:#fff;font-size:12px}.footer-bottom .container{display:flex;justify-content:space-between;gap:14px;padding:14px 0}.page-hero{padding:44px 0 28px}.page-hero h1{font-size:42px;text-transform:uppercase;margin:0 0 8px}.page-hero p{max-width:740px;color:var(--muted)}.article-page{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:34px}.article-header img{width:100%;aspect-ratio:16/8.5;object-fit:cover}.article-header h1{font-size:42px;line-height:1.08;text-transform:uppercase;margin:18px 0 8px}.article-body{font-family:Arial,sans-serif;font-size:17px}.article-body h2{font-family:"Arial Narrow",Arial,sans-serif;font-size:27px;text-transform:uppercase;margin:34px 0 10px;border-bottom:1px solid var(--line);padding-bottom:8px}.article-body p{margin:0 0 17px}.info-box{border-left:4px solid var(--teal);background:#eefaf8;padding:16px 18px;margin:22px 0}.share-row{display:flex;gap:8px;margin:28px 0}.share-row button{border:1px solid var(--line);background:#fff;padding:8px 10px;cursor:pointer}.breadcrumbs{font-size:13px;color:var(--muted);margin:16px 0}.legal{max-width:860px}.legal h1{font-size:40px;text-transform:uppercase}.legal h2{font-size:24px;margin-top:28px}.legal table{width:100%;border-collapse:collapse}.legal th,.legal td{border:1px solid var(--line);padding:10px;text-align:left;vertical-align:top}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.contact-card{background:var(--soft);padding:24px}.form-field{margin-bottom:14px}.form-field label{display:block;font-weight:700;margin-bottom:5px}.form-field input,.form-field textarea,.form-field select{width:100%;padding:12px;border:1px solid #cbd1d4;background:#fff}.form-field textarea{min-height:150px}.notice{font-size:13px;color:var(--muted)}.cookie-banner{position:fixed;left:18px;right:18px;bottom:18px;z-index:100;background:#fff;box-shadow:var(--shadow);border:1px solid var(--line);padding:18px;display:none}.cookie-banner.show{display:block}.cookie-inner{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.cookie-actions{display:flex;flex-wrap:wrap;gap:8px}.modal{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:120;display:none;place-items:center;padding:20px}.modal.open{display:grid}.modal-card{background:#fff;max-width:600px;width:100%;padding:24px;box-shadow:var(--shadow)}.pref-row{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}.toggle{width:44px;height:24px;border-radius:20px;background:#bfc6c9;border:0;position:relative;cursor:pointer}.toggle::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.2s}.toggle.on{background:var(--teal)}.toggle.on::after{left:23px}.toast{position:fixed;right:22px;top:88px;background:#182027;color:#fff;padding:14px 18px;z-index:200;transform:translateY(-150px);transition:.3s;box-shadow:var(--shadow)}.toast.show{transform:translateY(0)}.pagination{display:flex;gap:8px;margin:28px 0}.pagination a{border:1px solid var(--line);padding:8px 12px}.pagination a.active{background:var(--accent);color:#fff}.skip-link{position:absolute;left:-999px;top:0}.skip-link:focus{left:10px;top:10px;background:#fff;padding:10px;z-index:500}.mobile-note{display:none}
@media(max-width:900px){.layout,.article-page{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:20px}.sidebar section{margin-bottom:0}.footer-grid{grid-template-columns:1fr 1fr}.nav{position:absolute;left:0;right:0;top:100%;background:#f2f3f3;border-bottom:1px solid var(--line);display:none;flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{padding:13px 18px}.burger{display:block}.slide img{aspect-ratio:16/9}.category-grid{grid-template-columns:1fr 1fr}.contact-grid{grid-template-columns:1fr}.tagline{display:none}}
@media(max-width:620px){body{font-size:15px}.container{width:min(100% - 24px,1160px)}.brand-row{padding:14px 0}.logo{max-width:85%;width:275px}.topbar .container{font-size:10px}.hero{margin-top:12px}.slide img{aspect-ratio:4/3}.slide-copy{left:16px;right:16px;bottom:16px}.slide h1{font-size:27px}.slide p{font-size:14px}.slide-arrows{display:none}.post-card{grid-template-columns:1fr;gap:12px}.post-card img{height:220px}.post-card h2{font-size:20px}.sidebar{grid-template-columns:1fr}.category-grid,.footer-grid{grid-template-columns:1fr}.page-hero h1,.article-header h1,.legal h1{font-size:31px}.article-body{font-size:16px}.cookie-inner{grid-template-columns:1fr}.cookie-actions{display:grid;grid-template-columns:1fr}.footer-bottom .container{flex-direction:column}.mobile-note{display:block}}
