/* AMARANT ATELIER 12 — editorial photo direction */
:root{--photo-ease:cubic-bezier(.22,1,.36,1)}
#portfolio .portfolio-carousel{align-items:stretch;gap:15px;padding:10px 2px 22px;scroll-padding-inline:2px}
#portfolio .portfolio-card{flex:0 0 clamp(255px,29%,365px);border:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;overflow:visible;align-self:stretch}
#portfolio .portfolio-card:nth-child(4n + 2){flex-basis:clamp(285px,37%,450px)}
#portfolio .portfolio-card:nth-child(4n + 4){flex-basis:clamp(245px,27%,340px)}
#portfolio .portfolio-card-photo{height:clamp(295px,34vw,435px)!important;border-radius:22px;isolation:isolate;overflow:hidden;background:#d7d7ca;box-shadow:0 15px 38px #24322512}
#portfolio .portfolio-card:nth-child(4n + 2) .portfolio-card-photo{height:clamp(295px,34vw,435px)!important}
#portfolio .portfolio-card:nth-child(4n + 3) .portfolio-card-photo{height:clamp(295px,34vw,435px)!important}
#portfolio .portfolio-card-photo::after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(0deg,#15271c88,transparent);opacity:.48;z-index:1;pointer-events:none;transition:opacity .55s}
#portfolio .portfolio-card-photo img{transition:transform 1.15s var(--photo-ease),filter .8s;transform:scale(1.005);will-change:transform}
#portfolio .portfolio-card:hover .portfolio-card-photo img{transform:scale(1.065);filter:saturate(1.04)}
#portfolio .portfolio-card:hover .portfolio-card-photo::after{opacity:.82}
#portfolio .portfolio-card-body{padding:14px 4px 0!important;background:transparent!important}
#portfolio .portfolio-card h3{font-family:Georgia,serif;font-size:clamp(20px,2vw,26px)!important;line-height:1.16!important;letter-spacing:-.02em}
#portfolio .portfolio-category{letter-spacing:.16em!important;color:#65725c!important}
#portfolio .portfolio-card-photo .portfolio-detail{right:17px;bottom:17px;transform:translateY(5px);background:#f2eee6ed!important;border:0!important;transition:transform .4s var(--photo-ease),background .3s!important}
#portfolio .portfolio-card:hover .portfolio-detail,#portfolio .portfolio-detail:focus-visible{transform:translateY(0)}
#portfolio .portfolio-toolbar{align-items:end}
#portfolio .portfolio-arrow{background:#e2e5d9!important;border-color:#c4ccbf!important}
/* Three-photo architectural editorial layout */
.unified-photos{display:grid!important;grid-template-columns:1.18fr .78fr .86fr!important;align-items:end!important;gap:14px!important;margin:32px 0 25px!important}
.unified-photos img{width:100%!important;height:clamp(300px,37vw,520px)!important;min-width:0;object-fit:cover!important;border-radius:20px!important;transition:transform .85s var(--photo-ease),filter .65s!important;box-shadow:0 15px 40px #2b35211a}
.unified-photos img:nth-child(2){height:clamp(235px,29vw,410px)!important;align-self:center;transform:translateY(15px)}
.unified-photos img:nth-child(3){height:clamp(265px,32vw,450px)!important;align-self:end}
.unified-photos img:hover{filter:contrast(1.04) saturate(1.05)!important;transform:translateY(-7px)!important}
.unified-photos img:nth-child(2):hover{transform:translateY(5px)!important}
/* details photos and transitions */
.t9-detail-grid article{border-radius:20px!important;overflow:hidden;transition:transform .6s var(--photo-ease),box-shadow .6s!important}
.t9-detail-grid article:hover{transform:translateY(-7px);box-shadow:0 18px 36px #23312218!important}
.t9-detail-grid img{transition:transform 1.1s var(--photo-ease)!important}
.t9-detail-grid article:hover img{transform:scale(1.07)!important}
.atelier-hero-visual{overflow:hidden}.atelier-hero-visual img{transition:transform 1.8s var(--photo-ease)}.atelier-hero-visual:hover img{transform:scale(1.045)}
/* Modal photo transitions, retain actual full gallery and specs */
.project-dialog{border-radius:24px!important;box-shadow:0 35px 110px #14201955!important}
.project-dialog-media>img{transition:opacity .24s ease,transform .5s var(--photo-ease);opacity:1}
.project-dialog-media>img.photo-switching{opacity:.22;transform:scale(.987)}
.project-thumb{transition:transform .25s,opacity .25s}.project-thumb:hover{transform:translateY(-3px)}
.project-dialog-media{position:relative}
.project-gallery-controls{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;color:#51634f;font-size:12px;letter-spacing:.08em}
.project-gallery-controls .gallery-buttons{display:flex;gap:8px}
.project-gallery-controls button{height:37px;width:37px;border-radius:50%;border:1px solid #b7c3b1;background:#fff;color:#354d39;cursor:pointer;font-size:19px;transition:background .2s}
.project-gallery-controls button:hover{background:#dce6d8}
/* viewport entrance, applied only if JS observer supported */
.photo-entrance{opacity:0;transform:translateY(23px);transition:opacity .85s var(--photo-ease),transform .85s var(--photo-ease)}
.photo-entrance.photo-in{opacity:1;transform:translateY(0)}
@media(max-width:800px){.unified-photos{grid-template-columns:1fr 1fr!important;gap:10px!important}.unified-photos img:first-child{grid-row:span 2;height:100%!important;min-height:390px}.unified-photos img:nth-child(2),.unified-photos img:nth-child(3){height:190px!important;transform:none!important}.unified-photos img:hover,.unified-photos img:nth-child(2):hover{transform:none!important}}
@media(max-width:700px){#portfolio .portfolio-carousel{gap:13px}#portfolio .portfolio-card,#portfolio .portfolio-card:nth-child(4n + 2),#portfolio .portfolio-card:nth-child(4n + 4){flex-basis:min(80vw,330px)}#portfolio .portfolio-card-photo,#portfolio .portfolio-card:nth-child(4n + 2) .portfolio-card-photo,#portfolio .portfolio-card:nth-child(4n + 3) .portfolio-card-photo{height:345px!important;border-radius:17px}#portfolio .portfolio-card:nth-child(2n) .portfolio-card-photo{height:300px!important}#portfolio .portfolio-card-body{padding:12px 3px 0!important}.unified-photos{grid-template-columns:1fr 1fr!important}.unified-photos img:first-child{min-height:320px}.unified-photos img:nth-child(2),.unified-photos img:nth-child(3){height:155px!important}.project-dialog{border-radius:16px!important}}
@media(prefers-reduced-motion:reduce){.photo-entrance{opacity:1;transform:none;transition:none}#portfolio .portfolio-card-photo img,.project-dialog-media>img,.unified-photos img,.t9-detail-grid img{transition:none!important}}