.portfolio-section{background:#eef0e9}.portfolio-total{font-size:13px;color:#616b59}.portfolio-intro{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:30px 0 42px}.portfolio-intro>p{color:#65705c;font-size:17px;line-height:1.6}.portfolio-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,1fr);gap:52px}.portfolio-exhibit{background:#e0e4d9;border:1px solid #d5dccb;border-radius:14px;padding:18px 24px;min-width:0;position:relative;isolation:isolate}.portfolio-exhibit-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.09em;color:#62704f;gap:16px;margin-bottom:18px}.portfolio-exhibit-top a{display:grid;place-items:center;width:44px;height:44px;border:1px solid #bac6ac;border-radius:50%;font-size:23px;text-decoration:none}.portfolio-art{display:block;position:relative;height:610px;padding-inline:20px;perspective:1200px;text-decoration:none}.portfolio-art>img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 13px 15px #2d382d28);transition:transform .45s;transform:rotateY(-5deg) rotateZ(-1deg);transform-origin:50% 50%}.portfolio-art:hover>img{transform:rotateY(0) rotateZ(0) translateY(-4px)}.portfolio-open{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);padding:13px 18px;background:#fffef9;box-shadow:0 3px 16px #25312322;font-size:12px;border-radius:6px;white-space:nowrap}.portfolio-open b{margin-left:20px}.portfolio-exhibit-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:15px;font-size:13px;min-height:44px}.portfolio-nav{display:flex;gap:8px}.portfolio-nav button{width:44px;height:44px;border:1px solid #b9c6ac;background:transparent;border-radius:50%;font-size:20px}.portfolio-nav button:hover{background:#cdea91}.portfolio-directory{min-width:0;display:flex;flex-direction:column}.portfolio-filters{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:20px;border-bottom:1px solid #d1dac7}.portfolio-filters button{background:transparent;border:1px solid transparent;border-radius:5px;min-height:44px;padding:8px 12px;font-size:12px}.portfolio-filters button[aria-pressed=true]{background:#151815;color:#fff}.portfolio-choices{max-height:423px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9cae84 transparent;padding-right:8px}.portfolio-choice{display:flex;align-items:center;gap:13px;padding:12px 9px;text-decoration:none;border-bottom:1px solid #d7decf;transition:background .2s}.portfolio-choice:hover{background:#e4eadb}.portfolio-choice[aria-current=true]{background:#d5e4bd}.portfolio-index{font-size:10px;color:#7a856f;min-width:17px}.portfolio-choice>img{width:45px;height:60px;object-fit:cover;object-position:top;flex-shrink:0;border:1px solid #d3dacb;border-radius:2px}.portfolio-choice>span:nth-last-child(2){flex:1}.portfolio-choice strong{display:block;font-size:15px;font-weight:500;line-height:1.3}.portfolio-choice small{display:block;font-size:11px;color:#6b775f;margin-top:5px}.portfolio-detail{margin-top:auto;padding-top:27px;min-height:215px}.portfolio-detail h3{font-size:30px;margin:12px 0;letter-spacing:-.045em}.portfolio-detail>p:not(.eyebrow){font-size:15px;color:#5e6b53;max-width:360px}.portfolio-detail .text-link{font-size:13px;margin-top:20px;display:inline-block}.portfolio-dialog{width:min(1150px,96vw);height:94vh;max-height:94vh;padding:0;border:0;border-radius:12px;background:#f6f7f2;color:#151815;overflow:auto}.portfolio-dialog::backdrop{background:#102016bd;backdrop-filter:blur(6px)}.portfolio-dialog-bar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 24px;background:#f6f7f2f5;border-bottom:1px solid #dfe4d6}.portfolio-dialog-bar>strong{font-weight:500}.portfolio-close{min-height:44px;padding:10px 16px;background:#151815;color:white;border:0;border-radius:5px}.portfolio-dialog>img{display:block;width:100%;height:auto}.portfolio-dialog[open]{animation:portfolio-enter .22s ease-out}@keyframes portfolio-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.portfolio-layout{gap:28px;grid-template-columns:minmax(0,1.25fr) minmax(290px,1fr)}.portfolio-art{height:530px;padding:0}.portfolio-exhibit{padding:14px 16px}.portfolio-choice strong{font-size:13px}.portfolio-intro>p{font-size:15px}.portfolio-choices{max-height:370px}}
@media(max-width:760px){.portfolio-intro{display:block;margin:25px 0 28px}.portfolio-intro>p{margin-top:22px;font-size:15px}.portfolio-total{font-size:10px}.portfolio-layout{display:flex;flex-direction:column;gap:24px}.portfolio-art{height:440px;padding-inline:5px}.portfolio-exhibit{padding:12px}.portfolio-exhibit-top{font-size:8px;margin-bottom:10px}.portfolio-exhibit-top a{width:44px;height:44px}.portfolio-choices{max-height:285px}.portfolio-filters{gap:3px;padding-bottom:12px}.portfolio-filters button{font-size:11px;padding:8px}.portfolio-detail{padding-top:22px;min-height:0}.portfolio-detail h3{font-size:28px}.portfolio-choice strong{font-size:14px}.portfolio-dialog{width:96vw;height:90vh;max-height:90vh}.portfolio-dialog-bar{padding:10px 12px;font-size:13px}.portfolio-close{font-size:12px}.portfolio-art>img{transform:none}.portfolio-dialog>img{min-width:0}.portfolio-exhibit-bottom{font-size:12px}.portfolio-open{bottom:18px}}
@media(max-width:380px){.portfolio-art{height:395px}.portfolio-exhibit-top{gap:8px}}
@media(prefers-reduced-motion:reduce){.portfolio-art>img{transform:none;transition:none}.portfolio-dialog[open]{animation:none}}