@font-face{font-family: "Satoshi";src: url("/assets/satoshi-variable.woff2") format("woff2");font-weight: 300 900;font-style: normal;font-display: swap}:root{--bg: #050506;--raised: #0e0e10;--lift: #151518;--ink: #f5f5f6;--quiet: #85868c;--hair: rgba(255, 255, 255, .09);--font: "Satoshi", "Helvetica Neue", Helvetica, Arial, sans-serif;--gutter: clamp(20px, 4.4vw, 64px);--section: clamp(120px, 21vh, 240px);--ease: cubic-bezier(.16, 1, .3, 1)}*{box-sizing: border-box}html{background: var(--bg);scrollbar-color: #2a2a2e var(--bg);overflow-x: clip}body{margin: 0;background: var(--bg);color: var(--ink);font: 400 1rem/1.55 var(--font);-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;overflow-x: clip}::selection{background: var(--ink);color: var(--bg)}a{color: inherit;text-decoration: none}:focus-visible{outline: 1.5px solid var(--ink);outline-offset: 4px;border-radius: 6px}img{display: block;max-width: 100%}h1, h2, h3, p, figure, blockquote{margin: 0}h1, h2{font-weight: 700;letter-spacing: -.045em;line-height: 1;text-wrap: balance}h1{font-size: clamp(2.8rem, 7.4vw, 6.4rem)}h2{font-size: clamp(2.1rem, 4.8vw, 4rem)}.quiet{color: var(--quiet)}.nav{position: fixed;inset: 14px auto auto 50%;transform: translateX(-50%);z-index: 20;display: flex;align-items: center;gap: clamp(14px, 2.4vw, 30px);padding: 8px 8px 8px 18px;border-radius: 999px;background: rgba(21, 21, 24, .72);backdrop-filter: blur(16px);-webkit-backdrop-filter: blur(16px);box-shadow: inset 0 0 0 1px var(--hair);font-size: .92rem;white-space: nowrap}.brand{display: flex;align-items: center;gap: 9px;font-weight: 700;letter-spacing: -.02em}.brand svg{width: 20px;height: 20px}.nav .links{display: flex;gap: clamp(14px, 2vw, 26px)}.nav .links a{color: var(--quiet);transition: color .25s}.nav .links a:hover{color: var(--ink)}.pill{display: inline-block;padding: 9px 16px;border-radius: 999px;background: var(--ink);color: var(--bg);font-weight: 500;transition: opacity .25s}.pill:hover{opacity: .86}.pill.ghost{background: none;color: var(--ink);box-shadow: inset 0 0 0 1px var(--hair)}.pill.ghost:hover{background: var(--lift);opacity: 1}.menu{display: none;width: 38px;height: 38px;border: 0;border-radius: 50%;background: none;color: inherit;cursor: pointer;position: relative}.menu::before, .menu::after{content: "";position: absolute;left: 11px;right: 11px;height: 1.5px;background: currentColor;transition: transform .4s var(--ease), top .4s var(--ease)}.menu::before{top: 15px}.menu::after{top: 22px}.menu[aria-expanded="true"]::before{top: 18.5px;transform: rotate(45deg)}.menu[aria-expanded="true"]::after{top: 18.5px;transform: rotate(-45deg)}.sheet{position: fixed;inset: 74px 14px auto 14px;z-index: 19;display: none;flex-direction: column;padding: 10px;border-radius: 22px;background: rgba(21, 21, 24, .92);backdrop-filter: blur(16px);-webkit-backdrop-filter: blur(16px);box-shadow: inset 0 0 0 1px var(--hair)}.sheet a{padding: 14px 16px;border-radius: 14px;font-size: 1.15rem;font-weight: 500;letter-spacing: -.02em}.sheet a:active{background: var(--lift)}@media (max-width: 720px){.nav .links{display: none}.nav{gap: 6px;padding-left: 16px}.menu{display: block}.sheet.open{display: flex}}.hero{position: relative;padding: clamp(120px, 22vh, 210px) var(--gutter) 0;text-align: center}.hero h1 span{display: block}.hero h1 .second{color: var(--quiet)}.hero p{margin: clamp(20px, 3.4vh, 34px) auto 0;max-width: 33rem;font-size: 1.1rem;color: var(--quiet)}.hero .actions{display: flex;flex-wrap: wrap;justify-content: center;gap: 10px;margin-top: clamp(22px, 4vh, 36px)}.hero .actions .pill{padding: 12px 20px}.wall{height: clamp(380px, 68vh, 720px);margin: clamp(28px, 6vh, 64px) calc(var(--gutter) * -1) 0;perspective: 1500px;overflow: hidden;-webkit-mask-image: linear-gradient(180deg, transparent, #000 22%, #000 62%, transparent), linear-gradient(90deg, transparent, #000 14%, #000 86%, transparent);-webkit-mask-composite: source-in;mask-image: linear-gradient(180deg, transparent, #000 22%, #000 62%, transparent), linear-gradient(90deg, transparent, #000 14%, #000 86%, transparent);mask-composite: intersect}.plane{display: flex;justify-content: center;gap: clamp(10px, 1.4vw, 20px);transform: rotateX(34deg) rotateZ(-9deg) scale(1.12);transform-origin: 50% 0;transform-style: preserve-3d}.plane .col{display: flex;flex-direction: column;gap: clamp(10px, 1.4vw, 20px);flex: none;width: clamp(110px, 12.5vw, 190px);will-change: transform}.plane .col.wide{width: clamp(250px, 29vw, 440px)}.plane img{width: 100%;height: auto;transition: opacity .8s;border-radius: clamp(10px, 1.1vw, 16px);box-shadow: 0 0 0 1px var(--hair);filter: saturate(.82) brightness(.9)}.plane img[data-src]{opacity: 0}@media (max-width: 720px){.plane .col.far{display: none}}.creds{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));margin: clamp(28px, 5vh, 56px) var(--gutter) 0;border-top: 1px solid var(--hair)}.creds b{transition: transform .5s var(--ease);transform-origin: left bottom}.creds div:hover b{transform: scale(1.06)}.creds div{padding: clamp(22px, 3vw, 36px) clamp(16px, 2vw, 28px) 0 0}.creds div + div{padding-left: clamp(16px, 2vw, 28px);border-left: 1px solid var(--hair)}.creds b{display: block;font-size: clamp(2.2rem, 4.4vw, 3.6rem);font-weight: 700;letter-spacing: -.05em;line-height: 1;font-variant-numeric: tabular-nums}.creds span{display: block;margin-top: 10px;color: var(--quiet);font-size: .95rem}@media (max-width: 640px){.creds{grid-template-columns: repeat(2, minmax(0, 1fr))}.creds div:nth-child(3){padding-left: 0;border-left: 0}.creds div:nth-child(n+3){margin-top: 22px}}.glow, .card{position: relative}.mono{border-radius: 23%;flex: none;box-shadow: 0 0 0 1px var(--hair)}.glow::before, .card::before{content: "";position: absolute;inset: 0;border-radius: inherit;background: radial-gradient(460px circle at var(--mx, 50%) var(--my, 50%), rgba(255, 255, 255, .075), transparent 46%);opacity: 0;transition: opacity .45s;pointer-events: none}.glow:hover::before, .card:hover::before{opacity: 1}.glow > *, .card > *{position: relative}.statement{padding: var(--section) var(--gutter) 0}.statement p{font-size: clamp(1.8rem, 4vw, 3.5rem);font-weight: 700;letter-spacing: -.04em;line-height: 1.12;max-width: 62rem}.statement .ink{-webkit-text-fill-color: rgba(245, 245, 246, .14);background: linear-gradient(90deg, var(--ink), var(--ink)) 0 0 / var(--fill, 100%) 100% no-repeat;-webkit-background-clip: text;background-clip: text}.caps{padding: var(--section) var(--gutter) 0}.sec-head{display: grid;grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);gap: clamp(20px, 6vw, 96px);align-items: start;padding-bottom: clamp(40px, 7vh, 72px)}.sec-head h2{max-width: 16ch}.sec-head p{font-size: 1.12rem;color: var(--quiet);max-width: 32rem}.sec-head p + p{margin-top: 1em}.sec-head .link{margin-top: 20px}.sec-head > p, .sec-head > div, .sec-head > ul{padding-top: .55rem}@media (max-width: 900px){.sec-head{grid-template-columns: 1fr}}.caps .grid{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 14px}.caps .cap{display: flex;flex-direction: column;padding: clamp(24px, 2.8vw, 38px);border-radius: 22px;background: var(--raised);box-shadow: inset 0 0 0 1px var(--hair);transition: background .4s}.caps .cap:hover{background: var(--lift)}.caps .lead{grid-column: span 2}.caps .wide{grid-column: 1 / -1;flex-direction: row;align-items: center;justify-content: space-between;gap: 24px 48px;flex-wrap: wrap}.glyph{display: grid;place-items: center;width: 46px;height: 46px;border-radius: 14px;background: var(--lift);box-shadow: inset 0 0 0 1px var(--hair);color: var(--ink);flex: none}.glyph svg{width: 22px;height: 22px}.caps .glyph{margin-bottom: clamp(18px, 2.4vw, 28px);transition: background .4s, color .4s}.caps .cap:hover .glyph{background: var(--ink);color: var(--bg)}.caps .wide .glyph{margin: 0 clamp(16px, 2vw, 24px) 0 0}.caps .wide > div{display: flex;align-items: center}.caps h3{font-size: clamp(1.5rem, 2.4vw, 2rem);font-weight: 700;letter-spacing: -.035em;line-height: 1.08}.caps .lead h3{font-size: clamp(2rem, 3.8vw, 3.2rem)}.caps .cap p{margin-top: 12px;color: var(--quiet);max-width: 34rem}.caps .lead p{font-size: 1.1rem}.caps ul{list-style: none;display: flex;flex-wrap: wrap;gap: 8px;margin: auto 0 0;padding: clamp(24px, 4vh, 44px) 0 0}.caps .wide ul{padding-top: 0;margin: 0}.caps li{padding: 7px 13px;border-radius: 999px;box-shadow: inset 0 0 0 1px var(--hair);font-size: .88rem;color: var(--ink)}@media (max-width: 900px){.caps .grid{grid-template-columns: 1fr}.caps .lead{grid-column: auto}}.work{padding: var(--section) var(--gutter) 0}.tabs{display: flex;flex-wrap: wrap;gap: 8px;margin-top: calc(clamp(40px, 7vh, 72px) * -0.45);padding-bottom: clamp(20px, 3vh, 32px)}.tab{padding: 9px 16px;border: 0;border-radius: 999px;background: none;color: var(--quiet);font: inherit;font-size: .92rem;box-shadow: inset 0 0 0 1px var(--hair);cursor: pointer;transition: background .25s, color .25s}.tab:hover{color: var(--ink)}.tab[aria-pressed="true"]{background: var(--ink);color: var(--bg);box-shadow: none}.row[hidden], .work .all-work[hidden]{display: none}.work .all-work{display: flex;justify-content: center;padding-top: clamp(28px, 5vh, 48px)}.work .all-work button{padding: 14px 24px;border: 0;border-radius: 999px;background: none;color: var(--ink);font: inherit;font-weight: 500;box-shadow: inset 0 0 0 1px var(--hair);cursor: pointer;transition: background .25s}.work .all-work button:hover{background: var(--lift)}.labels, .row .toggle{display: grid;grid-template-columns: minmax(0, 5fr) minmax(0, 3fr) minmax(0, 4fr) 28px;gap: 16px;align-items: center}.labels{padding-bottom: 12px;color: var(--quiet);font-size: .86rem;border-bottom: 1px solid var(--hair)}.row{border-bottom: 1px solid var(--hair)}.row .toggle{width: 100%;padding: clamp(14px, 2.2vh, 20px) 0;border: 0;background: none;color: inherit;font: inherit;text-align: left;cursor: pointer}.row .name{font-size: clamp(1.3rem, 2.4vw, 2rem);font-weight: 700;letter-spacing: -.04em;line-height: 1.05;color: var(--quiet);transition: color .35s}.row .name{display: flex;align-items: center;gap: clamp(12px, 1.4vw, 20px);transition: color .35s, transform .5s var(--ease)}.row .toggle:hover .name{transform: translateX(8px)}.row .toggle:hover .mark{background: var(--ink);color: var(--bg)}.row .name img, .row .name .mono{width: clamp(32px, 3vw, 42px);height: clamp(32px, 3vw, 42px);border-radius: 23%;flex: none;box-shadow: 0 0 0 1px var(--hair)}.mono{display: grid;place-items: center;background: var(--lift);color: var(--ink);font-size: .5em;font-weight: 700;letter-spacing: 0}.row .kind, .row .part{color: var(--quiet);font-size: .98rem}.mark{position: relative;width: 28px;height: 28px;border-radius: 50%;box-shadow: inset 0 0 0 1px var(--hair);transition: transform .5s var(--ease), background .3s}.mark::before, .mark::after{content: "";position: absolute;left: 8px;right: 8px;top: 13.5px;height: 1px;background: currentColor}.mark::after{transform: rotate(90deg);transition: transform .5s var(--ease)}.row.open .name, .row .toggle:hover .name{color: var(--ink)}.row.open .mark{background: var(--lift)}.row.open .mark::after{transform: rotate(0deg)}.row .panel{height: 0;overflow: hidden}.row .inner{display: grid;grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);gap: clamp(20px, 4vw, 56px);align-items: start;padding: 0 0 clamp(26px, 4vh, 44px)}.row .inner p{color: var(--quiet);max-width: 26rem;font-size: 1.05rem}.row .shots{display: flex;gap: 12px;justify-content: flex-start}.row .shots img{height: clamp(200px, 23vw, 330px);width: auto;border-radius: 14px;box-shadow: 0 0 0 1px var(--hair)}.row.land .shots img{height: clamp(110px, 13.5vw, 196px)}.row.mix .shots img{height: clamp(120px, 13.4vw, 198px)}.row.site .shots img{width: calc(50% - 6px);height: auto;aspect-ratio: 16 / 10;object-fit: cover;object-position: top left}@media (max-width: 760px){.labels{display: none}.row .toggle{grid-template-columns: minmax(0, 1fr) 28px}.row .kind, .row .part{display: none}.row .inner{grid-template-columns: 1fr}.row .shots{justify-content: flex-start;overflow-x: auto}}.reviews{padding: var(--section) 0 0;overflow: clip}.reviews .sec-head{padding-inline: var(--gutter)}.sources{display: flex;flex-wrap: wrap;gap: 10px;margin-top: 20px}.sources a{display: inline-flex;align-items: center;gap: 8px;padding: 10px 16px;border-radius: 999px;box-shadow: inset 0 0 0 1px var(--hair);font-size: .92rem;transition: background .25s}.sources a:hover{background: var(--lift)}.score{display: grid;grid-template-columns: minmax(0, 2.3fr) repeat(4, minmax(0, 1fr));margin: 0 var(--gutter) clamp(40px, 7vh, 72px);border-radius: 24px;background: var(--raised);box-shadow: inset 0 0 0 1px var(--hair)}.score > div{display: flex;flex-direction: column;justify-content: center;padding: clamp(24px, 3vw, 40px)}.score > div + div{border-left: 1px solid var(--hair)}.score .top{flex-direction: row;align-items: center;justify-content: flex-start;gap: clamp(18px, 2.2vw, 28px)}.score .big{font-size: clamp(4rem, 7vw, 6.2rem);font-weight: 700;letter-spacing: -.06em;line-height: .86;font-variant-numeric: tabular-nums}.score .stars{--star: 18px}.score .top p{margin-top: 10px;color: var(--quiet);font-size: 1rem;line-height: 1.42;max-width: 17rem}.score > div:last-child b.n{font-size: clamp(1.3rem, 1.9vw, 1.7rem);letter-spacing: -.03em}.score b.n{font-size: clamp(1.9rem, 3vw, 2.7rem);font-weight: 700;letter-spacing: -.045em;line-height: 1;font-variant-numeric: tabular-nums}.score span.l{margin-top: 10px;color: var(--quiet);font-size: .92rem}@media (max-width: 900px){.score{grid-template-columns: repeat(2, minmax(0, 1fr))}.score .top{grid-column: 1 / -1}.score > div + div{border-left: 0;border-top: 1px solid var(--hair)}.score > div:nth-child(odd):not(.top){border-left: 1px solid var(--hair)}}.stars{display: inline-block;vertical-align: middle;width: calc((var(--star, 13px) + 2px) * 5);height: var(--star, 13px);background: currentColor;-webkit-mask: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 14 14%22%3E%3Cpath d=%22M7 .8l1.9 3.9 4.3.6-3.1 3 .7 4.3L7 10.6l-3.8 2 .7-4.3-3.1-3 4.3-.6z%22/%3E%3C/svg%3E') 0 50% / calc(var(--star, 13px) + 2px) var(--star, 13px) repeat-x;mask: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 14 14%22%3E%3Cpath d=%22M7 .8l1.9 3.9 4.3.6-3.1 3 .7 4.3L7 10.6l-3.8 2 .7-4.3-3.1-3 4.3-.6z%22/%3E%3C/svg%3E') 0 50% / calc(var(--star, 13px) + 2px) var(--star, 13px) repeat-x}.stars.n4{width: calc((var(--star, 13px) + 2px) * 4)}.stars.n3{width: calc((var(--star, 13px) + 2px) * 3)}.stars.n2{width: calc((var(--star, 13px) + 2px) * 2)}.stars.n1{width: calc(var(--star, 13px) + 2px)}.out::after, .sources a::after, .link::after{content: "";flex: none;width: 12px;height: 12px;background: currentColor;-webkit-mask: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 12 12%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3.5 8.5l5-5M4.5 3.5h4v4%22/%3E%3C/svg%3E') center / contain no-repeat;mask: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 12 12%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3.5 8.5l5-5M4.5 3.5h4v4%22/%3E%3C/svg%3E') center / contain no-repeat}.lane{display: flex;gap: 14px;width: max-content;padding-bottom: 14px;will-change: transform}.card{display: flex;flex-direction: column;gap: 16px;padding: clamp(18px, 2vw, 26px);border-radius: 20px;background: var(--raised);box-shadow: inset 0 0 0 1px var(--hair)}.lane .card{flex: none;width: clamp(290px, 30vw, 410px)}.card header{display: grid;grid-template-columns: 42px minmax(0, 1fr) auto;gap: 12px;align-items: center}.card .face{width: 42px;height: 42px;border-radius: 50%;object-fit: cover;background: var(--lift);display: grid;place-items: center;font-weight: 700;color: var(--quiet);text-transform: uppercase}.card .who{font-weight: 500;letter-spacing: -.01em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.card .where{display: flex;align-items: center;gap: 7px;color: var(--quiet);font-size: .86rem}.card .where img{width: 18px;height: auto;border-radius: 2px;box-shadow: 0 0 0 1px var(--hair)}.card .site{padding: 4px 10px;border-radius: 999px;box-shadow: inset 0 0 0 1px var(--hair);color: var(--quiet);font-size: .78rem}.card .rate{display: flex;align-items: center;gap: 8px;font-size: .86rem;font-variant-numeric: tabular-nums}.card blockquote{font-size: 1.02rem;line-height: 1.5;letter-spacing: -.005em}.lane .card blockquote{display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden}.card footer{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 6px 14px;margin-top: auto;color: var(--quiet);font-size: .84rem}.card .out{display: inline-flex;align-items: center;gap: 6px;color: var(--ink);border-bottom: 1px solid var(--hair);transition: border-color .25s}.card .out:hover{border-color: var(--ink)}.reviews .more{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: 10px;padding: clamp(36px, 6vh, 64px) var(--gutter) 0}.reviews .more > *{padding: 14px 24px;border: 0;border-radius: 999px;font: inherit;font-weight: 500;cursor: pointer;transition: opacity .25s, background .25s}.reviews .open-all{background: var(--ink);color: var(--bg)}.reviews .open-all:hover{opacity: .86}.reviews .pause{background: none;color: var(--ink);box-shadow: inset 0 0 0 1px var(--hair)}.reviews .pause:hover{background: var(--lift)}.about{padding: var(--section) var(--gutter) 0}.about .ways{display: grid;grid-template-columns: minmax(0, 1.25fr) repeat(3, minmax(0, 1fr));gap: 14px}.about .ways article{display: flex;flex-direction: column;padding: clamp(22px, 2.6vw, 34px);border-radius: 22px;background: var(--raised);box-shadow: inset 0 0 0 1px var(--hair);transition: background .4s}.about .ways article:hover{background: var(--lift)}.about .ways h3{margin-top: clamp(28px, 5vw, 72px);font-size: 1.35rem;font-weight: 700;letter-spacing: -.03em}.about .ways p{margin-top: 8px;color: var(--quiet)}.about .founder .who{display: flex;align-items: center;justify-content: space-between;gap: 12px}.about .founder .mono{width: 46px;height: 46px;border-radius: 50%;font-size: .9rem;background: var(--ink);color: var(--bg);box-shadow: none}.about .founder .tag{padding: 6px 12px;border-radius: 999px;box-shadow: inset 0 0 0 1px var(--hair);color: var(--quiet);font-size: .82rem}@media (max-width: 1000px){.about .ways{grid-template-columns: repeat(2, minmax(0, 1fr))}}@media (max-width: 600px){.about .ways{grid-template-columns: 1fr}}.closing{display: grid;grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);gap: clamp(28px, 5vw, 80px);margin: var(--section) var(--gutter) 0;padding: clamp(28px, 4vw, 64px);border-radius: 28px;background: var(--raised);box-shadow: inset 0 0 0 1px var(--hair)}.closing h1, .closing h2{font-size: clamp(2.4rem, 5.2vw, 4.4rem);max-width: 11ch}.closing .side{display: flex;flex-direction: column}.closing .side p{margin-top: 20px;color: var(--quiet);max-width: 26rem;font-size: 1.08rem}.closing .direct{margin-top: auto;padding-top: 32px;color: var(--quiet);font-size: .95rem}.closing .direct a{display: block;margin-top: 6px;color: var(--ink);font-size: 1.15rem}.closing .direct a:hover{color: var(--quiet)}.form{display: grid;gap: 18px}.form .two{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 14px}.form label, .form legend{display: block;margin-bottom: 8px;padding: 0;font-size: .92rem;color: var(--quiet)}.form fieldset{margin: 0;padding: 0;border: 0;min-width: 0}.form input[type="text"], .form input[type="email"], .form textarea{width: 100%;padding: 14px 16px;border: 0;border-radius: 14px;background: var(--bg);color: var(--ink);font: inherit;box-shadow: inset 0 0 0 1px var(--hair);transition: box-shadow .25s}.form textarea{min-height: 132px;resize: vertical}.form input::placeholder, .form textarea::placeholder{color: #55565c}.form input:focus, .form textarea:focus{outline: none;box-shadow: inset 0 0 0 1.5px var(--ink)}.form .invalid{box-shadow: inset 0 0 0 1.5px #ff7a6b !important}.form .picks{display: flex;flex-wrap: wrap;gap: 8px}.form .picks label{margin: 0;cursor: pointer}.form .picks input{position: absolute;opacity: 0;pointer-events: none}.form .picks span{display: inline-block;padding: 10px 16px;border-radius: 999px;color: var(--ink);font-size: .95rem;box-shadow: inset 0 0 0 1px var(--hair);transition: background .25s, color .25s}.form .picks label:hover span{background: var(--lift)}.form .picks input:checked + span{background: var(--ink);color: var(--bg);box-shadow: none}.form .picks input:focus-visible + span{outline: 1.5px solid var(--ink);outline-offset: 3px}.form .send{display: flex;flex-wrap: wrap;align-items: center;gap: 14px}.form button{padding: 15px 26px;border: 0;border-radius: 999px;background: var(--ink);color: var(--bg);font: inherit;font-weight: 500;cursor: pointer;transition: opacity .25s, transform .4s var(--ease)}.form button:hover{opacity: .88;transform: translateY(-2px)}.form .note{color: var(--quiet);font-size: .9rem}.form .note.bad{color: #ff9a8d}.sent{display: none;align-content: center;gap: 12px;min-height: 320px}.sent h3{font-size: clamp(1.6rem, 3vw, 2.3rem);font-weight: 700;letter-spacing: -.035em}.sent p{color: var(--quiet);max-width: 26rem}.sent button{justify-self: start;margin-top: 8px;padding: 12px 20px;border: 0;border-radius: 999px;background: none;color: var(--ink);font: inherit;box-shadow: inset 0 0 0 1px var(--hair);cursor: pointer}.closing.done .form{display: none}.closing.done .sent{display: grid}@media (max-width: 900px){.closing{grid-template-columns: 1fr}.form .two{grid-template-columns: 1fr}}.foot{display: grid;grid-template-columns: minmax(0, 4fr) repeat(3, minmax(0, 2fr));gap: 32px;padding: clamp(72px, 12vh, 130px) var(--gutter) 28px}.foot .brand{font-size: 1.1rem}.foot .about-line{margin-top: 14px;color: var(--quiet);max-width: 22rem}.foot .h{margin: 0 0 12px;font-size: .88rem;font-weight: 500;color: var(--quiet)}.foot ul{list-style: none;margin: 0;padding: 0;display: grid;gap: 8px}.foot ul a{transition: color .25s}.foot ul a:hover{color: var(--quiet)}.foot .legal{grid-column: 1 / -1;display: flex;flex-wrap: wrap;justify-content: space-between;gap: 10px;margin-top: clamp(20px, 5vh, 48px);padding-top: 20px;border-top: 1px solid var(--hair);color: var(--quiet);font-size: .88rem}@media (max-width: 720px){.foot{grid-template-columns: 1fr 1fr}.foot > div:first-child{grid-column: 1 / -1}}@view-transition{navigation: auto}@media (prefers-reduced-motion: no-preference){.rise{animation: rise 1.3s var(--ease) both;animation-delay: calc(var(--i, 0) * .14s)}.rise.soft{animation-name: rise-soft;animation-duration: 1s;animation-delay: calc(.35s + var(--i, 0) * .1s)}.nav{animation: drop 1s var(--ease) .2s both}.wall{animation: wall-in 1.8s var(--ease) .5s both}}@keyframes rise{from{opacity: 0;transform: translateY(40px);filter: blur(12px)}}@keyframes rise-soft{from{opacity: 0;transform: translateY(16px)}}@keyframes drop{from{transform: translateX(-50%) translateY(-160%)}}@keyframes wall-in{from{opacity: 0;transform: translateY(80px)}}.skip{position: fixed;left: 14px;top: -80px;z-index: 30;padding: 10px 16px;border-radius: 999px;background: var(--ink);color: var(--bg);font-weight: 500}.skip:focus{top: 14px}.nav .links a[aria-current="true"]{color: var(--ink)}.link{display: inline-flex;align-items: center;gap: 6px;margin-top: 18px;color: var(--ink);border-bottom: 1px solid var(--hair);transition: border-color .25s}.link:hover{border-color: var(--ink)}.chips{list-style: none;display: flex;flex-wrap: wrap;gap: 8px;margin: 0;padding: 0}.chips li{padding: 7px 13px;border-radius: 999px;box-shadow: inset 0 0 0 1px var(--hair);font-size: .88rem;color: var(--ink)}.caps .cap h3{transition: transform .5s var(--ease)}.row h3{margin: 0;font: inherit}.page-head{padding: clamp(130px, 22vh, 200px) var(--gutter) 0}.crumbs{list-style: none;display: flex;flex-wrap: wrap;gap: 8px;margin: 0 0 clamp(20px, 3vh, 32px);padding: 0;color: var(--quiet);font-size: .9rem}.crumbs li + li::before{content: "/";margin-right: 8px;opacity: .5}.crumbs a{transition: color .25s}.crumbs a:hover{color: var(--ink)}.page-head h1{font-size: clamp(2.5rem, 6vw, 5rem);max-width: 18ch}.page-head h1 img, .page-head h1 .mono{display: inline-grid;width: .9em;height: .9em;margin-right: .22em;vertical-align: -.08em;font-size: 1em}.page-head h1 .mono{font-size: .34em;width: 2.65em;height: 2.65em;vertical-align: .32em;margin-right: .64em}.page-head h1 img{border-radius: 23%;box-shadow: 0 0 0 1px var(--hair)}.page-head .lede{margin-top: clamp(18px, 3vh, 30px);max-width: 40rem;font-size: clamp(1.1rem, 1.5vw, 1.3rem);color: var(--quiet)}.page-head .actions{display: flex;flex-wrap: wrap;gap: 10px;margin-top: clamp(22px, 4vh, 36px)}.page-head .actions .pill{padding: 12px 20px}.block{padding: var(--section) var(--gutter) 0}.block.tight{padding-top: clamp(40px, 7vh, 72px)}.prose{max-width: 44rem}.prose p{font-size: 1.12rem;color: var(--quiet)}.prose p + p{margin-top: 1.1em}.prose a{color: var(--ink);border-bottom: 1px solid var(--hair)}.prose h2{font-size: clamp(1.5rem, 2.4vw, 2rem);letter-spacing: -.035em;margin: 2em 0 .6em}.cards{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 14px}.cards.four{grid-template-columns: repeat(4, minmax(0, 1fr))}.tile{display: flex;flex-direction: column;padding: clamp(24px, 2.8vw, 38px);border-radius: 22px;background: var(--raised);box-shadow: inset 0 0 0 1px var(--hair);transition: background .4s}.tile:hover{background: var(--lift)}.tile h3{font-size: clamp(1.3rem, 1.9vw, 1.6rem);font-weight: 700;letter-spacing: -.03em;line-height: 1.1}.tile p{margin-top: 10px;color: var(--quiet)}.tile .num{margin-bottom: clamp(28px, 4vw, 56px);color: var(--quiet);font-size: .9rem;font-variant-numeric: tabular-nums}.tile .glyph{margin-bottom: clamp(18px, 2.4vw, 28px)}.tile .chips{margin-top: auto;padding-top: clamp(20px, 3vh, 32px)}@media (max-width: 1000px){.cards.four{grid-template-columns: repeat(2, minmax(0, 1fr))}}@media (max-width: 900px){.cards{grid-template-columns: 1fr}}@media (max-width: 600px){.cards.four{grid-template-columns: 1fr}}.list{list-style: none;margin: 0;padding: 0;border-top: 1px solid var(--hair)}.list li{padding: 16px 0;border-bottom: 1px solid var(--hair);font-size: 1.08rem}.projects{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 14px}.project{display: flex;flex-direction: column;border-radius: 22px;background: var(--raised);box-shadow: inset 0 0 0 1px var(--hair);overflow: hidden;transition: background .4s}.project:hover{background: var(--lift)}.project[hidden]{display: none}.project .shot{display: flex;justify-content: center;align-items: flex-start;gap: 12px;aspect-ratio: 16 / 11;padding: clamp(18px, 2vw, 26px) clamp(18px, 2vw, 26px) 0;background: var(--lift);overflow: hidden}.project .shot img{width: 38%;height: auto;border-radius: 12px;box-shadow: 0 0 0 1px var(--hair);transition: transform .9s var(--ease)}.project.land .shot img{width: 100%}.project:hover .shot img{transform: translateY(-10px)}.project .body{display: flex;flex-direction: column;gap: 8px;flex: 1;padding: clamp(18px, 2vw, 26px)}.project h3{display: flex;align-items: center;gap: 12px;font-size: 1.35rem;font-weight: 700;letter-spacing: -.03em;line-height: 1.1}.project h3 img, .project h3 .mono{width: 34px;height: 34px;font-size: .62rem}.project h3 img{border-radius: 23%;box-shadow: 0 0 0 1px var(--hair)}.project p{color: var(--quiet)}.project .tags{margin-top: auto;padding-top: 14px;color: var(--quiet);font-size: .88rem}@media (max-width: 1000px){.projects{grid-template-columns: repeat(2, minmax(0, 1fr))}}@media (max-width: 640px){.projects{grid-template-columns: 1fr}}.facts{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));margin: clamp(40px, 7vh, 72px) var(--gutter) 0;border-top: 1px solid var(--hair)}.facts div{padding: clamp(18px, 2.4vw, 28px) clamp(16px, 2vw, 28px) 0 0}.facts div + div{padding-left: clamp(16px, 2vw, 28px);border-left: 1px solid var(--hair)}.facts dt{color: var(--quiet);font-size: .88rem}.facts dd{margin: 8px 0 0;font-size: 1.08rem;font-weight: 500;letter-spacing: -.01em}.facts dd a{border-bottom: 1px solid var(--hair);transition: border-color .25s}.facts dd a:hover{border-color: var(--ink)}@media (max-width: 760px){.facts{grid-template-columns: repeat(2, minmax(0, 1fr))}.facts div:nth-child(3){padding-left: 0;border-left: 0}.facts div:nth-child(n+3){margin-top: 18px}}.gallery{display: flex;gap: 14px;padding: clamp(40px, 7vh, 72px) var(--gutter) 6px;overflow-x: auto;scrollbar-width: none;scroll-snap-type: x proximity;scroll-padding-left: var(--gutter)}.gallery::-webkit-scrollbar{display: none}.gallery img{flex: none;width: auto;height: clamp(340px, 58vh, 620px);border-radius: 18px;box-shadow: 0 0 0 1px var(--hair);scroll-snap-align: start}.gallery img.wide{height: clamp(200px, 36vw, 500px)}.faq{border-top: 1px solid var(--hair)}.faq details{border-bottom: 1px solid var(--hair)}.faq summary{display: grid;grid-template-columns: minmax(0, 1fr) 28px;gap: 16px;align-items: center;padding: clamp(16px, 2.4vh, 22px) 0;list-style: none;cursor: pointer;font-size: clamp(1.15rem, 1.7vw, 1.4rem);font-weight: 500;letter-spacing: -.02em}.faq summary::-webkit-details-marker{display: none}.faq details[open] .mark{background: var(--lift)}.faq details[open] .mark::after{transform: rotate(0deg)}.faq details p{padding: 0 44px clamp(18px, 3vh, 26px) 0;max-width: 46rem;color: var(--quiet);font-size: 1.05rem}.cta{display: flex;flex-wrap: wrap;align-items: flex-end;justify-content: space-between;gap: 28px 48px;margin: var(--section) var(--gutter) 0;padding: clamp(36px, 6vw, 88px) clamp(28px, 4vw, 64px);border-radius: 28px;background: var(--raised);box-shadow: inset 0 0 0 1px var(--hair)}.cta h2{max-width: 13ch}.cta p{margin-top: 16px;max-width: 28rem;color: var(--quiet);font-size: 1.08rem}.cta .pill{padding: 14px 24px}.filters{display: flex;flex-wrap: wrap;align-items: center;gap: 8px;padding: clamp(40px, 7vh, 72px) var(--gutter) clamp(20px, 3vh, 32px)}.chip{padding: 8px 14px;border: 0;border-radius: 999px;background: none;color: var(--quiet);font: inherit;font-size: .9rem;box-shadow: inset 0 0 0 1px var(--hair);cursor: pointer;transition: background .25s, color .25s}.chip:hover{color: var(--ink)}.chip[aria-pressed="true"]{background: var(--ink);color: var(--bg);box-shadow: none}.filters input{flex: 1 1 12rem;min-width: 0;max-width: 20rem;margin-left: auto;padding: 9px 16px;border: 0;border-radius: 999px;background: var(--raised);color: var(--ink);font: inherit;font-size: .92rem;box-shadow: inset 0 0 0 1px var(--hair)}.filters input::placeholder{color: var(--quiet)}.cols{columns: 3 320px;column-gap: 14px;padding: 0 var(--gutter)}.cols .card{break-inside: avoid;margin-bottom: 14px}.cols .card[hidden]{display: none}.none{padding: 48px var(--gutter);text-align: center;color: var(--quiet)}.cards .card{height: 100%}