/*
Theme Name: NINA WIRE
Theme URI:
Author:
Description: A classic, editorial celebrity fansite theme built from the approved NINA WIRE mockups.
Version: 1.0.0
License: GPL-2.0-or-later
Text Domain: nina-wire
*/

:root{--ink:#171717;--black:#0b0c0d;--paper:#f3efe8;--rose:#c9877e;--rose2:#a96760;--line:rgba(20,20,20,.18);--max:1536px}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,"Times New Roman",serif}a{color:inherit;text-decoration:none}
.topbar{height:28px;background:#090909;color:#eee;text-align:center;font:9px Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;padding:8px}
.header{height:58px;background:#111213;color:#fff;border-bottom:1px solid #444;display:flex;align-items:center;justify-content:space-between;padding:0 3.2%;position:relative;z-index:5}
.logo{font-size:27px;letter-spacing:.06em;white-space:nowrap}.logo b{font-weight:400;color:var(--rose);font-size:1em;letter-spacing:.06em}
.nav{display:flex;gap:30px;font:11px Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase}.nav a:hover{color:var(--rose)}
.tools{font:12px Arial,sans-serif;color:#ddd;white-space:nowrap}

/* LOCKED HERO COMPOSITION: built from the approved NINA WIRE mockup crop positions. */
.hero{height:311px;background:#0b0c0d;color:#fff;position:relative;overflow:hidden}
.hero-left{position:absolute;left:0;top:0;width:23.8%;height:100%;background:#111;overflow:hidden}
.hero-left img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero-main{position:absolute;left:45.6%;top:0;width:41.5%;height:100%;overflow:hidden}
.hero-main img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero-copy{position:absolute;left:23.8%;top:55px;width:21.8%;z-index:2;text-align:left}
.hero-copy h1{font-size:72px;line-height:.78;font-weight:400;letter-spacing:.08em;margin:0}
.hero-copy h1 span{display:block;color:var(--rose);font-size:34px;letter-spacing:.28em;margin:14px 0 20px}
.hero-copy p{font:10px Arial,sans-serif;letter-spacing:.23em;color:#ddd;text-transform:uppercase;white-space:nowrap}
.btn{display:inline-block;border:1px solid var(--rose);padding:10px 24px;color:#fff;font:10px Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;margin-top:10px}
.hero-photos{position:absolute;left:87.1%;top:35px;width:7.4%;z-index:3}
.hero-photos img{display:block;width:100%;height:auto;margin-bottom:5px;border:1px solid rgba(255,255,255,.28)}
.hero-photos img:nth-child(1){height:68px;object-fit:cover}.hero-photos img:nth-child(2){height:68px;object-fit:cover}.hero-photos img:nth-child(3){height:89px;object-fit:cover}

.updates-page{max-width:1280px;margin:0 auto;padding:45px 34px 30px}
.updates-page-header{display:flex;justify-content:space-between;align-items:end;gap:30px;border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:28px}
.eyebrow{font:9px Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--rose2);margin-bottom:7px}
.updates-page-header h1{font-size:43px;font-weight:400;letter-spacing:.04em;margin:0 0 7px}.updates-page-header p{font-size:13px;color:#666;margin:0}
.updates-filter{display:flex;gap:18px;flex-wrap:wrap;font:9px Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}.updates-filter a{padding-bottom:7px;border-bottom:1px solid transparent}.updates-filter .active,.updates-filter a:hover{color:var(--rose2);border-color:var(--rose)}
.updates-layout{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:48px}.post-list{min-width:0}
.blog-post{display:grid;grid-template-columns:310px 1fr;gap:27px;padding:0 0 27px;margin-bottom:27px;border-bottom:1px solid var(--line)}
.post-image{display:block;overflow:hidden}.post-image .pic{height:205px;background:linear-gradient(145deg,#aaa,#4a4a4a 55%,#111);transition:transform .3s}.post-image:hover .pic{transform:scale(1.025)}
.post-meta{font:9px Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#8a625e;margin:2px 0 8px}.post-meta .tag{margin:0 8px 0 0}
.tag{display:inline-block;background:#d69a91;color:#27201e;padding:3px 6px;font:8px Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.post-content h2{font-size:25px;line-height:1.15;font-weight:400;margin:0 0 11px}.post-content h2 a:hover{color:var(--rose2)}
.post-content p{font-size:12px;line-height:1.6;color:#555;margin:0 0 15px;max-width:650px}.read-more{font:9px Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase}.read-more span{color:var(--rose2);padding-left:4px}
.pagination{display:flex;gap:6px;margin:35px 0 5px}.pagination a{border:1px solid var(--line);min-width:32px;height:32px;display:flex;align-items:center;justify-content:center;font:9px Arial,sans-serif}.pagination a:hover,.pagination .current{background:#171717;color:#fff;border-color:#171717}
.updates-sidebar{border-left:1px solid var(--line);padding-left:27px}.widget{margin-bottom:32px}.widget-title{font-size:13px;letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid var(--line);padding-bottom:9px;margin-bottom:10px}.widget ul{list-style:none;padding:0;margin:0}.widget li{border-bottom:1px solid rgba(20,20,20,.09);padding:8px 0;font-size:11px}.widget li a:hover{color:var(--rose2)}
.bottom-projects{border-top:1px solid var(--line);margin-top:34px;padding:27px 0 24px}.section-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:9px;margin-bottom:14px}.section-head h2{font-size:15px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;margin:0}.section-head a{font:9px Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.project-list{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.project-card{height:var(--nina-project-height,125px);background:linear-gradient(145deg,#222,#090909);color:#fff;display:flex;flex-direction:column;justify-content:end;padding:18px}.project-card small{font:8px Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#c9bdb7}.project-card strong{font-size:21px;font-weight:400;letter-spacing:.08em;margin:5px 0}

.footer{background:#17191a;color:#eee;display:grid;grid-template-columns:1.4fr .8fr .8fr 1fr;gap:45px;padding:34px 6% 24px}.footer h3{font:10px Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;border-bottom:1px solid #555;padding-bottom:8px}.footer p,.footer li{font-size:11px;color:#bbb}.footer ul{list-style:none;padding:0;margin:0}.footer li{margin:5px 0}.copyright{background:#0d0e0f;color:#aaa;padding:9px 6%;font:8px Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;display:flex;justify-content:space-between}

@media(max-width:1050px){
 .nav{gap:14px}.tools{display:none}.hero-copy{left:23.8%}.hero-copy h1{font-size:60px}.updates-layout{grid-template-columns:1fr}.updates-sidebar{border-left:0;border-top:1px solid var(--line);padding:25px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:25px}.project-list{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:700px){
 .nav{display:none}.header{height:60px}.logo{font-size:24px}.hero{height:330px}.hero-left{width:34%;opacity:.8}.hero-main{left:42%;width:58%}.hero-copy{left:8%;top:62px;width:55%;text-shadow:0 2px 8px #000}.hero-copy h1{font-size:48px}.hero-copy h1 span{font-size:25px}.hero-copy p{white-space:normal;max-width:240px}.hero-photos{display:none}.updates-page{padding:35px 20px}.updates-page-header{display:block}.updates-filter{margin-top:18px}.blog-post{grid-template-columns:1fr;gap:15px}.post-image .pic{height:210px}.updates-sidebar{display:block}.project-list{grid-template-columns:1fr}.footer{display:block}.footer>div{margin-bottom:25px}.copyright{display:block}.copyright span{display:block;margin-top:5px}
}

/* NINA WIRE MAIN PAGE */
.content{display:grid;grid-template-columns:1.05fr 1.05fr .95fr;max-width:1500px;margin:auto}
.box{padding:23px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.box:last-child{border-right:0}
.section-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:9px;margin-bottom:12px}
.section-head h2{font-size:15px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;margin:0}
.section-head a{font:9px Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.welcome{grid-column:1 / 3;display:grid;grid-template-columns:210px 1fr;padding:0}
.welcome-image{min-height:170px;background:linear-gradient(145deg,#777,#292929 65%,#111)}
.welcome-copy{padding:25px}.welcome-copy p{font-size:12px;line-height:1.55;max-width:650px}.signature{font-style:italic;font-size:31px;text-align:right}
.updates{grid-column:1 / 3;background:#f0eae1}
.update-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}
.update{border:1px solid var(--line);background:#f7f3ed;padding:6px}
.update .pic{height:88px;background:linear-gradient(145deg,#aaa,#4a4a4a 55%,#111)}
.update h3{font-size:12px;line-height:1.25;font-weight:400;margin:5px 0}
.update p{font-size:9px;line-height:1.4;margin:0 0 6px;color:#555}
.update .date{font:8px Arial,sans-serif;color:#9a6a64;letter-spacing:.1em;text-transform:uppercase;margin-top:4px}
.update .read{font:8px Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.tag{display:inline-block;background:#d69a91;color:#27201e;padding:3px 6px;font:8px Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;margin-top:7px}
.more{text-align:center;margin-top:11px}.more a{border:1px solid var(--rose);padding:7px 35px;font:9px Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase}
.gallery{grid-column:3;grid-row:1}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.gallery .pic{height:72px;background:linear-gradient(145deg,#aaa,#4a4a4a 55%,#111)}
.projects{grid-column:1 / 3;grid-row:3}.site-info-box{grid-column:3;grid-row:3}.affiliates{grid-column:1 / 4;grid-row:4}.project-list{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.project-card{height:var(--nina-project-height,125px);background:linear-gradient(145deg,#222,#090909);color:#fff;display:flex;flex-direction:column;justify-content:end;padding:18px}.project-card small{font:8px Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#c9bdb7}.project-card strong{font-size:21px;font-weight:400;letter-spacing:.08em;margin:5px 0}
.info{font-size:11px;line-height:1.6}.info strong{font:8px Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#777}
.wide-images{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.wide-images .pic{height:78px;background:linear-gradient(145deg,#aaa,#4a4a4a 55%,#111)}
@media(max-width:1050px){.content{grid-template-columns:1fr 1fr}.welcome,.updates,.projects,.affiliates,.gallery,.site-info-box{grid-column:1 / 3}.gallery,.projects,.site-info-box,.affiliates{grid-row:auto}.project-list{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.content{display:block}.box{border-right:0}.welcome{display:block}.welcome-image{height:220px}.update-grid{grid-template-columns:repeat(2,1fr)}.project-list{grid-template-columns:1fr}.wide-images{grid-template-columns:repeat(3,1fr)}}

/* WordPress theme structure */
img { max-width:100%; height:auto; }
.screen-reader-text { position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.custom-logo { max-height:44px; width:auto; }
.header .nav ul { list-style:none; margin:0; padding:0; display:flex; gap:30px; }
.header .nav li { margin:0; padding:0; position:relative; }
.header .nav .sub-menu, .header .nav .children { display:none!important; }
.header .nav a { display:block; }
.hero img { display:block; }
.hero-left img, .hero-main img { width:100%; height:100%; object-fit:cover; object-position:center; }
.hero-photos img { object-fit:cover; }
.hero-copy h1 { color:var(--nina-hero-title, #fff); }
.hero-copy h1 span { color:var(--nina-hero-accent, var(--rose)); }
.nw-widget { margin:0 0 32px; }
.nw-widget-title { font-size:13px; letter-spacing:.16em; text-transform:uppercase; border-bottom:1px solid var(--line); padding-bottom:9px; margin-bottom:10px; }
.nw-widget ul { list-style:none; margin:0; padding:0; }
.nw-widget li { border-bottom:1px solid rgba(20,20,20,.09); padding:8px 0; font-size:11px; }
.nw-widget a:hover { color:var(--rose2); }
.nw-project-widget { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; }
.nw-project { min-height:var(--nina-project-height,125px); background:#111; color:#fff; position:relative; overflow:hidden; display:flex; flex-direction:column; justify-content:flex-end; padding:18px; }
.nw-project.has-image::before { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.82)); }
.nw-project > * { position:relative; z-index:1; }
.nw-project img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; }
.nw-project .meta { font:8px Arial,sans-serif; letter-spacing:.16em; text-transform:uppercase; color:#c9bdb7; }
.nw-project strong { font-size:21px; font-weight:400; letter-spacing:.08em; margin:5px 0; }
.nw-project a { color:inherit; }
.nw-projects-area { padding:23px; border-bottom:1px solid var(--line); }
.nw-projects-area .section-head { margin-bottom:14px; }
.nw-sidebar { padding:23px; }
.nw-sidebar > .nw-widget:last-child { margin-bottom:0; }
.nw-sidebar-gallery .cpmfetch-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:5px; }
.nw-sidebar-gallery .cpmfetch-grid img { display:block; width:100%; height:72px; object-fit:cover; }
.nw-sidebar-gallery .cpmfetch-grid a { display:block; }
.nw-site-info { font-size:11px; line-height:1.6; }
.nw-site-info strong { font:8px Arial,sans-serif; letter-spacing:.12em; text-transform:uppercase; color:#777; }
/* Darkury Fan Card compatibility: match the native Site Information typography. */
.dfc-list { font-family: Georgia,"Times New Roman",serif !important; font-size:11px !important; line-height:1.6 !important; color:var(--ink) !important; }
.dfc-list li, .dfc-list a, .dfc-list span, .dfc-list div, .dfc-list p { font-family:inherit !important; font-size:inherit !important; line-height:inherit !important; color:inherit; }
.dfc-list a:hover { color:var(--rose2) !important; }

.nw-welcome { display:grid; grid-template-columns:210px 1fr; padding:0; }
.nw-welcome-image { min-height:170px; background:linear-gradient(145deg,#777,#292929 65%,#111); background-size:cover; background-position:center; }
.nw-welcome-copy { padding:25px; }
.nw-welcome-copy p { font-size:12px; line-height:1.55; max-width:650px; }
.nw-signature { font-style:italic; font-size:31px; text-align:right; }
.nw-affiliates { padding:23px; border-bottom:1px solid var(--line); }
.nw-affiliate-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:5px; }
.nw-affiliate-grid img { display:block; width:100%; height:78px; object-fit:cover; }
.nw-page { max-width:1280px; margin:0 auto; padding:48px 34px 55px; }
.nw-page-layout { display:grid; grid-template-columns:minmax(0,1fr) 255px; gap:48px; }
.nw-page-main { min-width:0; }
.nw-page-title { font-size:43px; font-weight:400; letter-spacing:.04em; margin:0 0 8px; }
.nw-page-header { border-bottom:1px solid var(--line); padding-bottom:24px; margin-bottom:28px; }
.nw-page-body { font-size:15px; line-height:1.75; }
.nw-page-body p { margin:0 0 1.25em; }
.nw-page-body h2,.nw-page-body h3 { font-weight:400; letter-spacing:.05em; }
.nw-page-body img { max-width:100%; height:auto; }
.nw-page-sidebar { border-left:1px solid var(--line); padding-left:27px; }
.nw-single-featured { margin:0 0 28px; }
.nw-single-featured img { width:100%; height:auto; display:block; }
.nw-single-body { font-size:15px; line-height:1.8; }
.nw-single-body p { margin:0 0 1.25em; }
.nw-post-nav { display:flex; justify-content:space-between; gap:25px; border-top:1px solid var(--line); margin-top:35px; padding-top:20px; font:10px Arial,sans-serif; letter-spacing:.1em; text-transform:uppercase; }
.nw-cpm-placeholder { padding:15px 0; font-size:11px; color:#777; }
.footer .footer-widget-area { min-width:0; }
.footer .widget { margin:0 0 18px; }
.footer .widget-title { color:#eee; }
.footer .widget ul { list-style:none; padding:0; margin:0; }
.footer .widget li { margin:5px 0; }
.footer .widget a { color:#bbb; }
.footer .widget a:hover { color:#fff; }
.nw-footer-fallback p { color:#bbb; font-size:11px; line-height:1.6; }
.nw-footer-social a { margin-right:10px; color:#bbb; }
.nw-mobile-hidden-hero .hero { display:none; }
@media(max-width:700px){
  .nw-mobile-hidden-welcome .nw-welcome-wrap { display:none; }
  .nw-mobile-hidden-updates .nw-home-updates { display:none; }
  .nw-mobile-hidden-gallery .nw-home-gallery { display:none; }
  .nw-mobile-hidden-projects .nw-home-projects { display:none; }
  .nw-mobile-hidden-affiliates .nw-home-affiliates { display:none; }
  .nw-mobile-hidden-site-info .nw-home-site-info { display:none; }
  .nw-mobile-hidden-footer .footer { display:none; }
}

@media(max-width:1050px){
  .header .nav ul{gap:14px}
  .tools{display:none}
  .nw-page-layout{grid-template-columns:1fr}
  .nw-page-sidebar{border-left:0;border-top:1px solid var(--line);padding:25px 0 0}
  .nw-project-widget{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:700px){
  .header .nav{display:none}
  .header{height:60px}
  .logo{font-size:24px}
  .hero{height:330px}
  .hero-left{width:34%;opacity:.8}
  .hero-main{left:42%;width:58%}
  .hero-copy{left:8%;top:62px;width:55%;text-shadow:0 2px 8px #000}
  .hero-copy h1{font-size:48px}
  .hero-copy h1 span{font-size:25px}
  .hero-copy p{white-space:normal;max-width:240px}
  .hero-photos{display:none}
  .nw-welcome{display:block}
  .nw-welcome-image{height:220px}
  .nw-project-widget{grid-template-columns:1fr}
  .nw-affiliate-grid{grid-template-columns:repeat(3,1fr)}
  .nw-page{padding:35px 20px}
  .nw-page-title{font-size:34px}
  .nw-page-body,.nw-single-body{font-size:14px}
  .footer{display:block}
  .footer>div{margin-bottom:25px}
  .copyright{display:block}
  .copyright span{display:block;margin-top:5px}
}

.nw-affiliate-grid .pic{height:78px;background:linear-gradient(145deg,#aaa,#4a4a4a 55%,#111);overflow:hidden}.nw-affiliate-grid .pic img{width:100%;height:100%;object-fit:cover;display:block}

.nw-welcome-wrap>.nw-widget,.nw-home-projects>.nw-widget{margin:0}.nw-home-projects>.nw-widget .section-head{margin-bottom:14px}



/* Hero layout options */
.hero-single-image{position:absolute;inset:0;background:#111 center/cover no-repeat}
.hero-single-overlay{position:absolute;inset:0;background:rgba(0,0,0,var(--nina-single-hero-overlay,.45))}
.hero-copy-single{left:8%;top:50%;transform:translateY(-50%);width:48%;text-shadow:0 2px 12px rgba(0,0,0,.55)}
.nw-hero-mode-single .hero-single-image{background-color:#111}
.nw-hero-mode-single .hero{height:311px}
.nw-hero-mode-single_text .hero{height:311px}
.nw-hero-mode-single .hero-copy,.nw-hero-mode-single .hero-left,.nw-hero-mode-single .hero-main,.nw-hero-mode-single .hero-photos{display:none}
.nw-hero-mode-single_text .hero-left,.nw-hero-mode-single_text .hero-main,.nw-hero-mode-single_text .hero-photos{display:none}
.nw-hero-mode-single_text .hero-copy-single{display:block}

/* Homepage structure: main content on the left, true widgetized sidebar on the right. */
.content{display:grid !important;grid-template-columns:minmax(0,68%) minmax(0,32%) !important;grid-template-areas:'main sidebar' 'projects projects' 'affiliates affiliates';width:100%;max-width:1500px;margin:0 auto;align-items:start}
.nw-home-main{grid-area:main;min-width:0;width:100%}
.nw-home-main .box{border-right:1px solid var(--line)}
.nw-home-sidebar{grid-area:sidebar;min-width:0;width:100%}
.nw-home-sidebar .box{border-right:0;border-left:0}
.nw-home-gallery,.nw-home-middle,.nw-home-site-info{padding:23px}
.nw-home-gallery .nw-widget,.nw-home-middle .nw-widget,.nw-home-site-info .nw-widget{margin:0 0 24px}
.nw-home-gallery .nw-widget:last-child,.nw-home-middle .nw-widget:last-child,.nw-home-site-info .nw-widget:last-child{margin-bottom:0}
.nw-home-updates{background:#f0eae1}
.nw-home-updates .update-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.nw-home-projects{grid-area:projects;border-right:0;width:100%}
.nw-home-affiliates{grid-area:affiliates;border-right:0;width:100%}
.nw-project{min-height:var(--nina-project-height,125px);height:var(--nina-project-height,125px)}
.nw-project-widget{grid-template-columns:repeat(3,minmax(0,1fr))}
.nw-home-sidebar .nw-widget-title{margin-top:0}

/* Footer palette and social links match the approved editorial design. */
.footer{background:var(--nina-footer-bg,#111213);color:var(--nina-footer-text,#f3efe8);border-top:1px solid var(--nina-footer-border,#353638)}
.footer h3{color:var(--nina-footer-heading,#f3efe8);border-color:var(--nina-footer-border,#4a4b4d)}
.footer p,.footer li,.footer .widget a,.nw-footer-fallback p{color:var(--nina-footer-muted,#c9bdb7)}
.footer a:hover{color:var(--nina-footer-accent,var(--rose))}
.nw-footer-social{display:flex;flex-wrap:wrap;gap:7px 15px;margin-top:14px}
.nw-footer-social a{display:inline-block!important;margin:0!important;color:var(--nina-footer-muted,#c9bdb7)!important;font:9px Arial,sans-serif!important;letter-spacing:.13em;text-transform:uppercase}
.nw-footer-social a:not(:last-child)::after{content:'·';color:var(--nina-footer-border,#666);margin-left:15px}
.nw-footer-social a:hover{color:var(--nina-footer-accent,var(--rose))!important}
.copyright{background:var(--nina-copyright-bg,#090a0b);color:var(--nina-copyright-text,#aaa)}

@media(max-width:1050px){
  .content{grid-template-columns:1fr !important;grid-template-areas:'main' 'sidebar' 'projects' 'affiliates' !important;width:100%}
  .nw-home-main{grid-area:main}
  .nw-home-sidebar{grid-area:sidebar;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .nw-home-gallery{grid-column:1}.nw-home-middle{grid-column:2}.nw-home-site-info{grid-column:1 / 3}
  .nw-home-projects{grid-area:projects}.nw-home-affiliates{grid-area:affiliates}
}
@media(max-width:700px){
  .content{display:block !important}
  .nw-home-sidebar{display:block}
  .nw-home-main .box,.nw-home-sidebar .box{border-right:0}
  .nw-home-updates .update-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nw-project-widget{grid-template-columns:1fr}
  .nw-home-projects,.nw-home-affiliates{width:100%}
}

.nw-affiliate-grid .pic a{display:block;width:100%;height:100%}.nw-affiliate-grid .pic a:hover{opacity:.88}.nw-sidebar-gallery table{width:100%!important;border-collapse:collapse!important}.nw-sidebar-gallery td{padding:2px!important;text-align:center!important}.nw-sidebar-gallery img{max-width:100%!important;height:auto!important;display:block!important;margin:0 auto!important}.nw-cpm-debug{margin-top:10px;font:9px monospace;color:#8b3d36;white-space:pre-wrap;overflow:auto}.nw-cpm-debug summary{cursor:pointer;font:9px Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}


/* v1.5: user-controlled hero height and wide-artwork behavior */
.hero{height:var(--nina-hero-height,311px)}
.nw-hero-mode-single .hero,.nw-hero-mode-single_text .hero{height:var(--nina-hero-height,311px)}
.hero-single-image.nw-hero-fit-natural{background-size:auto var(--nina-hero-height,311px);background-position:center top;background-repeat:no-repeat}
.hero-single-image.nw-hero-fit-cover{background-size:cover;background-position:center}
@media(max-width:700px){
  .hero{height:var(--nina-hero-height,330px)}
  .nw-hero-mode-single .hero,.nw-hero-mode-single_text .hero{height:var(--nina-hero-height,330px)}
  .hero-single-image.nw-hero-fit-natural{background-size:auto var(--nina-hero-height,330px)}
}