:root{--ink:#34383a;--muted:#72787b;--orange:#e66c2c;--green:#3b7770;--pale:#f3f3f1;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.55}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #e7e7e4;position:sticky;top:0;background:rgba(255,255,255,.96);z-index:20}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}.brand b{font-size:26px;letter-spacing:2px;color:var(--orange)}.brand small{display:block;font-size:9px;letter-spacing:2.1px;color:#777}.bird{font-size:35px;color:var(--green);transform:rotate(-12deg);font-weight:bold}nav{display:flex;gap:25px}nav a,.textlink{color:var(--ink);text-decoration:none;font-size:14px}.menu{display:none;border:0;background:none;font-size:24px}.hero{min-height:calc(100vh - 88px);display:grid;grid-template-columns:1fr 1fr}.hero-copy{padding:10vw 7vw 7vw;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:11px;letter-spacing:2.5px;color:var(--orange);font-weight:bold;margin-bottom:20px}.hero h1,.section h2{font-size:clamp(42px,6vw,88px);line-height:.98;letter-spacing:-3px;margin:0 0 30px}.hero h1 em{font-style:normal;color:var(--green)}.lead{font-size:20px;max-width:590px;color:#5e6466}.actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin:25px 0}.btn{background:var(--ink);color:#fff;text-decoration:none;padding:14px 22px}.area{font-size:12px;letter-spacing:1px;color:#888;margin-top:35px}.hero-photo{position:relative;background:linear-gradient(135deg,#aeb6b3,#5e6965);background-image:url('images/hero.jpg');background-size:cover;background-position:center;min-height:600px;overflow:hidden}.vertical{position:absolute;right:-25px;bottom:10px;color:#fff;font-size:clamp(130px,20vw,310px);font-weight:900;letter-spacing:-20px;line-height:.75;opacity:.96;writing-mode:vertical-rl;transform:rotate(180deg)}.photo-note{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center;letter-spacing:2px;background:rgba(52,56,58,.22)}.photo-note small{letter-spacing:0;margin-top:8px}.section{padding:110px 7vw}.split{display:grid;grid-template-columns:1fr 1fr;gap:9vw}.split h2,.grey h2,.dark h2,.contact h2{font-size:clamp(38px,5vw,70px)}.split p,.section-head p,.contact p{font-size:19px;color:#62686a}.grey{background:var(--pale)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#d8d8d4;margin-top:55px}.cards article{background:var(--pale);padding:35px}.cards span{color:var(--orange);font-size:12px}.cards h3{font-size:22px}.section-head{display:grid;grid-template-columns:1.4fr .6fr;gap:8vw;align-items:end}.gallery{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin-top:50px}.shot{min-height:360px;background:#dfe2df;display:grid;place-items:center;color:#888;letter-spacing:2px;background-size:cover;background-position:center}.shot:nth-child(1){background-image:url('images/site-1.jpg')}.shot:nth-child(2){background-image:url('images/site-2.jpg')}.shot:nth-child(3){background-image:url('images/site-3.jpg')}.hint{font-size:12px;color:#888}.dark{background:#303536;color:#fff}.dark .eyebrow{color:#ef8149}.dark h2{max-width:800px}.quote{font-size:clamp(25px,4vw,52px);max-width:1000px;line-height:1.2;margin:45px 0;color:#e8e8e5}.dark p{color:#bbb}.contact{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw}.contact-box{display:flex;flex-direction:column;justify-content:center;gap:18px}.contact-box a{font-size:20px;color:var(--ink);text-decoration:none;border-bottom:1px solid #ddd;padding:14px 0}footer{padding:50px 7vw;display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;align-items:end;border-top:1px solid #eee;font-size:12px;color:#888}footer p:last-child{text-align:right}@media(max-width:850px){header{height:72px}nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;padding:25px 5vw;flex-direction:column;border-bottom:1px solid #ddd}nav.open{display:flex}.menu{display:block}.hero{grid-template-columns:1fr}.hero-copy{padding:70px 7vw}.hero-photo{min-height:65vh}.split,.contact,.section-head{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr}.shot{min-height:300px}.section{padding:75px 7vw}.hero h1,.section h2{letter-spacing:-2px}.vertical{font-size:180px}footer{grid-template-columns:1fr}footer p:last-child{text-align:left}}@media(max-width:520px){.cards{grid-template-columns:1fr}.hero-photo{min-height:500px}.actions{align-items:flex-start;flex-direction:column}.textlink{font-size:13px}}
/* WKA identity additions */
.brand img{display:block;width:190px;max-height:58px;object-fit:contain;object-position:left center}.hero-photo{position:relative;overflow:hidden;background:#222}.hero-photo>img{width:100%;height:100%;min-height:580px;object-fit:cover;display:block}.hero-photo .vertical{position:absolute;right:-.08em;top:50%;transform:translateY(-50%) rotate(90deg);transform-origin:center;color:#fff;font-size:clamp(7rem,15vw,14rem);font-weight:900;line-height:.7;letter-spacing:-.09em;opacity:.96;pointer-events:none}.gallery img{width:100%;height:360px;object-fit:cover;display:block;background:#ddd}.footer-logo{width:190px;height:auto;display:block;margin-bottom:1.2rem}@media(max-width:760px){.brand img{width:145px}.hero-photo>img{min-height:430px}.hero-photo .vertical{font-size:8rem}.gallery img{height:260px}}

/* v3: match the sideways WKA rendering used on WKA survey covers */
.hero-photo .vertical{writing-mode:horizontal-tb;right:-.08em;top:50%;bottom:auto;transform:translateY(-50%) rotate(-90deg);transform-origin:center;}

/* Final hero mark: full-height like WKA survey covers */
.hero-photo .vertical{writing-mode:vertical-rl;right:-.02em;top:0;bottom:0;height:100%;transform:rotate(180deg);transform-origin:center;display:flex;align-items:center;justify-content:space-between;font-size:clamp(9rem,24vw,22rem);line-height:.72;letter-spacing:-.11em;}
@media(max-width:760px){.hero-photo .vertical{font-size:clamp(10rem,46vw,18rem);}}

/* Survey-cover lockup: WKA spans the hero image edge-to-edge */
.hero-photo .vertical{
  writing-mode:vertical-rl;
  top:-0.045em;
  bottom:-0.045em;
  height:calc(100% + .09em);
  right:-.035em;
  transform:rotate(180deg) scaleY(1.10);
  transform-origin:center;
  display:flex;
  align-items:center;
  justify-content:center;
  line-height:.62;
  letter-spacing:-.12em;
  overflow:visible;
}
@media(max-width:760px){
  .hero-photo .vertical{top:-.055em;bottom:-.055em;height:calc(100% + .11em);transform:rotate(180deg) scaleY(1.12);}
}