/* Designeo Packs R6: visual identity journey. Staging only. Illustrations are fictional and editable Gutenberg HTML. */
body.page-id-55 .dws-page .dws-pack-story>.dws-showcase{grid-column:1/-1!important;width:100%;min-width:0;margin:15px 0 0!important}
body.page-id-55 .dws-page .dws-showcase,body.page-id-55 .dws-page .dws-showcase *{box-sizing:border-box}
body.page-id-55 .dws-page .dws-showcase{--accent:#c5533c;--ink:#292c28;--paper:#ede6d8;--soft:#f6f2e8}
body.page-id-55 .dws-page .dws-showcase-ativa{--accent:#6450c9;--ink:#343560;--paper:#e4e0f1;--soft:#f7f4ed}
body.page-id-55 .dws-page .dws-showcase-completa{--accent:#d87656;--ink:#164436;--paper:#e1e8df;--soft:#f5f4de}
body.page-id-55 .dws-page .dws-showcase-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:9px;margin:0 0 15px;font:400 10px/1.45 "Space Mono",monospace;color:#77756f;letter-spacing:.045em}
body.page-id-55 .dws-page .dws-showcase-workflow{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0 0 18px!important;border-top:1px solid #c8c8c1;border-bottom:1px solid #c8c8c1}
body.page-id-55 .dws-page .dws-showcase-workflow>div{padding:17px 19px 22px 0;display:flex;flex-direction:column;gap:6px}
body.page-id-55 .dws-page .dws-showcase-workflow small{font:400 10px/1.45 "Space Mono",monospace;color:var(--accent)}
body.page-id-55 .dws-page .dws-showcase-workflow strong{font:600 clamp(17px,1.55vw,22px)/1.18 Jost,sans-serif;letter-spacing:-.025em;color:#24241f}
body.page-id-55 .dws-page .dws-showcase-workflow span{font:400 12px/1.48 "DWS Instrument Sans",sans-serif;color:#67665f}
body.page-id-55 .dws-page .dws-showcase-board{background:var(--paper);padding:clamp(17px,2.4vw,34px);display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(10px,1.5vw,20px);align-items:stretch}
body.page-id-55 .dws-page .dws-showcase-board>div{padding:clamp(15px,1.8vw,28px);min-width:0;position:relative;display:flex;flex-direction:column;gap:15px;overflow:hidden}
body.page-id-55 .dws-page .dws-showcase-board small{font:400 9px/1.4 "Space Mono",monospace;letter-spacing:.025em;color:var(--ink)}
body.page-id-55 .dws-page .dws-showcase-sketch{grid-column:span 4;background:var(--soft);min-height:245px}
body.page-id-55 .dws-page .dws-showcase-main{grid-column:span 8;background:var(--ink);color:var(--soft);min-height:245px}
body.page-id-55 .dws-page .dws-showcase-main>small{color:var(--soft)}
body.page-id-55 .dws-page .dws-showcase-guide{grid-column:span 5;background:#faf9f4;min-height:190px}
body.page-id-55 .dws-page .dws-showcase-application{grid-column:span 7;background:var(--soft);min-height:190px}
body.page-id-55 .dws-page .dws-showcase-sketches{display:flex;justify-content:space-around;align-items:center;gap:12px;flex:1;max-height:135px}
body.page-id-55 .dws-page .dws-showcase-sketches>span{font:500 clamp(38px,4vw,59px)/1 Jost,sans-serif;color:var(--accent);letter-spacing:-.08em}
body.page-id-55 .dws-page .dws-forma-glyph-b{display:flex;gap:5px;align-items:center}
body.page-id-55 .dws-page .dws-forma-glyph-b i{display:block;height:56px;width:15px;background:var(--ink);transform:rotate(-15deg)}
body.page-id-55 .dws-page .dws-forma-glyph-b i+ i{height:37px;background:var(--accent)}
body.page-id-55 .dws-page .dws-showcase-sketch p{font:400 12px/1.45 "DWS Instrument Sans",sans-serif;color:#636059;margin:auto 0 0!important}
body.page-id-55 .dws-page .dws-showcase-logotype{font:600 clamp(68px,9vw,140px)/.98 Jost,sans-serif;letter-spacing:-.095em;margin:auto 0}
body.page-id-55 .dws-page .dws-showcase-logotype>span{color:var(--accent)}
body.page-id-55 .dws-page .dws-showcase-logovariants{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
body.page-id-55 .dws-page .dws-showcase-logovariants i{font:600 25px/1 Jost,sans-serif;display:grid;place-items:center;background:var(--soft);color:var(--ink);width:50px;height:42px;font-style:normal}
body.page-id-55 .dws-page .dws-showcase-logovariants i.is-inverse{background:var(--accent);color:#fff}
body.page-id-55 .dws-page .dws-showcase-logovariants span{font:400 9px/1.4 "Space Mono",monospace;color:#dedcd2}
body.page-id-55 .dws-page .dws-showcase-swatches{display:flex;gap:7px;height:55px;margin:auto 0 6px}
body.page-id-55 .dws-page .dws-showcase-swatches i{display:block;flex:1;background:var(--ink)}
body.page-id-55 .dws-page .dws-showcase-swatches i:nth-child(2){background:var(--accent)}
body.page-id-55 .dws-page .dws-showcase-swatches i:nth-child(3){background:var(--paper)}
body.page-id-55 .dws-page .dws-showcase-swatches i:nth-child(4){background:#f4c85c}
body.page-id-55 .dws-page .dws-showcase-alphabet{font:500 43px/1 Jost,sans-serif;letter-spacing:-.04em;color:var(--ink)}
body.page-id-55 .dws-page .dws-showcase-alphabet span{display:block;margin-top:8px;font:400 9px/1.4 "Space Mono",monospace;letter-spacing:0}
body.page-id-55 .dws-page .dws-showcase-app-card{background:var(--ink);color:var(--soft);max-width:440px;min-height:120px;padding:18px;display:grid;grid-template-columns:1fr auto;gap:5px 15px;margin:auto;transform:rotate(-2deg);box-shadow:0 11px 25px #0002}
body.page-id-55 .dws-page .dws-showcase-app-card strong{font:600 35px/.95 Jost,sans-serif;letter-spacing:-.07em}
body.page-id-55 .dws-page .dws-showcase-app-card span{font:400 11px/1.4 "DWS Instrument Sans",sans-serif;align-self:end}
body.page-id-55 .dws-page .dws-qr-placeholder{font:600 15px/1 "Space Mono",monospace;grid-row:1/3;grid-column:2;align-self:center;display:grid;place-items:center;border:3px dashed currentColor;width:65px;height:65px;font-style:normal}
body.page-id-55 .dws-page .dws-showcase-paper{display:flex;gap:10px}
body.page-id-55 .dws-page .dws-showcase-paper strong{font:600 24px/1 Jost,sans-serif}
body.page-id-55 .dws-page .dws-showcase-paper span{font:400 10px/1.5 "DWS Instrument Sans",sans-serif}
body.page-id-55 .dws-page .dws-showcase-browser{background:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:12px 18px;gap:12px;min-height:145px;box-shadow:0 10px 19px #0002}
body.page-id-55 .dws-page .dws-showcase-browser>span{font:400 9px/1.4 "Space Mono",monospace}
body.page-id-55 .dws-page .dws-showcase-browser strong{font:600 29px/1.05 Jost,sans-serif;letter-spacing:-.04em;color:var(--ink)}
body.page-id-55 .dws-page .dws-showcase-browser em{color:var(--accent)}
body.page-id-55 .dws-page .dws-showcase-browser small{font:400 10px/1.4 "DWS Instrument Sans",sans-serif}
body.page-id-55 .dws-page .dws-showcase-multiples{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:135px}
body.page-id-55 .dws-page .dws-showcase-poster,body.page-id-55 .dws-page .dws-showcase-social{padding:15px;background:var(--ink);color:var(--soft);display:flex;flex-direction:column;justify-content:space-between;gap:8px}
body.page-id-55 .dws-page .dws-showcase-social{background:var(--accent);color:#172a24}
body.page-id-55 .dws-page .dws-showcase-multiples strong{font:600 clamp(18px,2.5vw,32px)/1.06 Jost,sans-serif;letter-spacing:-.045em}
body.page-id-55 .dws-page .dws-showcase-multiples span,body.page-id-55 .dws-page .dws-showcase-multiples small{font:400 9px/1.3 "Space Mono",monospace;color:inherit}
body.page-id-55 .dws-page .dws-showcase-caption{font:400 12px/1.5 "DWS Instrument Sans",sans-serif!important;color:#77746e!important;margin:10px 0 0!important}
body.page-id-55 .dws-page .dws-norte-outline{opacity:.45}
@media(max-width:850px){
 body.page-id-55 .dws-page .dws-showcase-workflow{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.page-id-55 .dws-page .dws-showcase-sketch,body.page-id-55 .dws-page .dws-showcase-main{grid-column:span 6}
 body.page-id-55 .dws-page .dws-showcase-guide,body.page-id-55 .dws-page .dws-showcase-application{grid-column:span 6}
 body.page-id-55 .dws-page .dws-showcase-logotype{font-size:clamp(50px,7vw,100px)}
}
@media(max-width:560px){
 body.page-id-55 .dws-page .dws-showcase-workflow{grid-template-columns:minmax(0,1fr)}
 body.page-id-55 .dws-page .dws-showcase-workflow>div{border-top:1px solid #deded8;padding:13px 0}
 body.page-id-55 .dws-page .dws-showcase-board{grid-template-columns:minmax(0,1fr);padding:12px}
 body.page-id-55 .dws-page .dws-showcase-board>div{grid-column:1/-1;min-height:175px}
 body.page-id-55 .dws-page .dws-showcase-logotype{font-size:clamp(54px,17vw,90px)}
 body.page-id-55 .dws-page .dws-showcase-logovariants{gap:5px}
 body.page-id-55 .dws-page .dws-showcase-logovariants span{font-size:8px}
}