.service-selector{background:var(--ink);color:var(--cream);margin-top:clamp(6rem,9vw,9rem);padding-block:clamp(4rem,7vw,7rem)}.service-selector__heading{justify-content:space-between;align-items:flex-end;gap:2rem;display:flex}.service-selector__heading>div{max-width:58rem}.service-selector__heading .eyebrow{opacity:.7}.service-selector__heading h2{text-wrap:balance;max-width:16ch;margin-top:1.25rem}.service-selector__intro{max-width:28ch;color:color-mix(in oklch, var(--cream) 75%, transparent);flex:0 18rem;font-size:1.0625rem;line-height:1.55}.service-selector__tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:.625rem;margin-block:3rem .875rem;display:grid}.service-selector__tab{border:1px solid color-mix(in oklch, var(--cream) 22%, transparent);min-width:0;color:var(--cream);text-align:left;cursor:pointer;border-radius:1.125rem;flex-direction:column;align-items:flex-start;padding:1.125rem 1.5rem;display:flex;position:relative}.service-selector__tab:before{z-index:0;border-radius:inherit;background:var(--sky);content:"";opacity:0;transition:opacity .16s ease-out;position:absolute;inset:-1px}.service-selector__tab>*{position:relative}.service-selector__tab[aria-selected=true]{color:var(--ink);border-color:#0000}.service-selector__tab[aria-selected=true]:before{opacity:1}.service-selector__tab-top{justify-content:space-between;align-items:center;width:100%;margin-bottom:1.25rem;display:flex}.service-selector__number{letter-spacing:.08em;opacity:.65;font-size:.6875rem}.service-selector__tab svg{transition:transform .18s ease-out}.service-selector__tab-label{letter-spacing:-.02em;font-size:clamp(1.0625rem,1.5vw,1.5rem);font-weight:500;line-height:1.15}.service-selector__tab-price{font-variant-numeric:tabular-nums;margin-top:.75rem;font-size:.9375rem}.service-selector__tab-price>span{opacity:.7}.service-selector__panel{background:var(--cream);color:var(--ink);border-radius:1.5rem;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);display:grid;overflow:hidden}.service-selector__panel :focus-visible,.service-selector__panel:focus-visible{outline-color:var(--ink)}.service-selector__summary{flex-direction:column;align-items:flex-start;padding:clamp(1.5rem,3.2vw,3.5rem);animation:.24s ease-out both service-summary-in;display:flex}.service-selector__kicker{letter-spacing:.065em;text-transform:uppercase;align-items:center;gap:.75rem;font-size:.6875rem;line-height:1.4;display:inline-flex}.service-selector__kicker>span{border:1px solid color-mix(in oklch, var(--ink) 20%, transparent);letter-spacing:0;border-radius:50%;place-items:center;width:1.5rem;height:1.5rem;display:inline-grid}.service-selector__summary h3{letter-spacing:-.035em;text-wrap:balance;max-width:16ch;min-height:2.08em;margin-top:1.5rem;font-size:clamp(1.875rem,3vw,3.125rem);font-weight:500;line-height:1.04}.service-selector__audience{max-width:36ch;min-height:4.5em;color:var(--muted-foreground);margin-top:1rem;font-size:1rem;line-height:1.5}.service-selector__price{flex-direction:column;justify-content:flex-end;gap:.25rem;min-height:5.5rem;margin-top:1.25rem;display:flex}.service-selector__price>span{color:var(--muted-foreground);font-size:.8125rem}.service-selector__price strong{letter-spacing:-.055em;font-variant-numeric:tabular-nums;font-size:clamp(3rem,5vw,5rem);font-weight:500;line-height:1}.service-selector__price [data-price-kind=scope]{letter-spacing:-.04em;font-size:clamp(2rem,3vw,3rem)}.service-selector__includes{border-top:1px solid color-mix(in oklch, var(--ink) 16%, transparent);width:100%;margin-block:1.75rem;padding-top:1.25rem}.service-selector__includes .eyebrow{color:var(--muted-foreground);font-size:.625rem}.service-selector__includes ul{gap:.625rem;margin-top:.875rem;display:grid}.service-selector__includes li{align-items:flex-start;gap:.625rem;font-size:.875rem;line-height:1.4;display:flex}.service-selector__includes svg{color:var(--primary);flex-shrink:0;margin-top:1px}.service-selector__actions{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:auto;display:flex}.service-selector__choose{background:var(--primary);min-height:3rem;color:var(--primary-foreground);border-radius:999px;justify-content:space-between;align-items:center;gap:1.125rem;padding:.875rem 1.25rem;font-size:.875rem;font-weight:500;display:inline-flex}.service-selector__choose svg,.service-selector__details svg,.service-selector__agreed a svg{flex-shrink:0;transition:transform .16s ease-out}.service-selector__details{text-underline-offset:4px;align-items:center;gap:.5rem;min-height:2.75rem;font-size:.8125rem;display:inline-flex}.service-selector__visual{background:var(--sky);flex-direction:column;justify-content:center;min-width:0;padding:1.75rem clamp(1rem,2.25vw,2.5rem);display:flex}.service-selector__visual-caption{justify-content:space-between;gap:1rem;margin-bottom:1.5rem;font-size:.625rem;line-height:1.4;display:flex}.service-selector__visual-caption span:last-child{font-variant-numeric:tabular-nums;flex-shrink:0}.service-selector__stage{isolation:isolate;aspect-ratio:6/5;border-radius:1rem;position:relative;overflow:hidden}.service-selector__scene{position:absolute;inset:0}.service-selector__scene--enter{animation:.42s cubic-bezier(.22,.7,.2,1) both service-window-in}.service-selector__scene--exit{animation:.42s cubic-bezier(.22,.7,.2,1) both service-window-out}.service-selector__scene--exit .service-window *{animation:none}.service-selector__preview-note{max-width:45ch;color:color-mix(in oklch, var(--ink) 75%, transparent);margin-top:1.25rem;font-size:.6875rem;line-height:1.5}.service-selector__draft{max-width:70ch;color:color-mix(in oklch, var(--cream) 70%, transparent);margin-block:1.25rem 2.5rem;font-size:.75rem;line-height:1.5}.service-selector__agreed{border-top:1px solid color-mix(in oklch, var(--cream) 20%, transparent);justify-content:space-between;align-items:center;gap:1.5rem;padding-top:1.75rem;display:flex}.service-selector__agreed h3{letter-spacing:-.02em;font-size:clamp(1.125rem,1.8vw,1.5rem);font-weight:500}.service-selector__agreed p{color:color-mix(in oklch, var(--cream) 70%, transparent);margin-top:.5rem;font-size:.8125rem;line-height:1.5}.service-selector__agreed a{border:1px solid color-mix(in oklch, var(--cream) 40%, transparent);border-radius:999px;flex-shrink:0;align-items:center;gap:1.5rem;min-height:2.75rem;padding:.75rem 1.125rem;font-size:.8125rem;display:inline-flex}@keyframes service-summary-in{0%{opacity:.25;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes service-window-in{0%{transform:translateY(101%)}to{transform:translateY(0)}}@keyframes service-window-out{0%{transform:translateY(0)}to{transform:translateY(-101%)}}@media (hover:hover) and (pointer:fine){.service-selector__tab:not([aria-selected=true]):hover:before{opacity:.12}.service-selector__tab:hover svg,.service-selector__choose:hover svg,.service-selector__agreed a:hover svg{transform:translate(2px,-2px)}.service-selector__details:hover{text-decoration:underline}.service-selector__details:hover svg{transform:translate(3px)}}@media (width<=1023px){.service-selector__heading{flex-direction:column;align-items:flex-start;gap:1.25rem}.service-selector__intro{flex-basis:auto;max-width:42ch}.service-selector__panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.service-selector__summary{padding:1.5rem}.service-selector__actions{gap:.5rem}}@media (width<=699px){.service-selector__tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:2rem}.service-selector__tab{border-radius:1rem;padding:1rem}.service-selector__tab-top{margin-bottom:.875rem}.service-selector__tab-label{font-size:1.0625rem}.service-selector__tab-price{margin-top:.625rem;font-size:.8125rem}.service-selector__panel{grid-template-columns:minmax(0,1fr)}.service-selector__summary{padding:1.5rem}.service-selector__summary h3{min-height:2.08em;margin-top:1.25rem;font-size:2rem}.service-selector__audience{max-width:36ch;min-height:4.5em}.service-selector__price{min-height:5rem;margin-top:.5rem}.service-selector__includes{margin-block:1.25rem}.service-selector__visual{grid-row:1;padding:1.25rem 1rem}.service-selector__visual-caption{margin-bottom:1rem}.service-selector__stage{align-self:center;width:100%;max-width:30rem}.service-selector__preview-note{margin-top:.875rem}.service-selector__agreed{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.service-selector *,.service-selector :before{transition:none!important;animation:none!important}.service-selector__scene--exit{display:none}}.process-showcase{color:var(--ink);padding-block:clamp(64px,8vw,120px)}.process-showcase__heading{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:36px;display:flex}.process-showcase__heading .eyebrow{color:var(--muted-foreground)}.process-showcase__heading h2{letter-spacing:-.045em;max-width:15ch;margin-top:17px;font-size:clamp(36px,4.5vw,68px);font-weight:500;line-height:1.04}.process-showcase__heading>p{max-width:28ch;color:var(--muted-foreground);padding-bottom:3px;font-size:17px;line-height:1.5}.process-showcase__steps{margin:0;padding:0;list-style:none}.process-showcase__step{border-top:1px solid color-mix(in srgb, var(--ink) 20%, transparent)}.process-showcase__step:last-child{border-bottom:1px solid color-mix(in srgb, var(--ink) 20%, transparent)}.process-showcase__step[data-open]{background:var(--sky);border-color:#0000;border-radius:24px;margin-block:12px}.process-showcase__step[data-open]+.process-showcase__step{border-top-color:#0000}.process-showcase__step h3{font:inherit;margin:0}.process-showcase__step h3>button{width:100%;min-height:88px;color:var(--ink);text-align:left;cursor:pointer;border-radius:24px;grid-template-columns:76px minmax(0,1fr) auto 44px;align-items:center;gap:24px;padding:20px 22px 20px 0;scroll-margin-top:100px;scroll-margin-bottom:16px;display:grid}.process-showcase__step[data-open] h3>button{padding-left:24px}.process-showcase__index{font-family:var(--font-serif);letter-spacing:-.055em;color:var(--primary);font-size:clamp(38px,4.3vw,60px);font-style:italic;font-weight:400;line-height:1}.process-showcase__title{letter-spacing:-.035em;font-size:clamp(23px,2.7vw,37px);font-weight:500;line-height:1.1}.process-showcase__note{color:var(--muted-foreground);font-size:12px;line-height:1.4}.process-showcase__arrow{border:1px solid color-mix(in srgb, var(--ink) 28%, transparent);border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.process-showcase__arrow svg{width:19px;height:19px;transition:transform .22s cubic-bezier(.22,.7,.2,1)}.process-showcase__step[data-open] .process-showcase__arrow{background:var(--ink);color:var(--cream);border-color:var(--ink)}.process-showcase__step[data-open] .process-showcase__arrow svg{transform:rotate(90deg)}.process-showcase__step h3>button:focus-visible{outline:3px solid var(--primary);outline-offset:4px}.process-showcase__panel{grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr);gap:40px;padding:0 24px 26px;display:grid}.process-showcase__panel[hidden]{display:none}.process-showcase__art{aspect-ratio:8/5;border:1px solid color-mix(in srgb, var(--ink) 15%, transparent);background:color-mix(in srgb, var(--cream) 55%, transparent);border-radius:19px;width:100%;max-height:300px;overflow:hidden}.process-showcase__art>svg{width:100%;height:100%;display:block}.process-showcase__detail{flex-direction:column;justify-content:space-between;min-width:0;padding-block:10px;display:flex}.process-showcase__detail>p{letter-spacing:-.015em;max-width:50ch;margin:0;font-size:clamp(17px,1.6vw,22px);line-height:1.5}.process-showcase__detail dl{border-top:1px solid color-mix(in srgb, var(--ink) 20%, transparent);grid-template-columns:1fr 1fr;gap:24px;margin-top:26px;padding-top:18px;display:grid}.process-showcase__detail dt{color:color-mix(in srgb, var(--ink) 78%, transparent);margin-bottom:6px;font-size:11px}.process-showcase__detail dd{font-size:14px;line-height:1.4}@media (hover:hover){.process-showcase__step:not([data-open]) h3>button:hover .process-showcase__arrow svg{transform:rotate(45deg)}.process-showcase__step:not([data-open]) h3>button:hover .process-showcase__title{color:var(--primary)}}@media (prefers-reduced-motion:no-preference){.process-showcase__panel:not([hidden]) .process-showcase__art>svg{animation:.28s cubic-bezier(.22,.7,.2,1) both process-art-settle}.process-showcase__panel:not([hidden]) .process-showcase__detail{animation:.24s cubic-bezier(.22,.7,.2,1) both process-detail-in}}@keyframes process-art-settle{0%{opacity:0;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes process-detail-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width<=1023px){.process-showcase__step h3>button{grid-template-columns:56px minmax(0,1fr) auto 44px;gap:18px}.process-showcase__panel{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:26px}.process-showcase__detail dl{grid-template-columns:1fr;gap:14px;margin-top:20px}}@media (width<=767px){.process-showcase__heading{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:28px}.process-showcase__heading h2{max-width:16ch;font-size:clamp(35px,6.6vw,50px)}.process-showcase__heading>p{max-width:36ch;font-size:15px}.process-showcase__step h3>button{grid-template-columns:42px minmax(0,1fr) 44px;gap:6px 13px;padding:18px 0}.process-showcase__step[data-open] h3>button{padding:18px}.process-showcase__index{grid-area:1/1;font-size:39px}.process-showcase__title{grid-area:1/2;font-size:clamp(21px,4vw,26px)}.process-showcase__arrow{grid-area:1/3/3}.process-showcase__note{grid-area:2/2;font-size:10px}.process-showcase__panel{grid-template-columns:minmax(0,1fr);gap:18px;padding:0 18px 22px}.process-showcase__art{border-radius:15px;max-height:260px}.process-showcase__detail{padding-block:0}.process-showcase__detail>p{font-size:16px;line-height:1.55}.process-showcase__detail dl{grid-template-columns:1fr 1fr;gap:18px;margin-top:19px;padding-top:16px}.process-showcase__detail dt{font-size:10px}.process-showcase__detail dd{font-size:12px}.process-showcase__step[data-open]{border-radius:21px}}@media (width<=360px){.process-showcase__step h3>button{grid-template-columns:36px minmax(0,1fr) 44px;column-gap:10px}.process-showcase__step[data-open] h3>button{padding-inline:14px}.process-showcase__title{font-size:20px}.process-showcase__index{font-size:35px}.process-showcase__panel{padding-inline:14px}.process-showcase__detail dl{grid-template-columns:1fr;gap:14px}}@media (prefers-reduced-motion:reduce){.process-showcase__arrow svg{transition:none}}
