/* A single illustrated service page, using the portfolio's existing palette. */
.services-main{max-width:1256px;margin:auto;padding:12px 48px 0}.services-intro{position:relative;padding:85px 0 72px;isolation:isolate}.services-intro h1{font-size:clamp(62px,7.5vw,108px);margin-bottom:28px}.services-intro>p:not(.eyebrow){font-size:21px;line-height:1.6;max-width:590px}.services-intro .services-intro-note{font-size:15px!important;max-width:540px!important;color:var(--muted);line-height:1.8!important}.services-intro-flower{position:absolute;width:36%;right:1%;top:40px;z-index:-1;transform:rotate(12deg);animation:service-bloom 9s ease-in-out infinite}.service-index{display:flex;flex-wrap:wrap;gap:18px 30px;border-block:1px solid var(--rule);padding:24px 0;font-size:13px;color:var(--pink)}.service-index a:hover,.service-examples a:hover{color:var(--bright)}.service-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,6vw,84px);align-items:center;padding-top:100px;scroll-margin-top:30px}.service-row-reverse .service-picture,.service-row-reverse .service-window{grid-column:2;grid-row:1}.service-row-reverse .service-copy{grid-column:1;grid-row:1}.service-picture{display:block;background:var(--pink);border-radius:3px;overflow:hidden}.service-picture img{width:100%;height:auto;object-fit:contain}.service-copy h2,.service-process h2,.service-final h2{font:normal clamp(36px,4.1vw,56px)/1.1 Georgia,serif;letter-spacing:-1.6px;margin:0 0 24px}.service-copy>p:not(.eyebrow){font-size:15px;line-height:1.8;color:var(--muted)}.service-copy .eyebrow{font-size:10px;letter-spacing:1.4px}.service-examples{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:25px;font-size:12px;color:var(--pink)}.service-examples a{border-bottom:1px solid var(--rule);padding-bottom:5px}.service-window{position:relative;min-height:460px;border:2px solid var(--pink);border-radius:140px 140px 3px 3px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:34px 24px;overflow:hidden}.service-window img{width:65%;max-height:280px;object-fit:contain}.service-window span{text-align:center;font:italic 30px/1.2 Georgia,serif;color:var(--pink);margin-top:15px}.service-process{margin-top:110px;padding-top:65px;border-top:1px solid var(--rule)}.service-process ol{list-style:none;counter-reset:process;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;padding:25px 0 0;margin:0}.service-process li{counter-increment:process}.service-process li:before{content:'0' counter(process);font:italic 34px Georgia,serif;color:var(--bright)}.service-process h3{font-size:16px;font-weight:normal;margin:20px 0 10px}.service-process p,.service-faq p{font-size:14px;line-height:1.8;color:var(--muted)}.service-faq{margin:85px 0 0;max-width:780px}.service-faq h2{font:normal 32px Georgia,serif;color:var(--pink);margin-bottom:28px}.service-faq details{border-bottom:1px solid var(--rule);padding:20px 0}.service-faq summary{cursor:pointer;line-height:1.6;font-size:15px;color:var(--cream)}.service-faq summary:focus-visible{outline:2px solid var(--bright);outline-offset:5px}.service-faq p{max-width:680px}.service-final{text-align:center;padding:85px 0}.service-final>img{width:42px;height:auto;margin:0 auto 24px}.service-final h2{font-size:clamp(42px,5vw,64px)}
@keyframes service-bloom{0%,100%{transform:rotate(8deg) translateY(0)}50%{transform:rotate(12deg) translateY(-7px)}}
@media(max-width:1050px){.services-main{padding-inline:30px}.services-intro{padding-top:65px}.services-intro>p:not(.eyebrow){max-width:55%}.services-intro .services-intro-note{max-width:56%!important}.service-row{gap:35px}.service-window{min-height:380px}}
@media(max-width:700px){.services-main{padding:10px 20px 0}.services-intro{padding:45px 0 36px}.services-intro .eyebrow{font-size:9px;max-width:230px;line-height:1.8}.services-intro h1{font-size:66px;position:relative;z-index:1}.services-intro-flower{width:39%;top:50px;right:-5px;opacity:.85}.services-intro>p:not(.eyebrow){font-size:18px;max-width:100%}.services-intro .services-intro-note{font-size:14px!important;max-width:100%!important}.service-index{gap:16px 24px;font-size:12px;padding-block:20px}.service-row{grid-template-columns:1fr;gap:28px;padding-top:55px}.service-row .service-picture,.service-row .service-window,.service-row .service-copy{grid-column:auto;grid-row:auto}.service-copy h2{font-size:42px}.service-copy>p:not(.eyebrow){font-size:14px}.service-window{min-height:340px;max-height:420px}.service-window img{width:56%;max-height:240px}.service-process{margin-top:65px;padding-top:40px}.service-process h2{font-size:39px}.service-process ol{grid-template-columns:1fr;gap:22px;padding-top:10px}.service-process li{position:relative;padding-left:53px}.service-process li:before{position:absolute;left:0;top:10px}.service-process h3{margin-top:12px}.service-faq{margin-top:50px}.service-faq summary{font-size:14px}.service-final{padding:65px 0}}
@media(max-width:700px){.services-intro-flower{width:85px;top:15px;right:0;opacity:1}.services-intro .eyebrow{max-width:calc(100% - 100px)}.services-intro h1{margin-top:42px}}

/* Use the same title accent as “poésie” on the home page. */
.services-page h1 em,.services-page h2 em{color:var(--bright)}
.service-index{font-size:18px;gap:22px 36px;padding-block:26px}
.service-index a{padding:5px 0}
.service-process li:before{font-size:64px;line-height:1.1}
@media(max-width:700px){.services-intro h1{font-size:clamp(43px,10vw,66px)}.service-index{font-size:16px;display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}.service-process li{padding-left:78px;min-height:60px}.service-process li:before{font-size:48px;top:8px}}