.identity-portfolio{margin-top:clamp(52px,6vw,96px);scroll-margin-top:140px}.identity-portfolio .visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.identity-portfolio-heading{justify-content:space-between;align-items:end;gap:32px;margin-bottom:28px;display:flex}.identity-portfolio-heading .eyebrow{margin-bottom:14px}.identity-portfolio-heading h3{letter-spacing:-.045em;font-size:clamp(32px,3.5vw,52px);line-height:1.08}.identity-portfolio-heading>p{max-width:390px;color:var(--muted);font-size:17px;line-height:1.6}.identity-portfolio-selector{border:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;min-width:0;margin:0 0 16px;padding:0;display:grid}.identity-portfolio-selector button{min-height:124px;color:var(--foreground);text-align:left;background:0 0;border:1px solid #17181526;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px 8px;padding:20px;transition:background .2s,color .2s,border-color .2s;display:grid}.identity-portfolio-index{opacity:.75;grid-area:1/1;font-size:14px}.identity-portfolio-name{letter-spacing:-.025em;grid-area:2/1/auto/-1;padding-right:28px;font-size:18px;font-weight:500}.identity-portfolio-dots{grid-area:1/2;display:flex}.identity-portfolio-dots i{border:1px solid #8884;border-radius:50%;width:17px;height:17px}.identity-portfolio-dots i+i{margin-left:-4px}.identity-portfolio-selector .direction-icon{grid-area:2/2;justify-self:end;font-size:23px;transition:transform .2s}.identity-portfolio-selector button[aria-pressed=true]{background:var(--foreground);border-color:var(--foreground);color:var(--background)}.identity-portfolio-selector button[aria-pressed=true] .direction-icon{color:var(--orange);transform:rotate(45deg)}.identity-portfolio button:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.identity-portfolio-art:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.identity-portfolio-display{background:var(--identity-surface);border-radius:28px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:clamp(24px,3vw,48px);padding:clamp(18px,2vw,32px);transition:background .3s;display:grid}.identity-portfolio-art{aspect-ratio:1;background:#fff;border-radius:18px;align-self:center;min-width:0;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 40px -30px #17181570}.identity-portfolio-art img{object-fit:contain;width:100%;height:100%;animation:.45s both identity-art-enter}.identity-portfolio-enlarge{color:#171815;background:#ffffffed;border:1px solid #17181520;border-radius:100px;align-items:center;gap:9px;min-height:44px;padding:10px 15px;font-size:14px;display:flex;position:absolute;bottom:14px;right:14px;box-shadow:0 3px 16px #17181515}.identity-portfolio-details{min-width:0;padding-block:12px 0}.identity-portfolio-story{animation:.35s both identity-art-enter}.identity-portfolio-category{color:#55534f;gap:12px;margin-bottom:14px;font-size:14px;line-height:1.5;display:flex}.identity-portfolio-details h4{letter-spacing:-.04em;font-size:clamp(28px,2.65vw,42px);font-weight:500;line-height:1.05}.identity-portfolio-statement{margin-top:16px;font-size:18px;line-height:1.4}.identity-portfolio-description{color:#55534f;margin-top:10px;font-size:16px;line-height:1.65}.identity-portfolio-story ul{flex-wrap:wrap;gap:7px;margin:20px 0 28px;padding:0;list-style:none;display:flex}.identity-portfolio-story li{border:1px solid #17181526;border-radius:100px;padding:6px 10px;font-size:14px;line-height:1.4}.identity-portfolio-palette{border:0;min-width:0;margin:0;padding:0}.identity-portfolio-palette legend{margin-bottom:14px;font-size:16px}.identity-portfolio-swatches{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.identity-portfolio-swatches button{color:#171815;text-align:left;background:#fff6;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;min-width:0;padding:10px;display:flex}.identity-portfolio-swatches button[aria-pressed=true]{background:#ffffffa6;border-color:#171815}.identity-portfolio-swatches i{border-radius:7px;flex-shrink:0;place-items:center;width:32px;height:38px;display:grid;box-shadow:inset 0 0 0 1px #00000014}.identity-portfolio-swatches button>span{font-size:14px;line-height:1.4}.identity-portfolio-swatches code{margin-top:3px;font-size:14px;display:block}.identity-portfolio-color{border-radius:16px;justify-content:space-between;align-items:center;gap:12px;min-height:108px;margin-top:16px;padding:20px;transition:background .25s,color .25s;display:flex}.identity-portfolio-color>div{min-width:0}.identity-portfolio-color span{margin-bottom:6px;font-size:14px;display:block}.identity-portfolio-color code{letter-spacing:-.04em;-webkit-user-select:all;user-select:all;font-size:clamp(21px,2vw,28px)}.identity-portfolio-color button{min-height:44px;color:inherit;background:0 0;border:1px solid;border-radius:100px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:14px;display:flex}.identity-portfolio-note,.identity-portfolio-feedback{color:#55534f;margin-top:10px;font-size:14px;line-height:1.5;display:block}.identity-portfolio-feedback{min-height:21px}@media (hover:hover){.identity-portfolio-selector button:hover:not([aria-pressed=true]){background:#e7e5dc}.identity-portfolio-art:hover .identity-portfolio-enlarge{background:#fff}.identity-portfolio-swatches button:hover{border-color:#171815}.identity-portfolio-color button:hover{background:#ffffff24}}@keyframes identity-art-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1100px){.identity-portfolio-display{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px}.identity-portfolio-selector button{padding:16px}.identity-portfolio-name{font-size:16px}.identity-portfolio-swatches{grid-template-columns:1fr}.identity-portfolio-swatches button>span{flex:1;justify-content:space-between;align-items:center;gap:12px;display:flex}.identity-portfolio-swatches code{margin:0}}@media (max-width:760px){.identity-portfolio-heading{display:block}.identity-portfolio-heading>p{max-width:100%;margin-top:18px}.identity-portfolio-selector{grid-template-columns:repeat(2,minmax(0,1fr))}.identity-portfolio-selector button{min-height:112px;padding:14px}.identity-portfolio-display{border-radius:22px;grid-template-columns:1fr;gap:24px;padding:16px}.identity-portfolio-art{aspect-ratio:auto;border-radius:14px;display:block}.identity-portfolio-art img{height:auto;display:block}.identity-portfolio-details{padding:0 4px}.identity-portfolio-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.identity-portfolio-swatches button{gap:8px;padding:10px 8px}.identity-portfolio-swatches button>span{display:block}.identity-portfolio-swatches code{margin-top:3px}.identity-portfolio-swatches i{width:24px}.identity-portfolio-enlarge{box-shadow:none;background:#fff;border:0;border-top:1px solid #17181520;border-radius:0;justify-content:center;position:static}.identity-portfolio-color{padding:18px 14px}}@media (max-width:370px){.identity-portfolio-name{padding-right:0;font-size:15px}.identity-portfolio-selector .direction-icon{display:none}.identity-portfolio-selector button{gap:12px 4px;padding:12px}.identity-portfolio-swatches{grid-template-columns:1fr}.identity-portfolio-swatches button>span{display:flex}.identity-portfolio-swatches code{margin:0}.identity-portfolio-color{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.identity-portfolio *,.identity-portfolio :before{transition:none!important;animation:none!important}}