*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#103a61;background:#fff;line-height:1.6}a{color:inherit}header{display:flex;align-items:center;justify-content:space-between;padding:12px max(5vw,24px);background:white;position:sticky;top:0;z-index:10;box-shadow:0 2px 10px #062e4c15}header img{width:220px;max-width:48vw}nav{display:flex;gap:32px}nav a{text-decoration:none;font-weight:600}nav a:hover,nav a.active{color:#19a7df}.hero{min-height:560px;display:flex;align-items:center;justify-content:flex-end;padding:6vw;background:linear-gradient(90deg,transparent 10%,#ffffff22 48%,#ffffffbd 100%),url(assets/tahoe-hero-1672.webp) center/cover}.hero-content{max-width:610px}.hero h1{font-size:clamp(38px,5vw,68px);line-height:1.1;margin:0 0 20px}.hero p{font-size:clamp(18px,2vw,23px);font-weight:500}.accent{border-left:6px solid #19a7df;padding-left:22px}.container{max-width:1200px;margin:auto;padding:64px 24px}.eyebrow{color:#18a7df;text-transform:uppercase;letter-spacing:.18em;font-size:13px;font-weight:700}h2{font-size:clamp(30px,4vw,44px);line-height:1.2;margin:8px 0 22px}h3{font-size:25px;line-height:1.2}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.card{border-radius:15px;overflow:hidden;box-shadow:0 9px 25px #0a30541c;background:#fff}.card img{width:100%;height:230px;object-fit:cover;display:block}.card-content{background:#073b61;color:white;padding:24px;min-height:185px}.card-content p{color:#dceef8}.button{display:inline-block;background:#0c3d66;color:white;padding:12px 22px;text-decoration:none;border-radius:5px;font-weight:700}.button:hover{background:#169fd1}.split{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.split img{width:100%;border-radius:12px}.portrait{max-height:390px;object-fit:cover;object-position:top}.muted{background:#f1f7fa}.page-banner{padding:70px 24px;background:#083b65;color:white;text-align:center}.page-banner h1{font-size:48px;margin:0}.page-banner p{max-width:650px;margin:15px auto 0}footer{background:#083b65;color:white;padding:35px 6vw;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}footer a{margin-right:20px}.small{font-size:14px;color:#56738a}.contactbox{max-width:680px;margin:auto;text-align:center}.coming{color:#4f768e;font-size:14px} @media(max-width:750px){header{flex-wrap:wrap;justify-content:center;gap:12px}header img{width:170px}nav{gap:16px;font-size:13px;justify-content:center;flex-wrap:wrap}.hero{min-height:530px;justify-content:center;text-align:center;padding:28px;background:linear-gradient(#ffffffa8,#ffffff88),url(assets/tahoe-hero-800.webp) center/cover}.hero-content{max-width:530px}.accent{border-left:0;border-top:5px solid #19a7df;padding:20px 0 0}.grid,.split{grid-template-columns:1fr}.container{padding:42px 22px}.card img{height:220px}.page-banner{padding:48px 20px}.page-banner h1{font-size:36px}}
sup{font-size:.45em;vertical-align:super;line-height:0} .card-content h3{margin:0 0 14px}.card-content a{color:#fff;font-weight:700}.project-stack{padding-top:35px;padding-bottom:35px}.project-row{padding:48px 0;border-bottom:1px solid #d6e4ed}.project-row:last-child{border:0}.project-row img{height:340px;object-fit:cover}.bio-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.bio{background:white;border-radius:14px;padding:24px;box-shadow:0 8px 25px #0a305410}.bio img{width:100%;height:310px;object-fit:cover;object-position:center 20%;border-radius:9px}.bio h3{margin-bottom:4px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px}.contact-form{display:flex;flex-direction:column;gap:9px;background:#f1f7fa;border-radius:14px;padding:28px}.contact-form label{font-weight:700}.contact-form input,.contact-form textarea{border:1px solid #b9cdd9;border-radius:7px;padding:12px;font:inherit;color:#103a61;background:white}.contact-form button{border:0;cursor:pointer;font:inherit}.contact-form button:disabled{opacity:.6;cursor:wait}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}@media(max-width:750px){.bio-grid,.contact-grid{grid-template-columns:1fr}.project-row img{height:auto}.project-row{padding:32px 0}.contact-form{padding:18px}}

/* Revision 3: uniform work cards, compact page banners and tighter walking-photo crop */
.grid{align-items:stretch}.grid .card{display:flex;flex-direction:column;border-radius:15px}.grid .card img{height:230px;flex:none;border-radius:15px 15px 0 0}.grid .card-content{flex:1}.page-banner{padding:35px 24px}.page-banner p{margin-top:8px}.about-approach-photo{height:350px!important;object-fit:cover;object-position:center 65%}.tworelate-project-art{position:relative;overflow:hidden;border-radius:12px;height:340px;background:#edf3fa}.tworelate-project-art img{width:100%;height:100%;object-fit:cover;object-position:center 52%;border-radius:0}.tworelate-project-art .brand-overlay{position:absolute;right:14px;top:14px;padding:8px 12px;background:#fffffff0;border-radius:9px;color:#0d3e69;font-weight:800;font-size:22px;box-shadow:0 3px 10px #0002}.brand-overlay sup{font-size:11px}.project-row .tworelate-project-art{width:100%}@media(max-width:750px){.page-banner{padding:24px 20px}.about-approach-photo{height:280px!important}.tworelate-project-art{height:290px}}

/* Official TwoRelate branding, supplied by the site owner */
.tworelate-project-art img.tworelate-real-logo{position:absolute;right:12px;top:12px;width:clamp(130px,36%,230px);height:auto;object-fit:contain;object-position:center;border-radius:6px;background:#fff;padding:5px;box-shadow:0 2px 9px #0002}

/* Revision 8: approved imagery and upper-right branding; no page redesign */
.tworelate-project-art img:first-child{object-fit:cover;object-position:center top}
.tworelate-project-art img.tworelate-real-logo{top:8px;right:8px;width:clamp(120px,34%,198px)}

/* GoDaddy build: performance, accessibility, footer and form additions (no visual redesign) */
@media(min-width:751px) and (max-width:1200px){.hero{background:linear-gradient(90deg,transparent 10%,#ffffff22 48%,#ffffffbd 100%),url(assets/tahoe-hero-1200.webp) center/cover}}
img{max-width:100%;height:auto}
header img{height:auto}
:focus-visible{outline:3px solid #19a7df;outline-offset:3px}
.skip{position:absolute;left:-999px;top:8px;background:#083b65;color:#fff;padding:10px 16px;border-radius:6px;z-index:100}
.skip:focus{left:12px}
footer{align-items:center}
.footer-brand img{width:170px;display:block;margin-bottom:8px}
.footer-links a{text-decoration:none;font-weight:600}
.footer-links a:hover,.legal a:hover{color:#19a7df}
footer .legal{flex-basis:100%;border-top:1px solid #ffffff22;padding-top:16px;font-size:13px;color:#a9c7db}
.prose{max-width:780px}
.prose h2{font-size:26px;margin:34px 0 10px}
.notfound{text-align:center;min-height:45vh}
.form-note{margin:4px 0 0}
#form-status.ok{color:#1d7a3e;font-weight:700}
#form-status.err{color:#a3361f;font-weight:600}
@media(max-width:750px){header{position:relative}}
.tworelate-project-art.infographic{height:auto;aspect-ratio:4/3;background:#fff;box-shadow:0 8px 22px #0a305414}
.tworelate-project-art.infographic img{height:100%;object-fit:contain;object-position:center}