/* Designeo portfolio: real project material, editorial scenes, 2026-11-07.
   Strict staging pilot, preserves project headings/legends in Gutenberg. */
.dws-reconstruction-main .dws-home .dws-node-6-0-0-2 > .wp-block-group{
  align-self:start!important;
}
.dws-reconstruction-main .dws-home .dws-portfolio-scene{
  --label: #62635e;
  position:relative;display:block;width:100%;min-width:0;
  overflow:hidden;
  box-sizing:border-box;
  isolation:isolate;
}
.dws-reconstruction-main .dws-home .dws-portfolio-scene *{box-sizing:border-box}
.dws-reconstruction-main .dws-home .dws-portfolio-scene-index,
.dws-reconstruction-main .dws-home .dws-portfolio-scene-signature{
  position:absolute;z-index:5;
  font:500 9px/1.4 "Space Mono",monospace;
  letter-spacing:.06em;color:var(--label);
}
.dws-reconstruction-main .dws-home .dws-portfolio-scene-index{top:19px;left:21px}
.dws-reconstruction-main .dws-home .dws-portfolio-scene-signature{bottom:15px;left:20px}
.dws-reconstruction-main .dws-home .dws-portfolio-screen{
  overflow:hidden;background:#fff;
  box-shadow:0 18px 45px rgba(0,0,0,.12);
}
.dws-reconstruction-main .dws-home .dws-portfolio-screen-chrome{
  display:flex;align-items:center;gap:4px;
  height:24px;padding:0 9px;background:#f9f9f8;border-bottom:1px solid #e8e8e4;
}
.dws-reconstruction-main .dws-home .dws-portfolio-screen-chrome i{
  width:5px;height:5px;border-radius:50%;background:#d6d5d0;display:block;
}
.dws-reconstruction-main .dws-home .dws-portfolio-screen-chrome span{
  margin-left:10px;font:400 9px/1 "DWS Instrument Sans",sans-serif;color:#989792;
}
.dws-reconstruction-main .dws-home .dws-portfolio-screen img,
.dws-reconstruction-main .dws-home .dws-portfolio-phone img,
.dws-reconstruction-main .dws-home .dws-portfolio-scene-logo img,
.dws-reconstruction-main .dws-home .dws-portfolio-nature img,
.dws-reconstruction-main .dws-home .dws-portfolio-sagui-shirt img{
  display:block!important;width:100%!important;height:auto!important;
  object-fit:contain!important;transform:none!important;transition:none!important;
}
.dws-reconstruction-main .dws-home .dws-portfolio-phone{
  position:absolute;z-index:3;background:#151516;
  border:5px solid #151516;border-radius:13px;
  padding:5px 2px 3px;overflow:hidden;
  box-shadow:0 15px 36px rgba(0,0,0,.2);
}
.dws-reconstruction-main .dws-home .dws-portfolio-phone img{border-radius:4px}
/* Primary — Jardim Simbiose: website, logo and original garden photograph. */
.dws-reconstruction-main .dws-home .dws-portfolio-simbiose{
  aspect-ratio:1.03;
  background:#dfe7d8;
  --label:#596956;
}
.dws-reconstruction-main .dws-home .dws-portfolio-simbiose-desktop{
  position:absolute;left:5%;top:24%;width:78%;z-index:2;
  transform:rotate(-2deg);
}
.dws-reconstruction-main .dws-home .dws-portfolio-simbiose-phone{
  right:5%;top:34%;width:22%;
  transform:rotate(4deg);
}
.dws-reconstruction-main .dws-home .dws-portfolio-scene-logo{
  position:absolute;top:8%;left:8%;width:47%;background:#fff;
  padding:10px 13px;z-index:2;
  box-shadow:0 7px 20px rgba(0,0,0,.07);
}
.dws-reconstruction-main .dws-home .dws-portfolio-nature{
  position:absolute;right:0;top:0;width:38%;height:100%;
  overflow:hidden;z-index:1;
}
.dws-reconstruction-main .dws-home .dws-portfolio-nature img{
  height:100%!important;object-fit:cover!important;
  object-position:center!important;
}
.dws-reconstruction-main .dws-home .dws-portfolio-simbiose:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(223,231,216,.0) 48%,rgba(223,231,216,.18));
  pointer-events:none;z-index:1;
}
/* Casa Bhumi: current desktop and mobile view, no fabricated design elements. */
.dws-reconstruction-main .dws-home .dws-portfolio-bhumi{
  aspect-ratio:1.54;
  background:#e5dec0;--label:#776d51;
}
.dws-reconstruction-main .dws-home .dws-portfolio-bhumi-desktop{
  position:absolute;left:6%;top:23%;width:77%;z-index:2;
}
.dws-reconstruction-main .dws-home .dws-portfolio-bhumi-phone{
  right:5%;top:31%;width:22%;border-color:#292820;background:#292820;
}
.dws-reconstruction-main .dws-home .dws-portfolio-bhumi .dws-portfolio-scene-signature{color:#6d6547}
/* Sagui: original t-shirt applications, not a bare logo / speculative mockup. */
.dws-reconstruction-main .dws-home .dws-portfolio-sagui{
  aspect-ratio:1.54;
  background:#e5e8dc;--label:#53614f;
}
.dws-reconstruction-main .dws-home .dws-portfolio-sagui-items{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:center;gap:14px;
  position:absolute;left:6%;right:6%;top:19%;bottom:17%;
}
.dws-reconstruction-main .dws-home .dws-portfolio-sagui-shirt{
  background:#f7f5ed;min-width:0;
  display:grid;place-items:center;
  height:100%;overflow:hidden;
  box-shadow:0 8px 19px rgba(0,0,0,.055);
}
.dws-reconstruction-main .dws-home .dws-portfolio-sagui-shirt img{
  max-height:100%!important;max-width:100%!important;
  height:100%!important;width:100%!important;
  object-fit:contain!important;
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .dws-reconstruction-main .dws-home .dws-portfolio-scene{
  transition:filter .3s ease!important;
 }
 .dws-reconstruction-main .dws-home .dws-node-6-0-0-2 > .wp-block-group:hover .dws-portfolio-scene{
  filter:saturate(1.04);
 }
}
@media(max-width:630px){
 .dws-reconstruction-main .dws-home .dws-portfolio-simbiose{aspect-ratio:1.15}
 .dws-reconstruction-main .dws-home .dws-portfolio-bhumi,
 .dws-reconstruction-main .dws-home .dws-portfolio-sagui{aspect-ratio:1.5}
 .dws-reconstruction-main .dws-home .dws-portfolio-scene-index{top:12px;left:13px;font-size:8px}
}
@media(prefers-reduced-motion:reduce){
 .dws-reconstruction-main .dws-home .dws-portfolio-scene{transition:none!important}
}
/* Image-led hierarchy: descriptive captions are secondary, beneath each scene. */
.dws-reconstruction-main .dws-home .dws-node-6-0-0-2 > .wp-block-group > .dws-portfolio-scene{
  order:-1!important;margin:0 0 9px!important;
}
.dws-reconstruction-main .dws-home .dws-node-6-0-0-2 > .wp-block-group > :is(h2,h3,h4){
  margin:0!important;
}
