/*
Theme Name: Yuna Studios Premium
Author: Yuna Studios
Description: Premium cinematic responsive WordPress theme for Yuna Studios.
Version: 3.8.0
*/
:root{--bg:#f5f2ec;--dark:#171615;--soft:#e4ddd2;--gold:#a27d55;--gray:#77736d;--white:#fff;--max:1280px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--dark);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.wrap{width:min(92%,var(--max));margin:auto}
.header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(245,242,236,.82);backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,0,0,.06)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.logo{font:27px Georgia,serif;letter-spacing:.04em;display:flex;align-items:center}.logo .custom-logo-link{display:flex;align-items:center}.logo .custom-logo{width:auto;max-width:220px;max-height:58px;object-fit:contain}.logo span{display:block}.logo em{display:block;font:9px Arial,sans-serif;font-style:normal;letter-spacing:.34em;color:var(--gray);margin-top:-3px}.menu{display:flex;gap:28px;font-size:11px;letter-spacing:.16em;text-transform:uppercase}.menu a:hover{color:var(--gold)}.toggle{display:none;border:0;background:none;font-size:25px}
.hero{min-height:100vh;position:relative;display:flex;align-items:flex-end;overflow:hidden;background:#272421}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.1)),url('assets/images/hero.svg') center/cover}.hero-content{position:relative;color:white;padding:180px 0 90px;width:min(92%,var(--max));margin:auto}.kicker{text-transform:uppercase;letter-spacing:.35em;font-size:10px;color:#d4b38f}.hero h1{font:clamp(58px,8vw,116px)/.9 Georgia,serif;font-weight:400;max-width:900px;margin:18px 0 30px;letter-spacing:-.045em}.hero p{font-size:17px;max-width:570px;color:#ddd;margin:0}.btn{display:inline-block;margin-top:28px;padding:15px 25px;background:white;color:#181716;font-size:10px;text-transform:uppercase;letter-spacing:.18em}.btn.dark{background:var(--dark);color:#fff}.btn:hover{background:var(--gold);color:#fff}.scroll{position:absolute;right:4%;bottom:35px;color:#ddd;font-size:9px;letter-spacing:.25em;writing-mode:vertical-rl}
section{padding:115px 0}.head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:48px}.eyebrow{font-size:10px;color:var(--gold);letter-spacing:.3em;text-transform:uppercase}.title{font:52px/1 Georgia,serif;font-weight:400;margin:12px 0 0}.intro{max-width:480px;color:var(--gray)}
.services{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d7d0c5}.service{padding:34px 30px 38px 0;border-bottom:1px solid #d7d0c5}.num{font-size:10px;letter-spacing:.2em;color:var(--gold)}.service h3{font:32px Georgia,serif;font-weight:400;margin:20px 0 10px}.service p{color:var(--gray);margin:0}
.showreel{background:#151413;color:#fff;padding:0;position:relative}.reel{min-height:640px;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(rgba(0,0,0,.25),rgba(0,0,0,.55)),url('assets/images/reel.svg') center/cover}.play{width:82px;height:82px;border:1px solid rgba(255,255,255,.7);border-radius:50%;display:grid;place-items:center;margin:auto;font-size:22px}.reel h2{font:55px Georgia,serif;font-weight:400;margin:25px 0 0}.reel p{color:#ccc}
.gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.item{overflow:hidden;position:relative}.item:nth-child(1){grid-column:span 7}.item:nth-child(2){grid-column:span 5}.item:nth-child(3){grid-column:span 5}.item:nth-child(4){grid-column:span 7}.item img{width:100%;height:100%;min-height:360px;object-fit:cover;transition:transform .7s}.item:hover img{transform:scale(1.05)}.tag{position:absolute;bottom:18px;left:20px;color:#fff;font-size:10px;letter-spacing:.18em;text-transform:uppercase;text-shadow:0 2px 8px #000}
.about{background:#1c1b19;color:#eee}.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.about .title{font-size:60px}.about-copy{font-size:18px;color:#c7c3bc}.numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:45px}.numbers strong{font:42px Georgia,serif;display:block}.numbers span{font-size:9px;text-transform:uppercase;letter-spacing:.18em;color:#999}
.contact{background:#e6dfd4}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact h2{font:64px/.95 Georgia,serif;font-weight:400;margin:14px 0 20px}.contact p{color:var(--gray);max-width:500px}.details{list-style:none;margin:0;padding:0}.details li{padding:18px 0;border-bottom:1px solid #c9c1b5}.details small{display:block;color:var(--gold);text-transform:uppercase;letter-spacing:.18em;font-size:9px;margin-bottom:4px}
.footer{background:#111;color:#999;padding:35px 0;font-size:10px}.foot{display:flex;justify-content:space-between}.foot strong{color:#fff;font:22px Georgia,serif}
@media(max-width:800px){.logo .custom-logo{max-width:175px;max-height:48px}.nav{height:70px}.menu{display:none;position:absolute;top:70px;left:0;right:0;background:var(--bg);padding:25px;flex-direction:column}.menu.open{display:flex}.toggle{display:block}.hero-content{padding-bottom:65px}.hero h1{font-size:56px}.head,.about-grid,.contact-grid{display:block}.head .intro{margin-top:22px}.services{grid-template-columns:1fr}.service{padding-right:0}.gallery{grid-template-columns:1fr}.item,.item:nth-child(n){grid-column:auto}.item img{min-height:300px}.about .title,.contact h2{font-size:48px}.about-copy{margin-top:35px}.numbers{grid-template-columns:1fr 1fr}.contact-grid>*+*{margin-top:45px}.foot{display:block}.foot>*{margin-bottom:10px}}
@media(max-width:480px){section{padding:85px 0}.hero h1{font-size:49px}.title{font-size:42px}.reel{min-height:480px}.reel h2{font-size:42px}.numbers{grid-template-columns:1fr}}


/* YUNA STUDIOS LOGO — FIXED RESPONSIVE SIZE */
.header .nav > .yuna-site-logo,
.header .nav > .yuna-site-logo .custom-logo-link {
    display: flex !important;
    align-items: center !important;
    width: 180px !important;
    max-width: 180px !important;
    height: 58px !important;
    max-height: 58px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
}
.header .nav > .yuna-site-logo .custom-logo-link {
    flex: 0 0 180px !important;
}
.header .nav > .yuna-site-logo img.custom-logo {
    display: block !important;
    width: 180px !important;
    max-width: 180px !important;
    height: auto !important;
    max-height: 58px !important;
    object-fit: contain !important;
    object-position: left center !important;
}
.header .nav > .yuna-site-logo > span {
    width: 180px !important;
    max-width: 180px !important;
}
@media (max-width:800px){
    .header .nav > .yuna-site-logo,
    .header .nav > .yuna-site-logo .custom-logo-link {
        width: 150px !important;
        max-width: 150px !important;
        height: 48px !important;
        max-height: 48px !important;
    }
    .header .nav > .yuna-site-logo .custom-logo-link {
        flex-basis: 150px !important;
    }
    .header .nav > .yuna-site-logo img.custom-logo {
        width: 150px !important;
        max-width: 150px !important;
        max-height: 48px !important;
    }
}

/* YUNA STUDIOS 2.2 — DIRECT LOGO CONTROL */
.header .nav > .yuna-site-logo .yuna-fixed-logo{
    display:block !important;
    width:180px !important;
    max-width:180px !important;
    height:auto !important;
    max-height:58px !important;
    object-fit:contain !important;
}
@media (max-width:800px){
    .header .nav > .yuna-site-logo .yuna-fixed-logo{
        width:150px !important;
        max-width:150px !important;
        max-height:48px !important;
    }
}


/* Elementor editable homepage/page */
.yuna-elementor-home,
.yuna-elementor-page {
    width: 100%;
    margin: 0;
    padding: 0;
}
.yuna-elementor-home > .elementor,
.yuna-elementor-page > .elementor {
    width: 100%;
}

/* YUNA STUDIOS 3.3 — Editable Homepage Showreel + Footer */
.showreel .reel{position:relative;overflow:hidden;background:#151413}
.showreel .video-frame{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover;display:block}
.showreel .video-embed{z-index:1}
.showreel .video-embed iframe{width:100%;height:100%;border:0;display:block}
.showreel .reel-overlay{position:relative;z-index:2;min-height:640px;width:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:50px;background:linear-gradient(rgba(0,0,0,.18),rgba(0,0,0,.62))}
.showreel .reel-overlay .play{margin:auto}
.showreel .reel-overlay h2{font:55px Georgia,serif;font-weight:400;margin:25px 0 0;color:#fff}
.showreel .reel-overlay p{color:#ddd}
.showreel .reel.has-video .reel-overlay{pointer-events:none}
.showreel .reel.has-video .video-embed{pointer-events:auto}
.reel-placeholder{position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,.25),rgba(0,0,0,.55)),url('assets/images/reel.svg') center/cover}
.foot{align-items:center;gap:30px}
.foot-brand{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.footer-logo{display:block;width:auto;max-width:180px;max-height:55px;object-fit:contain}
.footer-line{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#aaa}
.footer-copy{display:flex;align-items:center;gap:28px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:800px){
 .showreel .reel-overlay{min-height:480px;padding:30px}
 .showreel .reel-overlay h2{font-size:42px}
 .foot{display:block}
 .footer-copy{justify-content:flex-start;margin-top:18px;display:block}
 .footer-copy span{display:block;margin-bottom:10px}
 .footer-logo{max-width:150px;max-height:48px}
}

/* Yuna Studios v3.4 — editable standalone pages */
.yuna-page{padding-top:82px}.page-hero{padding:130px 0 95px;background:var(--bg)}.page-hero.dark-page{background:#1c1b19;color:#eee}.page-title{font:clamp(54px,7vw,92px)/.92 Georgia,serif;font-weight:400;letter-spacing:-.04em;max-width:1000px;margin:18px 0 25px}.page-intro{max-width:620px;color:var(--gray);font-size:17px;margin:0}.dark-page .page-intro{color:#c7c3bc}.page-services{padding:0 0 115px}.service-card{padding:34px 30px 38px 0}.service-image{width:100%;height:300px;object-fit:cover;margin:0 0 28px;display:block}.service-card h2{font:36px Georgia,serif;font-weight:400;margin:18px 0 10px}.service-card p{color:var(--gray);max-width:540px}.page-media-section{padding:115px 0;background:#f0ebe3}.portfolio-media-gallery{align-items:start}.media-gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.media-card{margin:0;position:relative;overflow:hidden;background:#1c1b19;grid-column:span 4;min-height:280px}.media-card:nth-child(4n+1){grid-column:span 7}.media-card:nth-child(4n+2){grid-column:span 5}.media-card img{width:100%;height:430px;object-fit:cover;display:block;transition:transform .7s}.media-card:hover img{transform:scale(1.04)}.media-card figcaption{position:absolute;left:18px;bottom:16px;color:#fff;font-size:10px;letter-spacing:.18em;text-transform:uppercase;text-shadow:0 2px 8px #000}.page-video{position:relative;width:100%;aspect-ratio:16/9;background:#111;overflow:hidden}.page-video iframe,.page-video video{width:100%;height:100%;border:0;display:block;object-fit:cover}.media-video-card{min-height:0}.media-video-card figcaption{z-index:2}.page-cta{padding:70px 0}.page-about-content{padding-top:115px}.about-cta-title{font:52px/1 Georgia,serif;font-weight:400;color:#eee;margin-top:70px}.page-contact-content{padding:140px 0}.contact-page-title{font-size:clamp(54px,7vw,92px)}
@media(max-width:800px){.yuna-page{padding-top:70px}.page-hero{padding:95px 0 75px}.media-gallery{grid-template-columns:1fr}.media-card,.media-card:nth-child(n){grid-column:auto}.media-card img{height:360px}.service-image{height:250px}.page-contact-content{padding:95px 0}.about-cta-title{font-size:42px}}

/* Yuna Studios v3.5 — Homepage hero slideshow + fixed media ratios */
.yuna-hero-slideshow{position:relative;overflow:hidden}
.hero-slides,.hero-slide{position:absolute;inset:0;width:100%;height:100%}
.hero-slide{background-position:center;background-size:cover;opacity:0;transition:opacity 1s ease;z-index:0}
.hero-slide.is-active{opacity:1;z-index:1}
.hero-slide-fallback{background:linear-gradient(rgba(18,17,16,.28),rgba(18,17,16,.6)),url('assets/images/hero.svg') center/cover}
.yuna-hero-slideshow:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,.16),rgba(0,0,0,.5));z-index:2;pointer-events:none}
.yuna-hero-slideshow .hero-content,.yuna-hero-slideshow .scroll,.yuna-hero-slideshow .hero-dots{z-index:3}
.hero-dots{position:absolute;right:4%;bottom:34px;display:flex;gap:8px;z-index:3}
.hero-dot{width:28px;height:2px;padding:0;border:0;background:rgba(255,255,255,.38);cursor:pointer;transition:all .3s}
.hero-dot.is-active{width:46px;background:#fff}
.selected-work-action{margin-top:34px;text-align:right}
/* Gallery photos: consistent 4:3 */
.media-card:not(.media-video-card){aspect-ratio:4/3;min-height:0}
.media-card:not(.media-video-card) img{height:100%;min-height:0;aspect-ratio:4/3;object-fit:cover}
/* Gallery videos: consistent 16:9 */
.media-video-card{aspect-ratio:16/9;min-height:0}
.media-video-card .page-video{aspect-ratio:16/9;height:100%}
.media-video-card .page-video iframe,.media-video-card .page-video video{aspect-ratio:16/9;height:100%}
/* Homepage showreel video is 16:9 */
.showreel .reel{aspect-ratio:16/9;min-height:0;height:auto}
.showreel .reel-overlay{min-height:0;height:100%}
.showreel .video-frame,.showreel .reel-placeholder{height:100%}
@media(max-width:800px){
 .hero-dots{right:20px;bottom:24px}
 .selected-work-action{text-align:left}
 .media-card:not(.media-video-card),.media-video-card{aspect-ratio:4/3}
 .media-video-card,.media-video-card .page-video,.media-video-card .page-video iframe,.media-video-card .page-video video{aspect-ratio:16/9}
 .showreel .reel{aspect-ratio:16/9}
}
/* v3.6 — dynamic service portfolio navigation */
.portfolio-subnav{position:sticky;top:0;z-index:10;background:rgba(245,242,237,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.08)}
.portfolio-subnav-inner{display:flex;gap:28px;overflow:auto;padding:18px 0;scrollbar-width:none}.portfolio-subnav-inner::-webkit-scrollbar{display:none}.portfolio-subnav a{white-space:nowrap;text-transform:uppercase;letter-spacing:.12em;font-size:10px;color:#57534d;text-decoration:none}.portfolio-subnav a:hover{color:#111}
.portfolio-service-block{padding:115px 0;border-bottom:1px solid rgba(0,0,0,.08)}.portfolio-service-block:nth-child(even){background:#f5f2ed}.portfolio-service-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:42px}.portfolio-service-heading h2{font:clamp(42px,5vw,72px)/.95 Georgia,serif;font-weight:400;margin:12px 0}.portfolio-service-heading p{max-width:620px;color:#77736c}.portfolio-service-cover{margin-bottom:22px;aspect-ratio:4/3;overflow:hidden;background:#1c1b19}.portfolio-service-cover img{width:100%;height:100%;object-fit:cover;display:block}.service-portfolio-gallery .media-card img{aspect-ratio:4/3;height:auto}.portfolio-empty{color:#77736c;max-width:700px}.service-portfolio-btn{display:inline-block;margin-top:20px}.text-link{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#555;text-decoration:none;white-space:nowrap}
@media(max-width:800px){.portfolio-service-heading{display:block}.portfolio-service-block{padding:80px 0}.portfolio-service-cover{aspect-ratio:4/3}}


/* Yuna Studios v3.8 — Dynamic Services + Portfolio thumbnails */
.home-service-card .service-thumb,
.service-list-card .service-thumb{
    display:block;
    width:100%;
    aspect-ratio:4/3;
    margin:0 0 28px;
    overflow:hidden;
    background:#ddd6cb;
}
.home-service-card .service-thumb img,
.service-list-card .service-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .7s;
}
.home-service-card:hover .service-thumb img,
.service-list-card:hover .service-thumb img{transform:scale(1.04)}
.service-list-card{padding-right:30px}
.service-list-card h2{font:36px Georgia,serif;font-weight:400;margin:18px 0 10px}
.video-thumbnail{
    position:relative;
    display:block;
    width:100%;
    height:430px;
    overflow:hidden;
}
.video-thumbnail img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .7s;
}
.video-thumbnail:hover img{transform:scale(1.04)}
.video-play{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:62px;
    height:62px;
    border:1px solid rgba(255,255,255,.85);
    border-radius:50%;
    display:grid;
    place-items:center;
    color:#fff;
    background:rgba(0,0,0,.28);
    font-size:17px;
}
@media(max-width:800px){
    .service-list-card{padding-right:0}
    .video-thumbnail{height:360px}
}

/* v3.9 — Portfolio thumbnails live directly inside each service section. */
.service-portfolio-gallery .media-card{aspect-ratio:4/3;min-height:0}
.service-portfolio-gallery .media-card img{width:100%;height:100%;object-fit:cover}
.service-portfolio-gallery .media-video-card .video-thumbnail{height:100%;aspect-ratio:4/3}
.service-portfolio-gallery .media-video-card .video-thumbnail img{width:100%;height:100%;object-fit:cover}
@media(max-width:800px){.service-portfolio-gallery .media-card,.service-portfolio-gallery .media-video-card .video-thumbnail{aspect-ratio:4/3}}