.project-content-section{padding:55px 6%;border-top:1px solid var(--line);scroll-margin-top:25px}.project-content-section>h2{font-size:37px;letter-spacing:-1.2px;line-height:1.2;margin:20px 0 24px}.project-fragment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:35px}.project-fragment{min-width:0;border:1px solid var(--line);background:#fff}.project-fragment-preview{display:block;padding:18px 18px 0;background:#f1f3f5}.project-fragment-preview img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#fff}.project-fragment-preview>span{display:flex;justify-content:space-between;gap:12px;padding:16px 0;font-size:12px;color:var(--ink)}.project-fragment-preview>span>span{color:var(--orange)}.project-fragment-preview:hover{background:#e8edf1}.project-fragment-copy{padding:24px}.project-fragment-copy .eyebrow{font-size:9px;margin:0 0 14px}.project-fragment-copy h3{font-size:20px;line-height:1.35;font-weight:500;letter-spacing:-.4px;margin:0 0 18px}.project-fragment-copy>p:not(.eyebrow){font-size:13px;line-height:1.8;color:var(--muted);margin:0 0 14px}.project-content-note{border-left:2px solid var(--orange);background:#f3f5f7;padding:24px 28px;margin-top:30px;max-width:900px}.project-content-note h3{font-size:18px;font-weight:500;margin:0 0 10px}.project-content-note p{font-size:13px;color:var(--muted);line-height:1.8;margin:0}.project-image-dialog{padding:0;border:1px solid #d4dbe2;width:min(1120px,94vw);max-width:94vw;max-height:92dvh;color:#252b32;box-sizing:border-box}.project-image-dialog::backdrop{background:#18212bcc}.project-image-toolbar{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 22px;background:white;border-bottom:1px solid #d4dbe2;z-index:1}.project-image-toolbar h2{font-size:18px;line-height:1.4;font-weight:500;margin:0}.project-image-toolbar button{font:inherit;font-size:13px;background:#252b32;color:#fff;border:0;padding:12px 16px;cursor:pointer;white-space:nowrap}.project-image-scroll{padding:16px;background:#f2f4f6;overflow:auto}.project-image-scroll img{display:block;width:100%;height:auto;background:white}.project-image-original{display:block;padding:16px 22px;font-size:13px;text-decoration:underline}.project-content-section :focus-visible,.project-image-dialog :focus-visible{outline:2px solid var(--orange);outline-offset:3px}body.project-image-open{overflow:hidden}@media(max-width:1050px){.project-fragment-grid{gap:16px}.project-fragment-copy{padding:20px 16px}.project-fragment-copy h3{font-size:18px}}@media(max-width:720px){.project-content-section{padding:40px 6%}.project-content-section>h2{font-size:30px;letter-spacing:-.8px}.project-fragment-grid{grid-template-columns:1fr;gap:24px}.project-fragment-preview img{aspect-ratio:4/3}.project-fragment-copy{padding:22px}.project-content-note{padding:20px}.project-image-toolbar{padding:12px;gap:12px}.project-image-toolbar h2{font-size:14px}.project-image-toolbar button{font-size:12px;padding:10px}.project-image-scroll{padding:8px}.project-image-original{font-size:12px;padding:16px}}
