.design-detail-page .page-breadcrumbs a{display:inline-flex;align-items:center;min-height:44px;padding-block:10px;margin-block:-10px}.design-gallery-section{padding-top:var(--space-heading)}.design-intro .section-kicker{margin:0 0 16px}.design-intro h1{font-size:var(--type-h1);line-height:1.3;font-weight:500;margin:0;text-wrap:balance}.design-intro .design-lead{margin:32px 0 0;color:var(--muted);grid-column:span 8}.design-intro{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--grid-gutter)}.design-intro>:not(.design-lead){grid-column:1/-1}.design-intro .article-meta{margin-top:24px}.design-intro .article-author{display:inline-flex;align-items:center;gap:8px}.design-intro .article-author-avatar{display:block;flex:none;width:24px;height:24px;border-radius:50%;object-fit:cover}.design-author-section{padding-top:48px}.design-author-section .blog-author{margin-top:0}.design-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px var(--grid-gutter);margin-top:var(--space-heading)}.design-gallery-tile{min-width:0;margin:0}.design-gallery-image{display:block;width:100%;height:auto;aspect-ratio:10/7;overflow:hidden;background:var(--paper);padding:0;border:0;border-radius:20px}.design-gallery-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.design-gallery-image:hover img{transform:scale(1.025)}.design-gallery-image:focus-visible{outline:none}.design-gallery-image:focus-visible img{filter:brightness(.8)}.design-gallery-tile figcaption{margin-top:16px;font-size:var(--type-caption);line-height:1.7;color:var(--muted)}.design-gallery-more{display:flex;align-items:center;justify-content:center;margin-top:var(--space-heading)}.design-more{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:16px 24px;min-height:56px;background:var(--white);color:var(--ink);border:1px solid var(--line);border-radius:8px;font-size:var(--type-action);font-weight:500}.design-more:hover{color:var(--pink)}.design-guide-section{border-top:1px solid var(--line);padding-top:var(--space-divider);margin-top:var(--space-divider)}.design-detail-page [hidden]{display:none!important}.design-gallery-status.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.design-article-photo{margin:0;min-width:0}.design-inline-media{display:contents}.design-detail-page .design-lightbox{width:calc(100vw - 32px);max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);border-radius:20px;overflow:auto;overscroll-behavior:contain}html:has(body.design-detail-page .design-lightbox[open]){overflow:hidden}.design-lightbox-head{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;gap:24px;font-size:var(--type-caption);line-height:1.7}.design-lightbox .gallery-close{position:static;flex-shrink:0;display:grid;place-items:center;padding:0;background:#fff0}.design-lightbox>img{height:calc(100dvh - 240px);max-height:1000px;width:100%;object-fit:contain}.design-lightbox .gallery-toolbar{gap:24px;padding:16px 24px}.design-lightbox-caption{margin:0;font-size:var(--type-caption);line-height:1.7}.design-lightbox-controls{display:flex;align-items:center;gap:16px;flex-shrink:0}.design-lightbox-controls button{display:grid;place-items:center;padding:0;border:1px solid #7786a5;border-radius:50%}.design-lightbox-controls button:hover,.design-lightbox .gallery-close:hover{color:var(--pink);border-color:var(--pink)}.design-lightbox .gallery-count{font-family:Satoshi,sans-serif;font-size:var(--type-caption);white-space:nowrap;min-width:48px;text-align:center}@media(max-width:1100px){.design-intro{grid-template-columns:repeat(8,minmax(0,1fr))}.design-intro .design-lead{grid-column:span 7;margin-top:24px}.design-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.design-intro{grid-template-columns:repeat(4,minmax(0,1fr))}.design-intro .design-lead{grid-column:1/-1}.design-intro .article-meta{gap:8px 16px}.design-author-section{padding-top:40px}.design-detail-page .design-guide-section:has(.seo-toc){border-top:0}.design-gallery-grid{grid-template-columns:1fr;row-gap:32px}.design-gallery-image{border-radius:18px}.design-lightbox-head{padding:12px 16px;gap:16px}.design-lightbox>img{height:auto;max-height:calc(100dvh - 280px)}.design-lightbox .gallery-toolbar{padding:12px 16px;flex-direction:column;align-items:stretch;gap:16px}.design-lightbox-controls{justify-content:center}}@media(forced-colors:active){.design-gallery-image:focus-visible{outline:2px solid Highlight;outline-offset:2px}}