.piece{--band-pad:clamp(44px, 6vw, 84px)}.piece-hero{background:var(--navy);color:#fff;position:relative;overflow:visible}.piece-hero-img{z-index:0;object-fit:cover;object-position:top;opacity:.35;width:100%;height:100%;position:absolute;inset:0}.piece-hero:after{content:"";z-index:1;background:linear-gradient(90deg,#132133eb 0%,#13213399 55%,#13213340 100%);position:absolute;inset:0}.piece-hero-grid{z-index:2;min-height:clamp(280px,30vw,420px);padding-block:var(--band-pad);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:40px;display:grid;position:relative}.piece-title{max-width:16ch;font-size:clamp(2.2rem,5vw,4.2rem)}.piece-hero-lane{text-align:center;position:relative}.piece-hero-lane p{margin:0}.piece-hero-lane .caps{margin-bottom:6px}.piece-hero-ribbon{z-index:3;left:50%;bottom:calc(-1 * var(--band-pad) - 20px);width:30px;height:50px;position:absolute;transform:translate(-50%)}.piece-cols{grid-template-columns:minmax(0,720px) 300px;column-gap:clamp(40px,8vw,140px);padding-block:clamp(56px,6vw,90px);display:grid}.piece-side{align-self:start;position:sticky;top:24px}.piece-h2{margin:0 0 .7em;font-size:clamp(1.8rem,2.6vw,2.4rem)}.piece-main section{margin-top:clamp(40px,5vw,64px)}.piece-summary{margin-bottom:1em;font-size:1.3rem;line-height:1.5}.piece-downloads-small{color:var(--muted);font-size:.85rem}.piece-downloads-small a{color:var(--steel);margin-left:10px}.piece-ask{margin:1.2em 0 0;font-size:1rem}.piece-ask a{color:var(--steel);text-underline-offset:.2em}.piece-side-mail{margin:14px 0 0;font-size:.95rem}.piece-side-mail a{color:#fff;text-underline-offset:.2em}.piece-disclaimer{background:var(--paper);border:1px solid var(--line);color:var(--muted);margin:20px 0 0;padding:14px 18px;font-size:.85rem}.piece-brief p{font-size:1.05rem}.piece-downloads{flex-wrap:wrap;gap:10px;margin-top:clamp(40px,5vw,64px);display:flex}.piece-downloads .btn{border:1px solid var(--line)}.piece .sequence{margin:0;padding:0;list-style:none}.piece .sequence-intro{max-width:600px;margin-bottom:32px}.piece .message{border:1px solid var(--line);background:#fff;max-width:600px;margin:0 0 32px}.piece .message-head{border-bottom:1px solid var(--line);padding:22px 26px 16px}.piece .message-title{font-family:var(--serif);margin:0 0 14px;font-size:1.4rem;line-height:1.1}.piece .message-meta{gap:4px;margin:0;font-size:.9rem;display:grid}.piece .message-meta div{grid-template-columns:72px minmax(0,1fr);gap:12px;display:grid}.piece .message-meta dt{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding-top:3px;font-size:.7rem;font-weight:500}.piece .message-meta dd{margin:0}.piece .message-body{padding:26px;font-size:1.05rem}.piece .message-body>:last-child{margin-bottom:0}.piece .message-foot{border-top:1px solid var(--line);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:10px 26px;font-size:.7rem}.piece .message:has(.copy-note) .message-foot{display:none}.piece .page-section{border-top:1px solid var(--line);padding:36px 0}.piece .page-section.page-hero{border-top:0;padding-top:0}.piece .page-title{margin-bottom:.6em;font-size:clamp(1.8rem,2.6vw,2.4rem)}.piece .copy-h2{margin:1.4em 0 .5em;font-size:clamp(1.8rem,2.6vw,2.4rem)}.piece .copy-h3{margin:1.5em 0 .5em;font-size:1.4rem}.piece .copy-p{font-size:1.05rem}.piece .copy-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:1.8em 0 .8em;font-size:.72rem;font-weight:500}.piece .copy-cta span{background:var(--steel);color:#fff;letter-spacing:.12em;text-transform:uppercase;padding:.95em 1.6em;font-size:.74rem;font-weight:500;display:inline-block}.piece .copy-link span{color:var(--steel);text-decoration:underline}.piece .copy-note{color:var(--muted);font-size:.8rem}.piece .copy-list{margin:0 0 1em;padding:0;font-size:1.05rem;list-style:none}.piece .copy-list li{padding-left:1.6em;position:relative}.piece .copy-list li:before{content:"✓";color:var(--steel);position:absolute;left:0}.piece-essay .copy-h2{font-size:clamp(1.5rem,2vw,1.9rem)}.piece-essay .copy-h2:first-child{margin-top:.4em}.piece-feed{border:1px solid var(--line);background:#fff;max-width:500px;margin-bottom:40px}.piece-feed-brand{flex-direction:column;gap:2px;margin:0;padding:16px 18px 8px;display:flex}.piece-feed-brand .caps{color:var(--muted);font-size:.66rem}.piece-feed-body{padding:0 18px 14px}.piece-feed-body .copy-p{margin-bottom:.7em;font-size:.98rem}.piece-feed-image{aspect-ratio:1.91;color:var(--muted);background:#e4e8ec;place-items:center;display:grid}.piece-feed-headline{background:#f0f2f5;margin:0;padding:14px 18px;font-size:1.05rem;font-weight:600;line-height:1.3}.piece-mockup iframe{border:1px solid var(--line);width:100%;height:900px;display:block}.piece-mockup p{margin-top:12px;font-size:.9rem}.piece-frame{border:1px solid var(--line);max-height:900px;overflow:auto}.notes-body h2{margin:1.6em 0 .5em;font-size:clamp(1.6rem,2.2vw,2rem)}.notes-body h3{margin:1.6em 0 .5em;font-size:1.4rem}.notes-body p,.notes-body li{font-size:1.05rem}.piece-bio{background:var(--paper);padding:30px 26px}.piece-bio .hand{margin:0 0 12px;font-size:2.1rem}.piece-bio>p:not(.hand){font-size:.95rem}.piece-side-links{margin:22px 0 0;padding:0;list-style:none}.piece-side-links li{border-top:1px solid #1d314526;padding:14px 0}.piece-side-links a{font-family:var(--serif);color:var(--steel);font-size:1.3rem;line-height:1.15;text-decoration:none;display:block}.piece-side-links a:hover{color:var(--navy)}.piece-side-links span{margin-top:5px;font-size:.9rem;display:block}.piece-side-cta{background:var(--navy);color:#fff;margin-top:20px;padding:30px 26px}.piece-side-line{font-family:var(--serif);margin:0 0 18px;font-size:1.8rem;line-height:1.1}.piece-more{border-top:1px solid var(--line);padding-block:clamp(40px,6vw,80px)}.piece-more-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,40px);margin-top:8px;display:grid}.piece-tile{text-decoration:none;display:block}.piece-tile img{aspect-ratio:4/3;object-fit:cover;object-position:top;border:1px solid var(--line);width:100%}.piece-tile .caps{color:var(--muted);margin:14px 0 4px}.piece-tile-title{font-family:var(--serif);margin:0;font-size:1.5rem;line-height:1.1}.piece-tile:hover .piece-tile-title{color:var(--steel)}@media (width<=999px){.piece-hero-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:24px}.piece-title{font-size:clamp(2rem,8vw,3rem)}.piece-hero-lane{text-align:left}.piece-hero-ribbon{left:0;transform:none}.piece-cols{grid-template-columns:minmax(0,1fr);row-gap:56px}.piece-side{position:static}.piece-more-grid{grid-template-columns:1fr}}