/* Designeo · Packs / Concept Studies R4 · private staging only
   Three clearly labelled fictitious application studies made from accessible HTML/CSS.
   No fake client photographs, no logos of existing brands. */
body.page-id-55 .dws-page .dws-pack-story{
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important;
}
body.page-id-55 .dws-page .dws-pack-story > .dws-study-visual{
  grid-column:1/-1;
  min-width:0;
  margin:16px 0 0!important;
}
body.page-id-55 .dws-page .dws-study-visual,
body.page-id-55 .dws-page .dws-study-visual *{
  box-sizing:border-box;
}
body.page-id-55 .dws-page .dws-study-topline{
  display:flex;justify-content:space-between;align-items:center;
  flex-wrap:wrap;gap:8px 22px;
  margin:0 0 12px;
  font:400 10px/1.5 "Space Mono",monospace;
  letter-spacing:.05em;color:#787772;
}
body.page-id-55 .dws-page .dws-study-stage{
  position:relative;overflow:hidden;
  min-height:clamp(300px,36vw,460px);
  width:100%;
  border-radius:2px;
}
body.page-id-55 .dws-page .dws-study-caption{
  font:400 12px/1.5 "DWS Instrument Sans",sans-serif!important;
  color:#75746d!important;
  max-width:80ch!important;
  margin:10px 0 0!important;
}
/* 01 — essential identity: typographic specimen and a few graphic applications. */
body.page-id-55 .dws-page .dws-study-arranque-stage{
  background:#e7e5db;display:flex;justify-content:center;align-items:center;
  padding:clamp(24px,4vw,56px);
}
body.page-id-55 .dws-page .dws-study-arranque-symbol{
  position:absolute;left:10%;top:7%;
  width:36%;height:85%;z-index:1;
  display:flex;gap:8px;align-items:center;transform:rotate(-13deg);
}
body.page-id-55 .dws-page .dws-study-arranque-symbol i{
  flex:1;height:76%;border-radius:48% 48% 8% 8%;
  background:#c5533c;display:block;
}
body.page-id-55 .dws-page .dws-study-arranque-symbol i:nth-child(2){
  background:#262d2b;height:94%;
}
body.page-id-55 .dws-page .dws-study-arranque-symbol i:nth-child(3){
  background:#e3ab3d;height:61%;
}
body.page-id-55 .dws-page .dws-study-arranque-card{
  position:relative;z-index:2;
  margin-left:23%;
  width:min(430px,62%);min-height:300px;
  padding:clamp(22px,3.1vw,48px);
  background:#faf9f4;
  box-shadow:0 22px 55px rgb(0 0 0 / 13%);
  display:flex;flex-direction:column;justify-content:space-between;gap:18px;
  transform:rotate(4deg);
}
body.page-id-55 .dws-page .dws-study-micro{
  font:500 10px/1.5 "Space Mono",monospace;color:#4e514b;letter-spacing:.08em;
}
body.page-id-55 .dws-page .dws-study-arranque-name{
  font:500 clamp(39px,5vw,78px)/.95 Jost,sans-serif;
  letter-spacing:-.07em;color:#242a25;
}
body.page-id-55 .dws-page .dws-study-arranque-meta{
  font:400 12px/1.5 "DWS Instrument Sans",sans-serif;color:#5d625a;
}
body.page-id-55 .dws-page .dws-study-arranque-sticker{
  position:absolute;right:9%;bottom:11%;z-index:3;
  width:clamp(57px,9vw,100px);height:clamp(57px,9vw,100px);
  background:#e0b247;border-radius:50%;
  display:grid;place-items:center;
  font:600 clamp(20px,3vw,31px)/1 Jost,sans-serif;transform:rotate(-18deg);
}
/* 02 — responsive-style website frame and distinct graphic system. */
body.page-id-55 .dws-page .dws-study-ativa-stage{
  background:#c8c7e9;
  padding:clamp(22px,4vw,53px) clamp(24px,6vw,88px);
  display:flex;justify-content:center;align-items:center;
}
body.page-id-55 .dws-page .dws-study-web-window{
  width:80%;min-height:280px;z-index:2;
  background:#f7f5ed;
  box-shadow:0 22px 50px rgb(26 24 60 / 16%);
}
body.page-id-55 .dws-page .dws-study-web-bar{
  display:flex;justify-content:space-between;align-items:center;
  padding:12px 16px;border-bottom:1px solid #cac9c6;
  font:400 10px/1.4 "Space Mono",monospace;color:#3c3b48;
}
body.page-id-55 .dws-page .dws-study-web-content{
  min-height:240px;padding:clamp(23px,3vw,40px);
  display:flex;flex-direction:column;justify-content:space-between;gap:16px;
}
body.page-id-55 .dws-page .dws-study-web-headline{
  font:600 clamp(31px,4.6vw,66px)/.99 Jost,sans-serif;
  letter-spacing:-.055em;color:#343560;
}
body.page-id-55 .dws-page .dws-study-web-headline em{
  font-weight:400;color:#594ddf;
}
body.page-id-55 .dws-page .dws-study-web-foot{
  display:flex;justify-content:space-between;gap:20px;
  font:400 12px/1.4 "DWS Instrument Sans",sans-serif;color:#42445b;
}
body.page-id-55 .dws-page .dws-study-ativa-side{
  position:absolute;right:5%;top:12%;width:22%;height:75%;
  background:#4740bd;display:flex;flex-direction:column;
  align-items:center;justify-content:space-between;
  padding:22px 15px;transform:rotate(8deg);
  color:#fff;
  font:500 11px/1.4 "Space Mono",monospace;text-align:center;
}
body.page-id-55 .dws-page .dws-study-ativa-dot{
  background:#f49d71;border-radius:50%;width:75%;aspect-ratio:1;
}
/* 03 — multiple brand applications with shared colour and type. */
body.page-id-55 .dws-page .dws-study-completa-stage{
  background:#e4e8e5;
  padding:clamp(18px,3vw,43px);
  display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.9fr);
  gap:clamp(13px,2vw,30px);
}
body.page-id-55 .dws-page .dws-study-completa-poster{
  min-height:320px;position:relative;overflow:hidden;
  background:#153f35;color:#eeefb2;
  padding:clamp(24px,3.4vw,51px);
  display:flex;flex-direction:column;justify-content:space-between;
}
body.page-id-55 .dws-page .dws-study-completa-poster span{
  font:400 11px/1.4 "Space Mono",monospace;letter-spacing:.065em;
}
body.page-id-55 .dws-page .dws-study-completa-poster strong{
  position:relative;z-index:2;
  font:600 clamp(45px,5.6vw,85px)/.95 Jost,sans-serif;
  letter-spacing:-.065em;
}
body.page-id-55 .dws-page .dws-study-completa-poster i{
  position:absolute;right:-10%;top:15%;width:65%;aspect-ratio:1;
  border:clamp(27px,5.6vw,72px) solid #eeefb2;
  border-radius:50%;
}
body.page-id-55 .dws-page .dws-study-completa-stack{
  display:grid;grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:clamp(13px,2vw,30px);
}
body.page-id-55 .dws-page .dws-study-completa-label{
  background:#d87656;color:#222f28;padding:clamp(20px,2.5vw,34px);
  display:flex;align-items:center;justify-content:space-between;gap:8px;
}
body.page-id-55 .dws-page .dws-study-completa-label span{
  font:600 clamp(20px,2.9vw,39px)/1.1 Jost,sans-serif;letter-spacing:-.04em;
}
body.page-id-55 .dws-page .dws-study-completa-label b{
  font:500 clamp(55px,7vw,120px)/1 Jost,sans-serif;
}
body.page-id-55 .dws-page .dws-study-completa-post{
  background:#edf0d8;color:#143f35;
  padding:clamp(20px,2.5vw,34px);
  display:flex;flex-direction:column;justify-content:space-between;gap:15px;
}
body.page-id-55 .dws-page .dws-study-completa-post span{
  font:400 10px/1.5 "Space Mono",monospace;
}
body.page-id-55 .dws-page .dws-study-completa-post strong{
  font:500 clamp(24px,3.2vw,46px)/1 Jost,sans-serif;letter-spacing:-.045em;
}
@media(max-width:760px){
 body.page-id-55 .dws-page .dws-pack-story > .dws-study-visual{
   grid-column:1!important;margin-top:6px!important;
 }
 body.page-id-55 .dws-page .dws-study-topline{font-size:9px;gap:3px 12px}
 body.page-id-55 .dws-page .dws-study-stage{min-height:260px}
 body.page-id-55 .dws-page .dws-study-arranque-card{width:70%;min-height:250px;margin-left:18%}
 body.page-id-55 .dws-page .dws-study-web-window{width:94%}
 body.page-id-55 .dws-page .dws-study-ativa-side{right:-5%;top:13%;width:25%}
 body.page-id-55 .dws-page .dws-study-completa-stage{
   grid-template-columns:1fr;
 }
 body.page-id-55 .dws-page .dws-study-completa-poster{min-height:270px}
 body.page-id-55 .dws-page .dws-study-completa-stack{
   grid-template-columns:1fr 1fr;grid-template-rows:none;
 }
}
@media(max-width:420px){
 body.page-id-55 .dws-page .dws-study-ativa-stage{padding:20px}
 body.page-id-55 .dws-page .dws-study-web-window{width:100%;min-height:240px}
 body.page-id-55 .dws-page .dws-study-ativa-side{display:none}
 body.page-id-55 .dws-page .dws-study-web-bar{font-size:8px}
 body.page-id-55 .dws-page .dws-study-web-foot{font-size:10px}
 body.page-id-55 .dws-page .dws-study-completa-label b{font-size:38px}
}
/* Final responsive override: retain a single full-width column in portrait sizes. */
@media(max-width:760px){
 body.page-id-55 .dws-page .dws-pack-story{
  grid-template-columns:minmax(0,1fr)!important;
 }
 body.page-id-55 .dws-page .dws-pack-story > .dws-study-visual{
  grid-column:1/-1!important;
  width:100%!important;max-width:none!important;
 }
}