/* One portfolio cover on the home page, with a dedicated artwork gallery. */
.design-cover-link{display:block;border:1px solid #d7d0df;border-radius:6px;overflow:hidden;background:#eee9f3}
.design-cover-art{height:480px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,#faf8fc 0,#eae3f2 75%)}
.design-cover-art::before{content:'';position:absolute;inset:8% 7%;border:1px solid #c9bbdb66;border-radius:50%}
.cover-print{position:absolute;height:auto;padding:7px;border:1px solid #ddd6e6;background:#fff;box-shadow:0 16px 34px #35234623;transition:transform .35s}
.cover-print-1{left:6%;top:21%;width:32%;transform:rotate(-8deg);z-index:1}
.cover-print-2{left:50%;top:6%;width:26%;transform:translateX(-50%) rotate(-3deg);z-index:3}
.cover-print-3{right:5%;top:23%;width:33%;transform:rotate(8deg);z-index:2}
.design-cover-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 30px;border-top:1px solid #d7d0df;background:#f2eef7;font-size:18px;line-height:1.4;letter-spacing:-.02em}
.cover-arrow{display:grid;place-items:center;width:45px;height:45px;border:1px solid #a99abf;border-radius:50%;font-size:24px;flex-shrink:0;transition:background .2s,color .2s}
.design-cover-link:hover .cover-print-1{transform:rotate(-10deg) translateY(-5px)}
.design-cover-link:hover .cover-print-2{transform:translateX(-50%) rotate(0) translateY(-7px)}
.design-cover-link:hover .cover-print-3{transform:rotate(10deg) translateY(-5px)}
.design-cover-link:hover .cover-arrow{background:var(--ink);color:#fff}
.design-cover-link:focus-visible{outline:3px solid var(--purple);outline-offset:6px}
.gallery-header{border-color:#d8d1e1}
.gallery-back{display:inline-flex;align-items:center;gap:12px;font-size:12px;min-height:44px}
.gallery-back:hover{text-decoration:underline;text-underline-offset:5px}
.design-gallery-page{background:var(--paper)}
.gallery-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;padding-block:65px 34px}
.gallery-heading h1{font-size:clamp(48px,6.5vw,85px);line-height:1.03;letter-spacing:-.055em;margin-top:18px}
.gallery-count{font-size:12px;line-height:1.6;color:var(--muted);white-space:nowrap;padding-bottom:4px}
.gallery-controls{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}
.gallery-filter{font-size:11px;line-height:1.5;border:1px solid #c9c0d6;border-radius:3px;padding:11px 16px;min-height:44px;background:transparent;color:#51445f}
.gallery-filter[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}
.gallery-filter:hover{background:#e7dff0;color:var(--ink)}
.gallery-filter[aria-pressed=true]:hover{background:#34303c;color:white}
.gallery-grid .design-tile{border-color:#d7d0df}
.gallery-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-block:26px 45px;margin-top:20px}
@media(max-width:1100px){.design-cover-art{height:390px}.cover-print-2{top:10%}}
@media(max-width:800px){.design-cover-art{height:330px}.cover-print-1{left:3%;top:25%;width:36%}.cover-print-2{top:8%;width:30%}.cover-print-3{right:2%;top:28%;width:36%}.design-cover-caption{padding:20px 23px;font-size:16px}.gallery-heading{padding-top:48px}}
@media(max-width:560px){.design-cover-art{height:300px}.cover-print{padding:4px}.cover-print-1{left:-5%;top:33%;width:48%}.cover-print-2{top:11%;width:auto;height:78%;max-width:65%;object-fit:contain}.cover-print-3{right:-6%;top:35%;width:47%}.design-cover-caption{font-size:14px;padding:18px}.cover-arrow{width:38px;height:38px;font-size:21px}.gallery-header .wordmark{font-size:22px}.gallery-back{font-size:11px;gap:8px}.gallery-heading{align-items:flex-start;flex-direction:column;gap:18px;padding-block:38px 25px}.gallery-heading h1{font-size:48px;margin-top:12px}.gallery-heading .eyebrow{font-size:9px}.gallery-count{font-size:11px}.gallery-controls{gap:7px;margin-bottom:25px}.gallery-filter{font-size:10px;padding:10px 12px}.gallery-bottom .text-link{font-size:10px}.gallery-bottom{gap:15px}}
@media(prefers-reduced-motion:reduce){.cover-print,.cover-arrow{transition:none}.design-cover-link:hover .cover-print-1{transform:rotate(-8deg)}.design-cover-link:hover .cover-print-2{transform:translateX(-50%) rotate(-3deg)}.design-cover-link:hover .cover-print-3{transform:rotate(8deg)}}