.p-work.website-page a:focus-visible:not(:where(.context-invitation *,.document-invitation *,.page-doodle *)){outline:2px solid var(--focus);outline-offset:5px}.p-work .website-intro{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:center;gap:2rem;padding-block:4rem 2rem;display:grid}.p-work .website-intro h1:not(:where(.context-invitation *,.document-invitation *,.page-doodle *)){overflow-wrap:break-word;min-width:0;margin:0 0 1.4rem}.p-work .website-intro p:not(:where(.context-invitation *,.document-invitation *,.page-doodle *)){max-width:30ch;color:var(--ink-soft);font-size:1.2rem}.p-work .website-intro .paper-artwork{transform:rotate(2deg)}.p-work .website-choices{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:2.5rem 3rem;scroll-margin-top:2rem;display:grid}.p-work .website-note{flex-direction:column;align-items:flex-start;padding:3rem;display:flex}.p-work .website-note:nth-child(2n){margin-top:2rem}.p-work .website-note h2:not(:where(.context-invitation *,.document-invitation *,.page-doodle *)){overflow-wrap:break-word;min-width:0;margin:0 0 .8rem;font-size:clamp(1.9rem,3vw,2.5rem)}.p-work .website-card-heading{align-items:center;gap:.85rem;margin-bottom:.8rem;display:flex}.p-work .website-card-heading h2:not(:where(.context-invitation *,.document-invitation *,.page-doodle *)){margin:0}.p-work .website-service-art{object-fit:contain;flex:0 0 80px;width:80px;height:80px}.p-work .website-fish{align-items:center;gap:.15rem;display:inline-flex}.p-work .website-fish img:not(:where(.context-invitation *,.document-invitation *,.page-doodle *)){object-fit:contain;width:36px;height:24px}.p-work .website-note li:before{mix-blend-mode:multiply;opacity:.85;filter:saturate(.72)sepia(.12)}.p-work .website-price{color:var(--rust);flex-wrap:wrap;align-items:baseline;gap:.3rem .5rem;margin:0 0 1rem;display:flex}.p-work .website-price span:not(:where(.context-invitation *,.document-invitation *,.page-doodle *)){font-size:1.7rem}.p-work .website-outcome{margin-bottom:1.2rem}.p-work .website-note ul:not(:where(.context-invitation *,.document-invitation *,.page-doodle *)){margin:0;padding-left:0;list-style:none}.p-work .website-note li:not(:where(.context-invitation *,.document-invitation *,.page-doodle *)){margin-bottom:.65rem;padding-left:1.65rem;position:relative}.p-work .website-note li:not(:where(.context-invitation *,.document-invitation *,.page-doodle *)):before{content:"";background:url(/media/paper/services/r33-pin.webp) 50%/contain no-repeat;width:24px;height:24px;position:absolute;top:.2em;left:0}.p-work .website-cta{min-height:44px;margin-top:1.4rem}.p-work .shop-options{color:var(--ink-soft);margin:1.2rem 0 0}.p-work .website-scope{max-width:62ch;color:var(--ink-soft);margin:2.5rem 0 0}@media (max-width:760px){.p-work .website-intro{grid-template-columns:minmax(0,1fr);gap:1.5rem;padding-top:2.5rem}.p-work .website-intro h1:not(:where(.context-invitation *,.document-invitation *,.page-doodle *)){font-size:clamp(2.8rem,9vw,4rem)}.p-work .website-intro .paper-artwork{justify-self:end;max-width:320px}.p-work .website-card-heading{flex-direction:column;align-items:flex-start;gap:.5rem}.p-work .website-service-art{flex-basis:88px;width:88px;height:88px}.p-work .website-choices{grid-template-columns:minmax(0,1fr);gap:2rem}.p-work .website-note,.p-work .website-note:nth-child(2n){margin-top:0;padding:2.5rem 1.75rem 3rem}.p-work .website-note:not(.material-note):not(.material-scrap){padding-inline-start:2.75rem}}.p-work .work-cards{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:2.5rem 3rem;padding-block:1rem 2rem;display:grid}.p-work .work-card{flex-direction:column;align-items:flex-start;gap:.9rem;min-width:0;padding:2.6rem 2.4rem;display:flex}.p-work .work-card h2{overflow-wrap:break-word;min-width:0;margin:0;font-size:clamp(1.7rem,2.6vw,2.2rem);line-height:1.2}.p-work .work-card>p{color:var(--ink-soft);margin:0}.p-work .work-proof{flex-wrap:wrap;gap:.1rem 1.4rem;margin:0;padding:0;font-size:1rem;list-style:none;display:flex}.p-work .work-proof a{align-items:center;min-height:44px;display:inline-flex}.p-work .work-card .work-cta{align-items:center;min-height:44px;margin-top:.3rem;display:inline-flex}.p-work .work-card:first-child{grid-column:1/-1}.p-work .website-choices{padding-top:2rem}.p-work .working-together{padding-block:3rem 1rem}.p-work .working-notes{counter-reset:working;gap:0;padding:clamp(2.5rem,5vw,4rem);list-style:none;display:grid}.p-work .working-notes li{counter-increment:working;border-bottom:1px dashed var(--rule);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);column-gap:3rem;padding:1.8rem 0 1.8rem 2.2rem;display:grid;position:relative}.p-work .working-notes li:before{content:counter(working);font-family:var(--font-hand);color:var(--rust);font-size:1.7rem;position:absolute;top:1.8rem;left:0}.p-work .working-notes li:last-child{border:0}.p-work .working-notes h3{margin:0 0 1rem;font-size:1.45rem}.p-work .working-notes p{margin:0;font-size:1rem}.p-work .schedule{max-width:65ch;color:var(--ink-soft);margin-block:2rem}@media (max-width:760px){.p-work .work-cards{grid-template-columns:minmax(0,1fr);gap:2rem}.p-work .work-card{padding:2.25rem 1.6rem}.p-work .working-notes{padding:2rem 1.4rem}.p-work .working-notes li{grid-template-columns:minmax(0,1fr);gap:.5rem;padding-left:1.8rem}}.p-work .website-intro h1{text-wrap:balance;font-size:clamp(2.6rem,5vw,4.2rem);line-height:1.08}.p-work .website-intro{padding-block:3rem 1.5rem;display:block}.p-work .website-intro h1{max-width:18ch;margin:0 0 1.75rem}.p-work .work-cover{aspect-ratio:21/8;background:var(--paper-light) url(/media/paper/surfaces/scrap.webp) center / cover;clip-path:polygon(0 3%,6% 0,14% 2.5%,23% .5%,34% 3%,46% 1%,58% 3.5%,69% .5%,81% 2.5%,92% 0,100% 2%,99.4% 50%,100% 97%,91% 100%,80% 97.5%,68% 99.5%,55% 97%,43% 99.5%,31% 97%,19% 99.5%,8% 97.5%,0 99%,.6% 50%);margin:0;position:relative;overflow:hidden}.p-work .work-cover img{object-fit:cover;object-position:52% 48%;mix-blend-mode:multiply;width:100%;height:100%;display:block;transform:scale(1.34)}@media (max-width:760px){.p-work .website-intro{padding-block:1.5rem 1rem}.p-work .website-intro h1{margin-bottom:1.25rem}.p-work .work-cover{aspect-ratio:16/9;margin-inline:-20px}.p-work .work-cover img{transform:scale(1.4)}}
