.services-page__hero{padding:clamp(132px, 17vh, 180px) var(--gutter) clamp(64px, 9vw, 120px)}.services-page__hero .kinetic{font-size:clamp(56px,12.7vw,190px)}.services-page__hero>p{max-width:40ch;color:var(--muted);margin-top:36px;font-size:clamp(17px,1.8vw,25px);line-height:1.5}.services-page__list{padding-inline:var(--gutter)}.services-page__list>div{border-top:1px solid var(--hairline);scroll-margin-top:100px}.services-page__list>div:last-child{border-bottom:1px solid var(--hairline)}.service-index-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.9fr);gap:clamp(24px,4vw,64px);padding-block:clamp(40px,4.8vw,68px);display:grid}.service-index-row__heading{grid-template-columns:2ch minmax(0,1fr);align-content:start;align-items:baseline;gap:12px;display:grid}.service-index-row__heading>.label{color:var(--accent);margin:0;font-size:10px}.service-index-row h2{font:650 clamp(26px, 3.5vw, 52px)/1.08 var(--font-display), var(--font-sans), sans-serif;font-variation-settings:"wght" 650, "wdth" 85;letter-spacing:-.04em;transition:color .3s, font-variation-settings .45s var(--ease-out)}.service-index-row p{color:var(--muted);font-size:clamp(13px,1.2vw,17px);line-height:1.65}.service-index-row[data-hovered=true] h2{color:var(--accent);font-variation-settings:"wght" 500, "wdth" 105}.service-tags{flex-wrap:wrap;align-content:start;gap:8px;padding:0;list-style:none;display:flex}.service-tags li{border:1px solid var(--hairline);color:var(--muted);border-radius:99px;padding:4px 10px;font-size:11px;line-height:1.4;transition:color .3s,border-color .3s}.service-index-row[data-hovered=true] .service-tags li{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 30%, transparent)}.service-process{padding:clamp(80px, 10vw, 150px) var(--gutter) clamp(60px, 8vw, 110px)}.service-process>.label,.service-modes>.label,.service-included>.label,.service-related>.label{color:var(--muted);margin-bottom:32px;font-weight:400}.service-process ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;padding:0;list-style:none;display:grid}.service-process li{padding-top:20px;position:relative}.service-process li:before{content:"";background:var(--accent);transform-origin:0;height:1px;transition:transform .8s var(--ease-out);transition-delay:inherit;position:absolute;inset:0 0 auto;transform:scaleX(0)}.service-process li[data-revealed]:before,html:not([data-fx]) .service-process li:before{transform:scaleX(1)}.service-process h3,.service-mode h3{font:600 clamp(23px, 2.2vw, 32px)/1.15 var(--font-display), var(--font-sans), sans-serif;letter-spacing:-.025em;margin-bottom:12px}.service-process p,.service-mode p{color:var(--muted);font-size:14px;line-height:1.6}.service-modes{padding:0 var(--gutter) clamp(80px, 10vw, 150px)}.service-modes>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.service-mode{isolation:isolate;background:var(--surface);border-radius:4px;flex-direction:column;min-height:clamp(250px,23vw,340px);padding:clamp(24px,2.5vw,40px);transition:color .25s;display:flex;position:relative;overflow:hidden}.service-mode__fill{z-index:-1;background:var(--accent);pointer-events:none;position:absolute;inset:0;transform:translateY(101%)}.service-mode p{max-width:55ch;transition:color .25s}.service-mode>.label{margin-top:auto;margin-bottom:0;padding-top:40px;font-size:10px}.service-mode[data-hovered=true],.service-mode[data-hovered=true] p{color:var(--bg)}.header__nav a[aria-current=page]:not(.header__cta){color:var(--accent)}.service-detail__back{color:var(--muted);margin-bottom:36px;display:inline-block}.service-detail__back:hover{color:var(--accent)}.service-detail .services-page__hero .kinetic{font-size:clamp(48px,11.5vw,180px)}.service-detail__hero-foot{justify-content:space-between;align-items:end;gap:40px;margin-top:36px;display:flex}.service-detail__hero-foot p{max-width:42ch;color:var(--muted);font-size:clamp(18px,2vw,28px);line-height:1.45}.service-detail__cta{text-align:center;mix-blend-mode:normal;min-height:44px;font:11px/1 var(--font-mono), monospace;text-transform:uppercase;flex-shrink:0;justify-content:center;align-items:center;padding:0 24px;display:inline-flex}.service-included{padding:0 var(--gutter) clamp(80px, 10vw, 150px)}.service-included__row{border-top:1px solid var(--hairline);grid-template-columns:3ch minmax(0,1fr) minmax(0,1.1fr);align-items:baseline;gap:clamp(20px,4vw,64px);padding-block:clamp(32px,4vw,56px);display:grid}.service-included__row:last-child{border-bottom:1px solid var(--hairline)}.service-included__row>.label{color:var(--accent);margin:0;font-size:10px}.service-included h3{font:600 clamp(25px, 3vw, 42px)/1.12 var(--font-display), var(--font-sans), sans-serif;letter-spacing:-.035em}.service-included p{color:var(--muted);line-height:1.6}.service-description{padding:0 var(--gutter) clamp(80px, 10vw, 150px);grid-template-columns:minmax(0,.55fr) minmax(0,1fr);gap:64px;display:grid}.service-description>.label{color:var(--accent)}.service-description h2{font:600 clamp(32px, 4.2vw, 64px)/1.08 var(--font-display), var(--font-sans), sans-serif;letter-spacing:-.035em;margin-bottom:36px}.service-description p{color:var(--muted);margin-top:24px;font-size:17px;line-height:1.7}.service-description p:first-of-type{color:var(--text);font-size:clamp(20px,2vw,28px);line-height:1.55}.service-showcase{margin:0 var(--gutter) clamp(80px, 11vw, 160px)}.service-showcase__stage{aspect-ratio:16/9;background:#9bacc4;border-radius:4px;place-items:center;padding:clamp(24px,5.5vw,88px);display:grid;overflow:hidden}.service-showcase[data-service=branding] .service-showcase__stage{background:#8f9fb6}.service-showcase[data-service=packaging] .service-showcase__stage{background:#209ba0;padding:0;position:relative}.service-showcase__product{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.service-showcase__book{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(12px,2vw,32px);width:88%;display:grid}.service-showcase__book img{background:#fff;width:100%;height:auto;display:block;box-shadow:0 18px 28px -14px #141e3266}.service-showcase[data-service=presentations] .service-showcase__stage{background:#baa893}.service-showcase[data-service=development] .service-showcase__stage{background:#a2ac7c}.service-showcase__frame{width:min(100%,860px);transition:transform .55s var(--ease-out);background:#e8e7e2;border:1px solid #ffffff4d;border-radius:5px;overflow:hidden;box-shadow:0 24px 46px -18px #19191e66}.service-showcase__frame img{width:100%;height:auto;display:block}.service-showcase__frame--browser{width:min(86%,800px)}.service-showcase__browser-bar{background:#e8e7e2;gap:5px;padding:10px 12px;display:flex}.service-showcase__browser-bar i{background:#b4b3ae;border-radius:50%;width:5px;height:5px}.service-showcase__phones{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:clamp(18px,4vw,64px);width:min(78%,780px);padding-block:18px;display:grid}.service-showcase__phone{transition:transform .55s var(--ease-out);background:#222326;border:clamp(3px,.5vw,7px) solid #222326;border-radius:clamp(14px,3vw,40px);position:relative;overflow:hidden;transform:translateY(16px);box-shadow:0 22px 32px -12px #141e328c,0 0 0 1px #ffffff40}.service-showcase__phone:nth-child(2){transform:translateY(-16px)scale(1.07)}.service-showcase__phone img{width:100%;height:auto;display:block}.service-showcase__island{pointer-events:none;background:#17181a;border-radius:99px;width:36%;height:3%;position:absolute;top:2%;left:32%}.service-showcase__caption{color:var(--muted);justify-content:space-between;gap:20px;margin-top:20px;display:flex}.service-showcase__caption .label{margin:0;font-size:10px}.service-showcase__caption a:hover{color:var(--accent)}.service-showcase__stage:focus-visible{outline:2px solid var(--accent);outline-offset:6px}@media (hover:hover) and (prefers-reduced-motion:no-preference){html:not([data-motion=off]) .service-showcase__stage:hover .service-showcase__frame{transform:translateY(-5px)}html:not([data-motion=off]) .service-showcase__stage:hover .service-showcase__phone{transform:translateY(8px)}html:not([data-motion=off]) .service-showcase__stage:hover .service-showcase__phone:nth-child(2){transform:translateY(-22px)scale(1.07)}}@media (max-width:760px){.service-showcase__stage{aspect-ratio:4/3;padding:24px 16px}.service-showcase__phones{gap:12px;width:92%;padding-block:12px}.service-showcase__phone{transform:translateY(8px)}.service-showcase__phone:nth-child(2){transform:translateY(-8px)scale(1.07)}.service-showcase__frame--browser{width:94%}.service-showcase__book{gap:12px;width:100%}.service-showcase__caption{gap:12px}}.service-faq{padding:0 var(--gutter) clamp(80px, 11vw, 160px);grid-template-columns:minmax(0,.55fr) minmax(0,1fr);align-items:start;gap:64px;display:grid}.service-faq__heading{position:sticky;top:120px}.service-faq__heading>.label{color:var(--accent);display:block}.service-faq__heading h2{max-width:12ch;font:700 clamp(32px, 4.6vw, 72px)/.98 var(--font-display), var(--font-sans), sans-serif;letter-spacing:-.04em;overflow-wrap:anywhere}.service-accordion__item{border-top:1px solid var(--hairline)}.service-accordion__item:last-child{border-bottom:1px solid var(--hairline)}.service-accordion h3{font-weight:500}.service-accordion button{text-align:left;width:100%;font:550 clamp(20px, 2.1vw, 32px)/1.25 var(--font-display), var(--font-sans), sans-serif;letter-spacing:-.025em;justify-content:space-between;align-items:start;gap:32px;padding:28px 0;transition:color .25s;display:flex}.service-accordion button:hover,.service-accordion button:focus-visible,.service-accordion__item[data-open=true] button{color:var(--accent)}.service-accordion__icon{flex-shrink:0;width:16px;height:16px;margin-top:6px;position:relative}.service-accordion__icon:before,.service-accordion__icon:after{content:"";background:currentColor;width:16px;height:1px;position:absolute;top:7px;left:0}.service-accordion__icon:after{transition:transform .35s var(--ease-out);transform:rotate(90deg)}.service-accordion__item[data-open=true] .service-accordion__icon:after{transform:rotate(0)}.service-accordion__panel{visibility:hidden;transition:grid-template-rows .45s var(--ease-out), visibility .45s;grid-template-rows:0fr;display:grid}.service-accordion__panel>div{min-height:0;overflow:hidden}.service-accordion__item[data-open=true] .service-accordion__panel{visibility:visible;grid-template-rows:1fr}.service-accordion__panel p{color:var(--muted);opacity:0;max-width:58ch;transition:opacity .25s, transform .35s var(--ease-out);padding-bottom:32px;line-height:1.75;transform:translateY(6px)}.service-accordion__item[data-open=true] .service-accordion__panel p{opacity:1;transition-delay:60ms;transform:translateY(0)}.service-related{padding:0 var(--gutter) clamp(80px, 10vw, 150px)}.service-related>a{max-width:72%;display:block}.service-related__image{background:var(--surface);aspect-ratio:4/3;border-radius:4px;overflow:hidden}.service-related img{object-fit:cover;object-position:center 45%;width:100%;height:100%;transition:transform .7s var(--ease-out)}.service-related a:hover img{transform:scale(1.025)}.service-related__caption{justify-content:space-between;align-items:baseline;gap:24px;margin-top:24px;display:flex}.service-related h3{font:600 clamp(25px, 2.5vw, 36px)/1.2 var(--font-display), var(--font-sans), sans-serif;letter-spacing:-.025em}.service-related__caption>.label{color:var(--muted)}.service-next{border-top:1px solid var(--hairline);padding:clamp(64px, 8vw, 110px) var(--gutter)}.service-next>a{display:block}.service-next .label{color:var(--muted);margin-bottom:32px;display:block}.service-next .kinetic{max-width:75%}.service-next a:hover{color:var(--accent)}.service-next .kinetic__line:last-child{color:inherit}@media (max-width:1000px){.service-index-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.service-tags{grid-column:2}.service-process ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 32px}}@media (max-width:760px){.services-page__hero{padding-top:120px;padding-bottom:64px}.service-index-row{grid-template-columns:minmax(0,1fr);gap:24px;padding-block:32px}.service-index-row h2{font-size:clamp(28px,7.5vw,48px)}.service-index-row p{font-size:15px}.service-tags{grid-column:auto;padding-left:32px}.service-modes>div,.service-description,.service-faq{grid-template-columns:minmax(0,1fr);gap:32px}.service-mode{min-height:250px}.service-detail__hero-foot{flex-direction:column;align-items:start;gap:28px}.service-included__row{grid-template-columns:2ch minmax(0,1fr);gap:16px}.service-included__row p{grid-column:2;font-size:15px}.service-faq__heading{position:static}.service-faq__heading h2{max-width:18ch}.service-related>a,.service-next .kinetic{max-width:100%}.service-related__caption{flex-wrap:wrap;gap:12px}}@media (max-width:420px){.service-process ol{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.service-process li:before{transition:none;transform:none}.service-accordion__panel,.service-accordion__panel p,.service-accordion__icon:after,.service-related img,.service-index-row h2{transition:none}}html[data-motion=off] .service-process li:before{transform:none}html[data-motion=off] .service-accordion__panel,html[data-motion=off] .service-accordion__panel p{transition:none}