/*
Theme Name: Jaynie Studio — Global Studio
Description: Original WordPress theme for JAYNIE Studio inspired by the information architecture and professional outsourcing presentation of a modern AEC global studio website.
Version: 1.0.0
License: GPL-2.0-or-later
Text Domain: jaynie-global-studio
*/
:root{--navy:#101b2b;--blue:#1d5f87;--cyan:#36a7c9;--gold:#c5a46d;--ink:#17202a;--muted:#68727c;--line:#e4e8eb;--soft:#f5f7f8;--white:#fff;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65;background:#fff}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.wrap{width:min(calc(100% - 40px),var(--max));margin:auto}.topbar{background:var(--navy);color:#dbe5ec;font-size:12px}.topbar .wrap{height:38px;display:flex;justify-content:flex-end;align-items:center;gap:22px}.header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;box-shadow:0 2px 12px rgba(0,0,0,.04)}.head{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:800;letter-spacing:2px;font-size:22px;color:var(--navy)}.brand span{font-weight:400;color:var(--blue)}.nav{display:flex;align-items:center;gap:25px;font-size:13px;text-transform:uppercase;letter-spacing:.8px}.nav a:hover{color:var(--blue)}.cta-mini{background:var(--blue);color:#fff;padding:11px 17px}.hero{background:linear-gradient(110deg,rgba(9,22,37,.96),rgba(17,61,83,.82)),url('assets/portfolio/portfolio-23.jpg') center/cover;color:#fff;min-height:650px;display:flex;align-items:center}.hero-copy{max-width:760px;padding:90px 0}.tag{font-size:12px;letter-spacing:3px;text-transform:uppercase;color:#8bd0e6}.hero h1{font-size:clamp(44px,6vw,76px);line-height:1.05;font-weight:400;margin:18px 0}.hero p{font-size:19px;color:#d7e0e7;max-width:650px}.buttons{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}.btn{display:inline-block;padding:13px 22px;border:1px solid #fff;text-transform:uppercase;letter-spacing:1.2px;font-size:12px}.btn-primary{background:#fff;color:var(--navy);border-color:#fff}.btn-blue{background:var(--blue);border-color:var(--blue);color:#fff}.section{padding:90px 0}.soft{background:var(--soft)}.heading{margin-bottom:45px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:3px;color:var(--blue);font-weight:700}.heading h2{font-size:clamp(34px,4vw,52px);line-height:1.1;font-weight:400;margin:9px 0 12px;color:var(--navy)}.heading p{max-width:700px;color:var(--muted);font-size:17px}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:#fff}.stat{padding:30px 25px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat strong{display:block;font-size:42px;color:var(--blue);font-weight:400}.stat span{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.about{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about img{height:540px;width:100%;object-fit:cover}.about p{color:var(--muted)}.ticks{list-style:none;padding:0;margin:25px 0}.ticks li{padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid var(--line);padding:30px;min-height:230px;transition:.25s}.card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(10,35,55,.08)}.num{color:var(--blue);font-size:12px;letter-spacing:2px}.card h3{font-size:23px;font-weight:400;color:var(--navy);margin:14px 0}.card p{color:var(--muted);font-size:14px;margin:0}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.benefit{padding:32px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.benefit h3{font-size:20px;font-weight:400;color:var(--navy)}.benefit p{font-size:14px;color:var(--muted)}.portfolio{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project{position:relative;overflow:hidden;height:360px;background:#ddd}.project img{width:100%;height:100%;object-fit:cover;transition:.5s}.project:hover img{transform:scale(1.04)}.project-caption{position:absolute;left:0;right:0;bottom:0;color:#fff;padding:30px 22px 20px;background:linear-gradient(transparent,rgba(0,0,0,.88))}.project-caption span{font-size:10px;text-transform:uppercase;letter-spacing:2px}.project-caption h3{font-weight:400;margin:5px 0 0;font-size:22px}.quote{background:var(--navy);color:#fff;padding:70px}.quote p{font-size:29px;line-height:1.35;max-width:900px;margin:0 auto;text-align:center;font-weight:300}.quote small{display:block;text-align:center;margin-top:20px;color:#9bb2c2}.contact{background:linear-gradient(120deg,#12304a,#1b6d8d);color:#fff}.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}.contact h2{font-size:52px;font-weight:400;line-height:1.1;margin:8px 0 18px}.contact p{color:#d8e7ee}.contact-info{border-left:1px solid rgba(255,255,255,.3);padding-left:35px}.contact-info div{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.18)}footer{background:#0b1420;color:#b9c7d1;padding:55px 0 25px}.foot{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:50px}.foot h3{color:#fff;font-weight:400}.foot a{display:block;margin:7px 0;font-size:13px}.copyright{border-top:1px solid #243342;margin-top:40px;padding-top:20px;font-size:11px;color:#718391}.mobile{display:none}@media(max-width:850px){.nav{display:none}.mobile{display:block}.topbar .wrap{justify-content:center}.hero{min-height:600px}.about,.contact-grid{grid-template-columns:1fr}.about img{height:400px}.stats{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}.stat{border-bottom:1px solid var(--line)}.services,.benefits,.portfolio,.foot{grid-template-columns:1fr 1fr}.contact-info{border-left:0;padding-left:0}.contact h2{font-size:40px}}@media(max-width:560px){.wrap{width:min(calc(100% - 28px),var(--max))}.section{padding:65px 0}.stats,.services,.benefits,.portfolio,.foot{grid-template-columns:1fr}.stat{border-right:0}.project{height:320px}.hero h1{font-size:44px}.hero-copy{padding:70px 0}}

/* Reference-direction variant: original implementation */
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.text-link{font-size:13px;text-transform:uppercase;letter-spacing:2px}.hero-dinc{min-height:760px;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.2)),url('https://images.unsplash.com/photo-1487958449943-2429e8be8625?auto=format&fit=crop&w=2200&q=85') center/cover}.hero-dinc .btn{margin-right:10px}.section-dark{background:#151515;color:#fff}.section-dark .section-kicker{color:#d3ad7b}.adv-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #444}.adv-grid>div{padding:35px 24px;border-right:1px solid #444}.adv-grid>div:last-child{border-right:0}.adv-grid b{font-size:12px;letter-spacing:2px;color:#d3ad7b}.adv-grid h3{font-size:23px;font-weight:400}.adv-grid p{color:#aaa}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.work-card{border:1px solid var(--line);padding-bottom:25px}.work-card img{width:100%;height:320px;object-fit:cover}.work-card h3,.work-card p{margin-left:25px;margin-right:25px}.work-card h3{font-size:24px;font-weight:400;margin-top:22px}.work-card p{color:var(--muted)}.cta-band{background:var(--soft)}
@media(max-width:800px){.two-col,.work-grid{grid-template-columns:1fr}.adv-grid{grid-template-columns:1fr 1fr}.adv-grid>div:nth-child(2){border-right:0}.adv-grid>div{border-bottom:1px solid #444}.hero-dinc{min-height:680px}.work-card img{height:260px}}