*{box-sizing:border-box}html{color-scheme:light;background:#f3eee4}body{margin:0;background:#f3eee4;color:#562c37;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}button,article{-webkit-tap-highlight-color:transparent}button:focus-visible,.card:focus-visible{outline:2px solid #b66c53;outline-offset:6px}.services{width:90%;max-width:1900px;margin:auto;padding:6.15vw 0 4.2vw}.intro{display:grid;grid-template-columns:42.5% 57.5%;align-items:start;margin-bottom:5.65vw}h1{font-size:clamp(42px,3.82vw,81px);line-height:1;letter-spacing:-.065em;font-weight:400;margin:0}h1 span,.intro-copy p span{color:#a4897d}.intro-copy p{font-size:clamp(20px,1.7vw,36px);line-height:1.14;letter-spacing:-.045em;font-weight:500;margin:0 0 2.25vw;max-width:97%}.discover{display:flex;align-items:center;gap:15px;border:0;border-radius:100px;background:#663545;color:#fff8ee;font-size:clamp(13px,1.02vw,21px);padding:1.02vw 1.65vw;min-height:44px;transition:background .25s,transform .25s}.discover:hover{background:#814357;transform:translateY(-2px)}svg{width:1.35em;height:1.35em;fill:none;stroke:currentColor;stroke-width:1.25;flex-shrink:0}.cards{display:flex;gap:1.58vw;width:100%}.card{isolation:isolate;position:relative;overflow:hidden;flex:1 1 0;min-width:0;height:24.95vw;max-height:530px;transition:flex-grow .65s cubic-bezier(.22,.7,.25,1);cursor:pointer}.cards.has-active .card{flex-grow:1}.cards.has-active .card.active{flex-grow:1.3333}.card img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;z-index:-2;transition:transform .8s cubic-bezier(.22,.7,.25,1);pointer-events:none}.card.active img{transform:scale(1.025)}.shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(29,20,19,.4),rgba(29,20,19,.18) 45%,rgba(29,20,19,.4));z-index:-1;pointer-events:none}.card h2{color:#fff8ee;position:absolute;top:2.65vw;left:2.65vw;margin:0;font-weight:400;font-size:clamp(24px,2.34vw,50px);line-height:1.14;letter-spacing:-.045em;white-space:nowrap}.description{color:#fff8ee;position:absolute;top:10.95vw;left:2.65vw;right:1.7vw;font-size:clamp(14px,1.08vw,23px);line-height:1.5;letter-spacing:-.025em;margin:0;opacity:0;transform:translateY(12px);transition:opacity .28s,transform .4s;pointer-events:none}.card.active .description{opacity:1;transform:translateY(0);transition-delay:.15s}.card:nth-child(3) .description{top:12.1vw}.learn{position:absolute;bottom:2.65vw;left:2.65vw;background:transparent;color:#fff;border:1px solid #ffffff70;border-radius:100px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:.88vw 1.6vw;font-size:clamp(12px,.98vw,21px);min-height:40px;white-space:nowrap;transition:background .2s,border-color .2s}.learn:hover{background:#ffffff20;border-color:#fff}.learn svg{transition:transform .25s}.learn:hover svg{transform:translateX(3px)}dialog{background:#f3eee4;color:#562c37;border:1px solid #cdb7aa;padding:48px;max-width:540px;width:calc(100% - 40px);border-radius:4px}dialog::backdrop{background:#2b1924a8;backdrop-filter:blur(7px)}dialog h2{font-size:36px;line-height:1.05;font-weight:400;letter-spacing:-.04em;margin:20px 0}dialog p{color:#80665c;line-height:1.6}.eyebrow{font-size:11px;letter-spacing:.15em}.close{position:absolute;right:15px;top:10px;border:0;background:transparent;color:#562c37;font-size:30px}
@media(min-width:2200px){.services{padding-top:130px}.intro{margin-bottom:120px}.card h2{top:55px;left:55px}.description{top:230px;left:55px}.card:nth-child(3) .description{top:255px}.learn{left:55px;bottom:55px}}
@media(max-width:850px){.services{width:90%;padding:55px 0}.intro{grid-template-columns:1fr;gap:30px;margin-bottom:45px}h1{font-size:56px}.intro-copy p{font-size:23px;max-width:650px;margin-bottom:24px}.discover{padding:15px 23px}.cards{gap:14px}.card{height:430px}.card h2{font-size:25px;top:24px;left:20px;white-space:normal}.card h2 br{display:none}.description,.card:nth-child(3) .description{top:190px;left:20px;right:20px;font-size:15px}.desktop-break{display:none}.learn{bottom:24px;left:20px;padding:12px 15px;font-size:12px;gap:8px}.cards.has-active .card.active{flex-grow:1.7}}
@media(max-width:600px){.services{padding-top:40px}h1{font-size:49px}.intro-copy p{font-size:21px;line-height:1.2}.cards{flex-direction:column;gap:16px}.card{flex:none!important;width:100%;height:360px;transition:height .5s}.card.active{height:410px}.card h2{font-size:32px;top:28px;left:28px}.card h2 br{display:initial}.description,.card:nth-child(3) .description{top:195px;left:28px;font-size:16px}.learn{left:28px;bottom:28px;font-size:14px;padding:13px 20px;gap:18px}.card img{object-position:center 47%}dialog{padding:36px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}