
:root{--anora-green:#315219;--anora-deep:#1b3023;--anora-gold:#b5a070;--anora-cream:#f8f7f1}
.anora-portfolio{max-width:1240px;margin:0 auto;padding:clamp(35px,6vw,78px) 24px 90px;color:#1e2d25;font-family:Arial,Helvetica,sans-serif}
.anora-portfolio .portfolio-eyebrow{display:block;color:#75866d;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin-bottom:15px}
.anora-portfolio h1{font-family:Georgia,serif;font-size:clamp(34px,6vw,64px);font-weight:400;line-height:1.04;margin:0 0 20px;color:#213e2a;letter-spacing:-.035em}
.anora-portfolio .portfolio-intro{max-width:680px;line-height:1.7;color:#617063;font-size:clamp(15px,2vw,18px);margin:0 0 30px}
.anora-portfolio .portfolio-top{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;flex-wrap:wrap;margin-bottom:32px}
.anora-portfolio .portfolio-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.anora-portfolio .portfolio-filter{font:inherit;cursor:pointer;border:1px solid #d5dfd0;border-radius:100px;padding:11px 18px;color:#36533b;background:#fff;min-height:44px;transition:background .17s,color .17s,border-color .17s}
.anora-portfolio .portfolio-filter[aria-pressed=true],.anora-portfolio .portfolio-filter:hover{background:#315219;color:#fff;border-color:#315219}
.anora-portfolio .portfolio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.anora-portfolio .portfolio-card{display:block;padding:0;background:#fff;border:1px solid #e9ebe3;border-radius:17px;overflow:hidden;box-shadow:0 8px 24px #1f37220d;min-width:0}
.anora-portfolio .portfolio-card[hidden]{display:none!important}
.anora-portfolio .portfolio-open{font:inherit;cursor:zoom-in;border:0;padding:0;background:transparent;width:100%;display:block;text-align:left;color:inherit}
.anora-portfolio .portfolio-open:focus-visible,.anora-portfolio .portfolio-filter:focus-visible{outline:3px solid #b3a071;outline-offset:3px}
.anora-portfolio .portfolio-frame{aspect-ratio:3/4;display:block;background:#eceee7;overflow:hidden}
.anora-portfolio .portfolio-frame img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .32s ease}
.anora-portfolio .portfolio-open:hover img{transform:scale(1.045)}
.anora-portfolio .portfolio-card-meta{padding:15px 15px 17px;display:block}
.anora-portfolio .portfolio-card-type{display:block;font-size:10px;font-weight:700;letter-spacing:.17em;text-transform:uppercase;color:#768c73;margin:0 0 6px}
.anora-portfolio .portfolio-card-title{display:block;font-family:Georgia,serif;font-size:21px;line-height:1.2;color:#233e2b}
.anora-portfolio .portfolio-cta{background:#233d2a;border-radius:17px;margin-top:46px;padding:clamp(20px,4vw,40px);color:#fff;display:flex;gap:24px;justify-content:space-between;align-items:center;flex-wrap:wrap}
.anora-portfolio .portfolio-cta h2{margin:0 0 8px;color:#fff;font-family:Georgia,serif;font-size:clamp(23px,3vw,32px);font-weight:400}
.anora-portfolio .portfolio-cta p{color:#e5ebe1;margin:0;line-height:1.5}
.anora-portfolio .portfolio-cta a{min-height:48px;display:inline-flex;align-items:center;background:#e8dfc5;border-radius:8px;padding:12px 22px;text-decoration:none;color:#203923;font-weight:700}
.anora-portfolio .portfolio-dialog{border:0;border-radius:18px;padding:0;max-width:min(980px,96vw);max-height:94vh;overflow:hidden;background:#15251b;color:#fff;box-shadow:0 25px 90px #0007}
.anora-portfolio .portfolio-dialog::backdrop{background:#0b1a13df;backdrop-filter:blur(5px)}
.anora-portfolio .portfolio-dialog-inner{position:relative;display:flex;flex-direction:column;max-height:94vh}
.anora-portfolio .portfolio-dialog img{display:block;max-height:78vh;max-width:min(930px,94vw);width:auto;height:auto;margin:auto;object-fit:contain}
.anora-portfolio .portfolio-dialog-footer{padding:11px 18px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;line-height:1.3}
.anora-portfolio .portfolio-dialog-controls{display:flex;gap:8px;align-items:center}
.anora-portfolio .portfolio-dialog button{border:1px solid #ffffff55;color:#fff;background:#182c20;border-radius:100px;width:42px;height:42px;cursor:pointer;font-size:20px;line-height:1}
.anora-portfolio .portfolio-dialog button:hover{background:#315219}
.anora-portfolio .portfolio-close{position:absolute;z-index:2;right:12px;top:12px}
@media(max-width:1040px){.anora-portfolio .portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:730px){.anora-portfolio{padding-inline:16px}.anora-portfolio .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.anora-portfolio .portfolio-card-meta{padding:11px}.anora-portfolio .portfolio-card-title{font-size:18px}}
@media(max-width:420px){.anora-portfolio .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.anora-portfolio .portfolio-card{border-radius:11px}.anora-portfolio .portfolio-card-meta{padding:10px 9px}.anora-portfolio .portfolio-card-title{font-size:16px}.anora-portfolio .portfolio-filter{padding:9px 13px}}
@media(prefers-reduced-motion:reduce){.anora-portfolio .portfolio-frame img{transition:none}.anora-portfolio .portfolio-open:hover img{transform:none}}