/*==================================================
DIAMOND MEDIA GROUP NEWSROOM V5
PART 1
==================================================*/

:root{

--navy:#071321;
--navy2:#0d2338;
--panel:#183250;

--gold:#d4af37;
--gold-light:#f3d56b;

--white:#ffffff;
--text:#d8e4ef;

--radius:24px;

--shadow:0 20px 55px rgba(0,0,0,.28);

}

*{
margin:0;
padding:0;
box-sizing:border-box;
}

html{
scroll-behavior:smooth;
}

body{

font-family:'Poppins',sans-serif;

background:var(--navy);

color:white;

overflow-x:hidden;

line-height:1.7;

}

img{
display:block;
max-width:100%;
}

a{
text-decoration:none;
transition:.35s;
}

section{
padding:110px 0;
}

.container{
max-width:1320px;
}

/*==================================================
NAVIGATION
==================================================*/

.topbar{

position:fixed;

top:0;
left:0;
right:0;

height:92px;

background:rgba(7,19,33,.95);

backdrop-filter:blur(18px);

border-bottom:1px solid rgba(255,255,255,.05);

z-index:9999;

}

.topbar-inner{

height:92px;

display:flex;

align-items:center;

justify-content:space-between;

}

.logo{

height:62px;

}

.main-nav{

display:flex;

gap:40px;

list-style:none;

}

.main-nav a{

color:white;

font-weight:600;

font-size:1rem;

}

.main-nav a:hover,
.main-nav a.active{

color:var(--gold);

}

/*==================================================
ALL BUTTONS
==================================================*/

.btn,
.btn-dark,
.btn-gold,
.archive-btn{

display:inline-flex;

align-items:center;

justify-content:center;

padding:17px 36px;

border-radius:40px;

background:linear-gradient(90deg,var(--gold),var(--gold-light));

color:#111;

font-weight:700;

border:none;

min-width:190px;

transition:.35s;

cursor:pointer;

}

.btn:hover,
.btn-dark:hover,
.btn-gold:hover,
.archive-btn:hover{

transform:translateY(-4px);

background:linear-gradient(90deg,#e6c04a,#ffe17c);

box-shadow:0 18px 40px rgba(212,175,55,.35);

color:#111;

}

/*==================================================
HERO
==================================================*/

.hero{

padding-top:150px;

padding-bottom:120px;

background:var(--navy);

overflow:hidden;

}

.hero-grid{

display:grid;

grid-template-columns:45% 55%;

align-items:center;

min-height:700px;

position:relative;

}

.hero-left{

position:relative;

z-index:20;

padding-right:20px;

}

.hero-tag{

display:inline-block;

padding:12px 26px;

background:linear-gradient(90deg,var(--gold),var(--gold-light));

border-radius:40px;

color:#111;

font-size:.8rem;

font-weight:700;

letter-spacing:2px;

margin-bottom:28px;

}

.hero h1{

font-size:3.1rem;

font-weight:600;

line-height:1.05;

margin-bottom:12px;

}

.hero h1 span{

display:block;

font-size:6rem;

font-weight:800;

margin-top:8px;

line-height:.92;

}

.hero h2{

font-size:1.45rem;

color:var(--gold-light);

margin-bottom:30px;

}

.hero p{

font-size:1.12rem;

color:var(--text);

max-width:560px;

margin-bottom:40px;

}

.hero-buttons{

display:flex;

gap:18px;

flex-wrap:wrap;

}

/*==================================================
VIDEO
==================================================*/

.hero-right{

position:absolute;

top:0;

right:-8%;

width:63%;

height:100%;

overflow:hidden;

}

.hero-right video{

width:100%;

height:100%;

object-fit:cover;

filter:brightness(1.18) contrast(1.06) saturate(1.12);

transform:scale(1.04);

}

/* Soft fade into left */

.hero-right::before{

content:"";

position:absolute;

left:0;

top:0;

bottom:0;

width:40%;

background:linear-gradient(
90deg,
#071321 0%,
rgba(7,19,33,.92) 18%,
rgba(7,19,33,.60) 42%,
rgba(7,19,33,.18) 70%,
rgba(7,19,33,0) 100%
);

z-index:10;

}

.hero-right::after{

content:"";

position:absolute;

top:0;
left:0;
right:0;
bottom:0;

background:linear-gradient(
to bottom,
rgba(255,255,255,.03),
rgba(0,0,0,.10)
);

}
/*==================================================
BREAKING NEWS
==================================================*/

.breaking-news{

padding:0;

background:var(--gold);

overflow:hidden;

}

.breaking-wrap{

display:flex;

height:58px;

align-items:center;

}

.breaking-title{

background:#111;

color:white;

height:58px;

padding:0 28px;

display:flex;

align-items:center;

font-weight:700;

letter-spacing:1px;

flex-shrink:0;

}

.breaking-title i{

color:var(--gold);

margin-right:10px;

}

.ticker{

flex:1;

overflow:hidden;

white-space:nowrap;

}

.ticker-track{

display:inline-block;

padding-left:100%;

font-weight:700;

color:#111;

animation:ticker 48s linear infinite;

}

@keyframes ticker{

0%{transform:translateX(0);}
100%{transform:translateX(-100%);}

}

/*==================================================
SECTION TITLES
==================================================*/

.section-tag{

display:inline-block;

padding:10px 22px;

background:linear-gradient(90deg,var(--gold),var(--gold-light));

border-radius:40px;

font-size:.8rem;

font-weight:700;

letter-spacing:2px;

color:#111;

margin-bottom:24px;

}

.section-title{

text-align:center;

margin-bottom:70px;

}

.section-title h2{

font-size:3rem;

font-weight:800;

margin:18px 0;

}

.section-title p{

max-width:760px;

margin:auto;

color:var(--text);

}

/*==================================================
FEATURED NEWS
==================================================*/

.featured-news{

background:#0b1d31;

}

.featured-news h2{

font-size:3rem;

font-weight:800;

line-height:1.15;

margin-bottom:25px;

}

.lead-text{

font-size:1.2rem;

color:var(--gold-light);

margin-bottom:30px;

}

.featured-news p{

color:var(--text);

font-size:1.05rem;

}

.featured-image{

margin:40px 0;

border-radius:24px;

overflow:hidden;

box-shadow:var(--shadow);

}

.featured-image img{

width:100%;

height:540px;

object-fit:cover;

transition:.5s;

}

.featured-image:hover img{

transform:scale(1.04);

}

/*==================================================
LATEST RELEASES PANEL
==================================================*/

.latest-news-panel{

background:var(--panel);

padding:42px;

border-radius:24px;

box-shadow:var(--shadow);

height:100%;

border:1px solid rgba(255,255,255,.05);

}

.latest-news-panel h3{

font-size:2.2rem;

font-weight:800;

margin-bottom:35px;

}

.news-item{

padding:28px 0;

border-bottom:1px solid rgba(255,255,255,.08);

}

.news-item:last-child{

border:none;

padding-bottom:0;

}

.news-item h4{

font-size:1.45rem;

margin:16px 0;

line-height:1.35;

}

.news-item p{

color:var(--text);

margin-bottom:20px;

}

/*==================================================
CATEGORY TAGS
==================================================*/

.release-category{

display:inline-block;

padding:8px 18px;

border-radius:40px;

font-size:.72rem;

font-weight:700;

letter-spacing:1px;

color:#111;

text-transform:uppercase;

}

.release-category.media{

background:var(--gold);

}

.release-category.corporate{

background:var(--gold);

}

.release-category.travel{

background:var(--gold);

}

.release-category.television{

background:var(--gold);

}

.release-category.film{

background:var(--gold);

}
/*==================================================
PRESS ARCHIVE
==================================================*/

.press-archive{

background:#071321;

padding:110px 0;

}

.archive-card{

background:var(--panel);

border-radius:24px;

padding:40px;

height:100%;

display:flex;

flex-direction:column;

justify-content:space-between;

box-shadow:var(--shadow);

transition:.35s;

border:1px solid rgba(255,255,255,.05);

}

.archive-card:hover{

transform:translateY(-8px);

border-color:rgba(212,175,55,.30);

}

.archive-top{

display:flex;

justify-content:space-between;

align-items:center;

margin-bottom:25px;

}

.release-date{

font-size:.9rem;

color:#9db5c9;

}

.archive-card h3{

font-size:1.45rem;

line-height:1.35;

margin-bottom:20px;

}

.archive-card p{

color:var(--text);

margin-bottom:30px;

flex:1;

}

.archive-btn{

margin-top:auto;

}

/*==================================================
MEDIA CENTRE
==================================================*/

.media-centre{

background:#0b1d31;

padding:110px 0;

}

.media-panel{

background:var(--panel);

border-radius:24px;

padding:45px;

height:100%;

display:flex;

flex-direction:column;

justify-content:space-between;

text-align:center;

box-shadow:var(--shadow);

transition:.35s;

border:1px solid rgba(255,255,255,.05);

}

.media-panel:hover{

transform:translateY(-8px);

border-color:rgba(212,175,55,.30);

}

.panel-image{

width:100%;

max-width:340px;

margin:0 auto 35px;

}

.panel-logo{

height:140px;

margin:0 auto 35px;

object-fit:contain;

}

.panel-icon{

font-size:4rem;

color:var(--gold);

margin-bottom:30px;

}

.media-panel h3{

font-size:2rem;

font-weight:700;

margin-bottom:25px;

}

.media-panel p{

color:var(--text);

line-height:1.8;

margin-bottom:28px;

}

.brand-list{

list-style:none;

padding:0;

margin:25px 0 35px;

}

.brand-list li{

padding:12px 0;

border-bottom:1px solid rgba(255,255,255,.08);

}

.brand-list li:last-child{

border-bottom:none;

}
/*==================================================
FOOTER
==================================================*/

footer{

background:#040d18;

padding:90px 0 35px;

}

.footer-logo{

height:80px;

margin-bottom:30px;

}

footer h4{

font-size:1.3rem;

font-weight:700;

color:var(--gold-light);

margin-bottom:25px;

}

footer p{

color:var(--text);

}

footer ul{

list-style:none;

padding:0;

margin:0;

}

footer li{

margin-bottom:12px;

}

footer a{

color:var(--text);

transition:.3s;

}

footer a:hover{

color:var(--gold);

}

footer hr{

margin:55px 0 30px;

border-color:rgba(255,255,255,.08);

}

.copyright{

text-align:center;

color:#8ea6bb;

font-size:.9rem;

}

/*==================================================
SOCIAL ICONS
==================================================*/

.social-icons{

display:flex;

gap:16px;

margin-top:25px;

}

.social-icons a{

width:52px;

height:52px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

background:linear-gradient(90deg,var(--gold),var(--gold-light));

color:#111;

font-size:1.15rem;

transition:.35s;

}

.social-icons a:hover{

transform:translateY(-5px);

box-shadow:0 14px 28px rgba(212,175,55,.35);

}

/*==================================================
RESPONSIVE
==================================================*/

@media(max-width:1200px){

.hero-grid{

grid-template-columns:1fr;

gap:50px;

}

.hero-right{

position:relative;

right:0;

width:100%;

height:500px;

}

.hero-right::before{

width:100%;

background:linear-gradient(
to top,
rgba(7,19,33,.75),
rgba(7,19,33,0)
);

}

}

@media(max-width:992px){

.hero{

padding-top:150px;

}

.hero h1{

font-size:2.3rem;

}

.hero h1 span{

font-size:4rem;

}

.hero-buttons{

flex-direction:column;

align-items:flex-start;

}

.btn,
.archive-btn{

width:100%;

max-width:320px;

}

.featured-image img{

height:380px;

}

.media-panel{

margin-bottom:30px;

}

}

@media(max-width:768px){

.topbar{

height:auto;

padding:20px 0;

}

.topbar-inner{

flex-direction:column;

height:auto;

gap:20px;

}

.main-nav{

flex-wrap:wrap;

justify-content:center;

gap:20px;

}

.hero-right{

height:300px;

}

.hero h1 span{

font-size:3rem;

}

.section-title h2{

font-size:2rem;

}

footer{

text-align:center;

}

.social-icons{

justify-content:center;

}

}
/* ==========================================================
   PRESS RELEASE ARCHIVE
========================================================== */

.press-archive{
    padding:90px 0;
    background:#071321;
}

.press-archive .container{
    max-width:1200px;
    margin:0 auto;
    padding:0 20px;
}

.archive-table{
    width:100%;
    background:#142842;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 20px 50px rgba(0,0,0,.35);
}

.archive-row{
    display:grid;
    grid-template-columns:140px 1fr 140px 220px;
    gap:30px;
    align-items:center;
    padding:28px 35px;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.archive-row:last-child{
    border-bottom:none;
}

.archive-id{
    color:#d6b04b;
    font-weight:700;
    font-size:18px;
}

.archive-title{
    color:#fff;
    font-size:22px;
    font-weight:600;
    margin-bottom:8px;
}

.archive-date{
    color:#bfc7d5;
    font-size:16px;
}

.archive-actions{
    display:flex;
    gap:12px;
    justify-content:flex-end;
}

.archive-btn{
    background:linear-gradient(90deg,#d5ad2d,#f5d76a);
    color:#111;
    padding:12px 28px;
    border-radius:40px;
    font-weight:700;
    text-decoration:none;
    transition:.3s;
}

.archive-btn:hover{
    transform:translateY(-2px);
    color:#111;
}

@media(max-width:992px){

.archive-row{
    grid-template-columns:1fr;
    gap:15px;
    text-align:center;
}

.archive-actions{
    justify-content:center;
}

}

/*==================================================
BADGES
==================================================*/

.archive-badge{

display:inline-block;

padding:8px 20px;

background:linear-gradient(90deg,#c8a437,#f2d86d);

color:#111;

font-size:.75rem;

font-weight:700;

letter-spacing:1px;

text-transform:uppercase;

border-radius:40px;

}

/*==================================================
BUTTONS
==================================================*/

.archive-actions{

display:flex;

gap:12px;

justify-content:flex-start;

flex-wrap:wrap;

}

.archive-btn{

display:inline-block;

padding:12px 26px;

border-radius:40px;

background:linear-gradient(90deg,#c8a437,#f2d86d);

color:#111;

font-weight:700;

text-decoration:none;

transition:.25s;

min-width:95px;

text-align:center;

}

.archive-btn:hover{

transform:translateY(-3px);

color:#111;

box-shadow:0 12px 25px rgba(0,0,0,.25);

}

/*==================================================
MOBILE
==================================================*/

@media(max-width:991px){

.archive-header{

display:none;

}

.archive-row{

grid-template-columns:1fr;

}

.archive-row div{

padding:14px 22px;

}

.archive-actions{

margin-top:10px;

}

}