.portfolio-preview{display:grid;grid-template-columns:1.25fr .75fr .75fr;gap:18px}.preview-project{position:relative;min-height:430px;border-radius:26px;overflow:hidden;background:var(--ink);box-shadow:var(--shadow)}.preview-project img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.preview-project:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,20,34,.82) 0%,rgba(7,20,34,.35) 22%,rgba(7,20,34,0) 42%)}.preview-project span{position:absolute;z-index:2;left:24px;right:24px;bottom:22px;color:#fff}.preview-project small{display:block;margin-bottom:5px;color:#f1c5b0;font-size:.78rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.preview-project strong{display:block;font-size:1.2rem;line-height:1.25}.preview-project:hover img{transform:scale(1.035)}.portfolio-more{display:flex;justify-content:center;margin-top:34px}.projects{display:grid;gap:34px}.project{display:grid;grid-template-columns:1.1fr .9fr;min-height:460px;overflow:hidden;border-radius:30px;background:#fff;box-shadow:var(--shadow)}.project:nth-child(even){grid-template-columns:.9fr 1.1fr}.project:nth-child(even) .project-gallery{order:2}.project-gallery{display:grid;grid-template-columns:1fr;height:100%;min-height:460px;background:#e8e4dc}.project-gallery.two{grid-template-columns:1.2fr .8fr;gap:4px}.project-gallery img{height:100%;min-height:460px;object-fit:cover}.project-gallery.two img{min-height:460px}.project-copy{display:flex;flex-direction:column;justify-content:center;padding:48px}.project-copy p{color:var(--muted)}.project-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.project-tags span{padding:7px 11px;border-radius:999px;background:var(--paper);color:var(--ink-2);font-size:.82rem;font-weight:750}.projects-intro{max-width:760px}.portfolio-cta{margin-top:42px}.project-anchor{scroll-margin-top:110px}@media(max-width:900px){.portfolio-preview{grid-template-columns:1fr 1fr}.preview-project:first-child{grid-column:1/-1}.project,.project:nth-child(even){grid-template-columns:1fr}.project:nth-child(even) .project-gallery{order:0}.project-gallery,.project-gallery img,.project-gallery.two img{min-height:390px}.project-copy{padding:36px}}@media(max-width:600px){.portfolio-preview{grid-template-columns:1fr}.preview-project:first-child{grid-column:auto}.preview-project{min-height:330px}.project-gallery.two{grid-template-columns:1fr}.project-gallery.two img{min-height:260px;max-height:300px}.project-gallery{min-height:320px}.project-gallery img{min-height:320px}.project-copy{padding:28px}.project{min-height:0}}
.project-gallery.duo{position:relative;display:block;overflow:hidden;min-height:460px}.project-gallery.duo figure{position:absolute;top:0;bottom:0;margin:0;overflow:hidden;cursor:pointer;transition:left .55s ease,width .55s ease,filter .55s ease}.project-gallery.duo img{width:100%;height:100%;min-height:0;object-fit:cover}.project-gallery.duo figure:nth-child(1){left:0;width:80%;z-index:1}.project-gallery.duo figure:nth-child(2){left:calc(80% + 4px);width:calc(20% - 4px);z-index:2;filter:brightness(.8)}.project-gallery.duo:hover figure:nth-child(2),.project-gallery.duo.swap figure:nth-child(2){left:0;width:80%;filter:none}.project-gallery.duo:hover figure:nth-child(1),.project-gallery.duo.swap figure:nth-child(1){left:calc(80% + 4px);width:calc(20% - 4px);filter:brightness(.8)}.project-gallery.duo figcaption{position:absolute;left:12px;bottom:12px;padding:5px 10px;border-radius:999px;background:rgba(7,20,34,.72);color:#fff;font-size:.75rem;font-weight:750;white-space:nowrap;max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;transition:opacity .3s}.project-gallery.duo figure:nth-child(2) figcaption{opacity:0}.project-gallery.duo:hover figure:nth-child(2) figcaption,.project-gallery.duo.swap figure:nth-child(2) figcaption{opacity:1}.project-gallery.duo:hover figure:nth-child(1) figcaption,.project-gallery.duo.swap figure:nth-child(1) figcaption{opacity:0}@media(max-width:900px){.project-gallery.duo{min-height:390px}}@media(max-width:600px){.project-gallery.duo{min-height:300px}}
.project-gallery:has(.mini-amenage){position:relative}.mini-amenage{position:absolute;right:14px;bottom:14px;width:28%;max-width:200px;margin:0;border:3px solid #fff;border-radius:10px;overflow:hidden;box-shadow:0 6px 18px rgba(7,20,34,.35);pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;z-index:2}.mini-amenage img{display:block;width:100%;height:auto;min-height:0!important}.mini-amenage figcaption{position:absolute;left:0;right:0;bottom:0;padding:3px 6px;background:rgba(7,20,34,.7);color:#fff;font-size:.68rem;font-weight:750;text-align:center}
