#af-portfolio .pm-view{display:flex;align-self:end;border:1px solid #c9bca6;padding:4px;gap:4px;width:max-content;max-width:100%}
#af-portfolio .pm-view button,#af-portfolio .pm-regions button{font:inherit;font-size:14px;color:#635842;background:transparent;border:0;min-height:44px;padding:10px 20px;cursor:pointer}
#af-portfolio .pm-view button[aria-pressed=true]{background:#373321;color:#f5f1e9}
#af-portfolio #afpf-tools{flex-wrap:wrap}
#af-portfolio .pm-panel[hidden],#af-portfolio .st-grid[hidden],#af-portfolio [data-portfolio-view=map] .st-more{display:none!important}
#af-portfolio .pm-panel{border:1px solid #cfc2ad;background:#faf7f0;margin-top:16px}
#af-portfolio .pm-heading{display:flex;gap:24px;justify-content:space-between;align-items:end;padding:32px 34px;border-bottom:1px solid #d8cebd}
#af-portfolio .pm-heading h3{font-size:clamp(25px,3vw,38px);font-weight:400;margin:4px 0 10px;letter-spacing:-.03em;line-height:1.2}
#af-portfolio .pm-heading p:not(.pm-kicker){font-size:15px;color:#736957;line-height:1.6;margin:0;max-width:530px}
#af-portfolio .pm-kicker{font-size:10px!important;letter-spacing:.13em;text-transform:uppercase;color:#806743;margin:0;line-height:1.7}
#af-portfolio .pm-regions{display:flex;flex-shrink:0;border-bottom:1px solid #c6b797}
#af-portfolio .pm-regions button{padding-inline:13px;border-bottom:2px solid transparent}
#af-portfolio .pm-regions button[aria-pressed=true]{border-bottom-color:#796443;color:#373321}
#af-portfolio .pm-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr)}
#af-portfolio .pm-map-column{min-width:0;display:flex;flex-direction:column}
#af-portfolio .pm-canvas{position:relative;height:510px;overflow:hidden;touch-action:pan-x pan-y;background:radial-gradient(ellipse at 42% 46%,#f8f3e8,#eae3d5);cursor:grab;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
#af-portfolio .pm-canvas:active{cursor:grabbing}
#af-portfolio .pm-drawing{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#af-portfolio .pm-country{fill:#f5f0e5;stroke:#b4a182;stroke-width:1;stroke-linejoin:round}
#af-portfolio .pm-home-country{fill:#eae0ca;stroke:#947c56;stroke-width:1.35}
#af-portfolio .pm-pins{position:absolute;inset:0;pointer-events:none}
#af-portfolio .pm-pin{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;display:grid;place-items:center;border:1px solid #aa9570;border-radius:50%;background:#f8f4ea;color:#54482f;box-shadow:0 2px 8px #50442b18;font-family:inherit;font-size:15px;font-weight:600;line-height:1;cursor:pointer;pointer-events:auto;transition:background .15s,color .15s}
#af-portfolio .pm-pin:hover,#af-portfolio .pm-pin[aria-pressed=true]{background:#514b32;color:#fff9ed;border-color:#514b32}
#af-portfolio .pm-single-dot{width:7px;height:7px;border-radius:50%;background:currentColor}
#af-portfolio .pm-zoom{position:absolute;left:18px;bottom:18px;display:flex;align-items:center;gap:1px;background:#cfc2ad;border:1px solid #cfc2ad;box-shadow:0 2px 8px #50442b0d}
#af-portfolio .pm-zoom button{background:#faf7ef;border:0;color:#54482f;min-height:44px;min-width:44px;font:inherit;font-size:22px;cursor:pointer;padding:6px 10px}
#af-portfolio .pm-zoom [data-pm-reset]{font-size:12px;padding-inline:14px}
#af-portfolio .pm-zoom button:disabled{opacity:.45;cursor:default}
#af-portfolio .pm-map-state{position:absolute;top:20px;left:24px;right:24px;font-size:15px;padding:18px;background:#faf7efe8;line-height:1.5;color:#5b503c}
#af-portfolio .pm-map-foot{margin-top:auto;padding:16px 22px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;border-top:1px solid #d8cebd}
#af-portfolio .pm-map-foot p,#af-portfolio .pm-map-foot small{font-size:11px;color:#786e5c;margin:0;line-height:1.6}
#af-portfolio .pm-map-foot a{color:inherit;text-decoration:underline;text-underline-offset:3px}
#af-portfolio .pm-detail{min-width:0;border-left:1px solid #d8cebd;background:#fffdf8;padding:24px}
#af-portfolio .pm-selection{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:16px;font-size:13px;color:#76664d}
#af-portfolio .pm-selection p{margin:0;font-size:11px;letter-spacing:.1em;text-transform:uppercase}
#af-portfolio .pm-selection strong{font-weight:400}
#af-portfolio .pm-project-picker{display:block;font-size:12px;color:#736957;margin-bottom:18px}
#af-portfolio .pm-project-picker select{display:block;width:100%;min-height:44px;background:#faf7ef;color:#373321;border:1px solid #d1c3ac;font:inherit;font-size:14px;padding:10px;margin-top:6px}
#af-portfolio .pm-photo{position:relative;aspect-ratio:16/10;overflow:hidden;background:#e9e1d2}
#af-portfolio .pm-photo img{display:block;width:100%;height:100%;object-fit:cover}
#af-portfolio .pm-photo>a{display:block;height:100%}
#af-portfolio .pm-save{position:absolute;right:10px;top:10px;width:44px;height:44px;display:grid;place-items:center;border:1px solid #d6c7ac;background:#fffcf2eb;color:#514831;cursor:pointer}
#af-portfolio .pm-save svg{fill:none;stroke:currentColor;stroke-width:1.5}
#af-portfolio .pm-save[aria-pressed=true] svg{fill:currentColor}
#af-portfolio .pm-copy{padding-top:22px}
#af-portfolio .pm-copy .pm-kicker span{margin-inline:7px}
#af-portfolio .pm-copy h4,#af-portfolio .pm-empty h4{font:400 clamp(24px,2vw,30px)/1.2 af-portfolio,sans-serif;letter-spacing:-.025em;margin:9px 0 14px;color:#373321}
#af-portfolio .pm-copy>p:not(.pm-kicker),#af-portfolio .pm-empty>p:not(.pm-kicker){font-size:15px;color:#706654;line-height:1.65;margin:0}
#af-portfolio .pm-open{display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:48px;border:0;border-bottom:1px solid #af9973;font:inherit;font-size:15px;text-decoration:none;color:#493d29;background:transparent;padding:12px 0;margin-top:20px;width:100%;cursor:pointer;text-align:left}
#af-portfolio .pm-next{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #e3dacb;margin-top:20px;padding-top:12px}
#af-portfolio .pm-next span{font-size:12px;color:#81735c}
#af-portfolio .pm-next button{width:44px;height:44px;border:1px solid #d1c3ac;background:#faf7ef;color:#51442f;font:inherit;cursor:pointer}
#af-portfolio .pm-empty{padding:28px 0}
#af-portfolio :is(.pm-view,.pm-panel) :is(button,a,select):focus-visible,#af-portfolio .pm-canvas:focus-visible{outline:2px solid #766139;outline-offset:3px}
@media(max-width:1100px){#af-portfolio .pm-layout{grid-template-columns:minmax(0,1.1fr) minmax(260px,1fr)}#af-portfolio .pm-heading{padding:24px;align-items:start;flex-direction:column}#af-portfolio .pm-canvas{height:460px}}
@media(max-width:900px){#af-portfolio .pm-layout{grid-template-columns:1fr}#af-portfolio .pm-detail{border-left:0;border-top:1px solid #d8cebd}#af-portfolio .pm-canvas{height:400px}#af-portfolio .pm-detail .pm-photo{aspect-ratio:16/9}#af-portfolio .pm-detail{scroll-margin-top:100px}}
@media(max-width:480px){#af-portfolio .pm-heading{padding:22px 18px;gap:18px}#af-portfolio .pm-heading h3{font-size:28px}#af-portfolio .pm-view{width:100%}#af-portfolio .pm-view button{flex:1}#af-portfolio .pm-canvas{height:340px}#af-portfolio .pm-detail{padding:18px}#af-portfolio .pm-map-foot{padding:14px 18px}#af-portfolio .pm-zoom{left:12px;bottom:12px}#af-portfolio .pm-next span{font-size:11px}}
@media(prefers-reduced-motion:reduce){#af-portfolio .pm-panel *{transition:none!important;scroll-behavior:auto!important}}

@media(max-width:700px){#af-portfolio .pm-view{margin-top:20px}}
@media(min-width:901px){#af-portfolio .pm-canvas{flex:1;min-height:510px}}

#af-portfolio .pm-panel{scroll-margin-top:110px}
#af-portfolio .pm-announcement{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#af-portfolio .pm-map-state{top:70px;pointer-events:none}
#af-portfolio .pm-labels{position:absolute;inset:0;pointer-events:none}
#af-portfolio .pm-place-label{position:absolute;max-width:145px;padding:3px 6px;background:#f8f3e8e8;border-radius:3px;font:400 12px/1.25 af-portfolio,sans-serif;color:#635236;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#af-portfolio .pm-back{position:absolute;top:14px;left:14px;border:1px solid #cabcaa;background:#faf7f0;color:#54482f;padding:10px 13px;min-height:44px;font:inherit;font-size:12px;cursor:pointer}
#af-portfolio .pm-back[hidden]{display:none}
#af-portfolio .pm-selection{align-items:start}
#af-portfolio .pm-selection strong{text-align:right;font-size:13px;max-width:65%}
#af-portfolio .pm-gallery-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#73644c;font-size:12px;margin-bottom:10px}
#af-portfolio .pm-gallery-nav>div{display:flex;gap:5px}
#af-portfolio .pm-gallery-nav button{width:36px;min-height:44px;border:1px solid #d1c3ac;background:transparent;font:inherit;color:inherit;cursor:pointer}
#af-portfolio .pm-thumbnails{position:relative;display:flex;gap:10px;overflow-x:auto;padding:3px 2px 12px;margin-bottom:20px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#ad9976 transparent}
#af-portfolio .pm-thumb{flex:0 0 138px;width:138px;min-width:0;padding:5px;border:1px solid #d9cdbb;background:#faf7f0;color:#55472f;cursor:pointer;text-align:left;font:inherit;scroll-snap-align:start}
#af-portfolio .pm-thumb[aria-pressed=true]{border-color:#665534;background:#eee5d4;box-shadow:inset 0 0 0 1px #665534}
#af-portfolio .pm-thumb img{display:block;width:100%;height:84px;object-fit:cover}
#af-portfolio .pm-thumb span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35;font-size:12px;padding:8px 3px 3px;min-height:35px}
#af-portfolio .pm-follow{margin-top:22px;padding-top:18px;border-top:1px solid #e1d8c8}
#af-portfolio .pm-follow>a{font-size:14px;line-height:1.6;color:#75684f;text-decoration:none;display:block;padding-block:4px}
#af-portfolio .pm-follow>a span{display:block;color:#4c402c;text-decoration:underline;text-underline-offset:4px}
#af-portfolio [data-pm-share]{margin-top:12px;padding:8px 0;min-height:44px;border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;font:inherit;font-size:12px;color:#7e6e53;cursor:pointer}
#af-portfolio .pm-share-state{font-size:12px;line-height:1.5;color:#706047;margin:0}
#af-portfolio .pm-share-state input{box-sizing:border-box;width:100%;min-height:44px;padding:8px;border:1px solid #cbbb9f;background:#fffdf8;color:#514630;font:inherit;margin-top:8px}
#af-portfolio .st-card>a.pm-card-map{display:inline-flex;align-items:center;min-height:44px;padding:10px 0 0;margin-top:6px;color:#816a47;font:400 13px/1.4 af-portfolio,sans-serif;text-decoration:underline;text-underline-offset:4px}
#af-portfolio .pm-copy h4:focus-visible{outline:2px solid #927849;outline-offset:5px}
@media(max-width:480px){#af-portfolio .pm-thumb{flex-basis:125px;width:125px}#af-portfolio .pm-place-label{font-size:11px;max-width:132px}#af-portfolio .pm-canvas{height:380px}}
@media(min-width:901px){#af-portfolio .pm-layout{align-items:start}#af-portfolio .pm-map-column{position:sticky;top:110px}#af-portfolio .pm-canvas{flex:none;min-height:0;height:clamp(460px,58vh,660px)}}

#af-portfolio .pm-canvas *{user-select:none;-webkit-user-select:none}
#af-portfolio .pm-drawing{transform-origin:0 0;overflow:visible}
#af-portfolio .pm-moving .pm-drawing,#af-portfolio .pm-moving .pm-pin,#af-portfolio .pm-moving .pm-place-label{will-change:transform}
#af-portfolio .pm-dragging,#af-portfolio .pm-dragging *{cursor:grabbing!important}
