:root{--navy:#153962;--ink:#18324c;--muted:#425e72;--blue:#1976a4;--pale:#eff8fb;--green:#e9f3e8;--line:#d8e5eb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{color:var(--navy);font-weight:700;text-underline-offset:.2em}a:focus-visible{outline:3px solid #e19c30;outline-offset:5px}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}h1,h2,h3{color:var(--navy);line-height:1.07;letter-spacing:-.045em}h1{font-size:clamp(3rem,6.7vw,6rem)}h2{font-size:clamp(2.1rem,4vw,3.8rem)}h3{font-size:1.4rem}p{margin-top:1rem}section{scroll-margin-top:1rem}.wrap{width:min(1210px,calc(100% - 3rem));margin-inline:auto}.nav,.footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:1rem}.logo{width:215px}.site{border-bottom:1px solid var(--line)}nav{display:flex;gap:1.55rem}nav a{text-decoration:none}.hero{background:var(--pale);padding-block:2rem}.hero-grid{display:grid;grid-template-columns:1fr 1.17fr;align-items:stretch;gap:2rem}.hero-copy{padding:clamp(1rem,4vw,4rem) 0}.hero-copy>p:not(.eyebrow){max-width:35ch;font-size:1.18rem;color:var(--muted)}.hero-photo{width:100%;height:100%;min-height:380px;object-fit:cover;border-radius:1.2rem}.eyebrow{margin:0 0 1rem;font-size:.78rem;letter-spacing:.13em;text-transform:uppercase;color:#126084;font-weight:800}.eyebrow span{display:inline-block;width:.65em;height:.65em;background:#54a47c;border-radius:50%;margin-right:.35rem}.actions{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1.6rem}.button{display:inline-flex;align-items:center;gap:.65rem;padding:.85rem 1.15rem;background:var(--navy);color:white;text-decoration:none;border:1px solid var(--navy);border-radius:.4rem;line-height:1.3}.button:hover{background:#225786;color:white}.outline{color:var(--navy);background:transparent}.small{padding:.65rem 1rem}.section{padding-block:clamp(3rem,7vw,6rem)}.lede{font-size:1.12rem;color:var(--muted);max-width:58ch}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2rem}.cards article{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:.8rem;overflow:hidden}.cards img{width:100%;aspect-ratio:1.45;object-fit:cover}.cards article>div{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:1.2rem}.cards p{margin:.6rem 0 1rem}.cards a{margin-top:auto}.band{background:var(--green)}.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,6vw,6rem);align-items:center}.split .button,.split p+a{margin-top:1.25rem;display:inline-block}.steps{padding-left:1.5rem;margin:0}.steps li{padding:.8rem 0 .8rem .5rem;border-bottom:1px solid #bfdbce}.steps li::marker{color:#245e4f;font-weight:800}.steps p{margin:.25rem 0 0}.project{background:var(--pale);padding:1rem;border-radius:.8rem}.project img{width:100%;max-height:420px;object-fit:contain}.project figcaption{text-align:center;margin-top:.65rem}.brochure{background:var(--pale)}.cover{max-height:340px;margin:auto;box-shadow:0 8px 30px #15396230}.contact{display:flex;justify-content:space-between;align-items:center;gap:2rem}footer{background:var(--navy);color:white}footer a{color:white}.skip{position:absolute;top:-10rem}.skip:focus{top:1rem;left:1rem;background:white;padding:.5rem;z-index:4}@media(max-width:900px){.cards{grid-template-columns:repeat(2,1fr)}.nav{flex-wrap:wrap}.nav nav{order:3;width:100%;justify-content:center}.hero-grid{gap:1rem}}@media(max-width:620px){.wrap{width:calc(100% - 2rem)}.hero-grid,.split{grid-template-columns:1fr}.hero-photo{min-height:0;height:270px}.hero-copy{padding:1rem 0}.nav nav{justify-content:flex-start;gap:1rem;flex-wrap:wrap}.logo{width:165px}.contact,.footer{align-items:flex-start;flex-direction:column}.cards article>div{padding:.75rem}.cards{gap:.65rem}.cards p{font-size:.9rem}}@media(max-width:355px){.cards{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}} /* Brochure sections pair readable text with the original photography. */ .editorial{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,5vw,5rem);align-items:center} .editorial+.editorial{border-top:1px solid var(--line)} .editorial:nth-of-type(odd) .brochure-photo{order:-1} .editorial h2,.story h2{font-size:clamp(2rem,4vw,3.2rem)} .editorial p,.story p{max-width:65ch} .brochure-photo{padding:.75rem;background:var(--pale);border-radius:.65rem} .brochure-photo img{width:100%;max-height:400px;object-fit:contain;border-radius:.25rem} .brochure-photo figcaption{padding:.65rem .25rem 0;color:var(--muted);font-size:.9rem} .story article{margin-top:2rem} @media(max-width:620px){.editorial{grid-template-columns:1fr}.editorial:nth-of-type(odd) .brochure-photo{order:0}} /* Colours and framed photography from the brochure cover. */ :root{--navy:#172357;--pale:#effaff;--line:#cfe5ef} .cover-hero{background:#73cee8;padding-block:clamp(2rem,6vw,5rem)} .cover-hero .hero-grid{align-items:center} .cover-hero h1{font-size:clamp(2.9rem,5.9vw,5.5rem)} .cover-hero h1 em{display:block;font-family:"Segoe Script",Georgia,serif;font-weight:400;letter-spacing:-.055em} .cover-hero .hero-copy>p:not(.eyebrow),.cover-hero .eyebrow{color:var(--navy)} .cover-photos{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(.65rem,2vw,1.2rem);align-items:center} .cover-photos img{width:100%;aspect-ratio:1.16;object-fit:cover;border:6px solid white;box-shadow:0 3px 9px #17235755} .cover-photos img:first-child{grid-row:span 2;aspect-ratio:1.04} @media(max-width:620px){.cover-hero .hero-copy{padding-top:0}.cover-photos img{border-width:4px}}