/* Odoo 19 about-us page, all selectors scoped to Medici website template. */
#wrapwrap .ref-about-page{--about-accent:#b59175;color:#262626;background:#fff;overflow-x:clip}
#wrapwrap .ref-about-page *,#wrapwrap .ref-about-page *:before,#wrapwrap .ref-about-page *:after{box-sizing:border-box}
#wrapwrap .ref-about-page .ref-about-banner{min-height:430px;background:linear-gradient(110deg,#464945,#222625 55%,#4b4b48)}
#wrapwrap .ref-about-page .ref-about-banner .ref-np-banner-shade{background:linear-gradient(90deg,#0006,#0007 55%,#0006)}
#wrapwrap .ref-about-page .ref-about-banner .ref-np-banner-copy{padding:156px 0 77px}
#wrapwrap .ref-about-page section h2{color:#252525}
#wrapwrap .ref-about-heading{text-align:center;max-width:890px;margin:0 auto 42px}
#wrapwrap .ref-about-heading h2{font:500 clamp(25px,2.6vw,36px)/1.35 "Barlow",Arial,sans-serif;letter-spacing:.015em;margin:0 0 13px}
#wrapwrap .ref-about-heading p{font:400 14px/1.75 "Barlow",Arial,sans-serif;color:#7a7a7a;margin:0}
#wrapwrap .ref-about-kicker{display:block;font:600 12px/1.6 "Barlow",Arial,sans-serif;color:#b59175;letter-spacing:.12em;margin-bottom:12px}
#wrapwrap .ref-about-why{padding-top:77px;padding-bottom:88px}
#wrapwrap .ref-about-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}
#wrapwrap .ref-about-benefit{text-align:center;padding:10px 12px}
#wrapwrap .ref-about-benefit-icon{font:300 62px/1 "Barlow",Arial,sans-serif;color:#3a3a3a;margin:0 auto 24px;transition:transform .3s}
#wrapwrap .ref-about-benefit:hover .ref-about-benefit-icon{transform:translateY(-5px)}
#wrapwrap .ref-about-benefit h3{font:600 17px/1.5 "Barlow",Arial,sans-serif;margin:0 0 9px;color:#252525}
#wrapwrap .ref-about-benefit p{font:400 14px/1.6 "Barlow",Arial,sans-serif;color:#777;margin:0}
#wrapwrap .ref-about-story{display:grid;grid-template-columns:minmax(0,1fr) 44%;gap:45px;align-items:center;padding-top:80px;padding-bottom:70px}
#wrapwrap .ref-about-story-copy h2{font:450 clamp(28px,3.1vw,41px)/1.3 "Barlow",Arial,sans-serif;max-width:590px;margin:0 0 22px}
#wrapwrap .ref-about-story-copy p,#wrapwrap .ref-about-profile-copy p,#wrapwrap .ref-about-rich{font:400 15px/1.9 "Barlow",Arial,sans-serif;color:#686868}
#wrapwrap .ref-about-story-image{height:355px;background:#f1f0ee;overflow:hidden}
#wrapwrap .ref-about-story-image img,#wrapwrap .ref-about-profile-image img{display:block;width:100%;height:100%;object-fit:cover}
#wrapwrap .ref-about-no-image{width:100%;height:100%;min-height:190px;background:linear-gradient(120deg,#ebe8e4,#e5e1dc 45%,#d8d5d2);opacity:.72}
#wrapwrap .ref-about-metrics{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding-top:24px}
#wrapwrap .ref-about-metric strong{display:block;font:400 clamp(31px,3.6vw,51px)/1.3 "Barlow",Arial,sans-serif;color:var(--about-accent)}
#wrapwrap .ref-about-metric span{display:block;color:#737373;font-size:13px;line-height:1.6}
#wrapwrap .ref-about-facility,#wrapwrap .ref-about-team,#wrapwrap .ref-about-cert{background:#fafafa;padding:74px 0 84px}
#wrapwrap .ref-about-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
#wrapwrap .ref-about-tile{min-width:0;margin:0;text-align:center}
#wrapwrap .ref-about-tile a{display:block;overflow:hidden;aspect-ratio:1.6/1}
#wrapwrap .ref-about-tile>img,#wrapwrap .ref-about-tile a img{width:100%;aspect-ratio:1.6/1;object-fit:cover;display:block;transition:transform .32s}
#wrapwrap .ref-about-tile a:hover img{transform:scale(1.05)}
#wrapwrap .ref-about-tile .ref-about-no-image{aspect-ratio:1.6/1;min-height:0}
#wrapwrap .ref-about-tile figcaption{font:500 15px/1.6 "Barlow",Arial,sans-serif;padding:14px 7px;color:#343434}
#wrapwrap .ref-about-tile figcaption p{font:400 13px/1.65 "Barlow",Arial,sans-serif;color:#777;margin:4px 0}
#wrapwrap .ref-about-empty-note{text-align:center;background:#f6f4f2;border:1px solid #eee8e1;padding:45px 20px;color:#86817c;font:400 14px/1.7 "Barlow",Arial,sans-serif}
#wrapwrap .ref-about-cta{position:relative;isolation:isolate;background:#243733;min-height:285px;display:grid;place-items:center;overflow:hidden}
#wrapwrap .ref-about-cta-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}
#wrapwrap .ref-about-cta-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#081b1cc9,#101d1c9c)}
#wrapwrap .ref-about-cta-inner{text-align:center;padding:80px 0}
#wrapwrap .ref-about-cta-inner h2{font:500 clamp(26px,3.3vw,45px)/1.35 "Barlow",Arial,sans-serif!important;color:#fff!important;max-width:880px;margin:0 auto 24px}
#wrapwrap .ref-about-cta-inner a{color:#fff;text-decoration:none;font-size:14px;border-bottom:1px solid #fff;padding-bottom:5px}
#wrapwrap .ref-about-profile{padding-top:90px;padding-bottom:95px;display:grid;grid-template-columns:40% minmax(0,1fr);gap:45px;align-items:center}
#wrapwrap .ref-about-profile-image{width:100%;height:425px;background:#ece9e6}
#wrapwrap .ref-about-profile-copy h2{font:500 clamp(26px,2.65vw,35px)/1.3 "Barlow",Arial,sans-serif;margin:0 0 9px}
#wrapwrap .ref-about-profile-copy h3{font:500 17px/1.5 "Barlow",Arial,sans-serif;color:var(--about-accent);margin:0 0 20px}
#wrapwrap .ref-about-team{background:#fff}
#wrapwrap .ref-about-history{display:grid;grid-template-columns:37% minmax(0,1fr);gap:56px;padding-top:86px;padding-bottom:80px}
#wrapwrap .ref-about-history-intro h2{font:500 clamp(26px,2.8vw,35px)/1.4 "Barlow",Arial,sans-serif;margin:0 0 17px}
#wrapwrap .ref-about-history-intro p{font-size:14px;line-height:1.7;color:#777}
#wrapwrap .ref-about-history-intro img{display:block;width:100%;max-height:300px;object-fit:cover;margin-top:25px}
#wrapwrap .ref-about-timeline{position:relative;border-left:1px solid #d9c6b6;padding-left:30px}
#wrapwrap .ref-about-timeline article{display:grid;grid-template-columns:100px minmax(0,1fr);gap:18px;margin-bottom:23px;position:relative}
#wrapwrap .ref-about-timeline article:before{content:"";position:absolute;left:-36px;top:8px;width:10px;height:10px;border-radius:50%;background:#b59175}
#wrapwrap .ref-about-timeline article strong{font-size:15px;color:#a17b60}
#wrapwrap .ref-about-timeline article h3{font-size:15px;font-weight:600;margin:0 0 5px}
#wrapwrap .ref-about-timeline article p{font-size:13px;line-height:1.6;color:#777;margin:0}
#wrapwrap .ref-about-cert{background:#f8f8f8}
#wrapwrap .ref-about-certs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;justify-items:center}
#wrapwrap .ref-about-certs figure{margin:0;width:100%;text-align:center}
#wrapwrap .ref-about-certs a{display:block;width:100%;aspect-ratio:3/4}
#wrapwrap .ref-about-certs img{display:block;width:100%;height:100%;object-fit:contain;background:white}
#wrapwrap .ref-about-certs figcaption{font-size:12px;line-height:1.6;color:#666;margin-top:11px}
#wrapwrap .ref-about-contact{padding-top:90px;padding-bottom:110px}
#wrapwrap .ref-about-contact>.ref-np-notice{max-width:900px;margin:0 auto 20px}
#wrapwrap .ref-about-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:940px;gap:19px 28px;margin:0 auto}
#wrapwrap .ref-about-form label{display:flex;flex-direction:column;gap:7px;color:#777;font-size:13px;min-width:0}
#wrapwrap .ref-about-form input,#wrapwrap .ref-about-form textarea{display:block;width:100%;min-width:0;border:0;border-bottom:1px solid #dadada;border-radius:0;background:#fff;padding:12px 3px;font-size:15px;color:#333;outline:none}
#wrapwrap .ref-about-form input:focus,#wrapwrap .ref-about-form textarea:focus{border-color:#b59175}
#wrapwrap .ref-about-form-full{grid-column:1/-1}
#wrapwrap .ref-about-form>p{text-align:center;margin:0;color:#777;font-size:12px}
#wrapwrap .ref-about-form button{grid-column:1/-1;justify-self:center;min-width:205px;border:0;background:#b59175;color:white;padding:13px 38px;font-size:14px;cursor:pointer}
#wrapwrap .ref-about-form button:hover{background:#987053}
@media(max-width:1050px){#wrapwrap .ref-about-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}#wrapwrap .ref-about-story{gap:24px}#wrapwrap .ref-about-profile{gap:24px}#wrapwrap .ref-about-certs{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:780px){#wrapwrap .ref-about-page .ref-about-banner{min-height:315px}#wrapwrap .ref-about-page .ref-about-banner .ref-np-banner-copy{padding:108px 0 51px}#wrapwrap .ref-about-story,#wrapwrap .ref-about-profile,#wrapwrap .ref-about-history{grid-template-columns:minmax(0,1fr)}#wrapwrap .ref-about-story-image{height:280px}#wrapwrap .ref-about-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}#wrapwrap .ref-about-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}#wrapwrap .ref-about-profile-image{height:360px}#wrapwrap .ref-about-history{gap:28px}}
@media(max-width:510px){#wrapwrap .ref-about-page .ref-about-banner{min-height:270px}#wrapwrap .ref-about-page .ref-about-banner .ref-np-banner-copy{padding:91px 0 40px}#wrapwrap .ref-about-heading{margin-bottom:27px}#wrapwrap .ref-about-why,#wrapwrap .ref-about-profile,#wrapwrap .ref-about-contact{padding-top:54px;padding-bottom:60px}#wrapwrap .ref-about-benefits{gap:17px}#wrapwrap .ref-about-benefit{padding:6px}#wrapwrap .ref-about-benefit h3{font-size:14px}#wrapwrap .ref-about-benefit-icon{font-size:48px;margin-bottom:13px}#wrapwrap .ref-about-story{padding-top:49px;padding-bottom:48px}#wrapwrap .ref-about-gallery,#wrapwrap .ref-about-certs{grid-template-columns:minmax(0,1fr)}#wrapwrap .ref-about-tile{max-width:450px;width:100%;margin-inline:auto}#wrapwrap .ref-about-cta-inner{padding:58px 0}#wrapwrap .ref-about-history{padding-top:60px;padding-bottom:55px}#wrapwrap .ref-about-form{grid-template-columns:minmax(0,1fr)}#wrapwrap .ref-about-form-full,#wrapwrap .ref-about-form button{grid-column:1}}
@media(prefers-reduced-motion:reduce){#wrapwrap .ref-about-tile a img,#wrapwrap .ref-about-benefit-icon{transition:none}}
