:root{--plaster: #f7f6f4;--linen: #e9e4db;--concrete: #d8d6d1;--sage: #a6b09d;--clay: #c4816b;--taupe: #b39b86;--ink: #1d1d1f;--white: #ffffff;--max-width: 1180px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--plaster)}@property --wipe{syntax: "<percentage>"; inherits: true; initial-value: -18%;}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--plaster);color:var(--ink)}img,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input{font:inherit}.hero{position:relative;min-height:92svh;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;color:var(--white);isolation:isolate}.hero__video,.hero__wash{position:absolute;inset:0;z-index:-2}.hero__video{width:100%;height:100%;object-fit:cover;filter:saturate(.8) contrast(.96)}.hero__wash{z-index:-1;background:linear-gradient(90deg,#0b0c0be0,#141413ad 42%,#f7f6f429),linear-gradient(180deg,#08080873,#0808080f 42%,#08080880)}.site-header{width:min(100% - 48px,var(--max-width));margin:0 auto;padding:28px 0;display:flex;align-items:center;justify-content:space-between;gap:32px}.logo-link{display:inline-flex;width:clamp(180px,22vw,310px)}.socials,.footer__links{display:flex;align-items:center;gap:clamp(14px,2vw,28px);font-size:.73rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.socials a,.footer__links a{border-bottom:1px solid transparent;padding-block:4px;transition:border-color .16s ease,color .16s ease}.socials a:hover,.socials a:focus-visible{border-color:#ffffffb8}.hero__content{width:min(100% - 48px,var(--max-width));margin:0 auto;align-self:center;padding:48px 0 72px}.kicker,.section-label,.signup label,.project-note span{margin:0;font-size:.76rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.kicker{color:#ffffffc2}h1,h2,p{margin-top:0}h1{max-width:820px;margin-bottom:26px;font-size:clamp(4.2rem,10vw,8.8rem);line-height:.88;letter-spacing:0;text-wrap:balance}.lede{max-width:660px;margin-bottom:42px;color:#ffffffdb;font-size:clamp(1.12rem,2vw,1.45rem);line-height:1.55}.signup{width:min(100%,670px)}.signup label{display:block;margin-bottom:12px}.signup__row{display:grid;grid-template-columns:minmax(0,1fr) auto;border:1px solid rgba(255,255,255,.36);background:#f7f6f41f;backdrop-filter:blur(14px)}.signup input{min-width:0;border:0;border-radius:0;padding:18px 20px;color:var(--white);background:transparent;outline:0}.signup input::placeholder{color:#ffffffb8}.signup__row:focus-within{border-color:var(--sage);box-shadow:0 0 0 1px var(--sage)}.signup button{min-width:144px;border:0;border-left:1px solid rgba(255,255,255,.3);border-radius:0;padding:18px 24px;color:var(--ink);background:var(--sage);font-weight:850;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .16s ease,transform .16s ease}.signup button:hover,.signup button:focus-visible{background:#bac3b1}.signup p{margin:12px 0 0;color:#ffffffb3;font-size:.93rem}.project-note{width:min(100% - 48px,var(--max-width));margin:0 auto 30px;display:flex;gap:12px;align-items:baseline;color:#fffc;font-size:.94rem}.project-note span{color:#ffffff94}.works{padding:clamp(72px,10vw,136px) 24px;background:var(--plaster)}.works__intro,.project-list,.footer{width:min(100%,var(--max-width));margin-inline:auto}.works__intro{display:grid;grid-template-columns:.72fr 1fr;column-gap:72px;align-items:end;margin-bottom:clamp(42px,7vw,86px)}.section-label{color:var(--taupe);grid-column:1 / -1;margin-bottom:18px}h2{margin-bottom:0;font-size:clamp(2.5rem,5vw,5.2rem);line-height:.96;letter-spacing:0}.works__intro p:last-child{max-width:520px;margin:0;color:#55524d;font-size:clamp(1.05rem,1.7vw,1.24rem);line-height:1.6}.project-list{display:grid;gap:clamp(54px,7vw,88px)}.project-caption{display:flex;justify-content:space-between;gap:24px;align-items:baseline;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--concrete)}.project-caption p{margin:0;font-size:.96rem;font-weight:760}.project-caption span{color:var(--clay);margin-right:10px}.project-caption small{color:#68635d;font-size:.78rem;font-weight:750;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}.comparison{position:relative}.project-pair{--preview-border: rgba(29, 29, 31, 0)}.project-pair.is-previewing{--preview-border: rgba(166, 176, 157, .88)}figure{margin:0;background:var(--linen);border:1px solid var(--concrete)}.before-after__media{--wipe: -18%;position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--ink);animation:wipe-progress 6s ease-in-out infinite}.before-after__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.before-after__image--after{clip-path:polygon(0 0,calc(var(--wipe) + 18%) 0,var(--wipe) 100%,0 100%)}.before-after__divider{position:absolute;inset:0;z-index:1;background:#fffffff0;clip-path:polygon(calc(var(--wipe) + 18%) 0,calc(var(--wipe) + 18% + .22%) 0,calc(var(--wipe) + .22%) 100%,var(--wipe) 100%);opacity:0;animation:divider-visibility 6s ease-in-out infinite;pointer-events:none}.before-after__label{position:absolute;z-index:1;bottom:14px;padding:7px 9px;color:var(--white);background:#1d1d1f94;font-size:.68rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.before-after__label--before{left:14px;animation:before-label 6s ease-in-out infinite}.before-after__label--after{right:14px;opacity:0;animation:after-label 6s ease-in-out infinite}figcaption{padding:10px 12px;color:#625e58;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.project-preview{position:absolute;inset:0;z-index:2;opacity:0;pointer-events:none;border:1px solid var(--preview-border);background:var(--ink);transition:opacity .18s ease,border-color .18s ease}.project-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#1d1d1f0a,#1d1d1f2e)}.project-preview video{width:100%;height:100%;object-fit:cover}.project-pair.is-previewing .project-preview{opacity:1}.preview-toggle{position:absolute;inset:0;z-index:3;border:0;border-radius:0;padding:0;background:transparent;cursor:pointer}.preview-toggle:focus-visible{outline:2px solid var(--sage);outline-offset:4px}@keyframes wipe-progress{0%,15%{--wipe: -18%}35%,65%{--wipe: 100%}85%,to{--wipe: -18%}}@keyframes before-label{0%,12%{opacity:1}18%,82%{opacity:0}88%,to{opacity:1}}@keyframes divider-visibility{0%,14%{opacity:0}18%,32%{opacity:1}38%,62%{opacity:0}68%,82%{opacity:1}86%,to{opacity:0}}@keyframes after-label{0%,32%{opacity:0}38%,62%{opacity:1}68%,to{opacity:0}}.footer{padding:42px 24px 54px;border-top:1px solid var(--concrete);display:grid;grid-template-columns:1fr auto;gap:24px 48px}.footer img{width:214px;margin-bottom:18px}.footer p{margin:0;color:#55524d}.footer__links{color:var(--ink);align-self:start;flex-wrap:wrap;justify-content:flex-end}.footer__links a:hover,.footer__links a:focus-visible{color:#494f42;border-color:var(--sage)}.fine-print{grid-column:1 / -1;padding-top:20px;border-top:1px solid var(--concrete);font-size:.92rem}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero__video{display:none}.hero{background:linear-gradient(90deg,#0b0c0be6,#0b0c0b59),url(/assets/screenshots/after-1.png) center / cover}.project-preview{display:none}.before-after__media,.before-after__label,.before-after__divider{animation:none}.before-after__media{--wipe: 100%}.before-after__label--before,.before-after__divider{display:none}.before-after__label--after{opacity:1}*{transition-duration:.001ms!important;animation-duration:.001ms!important}}@media(max-width:820px){.hero{min-height:88svh}.site-header{width:min(100% - 32px,var(--max-width));padding-top:20px;align-items:flex-start}.logo-link{width:180px}.socials{max-width:170px;justify-content:flex-end;flex-wrap:wrap;gap:8px 14px;font-size:.68rem}.hero__content{width:min(100% - 32px,var(--max-width));padding:40px 0 56px}h1{font-size:clamp(3.2rem,17vw,5rem)}.works__intro{display:block}.works__intro p:last-child{margin-top:20px}.footer{grid-template-columns:1fr}.footer__links{justify-content:flex-start}}@media(max-width:560px){.hero__wash{background:linear-gradient(180deg,#0a0a0ad1,#0a0a0a80 55%,#0a0a0ac7),#f7f6f414}.site-header{display:grid;gap:18px}.socials{max-width:none;justify-content:flex-start}.signup__row{grid-template-columns:1fr}.signup button{width:100%;border-left:0;border-top:1px solid rgba(255,255,255,.3)}.project-note{width:min(100% - 32px,var(--max-width));display:block;margin-bottom:22px}.project-note span{display:block;margin-bottom:7px}.works{padding-inline:16px}.project-caption{display:block}.project-caption small{display:block;margin-top:8px;white-space:normal}}