/* Invitations make each interactive demo tool easy to find without loading it up front. */
.tool-invite{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:10px 13px;border:1px solid currentColor;font:600 12px/1.4 var(--body);text-decoration:none}
.tool-invite::before{content:'✳';font-size:15px}
.project-planner{margin-top:45px;margin-bottom:55px;scroll-margin-top:24px}
.project-planner>summary{padding:24px;list-style:none;position:relative;border:1px solid currentColor}
.project-planner>summary::-webkit-details-marker{display:none}
.project-planner>summary::after{content:'+';position:absolute;right:22px;top:18px;font:400 28px/1 var(--body)}
.project-planner[open]>summary::after{content:'−'}
.project-planner>summary>span,.project-planner>summary>small{display:block;padding-right:40px}
.project-planner>summary>small{opacity:1}
@media(hover:hover) and (pointer:fine){.tool-invite:hover{background:var(--accent);color:var(--ink);transform:translateY(-2px)}.project-planner>summary:hover{background:color-mix(in srgb,var(--accent) 18%,var(--base))}}
/* Distinct service presentations for each design direction. */
.identity-01 .work-list{display:block;border-top:2px solid}.identity-01 .work-list article{display:grid;grid-template-columns:60px 1fr 1.4fr auto;gap:22px;align-items:center;border-bottom:1px solid;padding:18px 0}.identity-01 .work-list :is(h3,p){margin:0}
.identity-02 .work-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.identity-02 .work-list article{border:2px solid;padding:28px}.identity-02 .work-list article:nth-child(2){background:var(--accent);color:var(--ink)}
.identity-04 .work-section{background:var(--ink);color:var(--base)}.identity-04 .work-list article{border-top:5px solid var(--accent)}.identity-04 .work-num{color:var(--accent)}
.identity-05 .work-list{grid-template-columns:repeat(2,minmax(0,1fr))}.identity-05 .work-list article{padding:26px;border:3px double}
.identity-06 .work-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.identity-06 .work-list article{border:2px solid;border-radius:30px;padding:28px;box-shadow:5px 5px 0 var(--accent)}
.identity-07 .work-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:10%}.identity-07 .work-list h3{font-style:italic}
.identity-08 .work-list{grid-template-columns:1fr 1fr;gap:0 12%}.identity-08 .work-list article{padding:35px 0}
.identity-09 .work-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.identity-09 .work-list article{border:4px solid;padding:26px;box-shadow:6px 6px 0 var(--accent)}
.identity-12 .work-list article{border:1px dashed;padding:24px}.identity-12 .work-num{border:1px solid;padding:5px 10px}
.identity-13 .work-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-block:4px double}.identity-13 .work-list article{border:0;border-right:1px solid;padding:22px}.identity-13 .work-list article:last-child{border-right:0}.identity-13 .work-list h3{font-weight:700}
.identity-14 .work-list{grid-template-columns:repeat(2,minmax(0,1fr))}.identity-14 .work-list article{border:1px solid;border-radius:80px 12px 12px 12px;padding:32px}
.identity-17 .work-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.identity-17 .work-list article{border:0;border-radius:25px;padding:30px;background:color-mix(in srgb,var(--ink) 6%,var(--base));box-shadow:0 12px 30px #0001}
.identity-18 .work-list article{border-top:6px double var(--accent);padding:24px}.identity-18 .work-num{background:var(--ink);color:var(--base);padding:8px 13px}
.identity-19 .work-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 8%}.identity-19 .work-list article:nth-child(even){padding-top:45px}.identity-19 .work-list h3{font-style:italic}
.identity-21 .work-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.identity-21 .work-list article{border:3px solid;padding:26px;box-shadow:7px 7px 0 var(--accent)}.identity-21 .work-list article:nth-child(even){border-radius:32px 0 32px 0}
.identity-22 .work-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.identity-22 .work-list article{border:3px double;padding:28px}
.identity-23 .work-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.identity-23 .work-list article{border:1px solid var(--accent);padding:26px}.identity-23 .work-num{color:var(--accent)}
.identity-24 .section-heading{display:block;text-align:center}.identity-24 .section-heading h2,.identity-24 .section-heading p{margin:18px auto}.identity-24 .work-list{grid-template-columns:1fr 1fr;gap:0 10%}
.identity-25 .work-list{display:block;border-top:2px solid}.identity-25 .work-list article{display:grid;grid-template-columns:60px 1fr 1fr auto;gap:18px;align-items:center;padding:18px 12px;border-bottom:1px solid;background:repeating-linear-gradient(transparent 0 31px,#70997515 31px 32px)}.identity-25 .work-list :is(h3,p){margin:0}
.identity-28 .work-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.identity-28 .work-list article{padding:25px;border:1px solid;box-shadow:4px 5px 0 var(--accent)}.identity-28 .work-list article:nth-child(even){transform:rotate(1deg)}
@media(max-width:700px){.tool-invite{font-size:12px}.project-planner{margin-left:6%;margin-right:6%}.project-planner>summary{font-size:19px;padding:20px}.identity-01 .work-list article,.identity-25 .work-list article{grid-template-columns:40px 1fr;gap:8px 14px}.identity-01 .work-list article :is(p,button),.identity-25 .work-list article :is(p,button){grid-column:2}.identity-13 .work-list{grid-template-columns:1fr 1fr}.identity-13 .work-list article:nth-child(even){border-right:0}.identity-13 .work-list article{border-bottom:1px solid}.identity-06 .work-list,.identity-09 .work-list,.identity-17 .work-list,.identity-21 .work-list,.identity-23 .work-list{grid-template-columns:1fr}.identity-02 .work-list article,.identity-05 .work-list article,.identity-14 .work-list article,.identity-22 .work-list article,.identity-28 .work-list article{padding:18px}.identity-28 .work-list article:nth-child(even){transform:none}}
@media(max-width:400px){.identity-02 .work-list,.identity-05 .work-list,.identity-14 .work-list,.identity-22 .work-list,.identity-28 .work-list{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.tool-invite:hover{transform:none}.identity-28 .work-list article:nth-child(even){transform:none}}
/* Keep accent panels and tool invitations readable while preserving each hover signature. */
.identity-02 .work-list article:nth-child(2){color:#fff}
@media(hover:hover) and (pointer:fine){.tool-invite:hover{background:var(--ink);color:var(--base);transform:translate(var(--hover-x),var(--hover-y)) rotate(var(--hover-rotation)) scale(var(--hover-scale));box-shadow:var(--hover-shadow)}}
@media(prefers-reduced-motion:reduce){.tool-invite:hover{transform:none}}