/*
Theme Name: Newsmag Child
Theme URI: http://tagdiv.com
Template: newsmag
Author: tagDiv
Author URI: http://themeforest.net/user/tagDiv/portfolio
Description: Premium wordpress template, clean and easy to use.
Tags: black,white,one-column,two-columns,fixed-layout
Version: 5.4.3.6.1785259504
Updated: 2026-07-28 17:25:04

*/

body {
    p-p-background: #fafafa;
    p-p-color: #111;
    p-p-font-family: 'Inter',sans-serif;
    p-p-overflow-x: hidden;
}
html {
    p-scroll-behavior: smooth;
}
.hero {
    p-p-background: white;
    p-p-position: relative;
    p-p-width: 100%;
    p-p-min-height: 100vh;
    p-p-display: flex;
    p-p-flex-direction: column;
}
nav {
    p-p-position: relative;
    p-p-width: 100%;
    p-p-display: flex;
    p-p-justify-content: space-between;
    p-p-align-items: center;
    p-p-padding: 45px 80px;
    p-p-z-index: 10;
}
.logo img {
    p-width: 200px;
    p-height: auto;
    p-display: block;
    p-transition: transform .35s ease;
}
.logo img:hover {
    p-transform: scale(1.03);
}
nav ul {
    p-p-display: flex;
    p-p-list-style: none;
    p-p-gap: 35px;
}
nav ul li a {
    p-p-color: #111;
    p-p-text-decoration: none;
    p-p-font-size: 13px;
    p-p-letter-spacing: 2px;
    p-p-text-transform: uppercase;
    p-p-transition: .35s;
}
nav ul li a:hover {
    p-p-color: #b0122b;
}
.hero-content {
    p-p-display: grid;
    p-p-align-items: center;
    p-p-padding: 0 70px 80px;
    p-p-gap: 90px;
    p-p-flex: 1;
    p-p-grid-template-columns: 1fr 520px;
}
.left {
    p-p-max-width: 650px;
}
.edition {
    p-p-color: #777;
    p-p-display: inline-block;
    p-p-font-size: 12px;
    p-p-letter-spacing: 4px;
    p-p-text-transform: uppercase;
    p-p-margin-bottom: 25px;
}
.left h1 {
    p-p-font-family: 'Cormorant Garamond',serif;
    p-p-font-size: 96px;
    p-p-margin-bottom: 35px;
    p-p-line-height: 0.92;
    p-p-font-weight: 500;
}
.left p {
    p-p-color: #666;
    p-p-font-size: 18px;
    p-p-max-width: 520px;
    p-p-line-height: 1.9;
}
.button {
    p-p-color: #111;
    p-p-display: inline-block;
    p-p-padding: 18px 45px;
    p-p-text-decoration: none;
    p-p-font-size: 12px;
    p-p-letter-spacing: 3px;
    p-p-text-transform: uppercase;
    p-p-transition: .35s;
    p-p-margin-top: 45px;
    p-p-border: 1px solid #111;
}
.button:hover {
    p-p-background: #111;
    p-p-color: white;
}
.right {
    p-p-display: flex;
    p-p-justify-content: center;
}
.video-frame {
    p-p-width: 360px;
    p-p-height: 640px;
    p-p-overflow: hidden;
    p-p-border-radius: 18px;
    p-p-box-shadow:  
    0 35px 90px rgba(0,0,0,.18);
}
.video-frame video {
    p-p-width: 100%;
    p-p-height: 100%;
    p-p-object-fit: cover;
}
.scroll {
    p-p-color: #777;
    p-p-position: absolute;
    p-p-font-size: 11px;
    p-p-letter-spacing: 4px;
    p-p-bottom: 35px;
    p-p-left: 70px;
}
.panorama {
    p-p-background: #fff;
    p-p-width: 100%;
    p-p-padding: 90px 70px;
}
.panorama-title {
    p-p-margin-bottom: 50px;
    p-p-text-align: center;
}
.panorama-title h2 {
    p-p-color: #111;
    p-p-font-family: 'Cormorant Garamond',serif;
    p-p-font-size: 48px;
    p-p-font-weight: 500;
}
.panorama-gallery {
    p-p-display: grid;
    p-p-gap: 25px;
    p-p-grid-template-columns: repeat(4,1fr);
}
.item {
    p-p-overflow: hidden;
    p-p-border-radius: 14px;
    p-p-cursor: pointer;
}
.item img {
    p-p-width: 100%;
    p-p-transition: .6s;
    p-p-height: 320px;
    p-p-object-fit: cover;
}
.item:hover img {
    p-p-transform: scale(1.08);
}