/* Daisan Medici Service / Odoo 19. Scoped to this website and page. */
#wrapwrap .ref-service-page {--srv-accent:#b59175;--srv-text:#252525;background:#fff;color:var(--srv-text);overflow-x:clip}
#wrapwrap .ref-service-page *,#wrapwrap .ref-service-page *:before,#wrapwrap .ref-service-page *:after {box-sizing:border-box}
#wrapwrap .ref-service-page .ref-service-banner {min-height:430px;background:linear-gradient(115deg,#43352d,#88684b 55%,#503c30)}
#wrapwrap .ref-service-page .ref-service-banner .ref-np-banner-shade {background:linear-gradient(90deg,#0005,#0003),linear-gradient(#0002,#0002)}
#wrapwrap .ref-service-page .ref-service-banner .ref-np-banner-copy {padding:160px 0 75px}
#wrapwrap .ref-service-page .ref-service-intro {padding-top:74px;padding-bottom:53px}
#wrapwrap .ref-service-page .ref-service-intro>h2 {font:500 clamp(26px,2.7vw,38px)/1.25 "Barlow",Arial,sans-serif;margin:0 0 37px;color:#252525;letter-spacing:.01em}
#wrapwrap .ref-service-page .ref-service-features {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px}
#wrapwrap .ref-service-page .ref-service-feature {display:flex;gap:12px;min-width:0;align-items:flex-start}
#wrapwrap .ref-service-page .ref-service-feature-symbol {flex:0 0 43px;border:1px solid #e3d5c8;width:43px;height:43px;display:grid;place-items:center;font:400 29px/1 Georgia,serif;color:#b59175;transition:background .25s,color .25s}
#wrapwrap .ref-service-page .ref-service-feature:hover .ref-service-feature-symbol {background:#b59175;color:white}
#wrapwrap .ref-service-page .ref-service-feature h3 {font:600 16px/1.4 "Barlow",Arial,sans-serif;margin:0 0 7px}
#wrapwrap .ref-service-page .ref-service-feature p {font:400 13px/1.6 "Barlow",Arial,sans-serif;color:#838383;margin:0}
#wrapwrap .ref-service-page .ref-service-stories {display:flex;flex-direction:column;gap:100px;padding-top:27px;padding-bottom:100px}
#wrapwrap .ref-service-page .ref-service-story {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7%;align-items:center}
#wrapwrap .ref-service-page .ref-service-story-reverse .ref-service-story-media {order:2}
#wrapwrap .ref-service-page .ref-service-story-reverse .ref-service-story-copy {order:1}
#wrapwrap .ref-service-page .ref-service-story-media {width:100%;aspect-ratio:1.48/1;background:#f0f0f0;overflow:hidden}
#wrapwrap .ref-service-page .ref-service-story-media>img {width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
#wrapwrap .ref-service-page .ref-service-story-media:hover img {transform:scale(1.025)}
#wrapwrap .ref-service-page .ref-service-media-empty {height:100%;width:100%;background:linear-gradient(130deg,#e8e5e1,#cec4b9);color:#ab9b89;display:grid;place-items:center;font-size:14px;letter-spacing:.16em}
#wrapwrap .ref-service-page .ref-service-overline {display:block;font:600 12px/1.5 "Barlow",Arial,sans-serif;color:#a5856c;letter-spacing:.1em;margin-bottom:12px}
#wrapwrap .ref-service-page .ref-service-story-copy h2 {font:450 clamp(25px,2.6vw,37px)/1.25 "Barlow",Arial,sans-serif;color:#242424;letter-spacing:.018em;margin:0 0 21px}
#wrapwrap .ref-service-page .ref-service-story-copy p {font:400 15px/1.82 "Barlow",Arial,sans-serif;color:#666;margin:0 0 17px}
#wrapwrap .ref-service-page .ref-service-story-copy strong {font-weight:650;color:#343434}
#wrapwrap .ref-service-page .ref-service-steps-section {padding:90px 0 96px;background:#faf9f7}
#wrapwrap .ref-service-page .ref-service-centered-heading {text-align:center;max-width:820px;margin:0 auto 49px}
#wrapwrap .ref-service-page .ref-service-centered-heading h2 {font:450 clamp(28px,3vw,39px)/1.3 "Barlow",Arial,sans-serif;color:#262626;margin:0 0 12px}
#wrapwrap .ref-service-page .ref-service-centered-heading p {font:400 14px/1.7 "Barlow",Arial,sans-serif;color:#767676;margin:0 auto}
#wrapwrap .ref-service-page .ref-service-steps {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:51px 45px;list-style:none;margin:0;padding:0;counter-reset:none}
#wrapwrap .ref-service-page .ref-service-steps li {min-width:0;position:relative;border-top:1px solid #e0dcd7;padding-top:38px}
#wrapwrap .ref-service-page .ref-service-step-number {position:absolute;top:-18px;left:0;border:1px solid #d7bcaa;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;background:#fff;color:#9d775b;font:500 12px/1 "Barlow",Arial,sans-serif;transition:background .25s,color .25s}
#wrapwrap .ref-service-page .ref-service-steps li:hover .ref-service-step-number {background:#b59175;color:#fff}
#wrapwrap .ref-service-page .ref-service-steps h3 {font:600 17px/1.5 "Barlow",Arial,sans-serif;margin:0 0 10px}
#wrapwrap .ref-service-page .ref-service-steps p {font:400 14px/1.7 "Barlow",Arial,sans-serif;color:#777;margin:0}
#wrapwrap .ref-service-page .ref-service-panorama {height:clamp(225px,24vw,410px);width:100%;overflow:hidden;background:#7e7064}
#wrapwrap .ref-service-page .ref-service-panorama img {display:block;width:100%;height:100%;object-fit:cover}
#wrapwrap .ref-service-page .ref-service-panorama-noimage {height:100%;width:100%;display:grid;place-items:center;color:#e6ded4;letter-spacing:.3em;font-size:16px;background:linear-gradient(120deg,#5d534b,#a08a72 46%,#5a4f47)}
#wrapwrap .ref-service-page .ref-service-case-section {padding-top:96px;padding-bottom:80px}
#wrapwrap .ref-service-page .ref-service-case-section .ref-service-centered-heading {margin-bottom:37px}
#wrapwrap .ref-service-page .ref-service-case-track {display:flex;gap:16px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:thin;overscroll-behavior-x:contain;padding:0 0 8px}
#wrapwrap .ref-service-page .ref-service-case {scroll-snap-align:start;flex:0 0 calc((100% - 48px)/4);min-width:0;text-decoration:none;color:#333}
#wrapwrap .ref-service-page .ref-service-case-image {aspect-ratio:.89/1;overflow:hidden;background:#f0efed}
#wrapwrap .ref-service-page .ref-service-case-image>img {height:100%;width:100%;display:block;object-fit:cover;transition:transform .48s ease,filter .48s ease}
#wrapwrap .ref-service-page .ref-service-case:hover img {transform:scale(1.04);filter:brightness(.92)}
#wrapwrap .ref-service-page .ref-service-case-empty {height:100%;display:grid;place-items:center;font-size:13px;background:#e5ded7;color:#9b8c80}
#wrapwrap .ref-service-page .ref-service-case h3 {font:550 15px/1.5 "Barlow",Arial,sans-serif;margin:11px 0 5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#wrapwrap .ref-service-page .ref-service-case:hover h3 {color:#a57d61}
#wrapwrap .ref-service-page .ref-service-case p {font:400 13px/1.55 "Barlow",Arial,sans-serif;color:#777;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}
#wrapwrap .ref-service-page .ref-service-slider-controls {display:flex;align-items:center;justify-content:center;gap:16px;padding:25px 0 0}
#wrapwrap .ref-service-page .ref-service-slider-controls button {width:35px;height:35px;border:1px solid #cdb7a6;background:#fff;border-radius:50%;font-size:21px;color:#9d775b;cursor:pointer}
#wrapwrap .ref-service-page .ref-service-slider-controls button:hover {background:#b59175;color:#fff}
#wrapwrap .ref-service-page .ref-service-slider-progress {font:500 12px/1.4 "Barlow",Arial,sans-serif;color:#777;letter-spacing:.1em}
#wrapwrap .ref-service-page .ref-service-cases-empty {padding:35px 16px;text-align:center;background:#faf9f7;border:1px solid #f0eae4;font-size:14px;color:#777}
#wrapwrap .ref-service-page .ref-service-contact-section {padding-top:45px;padding-bottom:115px}
#wrapwrap .ref-service-page .ref-service-contact-section .ref-service-centered-heading {margin-bottom:45px}
#wrapwrap .ref-service-page .ref-service-form {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 30px;max-width:980px;margin:auto}
#wrapwrap .ref-service-page .ref-service-form label {display:flex;flex-direction:column;gap:8px;margin:0;min-width:0;color:#777;font:500 13px/1.45 "Barlow",Arial,sans-serif}
#wrapwrap .ref-service-page .ref-service-form label>span strong {color:#ad6045}
#wrapwrap .ref-service-page .ref-service-form input,#wrapwrap .ref-service-page .ref-service-form textarea {background:#fff;border:0;border-bottom:1px solid #dcdcdc;color:#343434;font:400 15px/1.5 "Barlow",Arial,sans-serif;border-radius:0;outline:0;padding:11px 2px;width:100%;min-width:0}
#wrapwrap .ref-service-page .ref-service-form input:focus,#wrapwrap .ref-service-page .ref-service-form textarea:focus {border-bottom-color:#b59175;box-shadow:0 1px 0 #b59175}
#wrapwrap .ref-service-page .ref-service-form textarea {resize:vertical;min-height:115px}
#wrapwrap .ref-service-page .ref-service-message,#wrapwrap .ref-service-page .ref-service-form-help {grid-column:1/-1}
#wrapwrap .ref-service-page .ref-service-form-help {text-align:center;font-size:12px;line-height:1.5;color:#888;margin:0}
#wrapwrap .ref-service-page .ref-service-send {grid-column:1/-1;background:#b59175;color:#fff;border:1px solid #b59175;justify-self:center;padding:14px 49px;min-width:210px;font:600 14px/1.5 "Barlow",Arial,sans-serif;cursor:pointer;transition:background .2s}
#wrapwrap .ref-service-page .ref-service-send:hover {background:#957157}
#wrapwrap .ref-service-page .ref-np-notice {max-width:980px;margin:0 auto 20px}
@media(max-width:1100px){
 #wrapwrap .ref-service-page .ref-service-features {grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
 #wrapwrap .ref-service-page .ref-service-stories {gap:70px}
 #wrapwrap .ref-service-page .ref-service-story {gap:35px}
 #wrapwrap .ref-service-page .ref-service-case {flex-basis:calc((100% - 32px)/3)}
}
@media(max-width:780px){
 #wrapwrap .ref-service-page .ref-service-banner {min-height:320px}
 #wrapwrap .ref-service-page .ref-service-banner .ref-np-banner-copy {padding:110px 0 50px}
 #wrapwrap .ref-service-page .ref-service-intro {padding-top:50px;padding-bottom:35px}
 #wrapwrap .ref-service-page .ref-service-stories {gap:55px;padding-top:15px;padding-bottom:65px}
 #wrapwrap .ref-service-page .ref-service-story {grid-template-columns:minmax(0,1fr);gap:22px}
 #wrapwrap .ref-service-page .ref-service-story-reverse .ref-service-story-media {order:0}
 #wrapwrap .ref-service-page .ref-service-story-reverse .ref-service-story-copy {order:1}
 #wrapwrap .ref-service-page .ref-service-steps-section {padding:65px 0}
 #wrapwrap .ref-service-page .ref-service-steps {grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 23px}
 #wrapwrap .ref-service-page .ref-service-case-section {padding:65px 0}
 #wrapwrap .ref-service-page .ref-service-case {flex-basis:calc((100% - 16px)/2)}
 #wrapwrap .ref-service-page .ref-service-contact-section {padding-top:30px;padding-bottom:75px}
}
@media(max-width:520px){
 #wrapwrap .ref-service-page .ref-service-banner {min-height:290px}
 #wrapwrap .ref-service-page .ref-service-banner .ref-np-banner-copy {padding-top:94px;padding-bottom:45px}
 #wrapwrap .ref-service-page .ref-service-intro>h2 {font-size:27px;margin-bottom:27px}
 #wrapwrap .ref-service-page .ref-service-features {grid-template-columns:minmax(0,1fr);gap:22px}
 #wrapwrap .ref-service-page .ref-service-feature-symbol {flex-basis:39px;width:39px;height:39px}
 #wrapwrap .ref-service-page .ref-service-stories {gap:42px}
 #wrapwrap .ref-service-page .ref-service-story-copy h2 {font-size:27px}
 #wrapwrap .ref-service-page .ref-service-story-copy p {font-size:14px}
 #wrapwrap .ref-service-page .ref-service-steps {grid-template-columns:minmax(0,1fr);gap:37px}
 #wrapwrap .ref-service-page .ref-service-case {flex-basis:82%}
 #wrapwrap .ref-service-page .ref-service-form {grid-template-columns:minmax(0,1fr);gap:19px}
 #wrapwrap .ref-service-page .ref-service-message,#wrapwrap .ref-service-page .ref-service-form-help,#wrapwrap .ref-service-page .ref-service-send {grid-column:1}
 #wrapwrap .ref-service-page .ref-service-send {justify-self:stretch}
}
@media(prefers-reduced-motion:reduce){#wrapwrap .ref-service-page .ref-service-case-track {scroll-behavior:auto}#wrapwrap .ref-service-page img {transition:none}}