/*
Theme Name: Terra Imaging Studio
Theme URI: https://terraimaging.com
Author: Terra Imaging
Description: Cinematic portfolio theme for Terra Imaging, with editable project portfolio.
Version: 1.2.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: terra-imaging
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');:root{--bg:#101716;--panel:#17211f;--ink:#edf3ee;--muted:#a0aaa5;--accent:#9ff1a9;--line:#35423d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Space Grotesk',sans-serif}h2{font-size:clamp(2.5rem,5vw,5rem);line-height:1.05;letter-spacing:-.06em}h2 span{color:var(--accent)}.nav{height:80px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff18;position:sticky;top:0;background:#101716ee;backdrop-filter:blur(15px);z-index:10}.brand{font-family:'Space Grotesk';font-size:19px;font-weight:700;letter-spacing:.08em}.brand b{color:var(--accent)}.brand-mark{font-size:27px;margin-right:8px}.brand-mark span{color:var(--accent)}nav{display:flex;align-items:center;gap:32px;font-size:13px}nav a:hover,.ghost:hover{color:var(--accent)}.nav-contact{padding:12px 18px;border:1px solid var(--accent);color:var(--accent)}.menu{display:none}.hero{min-height:780px;position:relative;overflow:hidden;display:flex;align-items:center;padding:80px 5%}.hero-inner{z-index:2;max-width:840px}.eyebrow,.section-label{color:var(--accent);font-size:11px;letter-spacing:.18em;font-weight:700}.eyebrow i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);margin-right:8px}.hero h1{font-size:clamp(4rem,8.5vw,9rem);line-height:.91;letter-spacing:-.09em;margin:35px 0}.hero h1 em,.statement em{font-style:normal;color:var(--accent)}.hero p{font-size:17px;line-height:1.8;max-width:560px;color:#c4d0c8}.actions{display:flex;align-items:center;gap:30px;margin-top:32px}.btn{display:inline-flex;gap:35px;align-items:center;padding:18px 24px;background:var(--accent);color:#102019;font-weight:700;font-size:13px}.ghost{font-size:13px}.hero-visual{position:absolute;right:-12%;top:7%;height:85%;width:60%;opacity:.45;mask-image:linear-gradient(to right,transparent,black 45%);transform:rotate(-7deg)}.hero-visual img{height:100%;width:100%;object-fit:cover}.hero-index{position:absolute;bottom:28px;right:5%;color:var(--muted);font-size:10px;letter-spacing:.2em}.section{padding:125px 7%}.intro,.contact{display:grid;grid-template-columns:1fr 2.2fr;gap:8%}.intro p,.contact p,.portfolio-heading p{max-width:700px;color:var(--muted);font-size:17px;line-height:1.85}.stats{display:flex;gap:65px;margin-top:65px}.stats strong{display:block;color:var(--accent);font:700 46px 'Space Grotesk'}.stats small{color:var(--muted);display:block;max-width:140px;margin-top:8px}.capabilities{background:#17211f}.capabilities h2{margin:24px 0 55px}.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.cap-grid article{background:var(--panel);padding:45px 32px;min-height:245px}.cap-grid article:hover{background:#21342b}.cap-grid article span,.project-info span{font-size:11px;color:var(--accent);letter-spacing:.15em}.cap-grid h3{font-size:25px;margin:28px 0 12px}.cap-grid p,.project-info p{font-size:14px;line-height:1.7;color:var(--muted)}.portfolio-heading{display:flex;justify-content:space-between;align-items:end;gap:40px}.portfolio-heading p{max-width:360px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:40px 0}.filters button{background:transparent;border:1px solid var(--line);color:var(--muted);padding:12px 18px;cursor:pointer}.filters button.active,.filters button:hover{background:var(--accent);color:#101716;border-color:var(--accent)}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project{background:#19221f;overflow:hidden}.project-img{height:270px;overflow:hidden;background:#090e0c}.project-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.project:hover img{transform:scale(1.06)}.project-info{padding:25px}.project-info h3{font-size:21px;margin:14px 0 8px}.statement{background:linear-gradient(120deg,#263e30,#102019);padding:135px 7%}.statement-inner{max-width:950px}.statement span{font-size:12px;letter-spacing:.2em;color:var(--accent)}.statement h2{font-size:clamp(3.5rem,8vw,8rem);margin:28px 0}.statement p{max-width:520px;color:#c1cfc4;line-height:1.8}.timeline-list{margin-top:60px}.timeline-list>div{display:grid;grid-template-columns:1fr 2fr 1fr;gap:20px;padding:25px 0;border-top:1px solid var(--line);align-items:center}.timeline-list time{font:600 36px 'Space Grotesk';color:var(--accent)}.timeline-list h3{font-size:20px;margin:0}.timeline-list p,.history-note{color:var(--muted);margin:0}.history-note{font-size:12px;margin-top:25px}.contact{background:#192520}.email{display:inline-block;font:600 clamp(22px,3.7vw,45px) 'Space Grotesk';border-bottom:1px solid var(--accent);margin:35px 0;color:var(--accent)}.contact-meta{display:flex;gap:35px;color:var(--muted);font-size:13px}footer{padding:35px 7%;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:12px;color:var(--muted)}@media(max-width:850px){.nav{height:70px}.menu{display:block;background:none;border:0;color:white;font-size:26px}nav{display:none;position:absolute;top:70px;left:0;right:0;background:#101716;padding:30px;flex-direction:column;align-items:start}nav.open{display:flex}.hero{min-height:720px}.hero-visual{width:100%;right:-25%;opacity:.23}.intro,.contact{grid-template-columns:1fr;gap:30px}.cap-grid,.work-grid{grid-template-columns:repeat(2,1fr)}.portfolio-heading{display:block}.timeline-list>div{grid-template-columns:1fr 2fr}.timeline-list p{grid-column:2}.stats{gap:25px}}@media(max-width:560px){.section{padding:80px 6%}.hero{padding:80px 6%;min-height:680px}.hero h1{font-size:clamp(3.6rem,13vw,6rem)}.hero p{font-size:15px}.actions{align-items:start;flex-direction:column}.cap-grid,.work-grid{grid-template-columns:1fr}.stats{flex-wrap:wrap}.portfolio-heading h2{font-size:3.2rem}.contact-meta,footer{flex-direction:column;align-items:start}.project-img{height:290px}.eyebrow{font-size:9px}}

/* Blue typography accents, original dark surfaces retained */
:root{--accent:#0047AB;--ink:#edf3ee;--muted:#aebdca}
.brand{display:inline-flex;align-items:center;gap:10px}
.brand-logo{width:52px;height:52px;object-fit:cover;border-radius:50%;background:#05080e;flex:none}
.hero p,.statement p{color:#c8d8e5}
.btn,.filters button.active,.filters button:hover{color:#0c1924}

/* Cobalt blue accent, with improved legibility on dark backgrounds */
:root{--accent:#477fe0}
.btn,.filters button.active,.filters button:hover{background:#0047AB;color:#fff;border-color:#0047AB}
.nav-contact{border-color:#477fe0}