/* Theme Name: MarkCross.co v2.12 */
: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('https://commons.wikimedia.org/wiki/Special:FilePath/Tj%20Lesung%20Beach%20%28259657663%29.jpeg') 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('https://commons.wikimedia.org/wiki/Special:FilePath/Tj%20Lesung%20Beach%20%28259657663%29.jpeg') 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}}

/* v2.3 polish — local imagery only */
.hero{background-image:url('https://commons.wikimedia.org/wiki/Special:FilePath/Tj%20Lesung%20Beach%20%28259657663%29.jpeg');background-position:center 48%}
.contact{background-image:url('https://commons.wikimedia.org/wiki/Special:FilePath/Tj%20Lesung%20Beach%20%28259657663%29.jpeg');background-position:center 72%}
.project-card{border:1px solid rgba(255,255,255,.06);box-shadow:0 8px 24px rgba(0,0,0,.12);transition:transform .2s ease,box-shadow .2s ease}
.project-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.2)}
.project-card img{background:#0b3b57}
.portrait-window{border:3px solid rgba(255,255,255,.8);box-shadow:0 12px 35px rgba(0,0,0,.28)}
.portrait-window img{transform:none;object-position:50% 36%}
.about-points b{color:var(--ink)}
.contact-card{box-shadow:0 12px 30px rgba(0,0,0,.18)}
.btn{transition:transform .15s ease,filter .15s ease}.btn:hover{transform:translateY(-1px);filter:brightness(1.05)}
@media(max-width:760px){
  .hero{min-height:455px;background-position:48% center}
  .hero-grid{min-height:455px}
  .hero-copy{padding:32px 0 172px;max-width:96%}
  .hero h1{font-size:37px;line-height:1.01;letter-spacing:-1.2px;margin-bottom:14px}
  .hero p{font-size:14px;line-height:1.42;max-width:96%;margin-bottom:17px}
  .actions{gap:10px}.actions .btn{padding:12px 14px;font-size:12px}
  .hero-person{height:166px;width:190px;right:4px}
  .portrait-window{width:154px;height:154px;margin-right:3px;border-radius:48% 48% 8px 8px}
  .portrait-window img{transform:none;object-position:50% 38%}
  .about{padding:25px 0}.about-grid{gap:17px}
  .about h2,.portfolio h2,.approach h2{font-size:27px}
  .about p{font-size:13px;line-height:1.48}
  .about-points{gap:5px}.about-points div{border-left:0;border-top:1px solid #d9d1c3;padding:9px 5px}
  .about-points b{font-size:11px}.about-points span{font-size:9px}
  .portfolio{padding:25px 0 28px}.portfolio-head{margin-bottom:14px}.portfolio-head p{font-size:12px;line-height:1.4}
  .project-grid{gap:8px}.project-card{border-radius:5px}.project-card img{height:108px}
  .pcopy{padding:9px}.tag{font-size:8px;letter-spacing:.8px}.project-card h3{font-size:14px;line-height:1.1;margin:3px 0 5px}
  .project-card p{font-size:10.5px;line-height:1.32;min-height:0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
  .project-card a{font-size:11px}
  .approach{padding:25px 0}.approach-top>p{font-size:12px;margin-bottom:4px}.steps{margin-top:12px}.steps>div{padding:10px 0}.steps p{font-size:11px;margin-top:5px}
  .contact{padding:30px 0;background-position:center}.contact-grid{gap:16px}.contact p{font-size:13px}.contact-card{padding:16px}.contact-card b{font-size:15px}.contact-card a:not(.btn){font-size:12px}
}

/* v2.4 visible refinement */
.portrait-window{width:300px;height:250px;border-radius:14px;border:5px solid #fff;outline:2px solid var(--gold);background:#fff;padding:0;box-shadow:0 16px 42px rgba(0,0,0,.34)}
.portrait-window img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 48%;border-radius:8px}
.hero-copy{position:relative;z-index:3}.hero-person{position:relative;z-index:3;padding-bottom:28px}
.hero-shade{background:linear-gradient(90deg,rgba(0,35,57,.94) 0%,rgba(0,35,57,.78) 48%,rgba(0,35,57,.2) 78%)}
.about{border-top:1px solid #e6dece}.project-card img{filter:saturate(.95) contrast(1.03)}
@media(max-width:760px){
 .hero{min-height:500px}
 .hero-grid{min-height:500px}
 .hero-copy{padding:30px 0 196px}
 .hero-person{height:184px;width:196px;right:10px;bottom:10px;padding-bottom:0}
 .portrait-window{width:172px;height:150px;margin:0;border-radius:12px;border:4px solid #fff;outline:2px solid var(--gold);box-shadow:0 12px 30px rgba(0,0,0,.38)}
 .portrait-window img{object-position:50% 48%;border-radius:7px}
 .hero-shade{background:linear-gradient(180deg,rgba(0,35,57,.94) 0%,rgba(0,35,57,.78) 60%,rgba(0,35,57,.34) 100%)}
 .about{padding-top:28px}
}

/* v2.5 — Golden Palm held back pending owner/vendor engagement */
@media(min-width:761px){.project-grid{grid-template-columns:repeat(3,1fr)}.project-card img{height:175px}.project-card p{min-height:54px}}

/* v2.6 — Start Your Project */
.start-hero{background:linear-gradient(100deg,rgba(2,29,47,.96),rgba(2,29,47,.64)),url('https://commons.wikimedia.org/wiki/Special:FilePath/Tj%20Lesung%20Beach%20%28259657663%29.jpeg') center 48%/cover;color:#fff;padding:62px 0}.start-hero-inner{display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:center}.start-hero h1{font-size:48px;line-height:1.02;margin:0 0 16px;letter-spacing:-1.5px}.start-hero p{font-size:17px;line-height:1.5;max-width:650px}.start-summary{background:rgba(255,255,255,.95);color:var(--ink);padding:25px;border-radius:10px;border-top:4px solid var(--gold);box-shadow:0 14px 35px rgba(0,0,0,.2)}.start-summary b,.start-summary span,.start-summary small{display:block}.start-summary b{font-size:19px}.start-summary span{color:#a6791d;font-weight:800;margin:8px 0}.start-summary small{line-height:1.4;color:#5c6870}.start-form-section{background:var(--cream);padding:48px 0}.start-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:60px;align-items:start}.form-intro h2,.behind-scenes h2{font-size:34px;margin:0 0 12px}.form-intro p{line-height:1.55}.mini-process{margin-top:28px;display:grid;gap:12px}.mini-process span{padding:13px 0;border-top:1px solid #d7cfbf;font-size:14px}.mini-process b{color:#b78622;margin-right:10px}.project-form-card{background:#fff;border-radius:10px;padding:28px;box-shadow:0 10px 30px rgba(9,38,59,.1);border:1px solid #e6dfd3}.project-form-card form{display:grid;gap:16px}.project-form-card label{font-size:13px;font-weight:800;color:var(--ink)}.project-form-card label small{font-weight:400;color:#75808a}.project-form-card input,.project-form-card select,.project-form-card textarea{width:100%;margin-top:7px;border:1px solid #cbd2d6;border-radius:5px;padding:12px;background:#fff;color:#183449;font:inherit}.project-form-card textarea{min-height:110px;resize:vertical}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.consent{display:flex!important;align-items:flex-start;gap:8px;font-weight:400!important;line-height:1.4}.consent input{width:auto!important;margin-top:2px!important}.submit-project{border:0;cursor:pointer;min-height:48px;font-size:14px}.form-success{padding:25px;border-left:4px solid var(--gold);background:#f8f4e9}.form-success b{font-size:20px}.behind-scenes{background:#fff;padding:40px 0 50px}.launch-path{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}.launch-path div{border-top:3px solid var(--gold);background:#f6f2e8;padding:18px}.launch-path b,.launch-path span{display:block}.launch-path span{font-size:12px;line-height:1.4;color:#65717a;margin-top:5px}
@media(max-width:760px){.start-hero{padding:38px 0}.start-hero-inner{grid-template-columns:1fr;gap:20px}.start-hero h1{font-size:36px}.start-hero p{font-size:14px}.start-summary{padding:17px}.start-layout{grid-template-columns:1fr;gap:25px}.start-form-section{padding:30px 0}.form-intro h2,.behind-scenes h2{font-size:28px}.project-form-card{padding:17px}.field-row{grid-template-columns:1fr}.launch-path{grid-template-columns:1fr 1fr}.behind-scenes{padding:30px 0}.navbtn{white-space:nowrap}}
\n\n/* v2.8 — Start Project mobile rebuild + cache fix */
.start-project-page .start-summary{display:flex;flex-direction:column;gap:4px}
.start-project-page .mini-process span{display:block}
.start-project-page .project-form-card form>label{display:block}
.start-project-page .project-form-card .field-row label{display:block;min-width:0}
.start-project-page .project-form-card input,.start-project-page .project-form-card select,.start-project-page .project-form-card textarea{display:block;min-width:0;max-width:100%;height:auto}
.start-project-page .launch-path div{min-width:0}
@media(max-width:760px){
 .start-project-page .start-hero{padding:30px 0 26px}
 .start-project-page .start-hero-inner{display:block}
 .start-project-page .start-hero h1{font-size:34px;line-height:1.04;margin-bottom:14px}
 .start-project-page .start-hero p{font-size:15px;line-height:1.45;margin:0 0 20px}
 .start-project-page .start-summary{padding:16px 17px;border-radius:8px;border-top-width:3px}
 .start-project-page .start-summary b{font-size:16px}
 .start-project-page .start-summary span{font-size:13px;margin:2px 0}
 .start-project-page .start-summary small{font-size:12px}
 .start-project-page .start-form-section{padding:27px 0 30px}
 .start-project-page .start-layout{display:block}
 .start-project-page .form-intro{margin-bottom:20px}
 .start-project-page .form-intro h2{font-size:27px;line-height:1.08;margin-bottom:9px}
 .start-project-page .form-intro p{font-size:14px;line-height:1.45;margin-bottom:14px}
 .start-project-page .mini-process{display:grid;grid-template-columns:1fr;gap:7px;margin-top:14px}
 .start-project-page .mini-process span{background:#fff;border:1px solid #e0d8ca;border-radius:7px;padding:10px 12px;font-size:12px;box-shadow:0 3px 10px rgba(9,38,59,.04)}
 .start-project-page .mini-process b{display:inline-block;min-width:24px}
 .start-project-page .project-form-card{padding:16px;border-radius:8px;box-shadow:0 8px 24px rgba(9,38,59,.08)}
 .start-project-page .project-form-card form{display:flex;flex-direction:column;gap:14px}
 .start-project-page .field-row{display:flex;flex-direction:column;gap:14px}
 .start-project-page .project-form-card label{display:block;width:100%;font-size:12px;line-height:1.25}
 .start-project-page .project-form-card input,.start-project-page .project-form-card select,.start-project-page .project-form-card textarea{width:100%!important;margin:6px 0 0!important;padding:12px!important;border-radius:6px;font-size:16px;line-height:1.25;background:#fff}
 .start-project-page .project-form-card input,.start-project-page .project-form-card select{min-height:46px}
 .start-project-page .project-form-card textarea{min-height:112px}
 .start-project-page .consent{display:grid!important;grid-template-columns:22px 1fr;gap:9px;align-items:start;font-size:12px!important;line-height:1.4!important}
 .start-project-page .consent input{width:20px!important;height:20px!important;min-height:0;margin:0!important;padding:0!important}
 .start-project-page .submit-project{display:flex;width:100%;min-height:50px;font-size:14px;border-radius:6px}
 .start-project-page .behind-scenes{padding:28px 0 32px}
 .start-project-page .behind-scenes h2{font-size:27px;margin-bottom:15px}
 .start-project-page .launch-path{display:grid;grid-template-columns:1fr;gap:9px;margin-top:0}
 .start-project-page .launch-path div{display:block;padding:14px 15px;border-top:0;border-left:3px solid var(--gold);border-radius:5px}
 .start-project-page .launch-path b{font-size:14px}
 .start-project-page .launch-path span{font-size:12px;margin-top:3px}
}

/* v2.9 — Professional photography edition */
.hero,.contact,.start-hero{background-color:#07314b;background-image:linear-gradient(90deg,rgba(2,29,47,.90),rgba(2,29,47,.38)),url("https://commons.wikimedia.org/wiki/Special:FilePath/Tj%20Lesung%20Beach%20%28259657663%29.jpeg");background-size:cover;background-repeat:no-repeat}
.hero{background-position:center 52%}.contact{background-position:center 60%}.start-hero{background-position:center 45%}
.project-card img{filter:none;object-fit:cover;object-position:center;height:190px}
.project-card{background:#07334f}.portrait-window{background:#fff}
@media(max-width:760px){.project-card img{height:125px}.hero{background-position:45% center}.start-hero{background-position:center}.contact{background-position:center}}