:root{--ink:#193b4b;--cream:#fbfaf4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background:var(--cream);font:18px/1.55 Arial,Helvetica,sans-serif}.wrap{width:min(1160px,86%);margin-inline:auto}.opening{background:var(--cream) url('assets/abstract-loch.png') center bottom/cover no-repeat}header{display:flex;justify-content:space-between;align-items:center;padding-block:32px}.brand{font:bold 34px/1 Georgia,serif;letter-spacing:.14em;text-decoration:none}.brand span{display:block;margin-top:10px;font:10px/1.2 Arial,sans-serif;letter-spacing:.64em;color:#8a622e}a{color:inherit;text-underline-offset:7px}nav{display:flex;gap:40px;font-size:15px}nav a{text-decoration:none}nav a:hover{text-decoration:underline}a:focus-visible{outline:2px solid #356377;outline-offset:6px}.hero{min-height:clamp(650px,66.667vw,1000px);display:flex;align-items:center;padding-bottom:150px}.hero-copy{width:47%;max-width:520px}h1,h2{font:400 20px/1.5 Arial,sans-serif;margin:0 0 24px}.hero p{font-size:27px;line-height:1.4;margin:0;font-weight:400}.company{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-block:80px}.company p{margin:0 0 22px}.company p:last-child{margin-bottom:0}.projects{background:#cce2e2 url('assets/loch-shores.svg') center bottom/cover no-repeat;padding-block:55px}.project-copy{max-width:480px}.projects h2{font-size:18px;letter-spacing:.18em;margin-bottom:22px}.projects p{margin:0 0 24px}.visit{display:inline-block;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:5px;margin-bottom:30px}.visit:hover{color:#476c72}.projects .note{font-size:12px;max-width:450px;line-height:1.6;margin:0}footer{text-align:center;font-size:12px;padding:28px 20px}.skip{position:absolute;top:-90px;left:15px;z-index:10;background:white;padding:10px}.skip:focus{top:10px}@media(min-width:1550px){.opening{background-size:100% auto}.hero{min-height:1000px}}@media(max-width:700px){.wrap{width:86%}header{padding-block:25px}.brand{font-size:26px}.brand span{font-size:8px;letter-spacing:.5em}nav{gap:18px;font-size:13px}.opening{background:none}.hero{width:100%;min-height:0;display:block;padding:55px 7% 340px;background:url('assets/abstract-loch.png') center bottom/auto 360px no-repeat}.hero-copy{width:100%;max-width:460px}h1{font-size:18px;margin-bottom:20px}.hero p{font-size:23px;line-height:1.45}.company{grid-template-columns:1fr;gap:10px;padding-block:45px}.company h2{font-size:18px;margin-bottom:12px}.company p{font-size:17px}.projects{padding-block:40px;background-size:auto 100%;background-position:left bottom}.project-copy{max-width:100%}.projects p{font-size:17px}.projects .note{font-size:12px}.projects h2{font-size:17px}footer{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}