/* Command OS Studio V19.7 — architectural depth; approved screenshots remain unmodified. */
/* One existing inertial interaction engine (V19.5); this sheet enhances its visual output. */
#realisations .projects-gallery{
  perspective:1700px;
  perspective-origin:50% 43%;
  transform-style:preserve-3d;
  background:
    radial-gradient(ellipse 57% 14% at 50% 32%,rgba(135,198,197,.055),transparent 78%),
    radial-gradient(ellipse 58% 14% at 50% 75%,rgba(236,186,142,.047),transparent 80%);
}
#realisations .project-tile{
  --cos-stroke:rgba(236,201,170,.46);
  --cos-rail:rgba(231,191,158,.64);
  isolation:isolate;
  border-color:var(--cos-stroke);
  background:
    radial-gradient(ellipse 80% 115% at 98% -21%,rgba(203,158,136,.135),transparent 72%),
    linear-gradient(126deg,rgba(44,73,79,.98),rgba(14,32,42,.99) 57%,#0b2029);
  box-shadow:
    0 2px 0 rgba(255,227,196,.045),
    0 15px 0 -11px rgba(5,18,26,.75),
    0 29px 26px -20px rgba(2,12,19,.78),
    0 45px 78px rgba(1,10,17,.40),
    inset 0 1px 0 rgba(255,244,218,.23),
    inset 0 0 0 1px rgba(237,197,161,.055);
  transition:border-color .42s ease,box-shadow .42s ease,background-color .42s ease;
}
#realisations .project-tile::before{
  content:"";
  position:absolute;
  inset:0;
  width:auto;height:auto;top:0;left:0;
  z-index:0;
  border-radius:inherit;
  background:
    linear-gradient(125deg,rgba(255,238,209,.105),transparent 16%,transparent 78%,rgba(232,188,153,.055)),
    linear-gradient(90deg,transparent 0 4.6%,rgba(233,206,177,.085) 4.65%,transparent 4.8%,transparent 94%,rgba(239,204,178,.055) 94.2%,transparent 94.4%),
    radial-gradient(ellipse 58% 105% at 3% 50%,rgba(91,164,176,.15),transparent 81%);
  transform:translate3d(calc(var(--p-inset-x,0px) * -.15),calc(var(--p-inset-y,0px) * -.15),0);
  opacity:1;filter:none;
  pointer-events:none;
}
#realisations .project-tile::after{
  content:"";position:absolute;
  inset:0;top:0;right:0;bottom:0;left:0;width:auto;height:auto;
  z-index:1;border-radius:inherit;
  background:
    radial-gradient(ellipse 52% 95% at var(--p-light-x,50%) var(--p-light-y,50%),rgba(251,212,178,.13),transparent 76%);
  opacity:calc(.28 + var(--p-aura,0) * .66);
  transform:none;filter:none;mix-blend-mode:screen;pointer-events:none;
}
#realisations .project-tile:first-child{
  --cos-stroke:rgba(247,212,181,.61);
  min-height:clamp(370px,30vw,460px);
  background:
    radial-gradient(ellipse 65% 130% at 95% -6%,rgba(231,185,148,.21),transparent 79%),
    radial-gradient(ellipse 110% 100% at -20% 130%,rgba(80,150,158,.16),transparent 80%),
    linear-gradient(123deg,#2c4a51 0%,#183540 43%,#0a1b27 100%);
  box-shadow:
    0 2px 0 rgba(255,227,196,.08),
    0 18px 0 -13px rgba(4,17,25,.82),
    0 36px 34px -23px rgba(1,10,18,.78),
    0 53px 98px rgba(1,10,17,.47),
    inset 0 1px 0 rgba(255,247,228,.27),
    inset 0 0 0 1px rgba(247,215,184,.085);
}
#realisations .project-tile:nth-child(2){
  background:
    radial-gradient(ellipse 70% 100% at 2% 0%,rgba(206,175,147,.13),transparent 80%),
    linear-gradient(231deg,#314348 0%,#1a303b 47%,#0a2029 100%);
}
#realisations .project-tile:nth-child(3){
  background:
    radial-gradient(ellipse 70% 105% at 102% 0%,rgba(115,165,174,.16),transparent 81%),
    linear-gradient(128deg,#25414b 0%,#132d39 50%,#091d27 100%);
}
#realisations .projects-gallery .project-media{
  position:relative;
  z-index:2;
  transform:translateZ(40px);
  border:1px solid rgba(250,224,196,.74);
  box-shadow:
    0 2px 1px rgba(255,245,221,.15),
    0 9px 0 -6px rgba(6,20,27,.83),
    0 23px 32px -18px rgba(0,10,19,.83),
    0 30px 54px rgba(0,10,18,.37),
    0 0 0 1px rgba(252,239,221,.08);
  backface-visibility:hidden;
  transition:border-color .35s ease,box-shadow .45s ease;
}
#realisations .project-tile:first-child .project-media{
  transform:translateZ(52px);
  box-shadow:0 2px 1px rgba(255,245,221,.18),0 11px 0 -7px rgba(5,17,26,.9),0 26px 37px -18px rgba(0,10,19,.81),0 32px 68px rgba(0,10,17,.46);
}
#realisations .projects-gallery .project-media img,
#realisations .projects-gallery .project-tile-carvajal .project-media img{
  width:100%;height:100%;object-fit:contain!important;object-position:center center!important;
  transform:none!important;filter:none!important;image-rendering:auto;
}
#realisations .project-caption{
  position:relative;
  z-index:2;
  transform:translateZ(56px);
  background:
    linear-gradient(90deg,rgba(250,227,197,.06),transparent 1px) 0 0/42px 42px,
    linear-gradient(rgba(250,227,197,.045),transparent 1px) 0 0/42px 42px;
  background-repeat:repeat;
}
#realisations .project-caption::after{
  content:"";position:absolute;top:calc(50% - 35px);right:0;width:1px;height:70px;
  background:linear-gradient(transparent,var(--cos-rail),transparent);
  pointer-events:none;opacity:.6;
}
#realisations .project-caption>div{position:relative;z-index:1}
#realisations .project-caption strong{
  text-shadow:0 9px 24px rgba(0,10,18,.32);
}
#realisations .project-caption>div>span{
  color:#e9c5a9;
  letter-spacing:.16em;
}
#realisations .project-caption small{
  color:#dce9e0;
}
#realisations .project-caption-arrow{
  position:relative;
  z-index:3;
  transform:translateZ(26px);
  border:1px solid rgba(251,215,181,.56);
  border-radius:50%;
  background:
    radial-gradient(circle at 30% 18%,rgba(255,239,209,.15),transparent 60%),
    linear-gradient(145deg,rgba(236,194,160,.19),rgba(22,44,52,.75));
  color:#ffe3cc;
  box-shadow:
    0 5px 0 -3px rgba(244,205,170,.27),
    0 13px 26px rgba(0,10,18,.36),
    inset 0 1px 0 rgba(255,244,219,.17);
  transition:transform .45s cubic-bezier(.2,.8,.2,1),background .35s ease,border-color .35s ease,box-shadow .35s ease;
}
#realisations .project-tile:hover,
#realisations .project-tile:focus-visible{
  border-color:rgba(251,218,188,.91);
  box-shadow:
    0 3px 0 rgba(255,225,190,.07),
    0 20px 0 -14px rgba(3,14,22,.84),
    0 47px 38px -26px rgba(0,9,18,.85),
    0 63px 110px rgba(1,11,19,.55),
    inset 0 1px 0 rgba(255,244,223,.33),
    inset 0 0 0 1px rgba(251,223,193,.13);
}
#realisations .project-tile:hover .project-media,
#realisations .project-tile:focus-visible .project-media{
  border-color:rgba(255,229,203,.92);
  box-shadow:0 2px 1px rgba(255,245,221,.19),0 12px 0 -8px rgba(5,17,26,.93),0 29px 46px -19px rgba(0,8,17,.84),0 39px 77px rgba(0,11,18,.48);
}
#realisations .project-tile:hover .project-caption-arrow,
#realisations .project-tile:focus-visible .project-caption-arrow{
  transform:translate3d(3px,-5px,28px);
  background:linear-gradient(145deg,#f4d1b6,#e6b48d);
  border-color:#f9dfc6;color:#132933;
  box-shadow:0 9px 0 -6px rgba(239,189,146,.4),0 20px 35px rgba(0,9,16,.42),inset 0 1px 0 rgba(255,250,229,.6);
}
#realisations .project-tile:focus-visible{outline:2px solid #f6d9be!important;outline-offset:6px}
@media(min-width:981px) and (hover:hover) and (pointer:fine){
  #realisations .project-tile:first-child:hover .project-media{transform:translateZ(62px)}
  #realisations .project-tile:hover .project-caption{transform:translateZ(68px)}
}
@media(max-width:980px){
  #realisations .project-tile:first-child{min-height:0}
  #realisations .project-tile,
  #realisations .project-tile:first-child{box-shadow:0 24px 46px rgba(1,10,18,.38),inset 0 1px 0 rgba(255,244,224,.19)}
  #realisations .projects-gallery .project-media,
  #realisations .project-tile:first-child .project-media,
  #realisations .project-caption{transform:none!important}
  #realisations .project-caption::after{opacity:.28}
}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){
  #realisations .project-tile{transform:none!important;will-change:auto}
  #realisations .projects-gallery .project-media,
  #realisations .project-caption{transform:none!important}
  #realisations .project-tile:hover .project-caption-arrow{transform:none}
}
@media(prefers-reduced-motion:reduce){
  #realisations .project-tile,#realisations .project-caption-arrow,#realisations .projects-gallery .project-media{transition:none!important}
}