@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--navy:#173b33;--ink:#1b342d;--paper:#f4f3ef;--blue:#7c965d;--mint:#dce8d7;--muted:#758092;--line:rgba(19,36,59,.17);--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.skip-link{position:absolute;top:-100px;left:1rem;background:#fff;padding:1rem;z-index:99}.skip-link:focus{top:1rem}.site-header{height:88px;padding:0 7.2%;display:flex;align-items:center;justify-content:space-between;background:var(--paper);position:relative;z-index:5}.brand{display:flex;gap:12px;align-items:center;color:var(--navy);font-size:14px;font-weight:700;letter-spacing:.12em}.brand img{display:block}.brand small{display:block;font:9px var(--mono);letter-spacing:.24em;margin-top:4px;color:#788477}.primary-nav{display:flex;align-items:center;gap:42px;font-size:13px}.primary-nav a:not(.nav-contact){color:#56675d}.primary-nav a:hover,.text-link:hover{color:#5d794b}.nav-contact{padding:13px 19px;border:1px solid var(--ink);border-radius:2px}.nav-contact span{margin-left:18px}.menu-toggle{display:none}.hero{background:var(--navy);color:#fff;min-height:650px;position:relative;overflow:hidden;padding:92px 7.2% 76px;display:grid;grid-template-columns:1fr 1fr;align-items:center}.hero-copy{position:relative;z-index:2;max-width:570px}.eyebrow{font:10px var(--mono);letter-spacing:.12em;text-transform:uppercase}.hero .eyebrow{color:#b6c6b5;display:flex;align-items:center;gap:12px}.hero .eyebrow span{width:7px;height:7px;border-radius:50%;background:#a9c68e}.hero h1{font-size:clamp(58px,7.3vw,105px);letter-spacing:-.065em;line-height:.96;font-weight:500;margin:38px 0 26px}.hero h1 em,.intro h2 em,.services h2 em,.contact h2 em{font-family:var(--serif);font-weight:500;letter-spacing:-.035em}.hero-intro{max-width:440px;color:#c2cec4;line-height:1.75;font-size:15px;margin-bottom:32px}.button{display:inline-flex;gap:40px;align-items:center;padding:17px 20px;font-size:12px}.button-light{background:#fff;color:var(--navy)}.button span{font-size:17px}.hero-note{display:flex;gap:14px;align-items:center;margin-top:67px;color:#aab6c9;font-size:11px;line-height:1.65}.note-line{height:1px;width:34px;background:#80957a}.hero-art{height:440px;position:relative;margin-left:0}.art-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(90deg,transparent,#000 32%,#000)}.orbit{position:absolute;border:1px solid rgba(188,208,230,.55);border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-25deg)}.orbit-one{width:350px;height:220px}.orbit-two{width:225px;height:385px;transform:translate(-50%,-50%) rotate(55deg);border-color:rgba(154,208,188,.65)}.art-core{position:absolute;width:126px;height:126px;border-radius:50%;background:#dce8d7;left:50%;top:48%;transform:translate(-50%,-50%);display:grid;place-items:center;color:var(--navy);box-shadow:0 0 70px rgba(141,183,173,.2)}.art-core span{font:italic 86px var(--serif);margin-top:-12px}.art-core i{position:absolute;width:11px;height:11px;border-radius:50%;background:#91ae6b;top:12px;right:19px}.art-caption{position:absolute;right:1%;bottom:5%;font-size:12px;line-height:1.55;color:#ced9ce}.art-caption span{font:9px var(--mono);color:#9cab9a;display:block;margin-bottom:12px}.art-stamp{position:absolute;top:7%;right:0;font:9px var(--mono);letter-spacing:.14em;text-align:right;color:#a2b09f}.art-stamp small{font-size:7px;letter-spacing:.25em}.hero-bottom{position:absolute;bottom:27px;left:7.2%;right:7.2%;display:flex;justify-content:space-between;color:#99a894;font:9px var(--mono);letter-spacing:.06em;text-transform:uppercase}.hero-bottom b{color:white;margin-left:10px;font-size:15px}.section{padding:125px 7.2%;display:grid;grid-template-columns:20% 1fr;position:relative}.section-label{font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#79869a;padding-top:8px}.section-label span{display:inline-block;color:#7c965d;margin-right:16px}.intro{min-height:560px;align-items:start}.intro-content,.services-content,.contact-content{max-width:850px}.intro .eyebrow,.services .eyebrow,.contact .eyebrow{color:#778276;margin:0 0 23px}.intro h2,.services h2,.contact h2{font-size:clamp(42px,5vw,69px);line-height:1.1;font-weight:500;letter-spacing:-.055em;margin:0}.intro h2 em,.contact h2 em{color:#69894e}.intro-lower{margin:42px 0 0 22%;max-width:500px}.intro-lower p,.contact-copy{font-size:15px;line-height:1.8;color:#586579;margin:0 0 26px}.text-link{font-size:12px;font-weight:600;border-bottom:1px solid #adb6aa;padding-bottom:8px}.text-link span{margin-left:20px}.intro-index{position:absolute;right:10%;bottom:25px;color:#e6e9dd;font:italic 160px var(--serif);z-index:-0}.intro-index span{color:#91a96f}.services{background:#e8ebe2;padding-top:115px;padding-bottom:135px}.services h2 em{color:#7e965f}.service-list{margin-top:61px;border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:55px 1fr 30px;gap:18px;padding:25px 0;border-bottom:1px solid var(--line);align-items:start}.service-number{font:10px var(--mono);color:#819672;padding-top:6px}.service-row h3{font-size:19px;font-weight:500;margin:0 0 9px;letter-spacing:-.02em}.service-row p{color:#69756a;font-size:13px;line-height:1.7;max-width:560px;margin:0}.service-arrow{justify-self:end;color:#809765;font-size:18px}.service-footnote{color:#81897b;font-size:11px;margin-top:20px}.statement{background:#dce8d7;min-height:430px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}.statement:before,.statement:after{content:'';position:absolute;width:390px;height:240px;border:1px solid rgba(16,35,63,.13);border-radius:50%;transform:rotate(-32deg)}.statement:after{width:250px;height:400px;transform:rotate(32deg)}.statement-mark{font:68px var(--serif);line-height:.65;color:#8da56c;position:relative;z-index:1}.statement p{font-size:clamp(38px,5vw,60px);font-weight:500;line-height:1.18;letter-spacing:-.045em;margin:14px 0 28px;position:relative;z-index:1}.statement p em{font-family:var(--serif);font-weight:500;color:#687f4d}.statement>span{font:9px var(--mono);letter-spacing:.16em;color:#788475;position:relative;z-index:1}.contact{padding-bottom:115px;min-height:650px}.contact-content{max-width:760px}.contact h2{font-size:clamp(47px,5.6vw,76px)}.contact-copy{max-width:400px;margin:22px 0 27px}.email-link{display:inline-flex;gap:36px;align-items:center;font:clamp(18px,2.2vw,26px) var(--serif);border-bottom:1px solid #aab4a6;padding-bottom:12px;color:#587447}.email-link span{font:18px var(--sans)}.contact-details{display:flex;gap:90px;margin-top:54px}.contact-details small,.contact-side small{font:9px var(--mono);letter-spacing:.11em;color:#7e897d}.contact-details p{font-size:12px;line-height:1.8;color:#586579}.contact-side{position:absolute;right:11%;top:32%;text-align:center}.contact-orbit{width:180px;height:180px;border:1px solid #a3b39b;border-radius:50%;display:grid;place-items:center;position:relative;margin-bottom:20px}.contact-orbit:before{content:'';position:absolute;inset:17px;border:1px solid #d8ddd4;border-radius:50%}.contact-orbit span{font:italic 31px var(--serif);color:#60794b;line-height:1.1}.contact-orbit i{position:absolute;right:21px;top:27px;color:#82985f;font-style:normal}.contact-side small{line-height:1.6}.site-footer{background:var(--navy);color:#dbe5da;min-height:100px;padding:25px 7.2%;display:flex;align-items:center;gap:34px;font-size:10px}.brand-footer{color:#fff;font-size:11px;margin-right:auto}.brand-footer small{color:#9eaf9d;font-size:8px}.footer-copy{color:#9dad9b}.site-footer>a:not(.brand){color:#bac8ba}.site-footer a:hover{color:#fff}
@media(max-width:850px){.site-header{padding:0 5%;height:76px}.primary-nav{gap:22px}.hero{padding-left:5%;padding-right:5%;grid-template-columns:1fr 0.85fr}.hero-art{transform:scale(.9);transform-origin:center}.section{padding:95px 5%;grid-template-columns:17% 1fr}.contact-side{right:5%}.hero-bottom{left:5%;right:5%}.site-footer{padding-left:5%;padding-right:5%}}
@media(max-width:650px){.site-header{height:72px}.menu-toggle{display:flex;background:none;border:0;width:42px;height:42px;flex-direction:column;justify-content:center;gap:6px;align-items:center;cursor:pointer}.menu-toggle span{width:21px;height:1px;background:var(--navy)}.primary-nav{display:none;position:absolute;top:72px;left:0;right:0;padding:24px 6% 28px;background:var(--paper);flex-direction:column;align-items:stretch;gap:0;border-top:1px solid var(--line);box-shadow:0 18px 24px #173b3312}.primary-nav.is-open{display:flex}.primary-nav a{padding:15px 0}.primary-nav .nav-contact{padding:14px;margin-top:9px}.hero{display:block;padding:74px 7% 100px;min-height:780px}.hero h1{font-size:clamp(60px,16vw,90px);margin-top:31px}.hero-intro{font-size:14px}.hero-note{margin-top:40px}.hero-art{position:absolute;left:0;right:0;bottom:73px;height:280px;margin:0;transform:scale(.8);transform-origin:center bottom;opacity:.88}.hero-bottom{bottom:20px;font-size:8px}.hero-bottom span:first-child{max-width:150px}.art-caption{bottom:0}.intro,.services,.contact{grid-template-columns:1fr;padding:77px 7%}.section-label{margin-bottom:43px}.intro{min-height:0;padding-bottom:110px}.intro h2,.services h2{font-size:clamp(40px,11vw,60px)}.intro-lower{margin:32px 0 0;max-width:100%}.intro-index{font-size:112px;right:7%;bottom:6px}.services{padding-top:78px;padding-bottom:90px}.service-list{margin-top:40px}.service-row{grid-template-columns:32px 1fr 20px;gap:12px;padding:22px 0}.service-row h3{font-size:17px}.service-row p{font-size:12px}.statement{min-height:360px}.statement p{font-size:42px}.statement:before{width:300px}.contact{min-height:0;padding-bottom:85px}.contact h2{font-size:clamp(43px,12vw,64px)}.contact-side{position:relative;top:auto;right:auto;display:flex;align-items:center;gap:20px;margin-top:56px;text-align:left}.contact-orbit{width:122px;height:122px;margin:0}.contact-orbit:before{inset:12px}.contact-orbit span{font-size:25px}.contact-orbit i{right:16px;top:18px}.contact-details{gap:35px;margin-top:40px}.contact-details p{font-size:11px}.site-footer{padding:26px 7%;display:grid;grid-template-columns:1fr 1fr;gap:20px}.brand-footer{grid-column:1/-1}.footer-copy{order:3}.back-top{justify-self:end}.site-footer>a:not(.brand){font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Original Matthesons logo from the live website */
.brand{gap:0}.brand-logo{width:250px;height:70px;object-fit:contain}.brand-footer .brand-logo{width:220px;height:62px}.phone-line{font-size:15px;margin:16px 0 0}.phone-line a{color:#60794b}
.service-row{grid-template-columns:35px 88px 1fr 30px}.service-image{width:88px;height:66px;object-fit:cover;filter:saturate(.7)}
@media(max-width:650px){.service-row{grid-template-columns:26px 58px 1fr 18px}.service-image{width:58px;height:58px}.service-row p{font-size:11px}}

:root{--navy:#173b33;--ink:#1b342d;--blue:#7c965d;--mint:#dce8d7;--line:rgba(27,52,45,.17)}

@media(max-width:650px){.brand-logo{width:205px;height:58px}.brand-footer .brand-logo{width:200px;height:56px}}