.client-intro{padding-block:88px 54px;max-width:1200px}.client-intro h1{font-size:clamp(2.8rem,5.9vw,5.4rem);line-height:1.05;letter-spacing:-.055em;max-width:1000px;margin:24px 0}.client-intro h1 em{font-style:normal;color:#bd9af4}.client-intro>p{max-width:670px;color:#c5c1cb;font-size:1.12rem;line-height:1.8}.client-collection-note{display:flex;align-items:center;gap:12px;margin-top:32px;font-size:.84rem;color:#ccc6d5}.permission-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#23362e;color:#b5e5c6}.client-collection-note>span>span{margin-inline:10px;color:#726a81}.client-project{border:1px solid #37303f;border-radius:22px;overflow:hidden;background:#100e15}.client-project-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px 32px;border-bottom:1px solid #37303f;font-size:.74rem;font-weight:700;letter-spacing:.09em}.client-permission{letter-spacing:0;color:#b5e5c6;background:#1d2d24;padding:9px 14px;border-radius:30px}.client-permission span{margin-right:6px}.client-project-layout{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:40px;padding:46px 32px}.client-label{font-size:.76rem;color:#c5a5f5;letter-spacing:.06em;text-transform:uppercase}.client-project h2{font-size:clamp(2.1rem,3.5vw,3.3rem);letter-spacing:-.045em;line-height:1.1;margin:16px 0 10px}.client-role{color:#e0dbe7;font-size:1.1rem}.client-project-copy>p:not(.client-role){color:#c5c1cb;line-height:1.8}.client-details{margin:28px 0}.client-details>div{border-top:1px solid #37303f;padding:13px 0}.client-details dt{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#a69eb4}.client-details dd{margin:6px 0 0;font-size:.91rem;line-height:1.5;color:#e5dfed}.client-project-copy .button{margin-top:4px}.client-project-copy .client-visit-note{font-size:.8rem;line-height:1.65;margin-top:16px;max-width:360px}.client-preview{margin:0;min-width:0;border-radius:12px;overflow:hidden;border:1px solid #48404f;background:#f7f5ef;box-shadow:0 24px 70px #0005}.client-browser-bar{display:flex;justify-content:space-between;gap:10px;background:#221e28;color:#d1c8dc;padding:14px 18px;font-size:.68rem}.client-browser-bar>span:first-child{color:#85798f;letter-spacing:3px}.client-preview img{display:block;width:100%;height:auto}.client-preview figcaption{padding:14px 18px;border-top:1px solid #dedbd4;color:#46594e;font-size:.74rem;line-height:1.5}.client-project-note{padding:25px 32px;border-top:1px solid #37303f;display:grid;grid-template-columns:.8fr 1.2fr;gap:40px}.client-project-note strong{font-size:.94rem}.client-project-note p{margin:0;color:#c5c1cb;font-size:.88rem;line-height:1.75}.client-next{padding-block:76px 90px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.client-next>div{flex:1 1 500px}.client-next h2{font-size:clamp(1.8rem,3vw,2.6rem);letter-spacing:-.04em;margin:20px 0 14px}.client-next p{color:#c5c1cb}.client-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.client-page a:focus-visible{outline:3px solid #c5a5f5;outline-offset:5px}.client-page .samples-desktop-nav{gap:18px}.client-page .samples-header-shell{gap:20px}
@media(max-width:1100px){.client-project-layout{grid-template-columns:1fr;gap:30px}.client-preview{max-width:850px;width:100%}.client-project-copy{max-width:670px}.client-project-note{grid-template-columns:1fr;gap:12px}.client-intro{padding-top:64px}}
@media(max-width:600px){.client-intro{padding-block:46px 32px}.client-intro h1{font-size:2.8rem}.client-intro>p{font-size:1rem}.client-collection-note{align-items:flex-start;line-height:1.7;font-size:.75rem}.permission-mark{flex-shrink:0}.client-project{border-radius:16px}.client-project-heading{padding:20px;align-items:flex-start;flex-direction:column;gap:14px}.client-project-layout{padding:26px 20px}.client-project-copy .button{width:100%;font-size:.86rem}.client-project-note{padding:22px 20px}.client-browser-bar{padding:12px;font-size:.6rem}.client-next{padding-block:48px 64px;align-items:stretch}.client-next .button{width:100%}.client-next .text-link{font-size:.85rem}.client-next>div{flex-basis:100%}}
.client-page .samples-footer-brand p,.client-page .samples-footer h3,.client-page .samples-footer-bottom{color:#bcb4c6}