.atalag-home-portfolio { padding:70px 20px 80px;background:#fff }
.atalag-home-portfolio__inner{width:100%;margin:0 auto}.atalag-home-portfolio h2{margin:0 0 42px;font-family:Verdana,sans-serif;font-size:21px;font-weight:400;color:#333}.atalag-home-portfolio__grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:28px 8px}.atalag-portfolio-card{display:block;width:350px;max-width:100%;color:#333;text-decoration:none;text-align:center}.atalag-portfolio-card__media{width:350px;max-width:100%;height:500px;overflow:hidden;background:#f3f3f3}.atalag-portfolio-card__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.atalag-portfolio-card:hover .atalag-portfolio-card__image{transform:scale(1.015)}.atalag-portfolio-card__title{display:block;padding-top:7px;font-family:Verdana,sans-serif;font-size:13px;line-height:20px;text-transform:uppercase}

/* v0.11.0 Portfolio page: shop-style banner, category rail, category filter and normal image grid. */
.atalag-portfolio-page{font-family:Verdana,Sans-serif;color:#171717;background:#fff}.atalag-portfolio-page button{font:inherit}.atalag-portfolio-hero{height:400px;background:#e9e5df center/cover no-repeat}.atalag-portfolio-cats{height:64px;border-bottom:1px solid #e5e5e5;display:flex;align-items:stretch}.atalag-portfolio-cats__track{display:flex;overflow-x:auto;scrollbar-width:none;flex:1;scroll-snap-type:x proximity}.atalag-portfolio-cats__track::-webkit-scrollbar{display:none}.atalag-portfolio-cats__arrow{width:54px;border:0;background:#fff;font-size:34px;cursor:pointer}.atalag-portfolio-cat{min-width:210px;border:0;border-right:1px solid #eee;background:#fff;padding:10px 20px;cursor:pointer;position:relative;scroll-snap-align:start;display:flex;align-items:center;justify-content:center}.atalag-portfolio-cat span{font-size:13px}.atalag-portfolio-cat.is-active:after{content:"";position:absolute;left:18%;right:18%;bottom:0;height:2px;background:#7f9250}
.atalag-portfolio-body{display:grid;grid-template-columns:270px minmax(0,1fr);gap:30px;max-width:1500px;margin:auto;padding:38px 4% 70px}.atalag-portfolio-filter{border-right:1px solid #eee;padding-right:28px;color:#68645f;font-family:Verdana,Sans-serif}.atalag-portfolio-filter__head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.atalag-portfolio-filter h2{text-transform:uppercase;font-size:13px;margin:0 0 28px;color:#625e59}.atalag-portfolio-filter strong{display:block;font-size:13px;margin:0 0 10px;color:#625e59}.atalag-portfolio-filter-list{display:block}.atalag-portfolio-filter-list--categories{max-height:196px;overflow-y:auto;overscroll-behavior:contain;padding-right:8px;scrollbar-width:thin}.atalag-portfolio-filter-list--categories::-webkit-scrollbar{width:5px}.atalag-portfolio-filter-list--categories::-webkit-scrollbar-thumb{background:#bbb;border-radius:8px}.atalag-portfolio-filter-cat{display:block;width:100%;border:0;background:none;text-align:left;padding:6px 0;cursor:pointer;font-family:Verdana,Sans-serif;font-size:14px;line-height:1.35;color:#68645f}.atalag-portfolio-filter-cat:before{content:"";display:inline-block;width:14px;height:14px;border:1px solid #aaa49e;margin-right:9px;vertical-align:-2px}.atalag-portfolio-filter-cat.is-active:before{background:#7f9250;box-shadow:inset 0 0 0 3px #fff}.atalag-portfolio-filter-cat small{color:#99938d}.atalag-portfolio-filter__toggle{flex:0 0 28px;width:28px;height:28px;padding:0;border:1px solid #d8d4cf;background:#fff;color:#77716b;cursor:pointer;font-size:22px;line-height:1;display:grid;place-items:center;transition:transform .2s ease,background .2s ease}.atalag-portfolio-filter__toggle:hover{background:#f6f5f2}.atalag-portfolio-body.is-filter-collapsed{grid-template-columns:46px minmax(0,1fr)}.atalag-portfolio-body.is-filter-collapsed .atalag-portfolio-filter{padding-right:10px}.atalag-portfolio-body.is-filter-collapsed .atalag-portfolio-filter h2,.atalag-portfolio-body.is-filter-collapsed .atalag-portfolio-filter__content{display:none}.atalag-portfolio-body.is-filter-collapsed .atalag-portfolio-filter__head{justify-content:center}.atalag-portfolio-body.is-filter-collapsed .atalag-portfolio-filter__toggle{transform:rotate(180deg)}
.atalag-portfolio-results__head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.atalag-portfolio-results__head small{font-size:10px;letter-spacing:2px;color:#777}.atalag-portfolio-results__head h1{font-family:Verdana,Sans-serif;font-size:34px;font-weight:400;margin:5px 0 0}.atalag-portfolio-results__head>span{font-size:11px;color:#777}.atalag-portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 18px}.atalag-portfolio-item{min-width:0}.atalag-portfolio-item[hidden]{display:none!important}.atalag-portfolio-item figure{margin:0;background:#f7f7f5;aspect-ratio:4/3;overflow:hidden}.atalag-portfolio-item__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.atalag-portfolio-item:hover .atalag-portfolio-item__image{transform:scale(1.02)}.atalag-portfolio-item h2{font-size:13px;line-height:1.45;margin:10px 0 3px}.atalag-portfolio-item p{font-size:11px;color:#777;margin:0}
@media(max-width:1100px){.atalag-portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.atalag-portfolio-body{grid-template-columns:220px minmax(0,1fr)}.atalag-portfolio-cat{min-width:180px}}
@media(max-width:767px){.atalag-home-portfolio{padding:55px 14px 65px}.atalag-home-portfolio h2{margin-bottom:28px;font-size:19px}.atalag-home-portfolio__grid{gap:20px 8px}.atalag-portfolio-card{width:calc(50% - 4px)}.atalag-portfolio-card__media{width:100%;height:auto;aspect-ratio:7/10}.atalag-portfolio-card__title{font-size:11px}.atalag-portfolio-hero{height:230px}.atalag-portfolio-cats{height:58px}.atalag-portfolio-cats__arrow{width:34px}.atalag-portfolio-cat{min-width:145px;padding:8px}.atalag-portfolio-body{display:block;padding:25px 18px 50px}.atalag-portfolio-filter{border:0;border-bottom:1px solid #eee;padding:0 0 18px;margin-bottom:25px}.atalag-portfolio-filter h2{margin-bottom:12px}.atalag-portfolio-filter-list--categories{max-height:none;overflow:visible;padding-right:0}.atalag-portfolio-filter-cat{display:inline-block;width:auto;margin:0 8px 6px 0;font-size:14px}.atalag-portfolio-filter-cat:before{display:none}.atalag-portfolio-filter-cat.is-active{text-decoration:underline}.atalag-portfolio-body.is-filter-collapsed{display:block}.atalag-portfolio-body.is-filter-collapsed .atalag-portfolio-filter{padding:0 0 12px}.atalag-portfolio-body.is-filter-collapsed .atalag-portfolio-filter__head{justify-content:flex-end}.atalag-portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 10px}.atalag-portfolio-results__head h1{font-size:28px}.atalag-portfolio-item h2{font-size:11px}}
@media(max-width:480px){.atalag-portfolio-grid{grid-template-columns:1fr}.atalag-portfolio-results__head{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.atalag-portfolio-item__image{transition:none}}

/* Homepage portfolio category carousel */
.atalag-home-portfolio__carousel {
	position: relative;
	width: 100%;
}
.atalag-home-portfolio__viewport {
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}
.atalag-home-portfolio__viewport::-webkit-scrollbar { display: none; }
.atalag-home-portfolio__grid {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 8px;
	width: max-content;
}
.atalag-home-portfolio .atalag-portfolio-card {
	flex: 0 0 350px;
	width: 350px;
	max-width: none;
	scroll-snap-align: start;
}
.atalag-home-portfolio__arrow {
	position: absolute;
	top: 250px;
	z-index: 4;
	width: 38px;
	height: 54px;
	padding: 0;
	border: 0;
	background: rgba(255,255,255,.82);
	color: #222;
	font-size: 34px;
	line-height: 1;
	cursor: pointer;
	transform: translateY(-50%);
}
.atalag-home-portfolio__arrow.is-prev { left: 0; }
.atalag-home-portfolio__arrow.is-next { right: 0; }
.atalag-home-portfolio__arrow:disabled { opacity: .25; cursor: default; }

@media (max-width: 767px) {
	.atalag-home-portfolio__grid { gap: 8px; }
	.atalag-home-portfolio .atalag-portfolio-card {
		flex-basis: calc((100vw - 36px) / 2);
		width: calc((100vw - 36px) / 2);
	}
	.atalag-home-portfolio .atalag-portfolio-card__media {
		width: 100%;
		height: auto;
		aspect-ratio: 7 / 10;
	}
	.atalag-home-portfolio__arrow {
		top: calc((((100vw - 36px) / 2) * 10 / 7) / 2);
		width: 32px;
		height: 48px;
		font-size: 30px;
	}
}
@media (prefers-reduced-motion: reduce) {
	.atalag-home-portfolio__viewport { scroll-behavior: auto; }
}

@media (hover: hover) and (pointer: fine) {
	.atalag-home-portfolio__viewport { cursor: grab; }
	.atalag-home-portfolio__viewport.is-dragging {
		cursor: grabbing;
		user-select: none;
	}
	.atalag-home-portfolio__viewport.is-dragging .atalag-portfolio-card {
		pointer-events: none;
	}
}

.atalag-portfolio-filter-group-title{margin-top:26px!important}


/* v0.11.9: portfolio filter typography cascade fix, matching Shop specificity */
.atalag-portfolio-page button.atalag-portfolio-filter-cat {
    font-family: Verdana, Sans-serif;
    font-size: 14px;
    line-height: 1.35;
}

.atalag-portfolio-filter__toggle svg{display:block;width:24px;height:24px;pointer-events:none}


/* v0.11.16: make Portfolio mobile filters behave like Shop mobile filters */
@media(max-width:767px){
	.atalag-portfolio-filter{
		display:block;
	}
	.atalag-portfolio-filter-list--categories{
		max-height:180px;
		overflow-y:auto;
		overscroll-behavior:contain;
		padding-right:8px;
		scrollbar-width:thin;
	}
	.atalag-portfolio-filter-list--categories::-webkit-scrollbar{
		width:5px;
	}
	.atalag-portfolio-filter-list--categories::-webkit-scrollbar-thumb{
		background:#bbb;
		border-radius:8px;
	}
	.atalag-portfolio-page button.atalag-portfolio-filter-cat{
		display:block;
		width:100%;
		margin:0;
		padding:5px 0;
		text-align:left;
		font-family:Verdana,Sans-serif;
		font-size:14px;
		line-height:1.35;
	}
	.atalag-portfolio-filter-cat:before{
		display:inline-block;
	}
	.atalag-portfolio-filter-cat.is-active{
		text-decoration:underline;
	}
	.atalag-portfolio-filter-group-title{
		margin-top:26px!important;
	}
}