:root{--navy:#304754;--blue:#6e8790;--mist:#dfe8e5;--clay:#b98570;--cream:#f8f4ec;--white:#fff;--ink:#293b43;--line:#cbd5d2}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Manrope,Arial,sans-serif;line-height:1.7}a{color:inherit}.wrap{width:min(1160px,calc(100% - 44px));margin:auto}
header{position:sticky;top:0;z-index:20;background:rgba(248,244,236,.95);backdrop-filter:blur(12px);border-bottom:1px solid rgba(48,71,84,.12)}.nav{height:84px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand img{width:52px;height:52px;object-fit:cover;border-radius:50%;mix-blend-mode:multiply}.brand strong,.brand small{display:block}.brand strong{font-family:Newsreader,serif;font-size:1.2rem;font-weight:500}.brand small{text-transform:uppercase;letter-spacing:.2em;font-size:.63rem;color:#718187}nav{display:flex;align-items:center;gap:24px}nav a{text-decoration:none;font-size:.87rem}.pill{border:1px solid var(--navy);border-radius:99px;padding:9px 16px}
.hero{padding:74px 0 90px;background:linear-gradient(90deg,var(--mist) 0 43%,var(--cream) 43%)}.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:86px;align-items:center}.hero-photo{position:relative}.hero-photo>img{width:100%;height:570px;object-fit:cover;object-position:center 18%;border-radius:220px 220px 8px 8px;display:block}.photo-label{position:absolute;bottom:22px;right:-24px;background:var(--white);padding:15px 21px;border-left:4px solid var(--clay)}.photo-label strong,.photo-label span{display:block}.photo-label strong{font-family:Newsreader,serif;font-size:1.2rem}.photo-label span{font-size:.72rem;color:#718187}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.69rem;font-weight:600;color:var(--blue);margin:0 0 15px}.hero h1,.about h2,.section-head h2,.art h2,.approach h2,.contact h2{font-family:Newsreader,serif;font-weight:400;line-height:1.04;margin:0}.hero h1{font-size:clamp(3.3rem,6vw,5.8rem);letter-spacing:-.035em}.hero h1 i{color:var(--clay);font-weight:400}.lead{font-size:1.1rem;margin-top:26px}.actions{display:flex;gap:11px;flex-wrap:wrap;margin:28px 0}.button{display:inline-block;text-decoration:none;padding:12px 20px;border-radius:99px;font-weight:600;font-size:.9rem}.primary{background:var(--navy);color:white}.secondary{border:1px solid var(--navy)}.verse{display:flex;align-items:center;gap:13px;margin-top:30px;font-family:Newsreader,serif;font-size:1.12rem}.verse img{width:47px;height:47px;object-fit:cover;border-radius:50%;mix-blend-mode:multiply}.verse b{font-family:Manrope;font-size:.66rem;letter-spacing:.08em;margin-left:5px}
.about,.services,.art,.approach,.details,.contact{padding:96px 0}.about{background:#fff}.about-grid,.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.about h2,.section-head h2,.approach h2{font-size:clamp(2.5rem,4.5vw,4.3rem)}.bodycopy p{margin-top:0;font-size:1.03rem}
.services{background:#eee1da}.section-head{max-width:850px}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);margin-top:52px;border-top:1px solid #ceb9af;border-left:1px solid #ceb9af}.service-grid article{padding:32px;border-right:1px solid #ceb9af;border-bottom:1px solid #ceb9af}.service-grid span{font-size:.68rem;color:#8d6b5e}.service-grid h3{font-family:Newsreader,serif;font-size:1.8rem;font-weight:400;margin:24px 0 5px}.service-grid p{margin:0}
.art{background:var(--navy);color:white}.art-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.light{color:#c8d8da}.art h2{font-size:clamp(3rem,5vw,5rem);margin-bottom:24px}.art-grid>div:last-child>p:not(.eyebrow){color:#dce5e6}.brand-art{min-height:430px;background:#e6d4c9;border-radius:220px 220px 8px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center}.brand-art img{width:260px;max-width:68%;mix-blend-mode:multiply}.brand-art div{color:var(--navy);font-size:.7rem;letter-spacing:.17em;margin-top:18px}.brand-art em{padding:0 7px}
.approach{background:#fff}.methods{border-top:1px solid var(--line)}.methods p{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:15px 0;margin:0}.methods b{font-size:.69rem;text-transform:uppercase;letter-spacing:.08em;color:var(--blue)}
.details{background:var(--mist)}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:36px;margin-top:30px}.detail-grid>div{border-top:2px solid var(--navy);padding-top:18px}.detail-grid h3{font-family:Newsreader,serif;font-size:1.45rem;font-weight:400}.fee strong{font-family:Newsreader,serif;font-size:3.6rem;font-weight:400}.credentials{border-top:1px solid #b9c8c4;margin-top:48px;padding-top:22px;font-size:.82rem;color:#607277}.credentials b{display:inline-block;width:110px;color:var(--ink)}
.contact{background:var(--clay);color:white}.contact-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:center}.contact h2{font-size:clamp(3rem,5vw,5rem)}.cream{background:var(--cream);color:var(--ink)}.outline{border:1px solid white}.contact aside{background:rgba(48,71,84,.94);padding:32px}.contact aside>img{width:90px;height:90px;object-fit:cover;border-radius:50%;mix-blend-mode:screen}.contact aside h3{font-family:Newsreader,serif;font-size:1.7rem;font-weight:400}.notice{background:var(--navy);color:#dbe4e5;padding:17px 0;font-size:.73rem}
footer{padding:34px 0;background:var(--cream)}.footer{display:flex;justify-content:space-between;align-items:center}.footer>div:last-child{text-align:right}.footer>div:last-child span,.footer>div:last-child small{display:block}.footer>div:last-child span{font-family:Newsreader,serif}.footer>div:last-child small{font-size:.7rem;color:#728086}
@media(max-width:850px){nav{display:none}.hero{background:var(--cream);padding:50px 0 65px}.hero-grid,.about-grid,.art-grid,.approach-grid,.contact-grid{grid-template-columns:1fr;gap:48px}.hero-photo{max-width:500px;margin:auto}.photo-label{right:10px}.about,.services,.art,.approach,.details,.contact{padding:66px 0}.detail-grid{grid-template-columns:1fr 1fr}.footer{flex-direction:column;align-items:flex-start;gap:22px}.footer>div:last-child{text-align:left}}
@media(max-width:560px){.wrap{width:min(100% - 28px,1160px)}.hero h1{font-size:3.15rem}.hero-photo>img{height:440px}.service-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.actions{flex-direction:column}.button{text-align:center}.credentials b{display:block;width:auto}}