.hero{clip-path:inset(-60px 0 0);flex-direction:column;gap:120px;margin-bottom:0;padding-top:42px;padding-bottom:0;display:flex}@media (width>=800px){.hero{gap:140px;padding-top:0}}@media (width>=1280px){.hero{gap:240px}}.hero-title{font-family:var(--font-display);letter-spacing:-.0425em;text-align:center;overflow-wrap:normal;word-break:normal;font-size:min(26vw,160px);font-weight:400;line-height:.9}@media (width>=800px){.hero-title{font-size:min(15vw,160px)}}@media (width>=1280px){.hero-title{white-space:nowrap;font-size:min(11vw,160px)}}.hero-stage{border-radius:var(--radius-image);background:var(--color-moss);height:362px;position:relative}.hero-device{box-sizing:border-box;border:1px solid var(--color-stone);background:#000;border-radius:34.662px;width:270px;height:541.824px;position:absolute;top:calc(50% + 41px);left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 -2.342px 11.709px #0000001a}.hero-screen{border-radius:27.365px;height:521.757px;position:absolute;top:9.03px;left:9.95px;right:9.95px;overflow:hidden}.hero-screen img{object-fit:cover;object-position:left top;width:100%;height:100%;display:block}@media (width>=800px){.hero-device{border-width:1.492px;border-radius:17.902px 17.902px 0 0;width:676.548px;height:422.936px;top:calc(50% - 29.53px);box-shadow:0 -2.984px 14.918px #0000001a}.hero-screen{border-radius:11.935px;width:648.757px;height:453.1px;top:12.31px;left:50%;right:auto;transform:translate(-50%)}.hero-screen img{object-position:center top}}@media (width>=1280px){.hero-device{border-radius:var(--radius-device);width:907px;height:644px;box-shadow:var(--shadow-device);border:2px solid #ffffff80;top:50%}.hero-screen{border-radius:16px;width:869.742px;height:607.439px;top:16.5px}}.home-sites{flex-direction:column;gap:30px;padding-block:50px;display:flex}.home-sites>p{text-align:center}.home-sites-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:32px 48px;margin:0;padding:0;list-style:none;display:flex}@media (width>=800px){.home-sites-row{gap:40px 96px}}.home-sites-row li{align-items:center;display:flex}.home-sites-link{font-family:var(--font-display);letter-spacing:-1.6px;color:var(--color-ink);text-underline-offset:6px;font-size:40px;line-height:1;text-decoration-thickness:1px}.home-sites-link:hover,.home-sites-link:focus-visible{color:var(--color-olive);text-decoration-line:underline}.home-sites-logo{border-radius:var(--radius-pill);display:block}.home-sites-logo img{filter:grayscale();opacity:.6;width:auto;height:56px;display:block}@media (width>=800px){.home-sites-logo img{height:72px}}.home-sites-logo-wide img{height:32px}@media (width>=800px){.home-sites-logo-wide img{height:40px}}.home-sites-logo:hover img,.home-sites-logo:focus-visible img{filter:none;opacity:1}@media (prefers-reduced-motion:no-preference){.home-sites-logo img{transition:filter .2s,opacity .2s}}.home-approach{flex-direction:column;padding-bottom:0;display:flex}.home-approach-text{flex-direction:column;gap:30px;padding-right:20px;display:flex}@media (width>=800px){.home-approach-text{gap:50px;padding-right:200px}}@media (width>=1280px){.home-approach-text{padding-right:400px}}.home-lockups{flex-direction:column;gap:20px;margin:50px 0 0;padding:40px 0 0;list-style:none;display:flex}@media (width>=800px){.home-lockups{flex-flow:wrap;align-items:flex-start}}.home-lockup{border-top:1px solid var(--color-divider);flex-direction:column;gap:24px;min-width:265px;padding:40px 20px 40px 0;display:flex}@media (width>=800px){.home-lockup{flex:1 0 0}}.home-lockup img{width:24px;height:24px}.home-lockup-text{flex-direction:column;gap:20px;display:flex}.home-work{padding-bottom:80px;padding-inline:32px}@media (width>=800px){.home-work{padding-inline:40px;padding-bottom:120px}}.home-work-grid{flex-direction:column;gap:20px;display:flex}@media (width>=1280px){.home-work-grid{flex-direction:row;align-items:flex-start}.home-work-text,.home-work-frame{flex:1 0 0;min-width:1px}}.home-work-text{border-top:1px solid var(--color-divider);flex-direction:column;gap:40px;padding:60px 0 80px;display:flex}.home-work-title{flex-direction:column;gap:40px;display:flex}@media (width>=800px){.home-work-title{padding-right:80px}}.home-work-list{margin:0;padding:0;list-style:none}.home-work-row{border-top:1px solid var(--color-divider)}.home-work-row a{letter-spacing:-.075px;gap:30px;padding:20px 0;font-size:15px;line-height:1.4;display:flex}@media (width>=800px){.home-work-row a{padding-right:80px}}.home-work-number{font-variant-numeric:tabular-nums;min-width:2ch;color:var(--color-graphite);flex:none;font-weight:700}.home-work-line{min-width:0;color:var(--color-ink)}.home-work-row a:hover .home-work-line,.home-work-row a:focus-visible .home-work-line{text-underline-offset:4px;text-decoration:underline}.home-work-frame{border-radius:var(--radius-image);background:var(--color-divider);height:520px;position:relative;overflow:hidden}@media (width>=1280px){.home-work-frame{height:711px}}@media (width>=800px) and (width<=1279.98px){.home-work-frame{height:600px}}.home-work-frame img{box-sizing:border-box;aspect-ratio:390/844;object-fit:cover;object-position:center top;border:6px solid var(--color-ink);border-radius:var(--radius-device);background:var(--color-white);width:auto;height:calc(100% - 64px);box-shadow:var(--shadow-device);opacity:0;position:absolute;top:50%;left:50%;translate:-50% -50%}@media (width>=1280px){.home-work-frame img{border-radius:var(--radius-image);border-width:8px;height:calc(100% - 96px)}}.home-work-frame img[data-featured]{opacity:1}.home-work-grid:has(.home-work-row:is(:hover,:focus-within)) .home-work-frame img[data-featured]{opacity:0}.home-work-grid:has(.home-work-row:first-child:is(:hover,:focus-within)) .home-work-frame img:first-child,.home-work-grid:has(.home-work-row:nth-child(2):is(:hover,:focus-within)) .home-work-frame img:nth-child(2),.home-work-grid:has(.home-work-row:nth-child(3):is(:hover,:focus-within)) .home-work-frame img:nth-child(3),.home-work-grid:has(.home-work-row:nth-child(4):is(:hover,:focus-within)) .home-work-frame img:nth-child(4),.home-work-grid:has(.home-work-row:nth-child(5):is(:hover,:focus-within)) .home-work-frame img:nth-child(5),.home-work-grid:has(.home-work-row:nth-child(6):is(:hover,:focus-within)) .home-work-frame img:nth-child(6){opacity:1}@media (prefers-reduced-motion:no-preference){.home-work-frame img{transition:opacity .25s}}