/* Gauge service catalogue: editorial hierarchy, precise linework and quiet motion. */
#services.services-expertise{background:#faf9f6;scroll-margin-top:115px}
.service-chapters{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:42px 0 0;border-bottom:1px solid #d9d3c6}
.service-chapters button{font-family:inherit;text-align:left;background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:0 0 23px;cursor:pointer;color:#747a70;display:grid;grid-template-columns:30px 1fr;column-gap:7px;transition:border-color .3s,color .3s}
.service-chapters button[aria-selected=true]{border-bottom-color:#a7864c;color:#252f28}
.service-chapters button>span{font-size:11px;color:#a68a58;margin-top:4px}.service-chapters strong{font-size:16px;font-weight:400;line-height:1.5}.service-chapters small{grid-column:2;font-size:10px;margin-top:6px;letter-spacing:.6px;color:#8a8e82}
.service-workspace{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.7fr);border:1px solid #ded9cf;border-top:0;background:white;min-height:600px}
.service-directory{padding:31px 25px;background:#f0eee7;border-right:1px solid #ded9cf}
.service-directory-label{font-size:9px;letter-spacing:1.8px;color:#838474;margin:0 0 24px}
.service-options{display:grid}.service-options button{font-family:inherit;text-align:left;display:grid;grid-template-columns:23px 1fr 15px;gap:10px;align-items:start;background:none;border:0;border-top:1px solid #dcd7c9;color:#757b70;cursor:pointer;padding:24px 0;transition:color .25s}
.service-options button>span:first-child{font-size:10px;margin-top:4px;color:#a58d60}.service-options button strong{font-size:14px;font-weight:400;line-height:1.6}.service-option-arrow{font-size:16px;opacity:0;transform:translate(-4px,4px);transition:opacity .25s,transform .25s}.service-options button[aria-pressed=true],.service-options button:hover{color:#252e27}.service-options button[aria-pressed=true] .service-option-arrow,.service-options button:hover .service-option-arrow{opacity:1;transform:translate(0,0);color:#9a7c45}
.service-detail{padding:33px 40px 28px;display:flex;flex-direction:column}.service-detail-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.service-discipline{font-size:9px;text-transform:uppercase;letter-spacing:1.7px;color:#8f7954}.service-detail-icon{height:50px;width:50px;display:grid;place-items:center;background:#f7f5ef;border-radius:50%}.service-detail-icon svg{width:29px;height:29px;fill:none;stroke:#9a7e49;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}.service-detail-icon path{stroke-dasharray:1;stroke-dashoffset:0;animation:service-line-reveal 1s ease both}
.service-detail-number{font-size:9px;letter-spacing:1.8px;color:#999b90;margin:24px 0 12px}.service-detail h3{font-weight:400;font-size:clamp(25px,2.8vw,36px);line-height:1.35;letter-spacing:-.8px;max-width:640px;margin:0 0 22px}.service-detail-description{font-size:13px;color:#6c7469;line-height:1.95;margin:0 0 29px;max-width:680px}
.service-deliverables{border-top:1px solid #e4dfd4;padding:22px 0 27px}.service-deliverables h4{font-weight:400;font-size:10px;letter-spacing:1.1px;color:#535e51;margin:0 0 16px}.service-deliverables ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}.service-deliverables li{font-size:10px;line-height:1.7;color:#797e73;padding-left:13px;position:relative}.service-deliverables li:before{content:'';width:4px;height:4px;position:absolute;left:0;top:7px;background:#b39a69}
.service-detail-actions{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-top:auto;padding-top:22px;border-top:1px solid #e4dfd4}.service-detail-actions a,.service-project-link{font-size:10px;font-family:inherit}.service-project-link{border:0;border-bottom:1px solid #baa174;background:none;color:#6a745f;cursor:pointer;padding:5px 0;white-space:nowrap}.service-appointment-note{font-size:10px;line-height:1.8;color:#8a8e81;margin:18px 0 0}
.service-chapters button:focus-visible,.service-options button:focus-visible,.service-project-link:focus-visible{outline:1px solid #a68a58;outline-offset:5px}
@keyframes service-line-reveal{from{stroke-dashoffset:1;opacity:.25}to{stroke-dashoffset:0;opacity:1}}
@media(max-width:950px){.service-workspace{grid-template-columns:240px minmax(0,1fr)}.service-detail{padding:28px 25px}.service-directory{padding:28px 20px}.service-chapters strong{font-size:13px}.service-detail-actions{align-items:flex-start;flex-direction:column}.service-deliverables ul{grid-template-columns:1fr}}
@media(max-width:650px){.service-chapters{gap:12px;margin-top:30px}.service-chapters button{display:block;padding-bottom:18px}.service-chapters strong{font-size:12px;display:block;margin-top:10px}.service-chapters small{display:block;font-size:9px}.service-workspace{grid-template-columns:1fr}.service-directory{padding:22px;border:0;border-bottom:1px solid #ded9cf}.service-directory-label{margin-bottom:15px}.service-options{grid-template-columns:1fr 1fr;gap:0 20px}.service-options button{padding:15px 0;grid-template-columns:19px 1fr;gap:5px}.service-options button strong{font-size:11px}.service-option-arrow{display:none}.service-options button[aria-pressed=true]{box-shadow:inset 0 -1px #a7864c}.service-detail{padding:25px 22px}.service-detail h3{font-size:26px}.service-detail-description{font-size:12px}.service-deliverables ul{grid-template-columns:1fr 1fr;gap:12px 16px}.service-detail-actions{gap:18px}.service-detail-number{margin-top:17px}}
@media(prefers-reduced-motion:reduce){.service-detail-icon path{animation:none}.service-chapters button,.service-option-arrow,.service-options button{transition:none}}

/* Each Of The Eleven Services Remains An Individual Selection In The Agreed Order. */
.service-workspace{border-top:1px solid #ded9cf;margin-top:40px}.service-options button{padding:15px 0}.service-options button strong{font-size:12px}.service-directory-label{margin-bottom:19px}.service-detail{position:sticky;top:110px;align-self:start;min-height:650px}.service-directory{padding-top:30px}.service-detail-actions{margin-top:22px}@media(max-width:650px){.service-workspace{margin-top:25px}.service-detail{position:static;min-height:0}.service-options button strong{font-size:11px}}
/* Static, image-led service presentation. */

.service-cover{height:230px;position:relative;overflow:hidden;margin:-33px -40px 28px;background:#e9e7e0}
.service-photo-image{display:block;width:100%;aspect-ratio:9/8;background-image:url('assets/gauge-service-concepts.png');background-size:400% 300%;background-repeat:no-repeat;position:absolute;top:50%;left:0;transform:translateY(-50%)}
.service-photo-image.service-photo-interior{height:100%;aspect-ratio:auto;top:0;transform:none;background-image:url('assets/ora-interior.jpg');background-size:cover;background-position:center}
.service-option-photo{position:relative;width:55px;height:45px;overflow:hidden;display:block;background:#e9e7e0}
#services .service-options button{grid-template-columns:55px 1fr 15px;align-items:center;gap:13px;padding:13px 0}
#services .service-options button>span:first-child{margin:0}
#services .service-options button[aria-pressed=true] .service-option-photo{outline:1px solid #a58d60;outline-offset:3px}
.service-detail-top{margin-bottom:13px}
@media(max-width:950px){.service-cover{margin:-28px -25px 25px;height:210px}#services .service-options button{grid-template-columns:42px 1fr 12px;gap:10px}.service-option-photo{width:42px;height:40px}}
@media(max-width:650px){.service-cover{margin:-25px -22px 24px;height:215px}#services .service-options button{grid-template-columns:38px 1fr;gap:9px}.service-option-photo{width:38px;height:38px}}

/* Detailed Photographic References And A Paired Interior / Exterior Composition. */
.service-real-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.service-design-pair{display:grid;grid-template-columns:1fr 1fr;gap:3px;width:100%;height:100%;background:#fff}.service-cover{height:265px}.service-option-photo .service-real-photo{height:100%}.service-cover .service-real-photo{transition:transform 1.2s cubic-bezier(.2,.6,.3,1)!important}.service-cover:hover .service-real-photo{transform:scale(1.025)}.service-design-pair{overflow:hidden}.service-design-pair>img{min-width:0}.service-cover:has(.service-design-pair){height:300px}.service-cover .service-design-pair img:first-child{object-position:center 45%}.service-cover .service-design-pair img:last-child{object-position:50% center}@media(max-width:650px){.service-cover{height:230px}.service-cover:has(.service-design-pair){height:245px}}@media(prefers-reduced-motion:reduce){.service-cover .service-real-photo{transition:none!important;transform:none!important}}

/* Service photography and deliberate, user-controlled motion. */
#services .service-cover{height:340px;background:#e9e7e0}
#services .service-cover:has(.service-design-pair){height:360px}
#services .service-cover .service-real-photo{transition:transform 1.1s cubic-bezier(.2,.65,.3,1)!important}
#services .service-cover:hover .service-real-photo{transform:scale(1.035)}
#services .service-options button{position:relative;transition:color .25s,background-color .25s;padding-left:9px;padding-right:7px}
#services .service-options button:before{content:'';position:absolute;left:-12px;top:16px;bottom:16px;width:2px;background:#b8975f;transform:scaleY(0);transform-origin:center;transition:transform .35s cubic-bezier(.16,1,.3,1)}
#services .service-options button[aria-pressed=true]:before{transform:scaleY(1)}
#services .service-options button:hover{background:#e8e4db}
#services .service-option-photo{width:55px;height:52px}
#services .service-option-photo img{transition:transform .5s}
#services .service-options button:hover .service-option-photo img{transform:scale(1.07)}
#services .service-workspace{box-shadow:0 16px 45px #24221d06}
.service-design-review-note{padding:16px 22px;border-left:2px solid #b8975f;background:#f0eee7;font-size:12px;line-height:1.8;margin:24px 0}
@media(max-width:950px){#services .service-option-photo{width:42px;height:44px}#services .service-cover{height:300px}}
@media(max-width:650px){#services .service-cover,#services .service-cover:has(.service-design-pair){height:260px}#services .service-option-photo{width:38px;height:42px}}
@media(prefers-reduced-motion:reduce){#services *,#services *:before{animation:none!important;transition:none!important}#services .service-cover:hover .service-real-photo,#services .service-options button:hover img{transform:none}}

/* White service gallery with restrained gold selection and editorial motion. */
#services.services-expertise,#services .service-workspace,#services .service-directory,#services .service-detail{background:#fff}
#services .service-workspace,#services .service-directory,#services .service-options button,#services .service-deliverables,#services .service-detail-actions{border-color:#e5e5e0}
#services .service-options button{color:#65665f;transition:background-color .35s,color .35s,box-shadow .35s}
#services .service-options button[aria-pressed=true]{background:#f7f7f4;color:#242821;box-shadow:inset 2px 0 #ac8d56}
#services .service-options button:hover{background:#fafaf8;color:#242821}
#services .service-option-arrow{transition:opacity .35s,transform .45s cubic-bezier(.16,1,.3,1)}
#services .service-cover{background:#f4f4f0}
#services .service-detail-description,#services .service-deliverables li{color:#65685f}
#services .service-cover .service-real-photo{object-position:center 48%}
#services .service-detail h3{max-width:100%;text-wrap:balance}
#services .service-project-link{transition:color .25s,border-color .25s}
#services .service-project-link:hover{color:#8f7038;border-color:#8f7038}
@media(prefers-reduced-motion:reduce){#services *,#services *:before{transition:none!important;animation:none!important}}