.portfolio-heading{padding:155px 6% 65px;max-width:1400px;margin:auto}.portfolio-heading h1{font-size:clamp(48px,7vw,100px);margin:25px 0;max-width:1100px}.portfolio-heading h1 span{color:var(--purple)}.portfolio-heading>p:not(.eyebrow){max-width:630px}.portfolio-heading .disclosure,.case-heading .disclosure{font-size:14px;margin-top:20px;color:var(--muted)}
.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:65px 35px;padding:0 6% 95px;max-width:1600px;margin:auto}.portfolio-tile{min-width:0;scroll-margin-top:120px}.portfolio-image{overflow:hidden;border-radius:14px;background:#e5e3ee;aspect-ratio:16/10;display:grid;place-items:center}.portfolio-image img{width:92%;height:auto;border-radius:4px;transform:translateY(var(--scroll-drift,0px)) scale(1);transition:scale .9s cubic-bezier(.16,1,.3,1);box-shadow:0 20px 45px #0002}.portfolio-label{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:10px;margin-top:20px}.pencil-original .portfolio-label h2{font-size:clamp(24px,2.5vw,36px);letter-spacing:-.035em}.portfolio-label>span{font-size:14px;color:var(--muted)}
.portfolio-tile:nth-child(4n+2) .portfolio-image{background:#dce9e5}.portfolio-tile:nth-child(4n+3) .portfolio-image{background:#e8ded2}.portfolio-tile:nth-child(4n) .portfolio-image{background:#202a40}
.case-heading{max-width:1200px;margin:auto;padding:145px 6% 55px}.case-heading .eyebrow{margin-top:45px}.case-heading h1{font-size:clamp(52px,8vw,108px);margin:20px 0}.case-brief{font-size:clamp(18px,2vw,24px);line-height:1.6;max-width:760px}.case-cover{margin:0 4%;padding:5%;border-radius:20px;background:#e4e1ed;overflow:hidden}.case-cover img{width:100%;max-width:1300px;margin:auto;transform:translateY(var(--scroll-drift,0px));box-shadow:0 24px 70px #0003}.case-content{max-width:1500px}.case-section-title{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;margin:20px 0 55px;align-items:center}.pencil-original .case-section-title h2{font-size:clamp(32px,4vw,56px)}.case-section-title p{color:var(--muted)}.case-content .deck-selections{gap:60px}.case-next{padding:60px 6% 100px;max-width:1500px;margin:auto}.case-next>a:first-of-type{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;margin:25px 0 30px}.pencil-original .case-next h2{font-size:clamp(36px,5vw,72px)}.case-next img{border-radius:10px}
[data-theme=dark] .portfolio-image,[data-theme=dark] .case-cover{background:#1d2a41}[data-theme=dark] .portfolio-tile:nth-child(4n+2) .portfolio-image{background:#1c3936}[data-theme=dark] .portfolio-tile:nth-child(4n+3) .portfolio-image{background:#392d28}
@media(hover:hover) and (pointer:fine){.portfolio-tile:hover img{scale:.94}.portfolio-tile:hover h2{color:var(--purple)}}
@media(max-width:760px){.portfolio-heading{padding:120px 6% 45px}.portfolio-grid{grid-template-columns:1fr;gap:36px;padding-bottom:60px}.portfolio-label{margin-top:15px}.portfolio-heading h1{font-size:clamp(43px,10vw,65px)}.case-heading{padding-top:120px}.case-cover{margin:0 3%;padding:5%;border-radius:12px}.case-section-title{grid-template-columns:1fr;gap:18px;margin-bottom:30px}.case-content .deck-selections{gap:32px}.case-next>a:first-of-type{grid-template-columns:1fr;gap:25px}.case-next{padding-bottom:85px}}
@media(prefers-reduced-motion:reduce){.portfolio-image img,.case-cover img{transform:none!important;transition:none!important;scale:1!important}}.user-reduced-motion .portfolio-image img,.user-reduced-motion .case-cover img{transform:none!important;transition:none!important;scale:1!important}