.services{--services-header:88px;--flower-height:min(66svh,720px,105vw);position:relative;min-height:calc(100svh - var(--services-header));background:#85862c;color:var(--brand)}
.services__inner{position:sticky;top:var(--services-header);height:calc(100svh - var(--services-header));overflow:hidden}
.services__composition{position:absolute;inset:0;transform:translate3d(0,0,0);transform-origin:50% var(--head-center-y,calc(50svh - var(--services-header)));transition:transform .9s cubic-bezier(.22,.61,.36,1)}
.has-service-detail .services__composition{transform:translate3d(-20vw,0,0)}
.services__flower{position:absolute;z-index:1;left:50%;top:0;height:var(--flower-height);width:auto;max-width:none;display:block;transform:translate3d(-49.4%,var(--flower-top,calc(50svh - var(--services-header) - var(--flower-height) * .191)),0);pointer-events:none;user-select:none}
.services__title{position:absolute;z-index:3;top:clamp(20px,3svh,32px);left:32px;margin:0;color:#fffbf2;font-family:'Pinyon Script',cursive;font-size:clamp(56px,8svh,88px);font-weight:400;line-height:1.2}
.services__orbit{--orbit-size:min(50svh,560px,68vw);--node-size:clamp(76px,calc(var(--orbit-size) * .26),132px);position:absolute;z-index:var(--orbit-layer,2);left:50%;top:var(--head-center-y,calc(50svh - var(--services-header)));width:var(--orbit-size);height:var(--orbit-size);transform:translate(-50%,-50%);color:#fffbf2;pointer-events:none}
.services__orbit-ring{position:absolute;inset:0;border:1.5px solid currentColor;border-radius:50%}
.services__areas{position:absolute;inset:0;list-style:none;padding:0;margin:0;animation:services-orbit-turn 90s linear infinite;animation-play-state:var(--orbit-play,paused)}
.services__area span{animation:services-orbit-turn 90s linear infinite reverse;animation-play-state:var(--orbit-play,paused)}
@keyframes services-orbit-turn{to{transform:rotate(360deg)}}
.services__area{position:absolute;display:grid;place-items:center;width:var(--node-size);height:var(--node-size);padding:4px;border:1.5px solid currentColor;border-radius:50%;background:#85862c;transform:translate(-50%,-50%);font-family:Manrope,Arial,sans-serif;font-size:clamp(12px,calc(var(--orbit-size) * .033),18px);font-weight:500;line-height:1.2;text-align:center}
.services__area--rebranding{left:6.699%;top:25%}
.services__area--new-brand{left:93.301%;top:25%}
.services__area--brand-refresh{left:50%;top:100%}
.services__area-button{display:grid;place-items:center;position:absolute;inset:0;width:100%;height:100%;padding:4px;border:0;border-radius:50%;background:transparent;color:inherit;font:inherit;cursor:pointer;pointer-events:auto}
.services__area-button:disabled{pointer-events:none;cursor:default}
.services__area-button:focus-visible{outline:2px solid #fffbf2;outline-offset:5px}
.services__area-button[aria-expanded="true"]{box-shadow:inset 0 0 0 2px #fffbf2}
.services__detail{container-type:inline-size;position:absolute;z-index:2;left:57%;top:var(--head-center-y,calc(50svh - var(--services-header)));width:min(38%,580px);max-height:calc(100% - 64px);overflow-y:auto;padding:8px 10px 8px 0;color:#fffbf2;background:#85862c;opacity:0;visibility:hidden;transform:translate3d(24px,-50%,0);transition:opacity .55s ease,transform .75s cubic-bezier(.22,.61,.36,1),visibility .55s}
.services__detail[aria-hidden="true"]{visibility:hidden;transition:none}
.has-service-detail .services__detail[aria-hidden="false"]{opacity:1;visibility:visible;transform:translate3d(0,-50%,0);transition-delay:.15s}
.services__detail h3{margin:0 0 30px;font-family:'Source Serif 4',Georgia,serif;font-style:italic;font-size:calc(clamp(16px,6cqw,32px) + 1pt);font-weight:400;line-height:1.2;white-space:nowrap}
.services__detail ul{margin:0;padding-left:1.2em;font-family:Manrope,Arial,sans-serif;font-size:calc(clamp(13px,.9vw,15px) + 1pt);line-height:1.55}
.services__detail li + li{margin-top:10px}
@media(max-width:1100px){
  .has-service-detail .services__composition{transform:translate3d(0,-12svh,0) scale(.7)}
  .services__detail{left:24px;top:54%;width:calc(100% - 48px);max-height:42%;transform:translate3d(0,16px,0)}
  .has-service-detail .services__detail[aria-hidden="false"]{transform:translate3d(0,0,0)}
  .services__detail h3{margin-bottom:24px}
  .services__detail ul{font-size:calc(13px + 1pt);line-height:1.5}
  .services__detail li + li{margin-top:8px}
}
.services.is-flower-animated{min-height:calc(100svh - var(--services-header) + var(--flower-scroll) + 15svh + var(--services-turn-scroll,0px) + var(--canvas-scroll,0px))}
.is-flower-animated .services__flower{visibility:var(--flower-visibility,hidden);will-change:transform}
.is-flower-animated .services__title{opacity:var(--areas-title-opacity,0);transform:translateY(var(--areas-title-offset,14px))}
.is-flower-animated .services__orbit-ring{transform:scale(var(--orbit-scale,0))}
.is-flower-animated .services__area{transform:translate(-50%,-50%) scale(0)}
.is-flower-animated.is-areas-visible .services__area{animation:services-area-grow .85s cubic-bezier(.22,.61,.36,1) both}
@keyframes services-area-grow{from{transform:translate(-50%,-50%) scale(0)}to{transform:translate(-50%,-50%) scale(1)}}
@media(max-width:760px){.services{--services-header:116px}.services__title{left:24px}}
@media(prefers-reduced-motion:reduce){.services.is-flower-animated{min-height:calc(100svh - var(--services-header))}.services__flower{will-change:auto}.services__areas,.services__area span,.is-flower-animated.is-areas-visible .services__area{animation:none}.is-flower-animated .services__area{transform:translate(-50%,-50%)}}

.services__more{display:inline-block;margin-top:24px;padding:10px 0;color:inherit;font:400 calc(clamp(13px,.9vw,15px) + 1pt)/1.55 Manrope,Arial,sans-serif;text-underline-offset:4px}
.services__more:focus-visible{outline:2px solid currentColor;outline-offset:4px}