/* Command OS Studio V19.2 : portfolio editorial. No change to the hero, core scenes or navigation. */
#realisations .projects-gallery{
  display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(22px,3vw,40px);
  isolation:isolate;perspective:1800px;padding:10px 2px 24px;
}
#realisations .project-tile{
  width:100%;min-height:350px;min-width:0;
  display:grid;grid-template-columns:minmax(0,1.72fr) minmax(265px,.85fr);
  align-items:stretch;column-gap:0;gap:0;padding:16px;
  background:linear-gradient(125deg,rgba(44,63,66,.79),rgba(15,30,38,.96) 63%);
  border:1px solid rgba(236,196,164,.32);border-radius:18px;
  box-shadow:0 28px 70px rgba(4,10,15,.29), inset 0 1px 0 rgba(255,235,212,.07);
  overflow:visible;transition:background .35s ease,border-color .35s ease,box-shadow .4s ease;
}
#realisations .project-tile:hover{
  border-color:rgba(241,194,161,.77);
  background:linear-gradient(125deg,rgba(49,67,70,.93),rgba(14,28,35,.98) 65%);
  box-shadow:0 40px 92px rgba(3,9,14,.47),0 0 0 1px rgba(236,191,158,.12),inset 0 1px 0 rgba(255,235,212,.1);
}
#realisations .project-tile:nth-child(2){
  grid-template-columns:minmax(265px,.85fr) minmax(0,1.72fr);
  background:linear-gradient(235deg,rgba(51,64,61,.88),rgba(14,31,39,.96) 66%);
}
#realisations .project-tile:nth-child(2) .project-media{order:2}
#realisations .project-tile:nth-child(2) .project-caption{order:1}
#realisations .projects-gallery .project-media{
  aspect-ratio:2.08;min-width:0;min-height:298px;height:100%;
  display:flex;justify-content:center;align-items:center;
  border-radius:11px;transform:translateZ(26px);
  border:1px solid rgba(247,219,190,.49);
  background:radial-gradient(ellipse 78% 73% at 50% 48%,rgba(103,117,113,.33),transparent 86%),linear-gradient(145deg,#293941,#101b23 75%);
  overflow:hidden;isolation:isolate;
  box-shadow:0 13px 28px rgba(1,10,18,.35),inset 0 0 0 1px rgba(248,230,209,.10);
}
#realisations .projects-gallery .project-media img,
#realisations .projects-gallery .project-tile-carvajal .project-media img{
  display:block;width:100%;height:100%;object-fit:contain;object-position:center;
  transform:none!important;filter:contrast(1.045) saturate(1.045);
  image-rendering:auto;backface-visibility:hidden;
}
#realisations .project-tile-carvajal .project-media{background:#c6d0bd}
#realisations .project-media-index{
  top:15px;left:16px;border:1px solid rgba(247,224,204,.4);
  background:rgba(12,26,32,.71);padding:9px 12px;border-radius:30px;
  font-size:10px;letter-spacing:.11em;backdrop-filter:blur(10px);
}
#realisations .project-media-bottom{display:none}
#realisations .project-preview-action{right:15px;bottom:14px;font-size:9px;padding:12px 17px;letter-spacing:.12em}
#realisations .project-caption{
  position:relative;align-self:stretch;min-width:0;
  display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;gap:32px;
  padding:clamp(27px,3.3vw,55px) clamp(22px,3vw,50px);
  transform:translateZ(36px);overflow:visible;
}
#realisations .project-caption:before{
 content:'';display:block;width:58px;height:2px;background:linear-gradient(90deg,#dba982,rgba(219,169,130,0));
 margin-bottom:auto;flex:0 0 2px;
}
#realisations .project-caption>div{gap:16px}
#realisations .project-caption>div>span{font-size:10px;line-height:1.5;letter-spacing:.15em;color:#e8b49a}
#realisations .project-caption strong{
  font:750 clamp(35px,4.1vw,60px)/.99 var(--sans);
  letter-spacing:-.07em;overflow-wrap:anywhere;
  color:#f7f2e9;
}
#realisations .project-tile-carvajal .project-caption strong{font-size:clamp(34px,3.25vw,50px)}
#realisations .project-caption strong em{font-size:.53em;letter-spacing:-.015em}
#realisations .project-caption small{font:500 clamp(13px,1.2vw,16px)/1.65 var(--sans);color:#b9ccc2;max-width:290px}
#realisations .project-caption-arrow{
  align-self:flex-end;display:grid;place-items:center;
  width:54px;height:54px;flex:0 0 54px;font-size:23px;
  border:1px solid rgba(238,193,159,.64);color:#f4c5a3;
  background:rgba(210,158,130,.065);box-shadow:none;
}
#realisations .project-tile:hover .project-caption-arrow{transform:rotate(45deg);background:#e8b99a;color:#182a32}
#realisations .projects-cursor,#realisations .projects-gallery.cursor-active .projects-cursor{display:none!important;opacity:0!important}
#realisations .project-media:before{background:linear-gradient(0deg,rgba(4,15,20,.26),transparent 18%,transparent 84%,rgba(5,13,20,.1))}
#realisations .project-media:after{background:radial-gradient(ellipse at var(--p-light-x) var(--p-light-y),rgba(240,190,153,.15),transparent 68%);mix-blend-mode:screen}
#realisations .project-tile:hover .project-media{border-color:rgba(246,208,174,.83);box-shadow:0 26px 50px rgba(2,10,16,.55),0 0 22px rgba(204,145,108,.08)}
#realisations .project-tile:focus-visible{outline:3px solid #f5c5a5!important;outline-offset:5px}
@media(max-width:1100px){
 #realisations .project-tile,#realisations .project-tile:nth-child(2){grid-template-columns:minmax(0,1.55fr) minmax(230px,.9fr);min-height:320px}
 #realisations .project-tile:nth-child(2){grid-template-columns:minmax(230px,.9fr) minmax(0,1.55fr)}
 #realisations .project-caption{padding:32px 24px}
 #realisations .project-caption strong{font-size:clamp(31px,3.4vw,46px)}
}
@media(max-width:820px){
 #realisations .projects-gallery{gap:26px}
 #realisations .project-tile,#realisations .project-tile:nth-child(2){grid-template-columns:minmax(0,1fr);min-height:0;padding:11px;gap:0}
 #realisations .project-tile:nth-child(2) .project-media,#realisations .project-tile:nth-child(2) .project-caption{order:initial}
 #realisations .projects-gallery .project-media{height:auto;min-height:0;aspect-ratio:1.98;transform:none;border-radius:9px}
 #realisations .project-caption{padding:26px 18px 19px;min-height:210px;gap:20px;transform:none}
 #realisations .project-caption:before{margin-bottom:8px}
 #realisations .project-caption strong,#realisations .project-tile-carvajal .project-caption strong{font-size:clamp(33px,6vw,49px)}
 #realisations .project-caption small{font-size:13px}
 #realisations .project-caption-arrow{width:42px;height:42px;flex-basis:42px}
}
@media(max-width:520px){
 #realisations .projects-gallery{padding:7px 0 17px;gap:24px}
 #realisations .project-tile,#realisations .project-tile:nth-child(2){padding:8px;border-radius:12px}
 #realisations .projects-gallery .project-media{aspect-ratio:1.82;min-height:0}
 #realisations .project-caption{padding:22px 15px 17px;min-height:185px}
 #realisations .project-caption strong,#realisations .project-tile-carvajal .project-caption strong{font-size:clamp(30px,8vw,40px)}
 #realisations .project-caption>div>span{font-size:9px}
 #realisations .project-caption:before{width:42px}
 #realisations .project-preview-action{opacity:1;transform:none;right:10px;bottom:10px;padding:8px 10px;font-size:8px}
 #realisations .project-media-index{top:10px;left:10px;font-size:9px;padding:7px 10px}
 .project-dialog-main{overflow-y:auto;overscroll-behavior:contain;min-height:0}
 .project-dialog-visual{padding:9px}
 .project-dialog-bottom{flex-shrink:0}
}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){
 #realisations .project-tile{transform:none!important;will-change:auto}
 #realisations .project-caption{transform:none!important}
 #realisations .projects-gallery .project-media{transform:none!important}
}