.service-lab{max-width:1440px;padding-bottom:48px}.service-lab-header{justify-content:space-between;align-items:center;padding-block:24px 56px;font-size:14px;display:flex}.service-lab-header a,.service-lab-header button{align-items:center;min-height:44px;display:inline-flex}.service-lab h1{font-size:clamp(48px,7vw,96px);line-height:1.03}.service-lab-controls{flex-wrap:wrap;gap:8px;margin-top:32px;display:flex}.service-lab-controls button{border:1px solid var(--line);border-radius:99px;min-height:48px;padding:13px 24px;transition:background .2s,color .2s}.service-lab-controls button[aria-pressed=true]{background:var(--paper);color:var(--ink);border-color:var(--paper)}.direction-description{max-width:690px;color:var(--muted);min-height:54px;margin-block:24px 40px;font-size:18px}.interactive-service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.service-mix-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:880px}.service-iterations{gap:32px;max-width:1120px;display:grid}.service-iterations h2{margin-bottom:20px;font-size:30px}.iteration-options{flex-wrap:wrap;gap:6px;min-height:48px;margin-bottom:24px;display:flex}.iteration-options button{border:1px solid var(--line);border-radius:99px;min-height:44px;padding:10px 13px;font-size:13px}.iteration-options button[aria-pressed=true]{border-color:var(--amber);color:var(--paper);background:color-mix(in srgb,var(--amber) 10%,transparent)}.iteration-fan{transform-origin:180px 224px;rotate:calc(var(--side)*10deg + var(--side)*var(--active)*18deg + var(--mx,0)*5deg);translate:calc(var(--side)*var(--active)*13px) calc(var(--active)*-4px)}.iteration-desktop{transform-origin:170px 175px;rotate:calc(var(--active)*-5deg);translate:calc(var(--active)*-10px) calc(var(--active)*-8px)}.iteration-mobile{transform-origin:242px 235px;rotate:calc(var(--active)*8deg + var(--mx,0)*6deg);translate:calc(var(--active)*23px) calc(var(--active)*-2px + var(--my,0)*8px)}.iteration-link{fill:none;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--active)*100)}.iteration-board{transform-origin:180px 150px;rotate:calc(var(--mx,0)*3deg)}.tile-title{translate:calc(var(--active)*-20px) calc(var(--active)*-8px);rotate:calc(var(--active)*-4deg);transform-origin:140px 125px}.tile-image{translate:calc(var(--active)*22px) calc(var(--active)*-12px);rotate:calc(var(--active)*6deg);transform-origin:230px 140px}.tile-bottom{translate:calc(var(--active)*-8px) calc(var(--active)*15px);rotate:calc(var(--active)*-2deg);transform-origin:146px 190px}.iteration-plane{translate:calc(var(--mx,0)*var(--depth)*5px) calc(var(--active)*var(--depth)*-15px + var(--my,0)*var(--depth)*3px)}.stack-2 .iteration-plane{translate:calc(var(--active)*var(--offset)*-33px + var(--mx,0)*5px) calc(var(--active)*var(--depth)*-9px)}.stack-3 .iteration-plane{transform-origin:180px 160px;rotate:calc(var(--active)*var(--depth)*-5deg + var(--mx,0)*var(--depth)*3deg);translate:calc(var(--active)*var(--depth)*-6px) calc(var(--active)*var(--depth)*-19px)}.iteration-probe{translate:calc(var(--mx,0)*8px) calc(var(--my,0)*14px)}.service-art-button{--art-bg:#1c1c1b;--art-ink:#bebcb2;--active:0;text-align:left;width:100%;color:var(--art-ink);background:var(--art-bg);isolation:isolate;border-radius:6px;transition:background-color .4s,color .4s;display:block;position:relative;overflow:hidden}.art-title{letter-spacing:-.04em;color:#f4f2ec;padding:26px 26px 0;font-size:clamp(18px,1.65vw,24px);transition:color .4s;display:block}.service-art-button svg{stroke-width:1.15px;width:100%;display:block;overflow:visible}.service-art-button.is-active{--art-bg:#e9e5da;--art-ink:#55564d;color:var(--art-ink);background:var(--art-bg)}.service-art-button.is-active .art-title{color:#20211d}.art-hint{opacity:.7;justify-content:space-between;align-items:center;padding:0 26px 24px;font-size:12px;display:flex}.art-hint>span{font-size:22px}.service-art-copy{max-width:36ch;color:var(--muted);margin-top:24px;padding-right:12px;font-size:16px;line-height:1.65}.art-face{fill:var(--art-bg);transition:fill .4s}.art-accent{stroke:#feb639;fill:#feb639;fill-opacity:.16;stroke-width:1.5px}.is-active .art-accent{stroke:#be7d0e;fill:#feb639;fill-opacity:.6}.art-dot,.art-solid{fill:#feb639;fill-opacity:1;stroke:none}.art-parallax{transform:translate(calc(var(--mx,0)*7px),calc(var(--my,0)*5px))}.art-layer{translate:calc(var(--mx,0)*var(--layer)*8px) calc(var(--active)*var(--layer)*-15px + var(--my,0)*var(--layer)*5px)}.art-needle{transform-origin:180px 150px;rotate:calc(var(--mx,0)*24deg)}.art-fan{transform-origin:174px 218px}.art-fan-back{rotate:calc(-9deg - var(--active)*13deg - var(--mx,0)*5deg);translate:calc(var(--active)*-12px) 0}.art-fan-front{rotate:calc(6deg + var(--active)*11deg + var(--mx,0)*7deg);translate:calc(var(--active)*12px) calc(var(--active)*-8px)}.art-cursor{translate:calc(var(--mx,0)*18px) calc(var(--my,0)*16px)}.art-module{translate:calc(var(--active)*(var(--layer) - 1)*22px) calc(var(--active)*(1 - var(--layer))*14px + var(--my,0)*8px)}.art-connection{fill:none;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--active)*100)}.art-orbit{transform-origin:180px 147px;rotate:calc(var(--active)*18deg + var(--mx,0)*28deg)}.art-field-object{translate:calc(var(--mx,0)*10px) calc(var(--my,0)*8px)}.art-field>[data-field-line],.iteration-link.art-accent,.iteration-probe path.art-accent{fill:none}.service-lab-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:24px;margin-top:64px;padding-top:24px;font-size:13px;display:flex}html[data-theme=light] .service-art-button:not(.is-active){--art-bg:#e7e4dc;--art-ink:#66665b}html[data-theme=light] .service-art-button:not(.is-active) .art-title{color:#20211d}html[data-theme=light] .service-art-button.is-active{--art-bg:#1c1c1b;--art-ink:#bebcb2}html[data-theme=light] .service-art-button.is-active .art-title{color:#f4f2ec}html[data-theme=light] .is-active .art-accent{stroke:#feb639}.service-lab .service-mix-grid .service-art-button,.service-lab .service-mix-grid .service-art-button.is-active,html[data-theme=light] .service-lab .service-mix-grid .service-art-button{--art-bg:#1c1c1b;--art-ink:#bebcb2;background:var(--art-bg);color:var(--art-ink)}.service-lab .service-mix-grid .service-art-button .art-title,html[data-theme=light] .service-lab .service-mix-grid .service-art-button .art-title{color:#f4f2ec}.service-lab .service-mix-grid .is-active .art-accent{stroke:#feb639;fill-opacity:.28}@media (width<=760px){.interactive-service-grid{grid-template-columns:1fr;gap:40px}.service-art-button{max-width:480px;margin-inline:auto}.service-art-copy{max-width:45ch}.service-lab-header{padding-bottom:32px}.service-lab-controls button{padding:12px 16px}.service-lab-footer{flex-direction:column}.art-title{font-size:24px}.direction-description{margin-bottom:28px;font-size:16px}}@media (prefers-reduced-motion:reduce){.service-experiment *,.service-experiment :before{transition:none!important}}@media (width<=760px){.service-iterations{grid-template-columns:1fr;gap:56px}.service-iterations h2{font-size:28px}.iteration-options{min-height:0}}