.dpn{box-sizing:border-box;padding:5rem 0}.dpn__frame{margin:0 auto;max-width:780px;padding:clamp(2rem,5vw,3rem) clamp(1.5rem,4vw,2.75rem);position:relative;text-align:center}.dpn__corners{inset:0;pointer-events:none;position:absolute}.dpn__corner{border:0 solid rgba(42,40,38,.28);height:28px;position:absolute;width:28px}.dpn__corner--tl{border-left-width:1px;border-top-width:1px;left:0;top:0}.dpn__corner--tr{border-right-width:1px;border-top-width:1px;right:0;top:0}.dpn__corner--bl{border-bottom-width:1px;border-left-width:1px;bottom:0;left:0}.dpn__corner--br{border-bottom-width:1px;border-right-width:1px;bottom:0;right:0}.dpn__header{margin:0 auto 1.5rem;max-width:520px}.dpn__panel{--dpn-panel-border:rgba(42,40,38,.18);--dpn-accent:var(--sand);background-color:hsla(0,0%,100%,.45);border:1px solid var(--dpn-panel-border);box-sizing:border-box;text-align:left}.dpn__panel-inner{border-left:3px solid var(--dpn-accent);padding:clamp(1.25rem,3vw,1.75rem) clamp(1.25rem,3vw,1.75rem) clamp(1.25rem,3vw,1.75rem) clamp(1.5rem,3vw,2rem)}.dpn__panel-inner p{margin-bottom:0}@media (max-width:560px){.dpn__frame{padding:1.75rem 1.15rem}.dpn__corner{height:20px;width:20px}}