.project-design-preview{background:var(--paper);min-height:100dvh}.project-preview-bar{padding:.4rem var(--gutter);font-family:var(--support);color:var(--muted);border-bottom:1px solid #17233b12;justify-content:space-between;align-items:center;gap:1rem;font-size:11px;display:flex}.project-preview-bar a{align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.projects-text.projects-section{background:radial-gradient(at 86% 5%,#cce2f5 0,#0000 46%),radial-gradient(at 48% 90%,#ffdbc7 0,#0000 54%),linear-gradient(125deg,#fff9ed,#fdf0e7 55%,#e9f2f8);padding:2.5rem 3.2vw 2rem}.projects-text .projects-shell{max-width:1440px}.projects-text .projects-heading{align-items:center;padding-inline:1rem}.projects-text .projects-heading h2{letter-spacing:-.055em;font-size:clamp(4rem,6.5vw,6.6rem);font-weight:600}.projects-text .projects-heading h2 span{color:#e77277}.projects-text .projects-heading>div>p{letter-spacing:.3em;font-size:10px}.projects-text .projects-intro{text-align:right;max-width:none;font-family:var(--support);font-size:14px}.projects-text .projects-carousel{min-height:0;margin-top:1.2rem}.projects-text .projects-track{height:658px}.projects-text .project-card{aspect-ratio:auto;opacity:1;filter:none;background:#fff7ee;border:2px solid #ffffffed;border-radius:28px;width:33.5%;max-width:none;height:auto;padding-bottom:60px;top:50%;box-shadow:0 16px 35px #75544416}.projects-text .project-card[data-position=prev]{left:16%;transform:translate(-50%,-50%)}.projects-text .project-card[data-position=next]{left:84%;transform:translate(-50%,-50%)}.projects-text .project-card[data-position=active],.projects-text .project-card[data-position=active]:hover,.projects-text .project-card[data-position=active]:focus-visible{left:50%;transform:translate(-50%,calc(-50% - 8px))scale(1.035)}.projects-text .project-photo{height:310px;display:block;position:relative;overflow:hidden}.projects-text .project-photo:after{content:"";z-index:2;background:linear-gradient(#0000,#fff7ee);position:absolute;inset:65% 0 0}.projects-text .project-photo img{object-fit:cover;width:100%;height:100%;box-shadow:none;border:0;border-radius:0;display:block;position:static}.projects-text .project-card[data-slug=artist-studio] img{object-position:50% 64%}.projects-text .project-card[data-slug=paid-acquisition] img,.projects-text .project-card[data-slug=seo-strategy] img{object-position:center}.projects-text .project-card .project-card-copy{opacity:1;padding:0 22px;position:relative;inset:auto}.projects-text .project-card .project-card-copy h3{color:var(--ink);letter-spacing:-.045em;text-align:left;text-wrap:initial;white-space:pre-line;font-size:clamp(23px,2.1vw,31px);font-weight:600;line-height:1.06}.projects-text .project-card .project-card-description{max-width:none;font-family:var(--support);text-align:left;-webkit-line-clamp:unset;color:var(--ink);margin:12px 0 0;font-size:14px;line-height:1.5;display:block;overflow:visible}.projects-text .project-metrics{flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;font-size:17px;line-height:1.35;display:flex}.projects-text .project-metrics>span:first-child{font-weight:600}.projects-text .project-metrics>span+span{border-left:1px solid #17233b22;padding-left:10px;font-size:14px}.projects-text .project-card .project-card-footer{opacity:1;pointer-events:auto;margin-top:20px;display:block;position:static}.projects-text .project-card-tags{flex-wrap:wrap;justify-content:flex-start;gap:6px;padding-right:26px}.projects-text .project-card-tags>span{-webkit-backdrop-filter:blur(12px)saturate(115%);color:var(--ink);font-family:var(--support);background:linear-gradient(135deg,#ffffff80,#d9e8f25c 55%,#f5dace52);border:1px solid #ffffffc9;border-radius:999px;padding:5px 8px;font-size:10px;line-height:1.4;box-shadow:inset 0 1px #ffffffe0,inset 0 -1px 2px #a8b6c21c,0 2px 5px #7554440d}.projects-text .project-open{opacity:1;color:#df737a;background:0 0;border:1px solid #eaa7a9;width:38px;height:38px;font-size:25px;transition:background .18s,color .18s;display:grid;top:auto;bottom:15px;right:15px;transform:none}.projects-text .project-card:hover .project-open,.projects-text .project-card:focus-visible .project-open{color:#fff;background:#df737a}.projects-text .project-card:focus-visible,.projects-text .projects-carousel:focus-visible{outline-offset:5px;outline:2px solid #df737a}.projects-text .projects-note{margin-top:1rem}@media (width>=761px) and (width<=1100px){.projects-text .project-card{height:auto}.projects-text .projects-track{height:655px}.projects-text .project-photo{height:260px}.projects-text .project-card .project-card-copy{padding-inline:16px}.projects-text .project-card .project-card-description{font-size:13px}.projects-text .project-card-tags{padding-right:0}}@media (width<=760px){.project-preview-bar{padding-inline:18px;font-size:10px}.projects-text.projects-section{padding:2rem 18px}.projects-text .projects-heading{padding:0;display:block}.projects-text .projects-heading h2{font-size:64px}.projects-text .projects-intro{text-align:left;margin-top:20px;font-size:13px}.projects-text .projects-track{height:650px}.projects-text .project-card{border-radius:25px;width:calc(100% - 6px);height:auto}.projects-text .project-card[data-position=active],.projects-text .project-card[data-position=active]:hover,.projects-text .project-card[data-position=active]:focus-visible{transform:translate(-50%,-50%)}.projects-text .project-card[data-position=prev]{left:-60%}.projects-text .project-card[data-position=next]{left:160%}.projects-text .project-photo{height:280px}.projects-text .project-card .project-card-copy{padding-inline:20px}.projects-text .project-card .project-card-copy h3{font-size:27px}.projects-text .project-card .project-card-description{font-size:13px}.projects-text .project-metrics{font-size:16px}.projects-text .project-card-tags{padding-right:0}.projects-text .projects-nav-meta{display:none}.projects-text .projects-controls{grid-template-columns:44px auto 44px}.projects-text .projects-button{border-radius:50%;justify-content:center}.projects-text .projects-note{max-width:35ch;margin-inline:auto}}@media (width<=360px){.projects-text .project-photo{height:240px}.projects-text .project-card .project-card-copy h3{font-size:25px}.projects-text .project-card .project-card-copy{padding-inline:16px}}.projects-text .project-card{transition:transform .65s cubic-bezier(.16,1,.3,1),left .65s cubic-bezier(.16,1,.3,1),translate .22s,box-shadow .22s;translate:0}@media (hover:hover){.projects-text .project-card:hover{translate:0 -5px;box-shadow:0 22px 42px #75544429}}.projects-text .project-card:focus-visible{translate:0 -5px;box-shadow:0 22px 42px #75544429}.projects-text .project-card[data-slug=paid-acquisition] img{object-fit:contain}@media (prefers-reduced-motion:reduce){.projects-text .project-card,.projects-text .project-open{transition:none}.projects-text .project-card:hover,.projects-text .project-card:focus-visible{translate:0}}.portfolio-site .projects-text.projects-section{padding-top:24px}.portfolio-site .projects-text .projects-heading>div>p{margin-bottom:8px}.portfolio-site .projects-text .projects-carousel{margin-top:16px}.portfolio-site .projects-text .projects-track{height:auto;padding-block:18px 24px;display:grid}.portfolio-site .projects-text .project-card{grid-area:1/1;align-self:stretch;padding-bottom:48px;position:relative;top:auto}.portfolio-site .projects-text .project-card[data-position=prev],.portfolio-site .projects-text .project-card[data-position=next]{transform:translate(-50%)}.portfolio-site .projects-text .project-card[data-position=active],.portfolio-site .projects-text .project-card[data-position=active]:hover,.portfolio-site .projects-text .project-card[data-position=active]:focus-visible{transform:translate(-50%,-8px)scale(1.035)}.portfolio-site .projects-text .project-photo{height:clamp(180px,100svh - 560px,310px)}.portfolio-site .projects-text .project-metrics{margin-top:12px}.portfolio-site .projects-text .project-card .project-card-footer{margin-top:16px}.portfolio-site .projects-text .project-card[data-slug=paid-acquisition] img{object-fit:cover;object-position:center}@media (width>=761px) and (width<=1100px){.portfolio-site .projects-text .project-photo{height:clamp(140px,100svh - 590px,260px)}.portfolio-site .projects-text .projects-heading{display:flex}.portfolio-site .projects-text .projects-intro{max-width:27ch;margin-top:0}}@media (width<=760px){.portfolio-site .projects-text.projects-section{padding-top:20px}.portfolio-site .projects-text .projects-intro{margin-top:12px}.portfolio-site .projects-text .projects-track{padding-block:8px 16px}.portfolio-site .projects-text .project-photo{height:220px}.portfolio-site .projects-text .project-card[data-position=active],.portfolio-site .projects-text .project-card[data-position=active]:hover,.portfolio-site .projects-text .project-card[data-position=active]:focus-visible{transform:translate(-50%)}}@media (width<=760px) and (height<=740px){.portfolio-site .projects-text .projects-controls{order:-1;margin-bottom:12px}.portfolio-site .projects-text .project-photo{height:180px}}