:root{--W: 100vw;--sx: 0px;--sy: 0px;--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 0 0 .06'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--orange: #E84928;--orange-text: color-mix(in srgb, #E84928 75%, #000);--ink: #000;--paper: #FFFFFF;--mute: color-mix(in srgb, var(--ink) 58%, var(--paper));--hair: color-mix(in srgb, var(--ink) 13%, transparent);--title: "obviously-wide", "obviously", "Helvetica Neue", Arial, sans-serif;--read: "halyard-text", "Helvetica Neue", Arial, sans-serif;--ease: cubic-bezier(.65, 0, .35, 1);--move: .9s;--gutter: clamp(16px, 1.6vw, 28px);--t: clamp(15px, 1.05vw, 16.5px)}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--paper)}html,body{height:100%}body{background:transparent;color:var(--ink);font:400 var(--t)/1.4 var(--read);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}:focus,:focus-visible{outline:none}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}*{-webkit-tap-highlight-color:transparent}.chrome{position:fixed;top:var(--sy);left:var(--sx);right:var(--sx);z-index:30;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:var(--gutter) var(--gutter) 0;color:var(--ink);transition:color .4s var(--ease)}.chrome .mark{width:clamp(70px,5vw,86px);display:block;color:var(--orange);transition:color .4s var(--ease)}.chrome .mark svg{width:100%;height:auto;display:block}.chrome .mark path{fill:currentColor}.chrome .line{text-align:center;white-space:nowrap;transition:opacity .5s var(--ease)}body.home:not(.on-sub) .chrome .line{opacity:0}.chrome .plus{justify-self:end;width:44px;height:44px;margin:-10px -10px -10px 0;display:grid;place-items:center;color:var(--orange);transition:color .4s var(--ease)}.chrome .plus i{position:relative;width:22px;height:22px;transition:transform .25s var(--ease)}.chrome .plus i:before,.chrome .plus i:after{content:"";position:absolute;background:currentColor}.chrome .plus i:before{left:0;right:0;top:calc(50% - 1.5px);height:3px}.chrome .plus i:after{top:0;bottom:0;left:calc(50% - 1.5px);width:3px}body.menu-open .chrome .plus i{transform:rotate(45deg)}body.page .chrome:before{content:"";position:absolute;top:-24px;right:0;bottom:-36px;left:0;z-index:-1;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,color-mix(in srgb,var(--paper) 92%,transparent) 20%,color-mix(in srgb,var(--paper) 0%,transparent));-webkit-mask-image:linear-gradient(180deg,#000 62%,transparent);mask-image:linear-gradient(180deg,#000 62%,transparent);transition:background .4s var(--ease)}body.page[data-tone=light] .chrome:before{background:linear-gradient(180deg,#00000038,#0000)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){body.page .chrome:before{top:0;right:0;bottom:0;left:0;background:var(--paper);-webkit-mask-image:none;mask-image:none}body.page[data-tone=light] .chrome:before{background:transparent}}body[data-tone=light]:not(.menu-open) .chrome,body[data-tone=light]:not(.menu-open) .chrome .mark,body[data-tone=light]:not(.menu-open) .chrome .plus{color:#fff}.menu{position:fixed;inset:var(--sy) var(--sx);z-index:25;background:var(--paper);display:grid;grid-template-rows:1fr auto;padding:120px var(--gutter) var(--gutter);clip-path:inset(0 0 100% 0);transition:clip-path .25s var(--ease),visibility 0s linear .25s;visibility:hidden}body.menu-open .menu{clip-path:inset(0 0 0 0);visibility:visible;transition:clip-path .25s var(--ease)}.menu nav{align-self:center;display:flex;flex-direction:column;align-items:center;gap:.1em}.menu nav a{font:600 clamp(19px,1.65vw,24px)/1.4 var(--title);transition:color .2s}.menu nav a:hover,.menu nav a[aria-current]{color:var(--orange)}.menu .foot{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gutter);color:var(--mute)}.menu .foot>:last-child{justify-self:end}@media(max-width:760px),(orientation:portrait){.menu .foot{grid-template-columns:repeat(2,minmax(0,1fr));gap:.3em var(--gutter)}.menu .foot>:last-child{justify-self:start}}.menu .foot a:hover{color:var(--orange)}@media(prefers-reduced-motion:reduce){.menu,body.menu-open .menu{transition:none}}.deck{position:fixed;inset:var(--sy) var(--sx);overflow:hidden}.rows{height:100%;overflow-x:hidden;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none}.rows::-webkit-scrollbar,.panels::-webkit-scrollbar{display:none}.rows>*{height:100%}.row{height:100%;overflow:hidden;position:relative;scroll-snap-align:start;scroll-snap-stop:always}.panels{display:flex;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}.panel{flex:0 0 var(--W);height:100%;position:relative;overflow:hidden;background:var(--paper);container-type:size;scroll-snap-align:start;scroll-snap-stop:always}.panel>img.cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.panel>video.cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s ease}.panel>video.cover.on{opacity:1}.panel.cover:before,.panel.cover:after,.panel.steam:before,.panel.steam:after{content:"";position:absolute;left:0;right:0;z-index:1;pointer-events:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.panel.cover:before,.panel.steam:before{top:0;height:140px;background:var(--grain),linear-gradient(180deg,#0003,#0000);-webkit-mask-image:linear-gradient(180deg,#000 35%,transparent),linear-gradient(90deg,#000 12%,transparent 32%,transparent 68%,#000 88%);mask-image:linear-gradient(180deg,#000 35%,transparent),linear-gradient(90deg,#000 12%,transparent 32%,transparent 68%,#000 88%);-webkit-mask-composite:source-in;mask-composite:intersect}.panel.cover:after,.panel.steam:after{bottom:0;height:220px;background:var(--grain),linear-gradient(0deg,#0000003d,#0000);-webkit-mask-image:linear-gradient(0deg,#000 35%,transparent);mask-image:linear-gradient(0deg,#000 35%,transparent)}.panel.open{display:grid;place-items:center}.panel.open .show{position:relative;height:min(64cqh,calc(64cqw / 1.5));aspect-ratio:3 / 2;max-width:100%;overflow:hidden;background:#fafafa}.panel.open .show img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;visibility:hidden}.panel.open .show img.was{opacity:1;visibility:visible}.panel.open .show img.on{opacity:1;visibility:visible;z-index:1;transition:opacity .28s ease}@media(prefers-reduced-motion:reduce){.panel.open .show img.on{transition:none}}.panel.open .show .label{z-index:2}.panel.open .show .label{position:absolute;left:12px;bottom:10px;z-index:1;font-size:12px;line-height:1;color:#fff;transition:color .3s ease}.panel.open .show .label[data-ink=dark]{color:var(--ink)}.panel.open .glow{position:absolute;left:50%;top:50%;height:min(64vh,calc(64vw / 1.5));aspect-ratio:3 / 2;max-width:100%;transform:translate(-50%,-50%) scale(1.04);opacity:.95;pointer-events:none}.panel.open .glow img{position:absolute;max-width:none;object-fit:fill;will-change:transform,opacity;opacity:0;transition:opacity 1.4s ease;animation:meld 13s ease-in-out infinite alternate}.panel.open .glow img+img{animation-duration:17s;animation-delay:-6s}@keyframes meld{0%{transform:translate(-3%,-2%) scale(1) rotate(-2deg)}50%{transform:translate(2%,3%) scale(1.06) rotate(1deg)}to{transform:translate(3%,-2%) scale(1.03) rotate(2.5deg)}}.panel.open .glow img.on{opacity:1}@media(prefers-reduced-motion:reduce){.panel.open .glow,.panel.open .glow img{animation:none}}.panel.open .show{z-index:1}.row .info{font-size:14px;position:absolute;left:var(--gutter);right:var(--gutter);bottom:var(--gutter);z-index:15;display:flex;justify-content:space-between;align-items:flex-end;gap:var(--gutter);pointer-events:none;opacity:0;transition:opacity .3s var(--ease),color .4s var(--ease)}.row .info.on{opacity:1;transition:opacity .3s var(--ease),color .4s var(--ease)}.row .info.on a{pointer-events:auto}.row .info .who{display:flex;flex-direction:column;gap:.2em;flex:1 1 auto;min-width:0}.row .info .who b{font:600 clamp(13.5px,1vw,16px)/1.2 var(--title)}.row .info .credit{max-width:26em;opacity:.78;margin-bottom:.2em}.row .info .go{margin-top:.55em}.row .info .case{border-bottom:1px solid currentColor;color:var(--orange-text);transition:opacity .2s}.row .info .case:hover{opacity:.7}.row .info .what{list-style:none;text-align:right;line-height:1.38;max-width:min(52%,24em)}.row .info .what .design{display:none;max-width:15em;margin-left:auto}.row:has(.panel.work.is-live) .info .what .design{display:list-item}body[data-tone=light] .row .info,body[data-tone=light] .row .info .case{color:#fff}.caption{opacity:1;transition:opacity .5s var(--ease) .6s,color .4s var(--ease)}body.past-open .caption{opacity:0;visibility:hidden;transition:opacity .3s var(--ease),visibility 0s linear .3s,color .4s var(--ease)}.caption{position:fixed;left:var(--sx);right:var(--sx);bottom:var(--sy);z-index:20;pointer-events:none;padding:0 var(--gutter) var(--gutter);text-align:left}.caption span{display:inline-block;transition:opacity .35s var(--ease)}.caption span.out{opacity:0}.counter{display:none;position:fixed;right:calc(var(--gutter) + var(--sx));bottom:calc(var(--gutter) + var(--sy));z-index:20;pointer-events:none;font-variant-numeric:tabular-nums;color:var(--mute);transition:color .4s var(--ease)}body[data-tone=light] .caption,body[data-tone=light] .counter{color:#fff}.arrow{position:fixed;top:50%;z-index:20;transform:translateY(-50%);display:flex;align-items:center;padding:10px;line-height:1;color:var(--ink);background:none;transition:opacity .3s var(--ease),color .4s var(--ease)}body[data-tone=light] .arrow{color:#fff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.35))}.arrow svg{width:24px;height:24px;flex:none}.arrow.prev{left:calc(var(--gutter) + var(--sx) - 10px)}.arrow.next{right:calc(var(--gutter) + var(--sx) - 10px)}.arrow:hover{opacity:.6}.arrow[hidden]{display:flex;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s var(--ease),visibility 0s linear .3s}.arrow.next.tap{animation:tap 3.2s var(--ease) 1s infinite}@keyframes tap{0%,18%,to{transform:translateY(-50%)}6%{transform:translate(8px,-50%)}10%{transform:translate(1px,-50%)}14%{transform:translate(5px,-50%)}}.arrow.down{top:auto;transform:none;right:calc(var(--gutter) + var(--sx) - 10px);bottom:calc(var(--gutter) + var(--sy) - 10px);color:var(--ink);filter:none;animation:tap-down 3.2s var(--ease) 1s infinite}body[data-tone] .arrow.down{color:var(--ink);filter:none}body:not(.home) .arrow.down{display:none}body.past-open .arrow.down{opacity:0;visibility:hidden;pointer-events:none;animation:none;transition:opacity .25s var(--ease),visibility 0s linear .25s}@keyframes tap-down{0%,18%,to{transform:none}6%{transform:translateY(8px)}10%{transform:translateY(1px)}14%{transform:translateY(5px)}}@media(prefers-reduced-motion:reduce){.arrow.next.tap,.arrow.down{animation:none}}.panel.work{--h: min(62cqh, 42.8cqw );display:grid;place-items:center;background:#fafafa}.panel.work .frame{display:flex;gap:2.4cqw;align-items:center;justify-content:center}.panel.work .frame>*{flex:none;box-shadow:0 1px 2px #0000000f,0 30px 50px -30px #3c141e61}.panel.work .frame img.screen{height:var(--h);width:auto}.panel.work .frame .phone{height:calc(var(--h) * .86);width:auto}.panel.work .frame span.phone{position:relative;display:block;overflow:hidden}.panel.work .frame .phone.scroll{aspect-ratio:390 / 805;overflow:hidden;background:#fff}.panel.work .frame .phone.scroll img.page{display:block;width:100%;max-width:none;height:auto;transform:translateY(0);transition:transform 0s}.panel.work .frame span.phone img.shot{height:100%;width:auto;display:block}.panel.work .frame span.phone video{position:absolute;left:0;width:100%;object-fit:cover;opacity:0;transition:opacity .6s ease}.panel.work .frame span.phone video.on{opacity:1}.panel.work .frame:not(.has-phone){--h: min(62cqh, 55cqw )}.panel.work .screen.scroll{height:var(--h);aspect-ratio:16 / 10;overflow:hidden;background:#fff}.panel.work .screen.scroll.email{height:64cqh;aspect-ratio:3 / 4}.panel.work .screen.scroll img.page{width:100%;max-width:none;height:auto;transform:translateY(0);transition:transform 0s}.panel.work.is-live .screen.scroll img.page{transform:translateY(calc(-100% + var(--win, 0px)));transition:transform var(--run, 14s) cubic-bezier(.45,0,.55,1) .9s}.panel.quote{display:grid;place-items:center;padding:0 10cqw;background:var(--orange);color:#fff}.panel.quote figure{max-width:24em;text-align:left}.panel.quote figure:before{content:"\201c";display:block;font:600 clamp(110px,10cqw,170px)/.7 var(--title);margin-bottom:.12em}.panel.quote blockquote{font-size:clamp(24px,2.5cqw,38px);line-height:1.25;text-wrap:balance}.panel.quote cite{display:block;margin-top:1.6em;font-style:normal;font-size:15px;color:#ffffffd1}.panel.services{display:grid;grid-template-columns:25% 1fr 1fr;gap:0 var(--gutter);padding:0 var(--gutter);align-content:center}.panel.services h3{grid-column:2 / -1;font:600 clamp(20px,1.7cqw,26px)/1.15 var(--title);margin-bottom:1.2em}.panel.services .about{grid-column:2}.panel.services .lede{max-width:24em}.panel.services .meta{margin-top:1.4em;color:var(--mute);max-width:26em}.panel.services ul{grid-column:3;list-style:none}.panel.services li{padding:.32em 0;border-top:1px solid var(--hair)}.panel.services li:last-child{border-bottom:1px solid var(--hair)}.panel.services .links{grid-column:3;margin-top:1.6em;display:flex;flex-wrap:wrap;gap:.5em 1.6em}.panel.services .more{border-bottom:1px solid currentColor;transition:color .2s}.panel.services .more.case{color:var(--orange-text)}.panel.services .more:hover{color:var(--orange)}.panel.index{display:grid;grid-template-columns:25% 1fr;grid-template-rows:auto auto 1fr auto;gap:0 var(--gutter);padding:18cqh var(--gutter) var(--gutter)}.panel.index h3{grid-column:2;font:600 clamp(17px,1.3cqw,20px)/1.2 var(--title);margin-bottom:1.4em}.panel.index .groups{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:var(--gutter);align-items:start}.panel.index h4{font-weight:400;color:var(--mute);margin-bottom:.6em}.panel.index ol{list-style:none}.panel.index li{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--gutter);padding:.2em 0}.panel.index li span{color:var(--mute)}.panel.index li a{transition:color .2s}.panel.index li a:hover{color:var(--orange)}.panel.index .group+.group ol{columns:2;column-gap:var(--gutter)}.panel.index .group+.group li{display:block;break-inside:avoid}.panel.index .contact{grid-column:1 / -1;grid-row:4;padding-top:1.4em;display:grid;grid-template-columns:25% repeat(3,minmax(0,1fr));gap:var(--gutter)}.panel.index .contact a:hover{color:var(--orange)}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--paper);display:grid;place-items:center;transition:opacity .45s var(--ease),visibility 0s linear .45s}.intro.done{opacity:0;visibility:hidden}.intro .word{width:clamp(150px,12.5vw,196px);aspect-ratio:428.3 / 113.5;position:relative;color:var(--orange);opacity:0;transition:opacity .45s ease}.intro.in .word{opacity:1}.intro .word svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.intro .word path{fill:currentColor}.s-hex{clip-path:polygon(0 50%,25% 0,75% 0,100% 50%,75% 100%,25% 100%)}.s-arch{border-radius:999px 999px 0 0}.s-triangle{clip-path:polygon(50% 0,100% 100%,0 100%)}.s-star{clip-path:polygon(50% 0%,58.54% 18.12%,75% 6.7%,73.33% 26.67%,93.3% 25%,81.88% 41.46%,100% 50%,81.88% 58.54%,93.3% 75%,73.33% 73.33%,75% 93.3%,58.54% 81.88%,50% 100%,41.46% 81.88%,25% 93.3%,26.67% 73.33%,6.7% 75%,18.12% 58.54%,0% 50%,18.12% 41.46%,6.7% 25%,26.67% 26.67%,25% 6.7%,41.46% 18.12%)}@media(max-width:760px),(orientation:portrait){:root{--t: 15px}.chrome .line{font-size:14px}.panel.work .frame.has-phone>:not(.phone){display:none}.panel.work .frame:not(.has-phone){--h: 56.25cqw }.panel.work .screen.scroll.email{height:64cqh}.panel.services{grid-template-columns:1fr;align-content:center;padding-top:70px}.panel.services h3,.panel.services .about,.panel.services ul,.panel.services .links{grid-column:1}.panel.services ul{margin-top:1.4em}.panel.index{grid-template-columns:1fr;padding-top:90px}.panel.index .group+.group ol{columns:1}.panel.index h3,.panel.index .groups{grid-column:1}.panel.index .groups{grid-template-columns:1fr 1fr;gap:1.4em var(--gutter);font-size:14px}.panel.index li{grid-template-columns:1fr;gap:0}.panel.index li span{display:none}.panel.index .contact{grid-template-columns:repeat(2,minmax(0,1fr));gap:.2em var(--gutter);font-size:14px}.arrow.prev{left:2px}.arrow.next{right:2px}.row .info{font-size:13px}.row .info .what{font-size:14.5px}.panel.open .show{height:auto;width:84cqw;aspect-ratio:4 / 5}.panel.open .glow{height:auto;width:84cqw;aspect-ratio:4 / 5;transform:translate(-50%,-50%) scale(1.1,1.04);opacity:.9}.panel.work .frame .phone{height:69cqh}.panel.work.is-live .phone.scroll img.page{transform:translateY(calc(-100% + var(--win, 0px)));transition:transform var(--run, 14s) cubic-bezier(.45,0,.55,1) .9s}.panel.work{padding-bottom:12cqh}.counter{display:none}}@media(prefers-reduced-motion:reduce){:root{--move: 1ms}}.deck-live{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@property --tint{syntax: "<color>"; inherits: true; initial-value: #8a8580;}@keyframes drift{0%{transform:translate(-4%,-3%) scale(1.04) rotate(-2deg)}50%{transform:translate(3%,4%) scale(1.12) rotate(1.5deg)}to{transform:translate(5%,-2%) scale(1.07) rotate(3deg)}}.ambient{display:none}@media(min-width:1600px)and (orientation:landscape){:root{--W: 1440px;--H: min(900px, 100vh);--sx: calc((100vw - 1440px)/2) ;--sy: max(0px, calc((100vh - 900px)/2) )}html{background:var(--paper)}.ambient{display:block;position:fixed;top:-10%;right:-10%;bottom:-10%;left:-10%;z-index:-1;pointer-events:none;opacity:.5}.ambient img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;opacity:0;transition:opacity 1.6s ease;will-change:transform,opacity;animation:drift 26s ease-in-out infinite alternate}.ambient img+img{animation-duration:33s;animation-delay:-11s}.ambient img.on{opacity:1}body.page main{position:fixed;inset:var(--sy) var(--sx);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;background:var(--paper)}body.page main::-webkit-scrollbar{display:none}body.page .chrome:before{top:0}html:has(body.page){overscroll-behavior:none;scroll-snap-type:none}}@media(prefers-reduced-motion:reduce){.ambient img{animation:none}}.mail{display:inline-block;position:relative;white-space:nowrap}.mail a,.mail .mail-show{display:inline-block;vertical-align:top;line-height:inherit;white-space:nowrap}.mail a{border-bottom:1px solid transparent}.mail-show{padding:0;border-bottom:1px solid currentColor;line-height:inherit;transition:opacity .2s var(--ease),transform .2s var(--ease)}.mail.checking .mail-show{opacity:0;transform:translateY(-6px);pointer-events:none}.mail-check{position:absolute;left:0;top:0;bottom:0;display:flex;align-items:center;gap:.55em;white-space:nowrap;pointer-events:none;animation:check-in .38s cubic-bezier(.2,.9,.3,1.25) both}.mail-check .ring{width:1.05em;height:1.05em;flex:none;transform:rotate(-90deg)}.mail-check .ring circle{fill:none;stroke-width:2}.mail-check .ring .track{stroke:color-mix(in srgb,currentColor 18%,transparent)}.mail-check .ring .fill{stroke:var(--orange);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--p, 0) * 100)}.mail-check .ring .tick{fill:none;stroke:var(--orange);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100;transform:rotate(90deg);transform-origin:10px 10px}.mail.checking:not(.passed) .ring{animation:ring-breathe 1.2s ease-in-out infinite}.mail.passed .ring .tick{stroke-dashoffset:0;transition:stroke-dashoffset .42s var(--ease) 80ms}.mail.passed .ring .fill{stroke-dashoffset:0}.mail-check>span{background:linear-gradient(90deg,currentColor 40%,color-mix(in srgb,currentColor 35%,transparent) 50%,currentColor 60%) 0 0 / 250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 1.6s linear infinite}.mail.passed .mail-check>span{animation:none;color:inherit;background:none}@keyframes check-in{0%{opacity:0;transform:translateY(8px) scale(.96);filter:blur(3px)}}@keyframes ring-breathe{50%{transform:rotate(-90deg) scale(.9)}}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-150% 0}}.mail.open a{animation:mail-in .52s cubic-bezier(.2,.9,.3,1.15) both}@keyframes mail-in{0%{opacity:0;transform:translateY(10px);filter:blur(4px)}}@media(prefers-reduced-motion:reduce){.mail-check,.mail.open a,.mail.checking .ring,.mail-check>span{animation:none}.mail-check>span{color:inherit;background:none}}.chrome .mark .blink{animation:blink 1s steps(1,end) infinite}@keyframes blink{50%{opacity:0}}.panel.open .show{cursor:pointer}.row .info .who b{visibility:hidden}.wheel{position:fixed;left:calc(var(--sx) + var(--gutter));bottom:calc(var(--sy) + var(--gutter));z-index:16;height:0;pointer-events:none;color:var(--ink);transition:color .4s var(--ease),opacity .3s var(--ease)}.wheel b{position:absolute;left:0;bottom:0;font:600 clamp(13.5px,1vw,16px)/1.2 var(--title);transform-origin:0 100%;opacity:0;will-change:transform,opacity}body[data-tone=light] .wheel{color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.28)}body.menu-open .wheel{opacity:0}.row .info .case{transition:opacity .2s var(--ease)}@media(min-width:1600px)and (orientation:landscape){.ambient{transition:opacity 1.6s ease}.ambient:before,.ambient:after{content:"";position:absolute;border-radius:50%;opacity:0;transition:opacity 1.6s ease;will-change:transform}.ambient:before{left:-2%;top:4%;width:44%;height:74%;background:radial-gradient(closest-side,#f0502a,#ec4d29 30%,#ec4d298c 62%,#e8492800);animation:wash-a 17s ease-in-out infinite alternate}.ambient:after{right:-2%;bottom:2%;width:42%;height:72%;background:radial-gradient(closest-side,#ff5a26,#ff6a33 28%,#ff6a338c 60%,#ff6a3300);animation:wash-b 23s ease-in-out infinite alternate}body.wash .ambient{opacity:1}body.wash .ambient{top:-4%;right:-4%;bottom:-4%;left:-4%}body.wash .ambient img{opacity:0}body.wash .ambient:before,body.wash .ambient:after{opacity:1}body.page.wash main{box-shadow:0 50px 120px -30px #e849288c,0 0 140px -20px #e8492873}}@keyframes wash-a{0%{transform:translate(0) scale(1)}50%{transform:translate(14%,10%) scale(1.15)}to{transform:translate(-6%,18%) scale(.92)}}@keyframes wash-b{0%{transform:translate(0) scale(1)}50%{transform:translate(-16%,-8%) scale(1.12)}to{transform:translate(8%,-16%) scale(.95)}}@media(prefers-reduced-motion:reduce){.ambient:before,.ambient:after{animation:none}}@property --shimmer-blur{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --hover-blur{syntax: "<length>"; inherits: false; initial-value: 0px;}.panel.steam{display:grid;place-items:center;isolation:isolate;color:#fff}.panel.steam>img.cover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.steam-word{width:min(86vw,748px);display:flex;align-items:center;justify-content:center;gap:clamp(6px,1.3vw,16px)}.steam-letter{height:auto;width:auto;max-height:clamp(94px,32vw,213px);object-fit:contain;opacity:0;filter:blur(14px);transform:translateY(var(--start-y));will-change:transform,opacity,filter;cursor:pointer;touch-action:manipulation;--shimmer-blur: 0px;--hover-blur: 0px;transition:opacity 1.2s ease var(--delay),filter 1.2s ease var(--delay),transform 1.9s cubic-bezier(.18,.9,.28,1) var(--delay)}.steam-letter:nth-child(1){--start-y: -24px;--bob-y: -4px;--delay: 0ms}.steam-letter:nth-child(2){--start-y: 24px;--bob-y: 3px;--delay: .36s}.steam-letter:nth-child(3){--start-y: -24px;--bob-y: -3px;--delay: .72s}.steam-letter:nth-child(4){--start-y: 24px;--bob-y: 4px;--delay: 1.08s}.steam-letter:nth-child(5){--start-y: -24px;--bob-y: -3px;--delay: 1.44s}.steam-word.active .steam-letter{opacity:1;filter:blur(0);transform:translateY(0)}.steam-word.arrived .steam-letter{animation:steam-bob 5.5s ease-in-out var(--delay) infinite;filter:blur(calc(var(--shimmer-blur) + var(--hover-blur)));transition:opacity 1.8s ease,--shimmer-blur 1.6s ease-in-out,--hover-blur 1.8s ease}.steam-word.arrived .steam-letter.shimmering{--shimmer-blur: 4px}.steam-word.arrived .steam-letter.puffing{opacity:0;--hover-blur: 28px}@keyframes steam-bob{0%,to{transform:translateY(0)}50%{transform:translateY(var(--bob-y))}}.steam-in{display:flex;flex-direction:column;align-items:center;text-align:center}.steam-tagline{margin-top:50px;font-size:18px;font-style:italic;opacity:0;filter:blur(14px);transition:opacity 1.4s ease,filter 1.4s ease}.steam-tagline.visible{opacity:1;filter:blur(0)}.steam-tagline img{display:block;height:31px;width:auto;margin:0 auto}@media(prefers-reduced-motion:reduce){.steam-letter,.steam-tagline{opacity:1;filter:none;transform:none;animation:none;transition:none}}.steam-note{margin:14px 0 0;text-align:center;font-size:13px;line-height:1.3;color:#fff;opacity:0;transition:opacity .9s ease .6s;text-shadow:0 1px 12px rgba(0,0,0,.3);pointer-events:none}.steam-tagline.visible+.steam-note{opacity:.85}.steam-note .touch{display:none}@media(hover:none){.steam-note .mouse{display:none}.steam-note .touch{display:inline}}body.page{height:auto}.cs-list{min-height:100vh;min-height:100svh;display:grid;align-content:center;padding:110px var(--gutter) 12vh}.cs-list h1{font:600 clamp(17px,1.3vw,20px)/1.2 var(--title);margin-bottom:1.4em}.cs-list ol{list-style:none}.cs-list li a{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:var(--gutter);padding:.28em 0 .32em;border-top:1px solid var(--hair);color:var(--mute);transition:opacity .3s var(--ease)}.cs-list li:last-child a{border-bottom:1px solid var(--hair)}.cs-list li a .n{font:600 clamp(28px,3.9vw,58px)/1.08 var(--title);color:var(--ink);transition:color .25s var(--ease)}.cs-list li a .l{text-align:right;white-space:nowrap}.cs-list li a .thumb{display:none}.cs-list li a:hover .n,.cs-list li a:focus-visible .n,.cs-list li a.on .n{color:var(--orange-text)}.cs-list.hovering li a:not(.on){opacity:.32}@media(hover:none),(pointer:coarse){.cs-list li a{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;row-gap:.15em;padding:.8em 0}.cs-list li a .n{font-size:clamp(22px,6.4vw,30px)}.cs-list li a .l{text-align:left;white-space:normal}}.cs-top{display:grid;grid-template-columns:25% 1fr 42%;gap:var(--gutter);padding:130px var(--gutter) 0;align-items:start}.cs-top img.cover{grid-column:3;grid-row:1;width:100%;height:auto;aspect-ratio:5 / 4;object-fit:cover}.cs-title{grid-column:2;grid-row:1}.cs-title h1{font:600 clamp(22px,2vw,30px)/1.15 var(--title)}.cs-title p{margin-top:.3em;color:var(--mute)}.cs-intro{display:grid;grid-template-columns:25% 1fr 25%;gap:var(--gutter);padding:14vh var(--gutter) 18vh}.cs-intro .body{grid-column:2;max-width:34em;font-size:clamp(16px,1.2vw,18.5px);line-height:1.45}.cs-intro .body p+p{margin-top:1em}.cs-intro .meta{grid-column:3;display:flex;flex-direction:column;color:var(--mute);justify-content:flex-end}.block{padding:0 var(--gutter);margin-bottom:18vh}.block h3{font:600 clamp(16px,1.25vw,19px)/1.2 var(--title);margin-bottom:1.6em}.block .note{color:var(--mute);margin-top:1.6em;max-width:40em}.block.pair{display:flex;justify-content:center;align-items:center;gap:var(--gutter)}.block.pair img{flex:0 1 auto;min-width:0;width:auto;height:auto;max-width:100%;max-height:76vh}.block.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--gutter)}.block.grid img{width:100%;aspect-ratio:1;object-fit:cover}.block.grid figcaption{margin-top:.6em;color:var(--mute)}.block.grid figcaption b{display:block;font-weight:400;color:var(--ink)}.block.figures{display:grid;grid-template-columns:25% 1fr;gap:0 var(--gutter)}.block.figures .nums{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:var(--gutter)}.block.figures strong{display:block;font:600 clamp(24px,2.2vw,30px)/1.1 var(--title);margin-bottom:.25em;font-variant-numeric:tabular-nums}.block.figures span{display:block;max-width:18em}.block.figures .note{grid-column:2}.block.quote{display:grid;place-items:center;text-align:center;padding:4vh 10vw}.block.quote blockquote{max-width:32em;font-size:clamp(18px,1.45vw,22px);line-height:1.38}.block.quote cite{margin-top:1.4em;font-style:normal;color:var(--mute)}.block.text{display:grid;grid-template-columns:25% 1fr 25%;gap:var(--gutter)}.block.text h3{grid-column:2;margin-bottom:.6em}.block.text p{grid-column:2;max-width:34em}.block.text p+p{margin-top:1em}.block.figures h3{grid-column:2}.block.figures .nums{grid-template-columns:repeat(auto-fit,minmax(9em,1fr));max-width:52em}.block.steps{display:grid;grid-template-columns:25% 1fr 25%;gap:0 var(--gutter)}.block.steps>h3,.block.steps .intro{grid-column:2}.block.steps>h3{margin-bottom:.6em}.block.steps .intro{max-width:34em;color:var(--mute)}.block.steps ol{grid-column:2 / 4;grid-row:3;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.6em var(--gutter);margin-top:3em}.block.steps li b{display:block;font:600 clamp(15px,1.15vw,18px)/1.25 var(--title);margin-bottom:.45em}.block.steps li span{display:block;max-width:22em}.block.steps li i{display:block;font-style:normal;color:var(--orange-text);font-variant-numeric:tabular-nums;margin-bottom:.6em}.block.steps .big{grid-column:1;grid-row:3;align-self:start;margin-top:3em;text-align:right}.block.steps .big strong{display:block;font:600 clamp(40px,4.2vw,68px)/1 var(--title);font-variant-numeric:tabular-nums}.block.steps .big span{display:block;margin-top:.4em;color:var(--mute)}.cs{--soft-ink: color-mix(in srgb, var(--ink) 72%, var(--paper))}.block.steps .big strong,.block.figures strong{color:var(--orange)}.block.chart{display:grid;grid-template-columns:25% 1fr 25%;gap:0 var(--gutter)}.block.chart>*{grid-column:2}.bars{display:grid;gap:22px}.bar{display:grid;grid-template-columns:11em 1fr 4.5em;align-items:center;gap:var(--gutter);position:relative;outline:none}.bar .track{height:10px}.bar i{display:block;height:100%;background:var(--soft-ink);transform-origin:left;transform:scaleX(0);transition:transform 1.1s var(--ease),background-color .2s}.bar .v{text-align:right;font-variant-numeric:tabular-nums}.chart.in .bar i{transform:scaleX(1)}.bar:nth-child(2) i{transition-delay:90ms,0s}.bar:nth-child(3) i{transition-delay:.18s,0s}.columns{height:44vh;display:flex;align-items:stretch;gap:2px;border-bottom:1px solid var(--hair);position:relative}.col{flex:1;display:flex;flex-direction:column;justify-content:flex-end;position:relative;outline:none}.col i{display:block;width:32%;margin:0 auto;background:var(--soft-ink);transform-origin:bottom;transform:scaleY(0);transition:transform .9s var(--ease),background-color .2s}.chart.in .col i{transform:scaleY(1)}.col span{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:.7em;color:var(--mute);white-space:nowrap}.columns+.note{margin-top:3.4em}[data-tip]:hover i,[data-tip]:focus-visible i{background:var(--orange)}[data-tip]:after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%);background:var(--ink);color:var(--paper);padding:4px 8px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s}.bar[data-tip]:after{left:auto;right:0;transform:none}.col[data-tip]:after{bottom:auto;top:-2.2em}[data-tip]:hover:after,[data-tip]:focus-visible:after{opacity:1}.chart details{margin-top:1.4em;color:var(--mute)}.chart summary{cursor:pointer;list-style:none}.chart summary::-webkit-details-marker{display:none}.chart summary:before{content:"+ ";color:var(--orange)}.chart details[open] summary:before{content:"\2013  "}.chart table{margin-top:.8em;border-collapse:collapse;color:var(--ink)}.chart th,.chart td{text-align:left;font-weight:400;padding:2px 2em 2px 0;font-variant-numeric:tabular-nums}.cs-next{display:flex;justify-content:space-between;padding:0 var(--gutter);margin-bottom:16vh}.cs-next a{border-bottom:1px solid currentColor;transition:color .2s}.cs-next a:last-child{color:var(--orange-text)}.cs-next a:hover{color:var(--orange-text)}.cs-foot{display:grid;grid-template-columns:25% repeat(3,minmax(0,1fr));gap:var(--gutter);padding:var(--gutter) var(--gutter) var(--gutter);color:var(--mute)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal.in{opacity:1;transform:none}@media(max-width:760px),(orientation:portrait){.cs-top{grid-template-columns:1fr;gap:1.6em;padding-top:100px}.cs-top img.cover,.cs-title{grid-column:1}.cs-top img.cover{grid-row:2;aspect-ratio:4 / 5}.cs-intro,.block.text,.block.chart,.block.figures,.cs-foot{grid-template-columns:minmax(0,1fr)}.cs-intro .body,.cs-intro .meta,.block.chart>*,.block.figures .nums,.block.figures .note,.block.text h3,.block.text p{grid-column:1}.cs-intro{padding:5vh var(--gutter) 10vh;gap:2em}.block{margin-bottom:11vh}.block.grid{grid-template-columns:1fr 1fr}.block.figures .nums{grid-template-columns:1fr;gap:2em}.block.steps{grid-template-columns:minmax(0,1fr)}.block.steps>h3,.block.steps .intro,.block.steps ol,.block.steps .big{grid-column:1}.block.steps .big{grid-row:auto;text-align:left;margin-top:2.2em}.block.steps ol{grid-row:auto;grid-template-columns:1fr;gap:2em;margin-top:2.2em}.block.figures h3{grid-column:1}.bar{grid-template-columns:1fr 4em}.bar .k{grid-column:1 / -1}.columns{height:32vh}.col i{width:58%}.cs-foot{gap:.2em}}@media(prefers-reduced-motion:reduce){.reveal,.bar i,.col i{transition:none;transform:none;opacity:1}}.about{padding:0 var(--gutter)}.about h1,.about h2{font:600 clamp(17px,1.3vw,20px)/1.2 var(--title)}.ab-top{display:grid;grid-template-columns:25% minmax(0,1fr) 34%;gap:var(--gutter);padding:24vh 0 20vh;align-items:start}.ab-top .body{max-width:31em;font-size:clamp(16px,1.2vw,18.5px);line-height:1.5}.ab-top .body p+p{margin-top:1em}.ab-top .portrait{margin-right:calc(-1 * var(--gutter));margin-top:.35em}.ab-top .portrait img{width:100%;aspect-ratio:4 / 5;object-fit:cover;object-position:50% 45%;animation:settle 1.4s var(--ease) both}.ab-top .portrait figcaption{margin-top:.7em;font-size:13px;color:var(--mute)}@keyframes settle{0%{opacity:0;transform:scale(1.03)}}.ab-list,.ab-quotes{display:grid;grid-template-columns:25% minmax(0,1fr);gap:var(--gutter);margin-bottom:20vh}.ab-list ul{list-style:none}.ab-list ul.svc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.2em calc(var(--gutter) * 2);max-width:1000px}.ab-list ul.svc b{display:block;font-weight:500;margin-bottom:.35em}.ab-list ul.svc span{display:block;color:var(--mute);max-width:24em}.ab-list ul.ways{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3em calc(var(--gutter) * 3);max-width:1000px}.ab-list ul.ways b{display:flex;align-items:center;gap:.65em;font-weight:500;margin-bottom:.55em}.ab-list ul.ways span{display:block;color:var(--mute);max-width:31em}.ab-list ul.ways .s{flex:none;width:15px;height:13px;background:var(--orange);transition:transform .5s var(--ease)}.ab-list ul.ways li:hover .s{transform:rotate(-12deg) scale(1.15)}.ab-list ul.ways .s-hex,.ab-list ul.ways .s-triangle{width:15.5px}.ab-list ul.ways .s-arch,.ab-list ul.ways .s-star{width:13.5px}.ab-tech .prose{max-width:31em}.ab-tech .prose p+p{margin-top:1em}.ab-quotes>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--gutter) * 2)}.ab-quotes blockquote{line-height:1.5}.ab-quotes cite{display:block;margin-top:1em;font-style:normal;color:var(--mute);font-size:14px}.about .cs-foot{padding-left:0;padding-right:0}.board{margin-top:4.2em;margin-right:calc(-1 * var(--gutter))}.board-track{display:flex;gap:calc(var(--gutter) * 1.4);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px var(--gutter) 30px 2px;cursor:grab;overscroll-behavior-x:contain}.board-track::-webkit-scrollbar{display:none}.board-track.dragging{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.card{flex:0 0 clamp(270px,28vw,380px);scroll-snap-align:start;display:grid;grid-template-rows:auto 1fr;gap:1em}.card-pic{position:relative;aspect-ratio:4 / 3;background:#fafafa;overflow:hidden;box-shadow:0 0 0 1px var(--hair);transition:transform .5s var(--ease),box-shadow .5s var(--ease)}.card:hover .card-pic{transform:translateY(-4px);box-shadow:0 0 0 1px var(--hair),0 24px 40px -26px #28140a59}.card-pic img{width:100%;height:100%;object-position:0 0;display:block;pointer-events:none}.card-pic .fid{position:absolute;top:10%;right:6%;bottom:10%;left:6%;display:grid;place-items:center}.card-text .kick{display:block;font-size:13px;color:var(--mute);margin-bottom:.2em}.card-text b{display:block;font-weight:500;margin-bottom:.35em}.card-text p{color:var(--mute);font-size:14px;line-height:1.5;max-width:30em}.board-nav{display:flex;gap:10px;margin-top:.4em}.bn{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;font-size:14px;line-height:1;color:var(--ink);background:#fff;box-shadow:0 0 0 1px var(--hair),0 8px 18px -12px #0000004d;transition:opacity .25s var(--ease)}.bn svg{width:16px;height:16px}.bn[disabled]{opacity:.3;cursor:default}.fb{position:absolute;top:9%;right:8%;bottom:9%;left:8%}.fb-page{position:absolute;left:0;top:0;width:64%;bottom:14%;background:#fff;box-shadow:0 0 0 1px var(--hair);padding:9% 8%;display:grid;gap:8%;align-content:start}.fb-page b{font:600 11px/1.2 var(--title)}.fb-page i{display:block;height:4px;background:color-mix(in srgb,var(--ink) 13%,#fff)}.fb-page i.s{width:60%}.fb-page i.hl{background:color-mix(in srgb,var(--orange) 55%,#fff)}.fb-note{position:absolute;right:0;top:30%;width:48%;background:#fff;padding:9px 11px;font-size:11.5px;line-height:1.35;box-shadow:0 0 0 1px var(--hair),0 14px 26px -16px #00000059}.fb-note .who{display:block;font-weight:500;margin-bottom:2px}.fb-note:before{content:"";position:absolute;left:-26px;top:18px;width:26px;border-top:1px dashed var(--orange)}.fb-states{position:absolute;left:0;bottom:0;display:flex;gap:12px;font-size:11px;color:var(--mute)}.fb-states span:before{content:"";display:inline-block;width:7px;height:7px;margin-right:5px;border:1px solid var(--ink);vertical-align:0}.fb-states .a:before{background:linear-gradient(90deg,var(--ink) 50%,transparent 50%)}.fb-states .r:before{background:linear-gradient(90deg,var(--ink) 50%,transparent 50%)}.fb-states .d:before{background:var(--ink)}.fid svg{display:block;width:100%;height:auto}.fid-v{display:none}.fid .node rect{fill:#fff;stroke:var(--hair);stroke-width:1}.fid .node.on rect{fill:var(--ink);stroke:none}.fid .node.on text{fill:var(--paper)}.fid .node.dash-n rect{fill:none;stroke:color-mix(in srgb,var(--ink) 35%,var(--paper));stroke-dasharray:4 4}.fid text{font-family:var(--read);fill:var(--ink)}.fid .t{font-size:15px;font-weight:500}.fid .s{font-size:12.5px;fill:color-mix(in srgb,var(--ink) 62%,var(--paper))}.fid .node.on .s{fill:color-mix(in srgb,var(--paper) 78%,var(--ink))}.fid .s.m{font-size:11.5px}.fid .ln{fill:none;stroke:var(--ink);stroke-width:1.2}.fid .ln.dashed{stroke-dasharray:4 4;stroke:color-mix(in srgb,var(--ink) 45%,var(--paper))}.fid .ah{fill:var(--ink)}@media(prefers-reduced-motion:no-preference){.fid .ln:not(.dashed){stroke-dasharray:6 5;animation:flow 1.6s linear infinite}@keyframes flow{to{stroke-dashoffset:-22}}}@media(prefers-reduced-motion:reduce){.ab-top .portrait img{animation:none}}@media(max-width:760px),(orientation:portrait){.ab-top,.ab-list,.ab-quotes{grid-template-columns:minmax(0,1fr)}.ab-top{padding-top:110px;gap:1.6em}.ab-top .portrait{order:-1;grid-row:2;margin:0 calc(-1 * var(--gutter))}.ab-top .portrait figcaption{padding:0 var(--gutter)}.ab-list ul.svc,.ab-list ul.ways,.ab-quotes>div{grid-template-columns:minmax(0,1fr);gap:1.8em}.show{grid-template-columns:minmax(0,1fr)}.card{flex-basis:78vw}.ab-list,.ab-quotes{margin-bottom:12vh}}.contact-page .ab-top{min-height:100vh;min-height:100svh;align-content:center;padding:18vh 0}.contact-page .reach{display:flex;flex-direction:column;gap:.3em;margin-top:2em}.contact-page .reach a,.contact-page .reach .mail{color:var(--orange-text);align-self:flex-start}.contact-page .reach>a{border-bottom:1px solid currentColor}.contact-page .reach span{color:var(--mute)}.about .legal{color:var(--mute);margin-top:2em}@media(min-width:1600px)and (orientation:landscape){.cs-list,.contact-page .ab-top{min-height:var(--H)}.cs-list{padding-bottom:calc(var(--H) * .12)}.cs-intro{padding:calc(var(--H) * .14) var(--gutter) calc(var(--H) * .18)}.block{margin-bottom:calc(var(--H) * .18)}.ab-list,.ab-quotes{margin-bottom:calc(var(--H) * .2)}.block.pair img{max-height:calc(var(--H) * .76)}.columns{height:calc(var(--H) * .44)}.cs-next{margin-bottom:calc(var(--H) * .16)}.ab-top{padding:calc(var(--H) * .24) 0 calc(var(--H) * .2)}.contact-page .ab-top{padding:calc(var(--H) * .18) 0}}.card-pic{--ink2: color-mix(in srgb, var(--ink) 16%, #fff)}.card-pic>div[class^=t-]{position:absolute;top:0;right:0;bottom:0;left:0;padding:7% 7% 6%;font-size:11px;line-height:1.3;background:#fff}.card-pic [data-to]{font-variant-numeric:tabular-nums}.t-thwart .tw-count{font-size:12px;color:var(--mute);margin-bottom:.8em}.t-thwart .tw-count span{font:600 15px/1 var(--title);color:var(--ink)}.tw-rows,.tw-cats{list-style:none;position:absolute;left:7%;right:7%;top:22%}.tw-rows li{display:grid;grid-template-columns:1fr auto auto;gap:.5em;padding:.32em 0;border-bottom:1px solid var(--ink2);opacity:0;transform:translateY(6px)}.tw-rows .kw{color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tw-rows .tg{padding:0 .45em;border:1px solid var(--ink2);color:var(--mute);font-size:10px}.tw-rows .tg.s{border-color:color-mix(in srgb,var(--orange) 50%,#fff);color:var(--orange-text)}.go .tw-rows li{animation:twin 3.2s ease calc(var(--n) * 90ms) forwards}@keyframes twin{0%{opacity:0;transform:translateY(6px)}8%{opacity:1;transform:none}70%{opacity:1;transform:none}82%,to{opacity:0;transform:translateY(-14px) scaleY(.6)}}.tw-cats li{display:grid;grid-template-columns:6.5em 1fr 2.6em;gap:.2em .6em;align-items:center;margin-bottom:.9em;opacity:0}.tw-cats .sub{grid-column:1 / -1;display:grid;grid-template-columns:6.5em 1fr 2.6em;gap:.6em;align-items:center;padding-left:1em;color:var(--mute)}.tw-cats .cn{white-space:nowrap}.tw-cats .tbar{height:7px;background:var(--ink2);position:relative}.tw-cats .sub .tbar{height:4px}.tw-cats .tbar i{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--ink)}.tw-cats li:first-child>.tbar i{background:var(--orange)}.go .tw-cats li{animation:show .4s ease calc(2.4s + var(--n) * .14s) forwards}.go .tw-cats .tbar i{transition:width .9s cubic-bezier(.2,.8,.2,1) calc(2.6s + var(--n) * .14s);width:var(--w)}@keyframes show{to{opacity:1}}.t-thwart .tw-note{position:absolute;left:7%;bottom:6%;color:var(--mute)}.t-prophecy svg{position:absolute;left:6%;right:6%;top:10%;width:88%;height:auto;overflow:visible}.t-prophecy .ax{stroke:var(--ink2)}.t-prophecy .nowl{stroke:var(--ink2);stroke-dasharray:2 3}.t-prophecy .hist{fill:none;stroke:var(--ink);stroke-width:1.4;stroke-dasharray:1400;stroke-dashoffset:1400}.t-prophecy .fore{fill:none;stroke:var(--orange);stroke-width:1.6;stroke-dasharray:3 3;opacity:0}.t-prophecy .cone{fill:color-mix(in srgb,var(--orange) 12%,transparent);stroke:none;transform-box:fill-box;transform-origin:0 50%;transform:scaleX(0)}.t-prophecy .hol{stroke:var(--orange);stroke-width:1.4;opacity:0}.t-prophecy .lab{font:400 10px var(--read);fill:var(--mute)}.t-prophecy .lab.end{text-anchor:end}.go .t-prophecy .hist{transition:stroke-dashoffset 2.6s cubic-bezier(.4,0,.2,1);stroke-dashoffset:0}.go .t-prophecy .fore{transition:opacity .6s 2.5s;opacity:1;animation:march 1.4s linear 3.1s infinite}@keyframes march{to{stroke-dashoffset:-12}}.go .t-prophecy .cone{transition:transform 1.6s cubic-bezier(.2,.8,.2,1) 2.6s;transform:scaleX(1)}.go .t-prophecy .hol{transition:opacity .3s 3.6s;opacity:1}.t-goose .g-copy{font-size:13px;line-height:2.15;color:var(--ink);margin-bottom:1.1em}.t-goose mark{background:none;color:inherit;position:relative}.t-goose mark:after{content:attr(data-ent);position:absolute;left:0;top:100%;margin-top:-2px;font-size:9px;line-height:1;color:var(--orange-text);white-space:nowrap;opacity:0;transition:opacity .3s}.t-goose mark{background-image:linear-gradient(var(--orange),var(--orange));background-repeat:no-repeat;background-position:0 100%;background-size:0 1.5px}.go .t-goose mark{transition:background-size .5s ease calc(.4s + var(--n) * .26s);background-size:100% 1.5px}.go .t-goose mark:after{transition-delay:calc(.7s + var(--n) * .26s);opacity:1}.t-goose .g-row{display:grid;grid-template-columns:9.5em 1fr 2.6em;gap:.6em;align-items:center;margin-top:.9em;color:var(--mute)}.t-goose .tbar{height:6px;background:var(--ink2);position:relative}.t-goose .tbar i{position:absolute;inset:0 auto 0 0;width:0;background:var(--ink)}.go .t-goose .tbar i{transition:width .9s cubic-bezier(.2,.8,.2,1) 2.6s;width:var(--w)}.t-goose .g-sent{display:grid;grid-template-columns:auto 1fr auto;gap:.6em;align-items:center;margin-top:1.3em;color:var(--mute)}.t-goose .axis{height:1px;background:var(--ink2);position:relative}.t-goose .axis i{position:absolute;top:-5px;left:50%;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:var(--orange);transition:left 1.1s cubic-bezier(.2,.8,.2,1) 3.3s}.go .t-goose .axis i{left:84%}.t-trend ol{list-style:none;display:grid;gap:.55em}.t-trend li{display:grid;grid-template-columns:6.6em 1fr 5.4em;gap:.6em;align-items:center;opacity:0}.t-trend svg{width:100%;height:26px;overflow:visible}.t-trend polyline{fill:none;stroke:var(--ink);stroke-width:1.4;vector-effect:non-scaling-stroke;stroke-dasharray:600;stroke-dashoffset:600}.t-trend li:first-child polyline{stroke:var(--orange)}.t-trend .tp{text-align:right;color:var(--mute)}.t-trend .tp.up{color:var(--ink)}.go .t-trend li{animation:show .3s ease calc(var(--n) * .26s) forwards}.go .t-trend polyline{transition:stroke-dashoffset 1.5s cubic-bezier(.4,0,.2,1);stroke-dashoffset:0}.go .t-trend li:nth-child(2) polyline{transition-delay:.26s}.go .t-trend li:nth-child(3) polyline{transition-delay:.52s}.go .t-trend li:nth-child(4) polyline{transition-delay:.78s}.go .t-trend li:nth-child(5) polyline{transition-delay:1.04s}.t-trend .tr-note{position:absolute;left:7%;bottom:6%;color:var(--mute)}@media(prefers-reduced-motion:reduce){.card-pic *,.card-pic *:after{transition:none!important;animation:none!important}.tw-rows{display:none}.tw-cats li,.t-trend li{opacity:1}}.to-lab{margin-top:1.4em}.to-lab a{border-bottom:1px solid currentColor;color:var(--orange-text)}.lab-top{grid-template-columns:25% minmax(0,1fr) 25%}.ab-chapters{margin:0 0 22vh}.chapters{display:grid;gap:18vh}.ch{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:calc(var(--gutter) * 3);align-items:center}.ch-art{position:relative;aspect-ratio:16 / 11}.ch-art canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.ch-text{opacity:0;transform:translateY(18px);transition:opacity .9s var(--ease) .2s,transform .9s var(--ease) .2s}.ch.in .ch-text{opacity:1;transform:none}.ch-text h3{font:600 clamp(24px,2.6vw,40px)/1.08 var(--title);margin-bottom:.75em;text-wrap:balance}.ch-text p{max-width:28em;line-height:1.55}.ch-text p+p{margin-top:.9em;color:var(--mute)}.ch:nth-child(2n){grid-template-columns:minmax(0,4fr) minmax(0,8fr)}.ch:nth-child(2n) .ch-art{grid-column:2;grid-row:1}.ch:nth-child(2n) .ch-text{grid-column:1;grid-row:1}.ch-hist{grid-template-columns:25% minmax(0,1fr);align-items:start;scroll-margin-top:120px}.ch-hist .ch-text.wide{grid-column:2}.ch-hist .ch-text h3{font-size:clamp(20px,2vw,29px)}.hist-row{grid-column:2;display:flex;gap:calc(var(--gutter) * 1.4);margin-top:1em;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;cursor:grab;padding:4px var(--gutter) 8px 2px;margin-right:calc(-1 * var(--gutter))}.hist-row::-webkit-scrollbar{display:none}.hist-row{scroll-padding-left:2px}.hist-row.dragging{cursor:grabbing;scroll-snap-type:none}.hist-row .card{flex:0 0 calc((100% - var(--gutter) * 2.8) / 2.45);scroll-snap-align:start}.ab-hist{margin-bottom:14vh}.hist-row .card-pic>div[class^=t-]{font-size:11px}@media(max-width:760px),(orientation:portrait){.lab-top{grid-template-columns:minmax(0,1fr)}.ab-chapters{margin:0 0 12vh}.chapters{gap:11vh}.ch,.ch-hist,.ch:nth-child(2n){grid-template-columns:minmax(0,1fr);gap:1.2em}.ch-art,.ch-text,.ch:nth-child(2n) .ch-art,.ch:nth-child(2n) .ch-text,.ch-hist .ch-text.wide,.hist-row{grid-column:1;grid-row:auto}.ch-art{aspect-ratio:1 / 1;margin:0 calc(-1 * var(--gutter))}.hist-row{gap:1.2em}.hist-row .card{flex-basis:86%}.hist-row .card-pic>div[class^=t-]{font-size:9.5px}.hist-row .t-thwart .tw-rows li:nth-child(8){display:none}}.lab-top{padding-bottom:10vh}.lab-meet{padding:0 0 18vh}.lab-meet h2{font:600 clamp(22px,2.2vw,32px)/1.1 var(--title);color:var(--orange);white-space:nowrap}.lab-meet .dubl-logo{display:inline-block;height:.86em;width:auto;vertical-align:-.06em;margin-left:.12em}.lab-meet .body{font-size:clamp(17.5px,1.45vw,22px);line-height:1.45;max-width:30em}.scrub{display:flex;align-items:center;gap:1.2em;margin-top:1.2em;font-size:12px;color:var(--mute)}.scrub .rst{font-size:12px;color:var(--mute);border-bottom:1px solid currentColor;padding:0;flex:none;transition:color .2s}.scrub .rst:hover{color:var(--ink)}.scrub .trk{position:relative;flex:1;height:28px;cursor:ew-resize;touch-action:none}.scrub .trk:before{content:"";position:absolute;left:0;right:0;top:8px;border-top:1px solid color-mix(in srgb,var(--ink) 18%,#fff)}.scrub .fill{position:absolute;left:0;top:8px;width:0;border-top:1px solid var(--orange)}.scrub .knob{position:absolute;top:8px;width:11px;height:11px;margin:-5.5px 0 0 -5.5px;border-radius:50%;background:var(--orange);transition:transform .2s var(--ease)}.scrub.held .knob,.scrub .trk:hover .knob{transform:scale(1.35)}.scrub .st{position:absolute;top:15px;white-space:nowrap;font-size:10.5px;color:color-mix(in srgb,var(--ink) 40%,#fff);transform:translate(-2px);pointer-events:none}.scrub .st:last-child{transform:translate(-100%);left:100%!important}.ch-read{align-items:center}.ch-read .ch-art{grid-column:1;grid-row:1}.ch-read .ch-text{grid-column:2;grid-row:1;align-self:center}@media(max-width:760px),(orientation:portrait){.ch-read .ch-art,.ch-read .scrub,.ch-read .ch-text{grid-column:1;grid-row:auto}.scrub .st{display:none}}.t-trend2 .tr-wall{position:absolute;left:7%;top:9%;width:54%;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.t-trend2 .tr-wall i{aspect-ratio:3 / 4;opacity:.25;transition:opacity .4s}.t-trend2 .tr-wall i{opacity:.55}.go .t-trend2 .tr-wall i{animation:tile 5.4s steps(1,end) calc(var(--n) * .45s) infinite}@keyframes tile{0%{opacity:1}8.33%,to{opacity:.55}}.t-trend2 .tr-scan{position:absolute;left:0;top:0;width:calc(25% - 3px);aspect-ratio:3 / 4;border:1.5px solid var(--orange);opacity:0}.go .t-trend2 .tr-scan{opacity:1;animation:scanwall 5.4s steps(1,end) infinite}@keyframes scanwall{0.00%{transform:translate(calc(0*(100% + 4px)),calc(0*(100% + 4px)))}8.33%{transform:translate(calc(1*(100% + 4px)),calc(0*(100% + 4px)))}16.67%{transform:translate(calc(2*(100% + 4px)),calc(0*(100% + 4px)))}25.00%{transform:translate(calc(3*(100% + 4px)),calc(0*(100% + 4px)))}33.33%{transform:translate(calc(0*(100% + 4px)),calc(1*(100% + 4px)))}41.67%{transform:translate(calc(1*(100% + 4px)),calc(1*(100% + 4px)))}50.00%{transform:translate(calc(2*(100% + 4px)),calc(1*(100% + 4px)))}58.33%{transform:translate(calc(3*(100% + 4px)),calc(1*(100% + 4px)))}66.67%{transform:translate(calc(0*(100% + 4px)),calc(2*(100% + 4px)))}75.00%{transform:translate(calc(1*(100% + 4px)),calc(2*(100% + 4px)))}83.33%{transform:translate(calc(2*(100% + 4px)),calc(2*(100% + 4px)))}91.67%{transform:translate(calc(3*(100% + 4px)),calc(2*(100% + 4px)))}to{transform:translate(0)}}.t-trend2 .tr-out{position:absolute;left:66%;right:7%;top:9%;display:grid;gap:1.1em}.t-trend2 .tr-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.t-trend2 .tr-chips b{aspect-ratio:1;transform:scaleY(0);transform-origin:bottom}.go .t-trend2 .tr-chips b{transition:transform .5s var(--ease) calc(1.2s + var(--n) * .3s);transform:none}.t-trend2 .tr-tags{display:grid;gap:.45em}.t-trend2 .tr-tags span{font-size:10.5px;color:var(--ink);padding-bottom:.35em;border-bottom:1px solid var(--ink2);opacity:0;transform:translate(-6px)}.go .t-trend2 .tr-tags span{transition:opacity .4s calc(2.6s + var(--n) * .35s),transform .4s calc(2.6s + var(--n) * .35s);opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.t-trend2 .tr-chips b,.t-trend2 .tr-tags span{transform:none;opacity:1}}.ch{scroll-margin-top:90px}html:has(body.lab-page){scroll-snap-type:y mandatory}@media(min-width:1600px)and (orientation:landscape){html:has(body.lab-page){scroll-snap-type:none}}body.lab-page main{scroll-snap-type:y mandatory}body.lab-page .lab-top,body.lab-page .ab-hist,body.lab-page .lab-meet{scroll-snap-align:start;scroll-snap-stop:always;min-height:var(--H, 100svh);box-sizing:border-box;margin:0;padding-top:84px;padding-bottom:40px;display:grid;align-content:center}@media(max-width:760px),(orientation:portrait){body.lab-page .lab-top,body.lab-page .ab-hist,body.lab-page .lab-meet{padding-top:64px;padding-bottom:28px}}body.lab-page .cs-foot{scroll-snap-align:end}body.lab-page .ab-chapters{margin:0}body.lab-page .chapters{gap:0}body.lab-page .ch[data-art]{--card: var(--H, 100svh);min-height:var(--card);box-sizing:border-box;padding:84px 0 40px;scroll-margin-top:0;scroll-snap-align:start;scroll-snap-stop:always}body.lab-page .ch[data-art] .ch-art{width:min(100%,calc((var(--card) - 150px) * 16 / 11));justify-self:center}@media(max-width:760px),(orientation:portrait){body.lab-page .ch[data-art]{padding:64px 0 28px;align-content:center}body.lab-page .ch[data-art] .ch-art{width:min(100vw,calc(var(--card) - 400px));max-width:100vw;justify-self:center;margin:0}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/practice.css.map */