/* Designeo / Packs R5: educational deliverables, usages, benefits.
   Staging only. Non-client illustrative examples. */
body.page-id-55 .dws-page .dws-pack-story > .dws-pack-deliverables{
 grid-column:1/-1!important;min-width:0!important;width:100%!important;
 margin:30px 0 0!important;
}
body.page-id-55 .dws-page .dws-pack-deliverables,
body.page-id-55 .dws-page .dws-pack-deliverables *{box-sizing:border-box}
body.page-id-55 .dws-page .dws-pack-deliverables-header{
 display:flex;flex-direction:column;gap:7px;
 margin-bottom:21px;align-items:flex-start;
}
body.page-id-55 .dws-page .dws-pack-deliverables-header p{
 color:#f5411f!important;font:400 10px/1.4 "Space Mono",monospace!important;
 letter-spacing:.085em!important;margin:0!important;
}
body.page-id-55 .dws-page .dws-pack-deliverables-header h4{
 font:500 clamp(23px,2.5vw,36px)/1.18 Jost,Arial,sans-serif!important;
 letter-spacing:-.035em!important;margin:0!important;
 max-width:34ch;
}
body.page-id-55 .dws-page .dws-pack-deliverables-header span{
 font:400 12px/1.5 "DWS Instrument Sans",sans-serif;
 color:#85847d;
}
body.page-id-55 .dws-page .dws-pack-deliverables-grid{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:clamp(15px,2vw,30px)!important;
 align-items:stretch!important;
}
body.page-id-55 .dws-page .dws-deliverable-card{
 min-width:0;
 border-top:1px solid #d0cfc9;
 padding:0 0 12px;
 display:flex!important;flex-direction:column;gap:15px!important;
 margin:0!important;
}
body.page-id-55 .dws-page .dws-deliverable-art{
 height:clamp(160px,17vw,232px);width:100%;overflow:hidden;display:block;
 margin:0!important;background:#ebe9e3;
}
body.page-id-55 .dws-page .dws-deliverable-info{padding-right:7px}
body.page-id-55 .dws-page .dws-deliverable-number{
 margin:0 0 18px!important;
 font:600 15px/1.35 Jost,sans-serif!important;
 color:#24241f!important;
}
body.page-id-55 .dws-page .dws-deliverable-info dl{margin:0}
body.page-id-55 .dws-page .dws-deliverable-info dt{
 font:500 10px/1.5 "Space Mono",monospace!important;
 color:#e33c21;letter-spacing:.035em;
 margin:15px 0 3px!important;
}
body.page-id-55 .dws-page .dws-deliverable-info dd{
 margin:0!important;
 font:400 13px/1.55 "DWS Instrument Sans",sans-serif!important;
 color:#5a5954;
}
/* The nine small mockup specimens use independent visual motifs,
   without pretending to be final customer files. */
body.page-id-55 .dws-page .dws-deliverable-art > div{
 width:100%;height:100%;position:relative;
}
body.page-id-55 .dws-page .dws-del-logo{
 background:#e9dfcb;
 padding:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
}
body.page-id-55 .dws-page .dws-del-logomark{
 font:700 60px/.95 Jost,sans-serif;color:#c5533c;
}
body.page-id-55 .dws-page .dws-del-logo-name{
 font:500 30px/1 Jost,sans-serif;letter-spacing:-.08em;color:#262d2b;
}
body.page-id-55 .dws-page .dws-del-logo-variants{
 font:400 8px/1.4 "Space Mono",monospace;color:#605a50;
 text-align:center;letter-spacing:.03em;
}
body.page-id-55 .dws-page .dws-del-guide{
 background:#f0ede5;padding:18px;
 display:flex;flex-direction:column;justify-content:space-between;gap:12px;
}
body.page-id-55 .dws-page .dws-del-guide > span,
body.page-id-55 .dws-page .dws-del-digital > span{
 font:400 9px/1.35 "Space Mono",monospace;color:#555c55;
}
body.page-id-55 .dws-page .dws-del-colors{display:flex;gap:5px;flex:1;max-height:73px}
body.page-id-55 .dws-page .dws-del-colors i{flex:1;display:block}
body.page-id-55 .dws-page .dws-del-type{font:500 41px/1 Jost,sans-serif}
body.page-id-55 .dws-page .dws-del-type small{display:block;font:400 10px/1.35 "DWS Instrument Sans",sans-serif}
body.page-id-55 .dws-page .dws-del-digital{
 background:#dcd9ce;padding:20px;
 display:flex;flex-direction:column;justify-content:space-between;gap:8px;
}
body.page-id-55 .dws-page .dws-del-qr{
 width:53px;height:53px;display:grid;place-items:center;
 font:700 42px/1 monospace;color:#292d2c;
}
body.page-id-55 .dws-page .dws-del-digital strong{
 font:500 clamp(22px,2.1vw,32px)/1.08 Jost,sans-serif;letter-spacing:-.045em;
}
body.page-id-55 .dws-page .dws-del-digital small{font:400 10px/1.35 "DWS Instrument Sans",sans-serif}
body.page-id-55 .dws-page .dws-del-guide-ativa{background:#dcdcf0}
body.page-id-55 .dws-page .dws-del-stationery{background:#cfcde8;padding:20px;display:flex;gap:10px;align-items:center}
body.page-id-55 .dws-page .dws-del-stationery-paper{
 background:#faf9f4;flex:1;min-width:0;min-height:145px;padding:12px;
 display:flex;flex-direction:column;justify-content:space-between;
 transform:rotate(-4deg);
 font:400 9px/1.3 "Space Mono",monospace;
 box-shadow:0 9px 17px rgb(0 0 0 / 12%);
}
body.page-id-55 .dws-page .dws-del-stationery-paper strong{
 font:600 clamp(20px,2vw,29px)/1 Jost,sans-serif;letter-spacing:-.04em;color:#3d3990;
}
body.page-id-55 .dws-page .dws-del-stationery-paper small{font:400 8px/1.3 "DWS Instrument Sans",sans-serif}
body.page-id-55 .dws-page .dws-del-stationery-card{
 background:#39369e;color:#fff;width:37%;min-height:95px;
 display:flex;flex-direction:column;justify-content:space-between;
 padding:11px;transform:rotate(8deg);
 font:600 35px/1 Jost,sans-serif;
}
body.page-id-55 .dws-page .dws-del-stationery-card span{font:400 8px/1.2 "Space Mono",monospace}
body.page-id-55 .dws-page .dws-del-channel{
 background:#d3d0ec;padding:18px;display:flex;gap:8px;align-items:center;
}
body.page-id-55 .dws-page .dws-del-channel-window,
body.page-id-55 .dws-page .dws-del-channel-social{padding:10px;display:flex;flex-direction:column;justify-content:space-between;gap:10px}
body.page-id-55 .dws-page .dws-del-channel-window{width:62%;height:80%;background:#faf9f4}
body.page-id-55 .dws-page .dws-del-channel-window span,
body.page-id-55 .dws-page .dws-del-channel-social span{font:400 8px/1.3 "Space Mono",monospace}
body.page-id-55 .dws-page .dws-del-channel-window strong,
body.page-id-55 .dws-page .dws-del-channel-social b{font:600 clamp(18px,2vw,26px)/1.05 Jost,sans-serif}
body.page-id-55 .dws-page .dws-del-channel-social{
 width:38%;height:67%;background:#6254d4;color:#f9f5e9;transform:rotate(5deg);
}
body.page-id-55 .dws-page .dws-del-system{background:#d4ddd5;display:flex;gap:9px;padding:16px;align-items:center}
body.page-id-55 .dws-page .dws-del-system-main{
 width:57%;height:79%;background:#1b473b;color:#e9eca1;
 padding:14px;display:flex;flex-direction:column;justify-content:space-between;
 font:400 8px/1.3 "Space Mono",monospace;
}
body.page-id-55 .dws-page .dws-del-system-main strong{font:600 24px/.98 Jost,sans-serif;letter-spacing:-.05em}
body.page-id-55 .dws-page .dws-del-system-chip{
 width:43%;height:66%;background:#e7a37e;padding:10px;display:flex;
 flex-direction:column;justify-content:space-around;align-items:center;
}
body.page-id-55 .dws-page .dws-del-system-chip i{display:block;border:14px solid #174838;border-radius:50%;width:70px;max-width:80%;aspect-ratio:1}
body.page-id-55 .dws-page .dws-del-system-chip span{font:400 8px/1.3 "Space Mono",monospace;text-align:center}
body.page-id-55 .dws-page .dws-del-web{
 background:#e1e4d8;padding:18px;display:flex;justify-content:space-between;align-items:center;gap:10px;
}
body.page-id-55 .dws-page .dws-del-web > div:first-child{width:58%;display:flex;flex-direction:column;gap:18px}
body.page-id-55 .dws-page .dws-del-web span{font:400 8px/1.3 "Space Mono",monospace}
body.page-id-55 .dws-page .dws-del-web strong{font:600 clamp(23px,2.4vw,34px)/1 Jost,sans-serif;letter-spacing:-.045em;color:#173f34}
body.page-id-55 .dws-page .dws-del-web-card{width:38%;height:74%;background:#174938;color:#edf0ae;display:flex;flex-direction:column;justify-content:space-between;padding:15px}
body.page-id-55 .dws-page .dws-del-web-card b{font:500 37px/1 Jost,sans-serif}
body.page-id-55 .dws-page .dws-del-editorial{background:#e0e5d7;padding:17px;display:flex;gap:9px;align-items:center}
body.page-id-55 .dws-page .dws-del-editorial-post,
body.page-id-55 .dws-page .dws-del-editorial-notes{width:50%;height:87%;padding:10px;display:flex;flex-direction:column;justify-content:space-between}
body.page-id-55 .dws-page .dws-del-editorial-post{background:#d77757;color:#142f27}
body.page-id-55 .dws-page .dws-del-editorial-notes{background:#faf9ed;color:#174537}
body.page-id-55 .dws-page .dws-del-editorial span{font:400 8px/1.4 "Space Mono",monospace}
body.page-id-55 .dws-page .dws-del-editorial strong{font:600 clamp(18px,1.8vw,28px)/1.06 Jost,sans-serif}
body.page-id-55 .dws-page .dws-del-editorial b{font:500 10px/1.6 "Space Mono",monospace}
@media(max-width:900px){
 body.page-id-55 .dws-page .dws-pack-deliverables-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
 }
}
@media(max-width:560px){
 body.page-id-55 .dws-page .dws-pack-deliverables-grid{
  grid-template-columns:minmax(0,1fr)!important;
 }
 body.page-id-55 .dws-page .dws-deliverable-art{height:220px}
 body.page-id-55 .dws-page .dws-deliverable-card{gap:12px!important}
 body.page-id-55 .dws-page .dws-deliverable-info dd{font-size:14px!important}
}