/* Folder previews. Scoped to their content so other desktop windows stay independent. */
.dp-project-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.dp-case-file{min-width:0;border:1px solid #fff;border-radius:13px;background:#fbf1df;box-shadow:0 2px 0 #c5cce3;overflow:hidden}
.dp-case-file summary{display:flex;align-items:center;gap:12px;padding:16px 14px;cursor:pointer;list-style:none}
.dp-case-file summary::-webkit-details-marker{display:none}
.dp-case-file summary:hover{background:#fff8eb}
.dp-case-file summary:focus-visible{outline:3px solid #344ce8;outline-offset:-3px}
.dp-case-number{flex:none;font:12px var(--mono);color:#344ce8;display:grid;place-items:center;width:30px;height:34px;background:#e2e7fc;border-radius:7px}
.dp-case-file:nth-child(3n+2) .dp-case-number{background:#f9d4a4}
.dp-case-file:nth-child(3n) .dp-case-number{background:#e6daf3}
.dp-case-name{flex:1;min-width:0}
.dp-case-name h4{font-size:16px;line-height:1.25;letter-spacing:-.025em;font-weight:500;margin:0 0 5px}
.dp-case-name small{font-size:11px;color:#6b7190}
.dp-case-file summary>b{font-size:24px;font-weight:400;transition:transform .15s}
.dp-case-file[open] summary>b{transform:rotate(45deg)}
.dp-case-file>p{font-size:14px;line-height:1.5;margin:0;padding:0 16px 18px}
.dp-project-action{position:sticky;bottom:40px;background:#e8ebfa;padding:12px 0 18px;margin-bottom:-18px;z-index:2}
.dp-projects .dp-project-action .dp-big-cta{margin-top:0}
@media(max-width:700px){.dp-project-index{grid-template-columns:1fr}.dp-case-file summary{padding:14px}}
.motion-off .dp-case-file summary>b{transition:none}
@media(prefers-reduced-motion:reduce){.dp-case-file summary>b{transition:none}}
.dp-preview{--dp-blue:#344ce8;--dp-ink:#293066;--dp-cream:#fbf1df;--dp-peach:#fac581;color:var(--dp-ink);container-type:inline-size}
.dp-projects{padding:27px;background:#e8ebfa}
.dp-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}
.dp-kicker{font:10px var(--mono);letter-spacing:.05em;color:#6b7198}
.home-body .dp-heading h3{font-size:clamp(34px,5cqi,49px);line-height:1.05;letter-spacing:-.065em;margin:10px 0 0}
.dp-folder-count{display:flex;align-items:center;gap:10px;padding:9px 17px 11px;background:var(--dp-peach);border:1px solid #fdf7ea;border-radius:15px;box-shadow:2px 4px 0 #d4b096;transform:rotate(5deg);font-size:42px;line-height:1;letter-spacing:-.06em}
.dp-folder-count>span{font:11px var(--mono);letter-spacing:0}
.dp-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:17px 15px}
.dp-project{min-width:0;overflow:hidden;border:1px solid #fff9;border-radius:17px;background:var(--dp-cream);box-shadow:0 4px 0 #bbc1da;transition:transform .2s,box-shadow .2s}
.dp-project:hover{transform:translateY(-3px);box-shadow:0 7px 0 #bbc1da}
.dp-project summary{display:block;cursor:pointer;list-style:none}
.dp-project summary::-webkit-details-marker{display:none}
.dp-project summary:focus-visible{outline:3px solid var(--dp-blue);outline-offset:-4px;border-radius:16px}
.dp-project-cover{height:127px;position:relative;display:grid;place-items:center;overflow:hidden;isolation:isolate;background:var(--dp-blue);color:var(--dp-cream)}
.dp-project-cover::after{content:'';position:absolute;inset:0;border:1px solid #ffffff2b;box-shadow:inset 0 2px 2px #ffffff50;pointer-events:none}
.dp-cover-mark{position:absolute;right:14px;bottom:8px;font-size:29px;letter-spacing:-.06em;line-height:1;opacity:.55;z-index:-1}
.dp-project-label{position:relative;padding:15px 35px 15px 14px;min-height:81px}
.dp-project-label h4{font-size:15px;font-weight:500;line-height:1.25;letter-spacing:-.035em;margin:0 0 5px}
.dp-project-label>span{display:block;font-size:10px;line-height:1.4;color:#6a6f8c}
.dp-project-label>b{position:absolute;right:13px;top:13px;font-size:22px;font-weight:400;transition:transform .2s}
.dp-project[open] .dp-project-label>b{transform:rotate(45deg)}
.dp-project>p{padding:0 15px 17px;font-size:12px;line-height:1.55;margin:0;color:#565d80}
.dp-mini-phone{width:61px;height:95px;border-radius:13px;border:4px solid #e5e8ff;background:var(--dp-cream);box-shadow:7px 9px 0 #1e319ba0;transform:rotate(-13deg);display:grid;place-items:center;position:relative}
.dp-qr{font-size:56px;line-height:1;color:var(--dp-blue);transform:translateY(-5px)}
.dp-mini-phone>i{position:absolute;right:-29px;bottom:7px;background:var(--dp-peach);color:var(--dp-ink);border:1px solid #fff9;box-shadow:2px 3px 0 #c09d7a;width:36px;height:29px;border-radius:7px;text-align:center;line-height:27px;font-style:normal;font-size:21px}
.dp-project-garage .dp-project-cover{background:#c6b8ee;color:#655599}
.dp-museum-panels{width:110px;height:88px;position:relative;transform:rotate(-7deg)}
.dp-museum-panels>i{position:absolute;left:3px;top:0;width:64px;height:90px;background:var(--dp-cream);padding:13px 7px;font:11px/1.15 var(--mono);box-shadow:3px 4px 0 #ad9acd}
.dp-museum-panels>b{position:absolute;right:0;top:10px;width:66px;height:83px;background:var(--dp-peach);color:var(--dp-blue);font-size:65px;font-weight:400;line-height:1.2;text-align:center;transform:rotate(13deg);box-shadow:3px 4px 0 #bf9b94}
.dp-project-letters .dp-project-cover{background:#f5bdd4;color:#a26082}
.dp-envelope{width:105px;height:66px;position:relative;background:var(--dp-cream);border:2px solid #fffbf7;box-shadow:3px 6px 0 #c586a0;transform:rotate(-10deg);border-radius:4px}
.dp-envelope:before{content:'';position:absolute;width:73px;height:73px;left:14px;top:-39px;background:var(--dp-cream);border:1px solid #dab8c9;transform:rotate(45deg);z-index:-1;border-radius:4px}
.dp-envelope:after{content:'';position:absolute;inset:0;background:linear-gradient(32deg,transparent 48%,#ddb4ca 49%,#ddb4ca 50%,transparent 51%),linear-gradient(-32deg,transparent 48%,#ddb4ca 49%,#ddb4ca 50%,transparent 51%);opacity:.6}
.dp-envelope>i{display:grid;place-items:center;position:absolute;z-index:1;background:var(--dp-blue);color:var(--dp-cream);left:39px;top:22px;width:27px;height:27px;border-radius:50%;font-style:normal;font-size:19px}
.dp-project-akbars .dp-project-cover{background:#b3c4f1;color:#536baa}
.dp-agent-face{display:flex;gap:25px;width:104px;height:81px;position:relative;align-items:start;justify-content:center;padding:20px 0;background:var(--dp-cream);border:3px solid #fff8;border-radius:27px;box-shadow:5px 7px 0 #778ed5;transform:rotate(7deg)}
.dp-agent-face>i{display:block;width:10px;height:15px;background:var(--dp-blue);border-radius:6px}
.dp-agent-face>b{position:absolute;top:24px;font-size:41px;line-height:1;font-weight:400;color:var(--dp-blue)}
.dp-project-recipes .dp-project-cover{background:var(--dp-peach);color:#a6764a}
.dp-recipe-plate{display:grid;place-items:center;width:95px;height:95px;border:10px solid #fff4df;background:#f1dfc0;border-radius:50%;box-shadow:4px 6px 0 #d2a161,inset 1px 2px 2px #c1a87b;transform:rotate(12deg)}
.dp-recipe-plate>i{display:block;font-size:65px;line-height:1;font-style:normal;color:#ec9971}
.dp-project-atalanta .dp-project-cover{background:#303c78;color:#b9b4f6}
.dp-ar-portal{position:relative;display:grid;place-items:center;width:79px;height:104px;border-radius:40px 40px 5px 5px;border:8px solid #c1a2f2;box-shadow:5px 5px 0 #17295e,inset 0 0 15px #7763cc;background:linear-gradient(#6652a6,#303c78);transform:rotate(9deg)}
.dp-ar-portal>i{font-size:49px;color:var(--dp-peach);font-style:normal;line-height:1}
.dp-big-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 23px;margin-top:25px;min-height:80px;border-radius:17px;border:1px solid #8998ff;background:linear-gradient(130deg,#4d62f5,var(--dp-blue));box-shadow:inset 0 2px 1px #ffffff60,0 5px 0 #2638ab;color:var(--dp-cream);text-decoration:none;font-size:clamp(20px,3.5cqi,30px);font-weight:500;letter-spacing:-.04em;line-height:1.1;transition:transform .2s,box-shadow .2s}
.dp-big-cta>b{display:grid;place-items:center;flex:0 0 45px;height:45px;font-size:34px;font-weight:400;border:1px solid #b6bff9;border-radius:11px;background:#ffffff0a;box-shadow:inset 0 1px 1px #ffffff40}
.dp-big-cta:hover{transform:translateY(-2px);box-shadow:inset 0 2px 1px #ffffff60,0 7px 0 #2638ab}
.dp-big-cta:active{transform:translateY(3px);box-shadow:inset 0 2px 1px #ffffff60,0 2px 0 #2638ab}
.dp-learning{background:var(--dp-cream)}
.dp-learning-hero{display:grid;grid-template-columns:1fr 160px;gap:30px;align-items:center;padding:32px;background:var(--dp-blue);color:var(--dp-cream);overflow:hidden}
.home-body .dp-learning-hero h3{font-size:clamp(36px,6cqi,58px);letter-spacing:-.07em;line-height:1.02;margin:0 0 16px}
.dp-learning-hero h3 em{color:var(--dp-peach);font-style:normal}
.dp-learning-hero p{font-size:14px;line-height:1.5;max-width:410px;color:#e5e8ff}
.dp-result-key{position:relative;width:124px;height:127px;border-radius:24px;border:2px solid #ffeed3;background:linear-gradient(135deg,#ffdcaa,var(--dp-peach));box-shadow:inset 0 3px 3px #fff8,5px 10px 0 #bc8f61,10px 20px 30px #14256c70;transform:rotate(11deg);display:grid;place-items:center;justify-self:center}
.dp-result-key>span{color:var(--dp-blue);font-size:87px;line-height:1;transform:translateY(-10px)}
.dp-result-key>i{position:absolute;bottom:13px;color:var(--dp-ink);font:10px var(--mono)}
.dp-learning-body{padding:24px 27px 30px}
.dp-format-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.dp-format{position:relative;min-width:0;padding:22px 21px;border-radius:18px;border:1px solid #fff9;background:#ddd9f2;box-shadow:0 4px 0 #bdb6d5}
.dp-format-workshop{background:#f5d6e1;box-shadow:0 4px 0 #d9b7c6}
.dp-format h4{font-size:25px;font-weight:400;letter-spacing:-.045em;line-height:1.15;margin:0 0 13px;padding-right:35px}
.dp-format p{font-size:13px;line-height:1.55;max-width:310px}
.dp-format-symbol{position:absolute;right:19px;top:17px;font-size:33px;line-height:1;color:var(--dp-blue)}
.dp-client-proofs{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:28px 3px 3px}
.dp-client-proof{display:grid;grid-template-columns:minmax(95px,1fr) 1fr;gap:14px;align-items:center;min-width:0}
.dp-client-proof img{object-fit:contain;width:100%;max-width:145px;height:55px;justify-self:start}
.dp-client-proof p{margin:0;font-size:11px;line-height:1.45}
.dp-client-proof p>strong{display:block;font-size:14px;font-weight:500;line-height:1.3;margin-bottom:4px}
.dp-client-proof p>span{display:block;color:#6a6f8c}
.dp-samolet-name{font-size:24px;font-weight:600;color:#2460eb;letter-spacing:-.04em}
.dp-cta-peach{color:var(--dp-ink);border-color:#fff1d7;background:linear-gradient(120deg,#ffd8a2,var(--dp-peach));box-shadow:inset 0 2px 1px #ffffff70,0 5px 0 #c69865}
.dp-cta-peach>b{border-color:#c69865;background:#fff3db50}
.dp-cta-peach:hover{box-shadow:inset 0 2px 1px #ffffff70,0 7px 0 #c69865}
.dp-cta-peach:active{box-shadow:inset 0 2px 1px #ffffff70,0 2px 0 #c69865}
@media(max-width:700px){.dp-projects{padding:22px 17px}.dp-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 11px}.dp-project-cover{height:118px}.dp-project-label{padding:13px 27px 13px 12px;min-height:88px}.dp-project-label h4{font-size:14px}.dp-project-label>b{right:9px}.dp-folder-count{font-size:34px;padding:8px 12px;gap:7px}.dp-folder-count>span{font-size:9px}.dp-learning-hero{padding:28px 24px;grid-template-columns:1fr 90px;gap:16px}.dp-result-key{width:86px;height:94px;border-radius:19px;box-shadow:inset 0 3px 3px #fff8,4px 7px 0 #bc8f61,7px 16px 25px #14256c60}.dp-result-key>span{font-size:64px}.dp-result-key>i{font-size:8px;bottom:10px}.dp-learning-body{padding:21px 20px 27px}.dp-format{padding:20px 17px}.dp-format h4{font-size:22px;padding-right:0;padding-top:32px}.dp-format-symbol{top:17px;right:auto;left:17px;font-size:27px}.dp-format p{font-size:12px}.dp-client-proofs{gap:19px}.dp-client-proof{grid-template-columns:1fr;gap:7px;align-content:start}.dp-client-proof img{height:45px;max-width:125px}.dp-samolet-name{height:45px;display:flex;align-items:center}.dp-big-cta{padding:15px 17px;min-height:74px;gap:14px}.dp-big-cta>b{flex-basis:40px;height:40px;font-size:28px}}
@media(max-width:430px){.dp-heading{gap:10px}.home-body .dp-heading h3{font-size:34px}.dp-folder-count{font-size:28px;flex-direction:column;gap:3px}.dp-kicker{font-size:8px}.dp-learning-hero{grid-template-columns:1fr;padding:26px 22px}.home-body .dp-learning-hero h3{font-size:43px}.dp-result-key{display:none}.dp-learning-hero p{font-size:13px}.dp-format-grid{grid-template-columns:1fr}.dp-format h4{padding-top:0;padding-right:35px;margin-bottom:10px}.dp-format-symbol{left:auto;right:17px;top:20px}.dp-format p{max-width:unset}.dp-big-cta{font-size:20px}}
@media(prefers-reduced-motion:reduce){.dp-project,.dp-big-cta,.dp-project-label>b{transition:none}}
/* Keep the main action visible in a normal desktop window. */
@media(min-width:701px){
 .dp-project-cover{height:clamp(76px,12svh,114px)}
 .dp-project-cover>div{scale:.84}
 .dp-project-label{min-height:70px;padding-block:12px}
 .dp-learning-hero{padding:24px 30px}
 .home-body .dp-learning-hero h3{font-size:46px;margin-bottom:12px}
 .dp-learning-hero p{font-size:13px}
 .dp-client-proofs{padding-top:20px}
}
@media(min-width:701px) and (max-height:760px){
 .dp-projects{padding:18px 27px}
 .dp-heading{margin-bottom:14px}
 .home-body .dp-heading h3{font-size:40px}
 .dp-project-grid{row-gap:14px}
 .dp-project-cover{height:68px}
 .dp-project-cover>div{scale:.66}
 .dp-projects .dp-big-cta{margin-top:18px}
}