/* Theme Name: MarkCross.co v1.9 */
:root{--navy:#062b43;--navy2:#021d2f;--gold:#c99b36;--cream:#f6f2e8;--ink:#09263b;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}.site-header{background:var(--navy2);color:#fff;position:sticky;top:0;z-index:50}.nav{height:72px;display:flex;align-items:center;gap:34px}.brand{color:#fff;text-decoration:none;margin-right:auto}.brand strong{display:block;font-size:22px;letter-spacing:2px}.brand span{display:block;font-size:10px;letter-spacing:2px;font-weight:700}.nav nav{display:flex;gap:28px}.nav nav a{color:#fff;text-decoration:none;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:4px;text-decoration:none;font-weight:700;font-size:14px}.gold{background:var(--gold);color:#fff}.navbtn{min-width:126px}.hero{min-height:410px;background:url('assets/images/golden-palm.jpg') center/cover no-repeat;position:relative;color:#fff}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,35,57,.93) 0%,rgba(0,35,57,.7) 45%,rgba(0,35,57,.08) 75%)}.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;min-height:410px;align-items:center}.hero-copy{max-width:610px;padding:45px 0}.eyebrow{color:#e4b54e;text-transform:uppercase;letter-spacing:2px;font-weight:800;font-size:12px;margin-bottom:10px}.eyebrow.dark{color:#b78925}.hero h1{font-size:55px;line-height:.98;margin:0 0 18px;letter-spacing:-2px}.hero p{font-size:18px;line-height:1.45;max-width:560px;margin:0 0 20px}.actions{display:flex;gap:14px}.outline{border:1px solid #fff;color:#fff;background:rgba(0,0,0,.08)}.hero-person{height:100%;display:flex;align-items:flex-end;justify-content:flex-end}.portrait-window{width:320px;height:320px;border-radius:50% 50% 8px 8px;overflow:hidden;margin-right:20px;background:rgba(255,255,255,.15);box-shadow:0 10px 40px rgba(0,0,0,.2)}.portrait-window img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;transform:scale(1.22)}.about{background:var(--cream);padding:34px 0}.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center}.about h2,.portfolio h2,.approach h2,.contact h2{margin:0;font-size:32px;line-height:1.05;letter-spacing:-1px}.about p{font-size:16px;line-height:1.5;margin:12px 0 0}.about-points{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.about-points div{padding:14px 18px;text-align:center;border-left:1px solid #cfc9bc}.about-points b,.about-points span{display:block}.about-points span{font-size:13px;line-height:1.35;margin-top:5px;color:#4c5c68}.portfolio{background:linear-gradient(120deg,#062b43,#021d2f);padding:32px 0 38px;color:#fff}.portfolio-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.portfolio-head p{max-width:430px;margin:0;line-height:1.4;color:#dce5ea}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.project-card{background:#07334f;border-radius:6px;overflow:hidden}.project-card img{width:100%;height:145px;object-fit:cover;display:block}.pcopy{padding:13px 14px 14px}.tag{color:#e4b54e;text-transform:uppercase;font-weight:800;letter-spacing:1.2px;font-size:10px}.project-card h3{font-size:18px;margin:4px 0 6px}.project-card p{font-size:13px;line-height:1.35;color:#e7edf0;margin:0 0 8px;min-height:70px}.project-card a{color:#e4b54e;text-decoration:none;font-weight:800;font-size:13px}.approach{background:var(--cream);padding:30px 0 34px}.approach-top{display:flex;justify-content:space-between;align-items:end}.approach-top>p{max-width:390px;line-height:1.4}.steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:24px}.steps>div{padding:0 34px;border-left:1px solid #cfc9bc}.steps>div:first-child{border-left:0}.steps span{color:#c49123;font-weight:800;margin-right:8px}.steps b{font-size:16px}.steps p{font-size:13px;line-height:1.4;color:#56636d;margin:8px 0 0}.contact{position:relative;background:url('assets/images/golden-palm.jpg') center 72%/cover no-repeat;color:#fff;padding:42px 0}.contact-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,29,47,.94),rgba(2,29,47,.35))}.contact-grid{position:relative;display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:center}.contact p{font-size:16px;line-height:1.5;max-width:620px}.contact-card{background:#fff;color:var(--ink);padding:20px;border-radius:6px;display:flex;flex-direction:column;gap:7px}.contact-card b{font-size:17px}.contact-card span{font-size:12px;color:#68747c}.contact-card a:not(.btn){color:var(--ink);text-decoration:none;font-size:14px}.contact-card .btn{margin-top:7px}footer{background:#021d2f;color:#9eb0bb;text-align:center;font-size:11px;padding:14px}
@media(max-width:760px){.wrap{width:min(100% - 28px,1120px)}.nav{height:62px}.brand strong{font-size:18px}.brand span{font-size:8px}.nav nav{display:none}.navbtn{padding:10px 13px;min-width:auto;font-size:12px}.hero{min-height:510px}.hero-grid{display:block;min-height:510px}.hero-copy{padding:42px 0 210px;position:relative;z-index:2}.hero h1{font-size:42px}.hero p{font-size:16px}.hero-person{position:absolute;right:0;bottom:0;height:205px;width:220px}.portrait-window{width:190px;height:190px;margin:0 6px 0 0;border-radius:50% 50% 0 0}.hero-shade{background:linear-gradient(180deg,rgba(0,35,57,.9) 0%,rgba(0,35,57,.72) 60%,rgba(0,35,57,.22) 100%)}.about-grid{grid-template-columns:1fr;gap:20px}.about-points{grid-template-columns:1fr 1fr 1fr}.about-points div{padding:8px}.about-points b{font-size:12px}.about-points span{font-size:10px}.portfolio-head{display:block}.portfolio-head p{font-size:13px;margin-top:8px}.project-grid{grid-template-columns:1fr 1fr;gap:10px}.project-card img{height:115px}.pcopy{padding:10px}.project-card h3{font-size:15px}.project-card p{font-size:11px;min-height:60px}.approach-top{display:block}.approach-top>p{font-size:13px}.steps{grid-template-columns:1fr}.steps>div{border-left:0;border-top:1px solid #d6d0c4;padding:12px 0}.contact-grid{grid-template-columns:1fr;gap:20px}.contact{padding:34px 0}.contact h2{font-size:30px}}
/* v1.9 photographic image layer: intentionally uses real photographic sources rather than illustration assets. */
.hero{background-image:url('https://www.touropia.com/gfx/b/2012/07/the_soco_hotel.jpg');background-position:center 46%}
.project-card:nth-child(1) img{content:url('https://www.touropia.com/gfx/b/2012/07/the_soco_hotel.jpg')}
.project-card:nth-child(2) img{content:url('https://www.miloco.co.uk/images/summerfield2.jpg')}
.project-card:nth-child(3) img{content:url('https://images.unsplash.com/photo-1498050108023-c5249f4df085?auto=format&fit=crop&q=85&w=1200')}
.project-card:nth-child(4) img{content:url('https://upload.wikimedia.org/wikipedia/commons/thumb/9/99/Blast_furnace_at_night.jpg/1280px-Blast_furnace_at_night.jpg')}
.contact{background-image:url('https://dynamic-media-cdn.tripadvisor.com/media/photo-o/2f/e1/36/a4/caption.jpg?h=1200&s=1&w=1200');background-position:center}
@media(max-width:760px){.hero{background-position:center}.project-card img{height:118px}}