.phero{padding-block:4.5rem 2.5rem}.phero h1{max-width:14ch;text-wrap:balance}.phero .lead{font-size:clamp(1.1875rem,1.6vw,1.4375rem);line-height:1.4;color:var(--ink);margin:1.75rem 0 0;max-width:52ch}.phero .crumb{font-size:.875rem;color:var(--mute);margin-bottom:1.5rem}.phero .byline{margin-top:1.25rem;font-size:.875rem;color:var(--mute)}.page-icon{position:fixed;z-index:-1;top:10vh;right:calc(1.5rem + 10vw);width:clamp(25vw,calc((800px - 100vw)*9999),50vw);height:auto;aspect-ratio:1;color:var(--accent);fill:var(--accent);stroke:none;opacity:.25;pointer-events:none}.prose{max-width:66ch;font-size:1.0625rem}.prose p,.prose li{font-size:1.0625rem}.prose h2{font-size:clamp(1.375rem,2vw,1.75rem);letter-spacing:-.02em;margin:2.5rem 0 .875rem}.prose h3{margin:2rem 0 .625rem}.prose ul,.prose ol{padding-left:1.2em}.prose img{max-width:100%;height:auto;border-radius:.625rem;border:1px solid var(--rule)}.prose img.shot{background:var(--soft);border:.3125rem solid var(--soft);border-radius:.625rem;box-shadow:0 0 0 1px var(--rule);forced-color-adjust:none}.prose blockquote{margin:1.75rem 0;padding-left:1.25rem;border-left:2px solid var(--ink);color:var(--ink)}.prose pre{background:var(--soft);border:1px solid var(--rule);border-radius:.625rem;padding:1rem 1.125rem;overflow-x:auto;font-size:.875rem;line-height:1.5}.prose code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}.pic{display:block}.pic img{display:block;width:100%;height:auto;background:var(--soft);border:.3125rem solid var(--soft);border-radius:.625rem;box-shadow:0 0 0 1px var(--rule);forced-color-adjust:none}.pic .pic-mobile{display:none}.pic-desktop-only{display:block}.motion{position:relative}.motion picture{display:contents}.motion .motion-toggle{position:absolute;right:.75rem;bottom:.75rem;z-index:1;display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;min-width:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:50%;background:#0000008c;color:#fff;cursor:pointer;transition:background-color .2s ease}.motion .motion-toggle svg{width:1.5rem;height:1.5rem;fill:currentColor}.motion .motion-toggle .i-play,.motion .motion-toggle[hidden]{display:none}.motion .motion-toggle:hover,.motion .motion-toggle:focus-visible{background:#000c;color:#fff}.motion .motion-toggle:hover *,.motion .motion-toggle:focus-visible *{color:#fff}.motion .motion-toggle:focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 4px #000c}.motion.is-paused .motion-toggle .i-pause{display:none}.motion.is-paused .motion-toggle .i-play{display:block}.motion img,.motion video{display:block;width:100%;height:auto;aspect-ratio:var(--mo-ar, auto);background:var(--soft);border:.3125rem solid var(--soft);border-radius:.625rem;box-shadow:0 0 0 1px var(--rule);forced-color-adjust:none}@media(max-width:900px){.pic.pic-pair .pic-desktop{display:none}.pic.pic-pair .pic-mobile{display:block}.pic.pic-single img{max-height:70vh;object-fit:cover;object-position:top}.pic-desktop-only{display:none}.motion img,.motion video{aspect-ratio:var(--mo-ar-m, var(--mo-ar, auto));max-height:none}}.blk{margin:0 0 3.5rem}.blk .blk-title{font-size:clamp(1.5rem,2.4vw,1.875rem);margin-bottom:1.25rem}.blk figure{margin:0}.blk figcaption,.blk .caption{font-size:.875rem;color:var(--mute);margin-top:.625rem}.blk-image-pair .pair,.blk-gallery .gallery{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:900px){.blk-image-pair .pair{gap:.75rem}.blk-gallery .gallery{grid-template-columns:1fr 1fr;gap:.75rem}}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:2rem 0 0}.stat{padding-top:1.125rem;border-top:2px solid currentColor;position:relative}.stat b{display:block;font-size:clamp(2.5rem,4.4vw,4rem);font-weight:800;letter-spacing:-.04em;line-height:1}.stat b small{font-size:.42em;font-weight:600;letter-spacing:-.01em;margin-left:.25rem;opacity:.7}.stat .was{font-size:.875rem;margin-top:.5rem;opacity:.7}.stat .was s{opacity:.8}.stat .lbl{font-weight:600;margin-top:.625rem;font-size:.9375rem}.stat .note{font-size:.8125rem;opacity:.7;margin-top:.25rem}.stat .tier{position:absolute;right:0;top:1.375rem;font-size:.6875rem;font-weight:800;border:1px solid currentColor;border-radius:.25rem;padding:.0625rem .3125rem;opacity:.6}@media(max-width:900px){.stats{grid-template-columns:1fr;gap:1.5rem}}.quote{margin:0;font-size:clamp(1.25rem,2vw,1.625rem);line-height:1.35;color:var(--ink);font-weight:600;max-width:36ch;letter-spacing:-.01em}.quote p{margin:0;max-width:none}.quote cite{display:block;font-style:normal;font-size:.9375rem;color:var(--mute);margin-top:1rem;font-weight:400}.callout{border-left:2px solid var(--ink);padding:.5rem 0 .5rem 1.25rem;margin:0 0 2.5rem;color:var(--ink);max-width:66ch}.callout .callout-title{display:block;font-weight:800;margin-bottom:.375rem}.callout .prose p:last-child{margin-bottom:0}.callout.callout-result{border-color:var(--accent)}.callout.callout-aside{border-color:var(--rule);color:var(--body)}.btn{font:inherit;display:inline-block;padding:calc(.875rem + .06em) 1.375rem calc(.875rem - .06em);border:1.5px solid var(--ink);border-radius:62.4375rem;font-weight:600;color:var(--ink);line-height:1;text-decoration:none;transition:background .15s,color .15s;cursor:pointer}.btn:hover,.btn.fill{background:var(--ink);color:var(--paper)}.btn.fill:hover{background:var(--fill-hover-bg, var(--accent));border-color:var(--fill-hover-border, var(--accent));color:var(--fill-hover-fg, var(--paper))}.cta-band{padding:4rem 1.5rem;border-top:1px solid var(--rule);margin-top:3rem}.cta-band h2{margin-bottom:1.25rem;max-width:20ch}.cta-band .cta-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.5rem}.related{padding:4rem 1.5rem;border-top:1px solid var(--rule)}.related h2{font-size:clamp(1.5rem,2.4vw,1.875rem);margin-bottom:2rem}.cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.case-card{display:block;text-decoration:none;color:var(--body)}.case-card .thumb{aspect-ratio:1.6;overflow:hidden;margin-bottom:.75rem;background:var(--soft);padding:.3125rem;border-radius:.625rem;box-shadow:0 0 0 1px var(--rule);forced-color-adjust:none}.case-card .thumb img{border-radius:.3125rem}.case-card .thumb img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;background:var(--soft);transition:transform .35s ease}.case-card:hover .thumb img{transform:scale(1.03)}.case-card .nm{font-weight:800;color:var(--link);font-size:1.25rem;letter-spacing:-.02em;line-height:inherit;transition:color .25s ease}.case-card:hover .nm{color:var(--link-hover)}.case-card .cl{font-size:.9375rem;color:var(--mute);margin-top:.25rem}.case-card .meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .5rem;margin-top:.5rem;font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}.case-card .meta .yr{font-variant-numeric:tabular-nums}.case-card .meta .client+.yr:before{content:"\b7";margin-right:.5rem}.case-card .sum{margin:.375rem 0 0;color:var(--body);font-size:.9375rem;line-height:1.45}.case-card .sum{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden}@media(max-width:900px){.cases-grid{grid-template-columns:1fr}}.split{padding:3.5rem 0;border-bottom:1px solid var(--rule);display:grid;grid-template-columns:3fr 8fr;gap:1.5rem}.split .l h2{position:sticky;top:5.5rem;font-size:clamp(1.5rem,2.4vw,1.875rem)}.split .l .small{margin-top:.75rem}@media(max-width:900px){.split{grid-template-columns:1fr;gap:1rem;padding:2.5rem 0}.split .l h2{position:static}}.steps{list-style:none;padding:0;margin:0;counter-reset:s}.steps li{counter-increment:s;display:grid;grid-template-columns:3ch 1fr;gap:1rem;padding:1.125rem 0;border-top:1px solid var(--rule)}.steps li:last-child{border-bottom:1px solid var(--rule)}.steps li:before{content:counter(s,decimal-leading-zero);font-weight:800;color:var(--ink);letter-spacing:-.02em;font-size:1.25rem;line-height:1.3}.steps b{display:block;color:var(--ink);font-weight:600;margin-bottom:.25rem;grid-column:2}.steps p{margin:0;font-size:1rem;grid-column:2}.cases-index{padding-bottom:2.5rem}.filters{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 2rem}.filters a{font-size:.875rem;font-weight:600;padding:.4375rem .75rem;border:1px solid var(--rule);border-radius:62.4375rem;background:var(--paper);color:var(--body);text-decoration:none;transition:color .25s ease,background-color .25s ease,border-color .25s ease}.filters a:hover{border-color:var(--ink);color:var(--ink)}.filters a.on{background:var(--ink);border-color:var(--ink);color:var(--paper)}[data-filterable][hidden]{display:none!important}.filter-in{animation:filter-in .3s ease-out}@keyframes filter-in{0%{opacity:0;transform:translateY(.5rem)}}.cases{border-top:1px solid var(--rule)}.case-row{display:grid;grid-template-columns:minmax(24rem,2.2fr) 3fr 1.6fr 1.6fr;gap:1.5rem;align-items:center;padding:1.6rem 0;color:var(--body)}.case-row .case-link{grid-column:span 2;display:grid;grid-template-columns:subgrid;align-items:center;color:inherit;text-decoration:none}.case-row .thumb{aspect-ratio:1.6;overflow:hidden;background:var(--soft);padding:.3125rem;border-radius:.625rem;box-shadow:0 0 0 1px var(--rule);forced-color-adjust:none}.case-row .thumb img{border-radius:.3125rem}.case-row .thumb img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;background:var(--soft);transition:transform .35s ease}.case-row .case-link:hover .thumb img{transform:scale(1.03)}.case-row .nm{font-size:clamp(1.375rem,2vw,1.75rem);font-weight:800;color:var(--link);letter-spacing:-.025em;line-height:1.1;transition:color .25s ease}.case-row .case-link:hover .nm{color:var(--link-hover)}.case-row .meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .5rem;margin-top:.5rem;font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}.case-row .meta .yr{font-variant-numeric:tabular-nums}.case-row .meta .client+.yr:before{content:"\b7";margin-right:.5rem}.case-row .sum{margin:.375rem 0 0;color:var(--body);font-size:.9375rem;line-height:1.45}.case-row .tags{display:flex;flex-wrap:wrap;gap:.375rem}.case-row .tag{font-size:.8125rem;padding:.3125rem .5625rem;border:1px solid var(--rule);border-radius:.375rem;color:var(--body);background:var(--paper);text-decoration:none}.case-row a.tag{transition:border-color .15s,color .15s}.case-row a.tag:hover{border-color:var(--ink);color:var(--ink)}.case-row .res{text-align:right}.case-row .res b{display:block;font-size:clamp(1.625rem,2.4vw,2.125rem);font-weight:800;color:var(--ink);letter-spacing:-.03em;line-height:.8}.case-row .res b small{font-size:.45em;margin-left:.1875rem;color:var(--mute)}.case-row .res>span{display:block;margin-top:.25rem;font-size:.8125rem;line-height:1.3;color:var(--mute)}.empty{color:var(--mute)}.archive{padding:3.5rem 1.5rem 4rem;border-top:1px solid var(--rule)}.archive h2{font-size:clamp(1.5rem,2.4vw,1.875rem);margin-bottom:.5rem}.archive-list{display:block;margin-top:1.5rem;font-size:.9375rem}.archive-list thead,.archive-list tbody{display:block}.archive-list thead{opacity:1}.archive-list tr{display:grid;grid-template-columns:6ch 1.4fr 2fr;gap:1.5rem;align-items:baseline;position:relative;border-bottom:1px solid var(--rule);transition:none}.archive-list tr:hover{background:none}.archive-list th,.archive-list td{padding:0;border:0;text-align:left}.archive-list tbody tr{padding:.75rem 0;color:var(--body)}.archive-list th{padding:0 0 .625rem;font-size:.75rem;font-weight:600;line-height:1;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}.archive-list th button{display:inline-flex;align-items:center;gap:.375rem;padding:0;border:0;border-radius:0;background:none;color:inherit;font-size:inherit;letter-spacing:inherit}.archive-list th button:hover{background:none;color:var(--ink)}.archive-list th button:after{content:"";width:.375rem;height:.375rem;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:translateY(-.125rem) rotate(45deg);opacity:0;transition:opacity .15s ease,transform .15s ease}.archive-list th button:hover:after{opacity:.4}.archive-list th[aria-sort] button{color:var(--ink)}.archive-list th[aria-sort] button:after{opacity:1}.archive-list th[aria-sort=ascending] button:after{transform:translateY(.125rem) rotate(-135deg)}.archive-list .yr{color:var(--mute);font-variant-numeric:tabular-nums}.archive-list .an a{font-weight:600;color:var(--link);text-decoration:none;transition:color .25s ease}.archive-list .an a:after{content:"";position:absolute;inset:0}.archive-list .an a:focus-visible{outline:0}.archive-list .an a:focus-visible:after{outline:2px solid var(--link)}.archive-list tbody tr:hover .an a{color:var(--link-hover)}@media(min-width:901px)and (max-width:1024px){.case-row{grid-template-columns:24rem 1fr 1fr}.case-row .case-link{grid-column:auto;display:block}.case-row .thumb{margin-bottom:.875rem}}@media(max-width:900px){.case-row{grid-template-columns:24rem 1fr;gap:1rem;padding:1rem 0}.case-row .tags{display:none}.case-row .res{grid-column:2;text-align:left;display:flex;gap:.5rem;align-items:baseline}.case-row .res b{font-size:1.25rem}.archive-list tr{grid-template-columns:5ch 1fr;gap:.25rem .75rem}.archive-list tbody tr{padding:.875rem 0}.archive-list .ad{grid-column:2}.archive-list thead tr{grid-template-columns:5ch auto 1fr}.archive-list thead .ad{grid-column:auto}}@media(max-width:720px){.case-row{grid-template-columns:1fr;gap:.875rem}.case-row .case-link{grid-column:auto;grid-template-columns:1fr;gap:.875rem}.case-row .thumb{width:min(24rem,100%)}.case-row .tags{display:flex}.case-row .res{grid-column:auto}}.hero{--vh: 100vh;--vh: 100svh;--hero-fade: var(--lift-dur);--hero-ease: var(--lift-ease);--hero-gap: 4rem;padding:5.5rem 0 var(--hero-gap);overflow-x:clip}.hero-pin{position:relative}.hero-stage{position:relative;z-index:1}.hero-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gut);align-items:end}.hero h1,.hero .h1{grid-column:1 / 9;font-size:clamp(2.75rem,7.2vw,6.5rem);color:rgb(var(--color));margin:0;font-weight:800;letter-spacing:-.02em;line-height:.9}.hero-item--wide h1,.hero-item--wide .h1{grid-column:1 / 11}.hero .lead{grid-column:1 / 8;grid-row:2;margin-top:2rem;font-size:clamp(1.1875rem,1.6vw,1.4375rem);line-height:1.4;color:rgb(var(--color))}.hero .lead p{max-width:52ch;margin:0}.hero-item+.hero-item{margin-top:4rem}.hero .cta{grid-column:1 / 8;grid-row:3;margin-top:1.75rem;display:flex;gap:.75rem;flex-wrap:wrap}.hero-foot{display:flex;align-items:center;justify-content:flex-end}.hero-dots{display:none;align-items:center}.hero-dots button{appearance:none;border:0;background:none;padding:.625rem .5rem;margin:0;cursor:pointer;line-height:0;color:inherit}.hero-dots button:before{content:"";display:block;width:1.2rem;height:1.2rem;border-radius:50%;background:rgba(var(--color),.2);transition:background .2s,transform .2s}.hero-dots button:hover:before{background:rgba(var(--color),.45)}.hero-dots button.on:before{background:rgb(var(--color));transform:scale(1.4)}html.hero-pinned .hero{height:calc((var(--hero-count) + 1) * var(--vh) - var(--header-total));padding:0}html.hero-pinned .hero-pin{position:sticky;top:var(--header-total);height:calc(var(--vh) - var(--header-total));display:flex;align-items:stretch;overflow:hidden}html.hero-pinned .hero-stage{flex:1;display:grid;grid-template-rows:auto auto;align-content:center;padding-top:2rem;padding-bottom:2.5rem}html.hero-pinned .hero-item{grid-row:1;grid-column:1;align-self:center;margin:0;opacity:0;visibility:hidden;transform:translateY(1.25rem);pointer-events:none;transition:opacity var(--hero-fade) var(--hero-ease),transform var(--hero-fade) var(--hero-ease),visibility 0s linear var(--hero-fade)}html.hero-pinned .hero-item.is-active{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition-delay:0s}html.hero-pinned .hero-item h1,html.hero-pinned .hero-item .h1,html.hero-pinned .hero-item .lead,html.hero-pinned .hero-item .cta,html.hero-pinned .hero-item .hero-aside{opacity:0;transform:translateY(.75rem);transition:opacity var(--hero-fade) var(--hero-ease),transform var(--hero-fade) var(--hero-ease)}html.hero-pinned .hero-item.is-active h1,html.hero-pinned .hero-item.is-active .h1{opacity:1;transform:none;transition-delay:.05s}html.hero-pinned .hero-item.is-active .lead{opacity:1;transform:none;transition-delay:.11s}html.hero-pinned .hero-item.is-active .cta{opacity:1;transform:none;transition-delay:.17s}html.hero-pinned .hero-item.is-active .hero-aside{opacity:var(--aside-a, 1);transform:none;transition-delay:.17s}html.hero-pinned .hero-item.is-active .hero-aside.qr{transition-delay:0s}html.hero-pinned .hero-foot{grid-row:2;margin:1.5rem 0 0}html.hero-pinned .hero-dots{display:flex}@property --qr-p{syntax: "<number>"; inherits: true; initial-value: 1;}@property --qr-dx{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --qr-dy{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --qr-dz{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --qr-rx{syntax: "<angle>"; inherits: true; initial-value: 0deg;}@property --qr-ry{syntax: "<angle>"; inherits: true; initial-value: 0deg;}@property --qr-delay{syntax: "<number>"; inherits: false; initial-value: 0;}@property --qr-span{syntax: "<number>"; inherits: false; initial-value: 1;}@property --qr-lp{syntax: "<number>"; inherits: true; initial-value: 1;}@property --qr-ease{syntax: "<number>"; inherits: true; initial-value: 1;}@property --qr-out{syntax: "<number>"; inherits: true; initial-value: 0;}@property --qr-alpha{syntax: "<number>"; inherits: true; initial-value: 1;}@property --qr-s{syntax: "<number>"; inherits: true; initial-value: 1;}@property --qr-si{syntax: "<number>"; inherits: true; initial-value: 1;}@property --qr-fa{syntax: "<number>"; inherits: true; initial-value: 1;}@property --qr-x{syntax: "<number>"; inherits: true; initial-value: 0;}@property --qr-y{syntax: "<number>"; inherits: true; initial-value: 0;}@property --qr-cw{syntax: "<number>"; inherits: false; initial-value: 1;}@property --qr-ch{syntax: "<number>"; inherits: false; initial-value: 1;}@property --qr-size{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --qr-wx{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --qr-wy{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --qr-wz{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --qr-wr{syntax: "<angle>"; inherits: true; initial-value: 0deg;}@property --qr-dur{syntax: "<time>"; inherits: true; initial-value: 4s;}@property --qr-phase{syntax: "<time>"; inherits: true; initial-value: 0s;}@property --qr-osc{syntax: "<number>"; inherits: true; initial-value: 0;}@property --qr-dof{syntax: "<number>"; inherits: true; initial-value: 0;}@property --qr-frz{syntax: "<number>"; inherits: false; initial-value: 0;}@property --qr-hi{syntax: "<number>"; inherits: false; initial-value: 0;}@property --qr-op{syntax: "<number>"; inherits: false; initial-value: .18;}@property --qr-lo{syntax: "<number>"; inherits: false; initial-value: .18;}@keyframes qr-drift{0%{--qr-osc: -1}to{--qr-osc: 1}}@keyframes qr-busy{0%{--qr-hi: 0}to{--qr-hi: 1}}.qr-g{position:absolute;inset:0;transform-style:preserve-3d;animation-name:qr-drift;animation-duration:var(--qr-dur);animation-delay:var(--qr-phase);animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;pointer-events:none}.qr-g i{pointer-events:auto}atis-qr[data-still] .qr-g,.hero-item:not(.is-active) .qr-g,atis-qr[data-rest] .qr-g,atis-qr[data-build] .qr-g{animation-play-state:paused}atis-qr{display:block;container-type:inline-size}@media(min-width:901px)and (hover:hover)and (pointer:fine){atis-qr[data-peek] .qr-field i{cursor:pointer}}.hero-aside.qr{grid-column:8 / 13;grid-row:1 / span 3;align-self:end}.hero-item:has(.hero-aside.qr) h1,.hero-item:has(.hero-aside.qr) .h1{grid-column:1 / 8}.hero-item:has(.hero-aside.qr) .lead,.hero-item:has(.hero-aside.qr) .cta{grid-column:1 / 7}.qr-still{display:block;width:100%;height:auto;color:var(--accent)}.qr-still-real{display:none}@media(min-width:901px)and (hover:hover)and (pointer:fine){.qr-still-real{display:inline}.qr-still-mock{display:none}}.qr-field{position:relative;aspect-ratio:1;transform-style:preserve-3d;--qr-u: calc(100% / var(--qr-n));color:var(--accent)}.qr-field i{position:absolute;display:block;--qr-gap: calc(var(--qr-u) * .1);--qr-mw: calc(var(--qr-u) * var(--qr-cw) - var(--qr-gap));--qr-mh: calc(var(--qr-u) * var(--qr-ch) - var(--qr-gap));width:calc(var(--qr-mw) * var(--qr-s));height:calc(var(--qr-mh) * var(--qr-s));margin:calc(var(--qr-mh) * calc(1 - var(--qr-s)) / 2) 0 0 calc(var(--qr-mw) * calc(1 - var(--qr-s)) / 2);left:calc((var(--qr-x) + var(--qr-quiet)) * var(--qr-u) + calc(var(--qr-gap) / 2));top:calc((var(--qr-y) + var(--qr-quiet)) * var(--qr-u) + calc(var(--qr-gap) / 2));border-radius:calc(14.4% / calc(var(--qr-cw) - .1)) / calc(14.4% / calc(var(--qr-ch) - .1));background:currentColor}atis-qr:not([data-sda]) .qr-field{--qr-lp: clamp(0, calc((var(--qr-p) - var(--qr-delay)) * var(--qr-span)), 1);--qr-ease: calc(var(--qr-lp) * var(--qr-lp) * calc(3 - calc(2 * var(--qr-lp))));--qr-out: calc(1 - var(--qr-ease));transform:perspective(130cqw) rotateY(calc(-26deg + calc(var(--qr-out) * 44deg))) rotateX(calc(12deg - calc(var(--qr-out) * 30deg))) translateZ(calc(var(--qr-out) * -32cqw)) scale3d(1.12,1.12,1)}atis-qr:not([data-sda]) .qr-field i{--qr-lp: clamp(0, calc((var(--qr-p) - var(--qr-delay)) * var(--qr-span)), 1);--qr-ease: calc(var(--qr-lp) * var(--qr-lp) * calc(3 - calc(2 * var(--qr-lp))));--qr-out: calc(1 - var(--qr-ease));transform:translate3d(calc(var(--qr-dx) * var(--qr-out) + var(--qr-wx) * var(--qr-osc) * var(--qr-out)),calc(var(--qr-dy) * var(--qr-out) + var(--qr-wy) * var(--qr-osc) * var(--qr-out)),calc(var(--qr-dz) * var(--qr-out) + var(--qr-wz) * var(--qr-osc) * var(--qr-out))) rotateX(calc(var(--qr-rx) * var(--qr-out))) rotateY(calc(var(--qr-ry) * var(--qr-out))) rotate(calc(var(--qr-wr) * var(--qr-osc) * var(--qr-out))) scale(calc(var(--qr-si) + calc(calc(1 - var(--qr-si)) * var(--qr-out))));--qr-op: calc(.18 + calc(calc(var(--qr-fa) - .18) * var(--qr-ease)));--qr-lo: var(--qr-op);opacity:calc(var(--qr-lo) + calc(calc(1 - var(--qr-lo)) * var(--qr-hi)));transition:--qr-hi .18s ease-out,--qr-frz .18s ease-out;filter:blur(calc(.75rem * var(--qr-dof) * var(--qr-out) * var(--qr-out) * calc(1 - var(--qr-frz))))}atis-qr[data-done] .qr-field i{filter:none}atis-qr[data-still] .qr-field i{transition:--qr-fa 1s linear,--qr-hi .18s ease-out,--qr-frz .18s ease-out}atis-qr[data-twinkle] .qr-field i{will-change:opacity;transition:--qr-frz .18s ease-out}atis-qr[data-twinkle] .qr-field i[data-qr-frz]{transition:opacity .18s ease-out,--qr-frz .18s ease-out}.qr-field i[data-qr-busy]{--qr-lo: .5;animation:qr-busy 1s ease-in-out infinite alternate}.qr-field i>b{display:none}atis-qr[data-sda] .qr-g{animation:none}atis-qr[data-sda] .qr-field i{background:none;opacity:1;filter:none;transition:none}atis-qr[data-sda] .qr-field i>b{display:block;position:absolute;inset:0;border-radius:inherit;background:currentColor}atis-qr[mode=strays]{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;perspective:80vmin;--qr-cx: 75%;--qr-cy: 50%}.qr-strays{position:absolute;inset:0;transform-style:preserve-3d}.qr-strays i{position:absolute;display:block;width:var(--qr-size);height:var(--qr-size);left:var(--qr-cx);top:var(--qr-cy);border-radius:16%;background:var(--accent);--qr-lp: clamp(0, calc((var(--qr-p) - var(--qr-delay)) * var(--qr-span)), 1);--qr-ease: calc(var(--qr-lp) * var(--qr-lp) * calc(3 - calc(2 * var(--qr-lp))));--qr-out: calc(1 - var(--qr-ease));transform:translate3d(calc(var(--qr-dx) * var(--qr-out) + var(--qr-wx) * var(--qr-osc) * var(--qr-out)),calc(var(--qr-dy) * var(--qr-out) + var(--qr-wy) * var(--qr-osc) * var(--qr-out)),calc(var(--qr-dz) * var(--qr-out) + var(--qr-wz) * var(--qr-osc) * var(--qr-out))) rotateX(calc(var(--qr-rx) * var(--qr-out))) rotateY(calc(var(--qr-ry) * var(--qr-out))) rotate(calc(var(--qr-wr) * var(--qr-osc) * var(--qr-out))) scale(calc(var(--qr-si) + calc(calc(1 - var(--qr-si)) * var(--qr-out))));opacity:calc(var(--qr-alpha) * var(--qr-out));filter:blur(calc(.75rem * var(--qr-dof) * var(--qr-out) * var(--qr-out) * calc(1 - var(--qr-frz))))}@media(prefers-reduced-motion:reduce){atis-qr[mode=strays]{display:none}.qr-field,.qr-field i{--qr-ease: 1}}@property --fx-p{syntax: "<number>"; inherits: true; initial-value: 1;}@property --fx-lp{syntax: "<number>"; inherits: true; initial-value: 1;}@property --fx-ease{syntax: "<number>"; inherits: true; initial-value: 1;}@property --fx-out{syntax: "<number>"; inherits: true; initial-value: 0;}@property --fx-delay{syntax: "<number>"; inherits: false; initial-value: 0;}@property --fx-span{syntax: "<number>"; inherits: false; initial-value: 1;}@property --fx-dx{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --fx-dy{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --fx-dz{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --fx-ex{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --fx-ey{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --fx-ez{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --fx-wx{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --fx-wy{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --fx-wz{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --fx-rx{syntax: "<angle>"; inherits: true; initial-value: 0deg;}@property --fx-ry{syntax: "<angle>"; inherits: true; initial-value: 0deg;}@property --fx-wr{syntax: "<angle>"; inherits: true; initial-value: 0deg;}@property --fx-a0{syntax: "<number>"; inherits: true; initial-value: 1;}@property --fx-a1{syntax: "<number>"; inherits: true; initial-value: 1;}@property --fx-dur{syntax: "<time>"; inherits: true; initial-value: 4s;}@property --fx-phase{syntax: "<time>"; inherits: true; initial-value: 0s;}@property --fx-osc{syntax: "<number>"; inherits: true; initial-value: 0;}@property --fx-dof{syntax: "<number>"; inherits: true; initial-value: 0;}@keyframes fx-drift{0%{--fx-osc: -1}to{--fx-osc: 1}}atis-form{display:block;container-type:inline-size}.hero-aside.form{grid-column:8 / 13;grid-row:1 / span 3;align-self:end}.hero-item:has(.hero-aside.form) h1,.hero-item:has(.hero-aside.form) .h1{grid-column:1 / 8}.hero-item:has(.hero-aside.form) .lead,.hero-item:has(.hero-aside.form) .cta{grid-column:1 / 7}.fx-field{position:relative;aspect-ratio:1;transform-style:preserve-3d;color:var(--accent);--fx-lp: clamp(0, calc((var(--fx-p) - var(--fx-delay)) * var(--fx-span)), 1);--fx-ease: calc(var(--fx-lp) * var(--fx-lp) * calc(3 - calc(2 * var(--fx-lp))));--fx-out: calc(1 - var(--fx-ease));transform:perspective(120cqw) rotateY(calc(-20deg + calc(var(--fx-out) * 34deg))) rotateX(calc(12deg - calc(var(--fx-out) * 26deg))) translateZ(calc(var(--fx-out) * -30cqw)) scale3d(1.06,1.06,1)}.fx-field i{position:absolute;display:block;left:var(--fx-l);top:var(--fx-t);width:var(--fx-w);height:var(--fx-h);box-shadow:inset 0 0 0 max(1px,.34cqw) currentColor;border-radius:1.4cqw;--fx-lp: clamp(0, calc((var(--fx-p) - var(--fx-delay)) * var(--fx-span)), 1);--fx-ease: calc(var(--fx-lp) * var(--fx-lp) * calc(3 - calc(2 * var(--fx-lp))));--fx-out: calc(1 - var(--fx-ease));transform:translate3d(calc(var(--fx-dx) * var(--fx-out) + var(--fx-ex) * var(--fx-ease) + var(--fx-wx) * var(--fx-osc) * var(--fx-out)),calc(var(--fx-dy) * var(--fx-out) + var(--fx-ey) * var(--fx-ease) + var(--fx-wy) * var(--fx-osc) * var(--fx-out)),calc(var(--fx-dz) * var(--fx-out) + var(--fx-ez) * var(--fx-ease) + var(--fx-wz) * var(--fx-osc) * var(--fx-out))) rotateX(calc(var(--fx-rx) * var(--fx-out))) rotateY(calc(var(--fx-ry) * var(--fx-out))) rotate(calc(var(--fx-wr) * var(--fx-osc) * var(--fx-out)));opacity:calc(var(--fx-a0) + calc(calc(var(--fx-a1) - var(--fx-a0)) * var(--fx-ease)))}.fx-field i:not([data-keep]){filter:blur(calc(.75rem * var(--fx-dof)))}.fx-g{position:absolute;inset:0;transform-style:preserve-3d;animation-name:fx-drift;animation-duration:var(--fx-dur);animation-delay:var(--fx-phase);animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}atis-form[data-still] .fx-g,.hero-item:not(.is-active) .fx-g,atis-form[data-rest] .fx-g,atis-form[data-build] .fx-g{animation-play-state:paused}.fx--button{background:currentColor;border-radius:6cqw;box-shadow:none}.fx--input:before,.fx--textarea:before,.fx--textarea:after,.fx--checkbox:before,.fx--checkbox:after,.fx--select:before,.fx--select:after{content:"";position:absolute;background:currentColor;border-radius:1cqw}.fx--input:before{left:7%;top:34%;width:42%;height:32%;opacity:.4}.fx--textarea:before{left:7%;top:16%;width:74%;height:9%;opacity:.4}.fx--textarea:after{left:7%;top:34%;width:52%;height:9%;opacity:.4}.fx--checkbox:before,.fx--checkbox:after{left:34.5%;top:64.5%;height:13%;border-radius:999px}.fx--checkbox:before{width:36.5%;transform-origin:17.8% center;transform:rotate(-135deg)}.fx--checkbox:after{width:62.5%;transform-origin:10.4% center;transform:rotate(-55deg)}.fx--select:before,.fx--select:after{right:5.4cqw;top:calc(58% - .58cqw);width:3.8cqw;height:1.16cqw;border-radius:999px;transform-origin:calc(100% - .6cqw) center}.fx--select:before{transform:rotate(45deg)}.fx--select:after{transform:rotate(135deg)}.fx-still{position:relative;display:block;width:100%;aspect-ratio:1;color:var(--accent)}.fx-still i{position:absolute;display:block;box-shadow:inset 0 0 0 1px currentColor;border-radius:1.4cqw;opacity:.55}@media(prefers-reduced-motion:reduce){.fx-field,.fx-field i{--fx-ease: 1}}@property --wm-p{syntax: "<number>"; inherits: true; initial-value: 1;}@property --wm-ease{syntax: "<number>"; inherits: true; initial-value: 1;}@property --wm-flap{syntax: "<number>"; inherits: true; initial-value: 0;}@property --wm-side{syntax: "<number>"; inherits: false; initial-value: 1;}@property --wm-dim{syntax: "<number>"; inherits: true; initial-value: 1;}@property --wm-wa{syntax: "<number>"; inherits: false; initial-value: .6;}@property --wm-fa{syntax: "<number>"; inherits: false; initial-value: 0;}@property --wm-sq{syntax: "<number>"; inherits: false; initial-value: 1;}@property --wm-show{syntax: "<number>"; inherits: true; initial-value: 0;}@property --wm-sx{syntax: "<number>"; inherits: false; initial-value: 1;}@property --wm-sy{syntax: "<number>"; inherits: false; initial-value: 1;}@keyframes wm-flap{0%{--wm-flap: -1}to{--wm-flap: 1}}atis-worm{display:block}atis-worm[mode=backdrop]{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}atis-worm[mode=backdrop] .wm-field{width:100%;height:100%;aspect-ratio:auto}.hero-aside.worm{grid-column:8 / 13;grid-row:1 / span 3;align-self:end}.hero-item:has(.hero-aside.worm) h1,.hero-item:has(.hero-aside.worm) .h1{grid-column:1 / 8}.hero-item:has(.hero-aside.worm) .lead,.hero-item:has(.hero-aside.worm) .cta{grid-column:1 / 7}.wm-field{position:relative;aspect-ratio:1;overflow:hidden;container-type:size;transition:--wm-show var(--hero-fade, .45s) var(--hero-ease, ease);color:var(--accent)}.wm-body{position:absolute;left:0;top:0;width:0;height:0;perspective:70cqh;transform-style:preserve-3d;animation-name:wm-flap;animation-duration:.41s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}.wm-wing{position:absolute;left:0;top:0;width:0;height:0;transform-style:preserve-3d;transform:rotateY(calc(var(--wm-flap) * var(--wm-side) * 62deg * var(--wm-ease)))}.wm-field i{position:absolute;left:0;top:0;border-radius:calc(50% - calc(34% * var(--wm-ease)));background:currentColor;scale:calc(calc(var(--wm-sx) + calc(calc(1 - var(--wm-sx)) * var(--wm-ease))) * var(--wm-sq)) calc(var(--wm-sy) + calc(calc(1 - var(--wm-sy)) * var(--wm-ease)));opacity:calc(calc(calc(calc(1 - var(--wm-ease)) * var(--wm-wa)) + calc(var(--wm-ease) * var(--wm-fa))) * var(--wm-dim) * var(--wm-show))}.wm-still{position:relative;display:block;width:100%;aspect-ratio:1;color:var(--accent)}.wm-still i{position:absolute;border-radius:16%;background:currentColor}@media(scripting:enabled)and (prefers-reduced-motion:no-preference){.hero-multi :is(.qr-still,.fx-still,.wm-still){visibility:hidden;animation:hero-still-net 0s linear 3s forwards}.hero-multi [data-upgraded] :is(.qr-still,.fx-still,.wm-still){animation:none}}@keyframes hero-still-net{to{visibility:visible}}.hero-item:not(.is-active) .wm-body,[data-parked] .wm-body{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.wm-body{animation:none}}.panel{grid-column:9 / 13;grid-row:1 / span 3;align-self:end;border:1px solid var(--rule);border-radius:1rem;padding:1.375rem 1.375rem 1.125rem;background:var(--soft)}.panel .t{font-weight:600;color:rgb(var(--color));margin-bottom:.875rem;font-size:.9375rem}.panel dl{display:grid;grid-template-columns:1fr 1fr;gap:1rem .875rem;margin:0}.panel dl>div:last-child:nth-child(odd){grid-column:1 / -1}.panel dt{font-size:.8125rem;color:var(--mute)}.panel dd{margin:0;font-size:1.875rem;font-weight:800;color:rgb(var(--color));letter-spacing:-.03em;line-height:1.05;font-variant-numeric:tabular-nums}.panel dd small{font-size:.875rem;font-weight:600;color:var(--mute);letter-spacing:0;margin-left:.1875rem}.panel .foot{margin-top:1rem;font-size:.8125rem;color:var(--mute);border-top:1px solid var(--rule);padding-top:.75rem}atis-vitals{display:block}@supports (backdrop-filter: blur(1px)){.panel{background:rgb(var(--paper-rgb) / .55);-webkit-backdrop-filter:blur(14px) saturate(1.15);backdrop-filter:blur(14px) saturate(1.15);--aside-a: .92}}@media(prefers-reduced-transparency:reduce){.panel{background:var(--soft);-webkit-backdrop-filter:none;backdrop-filter:none;--aside-a: 1}}section.home-section{padding:2rem 0}.hero+.home-section{padding-top:0}html.hero-pinned .hero{margin-bottom:calc(var(--hero-gap) - var(--hero-tail, 0px))}html.hero-pinned .hero+.home-section{position:relative;z-index:1}.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:1.5rem;margin-bottom:2.5rem}.sec-head p{margin:0}.rule{border-top:1px solid var(--rule)}.more{margin-top:1.75rem}.services-list{border-top:1px solid var(--rule)}#cases .cases,#services .services-list{border-image:linear-gradient(var(--rule),var(--rule)) 1 / 1px 0 0 / 0 100vw}.svc{display:grid;grid-template-columns:1fr 2fr;gap:var(--gut);padding:2.4rem 0}.svc p{margin:0;max-width:58ch}.svc h3{display:flex;align-items:center;gap:.75rem}.svc-icon{flex:none;width:2rem;height:2rem;color:var(--accent);fill:var(--accent);stroke:none}#clients{text-align:center}main:has(>#clients:last-child)+footer{margin-top:0}.clients-wall{display:flex;flex-wrap:wrap;justify-content:center;gap:1.125rem 2.5rem;align-items:center;margin-top:2rem}.clients-wall a,.clients-wall span{font-weight:800;font-size:1.375rem;letter-spacing:-.02em;white-space:nowrap}.clients-wall span{color:var(--faint)}.clients-wall .big{font-size:1.625rem}.clients-wall span.big{color:var(--faint-2)}.how{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gut)}.how div{padding-top:1.25rem;border-top:2px solid rgb(var(--color))}.how h3{margin-bottom:.625rem}.how p{margin:0;font-size:1rem}@media(max-width:900px){.hero{padding:3rem 0 2.5rem}.hero h1,.hero .h1{font-size:clamp(2.25rem,8.5vw,3.25rem)}.hero-grid{display:flex;flex-direction:column;align-items:stretch}.panel{margin-top:1.75rem;align-self:stretch}.hero-aside.qr,.hero-aside.form,.hero-aside.worm{margin-top:1.75rem;align-self:center;width:100%}.hero-aside.qr{max-width:13rem}.hero-aside.form,.hero-aside.worm{max-width:15rem}atis-qr[mode=strays]{display:none}.hero-foot{flex-wrap:wrap;gap:1rem}html.hero-pinned .hero-stage{padding-top:1.25rem;padding-bottom:1.5rem;grid-template-rows:minmax(0,1fr) auto}html.hero-pinned .hero-item{align-self:stretch;min-height:0;display:flex;flex-direction:column;margin:0 calc(-1 * var(--gut));padding:0 var(--gut)}html.hero-pinned .hero-grid{flex:1 0 auto}html.hero-pinned .hero .cta{margin-top:auto;margin-bottom:auto;position:relative;top:calc(calc(.5rem - var(--gut)) / 2)}html.hero-pinned .hero-foot{margin-top:0}html.hero-pinned .hero-item--tall{overflow-x:hidden;overflow-y:auto;scrollbar-width:none}html.hero-pinned .hero-item--tall .cta{margin:1.75rem 0 0;top:0}section.home-section{padding:4rem 0}.sec-head{flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:1.75rem}.svc{grid-template-columns:1fr;gap:.625rem;padding:1.625rem 0}.how{grid-template-columns:1fr;gap:1.75rem}.clients-wall{gap:.75rem 1.5rem}.clients-wall a,.clients-wall span{white-space:normal;font-size:1.25rem}.clients-wall .big{font-size:1.375rem}}.qr-peek{position:fixed;left:var(--qr-peek-x, 50%);top:var(--qr-peek-y, 50%);margin:0;z-index:1001;width:12rem;max-width:calc(100vw - 2rem);padding:0;border:1px solid var(--rule);border-radius:1rem;background:var(--soft);color:var(--ink);overflow:hidden;display:block;transform-origin:var(--qr-peek-ox, left) var(--qr-peek-oy, top);visibility:hidden;opacity:0;scale:0;transition:opacity .16s ease-in,scale .16s ease-in,visibility .16s;outline:none;pointer-events:none}.qr-peek[open]{visibility:visible;opacity:1;scale:1;transition:opacity .16s ease-out,scale .16s ease-out,visibility .16s}@starting-style{.qr-peek[open]{opacity:0;scale:0}}@supports (backdrop-filter: blur(1px)){.qr-peek{background:rgb(var(--paper-rgb) / .55);-webkit-backdrop-filter:blur(14px) saturate(1.15);backdrop-filter:blur(14px) saturate(1.15)}}@media(prefers-reduced-transparency:reduce){.qr-peek{background:var(--soft);-webkit-backdrop-filter:none;backdrop-filter:none}}.qr-peek a{display:block;pointer-events:auto;text-decoration:none;color:inherit}.qr-peek:not([open]) a{pointer-events:none}.qr-peek .thumb{display:block;aspect-ratio:8 / 5;background:var(--faint);overflow:hidden}.qr-peek .thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.qr-peek .nm{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:.625rem .75rem .75rem;padding:0;font-size:.8125rem;font-weight:600;line-height:1.3;text-align:center}@media(prefers-reduced-motion:reduce){.qr-peek,.qr-peek[open]{transition:none}}