.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=".svg"]{width:48px}.elementor-widget-image img{display:inline-block;vertical-align:middle}@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Playfair+Display:wght@400;600&display=swap");
:root {
--am-bg        : #ffffff;
--am-text      : #1A1A1A;
--am-muted     : #777777;
--am-light     : #AAAAAA;
--am-border    : #E8E8E4;
--am-accent    : #FD6C30;
--f-serif      : "Playfair Display", "Didot", "Georgia", serif;
--f-sans       : "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.atas-portfolio {
font-family : var(--f-sans);
color       : var(--am-text);
background  : var(--am-bg);
width       : 100%;
padding     : 60px 0 100px;
}
.atas-portfolio *,
.atas-portfolio *::before,
.atas-portfolio *::after { box-sizing: border-box; }
.atas-filter-nav {
display         : flex;
align-items     : center;
justify-content : center;
flex-wrap       : wrap;
gap             : 0 32px;
padding         : 0 32px 48px;
}
@media (max-width: 767px) {
.atas-filter-nav {
justify-content : flex-start;
flex-wrap       : nowrap;
gap             : 0 22px;
padding         : 0 24px 36px;
overflow-x      : auto;
overflow-y      : hidden;
-webkit-overflow-scrolling : touch;
overscroll-behavior-x      : contain;
scroll-snap-type           : x proximity;
scroll-padding-inline      : 24px;
scrollbar-width            : none;
-ms-overflow-style         : none;
}
.atas-filter-nav::-webkit-scrollbar {
display : none;
width   : 0;
height  : 0;
}
.atas-filter-btn {
scroll-snap-align : start;
}
.atas-filter-bar--expanded .atas-filter-nav {
flex-wrap              : wrap;
justify-content        : center;
row-gap                : 14px;
column-gap             : 22px;
overflow-x             : visible;
overflow-y             : visible;
-webkit-overflow-scrolling : auto;
overscroll-behavior-x  : auto;
scroll-snap-type       : none;
scroll-padding-inline  : 0;
scrollbar-width        : auto;
-ms-overflow-style     : auto;
padding-bottom         : 28px;
}
.atas-filter-bar--expanded .atas-filter-nav::-webkit-scrollbar {
display : none;
width   : 0;
height  : 0;
}
.atas-filter-bar--expanded .atas-filter-btn {
scroll-snap-align : none;
}
}
@media (max-width: 600px) {
.atas-filter-nav {
padding            : 0 20px 32px;
scroll-padding-inline : 20px;
}
}
.atas-filter-btn {
position       : relative;
display        : inline-flex;
align-items    : center;
flex-shrink    : 0;
background     : transparent;
border         : none;
cursor         : pointer;
font-family    : var(--f-sans);
font-size      : 11px;
font-weight    : 400;
letter-spacing : 0.14em;
text-transform : uppercase;
color          : var(--am-muted);
padding        : 6px 0 5px;
transition     : color 0.25s;
}
.atas-filter-btn::after {
content          : '';
position         : absolute;
bottom           : 0;
left             : 0;
width            : 100%;
height           : 1px;
background       : var(--am-text);
transform        : scaleX(0);
transform-origin : right;
transition       : transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}
.atas-filter-btn:hover           { color: var(--am-text); }
.atas-filter-btn--tumu {
text-transform: none;
letter-spacing: 0.1em;
}
.atas-filter-btn--active         { color: var(--am-text); font-weight: 600; }
.atas-filter-btn--active::after  { transform: scaleX(1); transform-origin: left; }
.atas-filter-expand {
display : none;
}
@media (max-width: 767px) {
.atas-filter-expand {
display    : block;
text-align : center;
padding    : 0 24px 32px;
margin-top : -8px;
}
}
@media (max-width: 600px) {
.atas-filter-expand {
padding-inline : 20px;
}
}
.atas-filter-expand-toggle {
display     : block;
width       : 100%;
margin      : 0 auto;
padding     : 0;
background  : transparent;
border      : none;
cursor      : pointer;
font-family : var(--f-sans);
text-align  : center;
max-width   : 22rem;
}
.atas-filter-expand-toggle__action {
display        : inline-block;
font-size      : 11px;
font-weight    : 400;
letter-spacing : 0.12em;
text-transform : uppercase;
color          : var(--am-text);
border-bottom  : 1px solid var(--am-muted);
padding        : 0 2px 5px;
transition     : border-color 0.25s, color 0.25s;
}
.atas-filter-expand-toggle:hover .atas-filter-expand-toggle__action,
.atas-filter-expand-toggle:focus-visible .atas-filter-expand-toggle__action {
border-color : var(--am-text);
}
.atas-filter-expand-toggle:focus {
outline : none;
}
.atas-filter-expand-toggle:focus-visible {
outline        : 2px solid var(--am-text);
outline-offset : 4px;
border-radius  : 2px;
}
.atas-grid {
display               : grid;
grid-template-columns : repeat(3, 1fr);
column-gap            : 24px;
row-gap               : 56px;
width                 : 100%;
max-width             : 1280px;
margin                : 0 auto;
padding               : 0 32px;
}
@media (max-width: 960px) { .atas-grid { grid-template-columns: repeat(2,1fr); row-gap: 48px; } }
@media (max-width: 600px) { .atas-grid { grid-template-columns: 1fr; padding: 0 20px; } }
.atas-no-projects {
grid-column : 1 / -1;
text-align  : center;
font-family : var(--f-serif);
font-style  : italic;
color       : var(--am-light);
font-size   : 18px;
padding     : 80px 0;
}
.atas-project-card {
display        : flex;
flex-direction : column;
cursor         : pointer;
outline        : none;
width          : 100%;
min-height     : 0;
}
.atas-portfolio .atas-project-card__image-wrap {
position      : relative;
display       : block;
width         : 100%;
overflow      : hidden;
background    : #E8E7E3;
margin-bottom : 18px;
flex-shrink   : 0;
aspect-ratio    : 4 / 5;
}
@supports not (aspect-ratio: 1) {
.atas-portfolio .atas-project-card__image-wrap {
height       : 0;
padding-top  : 125%;
aspect-ratio : unset;
}
}
.atas-portfolio .atas-project-card__image {
position        : absolute;
top             : 0;
left            : 0;
width           : 100%;
height          : 100%;
max-width       : none;
max-height      : none;
object-fit      : cover;
object-position : center;
display         : block;
transition      : transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}
.atas-portfolio .atas-project-card:hover .atas-project-card__image {
transform: scale(1.05);
}
.atas-portfolio .atas-project-card__cover-video {
position        : absolute;
top             : 0;
left            : 0;
width           : 100%;
height          : 100%;
max-width       : none;
max-height      : none;
object-fit      : cover;
object-position : center;
display         : block;
pointer-events  : none;
background      : #1a1a1a;
transition      : transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}
.atas-portfolio .atas-project-card:hover .atas-project-card__cover-video {
transform: scale(1.05);
}
.atas-portfolio .atas-project-card__placeholder {
position        : absolute;
top             : 0;
right           : 0;
bottom          : 0;
left            : 0;
display         : flex;
align-items     : center;
justify-content : center;
color           : #C8C7C3;
}
.atas-portfolio .atas-project-card__placeholder .dashicons { font-size: 36px; }
.atas-project-card__meta {
display        : flex;
flex-direction : column;
padding        : 0;
}
.atas-project-card__country-head {
font-family    : var(--f-serif);
font-size      : clamp(1.35rem, 2.2vw + 0.5rem, 1.85rem);
font-weight    : 400;
color          : var(--am-text);
margin         : 0 0 8px;
line-height    : 1.12;
letter-spacing : 0.08em;
text-transform : uppercase;
}
.atas-project-card__venue {
font-family    : var(--f-sans);
font-size      : 12px;
font-weight    : 400;
color          : var(--am-muted);
margin         : 0 0 12px;
line-height    : 1.45;
letter-spacing : 0.01em;
}
.atas-project-card__venue--solo {
font-family    : var(--f-serif);
font-size      : clamp(1.25rem, 2vw + 0.5rem, 1.65rem);
font-weight    : 400;
color          : var(--am-text);
margin         : 0 0 12px;
line-height    : 1.15;
letter-spacing : -0.01em;
text-transform : none;
}
.atas-project-card__instagram {
display         : inline-flex;
align-items     : center;
gap             : 6px;
font-size       : 11px;
color           : var(--am-light);
text-decoration : none;
transition      : color 0.2s;
}
.atas-project-card__instagram:hover { color: var(--am-text); }
@keyframes atas-card-in {
from { opacity: 0; transform: translateY(16px); }
to   { opacity: 1; transform: translateY(0); }
}
.atas-project-card--new { animation: atas-card-in 0.7s cubic-bezier(0.25,1,0.5,1) both; }
.atas-load-more-wrap { text-align: center; margin-top: 72px; }
.atas-load-more-btn {
background     : transparent;
border         : none;
border-bottom  : 1px solid var(--am-muted);
color          : var(--am-text);
font-family    : var(--f-sans);
font-size      : 11px;
font-weight    : 400;
letter-spacing : 0.12em;
text-transform : uppercase;
padding        : 0 0 5px;
cursor         : pointer;
transition     : border-color 0.25s;
}
.atas-load-more-btn:hover    { border-color: var(--am-text); }
.atas-load-more-btn:disabled { opacity: 0.4; cursor: not-allowed; }
#atas-lightbox.atas-lightbox {
position       : fixed !important;
top            : 0    !important;
left           : 0    !important;
right          : 0    !important;
bottom         : 0    !important;
width          : 100% !important;
height         : 100% !important;
z-index        : 2147483647 !important; 
pointer-events : none;
opacity        : 0;
transition     : opacity 0.35s ease;
isolation      : isolate;
transform      : none !important;
will-change    : opacity;
}
#atas-lightbox.atas-lightbox--open {
pointer-events : all !important;
opacity        : 1  !important;
}
.atas-lightbox__backdrop {
position   : absolute;
inset      : 0;
background : rgba(8, 8, 8, 0.97);
cursor     : default;
}
.atas-lightbox__shell {
position       : absolute;
inset          : 0;
display        : flex;
flex-direction : column;
pointer-events : none;
}
.atas-lightbox.atas-lightbox--open .atas-lightbox__shell {
pointer-events : all;
}
.atas-lightbox__stage {
position : relative;
flex     : 1;
display  : flex;
align-items     : center;
justify-content : center;
overflow        : hidden;
padding         : 56px 80px 20px;
}
@media (max-width: 640px) {
.atas-lightbox__stage { padding: 56px 44px 16px; }
}
.atas-lightbox__close {
position    : absolute;
top         : 20px;
right       : 28px;
z-index     : 50;
background  : transparent;
border      : none;
color       : rgba(255,255,255,0.65);
font-size   : 30px;
font-weight : 300;
line-height : 1;
cursor      : pointer;
padding     : 8px 10px;
transition  : color 0.2s, transform 0.35s;
}
.atas-lightbox__close:hover { color: #fff; transform: rotate(90deg); }
.atas-lightbox__slides {
width           : 100%;
height          : 100%;
position        : relative;
display         : flex;
align-items     : center;
justify-content : center;
overflow        : hidden;
}
.atas-lightbox__slide {
position        : absolute;
inset           : 0;
display         : flex;
align-items     : center;
justify-content : center;
margin          : 0;
padding         : 0;
opacity         : 0;
z-index         : 0;
pointer-events  : none;
}
.atas-lightbox__slide--active {
opacity        : 1;
z-index        : 1;
pointer-events : auto;
}
.atas-lightbox__slide img,
.atas-lightbox__slide .atas-lightbox__img {
display    : block;
max-width  : 100%;
max-height : 100%;
width      : auto;
height     : auto;
object-fit : contain;
}
.atas-lightbox__empty-msg {
margin     : 0;
padding    : 24px;
text-align : center;
color      : rgba(255, 255, 255, 0.5);
font-size  : 14px;
}
.atas-lightbox__video-wrap {
max-width  : 100%;
max-height : 100%;
display    : flex;
align-items: center;
justify-content: center;
}
.atas-lightbox__video {
display    : block;
max-width  : 100%;
max-height : min(72vh, 100%);
width      : auto;
height     : auto;
background : #000;
outline    : none;
}
.atas-lightbox__nav {
position    : absolute;
top         : 50%;
transform   : translateY(-50%);
z-index     : 30;
background  : transparent;
border      : none;
color       : rgba(255,255,255,0.45);
font-size   : 56px;
font-weight : 200;
line-height : 1;
cursor      : pointer;
padding     : 20px 18px;
transition  : color 0.2s, transform 0.3s;
display     : flex;
align-items : center;
user-select : none;
}
.atas-lightbox__nav:hover          { color: #fff; }
.atas-lightbox__nav--prev          { left: 0; }
.atas-lightbox__nav--prev:hover    { transform: translate(-6px, -50%); }
.atas-lightbox__nav--next          { right: 0; }
.atas-lightbox__nav--next:hover    { transform: translate(6px, -50%); }
.atas-lightbox__nav:disabled       { opacity: 0; pointer-events: none; }
.atas-lightbox__dots {
position        : absolute;
bottom          : 4px;
left            : 0;
width           : 100%;
display         : flex;
justify-content : center;
gap             : 7px;
z-index         : 10;
}
.atas-lb-dot {
width         : 6px;
height        : 6px;
border-radius : 50%;
background    : rgba(255,255,255,0.32);
border        : none;
padding       : 0;
cursor        : pointer;
opacity       : 0.55;
}
.atas-lb-dot:hover { opacity: 0.9; }
.atas-lb-dot--active {
background : #fff;
opacity    : 1;
}
.atas-lightbox__panel {
background  : #F8F8F6;  
flex-shrink : 0;
position    : relative;
z-index     : 10;
}
.atas-lightbox__panel-inner {
display     : flex;
align-items : flex-start;
gap         : 60px;
max-width   : 1280px;
margin      : 0 auto;
padding     : 34px 60px 44px;
}
@media (max-width: 768px) {
.atas-lightbox__panel-inner {
flex-direction : column;
gap            : 20px;
padding        : 28px 24px 36px;
}
}
.atas-lightbox__panel-left {
flex      : 0 0 auto;
min-width : 220px;
max-width : 400px;
}
.atas-lightbox__title {
font-family    : var(--f-serif);
font-size      : clamp(1.75rem, 2.8vw, 2.5rem);
font-weight    : 400;
color          : var(--am-text);
margin         : 0 0 10px;
line-height    : 1.1;
letter-spacing : -0.01em;
}
.atas-lightbox__meta-row { margin-bottom: 14px; }
.atas-lightbox__country {
font-family    : var(--f-sans);
font-size      : 11px;
font-weight    : 500;
letter-spacing : 0.2em;
color          : var(--am-muted);
text-transform : uppercase;
display        : block;
}
.atas-lightbox__instagram {
display         : inline-flex;
align-items     : center;
gap             : 7px;
font-size       : 12px;
color           : var(--am-muted);
text-decoration : none;
transition      : color 0.2s;
}
.atas-lightbox__instagram:hover { color: var(--am-text); }
.atas-lightbox__panel-right {
flex        : 1;
padding-top : 6px;
}
.atas-lightbox__description {
font-family : var(--f-sans);
font-size   : 14px;
line-height : 1.8;
color       : var(--am-muted);
margin      : 0;
max-width   : 560px;
}
.atas-grid--loading .atas-project-card {
opacity        : 0.35;
pointer-events : none;
}
body.atas-lightbox-active { overflow: hidden !important; }